/***************************************************************** Discovery.bmc.com (a.k.a. Tideway.com) newhome.css Contains CSS that is specific to homepage To be applied after sitewide.css Adrian Long CONTENTS: 1000 - Modifications to top level layout 2000 - Modifications to second level Layout 3000 - Page Sections 3100 - Homepage Hero 3200 - Homepage News Strip 3300 - Homepage Box Styles 3310 - Product Feature Box 3320 - See, Try, Buy Box 3330 - Best Practice Feature Box 3340 - Confluence Updates 3350 - Other Updates Box 3400 - Customers Strip 3500 - Supplementary Area 5000 - sIFR Styles *****************************************************************/ /**** 1000 - modifications to top level layout ****/ .home #content { padding: 0px 18px 0 27px; } /**** 2000 - modifications to second level layout ****/ .home #footer #footertabs { background: url(../i/bg/footerbg_full.gif) no-repeat top left; } .home #footer #footertabs li a { background: url(../i/tabs/footertab.gif) no-repeat top left; } /**** 3000 - Page Sections ****/ /**** 3100 - Homepage Hero Styles ****/ .home .hero { width: 943px; height: 201px; overflow: hidden; margin: 0 0 6px 0; display: none; background: transparent url(/i/banners/home_hero_alternative.jpg) top left no-repeat; } .home #hero { display: block; } .home .widehero { background: #111 url(../i/bg/wideherobg.png) repeat top left; color: #e3e3e3; overflow: hidden; } .home .plainwidehero { background: #fff; color: #000; } .home .hero .heroimage { float: left; width: 336px; } .home .hero .herotext { font-size: 20px; line-height: 24px; letter-spacing: -1px; padding: 0; margin: 24px 24px 24px 0; height: 128px; overflow: hidden; width: 583px; color: #fff; } .home .hero .herotext h1 { font-size: 20px; margin: 0; padding: 0; line-height: 24px; letter-spacing: -1px; font-weight: bold; } .home .hero .herotext h2 { margin-left: 0; padding-left: 0; } .home .hero .herotext h3 { margin-left: 0; padding-left: 0; } .home .hero .herotext p { margin-left: 0; padding-left: 0; } .home .hero .herocontrols { margin-left: 336px; } .home .hero .herocontrols ul.heropagination { list-style-type: none; float: right; margin: 18px 18px 0 0; } .home .hero .herocontrols ul.heropagination li { display: inline; } .home .hero .herocontrols ul.heropagination li a { display: block; float: left; width: 20px; height: 20px; line-height: 20px; text-align: center; padding: 0; margin: 0 3px; color: #fff; text-decoration: none; background: url(../i/bg/heropagebutton_black.png) left top no-repeat; } /**** 3200 - Homepage News Strip ****/ #newsstrip { margin: 3px 0 6px 0; padding: 0 0 0 12px; height: 37px; background: #fff url(/i/bg/bg_newsstrip.png) top left no-repeat; } #newsstrip h2, #newsstrip li, #newscontrols { height: 37px; line-height: 36px; color: #000} #newsstrip h2 { float: left; margin: 0 12px 0 0; padding: 0; } #newsstrip ul { margin: 0 200px 0 0; padding: 0; list-style-type: none; text-indent: 0;} #newsstrip li { margin: 0; padding: 1px 12px 0 0; display: none; text-indent: 0;} #newscontrols { float: right; width: 188px; margin: 0 12px 0 0; padding: 1px 0 0 0; text-align: right; } #newscontrols img { vertical-align: middle; border: none; margin-top: -2px; } #nextnews, #prevnews { cursor: pointer; display: none; } /**** 3300 - Homepage Box Styles ****/ .singlebox, .singleblack { width: 284px; height: 183px; padding: 8px 12px 10px 12px; overflow: hidden; float: left; background: #e3e3e3 url(../i/bg/1colboxbg.png) repeat top left; color: #636363; margin-bottom: 6px; margin-right: 9px; } .doubleblack { width: 601px; height: 183px; padding: 8px 12px 10px 12px; overflow: hidden; float: left; background: #111 url(../i/bg/2colboxbgblack.png) repeat top left; color: #e3e3e3; margin-bottom: 6px; margin-right: 9px; } .singleblack { background: #111 url(../i/bg/1colboxbgblack.png) repeat top left; color: #e3e3e3; } .homecol p, .singlebox p, singleblack p, .doubleblack p { margin: 0; padding: 3px 0 3px 0; } .homecol h2, .singlebox h2, .singleblack h2, .doubleblack h2 { margin: 0 0 3px 0; padding: 0 0 3px 0; border-bottom: 1px dotted #c3c3c3; color: #36526C; font-size: 1.4em; } .homecol h2 { margin-bottom: 8px; } .homecol h2.followingheader { margin-top: 16px; } .singleblack h2, .doubleblack h2 { color: #fff; border-bottom: 1px solid #636363; } .home .lastinrow { float: none; margin-right: 0;} .homeboxcontainer { width: 304px; margin: 0px 7px 0px 0px; padding: 0px; float: right; } .homecol { width: 284px; padding: 8px 24px 10px 0px; float: left; color: #636363; margin-bottom: 6px; margin-right: 9px; } #columnblock {clear: both;} /* fix to make container actually contain its floated children */ #columnblock:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #columnblock { display: inline-block; } #columnblock { display: block; } /* end fix */ /**** 3310 - Product Feature Box ****/ #productfeature { padding: 8px 4px 4px 4px; height: 189px; width: 300px; } #mainfeature { margin: 0px 0px 6px 0px; padding: 0px 8px; height: 126px; } #mainfeature img { border: 0px; } #subfeature { margin: 0px; padding: 4px 0 0 8px; height: 57px; background: #e3e3e3 url(/i/bg/bg_subfeature.png) top left no-repeat; } #subfeature #productcount { float: left; height: 24px; padding-top: 8px; width: 113px; } #subfeature #productcount h4 { float: right; height: 24px; line-height: 11px; font-size: 9px; padding: 0px; margin: 0px 2px 0px 0px; width: 55px; font-weight: normal; text-align: center; } #subfeature #productcount p { line-height: 24px; height: 24px; letter-spacing: 11px; text-indent: 6px; padding: 0px; margin: 0px; width: 55px;} #subfeature #configcount { float: left; height: 24px; padding-top: 8px; width: 174px;} #subfeature #configcount h4 { float: right; height: 24px; line-height: 11px; font-size: 9px; padding: 0px; margin: 0px 2px 0px 0px; width: 65px; font-weight: normal; text-align: center; } #subfeature #configcount p { line-height: 24px; height: 24px; letter-spacing: 12px; text-indent: 14px; padding: 0px; margin: 0px; width: 100px;} #subfeature a:link, #subfeature a:visited, #subfeature a:active { color: #636363; text-decoration: none; } #subfeature a:hover, #subfeature a:active { color: #000; text-decoration: none; } /**** 3320 - See, Try, Buy Box ****/ #seetrybuy { background-image: url(/i/bg/seetrybuybg.png); position: relative; overflow: hidden; } #seetrybuy ul { list-style-type: none; margin: 0; padding: 0; } #seetrybuy ul li { display: block; width: 80px; padding: 0; margin: 0 0 0 12px; float: left; text-align: center; } #seetrybuy a { text-decoration: none; } #seetrybuy .headlink { display: block; width: 80px; padding: 84px 0 0 0; margin: 0; float: left; } #seetrybuy a:link { color: #636363; } #seetrybuy a:visited { color: #636363; } #seetrybuy a:hover { color: #000; } #seetrybuy a:focus { color: #000; } #seetrybuy a:active { color: #636363; } #seetrybuy .cornerflash { position: absolute; top: -1px; right: -1px; text-align: right; } #seetrybuy #cornerflash1 { position: absolute; top: -1px; right: -1px; text-align: right; } #seetrybuy #cornerflash2 { position: absolute; top: 33px; right: -1px; text-align: right; } #seetrybuy #cornerflash3 { position: absolute; top: 46px; right: -1px; text-align: right; } #seetrybuy #cornerflash4 { position: absolute; top: 60px; right: -1px; text-align: right; } #seetrybuy #cornerflash5 { position: absolute; top: 73px; right: -1px; text-align: right; } /**** 3330 - Best Practice Feature Box ****/ #bpwebinar, #bpresource, #bproi { margin-left: 100px; padding-left: 28px; min-height: 21px; } #bpwebinar { background: transparent url(/i/icons/19px_webinar.png) 0px 3px no-repeat; } #bpresource{ background: transparent url(/i/icons/14px_paper.png) 2px 3px no-repeat; } #bproi { background: transparent url(/i/icons/14px_roi.png) 2px 3px no-repeat; } #bestpractice p.readmore { margin-bottom: 9px; } #bestpractice h3 { color: #f3f3f3; } #bproi h3 { margin-bottom: 0px;} #bproi h3 a, #bproi a { color: #e3e3e3; } #bestpractice a:link, #bestpractice a:visited, #bestpractice a:active { color: #fff; text-decoration: underline; } #bestpractice a:hover, #bestpractice a:focus { color: #cc3300; text-decoration: underline; } /**** 3340 - Confluence Updates ****/ .confluence_updates .userLogo {display:none;} .confluence_updates LI {list-style:none;} .confluence_updates LI.grouping { padding: 2px 0px 8px 0px; border-bottom: 1px dotted #c3c3c3; margin-bottom: 8px; } .confluence_updates LI.update-item {margin-left: 0px; width: 75%; padding-bottom: 3px;} .confluence_updates H3 a:focus, .confluence_updates H3 a:hover {color: #18A7FC; font-weight: normal; } .confluence_updates H3, .confluence_updates H3 a {color: #0D8DE3; font-weight: normal; } .confluence_updates H3 { float: right; clear: right; width: 24%; text-align: right; } .confluence_updates .more-link-container {display:none;} .confluence_updates SPAN.update-item-content { font-weight: bold; display: block; } .confluence_updates SPAN.update-item-date { clear: left; } /**** 3350 - Other Updates Box ****/ #otherupdates { width: 293px; padding-right: 3px; } #otherupdates h2 { margin-right: 9px; } /**** 3400 - Customers Strip ****/ #custstrip #prevlink { width: 25px; height: 45px; padding: 17px 0 18px 0; float: left; margin-left: -6px; } #custstrip #nextlink { width: 25px; height: 45px; padding: 17px 0 18px 0; float: right; margin-right: -5px; } #custstrip #prevlink img { margin: 0px; padding: 0px; border: 0px; cursor: pointer; } #custstrip #nextlink img { margin: 0px; padding: 0px; border: 0px; cursor: pointer; } #custstrip #scrollcontainer { margin: 0 0 6px 0; height: 80px; white-space: nowrap; overflow: hidden; width: 906px; } #custstrip ul { height: 80px; white-space: nowrap; width: 9999px; } #custstrip ul li { display: inline; list-style-type: none; margin: 0px; padding: 0px; text-indent: 0px; } #custstrip ul li .customer { width: 292px; margin: 0; padding: 0 5px; float: left; height: 80px; white-space: normal; } #custstrip .customer img { border: 0px; float: left; margin-right: 5px; } #custstrip blockquote { padding: 1em 15px 0 10px; margin-left: 120px; display: block; text-align: center; font-style: italic; font-size: 10px; } #custstrip blockquote:before, #custstrip blockquote:after { display: block; font-size: 1.2em; width: 5px; color: #d2c9d0; } #custstrip blockquote:before { content: open-quote; float: left; margin: 0 0 0 -3px; text-align: right;} #custstrip blockquote:after { content: close-quote; float: right; margin: -1.2em -2px 0; } #custstrip cite { display: block; font-style: normal; text-align: right; margin-right: 15px; font-size: 10px; } /* #custstrip cite:before { content: "- "; } */ /**** 3500 - Supplementary Area ****/ #supplementary { width: 945px; margin-top: -9px; padding: 9px 25px 0 20px; color: #fff; background: #36526c;} /* fix to make container actually contain its floated children */ #supplementary:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #supplementary { display: inline-block; } #supplementary { display: block; } /* end fix */ #supplementary h2 { font-size: 1.4em; margin: 0 0 9px 0; padding: 0 12px 3px 0; border-bottom: 1px solid #74c9d7; } #supplementary ul { list-style-type: none; margin: 0; padding: 0; } #supplementary ul li { margin: 0; padding: 0; } #supplementary p a, #supplementary h3 a, #supplementary h2 a { text-decoration: none; } #supplementary a:link, #supplementary h3 a:link, #supplementary h2 a:link { color: #e3e3e3; } #supplementary h3 a:link { color: #fff; } #supplementary a:visited, #supplementary h3 a:visited, #supplementary h2 a:visited { color: #e3e3e3; } #supplementary a:hover, #supplementary h3 a:hover, #supplementary h2 a:hover, #supplementary a:focus, #supplementary h3 a:focus, #supplementary h2 a:focus { color: #fff; } #supplementary a:active, #supplementary h3 a:active, #supplementary h2 a:active { color: #e3e3e3; } #followus { width: 284px; padding: 10px 12px; margin-right: 9px; float: left; } ul.rssfeeds, ul.sociallinks { width: 142px; float: left; } ul.rssfeeds li a, ul.sociallinks li a { display: block; margin: 3px 0 6px 0; padding-left: 20px; line-height: 16px; text-decoration: none; } ul.rssfeeds li a { background: transparent url(/i/icons/16px_rssicon.png) top left no-repeat; } ul.sociallinks li.twitter a { background: transparent url(/i/icons/16px_twittericon.png) top left no-repeat; } ul.sociallinks li.facebook a { background: transparent url(/i/icons/16px_facebookicon.png) top left no-repeat; } ul.sociallinks li.linkedin a { background: transparent url(/i/icons/16px_linkedinicon.png) top left no-repeat; } #bmclinks { width: 284px; padding: 10px 12px; margin-right: 9px; float: left; } #supplementary #community h3 { float: left; clear: both; height:20px; line-height: 20px; color: #74c9d7; font-weight: normal; width: 8.25em; margin-right: 0.75em; } #supplementary #community h3:after { content: ">"; float: right; } #supplementary #community p.latest { min-height: 20px; line-height: 20px; color: #e3e3e3; margin-left: 9em; font-size: 10px; } /* #supplementary #community p.latest:before { content: ">"; } */ #supplementary #community p.latest a { border-bottom: 1px dotted #74c9d7; } #legacylinks {width: 284px; padding: 10px 12px; float: left; } /**** 3600 - Forum & Confluence Columns ****/ #forum_update .entry { clear: left; padding: 2px 0px 6px 0px; border-bottom: 1px dotted #c3c3c3; margin-bottom: 8px; } #forum_update .entry_meta { margin: -3px 0 0 47px; } #forum_update .avatar { float: left; margin: 2px 10px 0px 0px; clear: left; } .rss_update { border-bottom: 1px dotted #c3c3c3; padding-bottom: 6px; margin-bottom: 8px; } /**** 4000 - Footer area ****/ #footer { padding-bottom: 32px; margin-top: 0px; margin-bottom: 36px; } #footer #footercontent { background-color: #e3e3e3; padding: 12px 6px 16px 6px; } #footer #copyright { width: 200px; float: right; padding-top: 6px; }