/* Theme Name: SambaFunk! Online Theme URI: Description: Funkquarians are web savvy Author: Afshin Author URI: http://sitesaavy.com/ Template: thematic Version: 2.0 Tags: Thematic . */ @import url('../thematic/library/styles/reset.css'); @import url('../thematic/library/styles/typography.css'); @import url('../thematic/library/layouts/2c-r-fixed.css'); @import url('../thematic/library/styles/images.css'); @import url('../thematic/library/styles/default.css'); @import url('../thematic/library/styles/plugins.css'); /* * SITE WIDE CHANGES */ #content { width: 605px; /*instead of 540 */ } #main { padding: 14px 0 14px; /* space between header and page title */ /* swirly transparent image overlayed on tiling background*/ background: url(img/main-bk1.png) left top; } body { background: #dedede; /* url(img/newsprnt.jpg) repeat; */ /* background: url(img/sq_gold_lt.jpg) repeat; */ font-family:Arial, Helvetica, sans-serif; } /* #wrapper { background: url(img/newsprnt.jpg) repeat; } */ #footer { /* background: url(img/bottom1.png) no-repeat center top; */ background: url(img/footer-tile3.png) repeat; /* tile-20p.png */ margin-top: 4px; } #second { background: url(img/caribelinq-logo3.png) bottom right no-repeat; } table { border:none; } /* #container { background:url(img/brazil-tweet1.png) top right no-repeat; } */ /* * HEADER * HIDE THE BLOG TITLE & DESCRIPTION - we're using a graphic instead */ #blog-title a { color : transparent; } #blog-title { color : transparent; text-indent: -9999px; /* move text off page cuz using image for title */ } #blog-description { color: transparent; text-indent: -9999px; } #header { /* background:url(img/sfunk-topbar6.png) no-repeat center top; */ background:url(img/sfunk-topbar6.png) no-repeat center top; } #branding { padding: 12px 0 44px; } /* default: 88px 0 44px */ /* * FONTS, SIZES, ... */ .entry-title { /* page title headings */ color: #f79023; /* #40af49; green*/ font-size:2em !important; text-shadow:0 -1px 0 rgba(0,0,0,0.3), 0 1px 0 rgba(255,255,255,0.4) ; /* nice embossing effect */ } .entry-title a:active, .entry-title a:hover { /* blog posts */ color: #660033; /* dark purple */ } .entry-content { padding: 6px 0 0; /* was at 22 0 0 in default.css */ color: black; /* body text color */ font-size: 1.1em; } .entry-content h1, .entry-content h2, .entry-content h3{ /* padding: 12px 0 12px; used to be 28px 0 14px; */ } .entry-content h3 { color: #8b0b55; /*purple */ font-style:normal !important; font-weight:bold; font-size: 1.3em; /* used to be 17px */ } .entry-content h4 { color: #704f82; /* darker purple */ font-size: 1.00em; } .entry-content h5 { text-transform:uppercase; font-size:.9em; } /* * SIDE BAR & FOOTER, WIDGETS */ #primary { /* widget sidebar bar */ background: url(img/primary3_0.png) top no-repeat; /* green-tall */ /* background: url(img/TheoTweet.png) no-repeat top left; */ border:none; -webkit-border-radius:10px; -moz-border-radius:10px; } .aside { color: black; } /* text color on the sidebar */ .aside a { color: #8b0b55; /* purple color for links on the sidebar */ text-decoration:none; font-size: 1.2em; } .aside a:active, .aside a:hover { color: #40af49; /* green */ } .aside h3 { /* widget titles */ font-size: 1.4em; font-style:normal; font-weight:bold; } #content .aside h3 { /* inside the page top widget area */ font-style:normal; font-family:Arial, Helvetica, sans-serif; } .aside p { font-size: 1.2em; } /* widget text */ #page-top { /* Top of page widget */ margin: 0 0 7; /* close space between start of page and this top widget */ background: #F79023; /* , a487b3 purplish, old fuscia: c45fa4 */ -webkit-border-radius:10px; -moz-border-radius:10px; } /* * IMAGES */ /* .entry-content img { border: 3px solid #983a6b !important; } img { box-shadow: 2px 2px 4px rgba(0,0,0, .3); -webkit-box-shadow: 2px 2px 4px rgba(0,0,0, .3); -moz-box-shadow: 2px 2px 4px rgba(0,0,0, .3); } */ /* HOME PAGE */ #fs-main { /* The slider */ box-shadow: 2px 2px 4px rgba(0,0,0, .3); -webkit-box-shadow: 2px 2px 4px rgba(0,0,0, .3); -moz-box-shadow: 2px 2px 4px rgba(0,0,0, .3); } .entry-content embed { /* youtube video on home page */ box-shadow: 4px 5px 6px rgba(0,0,0, .4); -webkit-box-shadow: 4px 5px 6px rgba(0,0,0, .4); -moz-box-shadow: 4px 5px 6px rgba(0,0,0, .4); } .widget_twitter { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 90%; background:url(img/tweet-bk1.png) top left no-repeat; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; box-shadow: 2px 2px 4px rgba(0,0,0, .3); -webkit-box-shadow: 2px 2px 4px rgba(0,0,0, .3); -moz-box-shadow: 2px 2px 4px rgba(0,0,0, .3); } .tweets li { color: black; } /* Home page */ .page-id-37 #wrapper { background: url('img/tshirt2_5.png') top right no-repeat;} .page-id-37 #page-top { -webkit-box-shadow: inset 1px 1px 8px 3px rgba(0, 0, 0, .4); -moz-box-shadow: inset 1px 1px 8px 3px rgba(0, 0, 0, .4); box-shadow: inset 1px 1px 8px 3px rgba(0, 0, 0, .4); /* background:#a487b3 url(img/clinq3.png) top right no-repeat; */ } .page-id-595 #wrapper { background: url('img/tshirt2_5.png') repeat-x; } .post-595 .entry-title { /* Carnaval'11 Page */ /* background:url('img/tweet-bk1.png') bottom right no-repeat; */ } .page-id-595 #page-top { /* page top widget of Carnaval'11 page */ background:url('img/call1.png') top left no-repeat; } .page-id-1000 #page-top { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjYTQ4N2IzIiBzdG9wLW9wYWNpdHk9IjAuNjUiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2E0ODdiMyIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(-45deg, rgba(164,135,179,0.65) 0%, rgba(164,135,179,0) 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(164,135,179,0.65)), color-stop(100%,rgba(164,135,179,0))); background: -webkit-linear-gradient(-45deg, rgba(164,135,179,0.65) 0%,rgba(164,135,179,0) 100%); background: -o-linear-gradient(-45deg, rgba(164,135,179,0.65) 0%,rgba(164,135,179,0) 100%); background: -ms-linear-gradient(-45deg, rgba(164,135,179,0.65) 0%,rgba(164,135,179,0) 100%); background: linear-gradient(-45deg, rgba(164,135,179,0.65) 0%,rgba(164,135,179,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6a487b3', endColorstr='#00a487b3',GradientType=1 ); } .page-id-583 #page-top { // Classes page background: rgb(180,227,145); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjYjRlMzkxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjNjFjNDE5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2I0ZTM5MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(-45deg, rgba(180,227,145,1) 0%, rgba(97,196,25,1) 50%, rgba(180,227,145,1) 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(180,227,145,1)), color-stop(50%,rgba(97,196,25,1)), color-stop(100%,rgba(180,227,145,1))); background: -webkit-linear-gradient(-45deg, rgba(180,227,145,1) 0%,rgba(97,196,25,1) 50%,rgba(180,227,145,1) 100%); background: -o-linear-gradient(-45deg, rgba(180,227,145,1) 0%,rgba(97,196,25,1) 50%,rgba(180,227,145,1) 100%); background: -ms-linear-gradient(-45deg, rgba(180,227,145,1) 0%,rgba(97,196,25,1) 50%,rgba(180,227,145,1) 100%); background: linear-gradient(-45deg, rgba(180,227,145,1) 0%,rgba(97,196,25,1) 50%,rgba(180,227,145,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4e391', endColorstr='#b4e391',GradientType=1 ); } .page-id-167 #page-top { // King theo page background: rgb(254,252,234); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZmVmY2VhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YxZGEzNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(-45deg, rgba(254,252,234,1) 0%, rgba(241,218,54,1) 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(254,252,234,1)), color-stop(100%,rgba(241,218,54,1))); background: -webkit-linear-gradient(-45deg, rgba(254,252,234,1) 0%,rgba(241,218,54,1) 100%); background: -o-linear-gradient(-45deg, rgba(254,252,234,1) 0%,rgba(241,218,54,1) 100%); background: -ms-linear-gradient(-45deg, rgba(254,252,234,1) 0%,rgba(241,218,54,1) 100%); background: linear-gradient(-45deg, rgba(254,252,234,1) 0%,rgba(241,218,54,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#f1da36',GradientType=1 ); } /* comment box */ #respond { background: url(img/newsprnt.jpg) repeat; } #siteinfo { /* very bottom of page */ padding: 22px 0 32px; /* 22px 0 44px */ } .hentry { padding: 0 0 2px; } #comments { padding: 6px 0 0; } /* * MENU */ .sf-menu { text-transform:uppercase; /* font-family:Terminal Dosis Light; */ } .sf-menu a { font-size: 10px !important; /* enlarge main menu link text */ text-shadow:0 -1px 0 rgba(0,0,0,0.15), /* give a subtle engraved look */ 0 1px 0 rgba(255,255,255,0.8); /* letter-spacing:1px; */ text-transform:uppercase; color:black !important; /* color:#222233 !important; */ } .sf-menu li { background: #CCCCCC; float:left; position:relative; background:url(img/menu-tile2.png) repeat-x; } /* This is the over state */ .sf-menu li:hover, .sf-menu li.sfHover, s.f-menu a:focus, .sf-menu a:hover, .sf-menu a:active { background: url(img/menu-tile-y.png) repeat-x; color: red; } /* This is the current page */ .sf-menu .current_page_item a, .sf-menu .current_page_ancestor a, .sf-menu .current_page_parent a { background:url(img/menu-tile-r.png) repeat-x; color: black; } /* * VISUAL NICITIES */ .framed_box1 { /* border:dashed red; */ margin: 10px; padding-left: 10px; padding-right: 10px; -moz-border-radius-topleft: 24px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 24px; -moz-border-radius-bottomleft: 0px; -webkit-border-radius: 24px 0px 24px 0px; border-radius: 24px 0px 24px 0px; -webkit-box-shadow: 3px 3px 5px 3px rgba(0, 0, 0, .3); -moz-box-shadow: 3px 3px 5px 3px rgba(0, 0, 0, .3); box-shadow: 3px 3px 5px 3px rgba(0, 0, 0, .3); } .redfade { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmMDIwMiIgc3RvcC1vcGFjaXR5PSIwLjM0Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(255,2,2,0.34) 0%, rgba(255,255,255,0) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,2,2,0.34)), color-stop(100%,rgba(255,255,255,0))); background: -webkit-linear-gradient(top, rgba(255,2,2,0.34) 0%,rgba(255,255,255,0) 100%); background: -o-linear-gradient(top, rgba(255,2,2,0.34) 0%,rgba(255,255,255,0) 100%); background: -ms-linear-gradient(top, rgba(255,2,2,0.34) 0%,rgba(255,255,255,0) 100%); background: linear-gradient(top, rgba(255,2,2,0.34) 0%,rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#57ff0202', endColorstr='#00ffffff',GradientType=0 ); } .orangefade { background: -moz-linear-gradient(-45deg, rgba(247,144,35,0.46) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(247,144,35,0.46)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(-45deg, rgba(247,144,35,0.46) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(-45deg, rgba(247,144,35,0.46) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(-45deg, rgba(247,144,35,0.46) 0%,rgba(255,255,255,0) 100%); /* IE10+ */ background: linear-gradient(135deg, rgba(247,144,35,0.46) 0%,rgba(255,255,255,0) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#75f79023', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .greenfade { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ5ZmMwMiIgc3RvcC1vcGFjaXR5PSIwLjM0Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(73,252,2,0.34) 0%, rgba(255,255,255,0) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(73,252,2,0.34)), color-stop(100%,rgba(255,255,255,0))); background: -webkit-linear-gradient(top, rgba(73,252,2,0.34) 0%,rgba(255,255,255,0) 100%); background: -o-linear-gradient(top, rgba(73,252,2,0.34) 0%,rgba(255,255,255,0) 100%); background: -ms-linear-gradient(top, rgba(73,252,2,0.34) 0%,rgba(255,255,255,0) 100%); background: linear-gradient(top, rgba(73,252,2,0.34) 0%,rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5749fc02', endColorstr='#00ffffff',GradientType=0 ); } #regexplosion { float:right; }