/* Barlesque & Pulse overrides */ .pulse-bar li, .pulse-bar p { font-size: 1.3em !important; } .pulse-bar p strong { font-size: 1em !important; } /* Masthead */ #masthead #masterbrand { position: absolute; right: 0; top: 56px; display: none; } /* RESOURCE TYPE STYLINGS */ /* Default Bg */ #earthScienceOuter {background: #2d2521 url('images/esHomeBg.jpg') top center repeat-x; color: #2d2521; } #earthScienceOuter #clips, #earthScienceOuter #clips div.carPrevFurniture, #earthScienceOuter #clips div.carNextFurniture {background: #1b1613;} /* Atmosphere Timeline Bg */ #earthScienceOuter.atmosphere_and_climate {background: #312a36 url('images/esAtmosphereBg.jpg') top center repeat-x; } #earthScienceOuter.atmosphere_and_climate #clips, #earthScienceOuter.atmosphere_and_climate #clips div.carPrevFurniture, #earthScienceOuter.atmosphere_and_climate #clips div.carNextFurniture {background: #1c1920;} /* Natural Disasters Bg */ #earthScienceOuter.natural_disasters {background: #311717 url('images/esHazardsBg.jpg') top center repeat-x; } #earthScienceOuter.natural_disasters #clips, #earthScienceOuter.natural_disasters #clips div.carPrevFurniture, #earthScienceOuter.natural_disasters #clips div.carNextFurniture {background: #1e0e0f;} /* Earth Timeline Bg */ #earthScienceOuter.earth_timeline {background: #1b2133 url('images/esEarthTimeBg.jpg') top center repeat-x; } #earthScienceOuter.earth_timeline #clips, #earthScienceOuter.earth_timeline #clips div.carPrevFurniture, #earthScienceOuter.earth_timeline #clips div.carNextFurniture {background: #10141f;} #earthScienceOuter.earth_timeline .timeline-date { font-weight: bold; font-size: 1.3em;} /* Surface Interior Timeline Bg */ #earthScienceOuter.surface_and_interior {background: #333 url('images/esSurfaceIntBg.jpg') top center repeat-x; } #earthScienceOuter.surface_and_interior #clips, #earthScienceOuter.surface_and_interior #clips div.carPrevFurniture, #earthScienceOuter.surface_and_interior #clips div.carNextFurniture {background: #1f1f1f;} /* Water Ice Timeline Bg */ #earthScienceOuter.water_and_ice {background: #1a2c32 url('images/esWaterIceBg.jpg') top center repeat-x; } #earthScienceOuter.water_and_ice #clips, #earthScienceOuter.water_and_ice #clips div.carPrevFurniture, #earthScienceOuter.water_and_ice #clips div.carNextFurniture {background: #111a1f;} /* END RESOURCE TYPE STYLINGS */ #earthScienceOuter #blq-content a { color: #99cccc; } #earthScienceOuter .row { background: none; } #earthScienceOuter #blq-nav { color: #ffffff; } #earthScienceOuter #promocontainer { background: none; } #earthScienceOuter p { line-height: 1.2em; } /* * Masthead styles */ #masthead p.strapLine , #masthead h1.mHeading { color: #ffffff; padding-left: 6px; margin-left: 0; } #masthead h1.mHeading { font-size: 3.8em; height: 25px; padding: 10px 0 24px 6px; text-transform: uppercase;} #masthead p.strapLine { font-size: 1.8em; font-weight: bold; height: 32px; padding-top:5px;} /* navigation */ #mainNav { background: transparent; height: 24px;} #mainNav ul#breadcrumbs { float: left; background: url('images/breadcrumbBg.png') 0 0 no-repeat; width: 976px;} #mainNav ul#breadcrumbs li { padding: 0px 8px 0px 24px; height: 24px; background: url('images/earthscience_sprite.png') 0 0 no-repeat; background-position: -32px -280px; font-size:1.3em; float: left; display: inline-block; color: #aaa; } #mainNav ul#breadcrumbs li.first { background: none; padding-left: 2px;} #mainNav ul#breadcrumbs li a { color: #9cc; height: 19px; } /* Lead row */ #lead-row { background: url('images/blackOpacity-50.png') 0 0 repeat;} #lead-row-header { display: none; } #lead-row-image, #lead-row-copy-frame {height:360px;} #lead-row-copy { padding-top: 8px; } #lead-row-copy p { margin-top: 0.5em; } #lead-row-message { color: white; } /* * Secondary rows */ #secondary-rows { min-height: 410px; background-color: #ffffff; color: #333333; } #secondary-rows a { color: #066; } #secondary-rows .row { padding: 8px 0 32px 16px; } #secondary-rows .row h2 { line-height: 1.3em; font-size: 2.6em; font-weight: bold; margin-top: 4px; margin-bottom: 8px; } #secondary-rows .row h2 span { font-weight: inherit; } #secondary-rows .row h3 { font-size: 1.3em; line-height: 1.2em; clear: both; font-weight: bold; } #wikipedia .box-content ul li { list-style-type:disc; font-size:1.3em; line-height:1.3em; margin-bottom:8px; margin-left: 16px; } /* * Column A boxes */ .col-a .box .box-heading { border-bottom: 0; } .col-a .box-content h4 {font-size:1.5em; font-weight: bold; line-height: 1.2em; } .col-a .box-content h4 .count { color: #999; font-size:0.9em; } .col-a .box-content h5 { font-size:1.3em; font-weight: bold; line-height: 1.2em; } .col-a ul.thmbLinks-2col { border-bottom: 1px solid #413a36; } /* top clips */ .col-a #topClips.box .box-heading .tabHeader { height: 25px; padding: 7px 0 7px 8px;} .col-a #topClips.box .box-heading .tabHeader a.active { color: #ffffff; text-decoration:none;} .col-a #topClips.box .box-heading .tabHeader, .col-a #topClips.box .box-content { background-color: #38302d; } .col-a #topClips.box ol li, .col-a #topClips.box .box-heading { border-bottom: 1px solid #2d2521; } .col-a #topClips.box ol li { height: 103px; } .col-a #topClips.box ol li { cursor: default; } .col-a #topClips.box ol li span.mp-no { width: 120px; padding: 5px 0 0 0; height: 98px; background-color: #38302d; text-align: center;} .col-a #topClips.box ol li a, .col-a #topClips.box ol li img, .col-a #topClips.box ol li div.mp-desc {width: 184px; left: 120px; height: 103px;} .col-a #topClips.box ol li div.mp-desc {padding:45px 15px 30px 32px; width:137px; background: url('images/blackOpacity-75.png') 0 0 repeat;} .col-a #topClips.box ol li a span.play {display:block; background-position: -590px -20px; top: 0; left: 0;} .col-a #topClips.box ol li a:hover span.play {background-position: -632px -20px;} /* key topics */ .col-a #keyTopics.box { margin-top: 16px; } .col-a #keyTopics.box .box-heading { margin-bottom: 11px; } /* Collections */ #collections .box-content #coll-carDesc a { font-size:1.3em; line-height:1.2em; } /** * Column B boxes */ #earthScienceOuter .col-b { width: 320px; } .col-b .box { background-color: #f0f0f0; color: #333333; } #earthScienceOuter .col-b .box a {color:#006666;} .col-b .box .box-heading h4 {font-size:2em;line-height:1em;font-weight:bold;} .col-b .box .box-heading h4 span { font-size: 1em; } /* Coming soon box */ .col-b #comingSoon-full.box .box-content h5.prgTitle a:hover { text-decoration: underline; } .col-b #comingSoon-full.box .box-content h5.prgTitle span {font-size:2em;line-height:1em;font-weight:bold;padding: 0 16px 16px 16px; display:block;} .col-b #comingSoon-full.box .box-content #prgDesc {border-bottom:1px solid #2d2521;} /* Related iplayer box */ .col-b .box#relatedIplayer .tabHeader a.active { color: #333; } .col-b .box#relatedIplayer .box-heading h4 {background: url('images/bbcIplayerIco-light.gif') 0 0 no-repeat;height:22px;width:130px;float:left;margin-top: 8px} .col-b .box#relatedIplayer .box-heading h4 span {position:absolute;left:-9000px;} #radioIplayer a span.play {background-position: -590px -72px} #radioIplayer a:hover span.play, #radioIplayer a:focus span.play {background-position: -632px -72px} /* Related news box */ .col-b .box#relatedNews .box-heading h4 {background: url('images/col-b-bbcHeader-light.gif') 0 1px no-repeat; padding:0 0 0 72px; } /* Links boxes */ .col-b .box .box-content ul.plainLinks li { padding: 4px 0 0; } /* Browse by themes */ .col-a #browseByThemes.box .box-heading {border-bottom:1px solid #413a36; padding:0 0 8px 0; position:relative} .col-a #browseByThemes.box .box-heading span {width:200px; position:absolute; top:12px; right:0; text-align:right; font-size:1.3em; font-weight:bold; color:#999;} .col-a #browseByThemes.box .box-content h4 {font-size:1.6em;margin:0;padding: 7px 0;} /* External links */ .col-b .box .box-content ul.thmbLinksSml li h5 {font-size:1.3em;line-height:1.3em;padding:0;margin:-3px 0 0 0;} /** Thumbnail links **/ ul.thumbLinks { clear: both; float: left; margin-bottom: 16px;} ul.thumbLinks li { display: inline; float: left; width: 144px; height: 118px; margin: 8px 16px 2px 0; } ul.thumbLinks li a span { font-size: 1.3em; font-weight: bold; line-height: 1em; } ul.thumbLinks li.endrow { margin-right: 0; } ul.thumbLinks li a img { height:81px; margin-bottom:2px;} /** HOMEPAGE */ #earthScienceOuter.home #masthead #masterbrand { display: block; } #earthScienceOuter.home #secondary-rows { background: transparent; color: #ffffff; } #earthScienceOuter.home #secondary-rows a { color: #9cc; } #earthScienceOuter.home #secondary-rows a.active { color: #fff; } #earthScienceOuter.home #secondary-rows .row { padding: 0; } #earthScienceOuter.home .col-b { width: 336px; } #earthScienceOuter.home #secondary-rows .col-b .box { background-color: #38302d; color: #ffffff; } #earthScienceOuter.home .col-a .box h3 { font-size:2.8em; line-height:1.1em; font-weight:bold; padding:0; } #earthScienceOuter.home .col-b .box .box-content ul.plainLinks li { color: #9cc; } #earthScienceOuter.home .col-a #earthScienceIntro.box h2 {text-transform:uppercase;padding:0 0 8px;line-height:1.3em;} #earthScienceOuter.home .col-a #earthScienceIntro.box .box-heading {border-bottom:1px solid #413a36;} #earthScienceOuter.home .col-b #relatedIplayer.box .box-heading { background-color: #231e1a; } #earthScienceOuter.home .col-b #relatedIplayer.box .box-heading h4 { background-image: url('images/bbcIplayerIco-dark.gif'); } #earthScienceOuter.home .col-b #relatedIplayer.box .tabHeader a{ color: #99cccc; } #earthScienceOuter.home .col-b #relatedIplayer.box .tabHeader a.active { background-color: #38302d; color: #ffffff; } #earthScienceOuter.home .col-b #relatedNews.box .box-heading h4 {background-image: url('images/col-b-bbcHeader-dark.gif'); } /* ALL TOPICS page */ #earthScienceOuter.all #blq-content { float: left; padding: 8px 16px; background-color: #fff; color: #333; } #earthScienceOuter.all .filter-data .topic {float:left; clear:both; width:100%;} #earthScienceOuter.all .filter-data a { color: #006666; } #earthScienceOuter.all .filter-data h2 { line-height: 1.3em; font-size: 2.4em; font-weight: bold; margin-bottom: 4px;} #earthScienceOuter.all .filter-data p { line-height: 1.25em; padding-bottom: 20px; } #earthScienceOuter.all .box-heading { border-top: 1px solid #ccc; clear: both; padding: 11px 0 2px;} #earthScienceOuter.all .box-heading h3 { font-size: 2em; line-height: 1.4em; } #earthScienceOuter.all .row { clear: both; } /* COLLECTIONS INDEX */ #earthScienceOuter.collections-index #blq-content { float: left; width: 976px; } #earthScienceOuter.collections-index h2 { line-height: 1.3em; font-size: 2.4em; font-weight: bold; margin-top: 8px; margin-bottom: 8px; } #earthScienceOuter.collections-index h3 { font-size: 1.5em; line-height: 1.3em; margin-bottom: 8px; font-weight: bold; } #earthScienceOuter.collections-index #lead-row { width: 100%; height: 360px; color: #fff;} #earthScienceOuter.collections-index #lead-row #aboutCollections, #earthScienceOuter.collections-index #lead-row #latestCollection, #earthScienceOuter.collections-index #lead-row #latestCollection img { float: left; position: relative; } #earthScienceOuter.collections-index #lead-row #latestCollection img {margin-right:8px;} #earthScienceOuter.collections-index #lead-row #aboutCollections { width: 319px; height: 360px; padding-left: 16px; background:#38302d; } #earthScienceOuter.collections-index #lead-row #latestCollection { width: 625px; height: 360px; } ul#collections {overflow:hidden;margin:0;padding:0 0 14px 0; } ul#collections li { position:relative; width:134px; height:176px; padding:8px 10px 8px 160px; list-style:none; float:left; display:inline; margin:0 16px 8px 0; overflow:visible; background: #eeeeee; color:#333333; } ul#collections li a {color:#006666;} ul#collections li img {position:absolute;left:-1px;top:-1px;} /* AGGREGATION PAGES */ #earthScienceOuter.aggregation ul#resources li { position:relative; width:304px; height:248px; padding:0px; list-style:none; float:left; display:inline; margin:0 16px 16px 0; overflow:visible; color:#333; } #earthScienceOuter.aggregation ul#resources li a { font-size:1.3em; font-weight:bold; } #earthScienceOuter.aggregation .row { position: relative; } #earthScienceOuter.aggregation .short-description { position: absolute; top: 16px; right: 16px; font-size: 1.6em; font-weight: bold; } #earthScienceOuter.aggregation.earth_timeline .timeline-overlay { position: absolute; left: 0; top: 0; height: 171px; width: 304px; color: white; background: url('images/blackOpacity-10.png') 0 0 repeat; } #earthScienceOuter.aggregation.earth_timeline .timeline-overlay span { font-size: 70px; font-weight: bold; line-height: 51px; position: absolute; bottom: 0; left: 0; opacity: 0.4; } /* RESOURCE & COLLECTION PAGES */ #earthScienceOuter.resource #secondary-rows .row, #earthScienceOuter.collection #secondary-rows .row { padding: 0; } #earthScienceOuter.resource #secondary-rows .row .col-a, #earthScienceOuter.collection #secondary-rows .row .col-a { padding: 0 16px; width: 608px; } /* timeline box on resource page */ #earthScienceOuter.resource .col-b #timeline { overflow: hidden; padding-bottom: 16px;} #earthScienceOuter.resource .col-b #timeline .box-content div { width: 136px; float: left; } #earthScienceOuter.resource .col-b #timeline .box-content #before { margin-right: 16px; } #earthScienceOuter.resource .col-b #timeline h5 { font-size: 1.6em; font-weight: bold; } #earthScienceOuter.resource .col-b #timeline a { font-size: 1.3em; font-weight: bold; line-height: 1.2em;} #earthScienceOuter.resource.earth_timeline .col-b #timeline { background-color: #1b2033; color: white; } #earthScienceOuter.resource.earth_timeline .col-b #timeline a { color: #99cccc; } #earthScienceOuter.resource.earth_timeline .col-b #timeline span { font-size: 1.3em; line-height: 1.2em; } #earthScienceOuter.resource.earth_timeline .col-b #timeline span a { font-size: 1em; } #earthScienceOuter.resource.earth_timeline .col-b .timeline-date { display: block; } /* 2col display of resources related to a collection */ #earthScienceOuter.collection .col-a ul.thmbLinks-2col { width: 608px; } #earthScienceOuter.collection .col-a ul.thmbLinks-2col li { padding: 0 0 16px 152px; width: 136px; } #earthScienceOuter.collection .col-a ul.thmbLinks-2col li a img { margin-left: -152px; } #earthScienceOuter.collection .col-a ul.thmbLinks-2col li span {font-weight:bold;font-size:1.3em;line-height:1.2em;margin:-2px 0 0 0;} #earthScienceOuter.resource #secondary-rows .row ul.thumbLinks li { margin-right: 8px; } /* CONTACT PAGE */ #earthScienceOuter.contact .col-a { width: 608px; } #earthScienceOuter.contact p { margin-bottom: 8px; } #earthScienceOuter.contact #contact-form form { border-top: 1px solid #ccc; margin-top: 24px; padding-top: 16px; position:relative; width: 590px; } #earthScienceOuter.contact #contact-form form input#name, #earthScienceOuter.contact #contact-form form input#email { height: 32px; width: 286px; border: 1px solid #ccc; } #earthScienceOuter.contact #contact-form form textarea { width: 590px; height: 148px; border: 1px solid #ccc; } #earthScienceOuter.contact #contact-form form label { font-weight: bold; font-size: 1.3em; } #earthScienceOuter.contact #contact-form form dd { margin-bottom: 16px; } #earthScienceOuter.contact #contact-form form .radiogroup { position:absolute; top:12px; right:0; width:250px; } #earthScienceOuter.contact #contact-form form .radiogroup p.hint { font-weight: bold; margin-top: 8px; } #earthScienceOuter.contact #contact-form form .radiogroup label { line-height: 2.4em; font-weight: normal; } #earthScienceOuter.contact #contact-form form .radiogroup input { margin-right: 1em; } #earthScienceOuter.contact #contact-form form #contactsubmit { background-color: #066; color: white; font-weight: bold; border: none; width: 128px; height: 32px; font-family: inherit; font-size: 1.6em; } /* ERROR PAGE */ #earthScienceOuter.error #secondary-rows ul{ font-size: 1.3em; line-height: 1.3em; } /*-- correct sprite image --*/ #clips-outer-container a.carNext, #clips-outer-container a.carPrev, a.carNext, a.carPrev, a span.play {background-image: url('images/earthscience_sprite.png')} a span.play {background-position: -590px -20px;} a:hover span.play {background-position: -632px -20px;} .hidden{display:none;} #orb-header,#orb-footer{font-family:Arial,Helvetica,freesans,sans-serif}.orb-footer-lead{color:#ffffff}.orb-nav-links li a:hover{text-decoration:none}#promo-container .promo .info p.intro,#promo-container .promo-nojs .info p.intro{font-size:1.3em}#promo-container span.sub-title{font-size:1.3em;font-weight:normal}