/* /////// ------- 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;} blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } /* _______2_______ VARIOUS ______________ */ .clear { clear: both; margin: 0; padding: 0; font-size:1px; line-height:1px;} .prop { height: 231px; float: left; width: 1px; } .prop_clear { clear: both; height: 1px; overflow: hidden; } .devnotes { color: red; font-size: 14px; font-weight: bold; } .resource { font-size:10px; color: #900; font-weight:bold;} #sidebar-study { border: 1px solid #bcaf8d; background:#ddd4bd; padding:10px; text-align:center;} #sidebar-study h2 { font-size:22px; color:#600;} #sidebar-study h3 { font-size:18px; color:#2d73aa;} /* _______3_______ FIXES ______________ */ :focus { outline: 0; } /* remember to define focus styles! */ /* _______4_______ SEMANTICS ______________ */ body { font: 12px Verdana, Arial, Helvetica, sans-serif; margin: 0px; padding: 0px; text-align:center; background: #627392 url(../images/layout/background_fill.png) repeat-x 0px 0px; } #background { width:100%; float:left; background:url(../images/layout/background.jpg) no-repeat center top;} #container { width: 1002px; margin: 0px auto; text-align:left;} #wrapper_1, #wrapper_2, #wrapper_3, #header, #navigation, #slideshow { width:1002px; float:left;} #wrapper_1 { background:url(../images/layout/page_fill.png) repeat-y;} #wrapper_2 { background:url(../images/layout/page_top.jpg) no-repeat left top;} #wrapper_3 { background: url(../images/layout/page_bottom_right.jpg) no-repeat right bottom;} #header { height:180px;} #logo, #logo a, #logo a:hover { height:180px; width:660px; float:left; display:block; margin:0px; padding:0px; text-indent:-2000em; overflow:hidden; text-decoration:none;} #header_right { width:342px; float:right; height:180px;} #header_intro { width:342px; float:left; height:160px; overflow:hidden;} #secondary_navigation { width:342px; float:left; height:20px;} #mega-navigation, #navigation { height:45px; z-index:9999 !important;} #slideshow { z-index:5000 !important; position:relative !important;} .fadein { position:relative; height:550px; width:1002px; z-index:5000 !important;} .fadein img { position:absolute; left:23px; top:0; z-index:5000 !important;} #column_one { width: 660px; float:left; overflow:none;} #column_one_pad { margin: 50px 50px 20px 70px;} #column_two { width: 342px; float:left; overflow:hidden; margin-right: -3px; } #column_two_pad { margin: 25px 30px 140px 20px;} /* -------------- note -------------- */ #footer_wrapper { width:100%; float: left;} #footer_background { width:100%; float: left; } #footer { margin:0px auto; width:1002px; height:180px; padding:0px; text-align:right; background: url(../images/layout/footer.jpg) no-repeat left top;} /* _______FOOTER COPYRIGHT_______ */ #copyright { width:660px; float:left; text-align:right;} #copyright { color: #fff; font: normal 10px/normal Verdana, Geneva, sans-serif;} #copyright strong { margin: 15px 0px 0px 0px; font-weight: normal; display:block; height:15px;} /* _______FOOTER CREDITS_______ */ #credits { width:342px; float:left; text-align:right;} #credits a, #credits a:active, #credits a:link, #credits a:visited { padding-bottom:20px; margin: 15px 28px 0px 0px; color: #fff; text-decoration: none; display: block; font: normal 10px/normal Verdana, Geneva, sans-serif;} #credits a:hover { color: #000; text-decoration: underline; } /* _______ ACCORDION _______ #accordion { margin-left:30px; margin-top:20px;} #accordion a { text-decoration:none;} #accordion a h1 { color:#1f456a; font-size:16px; font-weight:normal; margin-bottom:10px; margin-top:20px;} #accordion a:hover { color:#000; text-decoration:underline;} .accordion_content { margin-bottom:30px;} #accordion blockquote { border:1px solid #CCC; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin-top:30px; } #accordion blockquote h2 { margin: 5px 0px 0px 10px;} a.accordion-cta { display:block; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background: #036; color: #fff; text-decoration:none; float:right; padding:5px 10px;} a:hover.accordion-cta { background:#600; text-decoration:none;} */ #accordion { margin-left:0px; margin-top:20px;} #accordion li { color:#000 !important; font-size:12px !important; margin-bottom:10px;} #accordion a { text-decoration:none;} #accordion a h1 { color:#1f456a; font-size:16px; font-weight:normal; margin: 10px;} #accordion a h1.active { color:#000; font-weight:bold;} #accordion a h1:after { content:'\25BA'; color:#ccc; font-size:12px; font-weight:normal; margin-left:10px} #accordion a:hover { color:#000; text-decoration:none; } .accordion_content { margin-bottom:30px;} #accordion blockquote { border:1px solid #CCC; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin-top:30px; } #accordion blockquote h2 { margin: 5px 0px 0px 10px;} a.accordion-cta { display:block; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background: #036; color: #fff; text-decoration:none; float:right; padding:5px 10px;} #accordion .block { border:1px solid #CCC; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin-bottom:20px;} /* SIDEBAR ABOUT TEXT */ #sidebar-about {} #sidebar-about h2 { font: bold 14px/normal Verdana, Geneva, sans-serif; margin: 0px 0px 5px 0px; color: #600;} #sidebar-about h3 { font: bold 12px/normal Verdana, Geneva, sans-serif; margin: 0px 0px 5px 0px; color: #2e5f86;} #sidebar-about a { font-weight: bold;} #sidebar-about ul { margin-left: 20px; padding-left: 0px;} img.allergan { float:right;} /* _______5_______ DRUPAL ______________*/ /* ------- sidebar ctas -------*/ #sidebar-cta { margin-bottom:30px;} #sidebar-cta a { margin: 0px 0px 10px 0px; padding: 10px 20px 10px 20px; text-shadow: 0 0 3px #000000; font: normal 14px/normal Arial, Helvetica, sans-serif; display:block; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #fff; -webkit-box-shadow: 0 0 3px 3px #9c9b89; box-shadow: 0 0 3px 3px #9c9b89; color:#fff; text-decoration:none; text-align:center;} #sidebar-cta a span { font-weight: bold; font-size:18px;} #sidebar-cta a:hover { color:#fff; text-decoration:none;} .cta-one { background-color: #9d0202;} .cta-one:hover { background-color: #800000;} .cta-two { background-color:#591da2;} .cta-two:hover { background-color:#3f0d7e;} .cta-three { background-color:#bb5707;} .cta-three:hover { background-color:#914100;} #sidebar-list { font: normal 14px/normal Arial, Helvetica, sans-serif; } #sidebar-list strong { color:#583883;} #survey-link { margin-bottom:30px;} #survey-link a { color:#fff; background-color:#9f9778; margin: 0px 0px 10px 0px; padding: 10px 0px 10px 0px; text-shadow: 0 0 3px #000000; font: normal 16px/normal Arial, Helvetica, sans-serif; display:block; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; /*border: 1px solid #fff; -webkit-box-shadow: 0 0 3px 3px #9c9b89; box-shadow: 0 0 3px 3px #9c9b89;*/ color:#fff; text-decoration:none; text-align:center;} #survey-link a:hover { color:#fff; text-decoration:none; background-color:#847c5f;} #survey-link a em { color:#fff;} #survey-link a h2 { font-weight: bold; font-size:18px; color:#fff; } #alert-link { margin-bottom:30px;} #alert-link a { color:#fff; background-color:#9484c2; margin: 0px 0px 10px 0px; padding: 10px 0px 10px 0px; text-shadow: 0 0 3px #4c3c79; font: normal 16px/normal Arial, Helvetica, sans-serif; display:block; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color:#fff; text-decoration:none; text-align:center;} #alert-link a:hover { color:#fff; text-decoration:none; background-color:#4c3c79;} #alert-link a em { color:#fff;} #alert-link a h2 { font-weight: bold; font-size:18px; color:#fff; } a#anti-grp-button { display:inline-block; color:#fff; background-color:#9484c2; margin: 0px 0px 10px 0px; padding: 10px 0px 10px 0px; text-shadow: 0 0 3px #4c3c79; font: normal 16px/normal Arial, Helvetica, sans-serif; display:block; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color:#fff; text-decoration:none; text-align:center;} a#anti-grp-button:hover { color:#fff; text-decoration:none; background-color:#4c3c79;} /* ------- sidebar admin login -------*/ form#user-login-form { color: #bb810f; margin: 10px 10px 10px 50px; padding:0px 0px; text-align:left;} form#user-login-form a { color: #bb810f; text-decoration:none;} form#user-login-form a:hover { color:#fff; text-decoration:underline;} form#user-login-form input { background:#2f1159; border:1px solid #2f1159; color:#fff} /* ------- admin menu in sidebar ------- */ #column_two ul.menu { margin:5px 0px; padding: 10px 0px 10px 20px; background:#1f456a;} #column_two ul.menu a, #column_two ul.menu a:active, #column_two ul.menu a:link { color:#fff; text-decoration:none;} #column_two ul.menu a:visited { color: #fff; text-decoration:underline;} #column_two ul.menu a:hover { color:#fbc31a; text-decoration:underline; } /* ------- page edit tabs ------- */ #tabs-wrapper a { background:#170901; color:#fff;} #tabs-wrapper a:hover { background:#faf2d8; color: #170901;} #tabs-wrapper a.active { background:#faf2d8; color:#0a1c50;} /* ------- edit blocks page ------- */ table #blocks td.block{ color:#000;} div.block-region { background:red; color:white;}/* block regions shown on layout */ td.region { background:#610009; color:#fff; padding-left:5px;}/* block region titles */ table#blocks td a { color:#C00;} /* configure / delete link */ table#blocks td a:hover { color:#000;} td.block { color:#000;}/* block title */ table#blocks select { width:200px; margin-left:10px;}/* select boxes */ table#blocks td em { color: #F60; padding-left:20px;} table#blocks thead { background:#000; margin-top:10px;} table#blocks thead th {color:#fff; font-weight:bold; font-size:14px; padding:3px;} #table_find_a_doc { margin: 20px 0px; text-align:center;} #table_find_a_doc a img { border:none;} #table_find_a_doc a h3 { font: bold 14px/normal Verdana, Geneva, sans-serif; color:#6c0d2c; text-decoration:none; text-align:center; border-bottom:none;} #table_find_a_doc a:hover h3 { color:#000; text-decoration:none;} /*#table_find_a_doc h3 img.arrow { padding: 3px 0px 0px 0px;}*/ /* ------- find-a-headache-doctor ------- */ div.blue-text { color: #2e5f86; }