/* Theme Name: Colour Process Theme URI: http://colourprocess.com.au/ Description: Colour Process Wordpress theme Version: 1 Author: David Lewis Author URI: http://david-lewis.com Tags: colour process Template: alicantebase . . */ @import url(../alicantebase/alicante.css); /* Page defaults ------------------------------------------------------------------------------- */ a { text-decoration: none; color: #0066CC; } a:hover { text-decoration: underline; } body { background: url(images/bg.png) repeat-y center top; } #container { background: url(images/footer.png) no-repeat center bottom; } /* Template ------------------------------------------------------------------------------- */ #template { width: 820px; margin: auto; } /* ---------------------------------------------------------------------------- Template Header ---------------------------------------------------------------------------- */ #template-header { background: #006AC9; position: relative; background: url(images/header-bg.jpg) no-repeat; } /* Branding ---------------------------------------------------------------------------- */ #branding { position: relative; height: 197px; padding: 0; background: url(images/logo.gif) no-repeat 18px 47px; } #branding a { position: absolute; top: 47px; left: 20px; display: block; text-indent: -50000px; overflow: hidden; width: 294px; height: 71px; } /* Navigation ---------------------------------------------------------------------------- */ #navigation { width: 100%;} #navigation ol { padding: 0 0 0 25px; } #navigation ol li { position: relative; float: left; font-size: 120%; background: url(images/navigation-sprite.gif) no-repeat 0 0; } #navigation ol li li { } #navigation ol li a { color: #333; display: block; padding: 5px 33px 16px 25px; } #navigation ol li ul { display: none; position: absolute; left: 0; background: #fff; } #navigation ol li ul li { background: none; padding: 0; margin: 0; width: 100%; font-size: 100%; } #navigation ol li ul { width: 140px;} #navigation ol li ul li { _display: inline-block; background: #CCE0F5 url(images/subnav-sprite.png) repeat-y -8px 0; margin: 0 0 2px 0; } #navigation ol li ul li a { color: #000; padding: 7px 0 8px 23px; display: block; text-decoration: none; } #navigation ol li ul li.hover { background: #7FB2E5 url(images/subnav-sprite.png) repeat-y -158px 0; } #navigation ol li ul li.hover a { color: #fff; } /* section specific --------------- */ /* home = 2 */ #navigation ol li.page-item-2 { background-position: 0 -50px; } /* about us = 4 */ #navigation ol li.page-item-4 { background-position: 0 -100px; } /* products = 5 */ #navigation ol li.page-item-5 { background-position: 0 -150px; } /* services = 7 */ #navigation ol li.page-item-7 { background-position: 0 -200px; } /* buy = 9 */ #navigation ol li.page-item-9 { background-position: 0 -250px; } /* support = 11 */ #navigation ol li.page-item-11 { background-position: 0 -300px; } /* blog = 14 */ #navigation ol li.page-item-14 { background-position: 0 -350px; } /* contact us = 16 */ #navigation ol li.page-item-16 { background-position: 0 -400px; } /* Search ---------------------------------------------------------------------------- */ #site-search { position: absolute; padding: 4px; width: 143px; top: 170px; right: 13px; background: url(images/search-sprite.png) no-repeat 0 0; } #site-search label.screen-reader-text { cursor: pointer; text-indent: -50000px; width: 15px; display: block; float: left; } #site-search input#s { border: none; margin: 0; font-size: 120%; width: 130px; position: absolute; top: 4px; right: 4px; } #site-search input#s:focus { background: #ffe69d; } #site-search input#searchsubmit { display: none; } /* ---------------------------------------------------------------------------- Template Content ---------------------------------------------------------------------------- */ #template-content { padding: 30px 0 0 0; } #template-content .content-title, #template-content .content-body { float: right; width: 628px; padding:0 10px 0 0; } /* Content Title ---------------------------------------------------------------------------- */ #template-content .content-title h1 { font-size: 270%; display: none; } /* Breadcrumbs ---------------------------------------------------------------------------- */ #template-content .content-breadcrumbs { float: left; margin: 17px 0 12px 0; width: 180px; } #template-content .content-breadcrumbs ol { } #template-content .content-breadcrumbs ol li { display: none; font-size: 260%; } #template-content .content-breadcrumbs ol li a { } #template-content .content-breadcrumbs ol li.breadcrumb-0 { display: block; } /* Sidebar ---------------------------------------------------------------------------- */ #template-content .content-sidebar { float: left; padding: 0 0 0 20px; width: 160px; } #template-content .content-sidebar .subnav ul li { font-size: 120%; margin-bottom: 15px; background: url('images/icons-sprite.png') no-repeat -12px -346px; } #template-content .content-sidebar .subnav ul li a { color: #000; padding-left: 12px; } #template-content .content-sidebar .subnav h2 { color: #0066cc; font-size: 160%; margin-bottom: 15px; } #template-content .content-sidebar .subnavPages h2 { display: none; } #template-content .content-sidebar .subnavPages ol { width: 140px;} #template-content .content-sidebar .subnavPages ol li { _display: inline-block; background: #CCE0F5 url(images/subnav-sprite.png) repeat-y -8px 0; font-size: 120%; margin: 0 0 2px 0; } #template-content .content-sidebar .subnavPages ol li a { color: #000; padding: 7px 0 8px 23px; display: block; } #template-content .content-sidebar .subnavPages ol li.current_page_item { background: #7FB2E5 url(images/subnav-sprite.png) repeat-y -158px 0; } #template-content .content-sidebar .subnavPages ol li.current_page_item a { color: #fff; } #template-content .content-sidebar .subnavRSS { width: 100px; margin-top: 30px; } #template-content .content-sidebar .subnavRSS h2 { display: none; } #template-content .content-sidebar .subnavRSS ul li.rss { background-position: -6px -250px; } #template-content .content-sidebar .subnavRSS ul li.rss a { color: #0066cc; padding-left: 20px; display: block; } #template-content .content-sidebar .subnavTagcloud { } #template-content .content-sidebar .subnavTagcloud h2 { margin-bottom: 3px; } #template-content .content-sidebar .subnavTagcloud .tagcloud { padding-right: 10px; } #template-content .content-sidebar .subnavTagcloud .tagcloud a { color: #000; } /* Content Body ---------------------------------------------------------------------------- */ #template-content .content-body { } body.blog #template-content .content-body, body.archive #template-content .content-body, body.single #template-content .content-body { padding-top: 69px; } /* page ------------------------------------------------------------------- */ #template-content .content-body .page { padding: 29px 0 0 0; } #template-content .content-body .page h2 { color: #0066CC; font-size: 160%; font-weight: 700; margin-bottom: 15px; margin-right: 40px; } #template-content .content-body .page li h2 { margin-right: 0;} #template-content .content-body .page h3 { color: #0066CC; font-weight: 700; font-size: 120%;} #template-content .content-body .page h4 { color: #000; font-weight: 700; font-size: 120%;} #template-content .content-body .page h5 { color: #0066CC; font-weight: 700; font-size: 160%; padding-top: 20px;} #template-content .content-body .page p { font-size: 120%; margin: 0 40px 8px 0; } #template-content .content-body .page li p { margin-right: 0; } #template-content .content-body .page li { font-size: 120%; } #template-content .content-body .page li li, #template-content .content-body .page li p { font-size: 100%; } #template-content .content-body .page strong { font-weight: 700; } #template-content .content-body .page ul { padding: 5px 0;} #template-content .content-body .page ul li { background: url(images/icons-sprite.png) no-repeat -14px -44px; padding: 0 0 5px 10px; } #template-content .content-body .page ul li.video { background: url(images/icons-sprite.png) no-repeat -3px -150px; padding: 1px 0 3px 20px; } #template-content .content-body .page ul li.pdf { background: url(images/icons-sprite.png) no-repeat -5px -100px; padding: 1px 0 6px 20px; } #template-content .content-body .page ul li.zip { background: url(images/icons-sprite.png) no-repeat -3px -200px; padding: 1px 0 3px 20px; } #template-content .content-body .page ul li h2 { font-size: 120%; margin: 0 0 4px 0; } #template-content .content-body .page ul li ul { clear: both; } #template-content .content-body .page ul li ul li { background: url(images/icons-sprite.png) no-repeat -14px -44px; padding: 0 0 5px 10px; } #template-content .content-body .page blockquote { background: #ffffcc; padding: 19px 11px; margin-bottom: 20px; } #template-content .content-body .page blockquote h3 strong { color: #ff0000; } #template-content .content-body ul.two-col { padding: 24px 0;} #template-content .content-body ul.two-col li { width: 290px; padding: 0 20px 18px 0; float: left; background: none; } #template-content .content-body ul.two-col li p { margin: 0 0 0 0; line-height: 1.3em; } #template-content .content-body ul.two-col li img { float: left; margin: 0 15px 0 0; } #template-content .content-body ul.two-col li br { /*display: none; */} #template-content .content-body ul.two-col li li { width: auto; padding: 4px 0; min-height: 0px; _height: 1%; } #template-content .content-body ul.two-col li ul { padding: 7px 0; clear: none; } #template-content .content-body ul.one-col { float: left; width: 290px; padding: 0 20px 18px 0; clear: none; } #template-content .content-body ul.one-col li { padding: 0; background: none; } #template-content .content-body .video { background: url(images/icons-sprite.png) no-repeat -3px -150px; padding: 1px 0 3px 20px; } #template-content .content-body .pdf { background: url(images/icons-sprite.png) no-repeat -5px -100px; padding: 1px 0 3px 20px; } #template-content .content-body .zip { background: url(images/icons-sprite.png) no-repeat -3px -200px; padding: 1px 0 3px 20px; } /* about us page */ body.page-id-4 #template-content .content-body .page h2 { font-weight: 300; } body.page-id-4 #template-content .content-body .page p { margin-bottom: 17px; } body.page-template-homepage-php ul li { width: 140px; margin: 0 20px 0 0; float: left; _display: inline; } body.page-template-homepage-php ul li img { display: block; margin: 0 0 11px 0; } body.page-template-homepage-php ul li br { display: none; } body.page-template-homepage-php ul li li { width: auto; float: none; display: block; } /* ---------------------------------------------------------------------------- Template Footer ---------------------------------------------------------------------------- */ #template-footer { clear: both; min-height: 50px; _height: 50px; padding-top: 40px; } #template-footer ol { text-align: center; } #template-footer ol li { color: #fff; display: inline; border-left: solid 1px #fff; padding: 0 10px; } #template-footer ol li.first { padding-left: 0; border: none; } #template-footer ol li a { color: #fff; } .group { padding: 0 20px; } /* modules ------------- */ .module { } .module .module-header h2 { font-size: 120%; color: #0066CC; font-weight: 700; padding: 0 0 6px 0; } .page-additional .module { _display: inline; } /* page-additional */ .page-additional .module.address { float: left; width: 140px; margin: 0 20px 0 0; } .page-additional .module.address .module-content { line-height: 1.8em; font-size: 11px; } .page-additional .module.address .module-content .adr { margin-bottom: 20px; } .page-additional .module.map { _overflow:hidden; float: left; width: 290px; margin: 0 30px 0 0; } .page-additional .module.map .module-header { display: none; } .page-additional .module.signup { float: left; width: 140px; margin: 0 20px 0 0; position: relative; } .page-additional .module.signup form legend { display: none; } .page-additional .module.signup form .error-message { color: #ff0000; } .page-additional .module.signup form select, .page-additional .module.signup form input.text { width: 100%; } .page-additional .module.signup form label { font-size: 110%; } .page-additional .module.signup form .indicate-required { font-size: 110%; position: absolute; bottom: 5px; right: 0; } .page-additional .module.signup form .mc-field-group { padding: 0 0 5px 0; } .page-additional .module.signup form #mc-embedded-subscribe { cursor: pointer; background: url('images/button-subscribe.png') no-repeat 0 0; width: 68px; height: 28px; padding-top: 28px; border: none; overflow: hidden; } .page-additional .module.twitter { float: left; width: 140px; } .page-additional .module.twitter ol {} .page-additional .module.twitter ol li { font-size: 11px; margin-bottom: 10px; word-wrap:break-word; } .page-additional .module.twitter ol li a { color: #000; } /* page specifics ------------- */ body.page-template-homepage-php .content-breadcrumbs { display: none; } body.page-template-homepage-php #template-content { padding: 0; } body.page-template-homepage-php #template-content .content-body { width: 100%; padding: 0; margin: 0; } body.page-template-homepage-php #template-content .content-body .page { padding: 0; } body.page-template-homepage-php #template-content .content-body .page-body { padding: 6px 0 12px 20px; margin: 0 0 18px 0; background: url(images/home-border.png) no-repeat 20px 100%; } body.page-template-homepage-php #template-content .content-body ul { } body.page-template-homepage-php #template-content .content-body ul ul { padding: 0; border: none; } body.page-template-homepage-php #template-content .content-body ul li { padding: 0; background: none; } body.page-template-homepage-php #template-content .content-body ul li li a { color: #000; } #map-location { width: 290px; height: 230px; float: left; border: 2px solid #cccccc; margin: 0 20px 0 0; } body.page-id-4 #template-content .content-breadcrumbs { text-indent: -50000px; background: transparent url(images/section-sprite.png) no-repeat scroll -275px 0; padding-bottom: 125px; } div.parent0-Products #template-content .content-breadcrumbs { text-indent: -50000px; background: transparent url(images/section-sprite.png) no-repeat scroll -579px 0; } div.parent0-Services #template-content .content-breadcrumbs { text-indent: -50000px; background: transparent url(images/section-sprite.png) no-repeat scroll -875px 0; } body.page-id-9 #template-content .content-breadcrumbs { text-indent: -50000px; background: transparent url(images/section-sprite.png) no-repeat scroll -1175px 0; padding-bottom: 125px; } body.page-id-11 #template-content .content-breadcrumbs { text-indent: -50000px; background: transparent url(images/section-sprite.png) no-repeat scroll -1475px 0; padding-bottom: 125px; } body.page-id-16 #template-content .content-breadcrumbs { text-indent: -50000px; background: transparent url(images/section-sprite.png) no-repeat scroll -1775px 0; padding-bottom: 125px; } body.blog #template-content .content-breadcrumbs, body.single #template-content .content-breadcrumbs, body.archive #template-content .content-breadcrumbs { text-indent: -50000px; background: transparent url(images/section-sprite.png) no-repeat scroll -2082px 0; padding-bottom: 10px; } .post { margin-bottom: 20px; margin-right: 40px;} .post .storycontent {} .post h2.storytitle { font-size: 180%; } .post .meta { display: none; } .post .time-stamp h3 { color: #555; margin-bottom: 25px; } .post .storycontent p { font-size: 120%; margin-bottom: 15px; line-height: 1.3em; } .post .feedback { display: none; } .nocomments { display:none; } .post .storycontent li { font-size: 120%; } .post .storycontent li li { font-size: 100%; } .post .storycontent { padding: 0; } .post .storycontent h2 { color: #0066CC; font-size: 160%; font-weight: 700; margin-bottom: 15px; margin-right: 40px; } .post .storycontent li h2 { margin-right: 0;} .post .storycontent h3 { color: #0066CC; font-weight: 700; font-size: 120%;} .post .storycontent h4 { color: #000; font-weight: 700; font-size: 120%;} .post .storycontent h5 { color: #0066CC; font-weight: 700; font-size: 160%; padding-top: 20px;} .post .storycontent p { font-size: 120%; margin: 0 40px 15px 0; } .post .storycontent li p { margin-right: 0; } .post .storycontent li { font-size: 120%; } .post .storycontent li li, .post .storycontent li p { font-size: 100%; } .post .storycontent strong { font-weight: 700; } .post .storycontent ul, .post .storycontent ol { margin: 0 0 15px; } .post .storycontent ul li { background: url(images/icons-sprite.png) no-repeat -14px -44px; padding: 0 0 5px 10px; } .post .storycontent ul li.video { background: url(images/icons-sprite.png) no-repeat -3px -150px; padding: 1px 0 3px 20px; } .post .storycontent ul li.pdf { background: url(images/icons-sprite.png) no-repeat -5px -100px; padding: 1px 0 6px 20px; } .post .storycontent ul li.zip { background: url(images/icons-sprite.png) no-repeat -3px -200px; padding: 1px 0 3px 20px; } .post .storycontent ul li h2 { font-size: 120%; margin: 0 0 4px 0; } .post .storycontent ul li ul { clear: both; } .post .storycontent ul li ul li { background: url(images/icons-sprite.png) no-repeat -14px -44px; padding: 0 0 0 10px; margin: 0 0 5px 0; } .post .storycontent ol li { list-style: decimal; margin: 0 0 5px 19px; } .post .storycontent em { font-style: italic; } .post .storycontent blockquote { padding: 19px 11px; } body.search #content { padding: 0 25px; } body.search #content h2.pagetitle { font-size: 260%; color: #0066cc; margin-bottom: 20px; } body.search #content .post, body.search #content .page { padding: 0 0 10px 0; margin: 0 0 15px 0; background: transparent url(images/home-border.png) no-repeat scroll 0px 100% } body.search #content .post h3, body.search #content .page h3 { font-size: 120%; } body.search #content .post small, body.search #content .page small { color: #555555; margin: 0 0 10px 0; display: block;} body.search #content .postmetadata { font-size: 120%; } body.search .content-breadcrumbs { display: none; }