/* Theme Name: Voimala Version: 1.6 Author: Dot Design Author URI: http://www.dot.fi/ */ /* green darker: #79b51c 5f8f14 */ html{background: #000 url('images/bg-paper1.jpg')} /* Begin Typography & Colors */ body { font-size: 62.5%; /* Resets 1em to 10px */ font-family: 'Lucida Grande', Tahoma, Verdana, Arial, Sans-Serif; background: url('images/topshade-grey.png') repeat-x; color: #4e434a; text-align: left; padding-bottom: 80px; } a {text-decoration: none; color: #5f8f14; cursor: pointer} a:hover {color: #79b51c;} hr {border:none; color: #fff; background-color: none; border-top: 1px solid #cccfe0; clear: both} #header{margin: 0 auto; color: #f1f1f1} #navibar-left{margin-left: 25px; width: 24px; height: 26px; background: url('images/navibar-left.png') no-repeat; display: block; float:left} #navibar-content{height: 26px; background: url('images/navibar-middle.png') repeat-x; display: block; float:left} #navibar-right{width: 25px; height: 26px; background: url('images/navibar-right.png') no-repeat; display: block; float:left} #logo{display: block; float: left; width: 140px} #topnavi li {display: block; float: left;} #topnavi li a {color: #f1f1f1; display: block; height: 15px; padding: 3px 20px 0px 20px; margin: 0px 1px} #topnavi li a:hover { background: #f1f1f1; color: #444; text-decoration: none} #wrapper{width: 100%; background: url('images/shadow.png') no-repeat top center; background-position: 50% 120px} #wrapper2{width: 100%; background: url('images/cherry1.png') no-repeat top right; background-position: 100% 10px} #page {width: 945px; margin: 0 auto;} /* FRONT PAGE */ /*#front-content {background: url('images/front-refl-katana.jpg') no-repeat}*/ #front-content {border-top: 1px solid #cccfe0} #front-content hr {clear: both; margin: 6px 20px; border-top: 1px dotted #cccfe0;} .front-content-block {display: block; width: 130px; float: left; text-align: left; padding: 20px 0 20px 16px;} .front-content-block p {line-height: 1.5em; margin-bottom: 6px} .front-content-block h2 {color: #000; font-size: 16px; text-transform: uppercase; padding-bottom: 10px} .front-content-block h3 {font-weight: bold; margin-bottom: 8px;} .front-content-block.invert h2 {color: #fff;} .front-content-block.invert h3 {color: #bde56a;} .front-content-block a h3 {color: #4e434a} .front-content-block a:hover h3 {color: #79b51c} .front-content-block ul li {margin-bottom: 6px} .front-content-block.bordered {border: 1px solid #cccfe0; margin: 15px; padding: 10px;} .front-content-block.lippu {background: url('images/lippu.gif') no-repeat; background-position: 90% 100%} .front-content-block.lippu2 {background: url('images/lippu2.jpg') no-repeat top right; background-position: 90% 35%; border-color: #efefef; height: 170px; color: #f1f1f1; width: 260px} .front-content-block.lippu2 h2 {font-size: 18px; color: #fff; padding: 6px 0 8px 0} .front-content-block.lippu2 h3 {font-size: 13px; font-weight: normal; color: #bde56a;} .front-content-block.lippu2 a {color: #f1f1f1} .front-content-block.lippu2 a:hover {color: #bde56a} .front-content-block.varaanyt {height: 170px; background: url('images/pikkuorigamijoutsen.png') no-repeat bottom right; background-position: 100% 100%} .front-content-block blockquote {margin-bottom: 10px; background: url('images/quote.png') no-repeat; background-position: 0 0; padding-left: 30px} .front-content-block blockquote p {font-size: 0.9em; width: auto; line-height: 1.5} .front-content-block blockquote p q {font-style: italic;font-size: 1.3em} ul.front-palvelulinkit li {margin-bottom: 2px} ul.front-palvelulinkit li a img {float: left; clear: left; margin-right: 6px} ul.front-palvelulinkit li a h3 {font-size: 15px} ul.front-palvelulinkit li a:hover img {opacity: 0.9} .curved {-moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; behavior:url(border-radius.htc);} #flash{width: 945px; height: 384px} #main{width: 100%; background: #efeff9 url('images/main-bg-bluey.jpg') repeat-x; } /*CONTENT*/ #content{display: block; padding-bottom: 100px; min-height: 400px; float: left; width: 725px; border-collapse: collapse; border-left: 1px solid #cccfe0; margin-left: -1px;} .post h1.title {font-size: 36px; text-transform: uppercase; margin: 0px 30px 6px 30px; padding-top: 32px; padding-right: 200px; border-bottom: 1px solid #cccfe0} .post h1 img {margin: 10px 0} .post a.post-edit-link {position: absolute; float: left; margin-left: 24px; padding-top: 6px} .post a.post-edit-link img {vertical-align: text-bottom} .post a.post-edit-link .tip {display: none} .post a.post-edit-link:hover .tip {display: inline} .post h2 {font-size: 18px; text-transform: uppercase; margin: 0px 0px 20px 0px; padding: 30px 0 3px 0; border-bottom: 1px solid #cccfe0} .post h2.article-title {font-size: 24px; border:none; text-transform: none; margin: 30px 30px 12px 30px} #content .post .entry, .post > p {margin: 0px 30px 0px 30px;} #content .post .entry p {font-size: 1.05em; line-height: 1.5; word-spacing: 1px; margin: 0 0 6px 0; width: 440px} #content .post .entry hr {margin: 20px 0} #content .post .entry h3 {margin: 20px 0 8px 0; font-size: 1.2em; width: 440px; line-height: 1.3em; padding-bottom: 2px; border-bottom: 1px dotted #cccfe0} #content .post .entry p.main-caption {line-height: 1.6em; font-size: 19px; padding: 14px 0; width: auto;} #content .post .entry table {width: 440px;margin: 20px 0} #content .post .entry table.bigbullets td {padding-right: 20px; padding-bottom: 10px; padding-top: 3px; vertical-align: top; font-size: 1.15em; line-height: 1.3em} #content .post .entry ol {padding: 0 40px 0 30px; width: 370px; list-style: decimal inside} #content .post .entry ol li {margin: 10px 0; width: auto;} #content .post .entry ol li h3, #content .post .entry ol li p {width: auto;} #content .post .entry p.strong-caption {font-size: 1.25em; font-weight: bold} #content .article .entry p.main-caption {font-size: 17px} /* inline-kuvat */ #content .post div.wp-caption {display: block; margin-top: 8px; margin-bottom: 20px} #content .post .entry p.wp-caption-text {font-size: 0.9em;margin-top: 3px; width: auto} #content .post div.alignright {display: block; float: right; clear:right; margin-left: 15px; margin-right: 15px} #content .post div.alignleft {display: inline-block; float:left; margin-right: 15px;} #content .post div.wp-caption img {border: 1px solid #cccfe0; margin: 10px 0 0 0} /* nostot */ #content .post .bordered {display: inline-block; border: 1px solid #cccfe0; margin: 15px 0; padding: 20px 30px 20px 40px;} #content .post .bordered h3, #content .post .blockright-bordered h3, #content .post .bordered h1 {margin: 2px 0 8px 0; width: auto; border: none;} #content .post .bordered h1 {font-size: 26px; text-transform: uppercase} #content .post .bordered p.main-caption {margin: 0px; padding: 0px} #content .post .bordered p {width: auto;} #content .post .kaari {background: url('images/nosto-bg-kaarisivulla.png') center left no-repeat;} #content .post .big {font-size: 1.1em} #content .post .bigger {font-size: 1.25em} #content .post .smaller {font-size: 0.92em} #content .post .invert, .front-content-block.invert {background: #101010 url('images/invert-bg.jpg') repeat-x; color: #f1f1f1; border-color: #efefef} #content .post .invert h3 {border-color: #454545} #content .post .invert a {color: #ab9bb8} #content .post .invert a:hover {color: #f1f1f1} #content .post .invert.kaari {background: #101010 url('images/nosto-bg-kaarisivulla.png') center left no-repeat;} #content .post .blockright {clear:right; width: 200px; float: right; display: block; padding: 20px 0 20px 0} #content .post .blockright-bordered {clear:right; width: 165px; float: right; display: block; padding: 20px 15px 20px 20px; margin: 15px 0; border: 1px solid #cccfe0;} #content .post .blockright h3, #content .blockright p, #content .post .entry .blockright ul, #content .post .blockright-bordered h3, #content .post .entry .blockright-bordered p, #content .post .entry .blockright-bordered ul{ width: auto} #content .post .blockright-bordered ul li, #content .post .blockright ul li {margin-bottom: 6px} #content .post .blockleft {clear:left; width: 370px} /* lainaukset */ #content .post blockquote {margin-bottom: 10px; background: url('images/quote.png') no-repeat; background-position: 0 0; padding-left: 30px} #content .post .entry blockquote p {font-size: 0.9em; width: auto;} #content .post .entry blockquote p q {font-style: italic;font-size: 1.3em} /*listat*/ #content .post .entry ul{width: 410px; list-style-image: url('images/bullet-ring-green.png'); list-style-position: outside; padding-left: 30px} #content .post .entry ul h3 {width: auto;} #content .post .entry ul li p {width: auto;} #content .post .entry ul li ul {width: auto; list-style-image: url('images/bullet-ring-grey.png'); list-style-position: outside;} #content .post .entry ul li ul li {margin: 10px 0; line-height: 1.4em} #content .post .entry .linklist ul {list-style: none; padding-left: 20px} #content .post .entry .linklist ul li {margin-bottom: 10px} /*linkit*/ .read-more:before {content:url('images/plus.gif'); margin-right: 5px; vertical-align: text-bottom} .invert .read-more:before, .lippu2 .read-more:before {content:url('images/plus-white.gif'); margin-right: 5px; vertical-align: text-bottom} ul.biglinks li {display: block; float:left;} ul.biglinks li a {display: block; background: url('images/isolinkkinappi.png') no-repeat top left; display: block; padding: 8px 18px 12px 38px; font-weight: bold; font-size: 11px; color: #4e434a;} ul.biglinks li a:hover {background-image: url('images/isolinkkinappi-over.png')} a.biglink {display: block; background: url('images/isolinkkinappi.png') no-repeat top left; display: block; padding: 8px 18px 12px 38px; font-weight: bold; font-size: 11px; color: #4e434a;} a.biglink:hover {background-image: url('images/isolinkkinappi-over.png')} /*muut tyylit*/ .page-id-10 #content .post .entry hr {width: 440px} .page-id-10 #content .post .entry h3 {border-bottom: none; font-size: 1.6em; margin-top: 30px; margin-bottom: 12px} .page-id-10 #content .post .entry h4 {font-size: 1.2em; line-height: 1.4em; margin-bottom: 5px} span.vuosi {color: #6a973c} /*SIDEBAR*/ #sidebar{display: block; float: left; width: 218px; border-collapse: collapse; border-right: 1px solid #cccfe0; } #sidebar li.widget_pages h2 {display:none} #sidebar li.page_item a { color: #333; text-transform: uppercase; font-size: 13px; display: block; padding: 10px 20px 10px 25px; width: 173px;} #sidebar li.page_item.expanded a { width: 133px;float: left; } /* #sidebar li.page_item.expanded:after, #sidebar li.page_item.expanded ul:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } */ #sidebar li.page_item a.expand-navi-button {padding: 0; margin: 0; height: 34px; background: url('images/arrow-down.png') center center no-repeat; width: 39px; border-left: 1px dotted #cccfe0; float: left; display: block} #sidebar li.page_item a.expand-navi-button:hover {background: #222222 url('images/arrow-down-over.png') center center no-repeat;border-color #444;} #sidebar li.page_item {display: block; border-bottom: 1px solid #cccfe0;} #sidebar li.page_item a:hover {text-decoration: none; background: #222222; color: #fff} #sidebar li.page_item ul {display:none; padding: 5px 0 10px 0; border-top: 1px dotted #cccfe0; clear: both} #sidebar li.current_page_item ul, #sidebar li.current_page_ancestor ul {display: block} #sidebar li.page_item ul li {padding-left: 20px; border:none} #sidebar li.page_item ul li a {background: url('images/bullet-ring-grey.png') no-repeat; background-position: 0px 8px; font-size: 9px; font-weight: normal; padding-top: 8px; padding-bottom: 8px} /*#sidebar li.page_item ul li a:before {content: url('images/bullet-ring-grey.png'); margin-right: 14px}*/ #sidebar li.page_item ul li a:hover {background: url('images/bullet-ring-green.png') no-repeat; background-position: 0px 8px; color: #333} /*#sidebar li.page_item ul li a:hover:before {content: url('images/bullet-ring-green.png'); margin-right: 14px}*/ /* FOOTER */ #footer2 {padding-top: 8px; color: #555} #footer {background: url(images/footer-bg-bluey.png); min-height: 87px; border-top: 1px solid #cccfe0} #footer-logo{padding-top: 30px; width: 122px; height: 32px; display: block; margin: 0 auto;} #footer-contact-information {display: none; padding: 30px; border-top: 1px solid #cccfe0; background: #eeeff8} #footer-contact-information.invert {color: #f1f1f1; display: none; padding: 30px; border-top: 1px solid #cccfe0; background: #333 url('images/origamilintu_darkbg.jpg') no-repeat; background-position: 20px 20px} #footer-contact-information p {width: 440px; margin: 3px 0 6px 0; font-size: 1.3em; line-height: 1.5em} #footer-contact-information h2 {width: 440px; text-transform: uppercase; color: #99c55e; font-size: 24px; margin: 10px 0} #footer-contact-information h3 {color: #99c55e; font-size: 1.6em; font-weight: normal; text-transform: uppercase; line-height: 1.7em} #footer-contact-information.invert a {color: #99c55e} #footer-contact-information.invert a:hover {color: #fff} /*Custom page styles*/ #nosto-biz {background: url('images/businessmies.jpg') no-repeat top right; } #nosto-hyvinvointi {background: url('images/jumppatytto.jpg') no-repeat top right; } #nosto-palvelut {background: url('images/hyvinvointi.jpg') no-repeat top right; } #nosto-peruspalvelut {background: url('images/palveluhenkilo.jpg') no-repeat top right; } #nosto-health {background: url('images/health2.jpg') no-repeat top right} #nosto-easy {background: url('images/v-easy2.jpg') no-repeat top right} #nosto-voimala {background: url('images/voimalagroup.jpg') no-repeat top right} #nosto-miesjalaptop {background: url('images/miesjalaptop.jpg') no-repeat top right} #nosto-tilat {background: url('images/leikkausmalli.jpg') no-repeat top right;} #nosto-katukuva {background: url('images/katukuva.jpg') no-repeat top right;} #nosto-aikataulu {background: url('images/kerroksesta.jpg') no-repeat top right;} #nosto-yhteystiedot {background: url('images/origamilintu.png') no-repeat top right; background-position: 90% 50%} #content .post .entry .thumb-block-palvelusivu {width: 440px} #content .post .entry .thumb-block-palvelusivu img {display: block; float: left; clear:left} #content .post .entry .thumb-block-palvelusivu h3, #content .post .entry .thumb-block-palvelusivu p {width:auto; margin-left: 80px} /* BUTTONS */ a.linkbutton1 {background: url('images/button1.png') no-repeat; display: block; width: 109px; height: 24px; font-size: 10px; font-weight: bold; padding-top: 7px; color: #f1f1f1; text-align: center} a.linkbutton1:hover {background-image: url('images/button1-over.png')} a.linkbutton2 {background: url('images/button2.png') no-repeat; display: block; width: 135px; height: 26px; font-size: 10px; font-weight: bold; padding-top: 8px; color: #f1f1f1; text-align: center} a.linkbutton2:hover {background-image: url('images/button2-over.png')} a.articlebacklink {margin-top: 30px} a.bannerinappi img {margin-bottom: 6px} a.bannerinappi:hover img {opacity: 0.7} span.bigbullet {display: block; width: 26px; height: 21px; margin-top: -3px; background: url('images/bigbullet.png') no-repeat; text-align: center; font-weight: bold; font-size: 16px; padding-top: 5px; color: #fff; float: left; clear: left;}