/* twitter bootstrap mods */ .form-group { border:0px solid; /* Debug */ max-width:100%; } .form-group input, .form-group textarea { max-width:100%; } .container { border:5px solid #333; } #menu_bot { /*background:#FFFFFF; */ /* needed to add for some reason */ } /* For jqmphp */ .ui-content { background: #FFFFFF; } /* Use the same font in the jquery ui widgets as on the page */ .ui-widget, .ui-widget button { font: normal 14px Arial,sans-serif; } /* http://locusoptimus.com/css-trickery/ie7-position-relative-bug.php In short, the bug causes the borderwidth of a relatively positioned ancestor to be added to the positive or negative value of a relatively positioned child element. It only occurs if an ancestor (even multiple 'generations' back) has position:relative [1] as well as a border. [1] only position:relative has effect; position:fixed, absolute, and floating have no influence. Adding a border-less relatively positioned wrapper between the #outer and #inner div solves it. */ /* To hide/show a table row in a way that works in IE, you can create a class "hide" and give it the rule "display:none". To hide a table row, assign the class to the row element, to show the row element just remove the class - don't try to assign "display:table-row", it won't work. */ .hide { display:none; } /* Page styles */ body { /************** font-size:14px; font-family:Arial,serif; font-style:normal; ******************/ font: normal 14px Arial,sans-serif; margin:0 auto; color:#000; background:#ccc; } img { border:0; } input, textarea { background:#FFFFFF; border-style:outset; /*border:1px solid #000;*/ border:1px solid #000; } input:hover,textarea:hover { border-color: #009; border-style:inset; -webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.175); box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.175); } select { background:#FFFFFF; max-width:100% !important; } hr { background:#000; } li { text-align:left; } form { margin-bottom:0; /* to override bootstrap from creating too much space */ } input[type="radio"] { width:1.5em; height:1.5em; vertical-align:bottom; } input[type="checkbox"] { width:1.25em; height:1.25em; vertical-align:sub; } input[type="button"], input[type="submit"] { border-style:outset; -moz-border-radius-topright: 8px; -moz-border-radius-topleft: 8px; -moz-border-radius-bottomright: 8px; -moz-border-radius-bottomleft: 8px; -webkit-border-top-right-radius: 8px; -webkit-border-top-left-radius: 8px; -webkit-border-bottom-right-radius: 8px; -webkit-border-bottom-left-radius: 8px; border-top-right-radius:8px; border-top-left-radius:8px; border-bottom-right-radius:8px; border-bottom-left-radius:8px; -moz-border-radius-topright: 8px; -moz-border-radius-topleft: 8px; -webkit-border-top-right-radius: 8px; -webkit-border-top-left-radius: 8px; border-top-right-radius:8px; border-top-left-radius:8px; } input[type="button"]:hover, input[type="submit"]:hover { /*border-style:inset;*/ /* not sure why, but it appears this adds width to border which changes layout on hover*/ /*background-color: #ddd;*/ } table { margin:0; padding:0; border:0; } /* login box */ #login_box { float:right; margin-right:20px; font-size:larger; } #login_box1, #signup_box1 { position:absolute; display:none; z-index: 1; right:0; top:-35px; } #login_box1 iframe, #signup_box1 iframe { height:400px; border:0; } .close_button { position:absolute; right:15px; top:10px; font-weight:bold; color:red; border:2px outset #f00; padding:1px 2px; -moz-border-radius-topright: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-top-right-radius: 4px; -webkit-border-top-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; border-top-right-radius:4px; border-top-left-radius:4px; border-bottom-right-radius:4px; border-bottom-left-radius:4px; -moz-border-radius-topright: 4px; -moz-border-radius-topleft: 4px; -webkit-border-top-right-radius: 4px; -webkit-border-top-left-radius: 4px; border-top-right-radius:4px; border-top-left-radius:4px; } .close_button:hover { text-decoration:underline; cursor:hand; cursor:pointer; border:2px inset #f66; } .close_button_div a[href="#"] img { vertical-align:middle; width:4em; } /* sa_main defined in menu.php and is the toplevel
*/ #sa_main { position:relative; margin:0 auto; text-align:center; max-width:980px !important; max-width:980px; border:5px solid #333; background:#FFFFFF; } #sa_main ul { text-align:left; } /* content defined on each page */ #content { color:#000; background:#FFFFFF; padding:0px; /* This overrides bootstrap rows which have padding left/right:15px */ margin:0px auto; position:relative; /* Added 5/17/2013 since now slidehshow is at top of page */ background-size:contain; } #content p, h1, h2, h3, h4, h5 { text-align:justify; margin-left:10px; margin-right:10px; } .slideshow_content { background-size:cover; } /* Change opacity on hover */ .c-opacity a:hover { opacity:0.5 } /********** START styles for header *******************/ #bgheader_image { margin-left:0; margin-right:0; background: url(//steamboatfinehomes.com/uploads/files/PUBLISH/COMMON/background_image_header.jpg); background-repeat:no-repeat; min-height:194px } #head_csitename { border:0px solid #fff; text-align:left; } #head_csitename div { vertical-align:middle; } #head_csitename a { color:#eee; font:Normal 24px Arial Black; text-decoration:none;; } #head_csitename a:hover { opacity:0.5 } #logo { border:0px solid #fff; padding-top:10px; text-align:left; padding-left:750px;} #logo a:hover { opacity:0.5 } #logo img { width:100%; } #no_logo img:hover { opacity:0.8 } #sitename { border:0px solid #fff; padding-top:68px; padding-left:75px;} #head_ctext { border:0px solid #fff; text-align:right; overflow-x:hidden; padding-top:5px; padding-right:10px; padding-bottom:10px; } #head_ctext a { text-decoration:none; font-weight:bold; color:#996; font:normal 14px Arial,sans-serif; } #head_ctext a:hover { opacity:0.5 } /********** END styles for header *******************/ /* to deal with an emtpy table column if menu_left not present */ #menu_left { width:100%; } #menu_left table { border-collapse:collapse; } /* Allow nested tables to have separate borders */ #menu_left table table { vertical-align:middle; border-collapse:separate; border:0px solid red; } #menu_home { /* for some reason $MENU is coming up as an undefined var in error log */ display:inline-block; } /* to deal with tables in *-text.html user files */ #content table p { margin-left:0; margin-right:0; } /* To deal with labels that bootrap has declared block and to add space*/ #contact_content td { border-bottom:1px solid #000; padding:10px 0; } #contact_content label { display:inline-block; } /* define a content class so can use it multiple times in a page */ .content { color:#000; background:#FFFFFF; max-width:980px; } /* For the search.php page */ #content_fullwidth { color:#000; background:#FFFFFF; /*max-width:980px;*/ width:100%; } /* define a content class so can use it multiple times in a page */ .content_fullwidth { color:#000; background:#FFFFFF; /*max-width:980px;*/ width:100%; } #saved_searches_wrapper { float:right; margin-right:200px; /* match width below! */ } #saved_searches { position:fixed; /* positioned relative to viewport! */ width:200px; /* match margin-right above! */ /*right:120px;*/ display:block; /*font-size:18px;*/ color:#000; /*padding:20px 10px;*/ /*border:2px outset #B5BFD2;*/ background-color: #B5BFD2; background:#eee; opacity:1.0; z-index:1; } #search_count { position:fixed; top:20%; font-size:18px; color:#000; padding:20px 10px; border:2px outset #B5BFD2; background:#eee; opacity:0.8; z-index:1; } /***** @media (max-width:767px) { #search_count, #saved_searches { top:100px; } } ****/ #saved_searches a { color:#00f; } /* Remove space around each saved search/listing */ .accordion ui-accordion { } .ajax_saved_searches.ui-accordion .ui-accordion-content { padding:0; } /* float any icons to the left of the accordion header */ .ui-accordion-header-icon { float:left; } /* #ajax_saved_searches.accordion .ui-accordion-content-active { width:200%; left:-100%; -webkit-transition:width .5s,left 1s; transition:width .5s,left 1s; } */ /* jquery icons - doesn't work since sprite image */ span.ui-accordion-header-icon.ui-icon.ui-icon-carat-1-2 { max-width:24px; max-height:24px; } #saved_searches h4, #more_search h4 { background-color:#fafafa; background-image:-moz-linear-gradient(top, #B5BFD2, #FFFFFF); background-image:-webkit-gradient(linear, 0 0, 0 100%, to(#B5BFD2), from(#FFFFFF)); background-image:-webkit-linear-gradient(top, #B5BFD2, #FFFFFF); background-image:-o-linear-gradient(top, #B5BFD2, #FFFFFF); background-image:linear-gradient(to bottom, #B5BFD2, #FFFFFF); background-repeat:repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(endColorstr='#fff2f2f2', startColorstr='#ffffffff', GradientType=0); } #saved_searches h4:hover, #more_search h4 { opacity:0.8; border-style:inset; } #displayResponse { background-color:#fafafa; background-image:-moz-linear-gradient(top, #FFFFFF, #B5BFD2); background-image:-webkit-gradient(linear, 0 0, 0 100%, to(#FFFFFF), from(#B5BFD2)); background-image:-webkit-linear-gradient(top, #FFFFFF, #B5BFD2); background-image:-o-linear-gradient(top, #FFFFFF, #B5BFD2); background-image:linear-gradient(to bottom, #FFFFFF, #B5BFD2); background-repeat:repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(endColorstr='#fff2f2f2', startColorstr='#ffffffff', GradientType=0); } /* Top Menu style */ /*** remove since overriding bootstrap div.menu div { display:inline-block; border:0px solid; } .menu div a { padding:0 5px; color:#009; } .menu a, #menu_left a, #menu_bot a { font-weight:normal; } ***/ #banner { background:url('//steamboatfinehomes.com/uploads/files/PUBLISH/COMMON/background_image_header.jpg'); border-bottom:0px solid #B5BFD2; background-repeat:no-repeat; background-position:center; width:100%; height:194px; border:none; } .menu li { font:14px Arial serif; } .menu_sub li { font:14px Arial,serif; } .menu_bot li { font:12px Arial,serif; } .menu td { font:14px Arial serif; padding-top:0px; padding-bottom:3px; background:#B5BFD2; font-weight:bold; text-align:center; border-bottom:1px solid #000; } .menu td:hover { background:#B5BFD2; } .menu td a { text-decoration:none; color:#000; } .menu td a:hover { text-decoration:underline; color:#009; } /* logic in menu.php for index and edit_template.php determines active class */ .menu td.active_left { background:#996; border-top:1px solid #000; border-right:2px solid #000; border-bottom:0; } .menu td.active_right { background:#996; border-top:1px solid #000; border-left:2px solid #000; border-bottom:0; } .menu td.active { background:#996; border-top:1px solid #000; border-right:2px solid #000; border-left:2px solid #000; border-bottom:0; } /* Cannot group the below like .menu td.active, td.active_left, td.active_right a {} */ .menu td.active a { color:#000; } .menu td.active_left a { color:#000; } .menu td.active_right a { color:#000; } .menu td.active a:hover { color:#000; text-decoration:none; /*cursor:default;*/ /*ie7 doesnt like */ } .menu td.active_left a:hover { color:#000; text-decoration:none; /*cursor:default;*/ /*ie7 doesnt like */ } .menu td.active_right a:hover { color:#000; text-decoration:none; /*cursor:default;*/ /*ie7 doesnt like */ } /* Left Menu style */ .menu_left { float:left; background:#B5BFD2; width:150px; color:#000; border:0px solid #000; text-align:left; padding-top:50px; margin-right:0px; } .menu_left td { background:#eee; font:14px Arial, sans-serif; padding-top:3px; padding-bottom:3px; background:#eee; font-weight:bold; padding-left:10px; vertical-align:top; /*border-bottom:1px solid #000;*/ } .menu_left td:hover { background:#eee; } .menu_left td a { text-decoration:none; color:#000; text-align:left; } .menu_left td a:hover { text-decoration:underline; color:#009; } /* logic in menu.php for index and edit_template.php determines active class */ .menu_left td.active { background:#FFFFFF; } /* Cannot group the below like .menu_left td.active, td.active_left, td.active_right a {} */ .menu_left td.active a { color:#000; border:none; } .menu_left td.active a:hover { color:#000; text-decoration:none; /*cursor:default;*/ /*ie7 doesnt like */ } /* Bottom Menu style */ .menu_bot { display:inline-block; /*margin:50px auto;/* /* logo is 100px */ text-align:center; } .menu_bot td, .menu_bot div { font:12px Arial,serif; padding:1px 20px; background:url('//steamboatfinehomes.com/uploads/files/PUBLISH/COMMON/menu_bot.jpg'); font-weight:normal; text-align:center; } .menu_bot td:hover, .menu_bot div:hover { background:#999; } .menu_bot td a, .menu_bot div a { text-decoration:none; color:#fff; } .menu_bot td a:hover, .menu_bot div a:hover { text-decoration:underline; color:#ddd; } #foot_wrapper { margin-top:10px; background-color:#fafafa; background-image:-moz-linear-gradient(top, #FFFFFF, #B5BFD2); background-image:-webkit-gradient(linear, 0 0, 0 100%, to(#FFFFFF), from(#B5BFD2)); background-image:-webkit-linear-gradient(top, #FFFFFF, #B5BFD2); background-image:-o-linear-gradient(top, #FFFFFF, #B5BFD2); background-image:linear-gradient(to bottom, #FFFFFF, #B5BFD2); background-repeat:repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(endColorstr='#fff2f2f2', startColorstr='#ffffffff', GradientType=0); } #footer_text { color: #333; font: normal 14px Arial,sans-serif; } /* Submenu style */ .submenu { font:14px Arial,serif; background:#FFFFFF; /* Make BGCONTENTCOLOR so navbar fades into this color nicely */ } .submenu a { text-decoration:none; color:#666; font-weight:normal; } .submenu a:hover { text-decoration:underline; color:#009; } /* 576px, 768px, 992px, 1200px */ /* when menu bar appears, don't cover credits */ @media (max-width:767px) { #credits { margin-bottom:20px; } } .map {background:#ddd} .topheader {background:#FFFFFF; color: #000000; text-align: center; padding:5px 0;} .th { clear:left; font-weight:bold; } .tr div { float:left; margin-left:10px; } /* Search styles */ .search_area_group_name { font-style:italic; text-align:left; padding:1em 0 0 1em; } .res_search_details { float:left; border:0px solid; } .res_search_details div { float:left; text-align:left; margin-left:10px; } .sum_searches div { clear:left; float:left; text-align:left; } .courtesy { margin-top:10px; font-style:italic; } .disclaimer { clear:both; margin:10px auto; width:95%; text-align:center; color:#999; font-size:0.75em; font-style:italic; border-bottom: 0px solid #FFFFFF; } .search_details { margin-left:10px; vertical-align:top; } .list_details { text-align:left; padding:1px 10px; margin:1px 0; } /* Hide TrackView classes for now and let jquery show them so we can always register a click */ .TrackView { display:none; } /* img.TrackView allows the spinning widgets in search results, and li.TrackView allows the main slideshow image */ img.TrackView, li.TrackView, .customHtml .TrackView { display:inline-block; } #content .longlist.subdivision .toggleset { width:573px; } #content .longlist.subdivision { border:solid 1px #000; } #subdivision { width:585px; margin:0px 0px 0px 10px; } #content .longlist #subdivisionList li { width:32% !important; } #content .longlist #subdivisionList li label { width:100% !important; } #subdivision_search { font-size:smaller; font-style:italic; } #subdivision_list { position:absolute; background:#FFFFFF; color:#000; width:100%; max-height:400px; left:15px; overflow:auto; font-size:smaller; border:2px dotted #333; padding-bottom:10px; } #subdivision_msg { text-align:center; font-size:larger; font-style:italic; border:none; } /* general styles*/ .smaller { font-size:smaller; } .larger { font-size:larger; } .italic { font-style:italic; } .bold { font-weight:bold; } .nowrap { white-space:nowrap; } .list-unstyled { padding-left: 0; list-style: none; } /* group */ .group:before, .group:after { content:""; display:table; } .group:after { clear:both; } .group { zoom:1; /* For IE 6/7 (trigger hasLayout) */ } .rightheader {background:#FFFFFF; color: #000000; text-align: right} .subheader {background:#e7e7cc; color: #000000; text-align: center} .run_search {color:#006600;font-weight:bold;border:2px outset} .run_search:hover {border-style:inset} .small_check {font-size:12pt} .edit { color:#fff; font-size: 14px; white-space:nowrap; font-weight:bold; background:red; border:2px outset; } .edit_label { color:red; font-size: 14px; white-space:nowrap; font-weight:bold; text-align:left; } .val_err { padding-left: 20px; font-style: italic; } .val_err img{ vertical-align:middle } /* define a wrapper class for lead buttons */ .lead_button { background:#ddd; padding-top:15px; margin-bottom:10px; } /* define a button class for a link so can use it multiple times in a page */ .button { width:100%; margin:0 auto 15px auto; text-align:center; line-height:25px; /* needed to separate anchors that run accross 2 lines */ } .button a, div.button { padding:5px 10px; margin:5px; border:2px inset #000; /*border:2px outset #000;*/ text-decoration:none; background:#ddd; /*background:#FFFFFF;*/ color:#000; border:2px solid #B5BFD2; -moz-border-radius-topright: 8px; -moz-border-radius-topleft: 8px; -moz-border-radius-bottomright: 8px; -moz-border-radius-bottomleft: 8px; -webkit-border-top-right-radius: 8px; -webkit-border-top-left-radius: 8px; -webkit-border-bottom-right-radius: 8px; -webkit-border-bottom-left-radius: 8px; border-top-right-radius:8px; border-top-left-radius:8px; border-bottom-right-radius:8px; border-bottom-left-radius:8px; } .button a:hover, div.button:hover { border-color:#009; border-style:outset; text-decoration:underline; cursor: hand; cursor: pointer; } /* define a wrapper class for lead links */ .link { width:100%; margin:0 auto 5px; text-align:center; } /* define a wrapper class for the tabs in index_multiple.php tabbed slidesho */ .tab { float:left; margin:10px 10px 0px 0px; padding:4px; font-weight:bold; font-size:smaller; -moz-border-radius-topright: 8px; -moz-border-radius-topleft: 8px; -webkit-border-top-right-radius: 8px; -webkit-border-top-left-radius: 8px; border-top-right-radius:8px; border-top-left-radius:8px; } .tab a:hover { text-decoration:underline; cursor: hand; cursor: pointer; } /* get rid of margin-top for first headings on page */ h1:first-of-type, h2:first-of-type, h3:first-of-type, h4:first-of-type, h5:first-of-type { margin-top:0; } /* get rid of any margin-top for user text */ div.slideshow_text h1, div.slideshow_text h2, div.slideshow_text h3, div.slideshow_text h4, div.slideshow_text h5, div.slideshow_text p { text-align:justify; margin:10px 20px 10px; } div.slideshow_text div { float: left; margin:10px; text-align: center; font-weight: bold; font-style:italic; } /* right hand side (RHS) widgets */ #quickwidgets { margin-top:10px; margin-right:-5px; /* Reduce 15px margin from bootstrap*/ margin-left:-5px; /* Reduce 15px margin from bootstrap*/ } .share-inline-header-twitter iframe { max-width:100%; } .quicksearch, .leadbox, .callouts, .marquee, .social, .quickview { padding:2px; margin-bottom:5px; background:#ddd; /*background:#B5BFD2; */ border:2px solid #B5BFD2; -moz-border-radius-topright: 8px; -moz-border-radius-topleft: 8px; -moz-border-radius-bottomright: 8px; -moz-border-radius-bottomleft: 8px; -webkit-border-top-right-radius: 8px; -webkit-border-top-left-radius: 8px; -webkit-border-bottom-right-radius: 8px; -webkit-border-bottom-left-radius: 8px; border-top-right-radius:8px; border-top-left-radius:8px; border-bottom-right-radius:8px; border-bottom-left-radius:8px; /*color:#000;*/ color:#000; /*max-width:250px;*/ /*float:right;*/ } .leadbox label { clear:left; float:left; padding-top:4px; padding-left:10px; display:inline-block; /*max-width:70px;*/ text-align:left; } .leadbox a { color:#000; } .leadbox a:hover { color:#009; } .callouts li a { /* color:#000; */ } .callouts li a:hover { color:#009; } .marquee { height:150px; overflow:auto; text-align:left; font-style:italic; font-size:smaller; } .marquee p { padding:0 5px; } .leadbox { text-align:center; } .quicksearch { text-align:center; position:fixed; top:25%; /* match top in template_end when switching fixed/absolute */ width:230px; opacity:0.95; background:#FFFFFF; z-index:1; /* So on top of bottom menu and bottom contact form */ /*border:2px solid #B5BFD2;*/ /*background: -webkit-linear-gradient(left, rgba(255,0,0,0), rgba(255,0,0,1));*/ /* For Safari 5.1 to 6.0 */ /*background: -o-linear-gradient(right, rgba(255,0,0,0), rgba(255,0,0,1));*/ /* For Opera 11.1 to 12.0 */ /*background: -moz-linear-gradient(right, rgba(255,0,0,0), rgba(255,0,0,1));*/ /* For Firefox 3.6 to 15 */ /*background: linear-gradient(to right, rgba(255,0,0,0), rgba(255,0,0,1));*/ /* Standard syntax (must be last) */ /* border-background: -webkit-linear-gradient(left, rgba(255,0,0,0), rgba(255,0,0,1)); border-background: -o-linear-gradient(right, rgba(255,0,0,0), rgba(255,0,0,1)); border-background: -moz-linear-gradient(right, rgba(255,0,0,0), rgba(255,0,0,1)); border-background: linear-gradient(to right, rgba(255,0,0,0), rgba(255,0,0,1)); */ box-shadow: 0px 0px 2px 2px #B5BFD2; } .quicksearch h3 { color:#009; font-weight:bold; background-color:#B5BFD2; background-image:-moz-linear-gradient(top, #B5BFD2, #FFFFFF); background-image:-webkit-gradient(linear, 0 0, 0 100%, to(#B5BFD2), from(#FFFFFF)); background-image:-webkit-linear-gradient(top, #B5BFD2, #FFFFFF); background-image:-o-linear-gradient(top, #B5BFD2, #FFFFFF); background-image:linear-gradient(to bottom, #B5BFD2, #FFFFFF); background-repeat:repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(endColorstr='#fff2f2f2', startColorstr='#ffffffff', GradientType=0); } .quicksearch .form-group { margin-bottom:5px; } /* Remove space around each saved search/listing */ .ui-accordion .ui-accordion-content { padding:0; } .callouts { text-align:left; font-style:italic; } .callouts h3 { margin-left:2px; } .callouts ul { padding-left:15px; /* not needed with bootstrap v2, but needed with 3.2.0 */ margin-top:-5px; } .callouts ul select { margin-left:-10px; /* move slect box back to left to take up some padding-left specified above */ } .quicksearch hr { margin:5px auto; } .quicksearch select { font-size:smaller; /*width:80px;*/ } /* Media styles for 320x568 (iphone) */ @media (min-width:320px) and (max-width:568px) and (orientation: portrait) { .quicksearch { width:300px; } } @media (min-width:320px) and (max-width:568px) and (orientation: landscape) { .quicksearch { width:400px; top:10px; } .quicksearch hr { margin:1px auto; } } /* To make an responsive, wrap in
and remove width/height attributes */ .embed-container { height: 0; width: 96%; margin:0 auto; padding-bottom: 56.25%; /* 9/16 = 0.5625 which gives container aspect ratio */ overflow: hidden; position: relative; } .embed-container iframe, .embed-container object, .embed-container embed { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .contact_submit { position:fixed; z-index:9999; /* on top of Zopim chat */ right:10px; /* matches Zopim chat */ bottom:200px; /* above Zopim chat */ width:240px; /* matches Zopim chat */ padding:20px; background:#FFFFFF; border:1px outset; -moz-border-radius-topright: 8px; -moz-border-radius-topleft: 8px; -moz-border-radius-bottomright: 8px; -moz-border-radius-bottomleft: 8px; -webkit-border-top-right-radius: 8px; -webkit-border-top-left-radius: 8px; -webkit-border-bottom-right-radius: 8px; -webkit-border-bottom-left-radius: 8px; border-top-right-radius:8px; border-top-left-radius:8px; border-bottom-right-radius:8px; border-bottom-left-radius:8px; } /* Twitter bootsrap mods */ .navbar { min-height:initial; margin-bottom:0; font:14px Arial serif; } /************ .navbar .nav>li>a { color:#000; } .navbar .nav>li>a:hover { color:#009; } ********************/ /* Add border radius to top of uppermost menu items so mouseover looks nice */ .navbar .nav>li>a { padding-top:10px; /* decrease the padding so hover does not look too big */ padding-bottom:10px; /* decrease the padding so hover does not look too big */ -moz-border-radius-topright: 20px; -moz-border-radius-topleft: 20px; /*-moz-border-radius-bottomright: 20px;*/ /*-moz-border-radius-bottomleft: 20px;*/ -webkit-border-top-right-radius: 20px; -webkit-border-top-left-radius: 20px; /*-webkit-border-bottom-right-radius: 20px;*/ /*-webkit-border-bottom-left-radius: 20px;*/ border-top-right-radius:20px; border-top-left-radius:20px; /*border-bottom-right-radius:20px;*/ /*border-bottom-left-radius:20px;*/ } /* Change above to make all dropdown links the same as top menu links */ .navbar .nav li>a { color:#000; } .navbar .nav li>a:hover { /*border: 1px solid rgba(0, 0, 0, 0.15);*/ /* Cant have border appearing on hover since extra pixel moves menu items left/right and also up/down */ color:#009; /*background-color:#ddd;*/ background-color:#B5BFD2; /* match bootstrap border and box-shadow for .dropdown-menu */ -webkit-box-shadow:0 6px 12px rgba(0, 0, 0, 0.175); -moz-box-shadow:0 6px 12px rgba(0, 0, 0, 0.175); box-shadow:0 6px 12px rgba(0, 0, 0, 0.175); text-decoration:underline; } .navbar .nav li li>a:hover { border: none; /* cleaner not showing bordr on hover since have box-shadow */ /* addtop box-shadow -match bootstrap border and box-shadow for .dropdown-menu */ -webkit-box-shadow:0 0px 6px rgba(0, 0, 0, 0.5) inset; -moz-box-shadow:0 0px 6px rgba(0, 0, 0, 0.5) inset; box-shadow:0 0px 6px rgba(0, 0, 0, 0.5) inset; } /* 2nd level of menu*/ .dropdown-menu { border-top:0; /* continuous look from mousover highlight in main menu */ /* border:0;*/ /* May want to turn off all dropdown borders so matches top menu link exactly? */ background-color:#fafafa; background-image:-moz-linear-gradient(top, #B5BFD2, #f2f2f2); background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#B5BFD2), to(#f2f2f2)); background-image:-webkit-linear-gradient(top, #B5BFD2, #f2f2f2); background-image:-o-linear-gradient(top, #B5BFD2, #f2f2f2); background-image:linear-gradient(to bottom, #B5BFD2, #f2f2f2); background-repeat:repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0); } ul.dropdown-menu li li { list-style:none; margin-left:-20px; padding-left:10px; } ul.dropdown-menu li li:hover { /*background-color:#ddd;*/ background-color:#B5BFD2; } .dropdown-menu li>a { line-height:1.3; /* bootstrap 1.42857143had but too space between li */ } .dropdown-menu>li>a { padding:0 20px; /* bootstrap had 3px 20px, but too much space between li */ } /* not needed since added underline to .navbar .nav li>a class above .dropdown-menu>li>a:hover { text-decoration:underline; } */ .navbar-collapse { min-height:40px; padding-left:20px; padding-right:20px; background-color:#fafafa; background-image:-moz-linear-gradient(top, #B5BFD2, #f2f2f2); background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#B5BFD2), to(#f2f2f2)); background-image:-webkit-linear-gradient(top, #B5BFD2, #f2f2f2); background-image:-o-linear-gradient(top, #B5BFD2, #f2f2f2); background-image:linear-gradient(to bottom, #B5BFD2, #f2f2f2); background-repeat:repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0); border:0px solid #d4d4d4; /************** no need for border radius -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; *******************/ -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.065); -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.065); box-shadow:0 1px 4px rgba(0, 0, 0, 0.065); zoom:1; } /* override bootstrap to round top right edge of dropdown */ .navbar-nav>li>.dropdown-menu { -moz-border-radius-topright: 20px; -webkit-border-top-right-radius: 20px; border-top-right-radius:20px; } .navbar-nav { float:none; display:inline-block; } ul.navbar-nav { margin-left:50px; } nav.navbar.navbar-default { border:0px; } /* Remove padding on either side of the menu bar only for desktops*/ @media (min-width:768px) { nav.navbar.navbar-default div { padding-right:0; padding-left:0; } }

Saved Searches

loading...