/* Theme Name: PLURA - VISION-BOX Theme URI: http://www.vision-box.com/ Description: Original theme developed by Plura. Version: 1 Author: Plura Author URI: http://plura.pt/ Tags: blue, custom header, fixed width, two columns, widgets PLURA - VISION-BOX v1.0 http://www.vision-box.com/ 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 */ @import url('style.pagenavi.css'); /* FONTS */ body, ul.nav input { font-family: Verdana, Geneva, sans-serif; font-size:62.5%; } #content div.entry { font-size:1.2em; } #header ul.nav, ul.nav input, #header .nav.content input { font-size:1.0em; } #content .navigation, #content small, p.postmetadata, a.stbutton, p.postmetadata, ul.bottom, #sidebar li li a, ul.related li a { font-size:.9em; } #content small.breadcrumbs a, #sidebar li li a, #sidebar2 li li a, ul.sitemap li { font-weight: bold; } ul.sitemap li li { font-weight: normal; } ul.sitemap li.current-cat, ul.sitemap li.current-cat-ancestor, ul.sitemap li.current_page_item, ul.sitemap li.current_page_ancestor, ul.bottom a { font-weight:bold; } #sidebar li li a, ul.related li a { text-decoration:none; } ul.bottom, span.stbuttontext { text-transform:lowercase; } #navigation, #footer ul.nav, h1, h2, h3 { font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:1.4em; } #navigation, #footer ul.nav, #sidebar h2 { font-weight:normal; } #navigation ul ul li a, #footer ul.nav li { font-size:.75em; } #navigation a, #footer ul.nav a, h1 a, h2 a, h3 a { text-decoration:none; } div#wp-calendar { font-family:Impact; } div#wp-calendar table+table thead, div#wp-calendar thead th { font-size:1.4em; font-weight:normal; } div#wp-calendar table.nav, div#wp-calendar caption, div#wp-calendar tbody { font-size:1.2em; } div#wp-calendar table.nav, div#wp-calendar caption { text-transform:lowercase; } /*FRONTPAGE*/ #post-586 li, #post-586 li li a { font-weight:bold; } #post-586 li li { font-weight:normal } /*table#wp-calendar { font-family:Impact;} table#wp-calendar thead th { font-size:1.6em; font-weight:normal; } table#wp-calendar caption, table#wp-calendar tbody { font-size:1.2em; } table#wp-calendar caption { text-transform:lowercase; }*/ /* IMAGES + COLOR */ /*#page { border:2px #E8E8E8 solid; }*/ /*helper*/ body { background:#00adef url(_content/img/bg_body.jpg) repeat-x; } #header { background:transparent url(_content/img/bg_header.png) no-repeat; } div#jContentBG, ul.sitemap { background:transparent url(_content/img/bg_content.png) repeat-y; } #footer { background:transparent url(_content/img/bg_footer.png) no-repeat bottom; } #post-586 .entry>ul { background:#00adef url(_content/img/bg_frontpage_entry.jpg) no-repeat; } a.stico_default { background-image: url(_content/img/icon_sharethis_grey.png)!important; } /*share this grey icon */ ul.bottom a { background: url(_content/img/icon_rss.png) no-repeat 0px 4px; } li.social a { background:transparent url(_content/img/icons_social.png) no-repeat; } ul.sitemap:hover li { background-color:#CCC; } div.post img, div.post iframe { border:1px solid #ccc; } #content div.title, #content div.post, ul.related { border-bottom:1px solid #CCC; } ul.related { border-right:1px solid #CCC; border-left:1px solid #CCC; } /*table#wp-calendar tbody,*/ #header ul.nav, #header ul.nav a, ul.nav input[type=submit], .nav.content input[type=submit], .nav.content label, #navigation li, #navigation a, #sidebar a, #sidebar h2, #footer ul.nav li, #footer ul.nav li a, ul.sitemap li:hover, ul.sitemap li:hover li, ul.sitemap li:hover a, ul.bottom, ul.bottom a, #post-586 li, div#wp-calendar>table+table { color:#FFF; } #header ul.nav>li { border-right:1px solid #fff; } div#wp-calendar td.ec3_eventday a { color:#FFF !important; } /*takes precedence over ec3 calendar css */ /*table#wp-calendar thead,*/ #content .navigation, #content .navigation a, #content small.breadcrumbs, #content small.breadcrumbs a, #content div.entry a, #content p.postmetadata a, #content ul.related li a, div#wp-calendar table.nav a, div#wp-calendar table+table thead, div#wp-calendar caption a { color:#00adef; } #navigation li, #header ul.nav, #header ul.img, div#wp-calendar td#today { background-color:#00adef; } #sidebar li { background-color:#009dee; } div#wp-calendar td.ec3_postday { background-color:#009dee; } #content, ul.sitemap li, ul.sitemap a, h1 a, h2 a, h3 a, #sidebar li li a:hover, #post-586 .entry li a { color:#333; } ul.sitemap>li:hover, ul.sitemap li:hover li, div#wp-calendar td.ec3_eventday { background-color:#333; } p.postmetadata { color:#666; } #sidebar h2, .nav.content, #footer ul.nav li, #navigation li:hover, #navigation li.current-cat, #navigation li.current-cat-ancestor, #navigation li.current_page_item, #navigation li.current_page_ancestor { background-color:#000; } /* LAYOUT */ body, html { width: 100%; height:100%; margin:0px; padding:0px; } #page { width: 976px; margin:60px auto auto auto; } /*(190*5)[nav]+(4*4)[margin]+10[shadow]*/ #header { width:976px; height:320px; } #content { width: 732px; padding:20px; } /*(190*4)+(4*3)-(20*2)*/ #sidebar { width:190px; } /*same as main navigation button*/ #content, #sidebar, #navigation { float:left; } #content, #sidebar { min-height:600px; } #jContentBG { height:100%; } /*for ie7/ie6*/ #content, #navigation>ul>li { margin-right: 4px; } #navigation { padding:4px 0px 4px 0px; } /* HEADER: subnav */ #header ul.nav, #header ul.img { height:22px; } #header ul.nav { width:482px; }/*height:30px-top padding; width:966-384-30[corner]*/ #header ul.img, { width:80px; } #header #banner { width:966px; height:190px; } #header a, #header #banner, #header ul.nav,.nav.content, #header ul.img { float:left; } #header ul.nav, ul.img { padding:8px 0px 0px 0px; margin:0px; list-style:none; } #header ul.nav>li { float:left; padding:0px 4px 0px 4px; height:14px; } #header ul.nav>li:last-child, #header ul.nav>li.ie.last-child { border:none; } #header ul.img>li { float:left; padding:0px 5px 0px 0px; height:14px; } #header ul.img img:hover { cursor:pointer; } #header ul.img { width:65px; } /*force width for ie7*/ /*width:966-384-30[corner]-2*15[corners], height: 20px-3px[padding-top]*/ #header .nav.content { height:17px; width:522px; padding-top:3px; margin:1px 0px 0px 15px; display:none;} form#searchform { padding:0px; margin:0px; } form#searchform label.screen-reader-text, form#searchform label.hidden { display:none; } form#searchform input, #newsletter input, #partners input { height:14px; padding:0px; margin:0px; float:left;border:none; } #searchform input#s { width:110px; height:14px; } #searchform input[type=submit] { margin-left:0px; } #searchform input[type=submit], #newsletter input[type=submit], #partners input[type=submit] { background-color:transparent; width:auto; } #newsletter input, #partners input { width:100px; margin-left:4px; } #newsletter label, #newsletter input, #partners label, #partners input { float:left; } #newsletter label, #partners label { margin:0px 8px 0px 8px; } /* CONTENT */ #content { line-height: 1.6em; } #content div.title { padding:0 0 4px; margin-bottom:4px; height:40px; } #content div.title h2, #content .post h3 { margin-bottom:5px; } #content div#respond { display:none; } /* check single.php to erase Plura format */ #content .title div.wp-pagenavi { float:right; } #content .title small { float:left; } div.post { overflow:hidden; } div.post img.alignleft { float:left; margin:0px 10px 10px 0px; } div.post img, div.post iframe { padding:2px; } ul.related { float:right; width:190px; margin:5px 0px 10px 10px; padding: 5px; } ul.related ul { margin:0px; padding:0px; } ul.related, ul.related ul { list-style:none; } ul.related li { line-height:normal; margin-bottom:4px;} ul.related h2 { margin-top:0px; } ul.related h2:hover { cursor:pointer; } .entry p.postmetadata { clear:both; } .entry a.stbutton { margin-top:20px; display:block; } /*FRONTPAGE*/ #post-586 div.title { display:none; } #post-586 img { border:none; padding:0px; } #post-586 ul, #post-586 li, #post-586 a { float:left; } /*float images and the parent ul and its direct li children*/ #post-586 ul ul, #post-586 li li, #post-586 li a { float:none; } /*nullifies floats to everything else*/ #post-586 li, #post-586 a { margin-right:4px; } #post-586 li li, #post-586 li a { margin-right:auto; } /*nullifies children margins*/ #post-586 li { width:190px; } #post-586 li li { width:auto; margin:auto; } #post-586 ul { padding:0px; margin:0px; list-style:none; } #post-586 li {padding:4px; width:182px;} /*a little text refinement...*/ .outer.post-586 { text-align:center; } .outer.post-586 .inner { text-align:left; margin:0px auto; display:table; width:584px; } /*ie8 does not render well so I'm forced to give a specific width :p */ .outer.post-586 .entry span { clear:both; } #post-586 a.stico_default { clear:both; } /*for ie8*/ /*CONTACTS IFRAME/PARAGRAPH ALIGNMENT*/ #post-290 .entry p:nth-child(n+2) { float:left; display:block; } #post-290 .entry p.ie.locations { float:left; display:block; } #post-290 .entry p:nth-child(2n) { width:190px; font-size:9px; } #post-290 .entry p.ie.address { width:190px; font-size:9px; } table.ec3_schedule { float:none !important; margin:10px; } /*#post-586 li li { float:none; width:auto; } *//*nullifies inherited properties*/ /*#post-586 li a { float:none; display:inherit; } *//*nullifies inherited properties*/ /* NAVIGATION, SIDEBAR*/ #navigation li, #navigation a, #sidebar h2, #sidebar h2 a, #footer ul.nav li { width: 190px; } #navigation li li, #navigation li li a { height: 20px; } #navigation a, #sidebar h2, #footer ul.nav a { display:block; text-align:center; padding-top:9px; height:21px; } #navigation li li a { padding-top:4px; height:16px; } #sidebar h2 { margin:0px; display:block; } #sidebar h2:hover { cursor: pointer; } #sidebar h2 a { display:block; } #sidebar ul { padding:0px; margin:0px; list-style:none; } #sidebar>ul>li>ul>li { padding:4px; } #sidebar object { margin:4px; } #sidebar li.news .thumb { width:90px; height:90px; overflow:hidden; float:left; margin:0px 5px 0px 0px; } #sidebar li.news img { /*width:90px; height:90px;*/ } #sidebar li.social li { float:left; text-indent:-1000px; overflow:hidden; } #sidebar li.social li a { width:55px; height:55px; display:block; } li.social a[href="http://facebook.com/pages/Vision-Box/166095442740"] { background-position:-11px -8px; } li.social a[href="http://youtube.com/visionboxtv"] { background-position:-71px -8px; } li.social a[href="http://twitter.com/visionbox"] { background-position:-131px -8px; } /*FOOTER*/ #footer { width: 976px; } #footer>ul { float:left; } #footer ul.nav { padding:0; margin:0px 0px 0px 291px; list-style: none; } #footer ul.nav li { float:left; margin-left: 4px; } ul.bottom { width:906px; height:20px; padding:0px; margin:0px 0px 0px 30px; list-style:none; } ul.bottom li:first-child, ul.bottom li.ie.first-child { float:left; } ul.bottom li:last-child, ul.bottom li.ie.last-child { float:right; } ul.bottom a { padding:4px 0px 0px 18px; height:14px; display:block; } /*first and only link [rss+icon]*/ /*#footer ul.nav li:last-child { float:right; } #footer ul.nav li:first-child { border-right:1px solid #fff; margin-right:6px; padding-right:10px; }*/ ul.sitemap { width:100%; } ul.sitemap, ul.sitemap ul { padding:0; margin:0; list-style: none; } ul.sitemap ul { padding-left:10px; height:auto; } ul.sitemap li { width: 188px; height:120px; float:left; padding:4px 0px 0px 4px; border-right:1px solid #fff; } ul.sitemap li li { width:auto; height:auto; float:none; padding:0px; border-right:none; } ul.sitemap li:last-child, ul.sitemap li li { border-right:none; } form#commentform textarea { width:100%; } /*comments were disabled*/ form#contacts label { width:200px; } form#contacts input[type=checkbox], form#contacts input[type=submit] { margin-left:200px; } /*common contact/careers form*/ form.entry { border:1px solid #000;} fieldset.c2 input[type=text], fieldset.c2 select, fieldset.c2 textarea { width:200px !important; } fieldset.c2 textarea { height:50px !important; } fieldset.c2 label { width:150px !important; } fieldset.options { margin-left:150px !important; } fieldset.c2 .options label { width:75px !important; } fieldset.options.functions label { width:180px !important; } form.entry>fieldset:last-child { padding-left:150px; } form.entry>fieldset:last-child input[type=submit] { width:200px !important; float:right; } table#wp-calendar td { width:19px;border:1px solid #000;} /* TECH */ /*clean floats*/ #page:after, #navigation:after, #content:after, #content div.title:after, #content div.post:after, #content div.entry:after, #content #post-586 .entry>ul:after, #sidebar:after, #sidebar li.news li:after, #sidebar li.social:after, #footer:after, #footer ul.sitemap:after, div#jContentBG:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }