/* /////// ------- LAYOUT.CSS ------- \\\\\\\ */ /* Author(original): Chad Fontaine @ Chameleon Creative Author URI: http://www.chameleoncreative.com/ Version: 3.0 Last Revision: May 12 2011 Revised Made By: Chad Fontaine Project: ------------- Description: Structural css only. All the heavy lifting is done here. */ /*-------------------------------------------------------- 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) 4.1 GENERALIZED GROUPING 4.2 COLUMNS 4.3 FOOTER 4.4 CREDITS 5. -- DRUPAL (Styling the various drupal specific tags and selectors) 5.1 LOGIN FORM 5.2 SITE ADMIN MENU 5.3 PAGE EDIT TABS 5.4 BLOCKS PAGE 5.5 SEARCH BOX 5.6 GALLERY 5.7 NEWSLETTER SIGNUP 5.8 CALLENDAR 5.9 SHOPPING CART (styling of the base ubercart install - Chad 240310) 5.10 FORUM 5.11 NEWS LISTINGS 5.12 EVENTS LISTINGS ---------------------------------------------------------*/ /*------------------------------------------------------------------------------- 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; } .none {} #prop { height: 312px; 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 -------------------------------------------------------------------------------*/ :focus { outline: 0; } /* remember to define focus styles! */ /*------------------------------------------------------------------------------- 4. SEMANTICS -------------------------------------------------------------------------------*/ body { background: #00102d url(../images/layout/background_fill.jpg) repeat-x left top; text-align: center; margin: 0px; padding: 0px; font: 12px Verdana, Arial, Helvetica, sans-serif; } #background { width:100%; float:left; background: url(../images/layout/background.jpg) no-repeat center top; } #container { width: 1002px; margin: 0px auto; text-align:left; } #content_inner_wrapper { width: 1002px; float:left; background: url(../images/layout/content-top-interior.jpg) no-repeat center top;} #content_wrapper { width: 1002px; float:left; background: url(../images/layout/content-fill-interior.gif) repeat-y center top;} #header { width:1002px; height:161px; float:left; background:url(../images/layout/header-interior.jpg) no-repeat left top;} #secondary_navigation { width:500px; height:30px; float:left; } /* -------------- ALERT BOX IN HEADER -------------- */ #alert_box { width:500px; height:61px; float:left; text-align:right;} #alert_outer_wrapper { padding:10px 24px 0px 240px; display:block;} #alert_box .content { background:url(../images/layout/alert-arrow.gif) no-repeat 98% center;} #alert_box .padding { padding:5px 30px 5px 0px;} #alert_box .padding a { font: bold 14px/normal Arial, Helvetica, sans-serif; color:#fff; text-decoration:none;} #alert_box .padding a:hover { color: #FFCC00; text-decoration:none;} /* CSS3 */ #alert_inner_wrapper { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #019db2; background: -moz-linear-gradient(top, #019db2 0%, #087280 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#019db2), color-stop(100%,#087280)); background: -webkit-linear-gradient(top, #019db2 0%,#087280 100%); background: -o-linear-gradient(top, #019db2 0%,#087280 100%); background: -ms-linear-gradient(top, #019db2 0%,#087280 100%); background: linear-gradient(to bottom, #019db2 0%,#087280 100%); /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#019db2', endColorstr='#087280',GradientType=0 );*/ } #alert_box .padding a { text-shadow: 0px 0px 3px #065a65; filter: dropshadow(color=#065a65, offx=0, offy=0); } #navigation { width:1002px; height:70px; float:left; } #logo, #logo a, #logo a:hover { width:502px; height:91px; float:left; text-decoration:none; display:block; text-indent:-2000em; overflow:hidden; } #page-title {} #page-title h1 { color:#ffcc00; font: normal 18px/16px Verdana, Geneva, sans-serif; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; text-transform:uppercase;} #store-footer { display:none;} #user-login-form label { color:#fff;} #regional_surveys div { margin-bottom:30px;} #regional_surveys img.surveys { -webkit-box-shadow: 0px 0px 3px 3px #1b1b1b; -moz-box-shadow: 0px 0px 3px 3px #1b1b1b; box-shadow: 0px 0px 3px 3px #1b1b1b; padding: 2px; background:#333333; border:1px solid #000; margin: 10px 10px 10px 0px; float:left;} /* 4.2 COLUMNS -------------------------------------------------------------------------------*/ #column_one { width:312px; float:right; overflow:hidden; } #column_one_pad { margin: 35px 50px 40px 20px; } #column_two { width:690px; float:left; overflow:hidden; } #column_two_pad { margin: 20px 40px 40px 50px; } /* 4.3 FOOTER -------------------------------------------------------------------------------*/ #footer_wrapper, #footer { height:90px;} #footer_wrapper { width:100%; float: left; background: url(../images/layout/footer-fill.jpg) repeat-x 0px 0px; } #footer_background { margin:0px auto; padding:0px; width:1002px; text-align:left; } #footer { width:1002px; float:left; background: url(../images/layout/footer.jpg) no-repeat 625px top; } /* 4.4 CREDITS -------------------------------------------------------------------------------*/ #copyright { width: 1002px; float: left; text-align: left; color: #fff; margin: 0px 0px 0px 0px; } #copyright strong { margin: 5px 0px 5px 40px; display:block; font: normal 10px/10px Arial, Helvetica, sans-serif;} #credits { width: 1002px; float: left; text-align: left; background:url(../images/layout/chameleon_creative.gif) no-repeat 40px 0px;} #credits a, #credits a:active, #credits a:link, #credits a:visited { margin: 0px 0px 5px 65px; color: #fff; text-decoration: none; display: block; } #credits a strong, #credits a:active strong, #credits a:link strong, #credits a:visited strong { color: #fff; } #credits a, #credits a:active, #credits a:link, #credits a:visited, #credits a strong, #credits a:active strong, #credits a:link strong, #credits a:visited strong { font: normal 10px/10px Arial, Helvetica, sans-serif; } #credits a:hover, #credits a:hover strong { color: #FC0; text-decoration: underline; } /* CHILD NAVIGATION IN SIDEBAR - 312px wide sidebar */ #child_navigation h2 { color:/*#ffcc00*/#000; font: bold 18px/normal Verdana, Geneva, sans-serif; margin: 0px 0px 0px 0px; padding:0px; display:none;} #child_navigation_outer_wrapper { float:left; width:240px; margin:35px 0px 0px 10px; border:1px solid #000; background:#1d1d1d;} #child_navigation_wrapper { } #child_navigation_inner_wrapper {} #child_navigation { margin: 10px 10px 10px 10px;} #child_navigation ul.menu { margin:5px 0px; padding: 0px 0px 0px 20px; background: transparent; color:#ffcc00; list-style:square; } #child_navigation ul.menu li { margin: 0px 0px 4px 0px; padding: 0px 0px 4px 0px; } #child_navigation ul.menu a, #child_navigation ul.menu a:active, #child_navigation ul.menu a:link, #child_navigation ul.menu a:visited { color: #ffcc00; text-decoration:none; font:normal 18px/normal Verdana, Geneva, sans-serif; display:block; } #child_navigation ul.menu a:hover, #child_navigation ul.menu a.active { color: #00d1d8; text-decoration:none; } /* IF THE MENU GOES DEEPER #child_navigation ul.menu li li { margin: 0px 0px 2px 0px; padding: 0px 0px 2px 0px; } #child_navigation ul.menu ul.menu a, #child_navigation ul.menu ul.menu a:active, #child_navigation ul.menu ul.menu a:link, #child_navigation ul.menu ul.menu a:visited { color: #000; text-decoration:none; font:normal 12px/normal Verdana, Geneva, sans-serif; border-bottom: none;} #child_navigation ul.menu ul.menu a:hover { color: #a40600; text-decoration:underline; } #child_navigation ul.menu ul.menu a.active { color: #a40600; font-weight:bold;} */ /* CSS3 */ #child_navigation_outer_wrapper { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } /* INTERIOR SPRITES */ #interior-sprites { width:260px;float:left; position:relative; top:0px; left:0px; overflow:hidden; margin:10px 0px 20px 0px;} #interior-sprites ul.menu { display: inline; margin: 0px; padding: 0px; list-style: none; } #interior-sprites ul.menu li { float: left; position: relative; text-align: left; cursor: default; display: block; height: auto; width: auto; margin:0px; padding:0px; } #interior-sprites ul.menu li a { margin:0px; padding:0px; width:260px; display:block; float:left; overflow:hidden; background-image: url(../images/layout/sprite-icons-interior.jpg); background-repeat:no-repeat; text-indent:-2000px; } #interior-sprites ul.menu li a, #interior-sprites ul.menu li a:hover { text-decoration:none;} #interior-sprites ul.menu li.first a { height:130px;} #interior-sprites ul.menu li.last a { height:140px;} #interior-sprites ul.menu li.active-trail.first a, #interior-sprites ul.menu li.first a:hover { background-position: 0px 0px;} #interior-sprites ul.menu li.first a { background-position: 0px 0px;} #interior-sprites ul.menu li.active-trail.last a, #interior-sprites ul.menu li.last a:hover { background-position: 0px -130px; } #interior-sprites ul.menu li.last a { background-position: 0px -130px;} /* FACEBOOK BOX */ #facebook {width: 230px; float: left; margin: 20px 0px 0px 10px; overflow:hidden;} #facebook iframe {width: 230px; float: left; overflow:hidden; background:#242424;} /* ------------------------ JOIN PAGE ------------------------ #join_wrapper {} #join_intro h2 { color:#fff; font:bold 18px/normal Verdana, Geneva, sans-serif; text-transform:uppercase; padding:0px; margin: 0px 0px 0px 0px; } #join_intro p { } #join_intro img { float:right; border:3px solid #151515; margin: 0px 0px 10px 10px;} #join_pitch { border:2px solid #0d0d0d; margin:20px;} #join_pitch p { font:normal 14px/18px Verdana, Geneva, sans-serif; color:#fff; padding: 0px; margin:20px;} #join_pitch span { color:#ffcc00; font-weight:bold;} #join_associate, #join_active { background:#151515; margin: 0px 0px 20px 20px; padding:20px; width:230px; float:left;} #join_associate h2, #join_active h2 { color:#ffcc00; font:bold 14px/normal Verdana, Geneva, sans-serif; text-transform:uppercase; padding:0px; margin: 0px 0px 0px 0px;} #join_associate h3, #join_active h3 { color:#66b6e7; font:normal 14px/normal Verdana, Geneva, sans-serif; text-transform:uppercase; padding:0px; margin: 0px 0px 0px 0px;} #join_associate p, #join_active p { font-size:11px; line-height:14px; padding:0px; margin: 10px;} #join_associate ul, #join_active ul { color:#ffcc00; list-style:square;} #join_associate ul li, #join_active ul li { color:#fff;} #join_active { margin-right:0px;} .join, .join a, .join a:hover { width:230px; height:60px; float:left; text-decoration:none; display:block; text-indent:-2000em; overflow:hidden; } .join { background: url(../images/layout/join.png) no-repeat center center;} /* CSS3 #join_associate, #join_active, #join_pitch { -webkit-border-radius: 10px; border-radius: 10px;} */ /* ------------------------ JOIN PAGE VER DEUX ------------------------ */ #join_wrapper {} #join_intro h2 { color:#fff; font:bold 18px/normal Verdana, Geneva, sans-serif; text-transform:uppercase; padding:0px; margin: 0px 0px 0px 0px; } #join_intro p { } #join_intro img { float:right; border:3px solid #151515; margin: 0px 0px 10px 10px;} form.webform-client-form { margin: 0px 0px 0px 50px;} /* CSS3 */ input#edit-submit { -moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7; -webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7; box-shadow:inset 0px 1px 0px 0px #bbdaf7; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5) ); background:-moz-linear-gradient( center top, #79bbff 5%, #378de5 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5'); background-color:#79bbff; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; border:1px solid #84bbf3; display:inline-block; color:#ffffff; font-family:arial; font-size:14px; text-transform:uppercase; font-weight:bold; padding:3px 24px; text-decoration:none; text-shadow:1px 1px 0px #528ecc; margin:20px 0px 0px 0px; cursor:pointer; } input#edit-submit:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #79bbff) ); background:-moz-linear-gradient( center top, #378de5 5%, #79bbff 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff'); background-color:#378de5; } /* ------------------------ BLOG ------------------------ */ .blog_post { border:1px solid #0d0d0d; border-left-width:15px; width:600px; float:left; margin: 10px 0px 20px 0px;} .blog_post .blog_image {} .blog_post h2.title { margin: 5px 0px 0px 10px;} .blog_post .submitted { margin: 0px 0px 0px 10px; color:#CCC; } .blog_post .content { margin: 0px 20px;} .blog_post .taxonomy { border-top: 1px solid #0d0d0d; padding-bottom:3px;} .blog_post .taxonomy a { color:#999; display:inline-block; background: #0d0d0d; text-decoration:none; padding: 2px 10px; font:normal 10px/normal Arial, Helvetica, sans-serif; text-transform:uppercase; margin-top:3px;} .blog_post .taxonomy a:hover { color:#ffcc00; background:#000;} /* CSS3 */ .blog_post .taxonomy a {-webkit-border-radius: 10px; border-radius: 10px;} .blog_post { -webkit-border-radius: 10px; border-radius: 10px;} /* ------------------------ BLOG SIDEBAR ------------------------ */ #blog_sidebar_wrapper {float:left; width:220px; margin:5px 0px 0px 10px; padding:10px; border:1px solid #000; background:#1d1d1d;} #blog_sidebar_wrapper ul { color:#fff; list-style:square;} #blog_sidebar_wrapper ul li { list-style:square; font-size:18px;} #blog_sidebar_wrapper ul li a { color:#e5b804; font:normal 18px/normal Arial, Helvetica, sans-serif; text-decoration: none;;} #blog_sidebar_wrapper ul li a:hover { color:#54c2f7;} /* CSS3 */ #blog_sidebar_wrapper { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } /* ------------------------ DIRECTORS PAGE ------------------------ */ #directors_wrapper { width:600px; float:left; margin: 20px 0px 0px 0px;} .member_wrapper { width:600px; float:left; margin: 0px 0px 20px 0px; padding: 0px 0px 10px 0px; border-bottom: 1px solid #999;} .member_wrapper h2 { width:200px; float:left; color:#fff; font: normal 14px/normal Verdana, Geneva, sans-serif; padding:0px; margin: 0px 0px 3px 0px;} /* name */ .member_wrapper h3 { width:200px; float:left; color: #999; font: normal 12px/normal Verdana, Geneva, sans-serif; padding:0px; margin: 0px 0px 3px 0px;} /* title */ .member_wrapper .content { width:400px; float:right;} .member_wrapper .content img { width:392px; height:300px; padding:1px; border:3px solid #171717; background:#424242;} .member_wrapper .content p {} /* ------------------------ EVENT PAGE ------------------------ */ /* TEASER */ .event_wrapper { border:1px solid #0d0d0d; width:600px; float:left; margin: 10px 0px 20px 0px;} .event_wrapper h2 {color:#ffcc00; font:bold 16px/normal Verdana, Geneva, sans-serif; text-transform:uppercase; padding: 3px 0px 3px 5px; margin: 0px 0px 5px 0px; background:#0d0d0d;} /* title */ .event_wrapper h3 {color: #fff; font:bold 12px/normal Verdana, Geneva, sans-serif; padding: 0px 0px 0px 5px; margin: 0px 0px 0px 0px;} /* date */ .event_thumb { width:150px; float:left; text-align:center;} .event_thumb img { margin: 15px auto 10px auto; border:2px solid #0d0d0d; padding:1px; background-color:#373737} .event_thumb a img { margin: 15px auto 10px auto; border:2px solid #0d0d0d; padding:1px; background-color:#373737} .event_thumb a:hover img {border:2px solid #373737; padding:1px; background-color:#0d0d0d;} .event_wrapper .content { /*width:430px; float:left;*/ margin: 0px 20px 0px 20px;} .event_wrapper .more { width:600px; float:left; background:#1b1b1b; text-align:right;} .more a {} .more a { -moz-box-shadow:inset 0px 1px 0px 0px #fff6af; -webkit-box-shadow:inset 0px 1px 0px 0px #fff6af; box-shadow:inset 0px 1px 0px 0px #fff6af; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23) ); background:-moz-linear-gradient( center top, #ffec64 5%, #ffab23 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23'); background-color:#ffec64; -moz-border-radius:24px; -webkit-border-radius:24px; border-radius:24px; border:1px solid #ffaa22; display:inline-block; color:#333333; font-family:arial; font-size:11px; font-weight:bold; padding:0px 20px; text-decoration:none; text-shadow:1px 1px 0px #ffee66; margin:3px; text-transform:uppercase; } .more a:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64) ); background:-moz-linear-gradient( center top, #ffab23 5%, #ffec64 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64'); background-color:#ffab23; } /* CSS3 */ .event_wrapper { -webkit-border-radius: 10px; border-radius: 10px;} .event_wrapper h2 { -webkit-border-radius: 9px 9px 0px 0px; border-radius: 9px 9px 0px 0px;} .event_wrapper .more { -webkit-border-radius: 0px 0px 9px 9px; border-radius: 0px 0px 9px 9px;} /* FULL */ .event_full_wrapper { width:600px; float:left; margin-bottom:20px; } .event_full_wrapper h3 {color: #fff; font:bold 12px/normal Verdana, Geneva, sans-serif; padding: 0px 0px 0px 5px; margin: 0px 0px 0px 0px;} /* date */ .event_full_wrapper h4 {color: #CCC; font:normal 12px/normal Verdana, Geneva, sans-serif; padding: 10px; margin: 10px 10px 10px 20px; background:#0d0d0d;} /* location */ .event_full_thumb { width:160px; float:left; text-align:center;} .event_full_thumb img { margin: 15px auto 10px auto; border:2px solid #0d0d0d; padding:1px; background-color:#373737} .event_full_wrapper .content {/* width:430px; float:left; padding: 0px 0px 0xp 0px;*/ margin: 0px 20px;} .event_price { color:#ffcc00; padding:0px 0px 20px 0px;} .event_full_wrapper h4 { -webkit-border-radius: 10px; border-radius: 10px;} .event_button a, .event_button input { -moz-box-shadow:inset 0px 1px 0px 0px #bee2f9; -webkit-box-shadow:inset 0px 1px 0px 0px #bee2f9; box-shadow:inset 0px 1px 0px 0px #bee2f9; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #63b8ee), color-stop(1, #468ccf) ); background:-moz-linear-gradient( center top, #63b8ee 5%, #468ccf 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#63b8ee', endColorstr='#468ccf'); background-color:#63b8ee; -moz-border-radius:24px; -webkit-border-radius:24px; border-radius:24px; border:1px solid #3866a3; display:inline-block; color:#14396a; font-family:arial; font-size:13px; font-weight:bold; padding:3px 16px; text-decoration:none; text-shadow:1px 1px 0px #7cacde; margin-bottom:15px; } .event_button a:hover, .event_button input:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #468ccf), color-stop(1, #63b8ee) ); background:-moz-linear-gradient( center top, #468ccf 5%, #63b8ee 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#468ccf', endColorstr='#63b8ee'); background-color:#468ccf; } /* ------------------------ TRIP REPORTS ------------------------ */ /* TEASER */ .trip_report_wrapper { border:1px solid #0d0d0d; width:600px; float:left; margin: 10px 0px 20px 0px;} .trip_report_wrapper h2 {color:#ffcc00; font:bold 16px/normal Verdana, Geneva, sans-serif; text-transform:uppercase; padding: 3px 0px 3px 5px; margin: 0px 0px 5px 0px; background:#0d0d0d;} /* title */ .trip_report_wrapper h3 {color: #fff; font:bold 12px/normal Verdana, Geneva, sans-serif; padding: 0px 0px 0px 5px; margin: 0px 0px 0px 0px;} /* date */ .trip_report_thumb { width:150px; float:left; text-align:center;} .trip_report_thumb img { margin: 15px auto 10px auto; border:2px solid #0d0d0d; padding:1px; background-color:#373737} .trip_report_thumb a img { margin: 15px auto 10px auto; border:2px solid #0d0d0d; padding:1px; background-color:#373737} .trip_report_thumb a:hover img {border:2px solid #373737; padding:1px; background-color:#0d0d0d;} .trip_report_wrapper .content { /*width:430px; float:left;*/ margin: 0px 20px 0px 20px;} .trip_report_wrapper .more { width:600px; float:left; background:#1b1b1b; text-align:right;} #show_trip_report_map, #hide_trip_report_map {-moz-box-shadow:inset 0px 1px 0px 0px #fff6af; -webkit-box-shadow:inset 0px 1px 0px 0px #fff6af; box-shadow:inset 0px 1px 0px 0px #fff6af; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23) ); background:-moz-linear-gradient( center top, #ffec64 5%, #ffab23 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23'); background-color:#ffec64; -moz-border-radius:24px; -webkit-border-radius:24px; border-radius:24px; border:1px solid #ffaa22; display:inline-block; color:#333333; font-family:arial; font-size:11px; font-weight:bold; padding:0px 20px; text-decoration:none; text-shadow:1px 1px 0px #ffee66; margin:3px; text-transform:uppercase; float:right; cursor:pointer; } /* CSS3 */ .trip_report_wrapper { -webkit-border-radius: 10px; border-radius: 10px;} .trip_report_wrapper h2 { -webkit-border-radius: 9px 9px 0px 0px; border-radius: 9px 9px 0px 0px;} .trip_report_wrapper .more { -webkit-border-radius: 0px 0px 9px 9px; border-radius: 0px 0px 9px 9px;} /* FULL */ .trip_report_full_wrapper { width:600px; float:left; margin-bottom:20px; } .trip_report_full_wrapper h3 {color: #fff; font:bold 12px/normal Verdana, Geneva, sans-serif; padding: 0px 0px 0px 5px; margin: 0px 0px 0px 0px;} /* date */ .trip_report_full_wrapper h4 {color: #CCC; font:normal 12px/normal Verdana, Geneva, sans-serif; padding: 10px; margin: 10px 10px 10px 20px; background:#0d0d0d;} /* location */ .trip_report_full_thumb { width:160px; float:left; text-align:center;} .trip_report_full_thumb img { margin: 15px auto 10px auto; border:2px solid #0d0d0d; padding:1px; background-color:#373737} .trip_report_full_wrapper .content {/* width:430px; float:left; padding: 0px 0px 0xp 0px;*/ margin: 0px 20px;} .trip_report_price { color:#ffcc00; padding:0px 0px 20px 0px;} .trip_report_full_wrapper h4 { -webkit-border-radius: 10px; border-radius: 10px;} .trip_report_button a, .trip_report_button input { -moz-box-shadow:inset 0px 1px 0px 0px #bee2f9; -webkit-box-shadow:inset 0px 1px 0px 0px #bee2f9; box-shadow:inset 0px 1px 0px 0px #bee2f9; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #63b8ee), color-stop(1, #468ccf) ); background:-moz-linear-gradient( center top, #63b8ee 5%, #468ccf 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#63b8ee', endColorstr='#468ccf'); background-color:#63b8ee; -moz-border-radius:24px; -webkit-border-radius:24px; border-radius:24px; border:1px solid #3866a3; display:inline-block; color:#14396a; font-family:arial; font-size:13px; font-weight:bold; padding:3px 16px; text-decoration:none; text-shadow:1px 1px 0px #7cacde; } .trip_report_button a:hover, .trip_report_button input:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #468ccf), color-stop(1, #63b8ee) ); background:-moz-linear-gradient( center top, #468ccf 5%, #63b8ee 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#468ccf', endColorstr='#63b8ee'); background-color:#468ccf; } /* 5.9 SHOPPING CART (styling of the base ubercart install - Chad 240310) -------------------------------------------------------------------------------*/ input { cursor:pointer;} /* ------- MAIN PRODUCT LISTING PAGE ------- */ /* styles over-all table */ div.view-uc-products table.views-table { width:660px; background:#fff; border:1px solid #003e25; margin: 20px auto;} /* thumbnail images */ div.view-uc-products table.views-table a img { border:1px solid #003e25;} div.view-uc-products table.views-table a:hover img { border:1px solid #fff; opacity:.75; filter: alpha(opacity=75); -moz-opacity: 0.75;} /* table head */ div.view-uc-products table.views-table thead { background-color:red; color:#999; font: bold 14px/normal Verdana, Geneva, sans-serif;} div.view-uc-products table.views-table thead th { padding: 5px;} div.view-uc-products table.views-table thead a { color:#fff;} /* table rows */ div.view-uc-products table.views-table td { padding:10px;} div.view-uc-products tr.odd, div.view-uc-products tr.odd td.active { background-color:#fcf7d9;} div.view-uc-products tr.even, div.view-uc-products tr.even td.active { background-color: #e8dfb4;} /* ------- INDIVIDUAL PRODUCT LISTING PAGE ------- */ /* thumbnail images */ div.main-product-image a img { border:1px solid #e8e8e8;} div.main-product-image a:hover img { border:1px solid #000;} /* product details */ div.product-info .uc-price { font-weight:bold; color:#0b97f8;} div.product-info span.uc-price-display { display:none;}/* second price under photo */ div.product-body { margin: 10px 30px;} /* description */ div.model { font-style:italic; font-size:11px;} /* product model */ div.taxonomy, span.submitted { display:none;} /* sumbitted by and breadcrumbs */ /* ------- SHOPPING CART PAGE ------- */ div#cart-form-pane thead { background-color: #666666; color:#fcc400; font: bold 12px/normal Verdana, Geneva, sans-serif;} div#cart-form-pane thead th { padding: 5px;} div#cart-form-pane thead a { color:#fcc400;} /* table rows */ #cart-form-products table { border-collapse: collapse;} #cart-form-products tbody td { padding:10px;} #cart-form-products tr.odd, #cart-form-products tr.odd td.active { background-color:#f7f7f7;} /* form buttons at bottom of page */ #cart-form-buttons { border:1px solid #000; background:#323232; margin: 2px 0px 20px 0px; text-align:right; width:600px; float:left; } #cart-form-buttons input { float:right; padding:0px; margin: 0px;} #cart-form-buttons a { color: #3CF; } #continue-shopping-link { width: 200px; float:left;} form#uc-cart-checkout-form fieldset { background:#000;} /* ------- CATALOG LISTING PAGE ------- */ img.category { display:none;} table.category-products { width:600px; background:#000; border:1px solid #000; margin: 20px auto; border-collapse: collapse;} /* table head */ table.category-products thead { background-color:#4c4d51; color:#fff; font: bold 14px/normal Verdana, Geneva, sans-serif;} table.category-products thead th { padding: 5px;} table.category-products thead a { color:#fecb00;} /* table rows */ table.category-products td { padding:10px;} tr.odd, #checkout-instructions tr.odd, #cart-form-products tr.odd, table.category-products tr.odd, table.category-products tr.odd td.active { background-color:#363636;} tr.even, #checkout-instructions tr.even, #cart-form-products tr.even, table.category-products tr.even, table.category-products tr.even td.active { background-color: #3f3f3f;} /* thumbnail images */ table.category-products a img { border:1px solid #999;} table.category-products a:hover img { border:1px solid #000;} /* sidebar cart categories */ #column_one ul.catalog { background:#4d5055; border: 1px solid #3d3f41; margin:20px 9px 0px 9px; padding: 10px 0px 10px 30px; } #column_one ul.catalog li { margin: 0px 0px 0px 0px; padding:0px 0px 0px 0px; color:#fff; padding-bottom:5px;} #column_one ul.catalog li a, #column_one ul.catalog li a:active, #column_one ul.catalog li a:link, #column_one ul.catalog li a:visited { font: normal 14px/normal Arial, Helvetica, sans-serif; color:#ffca02; letter-spacing:1px;} #column_one ul.catalog li a:hover { color:#fff; text-decoration:underline;} #column_one ul.catalog li span.trail { margin:0px; padding:0px; display:inline; line-height:normal;} #column_one ul.catalog li span.trail a { margin:0px; padding:0px; line-height:normal;} /* sidebar cart summary */ table.cart-block-summary { background:#3d3f41; border: 1px solid #2a2b2c; margin:5px 9px 20px 9px; padding: 5px 0px 5px 0px; width:200px;} table.cart-block-summary .cart-block-summary-total { border-bottom: 1px solid #2a2b2c; color:#fff; font:bold 12px/normal Arial, Helvetica, sans-serif; width:90px; overflow:hidden; float:right; display:block; text-align:center;} table.cart-block-summary .cart-block-summary-items { border-bottom: 1px solid #2a2b2c; color: #FC0; font:bold 12px/normal Arial, Helvetica, sans-serif; width:90px; overflow:hidden; float:left; display:block; text-align:center;} table.cart-block-summary .cart-block-summary-links { } table.cart-block-summary .cart-block-summary-links a { color: #FC0; font:normal 12px/normal Verdana, Geneva, sans-serif; text-decoration:underline;} table.cart-block-summary .cart-block-summary-links a:hover { color:#fff; } table.cart-block-summary .cart-block-summary-links ul.links li { border-right:1px solid #FC0; padding:0px; margin:0px;} table.cart-block-summary .cart-block-summary-links ul.links li.last { border: none; } table.cart-block-summary ul.links li { padding:0px; margin:0px; width:48%; overflow:hidden; float:left; display:block; text-align:center;} table.cart-block-summary ul.links ul { display:inline;} table.cart-block-summary ul.links li a { padding:0px; margin:0px;} #column_one ul.links li { font-size:90%; line-height:115%; margin-left:0px; padding-bottom:0px; } table.cart-block-summary td { padding:3px;} /* CSS3 */ #column_one ul.catalog { -webkit-border-radius: 5px; border-radius: 5px; } table.cart-block-summary { -webkit-border-radius: 5px; border-radius: 5px;} #column_two input.form-submit, div.uc_out_of_stock, div.back-link{ -moz-box-shadow:inset 0px 1px 0px 0px #f9eca0; -webkit-box-shadow:inset 0px 1px 0px 0px #f9eca0; box-shadow:inset 0px 1px 0px 0px #f9eca0; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f0c911), color-stop(1, #f2ab1e) ); background:-moz-linear-gradient( center top, #f0c911 5%, #f2ab1e 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0c911', endColorstr='#f2ab1e'); background-color:#f0c911; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; border:1px solid #e6ad45; display:inline-block; color:#000000; font-family:arial; font-size:11px; font-weight:bold; text-transform:uppercase; padding:2px 17px; text-decoration:none; text-shadow:1px 1px 0px #ded17c; } #column_two input.form-submit:hover, div.uc_out_of_stock:hover, div.back-link:hover{ -moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7; -webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7; box-shadow:inset 0px 1px 0px 0px #bbdaf7; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5) ); background:-moz-linear-gradient( center top, #79bbff 5%, #378de5 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5'); background-color:#79bbff; border:1px solid #84bbf3; color:#ffffff; text-decoration:none; text-shadow:1px 1px 0px #528ecc; } /*------------------------------------------------------------------------------- 5. DRUPAL -------------------------------------------------------------------------------*/ /* 5.1 LOGIN FORM -------------------------------------------------------------------------------*/ form#user-login-form { color: #000; margin: 10px 0px; padding:0px 0px; text-align:left; } form#user-login-form a { color: #b9b9be; text-decoration:none; } form#user-login-form a:hover { color:#000; text-decoration:underline; } form#user-login-form input { background:#999; border:1px solid #000; color:#fff } /* 5.2 SITE ADMIN MENU ------------------------------------------------------------------------------- #column_one ul.menu { margin:5px 0px; padding: 10px 0px 10px 20px; background:#0e2752; } #column_one ul.menu a, #column_one ul.menu a:active, #column_one ul.menu a:link { color:#fff; text-decoration:none; } #column_one ul.menu a:visited { color: #CCC; text-decoration:underline; } #column_one ul.menu a:hover { color:#2c7d9f; text-decoration:underline; }*/ /* 5.3 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; } /* 5.4 BLOCKS PAGE -------------------------------------------------------------------------------*/ table#blocks { width:auto; margin: 30px 20px 20px 20px;} table#blocks td.block { color:#000; } div.block-region { background:red; color:white; }/* block regions shown on layout */ table#blocks td.region { background:#000; color:#fff; padding-left:5px; padding-top:20px; }/* block region titles */ table#blocks td a { color: #FC0; } /* configure / delete link */ table#blocks td a:hover { color:#fff; } table#blocks td.block { color:#fff; }/* 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; } /* 5.6 GALLERY -------------------------------------------------------------------------------*/ div.gallery_thumbnail { width:135px; float:left; text-align:center; font:normal 11px/normal Verdana, Geneva, sans-serif; color:#a7460a; margin-top:5px;} div.content div.gallery_thumbnail a img { border:3px solid #e6e0b9; padding:1px;} div.content div.gallery_thumbnail a:hover img { border:3px solid #beb473; padding:1px; opacity:.75; filter: alpha(opacity=75); -moz-opacity: 0.75;} div.photo_gallery_thumbnail {width:135px; float:left; text-align:center; font:normal 11px/normal Verdana, Geneva, sans-serif; color:#a7460a; margin-top:5px;} div.photo_gallery_thumbnail a img { border:3px solid #e6e0b9; padding:1px;} div.photo_gallery_thumbnail a:hover img { border:3px solid #beb473; padding:1px; opacity:.75; filter: alpha(opacity=75); -moz-opacity: 0.75;} /* 6.66 PHOTOGRAPH -------------------------------------------------------------------------------*/ div.photograph-sidebar-data label { color:#FFCC00; } div.photograph-sidebar-data span.field-content { color:#FFFFFF; } div.photograph-thumbnail { width:180px; height:220px; float:left; margin:0px 10px 10px 0px; } /* MEMBERS PAGES */ .view-photo-lists .views-row, .view-video-lists .views-row { /*background:red;*/ display:block; float:left; width:200px; text-align:center; margin:10px 0px 0px 0px;} .photograph-thumbnail {} .photograph-thumbnail img { border: 3px solid #151515; margin: 0px auto; } .photograph-thumbnail-title {} .photograph-thumbnail-photographer {} .photograph-thumbnail-photographer a {} .views-field-title span.field-content a.active { color:#00D1D8; } table.views-table td { padding:2px; } table.views-table tr.odd td.active { /*border-left:1px solid #ffcc00; border-right:1px solid #ffcc00;*/ background-color: #464646; } table.views-table tr.even td.active { /*border-left:1px solid #ffcc00; border-right:1px solid #ffcc00;*/ background-color: #4f4f4f; } #navigation ul.menu li.donate a { text-align: center; color: red; font: normal 13px/15px Arial, Helvetica, sans-serif; margin: 0px; padding:2px 30px 2px 22px; text-decoration: none; text-transform: capitalize; height: auto; width: auto; display: block; float: left; background: url(../images/layout/nav-divider.gif) no-repeat left 7px; }