/* /////// ------- LAYOUT.CSS ------- \\\\\\\ */ /* Layout.css is intended for structural css only. All the heavy lifting is done here. */ /* Author(original): Chameleon Creative - Chad Fontaine Author URI: http://www.chameleoncreative.com/ Version: 0.1 Last Revision: Date Revised Made By: Name Project: Project Name Description: Description */ /*-------------------------------------------------------- TABLE OF CONTENTS 1-- RESETS (zeros out and levels the playing field for, hopefully, consistant diplay across browsers) 2-- VARIOUS 3-- FIXES (possibly categorized as kludges ...no hacks) 4-- SEMANTICS (refers to the aspects of meaning that are expressed in a language, code, or other form of representation of information) 5-- DRUPAL (Styling the various drupal specific tags and selectors) ---------------------------------------------------------*/ /* _______1_______ RESETS ______________ */ body { line-height: 1; color: black; background: white;} table { border-collapse: separate; border-spacing: 0;} caption, th, td { text-align: left; font-weight: normal; color:#000;} blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } /* _______2_______ VARIOUS ______________ */ .clear { clear: both; margin: 0; padding: 0; } #prop { height: 450px; float: left; width: 1px; } .prop_clear { clear: both; height: 1px; overflow: hidden; } .devnotes { color: red; font-size: 14px; font-weight: bold; } /* developer notes */ /* _______3_______ FIXES ______________ */ #gallery_float { float:none;} /* lightbox gallery fix for IE6 */ /* a:focus { -moz-outline-style: none; } fixes image replacement sections displaying a dotted outline on focus. Note: will cause css to not validate*/ :focus { outline: 0; } /* remember to define focus styles! */ /* _______4_______ SEMANTICS ______________*/ body { text-align: center; margin: 0px; padding: 0px; background: #00e7ff url(../images/layout/background_fill.jpg) repeat-x 0px 0px;} #background_1 { width:100%; float:left; background: url(../images/layout/background.jpg) no-repeat center top;} #background_2 { width:100%; float:left;} #container { width: 1002px; margin: 0px auto; text-align:left;} #wrapper { text-align:left;} #wrapper, #header, #header_spacer, #logo, #logo a, #logo a:hover, #login, #navigation, #content_wrapper_1, #content_wrapper_2, #content_wrapper_3 { width:1002px; float:left;} #wrapper {} #header { height:116px; background:url(../images/layout/header.jpg) no-repeat;} #login { height:30px;} #login div { width:200px; float:right;} #login form { margin: 2px 0px 0px 0px; padding:0px;} #login form #password_field { background:#0075cd; color:#fff; font:normal 11px/normal Verdana, Geneva, sans-serif; border: 1px solid #004089; text-align:right; width:150px; padding-right:2px;} #login form #go_button { background:#ee3b33; color:#fff; font:bold 11px/normal Verdana, Geneva, sans-serif; border: 1px solid #002044;} #gallery_navigation { height:30px; width:390px; float:right; } #logo, #logo a, #logo a:hover { height:46px; display:block; margin:0px; padding:0px; text-indent:-2000em; overflow:hidden; text-decoration:none;} #navigation { height:40px;} #header_spacer { height:22px; overflow:hidden;} #banner { display:none;} /* --- VARIABLE LAYOUT EMELENTS --- */ #header_spacer { background:url(../images/layout/header_spacer.jpg) no-repeat 0px 0px;} #content_wrapper_1 { background:url(../images/layout/content_fill.gif) repeat-y 460px 0px;} #content_wrapper_2 { background:url(../images/layout/content_bottom.jpg) no-repeat 460px bottom;} #content_wrapper_3 { background:url(../images/layout/content_top.jpg) no-repeat right top;} #column_one, #column_one_wrapper, #column_one_inner_wrapper { width:460px; float:left;} #column_one { background:url(../images/layout/sidebar_fill.gif) repeat-y right top;} #column_one_wrapper { background:url(../images/layout/sidebar_top.jpg) no-repeat 0px 0px;} #column_one_inner_wrapper { background:url(../images/layout/sidebar_bottom.gif) no-repeat right bottom;} #column_one_pad { margin: 42px 0px 15px 112px; padding-bottom:10px;} #column_one_pad p { padding: 0px 0px 0px 0px; margin: 10px 25px 10px 30px;} #column_two { width: 542px; float:left;} #column_two_pad { margin: 15px 75px 15px 60px;} /* -------------- footer -------------- */ #footer_wrapper { width:100%; height:180px; float: left;} #footer_background { width:100%; float: left; height:180px; } #footer { margin:0px auto; height: 180px; padding:0px; width:1002px; text-align:left; background: url(../images/layout/footer.jpg) no-repeat 460px top; text-align:center;} /* -------------- copyright and credits -------------- */ #copyright strong, #credits a, #credits a:active, #credits a:link, #credits a:visited { font: normal 11px/normal Arial, Helvetica, sans-serif;} #copyright, #credits{ text-align:left; text-align:right;} #copyright strong { color: #fff; padding: 30px 205px 0px 0px; display:block; } #credits a, #credits a:active, #credits a:link, #credits a:visited { margin: 0px 205px 0px 0px; color: #fff; text-decoration: none; display: block; } #credits a:hover { color: #fff; text-decoration: underline; } /* begin sand-bag divs */ /* declare left float, clear */ #sml-01,#sml-02,#sml-03,#sml-04, #sml-05,#sml-06,#sml-07,#sml-08, #sml-09 { float:left; clear:left; padding:0; height: 16px; /*background:red;*/ } /* left bank of the river! */ #sml-01 { width: 90px; } #sml-02 { width: 74px; } #sml-03 { width: 58px; } #sml-04 { width: 42px; } #sml-05 { width: 26px; } #sml-06 { width: 10px; } #sml-07 { width: 0px; } #sml-08 { width: 0px; } #sml-09 { width: 0px; } /* ------- SIDEBAR STAFF RESOURCES --- */ #staff_resources h2 { margin-left:10px;} #staff_resources p { padding:10px 30px 10px 25px; margin:0px;} #staff_resources div {} #staff_resources form { margin: 0px 10px 0px 20px; padding:0px; text-align:left} #staff_resources form #password_field { background:#cacaca; color:#000; font:normal 11px/normal Verdana, Geneva, sans-serif; border: 1px solid #004f9f; text-align:left; width:150px; padding-right:2px;} #staff_resources form #go_button { background:#00a2eb url(../images/layout/button_fill.gif) repeat-x left bottom; color:#002c58; font:bold 11px/normal Verdana, Geneva, sans-serif; border: 1px solid #004f9f;} #staff_resources #lost_password { text-align:left; margin: 0px 10px 5px 20px;} #staff_resources #lost_password a { color:#ee3b33; font: bold 10px/normal Verdana, Geneva, sans-serif; text-decoration:none;} #staff_resources #lost_password a:hover { color:#002c58; text-decoration:underline;} #staff_resources #icons { text-align:left; margin: 20px 0px 20px 20px;} #staff_resources #icons img { margin: 0px 5px; } /* ------- SIDEBAR RANDOM IMAGES --- */ #random_images { margin-bottom:20px;} #random_images h2 { background:#023a79; padding-left:10px; padding: 0px 0px 2px 10px;} #random_images img { border:1px solid #023a79;} #random_images #thumbs { text-align:center;} #random_images #more_images { text-align:right;} #random_images #more_images a { font-weight:bold; margin-right:10px;} /* ------- SIDEBAR EDITABLE REGION--- */ #page_sidebar_editable h2 { padding-left:10px; background-color: #023878; margin-top:10px;} #staff_resources_editable p { padding:10px 30px 10px 25px; margin:0px;} /* _______5_______ DRUPAL ______________*/ /*table { color:#000;}*/ /* ------- sidebar admin menus ------- form#user-login-form { margin: 10px 20px; padding:0px 20px; text-align:left; border-top: 1px solid #CCC;} form#user-login-form a { color:#039; text-decoration:none;} form#user-login-form a:hover { color:#000; text-decoration:underline;}*/ form#user-login-form { color: #013a7b; margin: 10px 0px 10px 20px; padding:0px 0px; text-align:left; border-top: 1px solid #CCC;} form#user-login-form a { color: #666; text-decoration:none; } form#user-login-form a:hover { color:#000; text-decoration:underline; } form#user-login-form input { background:#01438d; border:1px solid #000; color:#19ee33 } /* ------- admin menu in sidebar ------- */ #column_one ul.menu { margin:5px 20px; padding: 10px 0px 10px 20px; background:#036;} #column_one ul.menu a, #column_one ul.menu a:active, #column_one ul.menu a:link { color:#F90; text-decoration:none;} #column_one ul.menu a:visited { color: #CCC; text-decoration:underline;} #column_one ul.menu a:hover { color:#fff; text-decoration:underline; } /* ------- admin page edit tabs ------- */ #tabs-wrapper a { background:#000; color:#F90;} #tabs-wrapper a:hover { background:#fff; color:#000;} #tabs-wrapper a.active { background:#fff; color:#036;} /* ------- random gallery ------- */ #column_one div.view-content {} #column_one div.view-content img {} #column_one div.view-content a img { margin: 5px 1px 5px 25px; border:1px solid #023a79;} #column_one div.view-content a:hover img { margin: 4px 0px 4px 24px; padding:1px; border:1px solid #000;} #column_one div.view-header h2 { /*background:#023a79;*/ padding: 0px 0px 2px 10px; margin:0px;} span.field-content { width:33%;} #more_images a { font-weight:bold; margin-right:10px; text-decoration:none;} #more_images a:hover { color:#023a79; text-decoration:underline;} /* ------- photo gallery ------- */ /*.imagecache-Gallery_Thumbnail img { margin: 5px; } div.content span a:hover img { opacity:.75; filter: alpha(opacity=75); -moz-opacity: 0.75;}*/ .views-field-field-photo-fid a.imagecache-Gallery_Thumbnail_linked img { border:1px solid #036;} .views-field-field-photo-fid a:hover.imagecache-Gallery_Thumbnail_linked img { border:1px solid #fff; opacity:.75; filter: alpha(opacity=75); -moz-opacity: 0.75;} .views-field-title { text-align:center; color:#fff;} div.node .content span a img { border:1px solid #036; margin:5px;} div.node .content span a:hover img { border:1px solid #fff; opacity:.75; filter: alpha(opacity=75); -moz-opacity: 0.75;} div.photo_gallery_thumbnail { width:125px; height:170px; float:left; text-align:center;} div.photo_gallery_thumbnail a img { margin:0px 5px; border: 1px solid #666;} div.photo_gallery_thumbnail a:hover img { opacity:.75; filter: alpha(opacity=75); -moz-opacity: 0.75; border:1px solid #000;} #page_sidebar_editable a:hover { color:#000000; } #job_posting_data_table td{ color:#ffffff; }