/***************************************************************** Discovery.bmc.com (a.k.a. Tideway.com) sitewide.css Contains CSS that is common to all pages Adrian Long CONTENTS: 1000 - Block Tags 2000 - Inline Tags 3000 - Top Level Layout 4000 - Second Level Layout 5000 - Page Sections 5100 - #header & #mast specific 5200 - #utility, #mainnav & #headercrumbs specific 5400 - #hero specific 5600 - #footer specific 5700 - Lightbox styles 8000 - Shared Classes 9000 - SIFR styles *****************************************************************/ /**** 1000 - Block Tags ****/ /* body { margin: 0px; padding: 0px; background: #e3e3e3 url(../i/bg/bodybg.gif) top left repeat-x; font: normal 75% "Trebuchet MS", arial, sans-serif; color: #636363; }*/ body { margin: 0px; padding: 0px; background: #203443 url(//media.cms.bmc.com/designimages/bg_dark_blue_subpage_8.png) top left repeat-x; font: normal 75% "Arial","Helvetica","Verdana",sans-serif; color: #636363; } h1 { font-size: 1.4em; font-weight: bold;} h2 { font-size: 1.2em; font-weight: bold;} h3 { font-size: 1em; font-weight: bold; } /**** 2000 - Inline Tags ****/ h1 a, h2 a, h3 a { color: #000; text-decoration: none; } h1 a:visited, h2 a:visited, h3 a:visited { color: #000; } h1 a:hover, h1 a:focus, h2 a:hover, h2 a:focus, h3 a:hover, h3 a:focus { color: #c30; } img.icon { border: 0px; } a { color: #0D8DE3; } a:visited { color: #0D8DE3; } a:hover, a:focus { color: #18a7fc; } /**** 3000 - TOP LEVEL LAYOUT ****/ /* Top Level Layout Blocks */ #header, #mainnav, #content, #supplementary, #footer { width: 990px; margin: 0px auto; padding: 0px; } #header { margin: 0px auto 0px auto; padding-top: 8px; height: 42px; } #mainnav { height: 30px; } #headercrumbs { width: 960px; margin: 0px auto; padding: 9px 15px 13px 15px; background: #fff url(//media.cms.bmc.com/designimages/corner_bar_990.gif) top left no-repeat; font-size: 11px; clear: both; } #content { z-index: 0; width: 945px; min-height: 300px; padding: 1px 20px 48px 25px; background: #fff; } /* fix to make container actually contain its floated children */ #content:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #content { display: inline-block; } #content { display: block; } /* end fix */ /**** 4000 - SECOND LEVEL LAYOUT ****/ /* Main Navigation */ #mainnav #mainnav_container { width: 691px; height: 30px; padding-bottom: 0px; float: right; background: url("/i/bg/bg_newtabbar.png"); } #mainnav #tabs { display: block; padding: 0px; margin: 0px; height: 30px; list-style-type: none; float: left; } #mainnav_spacer { height:20px; font-size:1px; } /**** 5000 - Page Sections: ****/ /**** 5100 - #header & #mast specific typography (BLOCK) ****/ /* header */ #header h1, #header h2 { margin: 0; padding: 0; } #header h1, #header h2 { margin: 0; padding: 0; } /* mast */ #mast { width: 245px; height: 44px; margin: 0px 0px 0px 25px; float: left; position: relative; top: 40px; } #mast h1, #mast h2 { width: auto; float: left; } #mast h2 { font-size: 15px; line-height: 18px; padding: 24px 0 0 18px; } #mast h1 a { display: block; width: 245px; height: 36px; background: url(/i/bmc_disco_logo.gif?rev=2) no-repeat top left; text-indent: -9999px; } /**** 5200 - #utility & #mainnav specific ****/ /* utility */ #utility { font-size: 11px; color: #fff; float: right; margin-top: 7px; margin-right: 24px; } #utility ul { list-style-type: none; margin: 0px; padding: 0px; float: right; } #utility ul li { display: inline; line-height: 1.4em; padding: 0px 0px 0px 25px; } #utility a:link { text-decoration: none; color: #fff; } #utility a:visited, #utility a:active { text-decoration: none; color: #fff; } #utility a:hover { text-decoration: none; color: #0d97f2; } /* mainnav tabs*/ #mainnav #tabs li { display: block; float: left; } /* mainnav tab links */ #mainnav #tabs li a { display: block; float: left; font-size: 12px; line-height: 30px; font-weight: bold; height: 30px; margin: 0; padding: 0px 14px; text-decoration: none; } #mainnav #tabs li a:link { color: #000; } #mainnav #tabs li a:visited { color: #000; } #mainnav #tabs li a:active { color: #000; } #mainnav #tabs li a:hover { color: #fff; background: url("//media.cms.bmc.com/designimages/bg_topnav_selected_new.gif") repeat-x scroll left top transparent; } /* mainnav specific tabs */ #mainnav #tabs li.home a { background: url("//media.cms.bmc.com/designimages/bg_topnav_corner_l_new.gif") no-repeat scroll left top transparent; } #mainnav #tabs li.home a:hover { background: url("//media.cms.bmc.com/designimages/bg_home_btn_new.gif") no-repeat scroll left top transparent; } .home #mainnav #tabs li.home a { background: url("//media.cms.bmc.com/designimages/bg_home_btn_new.gif") no-repeat scroll left top transparent; color: #fff; } .forum #mainnav #tabs li.forum a { color: #fff; background: url("//media.cms.bmc.com/designimages/bg_topnav_selected_new.gif") repeat-x scroll left top transparent; } .files #mainnav #tabs li.files a { color: #fff; background: url("//media.cms.bmc.com/designimages/bg_topnav_selected_new.gif") repeat-x scroll left top transparent; } .blog #mainnav #tabs li.blog a { color: #fff; background: url("//media.cms.bmc.com/designimages/bg_topnav_selected_new.gif") repeat-x scroll left top transparent; } .training #mainnav #tabs li.training a { color: #fff; background: url("//media.cms.bmc.com/designimages/bg_topnav_selected_new.gif") repeat-x scroll left top transparent; } .wiki #mainnav #tabs li.wiki a { color: #fff; background: url("//media.cms.bmc.com/designimages/bg_topnav_selected_new.gif") repeat-x scroll left top transparent; } .docs #mainnav #tabs li.docs a { color: #fff; background: url("//media.cms.bmc.com/designimages/bg_topnav_selected_new.gif") repeat-x scroll left top transparent; } .dashboard #mainnav #tabs li.dashboard a { color: #fff; background: url("//media.cms.bmc.com/designimages/bg_topnav_selected_new.gif") repeat-x scroll left top transparent; } /* mainnav top corner */ #mainnav .corner_rt { background-image:url("//media.cms.bmc.com/designimages/rt-corner_new.gif"); background-position:right top; background-repeat:no-repeat; float:right; height: 30px; width:9px; } /* search */ #utility #search #searchtext, #utility #cse-search-box #q, #utility #quick-search-q, #utility #forum-search-q { width: 160px; float: left; padding: 5px 2px 2px; margin: 0px; vertical-align: middle; background: #C3CBD3; font-size: 11px; border: none; -webkit-border-top-left-radius: 2px; -webkit-border-bottom-left-radius: 2px; -moz-border-radius-topleft: 2px; -moz-border-radius-bottomleft: 2px; border-top-left-radius: 2px; border-bottom-left-radius: 2px; } #utility #search #searchbutton, #utility #cse-search-box #sa, #utility #quick-search-submit, #utility #forum-search-submit { height: 20px; vertical-align: middle; float: left; width: 20px; margin-top: 0px; display: block; overflow: hidden; } #utility #quick-search legend, #utility #forum-search legend { display: none; } #utility #cse-search-box fieldset, #utility #quick-search fieldset, #utility #forum-search fieldset{ border: 0px none; margin: 0px; padding: 0px; } #utility #searchbox form { float: left; } #utility li.searchitem { width: 224px; } /* GOOGLE SEARCH */ #cse-search-results .gsc-control { width: auto; padding: 0;} #cse-search-results .gsc-control form input.gsc-search-button { width: auto; } #cse-search-results .gsc-resultsHeader, #cse-search-results .gsc-tabsArea { clear: none; } #cse-search-results .gsc-results { padding: 0 20px; } #cse-search-results .gsc-branding, #cse-search-results .gsc-tabsArea, #cse-search-results .gs-visibleUrl-short { display: none; } #cse-search-results .gs-visibleUrl-long { display: block; } #searchbox { float: right; margin: -2px 0px 0px 27px; width: 224px; } #searchbox #search_selector{ margin: 0px; float: left; } #searchbox .search_selector_dropdown { z-index: 7; float: left; cursor: pointer; overflow: visible; margin-top: 0px; } #searchbox .sel_whole .whole_site, #searchbox .sel_docs .docs, #searchbox .sel_conf .configipedia, #searchbox .sel_forum .forum { font-weight: bold; } #searchbox .search_selector_dropdown .search_selector_option{ z-index: 8; float: left; height: 20px; line-height: 20px; font-size: 10px; } #searchbox #search_selector_dropdown_list { z-index: 8; background: white url(/i/bg/search_list_bg.png) repeat-x left bottom; display:none; border:1px solid #cbc9ce; position:relative; left: -72px; width:106px; height:85px; color: #000; } #searchbox .search_selector_dropdown { background-repeat: no-repeat; background-image: url(/i/buttons/search_selector_but_20.gif?rev=2); background-position: 0 0; width: 36px; height: 20px; } #searchbox .search_selector_dropdown .search_selector_option IMG { background-repeat: no-repeat; background-image: url(/i/buttons/search_selector_icons.gif); background-position: 0 0; width: 16px; height: 16px; position: relative; top: 4px; left: 5px; margin-right: 7px; } #searchbox .search_input_title { display: none; z-index: 0; width: 130px; overflow: hidden; /*opacity: 0.5; filter: alpha(opacity=50);*/ font-size: 11px; padding: 4px 2px 1px; color: #000; } /**** 5400 - #hero & #hero1 specific ****/ /* hero */ .hero { margin: 12px 0 12px 0; width: 710px; overflow: hidden; color: #000; min-height: 80px; } /* fix to make container actually contain its floated children */ .hero:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .hero { display: inline-block; } .hero { display: block; } /* end fix */ /* fix to make container actually contain its floated children */ .widehero:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .widehero { display: inline-block; } .widehero { display: block; } /* end fix */ .shadedhero { background: #fff url(../i/bg/innerherobg.png) no-repeat top left; min-height: 80px; } .plainhero { background: #fff; } .plainhero h1, .shadedhero h1, .widehero h1 { font-size: 20px; line-height: 24px; padding: 24px 15px 12px 15px; margin: 0; font-weight: normal; } .plainhero h2, .shadedhero h2, .widehero h2, .plainhero h3, .shadedhero h3,.widehero h3, .plainhero p, .shadedhero p, .widehero p { margin: 0; padding: 0 15px 0 15px; } .hero .herotext { width: 710px; } .hero .herotext { max-width: 680px; } .hero .herotext .white { color: #fff; } .community .widehero .herotext { width: 640px; max-width: 640px; padding: 15px 0; } .community .widehero .herotext .white { color: #fff; } .haslinks .herotext { width: 412px; float: left; } .hasimage .herotext { width: 374px; float: left; } .hero .herolinks { list-style-type: none; margin: 12px 12px 12px 438px; } .hero .herolinks li { margin: 0 0 6px 0; padding: 0; } .hero a img, .widehero a img { border: 0; } .hero .herolinks li a { display: block; width: 234px; height: 33px; overflow: hidden; margin: 0; padding: 0 0 0 32px; color: #fff; text-decoration: none; line-height: 33px; background: url(../i/buttons/herolink.png) top left no-repeat; } .hero .herolinks li a:hover, .hero .herolinks li a:focus { color: #ffa; } /**** 5600 - #footer specific ****/ #footer { padding: 0 0 0 0; margin-top: -44px; margin-bottom: 36px; } #footer #footertabs { list-style-type: none; margin: 12px 0 0 0; padding: 0 4px; height: 32px; width: 948px; } #footer #footertabs li { display: inline; } #footer #footertabs li a { display: block; padding: 0 12px; width: 72px; height: 32px; overflow: hidden; float: left; line-height: 32px; color: #636363; background: url(../i/tabs/footertab_inner.png) no-repeat top left; text-decoration: none; font-size: 1.2em; margin: 0 1px; } #footer #footertabs li a:hover { color: #000; } #footer #footertabs li a img { position: relative; top: 5px; } #footer #footercontent { background: #e3e3e3; clear: left; padding: 16px 12px; font-size: 0.9em; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;} /* fix to make container actually contain its floated children */ #footercontent:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #footercontent { display: inline-block; } #footercontent { display: block; } /* end fix */ #footer #signup { margin: 0; padding: 0; width: 260px; float: left; } #footer #signup #footeremail { border: 1px solid #cdcdcd; padding: 3px; vertical-align: middle; height: 18px; } #footer #signup ul li { display: block; width: 120px; padding: 0px; float: left; margin: 0px 0px 0px 10px; } #footer #quicknav { margin: 0 210px 0 270px; padding: 0; } #footer #copyright { float: right; margin: 0; padding: 6px 0 0 0; width: 200px; } #footer a { text-decoration: none; color: #636363; } #footer a:hover { color: #000; } /**** 5700 - Lightbox Styles ****/ body.lightbox { margin: 5px 12px; } .lightbox label { display: block; font-weight: bold; margin-top: 6px; } .lightbox input { display: block; clear: left; margin-bottom: 6px; } .lightbox h2 { font-size: 1.3em; margin-bottom: 6px; } /**** 8000 - Shared Classes ****/ /* .textonly: Used to indicate that this content should be viewable only in text-only or audio devices */ .textonly { position: absolute; left: -9999px; margin: 0; padding: 0; } .visibleblock { display: block; } .visibleinline { display: inline; } .hidden { display: none; } .meta { font-size: 0.9em; } .greyedout { color: #c3c3c3; } .printonly { display: none; } /* In-page Tabs & Tabbed Sections */ ul.tabslist { list-style-type: none; padding: 0; margin: 0 3px 0 0; height: 31px; overflow: visible; border-bottom: 1px solid #e3e3e3; } #prime ul.tabslist li, ul.tabslist li {height: 31px; float: left; padding: 0; margin: 0; line-height: 31px; background: #fff url(../i/tabs/partnertab_start.png) top left no-repeat; } ul.tabslist li.current { border-bottom: 1px solid #fff; } .tabsection { margin: 0 3px 12px 0; padding: 0 9px 0 9px; display: none; border-bottom: 1px solid #e3e3e3; } ul.tabslist li a { display: block; height: 31px; float: left; margin: 0 0 0 9px; padding: 0 9px 0 0; background: url(../i/tabs/partnertab_end.png) top right no-repeat; text-decoration: none; color: #636363; font-size: 0.9em; outline: none; }