/* Theme Name: Crondon Theme URI: http://www.getupandrunning.net/themes/crondon Description: Theme designed for use at Crondon Park Author: Mark Sharp Author URI: http://www.getupandrunning.net/ Version: 0.1.1 Tags: Crondon Template: hybrid */ /** * Import pre-made styles from Hybrid ************************************************/ /* 18px, 20px, 21px, 22px, or 25px margins and line-height (don't use reset.css with these) */ @import url('../hybrid/library/css/18px.css'); /** * Fonts * *********************************************/ @font-face { font-family: 'OpenBaskervilleNormal'; src: url('fonts/openbaskerville-webfont.eot'); src: url('fonts/openbaskerville-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/openbaskerville-webfont.woff') format('woff'), url('fonts/openbaskerville-webfont.ttf') format('truetype'), url('fonts/openbaskerville-webfont.svg#OpenBaskervilleNormal') format('svg'); font-weight: normal; font-style: normal; } /** * Body ************************************************/ /* Contains everything */ html, body { font-family: Arial; background-color: rgb(212, 212, 212); height: 100%; } /* Wrapper for everything inside of the body */ #body-container { width: 850px; height: 570px; overflow: hidden; margin: auto auto auto auto; } /** * Elements ************************************************/ /* Hyperlinks */ a { font-size: 13px; color: #002c5b; } a:link { color: #002c5b; } a:visited { color: #002c5b; } a:hover { color: #002c5b; } a:active { color: #002c5b; } /* Headers */ h1 { color: #646567; font-family: Baskerville, Georgia, serif; font-size: 1.46em; margin-bottom: 14px;} h1 a { color: #646567;} h2 { color: #002c5b; font-size: 1.25em; margin-bottom: 12px;} h3 {} h4 {} h5 {} h6 {} /* Text elements */ strong {} em {} cite {} abbr {} acronym {} sup {} sub {} address {} ins {} dfn {} del {} /* Paragraphs */ p { font-size: 13px; } /* Unordered lists */ ul { } ul li {} /* Ordered lists */ ol {} ol li {} /* Defition lists */ dl {} dt {} dd {} /* Blockquotes */ blockquote {} blockquote blockquote {} blockquote em {} /* Object */ object {} /* Code */ code {} pre {} pre code {} /* Tables */ table {} caption {} tr {} th {} td { font-size: 13px;} /* Forms */ #contact_form {width: 350px; margin-left: 0px; padding-top: 0px;} #contact_form td.formlabel { width: 70px; vertical-align: top;text-align: left; line-height: 15px;padding: 0px;} #contact_form td { width: 280px; padding-bottom: 2px; } .map { background-image: url('./images/structure/map.png'); } #post-41 p {margin-bottom: 10px;} form { font-size: 13px; color: #646567} textarea {width: 280px;border: solid 1px #646567;height: 35px; font-family: Arial;padding: 0px 2px 0px 2px; margin: 0px;} input {width: 280px; background-color: #fff; border: solid 1px #646567;line-height: 14px; padding: 1px 2px 1px 2px;font-family: Arial; margin: 0px;} label {width: 280px; vertical-align: top;} select {width: 286px; font-family: Arial; text-align: center;border: solid 1px #646567;} option {padding: 0px;} .button {width: 286px; font-family: Arial; padding: 1px 2px 1px 2px;border: solid 1px #646567; color: #646567;} /* Drop caps */ .drop-cap { } /* Notes */ .note {} /* Warnings/Alerts */ .alert { border: 1px solid #c00; background-color: #ffebe8; color: #333; } .warning { padding: 5px; border: 1px solid #e6db55; background-color: #ffffe0; color: #333;} .success { border: 1px solid #646567; background-color: #fff;} .notice { text-align: center; padding: 2px;} /* Errors */ .error {} /* Downloads */ .download {} /* Alignment */ .left, .alignleft { float: left;} .right, .alignright { float: right; } .center, .aligncenter {} .block, .alignnone {} .clear { clear: both;} .display, .show { display: block; } .hide, .hidden { display: none; } /** * Images ************************************************/ /* Normal images */ img {} a img {} /* WP Smilies */ img.wp-smiley {} /* Thumbnails */ .thumbnail {} /* WP Captions [caption] */ .wp-caption {} .wp-caption img {} .wp-caption p {} /* Gallery [gallery] */ .gallery {} .gallery img {} /* Avatars */ .avatar {} /** * Header ************************************************/ /* Contains entire header */ #header-container {/*background-color: #ccc;*/} /* Contains site title and tagline */ #header {float: right; } /* Site title */ #site-title {} #site-title img { /*margin-top: 20px;*/ margin-top: 45px; } #site-title a {} #site-title a span {} /* Site description/tagline */ #site-description {} /** * Page navigation ************************************************/ /* Wrapper for navigation */ #top-navigation { font-family: Baskerville, Georgia, serif; /*background-color: #ccc;*/ margin-top: 0px; padding-top: 43px; width: 700px; } /* Page nav */ #page-nav { padding-top: 55px;} #page-nav ul { list-style: none; margin: 0px;} #page-nav li { display: inline; margin-right: 25px;} #page-nav li a { color: #707173; font-size: 1.55em; } #page-nav li a:hover, #page-nav-bottom li a:hover { color: #fff; } #page-nav li.current_page_item a, #page-nav-bottom li.current_page_item a { color: #fff;} #page-nav-bottom { font-family: Baskerville, Georgia, serif; /*background-color: #ccc;*/ float: right; width: 202px; padding: 0px; margin: 0px; } #page-nav-bottom ul { list-style: none; margin: 0px; padding: 0px;} #page-nav-bottom li { display: inline; padding-left: 0px; padding-right: 0px; margin-left: 15px;} #page-nav-bottom li a {color: #707173; font-size: 16px;} /** * Containers below the header and navigation ************************************************/ /* Wrapper for the content and primary/secondary widget sections */ #container { background-repeat: no-repeat; height: 400px; } /** * Content ************************************************/ /* Contains site's main content */ #content { display: none; } .content { z-index: 20; height: 400px; position: relative; } .hentry { background-image: url('./images/structure/white.png'); width: 425px; height: 400px; overflow: hidden; color: #666666; float: left; } #backgroundimage {position: relative;} #backgroundimage img { opacity: 0.0; z-index: 8; position: absolute; top: 0px; left: 0px; } #backgroundimage img.active { z-index: 10; opacity:1.0; } #backgroundimage img.last-active { z-index: 9; } .page-template-homepage .hentry, #content, .page-template-homepage .entry-content { background-image: none; width: 850px; margin: 0px; padding: 0px; } #galleryleft {} #galleryleft ul {list-style: none; margin: 0px;} #galleryleft ul li {display: inline; margin-right: 0px;} #galleryleft img { width: 57px; height: 57px; cursor: pointer;} #current-conditions { margin-bottom: 5px; } #members-notice-board {overflow-y: scroll; height: 170px;font-size: 13px;background-color: #d9dadb;margin-bottom: 10px; padding: 5px;} #members-notice-board p {margin: 0px 0px 2px 0px;} #members-links p { margin-bottom: 10px;} #members-links ul {list-style: none; margin: 0px; } #members-links ul li {display: inline; margin-right: 10px; margin-top: 0px;} #members-links a {color: #002c5b;} #rhs { float: left; background-color: #d9dadb; width: 425px; height: 400px; } /* starting position for text when site first loaded */ .slidein .hentry { display: none; } /* Breadcrumb trail */ .breadcrumb {} /* Archive and search
before posts are listed */ .author-info {} .category-info {} .date-info {} .search-info {} .tag-info {} /* Posts */ .post {} /* Post, page, and archive titles */ .entry-title {padding: 20px 15px 0px 15px;} .single-title {} .page-title {} .attachment-title {} .error-404-title {} .author-title {} .category-title {} .date-title {} .search-title {} .tag-title {} /* Author and date byline */ .byline {} /* Full entries */ .entry-content {margin: 45px 31px 30px 31px;} .entry-content p { line-height: 16px;} /* Excerpts (introduced in Hybrid 0.4) */ .entry-summary {} /* Using */ p.pages a {} /* More link */ a.more-link {} /* Post meta data */ .post-meta-data {} /* Post series */ .series {} .series-title {} /* Navigation links */ .navigation-links {} .navigation-links .previous {} .navigation-links .next {} /* WP PageNavi (plugin) */ .wp-pagenavi {} .wp-pagenavi .pages {} .wp-pagenavi .current {} .wp-pagenavi .extend {} .wp-pagenavi a {} /* Attachment image navigation */ .navigation-attachment {} /* Document Attachments */ #documents { height: 50px; position: absolute; top: 345px; margin: 0px 31px 0px 31px; padding: 0px;width: 363px;left: 0px; } #documents { color: #666666;} #documents a { color: #1e3278} #documents p { margin-bottom: 3px; margin-left: 0px; } #documents a:hover { } #documents ul {margin-left: 0px; padding-left: 0px;padding-right: 10px; list-style: none; } #documents ul li {font-size: 0.84em; background-image: url('./images/structure/pdf.png'); background-repeat: no-repeat; float: left; padding-left: 20px; padding-right: 10px;} /* Wedding Page only */ .page-template-wedding #documents { height: 45px;bottom: 0px; } .page-template-wedding #documents a { padding-left: 3px; font-size: 11px; font-weight: bold; } /*.page-template-wedding #documents a:hover {text-shadow: 1px 1px #fff;}*/ .page-template-wedding #documents ul {margin-bottom: 0px;} .page-template-wedding #documents p { margin-bottom: 6px; } .page-template-wedding #documents ul li { background-image: url('images/button.png'); width: 115px; height: 27px; padding-left: 0px; text-align: center; margin-left: -3px; margin-right: 0px; padding-right: 20px; line-height: 16px;} /* .page-template-wedding #documents ul li { z-index: 10000; position: relative; background-image: none; padding: 0px; margin-right: 10px; background-color: #d1d3d4; width: 154px; text-align: center; -moz-box-shadow: 5px 5px 10px #888; -webkit-box-shadow: 5px 5px 10px #888; box-shadow: 5px 5px 10px #888; behavior: url('http://www.crondon.com/wp-content/themes/hybrid-crondon/ie-css3.htc'); }*/ #blue-notice { height: 75px; position: absolute; bottom: 0px; margin: 0px 31px 0px 31px; padding: 0px; width: 363px; left: 0px; color: #002c5b; font-size: 0.78em; } #bannercontainer {position: relative;} #bannercontainer img { position: absolute; top: 0px; left: 0px; } #bannercontainer img.bactive { /*opacity: 1.0;*/ } #bannercontainer img.last-active { /*opacity: 0.5;*/ } /** * Comments template ************************************************/ /* Wrapper for entire comments area */ #comments-template {} /* Comments section headers/titles */ .comments-header {} #comments-number {} /* Comments closed paragraph */ p.comments-closed {} /* Main comments section */ #comments {} #comments ol {} /* Individual comments (note that WordPress has even/odd backwards) */ #comments li {} #comments li li {} #comments li li li {} #comments li li li li {} #comments li.even {} #comments li.odd {} #comments li.thread-even {} #comments li.thread-odd {} #comments li.author {} #comments li.trackback {} #comments li.pingback {} /* Comment avatars */ #comments .avatar {} /* Comment meta data */ #comments .comment-meta-data {} #comments .comment-meta-data cite {} /* Comment text */ #comments .comment-text {} /* Paged comments navigation */ #comments-template .paged-navigation {} #comments-template .paged-navigation .page-numbers {} #comments-template .paged-navigation .next {} #comments-template .paged-navigation .prev {} /* Main comment form div */ #respond {} /* Comment form title */ #reply {} /* Comment form elements */ p#cancel-comment-reply {} #respond form {} #respond .form-author {} #respond input {} #respond .form-email {} #respond .form-url {} #respond .form-textarea {} #respond textarea {} #respond .button {} #respond .comment-action {} /** * Utility widget sections (see other widget code below) ************************************************/ /* All utility widget sections (except widgets template) */ .utility {} /* Before content */ #utility-before-content {} /* After content */ #utility-after-content {} /* After post but before comments */ #utility-after-single {} /* After page but before comments */ #utility-after-page {} /* Widgets page template widgets */ .page-template-widgets #content .widget {} /** * Widget sections (Primary and Secondary) ************************************************/ /* Widgets in general */ .widget {} .widget-inside {} .widget-title {} /* Primary widget section */ #primary {} #primary .widget {} #primary .widget-inside {} #primary .widget-title {} #primary .widget ul {} #primary .widget ul li {} /* Secondary widget section */ #secondary {} #secondary .widget {} #secondary .widget-inside {} #secondary .widget-title {} #secondary .widget ul {} #secondary .widget ul li {} /** * Footer ************************************************/ /* Wrapper for the entire footer */ /* Subsidiary widget section */ #subsidiary {} #subsidiary .widget {} #subsidiary .widget-inside {} #subsidiary .widget-title {} /* Footer section */ #footer {margin-top: 4px; position: relative; padding: 0px; height: 100%;} /* Footer extra */ #footer .telephone { color: #707173; float: left; font-size: 0.9em; font-weight: 500; width: 150px;} #footer .copyright {} #footer .credit {}