/* Theme Name: Thinking Theme URI: http:/www.thinkinfreak.com/ Description: Wordpress Theme creat per al Blog de ThinkinFreak.com 2010 Author: Juldavs.com Author URI: Juldavs.com Version: 2.0 Tags: ThinkinFreak, Freak, Gadget, Friday's Gadget */ /* TABLA DE CONTENIDOS 00 - Global Elements - Standard Elements 01 - Typography - All Type throughout the site 02 - Main Structure - Columns, clearfix, etc. 03 - Header - Header, Logo, navigation, search. 04 - Dock - jQuery latest articles. 05 - Main Content - Post boxes, post meta, etc. 06 - Sidebar - Custom sidebar widgets. 07 - Footer - Categories, About, Copyright, Sponsors. /* ----------------------------------------------*/ /* 00 - PAG. FRIDAY'S GADGET /* ----------------------------------------------*/ #lista-gadget{ width:150px; height:150px; float:left; padding: 5px; background:#fff; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border:1px solid #cbcbcb; margin:0 10px 10px 0;} #lista-gadget:hover{ -webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.4); -moz-box-shadow:0 0px 10px rgba(0, 0, 0, 0.4);} #lista-gadget:active { -webkit-box-shadow:0 0 0 rgba(0, 0, 0, 0.4); -moz-box-shadow:0 0 10px rgba(0, 0, 0, 0.4); } #lista-gadget ul{ } #lista-gadget li { list-style:none; } .post-gadget{ width:675px;} .txt-gadget { font-size:12px; text-align:left; font-family: 'Oswald',arial,serif; font-weight: 400; text-transform: uppercase; } .publicat-gadget { font-size:10px; color:#999999; } #sidebar-gadget{ width:245px; height:250px; border:1px solid #cbcbcb; padding-left:10px; margin-top:-30px;} #sidebar-gadget:hover{ -webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.4); -moz-box-shadow:0 0px 10px rgba(0, 0, 0, 0.4);} #sidebar-gadget:active { -webkit-box-shadow:0 0 0 rgba(0, 0, 0, 0.4); -moz-box-shadow:0 0 10px rgba(0, 0, 0, 0.4); } .title-gadget{ font-family: 'Oswald',arial,serif; font-weight: 400; text-transform:uppercase; font-size:24px; color:#A5B100; text-align:center; padding-top:10px; margin-left:-10px;} .img{ width:235px; height:160px;} .txt-s-gadget{ font-size:11px; text-align:left; font-weight:bold; padding-top:5px; color: #666666;} /* escapadas */ #escapadas { clear: both; border-top: 1px solid #b5b4b4; margin: 0 30px; } #escapadas .foto-escapadas { float: left; width: 175px; padding: 30px 0; } #escapadas .foto-escapadas img { width: 175px; height: 134px; border: 1px solid #e9e9e9; background-color: #F2F2F1; padding: 5px; } #escapadas .contingut-escapadas { float: right; width: 430px; padding: 25px 0; } #escapadas .contingut-escapadas h1 a { color:#608b23; text-decoration:none; font-size: 18px; } #escapadas .contingut-escapadas h1 a:hover { color:#a3c73b; text-decoration:underline; font-size: 18px; } #escapadas .contingut-escapadas p { /*line-height: 18px;*/ padding: 0 0 10px; } #escapadas .contingut-escapadas a { color:#666; font-size:11px; line-height: 15px;} #escapadas .contingut-escapadas a:hover { color:#333; font-size:11px; text-decoration:none;} #escapadas .details { float: left; font-size: 0.85em; text-transform: uppercase; margin-bottom: 0 !important; } #escapadas .details a { text-decoration: none; color: #191919; margin: 0 5px; } #escapadas .details a:hover { text-decoration: underline; } #escapadas .comments { float: right; margin-bottom: 0 !important; padding-bottom: 6px; background: url(images/comments.gif) no-repeat right bottom; } #escapadas .comments a { display: block; color: #ffffff; font-family: Verdana; font-size: 0.9em; text-decoration: none; padding: 2px 6px; background-color: #212121; } /* destacats */ #destacats{ width:255px; padding-left:2px; padding-bottom:20px;} .title-destacats{ font-family: 'Oswald',arial,serif; font-weight: 400; text-transform:uppercase; font-size:14px; color:#A5B100; border-bottom:1px dotted #999;} .friday-gadget{ width:255px; margin-bottom:10px; } .friday-gadget:hover{ -webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.4); -moz-box-shadow:0 0px 10px rgba(0, 0, 0, 0.4);} .friday-gadget:active { -webkit-box-shadow:0 0 0 rgba(0, 0, 0, 0.4); -moz-box-shadow:0 0 10px rgba(0, 0, 0, 0.4); } .left{ width:125px; height:125px; float:left; margin-top:5px; margin-bottom:10px;} .left:hover{ -webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.4); -moz-box-shadow:0 0px 10px rgba(0, 0, 0, 0.4);} .left:active { -webkit-box-shadow:0 0 0 rgba(0, 0, 0, 0.4); -moz-box-shadow:0 0 10px rgba(0, 0, 0, 0.4); } .right{ width:125px; height:125px; float:right; margin-top:5px; margin-bottom:10px;} .right:hover{ -webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.4); -moz-box-shadow:0 0px 10px rgba(0, 0, 0, 0.4);} .right:active { -webkit-box-shadow:0 0 0 rgba(0, 0, 0, 0.4); -moz-box-shadow:0 0 10px rgba(0, 0, 0, 0.4); } /* ----------------------------------------------*/ /* 00 - GLOBAL ELEMENTS /* ----------------------------------------------*/ body { margin: 0; padding: 0; background: #c0c0c0 url(images/fons_bg.gif); text-align: justify; font-family: "Arial", Helvetica, sans-serif; font-size: 12px; color: #333333; } img { margin:0; padding:0; border:0; } p { padding: 0px 0px 15px; margin: 0px; line-height:18px; } /* ----------------------------------------------*/ /* 01 - TYPOGRAPHY /* ----------------------------------------------*/ h1, h1 a{ font-family: 'Oswald',arial,serif; font-weight: 400; text-transform: uppercase; color: #62890c; font-size:22px; text-decoration:none; } h2, h2 a{ font-weight: bold; color: #62890c; font-size:20px; text-decoration:none; } h3, h3 a{ font-weight: bold; color: #a5b100; font-size:16px; text-decoration:none; } h4 { font-family: 'Oswald',arial,serif; font-weight: 400; text-transform: uppercase; color: #62890c; font-size:22px; text-decoration:none; padding-left:30px;} h1 a:hover, h2 a:hover, h3 a:hover { color: #a3c73b; } h1 a:visited { color: #62890C;} a {color: #F58B00; text-decoration: none; } a:visited { color: #F58B00; text-decoration: none; } a:hover { color: #F58B00; text-decoration: underline; } /* ----------------------------------------------*/ /* 03 - HEADER /* ----------------------------------------------*/ /* Header */ #header { width: 100%; height: 190px; background: url(images/fons-header.jpg);} #container-header{ margin: 0 auto; width:980px; height:190px; #height:210px; /* Para IE */ margin-top:-20px; } #logo { width:980px; height: 149px; #height:169px; /* Para IE */} /* Menu Header */ #menu {width:690px; height:40px; float:left; font-family: 'Oswald',arial,serif; font-weight: 400; text-transform:uppercase; font-size:15px;} #menu ul { margin: 0; padding: 8px 0 0 20px; list-style: none; } #menu li { float: left; } #menu a { padding: 2px 20px 0px 0px; border: none; text-decoration: none; color: #7a7a7a; } #menu a:hover { text-decoration: none; color: #000000;} /* RSS Header */ #rss-cont { width:286px; height:40px; float:right; margin-right:-40px;} .rss {background: url(images/rss_header.png) no-repeat; width:105px; height:40px; cursor:pointer; float: left;} .rss-code {float: left; width:90px; height:20px; padding-top: 8px; padding-left:20px;} /* ----------------------------------------------*/ /* 05 - Main Content - Post boxes, post meta, etc. /* ----------------------------------------------*/ /* contenedor content i sidebar */ #page { width:985px; margin:0 auto; overflow:hidden; background-color:#ffffff; padding-top:-1px; } /* Area de contingut 700px */ #content { width: 691px; padding: 10px 0 30px 13px; float: left; float:left; overflow: hidden; border-right: 1px solid #e6e6e6; background-color:#ffffff; } .post { clear:both; } .entry { float:right; margin: 0 19px 0 0; width:665px; } /* Block Cuote */ .post blockquote {border-left:3px solid #CFCFCF; font-size:13px; font-style:italic; margin:0 0 1.5em; padding:5px 0 0 10px; } /* titols post */ .entry-title { width:680px;} .date { float:left; background-image:url(images/date.gif); width:52px; height:52px; font-family: 'Oswald',arial,serif; font-weight: 400; text-transform:uppercase; } .month { font-size: 12px; color: #f58b00; text-align: center; display:block; line-height: 11px; padding-top: 7px; margin-left: -3px; } .day { font-size: 26px; color: #adadad; text-align: center; display:block; line-height: 18px; padding-top: 7px; margin-left: -3px; } .title { width:560px; margin-top:3px; padding-left:65px; #padding-left:55px; /* Para IE */} .post-cat {font-size: 11px; margin-top:-16px; color:#686868;} .post-cat a { color:#f58d05;} .bocadillo {float:right; background-image:url(images/bocadillo.gif); background-position: right top; width:45px; height:32px; margin-right:10px;} .numero { font-size:15px; font-weight:bold; padding-left:17px; top:6px; position:relative; clear:none;} .numero a {color:#adadad;} .numero a:hover {color:#212121; text-decoration:none;} .txt {color:#d3b988; font-size:11px; font-weight:bold; float: left; padding: 6px 5px 6px 5px;} .cuad-tags { background-color:#F8F8F8; border: 1px dashed #cccccc; padding: 5px 5px 20px 5px; color:#333333; font-size: 11px; margin-top:10px; } .cuad-tags a { color:#1d2a00;} .post-tags { float: left; } .post-comments { float: left; } .post-calendar { background: url(images/mini-calendar.gif) no-repeat left center; padding-left: 20px; float: right; font-size: 95%; color: #999999; } .post-content { clear: both; padding-top: 10px; font-size:12px; } .more-link { float: left; padding-top:10px; font-weight:bold; padding-bottom:10px;} /* ----------------------------------------------*/ /* 06 - Sidebar /* ----------------------------------------------*/ .tagcloud { font-family: 'Oswald',arial,serif; font-weight: 400; text-transform:uppercase;} /*sidebar */ #sidebar { float: right; width: 280px; color: #f5f5f5; overflow: hidden; } #sidebar .iconos-socials { padding-top:5px; width:280px; text-align:center; margin-left:-10px; background-color:#23555f; border-top:1px solid; } /*sidebar title (h2) */ #sidebar h2, #sidebar .sidebartitle{ font-family: 'Oswald',arial,serif; font-weight: 400; text-transform:uppercase; font-size:14px; padding-left:5px; padding-top:7px; color:#a5b100; border-bottom:1px dotted #999; } /*sidebar text styles */ #sidebar a, #sidebar a:visited{ color: #666666; text-decoration: none; font-size:11px; } #sidebar a:hover{ color: #000000; text-decoration: none; } /*sidebar llista */ #sidebar ul { margin: -5px 15px 7px 15px; padding: 0px 0px 8px 0px; } #sidebar ul li { list-style: none; margin-left:0px; margin-top:12px; margin-bottom:-4px; } /* sidebar icones */ #sidebar .ico {border: 0px solid; width:280px; float:left; margin-left: -13px; margin-top:-14px; margin-bottom:-14px;} #sidebar .ico ul { list-style-type: none; } #sidebar .ico li { float: left;} /* sidebar últims comentaris */ .title-comentaris {font-family: 'Oswald',arial,serif; font-weight: 400; text-transform:uppercase; font-size:14px; color:#A5B100; border-bottom:1px dotted #999; margin-left:13px; width:255px; } .recent-comments { color:#666666; font-size: 11px;} .medallitas { width:250px; padding-left:20px;} /*search form */ #searchform { background-color:#f5f5f5; width:279px; height:65px; font: bold 12px Arial, Helvetica, sans-serif; } .buscador{ width:260px; padding-top:18px; padding-left:22px; vertical-align: middle; color: #78500b;} #searchsubmit{ width: 22px; height:23px; background-color:#333333; } #searchform br { display: none; } #searchform #s { width: 152px; height: 16px; border:1px solid #203346; padding: 4px 5px 0px 5px; background: #fff; margin-right: 2px; } #searchform input { border:1px solid #203346; width: 67px; height: 22px; color: #8E8E8E; vertical-align: middle;} /* twitter*/ #twitter { background: url(images/fons-twitter_02.jpg); background-repeat: no-repeat; width:280px; height:135px; margin-left: -10px; color:#000000; font-size:11px;} #twitter ul { width:160px; padding-top:15px; #padding-top:30px; /* para IE7 */} #follow{ background: url(images/fons-twitter_02.gif); background-repeat: no-repeat; width:280px; height:33px; margin-left: -10px; } .bot-socials{ float:right;} /* ----------------------------------------------*/ /*07 - Footer - Categories, About, Copyright, Sponsors. /* ----------------------------------------------*/ /* footer area */ #footer { height:150px; overflow:hidden; clear:both; margin: 0 auto; font-size: 95%; line-height: 130%; background: #f1d8a3 url(images/footer_bg_fosc.png); background-repeat:repeat-x; } #footer a, #footer a:visited { color: #c2c2c2; font-size:11px; } #footer h4 { font-size:18px; color: #fff; margin: 5px -20px 10px; text-shadow: 0 2px #111; } #footer-content { width:980px; margin: 0 auto;} /* credits */ #credits { background-color:#0c0b0b; height:10px; border-top:1px #1e1d1d; padding:10px; font-family: 'Oswald',arial,serif; font-weight: 400; text-transform: uppercase;} #credits a, #credit a:visited { color: #A4B101; } #credits-txt { width:980px; margin: 0 auto; color: #333; font-size:11px; } /* Flickr */ #flickr_badge_uber_wrapper img{ /*padding:5px;*/ border:1px dashed #FFFFFF; margin-bottom:10px; margin-left:10px; padding:3px;} .flickr { padding-right: 10px; padding-left: 20px; padding-top: 10px; } .link-flickr a{ float:right; padding-right: 20px; margin-top:-5px;} /* comments area*/ #comments, #respond { border-bottom: 1px dotted #CCCCCC; padding: 10px 0 5px 0; width: 667px; clear: both; } div.avatar { float: left; position: relative; display: block; margin-left:15px; border: 2px solid #000000; } div.comment_text {position: relative; line-height:1.6; margin-left:110px; margin-right:10px; font-size:11px; } ol.commentlist { margin: 0; padding: 5px; } ol.commentlist li { display: block; float: left; list-style-type: none; margin-bottom: 10px; padding-bottom: 10px; width: 667px; border: 1px solid #e6e6e6; margin-bottom:15px; } ol.commentlist .alt {background: #f8f8f8; border: 1px solid #e6e6e6; margin-bottom:15px;} ol.commentlist li.authorcomment{ background-color: #fffdd1; } ol.commentlist div.comment_author { padding: 10px; } .commentlist cite, .commentlist cite a, .commentlist cite a:visited { font-weight: bold; font-style: normal; font-size: 16px; color: #a5b100; } .commentlist small { margin-bottom: 5px; display: block; font-size: 11px; } .comment-rss {float:left; padding-top:5px; } #commentform { margin-top: 10px; } #commentform p { padding: 6px 0px; margin: 0px; } #commentform label{ color: #787878; font-size: 11px; } #commentform input{ width: 200px; background:#F5F5F5; border: 1px solid #e6e6e6; padding: 3px; margin-top: 3px; } #commentform textarea{ width: 485px; height: 115px; background:#F5F5F5; border: 1px solid #e6e6e6; padding: 2px; margin-top: 3px; } #commentform textarea:focus, #commentform input[type="text"]:focus { background: #ffffff; } #commentform #submit{ font: bold 12px Arial, Helvetica, sans-serif; color: #cccccc; border: 1px solid #333333; background-color:#333333; float:left; width: 144px; height: 28px; cursor: pointer; } /* *************************************************************************************** */ /* destacats */ /* *************************************************************************************** */ /*navegació */ .navigation { clear: both; padding: 10px 0px; } .navigation a, .navigation a:visited { color: #62890C; font-weight:bold; } .previous-entries a { float: left; padding-left: 18px; /*background: url(images/mini-nav-left.gif) no-repeat left center;*/ } .next-entries a { float: right; padding-right: 18px; /*background: url(images/mini-nav-right.gif) no-repeat right center;*/ } /* alignments */ .center { text-align: center; } img.center, img[align="center"] { display: block; margin-left: auto; margin-right: auto; } .alignleft { float: left; } img.alignleft, img[align="left"] { float:left; margin: 2px 10px 5px 0px; } .alignright { float: right; } img.alignright, img[align="right"] { float:right; margin: 2px 0px 5px 10px; } .clear { clear:both; } hr.clear { clear:both; visibility: hidden; margin: 0px; padding: 0px; }