/* Theme Name: PLURA Theme URI: http://blog.plura.pt/ Description: Plura's blog them. Version: 1.0 Author: PLURA Author URI: http://plura.pt/ Tags: blue, custom header, fixed width, two columns, widgets This theme was designed and built by PLURA, whose blog you will find at http://blog.plura.pt/ The CSS, XHTML and design is released under GPL: http://www.opensource.org/licenses/gpl-license.php */ /* FONTS */ body { font-family:Georgia, "Times New Roman", Times, serif; font-size:10px; } .entry { font-size:14px; /*1.4em;*/ } .post>small, .entry p.wp-caption-text { font-size:9px; /*.9em;*/ } ul.top>li>a { text-decoration:none; } #content .post>h2, #content a.more-link { font-family:"Arial Narrow"; font-weight:normal;} #content .post>h2 { font-size: 22px; /*2.2em;*/ } /*#sidebar li h2 { font-size: 22px; }*/ #content a.more-link { text-decoration:none; font-weight:normal; } #content .post>h2>a { text-decoration:none; } #header .description, input[type=submit], ul.top a, ul.postmetadata, #sidebar h2 { font-family:Verdana, Geneva, sans-serif; } input[type=submit] { font-size:10px; } ul.postmetadata, ul.top a, #header .description, #sidebar h2 { font-size:9px; /*9em;*/ } ul.top a, ul.postmetadata a { font-weight:bold; } #sidebar h2 { text-transform:lowercase; }; ul.top a small { font-family:Arial, Helvetica, sans-serif; } ul.top a small { font-size:9px; font-weight:normal; } /*C O L O R S + IMAGES*/ #page { background:transparent url(_content/img/bg.png) repeat-y; } #headerimg a { background:transparent url(_content/img/logo.jpg) no-repeat center; } li.tags { background:transparent url(_content/img/icons.postmeta.tags.png) no-repeat; } li.category { background:transparent url(_content/img/icons.postmeta.category.png) no-repeat; } #linkcat-2 h2 { background:transparent url(_content/img/icons.network.png) no-repeat; } #linkcat-2 li a { background:transparent url(_content/img/social_icons.png) no-repeat; } #linkcat-2 li a[href="http://facebook.com/plura.pt"] { background-position: -10px -10px; } #linkcat-2 li a[href="http://youtube.com/gplura"] { background-position: -68px -10px; } #linkcat-2 li a[href="http://twitter.com/plura"] { background-position: -126px -10px; } #linkcat-2 li a[href="http://photos.google.com/gplura"] { background-position: -242px -10px; } #linkcat-2 li a[href="http://google.com/profiles/gplura#buzz"] { background-position: -184px -10px; } #content .entry a { color:#09C; } #content h2>a { color:#003; } #content .entry { color: #333; } #content .post { border-bottom:1px solid #333; } input, #header .description, #sidebar li h2 { color:#666; } input[type=text], textarea { border:1px solid #ccc; } #header { border-bottom:1px solid #ccc; } #searchform #searchsubmit { background-color:#ccc; } #content { border-right:1px solid #ccc; } input .entry img, div.wp-caption { border:1px solid #CCC; } div.wp-caption img { border:none; } .entry img, div.wp-caption { background-color:#E9E9E9; } #content a.more-link, ul.top>li>a { color:#FFF; } #content a.more-link:hover { background-color:#FFF; } #content a.more-link:hover { color:#000; } #content a.more-link { border:2px solid #000; } #content a.more-link { background-color:#000; } input[type=text], input[type=submit], textarea, #content a.more-link { -moz-border-radius:4px; -webkit-border-radius:4px; -opera-border-radius:4px; -khtml-border-radius:4px; border-radius:4px; } /* L A Y O U T */ body, html { margin:0; padding:0; } input[type=submit] { border:none; height:22px;} input[type=text] { height:18px; } #page, #header, #footer { width:951px; } #page { margin:auto; padding:0 15px 0 15px; } /*10+5[shadow]*2 981px width png */ #header { height:200px; position:relative; overflow:hidden; } #content, #footer { float:left; } #sidebar { float:right; } #header .description { bottom:5px; position:absolute; text-align:center; width:100%; } #headerimg a { width:100%; height:200px; display:block; text-indent:-1000px; } #content { width: 648px; padding:0 10px 0 0; } /* 640+(1+3)*2[img padding & border]; */ #sidebar { width: 282px; } #content, #sidebar { margin:10px 0 0 0; } #content .post { padding:20px 0 5px 0; } #content .post>h2 { margin:0 0 5px 0; } ul.top { list-style:none; margin:0px; padding:0px; } ul.top>li { width:215px; height:100px; position:relative; overflow:hidden; float:left; margin-right:1px; } ul.top>li:last-child { margin-right:none; } ul.top>li>img { display:block; } ul.top>li>a { position:absolute; display:block;height:96px; top:0; margin-top:70px; background-color:#000; width:209px; padding:3px; opacity:.75; } ul.top>li>a span { height:30px; display:block; } .entry img, div.wp-caption { padding:3px; } .entry img.alignleft { float:left; margin:0px 20px 20px 0px; clear:left; } .entry img.alignnone, div.wp-caption.alignnone { margin:0px 0px 20px 0px; clear:both; } div.wp-caption img { padding:0px; margin:0px; clear:none; } div.wp-caption p { margin:5px 0px 5px 3px; } ul.postmetadata { list-style:none; margin:0px; padding:0px; clear:both; } ul.postmetadata li { float:left; margin:0 20px 0 0; height:11px; padding:5px 0 0 20px; } ul.postmetadata li:last-child { float:right; margin:0; } #content a.more-link { padding:4px; } /* sidebar */ #sidebar h2 { padding:0 5px 0 48px; height:19px; } #sidebar ul { list-style:none; margin:0px; padding:0px; } #sidebar>ul>li { margin:0 0 20px 0; } #sidebar #linkcat-2 li { float:left; margin-right:10px; } #sidebar #linkcat-2 li:last-child { float:left; margin-right:0px; } #sidebar #linkcat-2 li a { display:block; width:48px; height:58px; text-indent:-1000px; overflow:hidden; } #searchform input[type=text] { width:203px; margin:0 5px 0 0; } #searchform input[type=submit] { width:70px; } #searchform label { display:none; } #sidebar #face iframe { width:282px !important; height:390px !important; /*border:1px solid #000 !important;*/} #sidebar #twitter li { margin-bottom:5px; } /*TECH*/ /*clean floats*/ #page:after, #content .post:after, #content ul.top:after, #content ul.postmetadata:after, #sidebar #linkcat-2:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }