/*--------------------------------------------------------------------------- S T A R W A R S C O M M O N ----------------------------------------------------------------------------- -------------------------------- RESETS ------------------------------*/ /*Headers*/ /*h1 is used to hold "LEGO.com" and can therefore not be used in the content markup. h3 to h6 is available for use.*/ /*h2 is used for the site header (here "[sitename]") and can therefore not be used in the content markup. h3 to h6 is available for use.*/ h2 { text-indent: -9999px; position: absolute; z-index: 1; } /*Adjust as necessary*/ /*Page header(s) - e.g. "Downloads, Products, Fun Zone" etc.*/ .wf-loading #primaryNavi ul,.wf-loading h3 { visibility: hidden; } .wf-active h3, .wf-inactive h3, .oldie h3 { color:#03AAE2;font: 220%/1.25 'Fette1451',arial, lucida, verdana, helvetica, sans-serif;visibility: visible; } .wf-active #primaryNavi ul,.wf-inactive #primaryNavi ul, .oldie #primaryNavi ul{visibility: visible;} .use-system-font h3{font: 150%/1.25 arial, lucida, verdana, helvetica, sans-serif;} .use-system-font #primaryNavi ul{font: 125%/2.1 arial, lucida, verdana, helvetica, sans-serif;} /*Addtional headers*/ h4 { color:#03AAE2;font: bold 95%/1.25 arial, lucida, verdana, helvetica, sans-serif; } /*h5 { font: normal 80%/1.25 Verdana, lucida, arial, helvetica, sans-serif; color: #000; } h6 { font: normal 80%/1.25 Verdana, lucida, arial, helvetica, sans-serif; color: #000; } /*------------------------------ STRUCTURE ------------------------------*/ html {overflow-x:hidden;overflow-y:auto;} body { background:#000 url(http://cache.lego.com/upload/contentTemplating/StarWars2Dictionary/images/picB2D90065E0C1CA355AB0385BEDB16FD3.jpg) center 60px no-repeat;width:100%;} #GHcontainer, #GFcontainer{margin:0 auto;width: 950px;} #GHcontainer{background:none;} #GFwrapper{position:relative;} #siteContainer {background:url(http://cache.lego.com/upload/contentTemplating/StarWars2Dictionary/images/picD3F3FB82A2470EB83E9C353994C9B7B4.jpg) center bottom no-repeat;color: #01A9DD;font: normal 81.3%/1.25 Arial, helvetica, Verdana, lucida, sans-serif;text-align:left; margin:0 auto;min-height: 1200px;height: auto !important;height:1200px;min-width: 975px; padding: 0 0 100px;position: relative;z-index: 200;} #contentWrapper{margin:0 auto;position:relative;width:975px;} #branding {background:url(http://cache.lego.com/upload/contentTemplating/StarWars2Dictionary/images/pic88AAE0DABF66F603A638306E05906C92.png) center top repeat-x;height:74px;position:relative;width:100%;} #branding h2{background:url(http://cache.lego.com/upload/contentTemplating/StarWars2Dictionary/images/picFB8F4FDB478FD6DABAB9AC3683B97C91.png) no-repeat;height: 55px;left: 5px;top: 8px;width: 178px;} #contentTop{background:url(http://cache.lego.com/upload/contentTemplating/StarWars2Dictionary/images/picAEAA6D2F7C87524BB5E649D17D6B7FB6.png) center top no-repeat;float:left;height:96px;width:975px;} #contentMain {background:url(http://cache.lego.com/upload/contentTemplating/StarWars2Dictionary/images/pic6C09F920D30D04EA4B6716FC5BDE0FAD.png) center top repeat-y;float:left;position:relative;text-align: left;width:975px;} #contentInnerWrapper{float: left;left: 0;margin: 0 0 -30px;position: relative;top: -30px;width: 975px;} #contentBottom{background:url(http://cache.lego.com/upload/contentTemplating/StarWars2Dictionary/images/pic86401849BFD3199221A9BC719636BFEB.png) center top no-repeat;float:left;height:74px;width:975px;} #avatarControlPanelContainer{position: fixed;top: 290px;right: 0;z-index: 1;} #avatarControlPanel{background:url(http://cache.lego.com/upload/contentTemplating/StarWars2Dictionary/images/picCE8F17588A8F14174258910A0E4FC87D.png) 0 0 no-repeat;height:97px;width:92px;position: relative;z-index: 2;} #avatarControlPanel.hover{background-position:0 -97px;} #avatarControlPanel #buttonsBackground{background:url(http://cache.lego.com/upload/contentTemplating/StarWars2Dictionary/images/picABB1BD8D39546B21340B597DB72BD9CB.png) 0 0 no-repeat;height:74px;width:55px;position: absolute;top: 29px;left: 1px;z-index:4;} #avatarControlPanel #homeSound{background:url(http://cache.lego.com/upload/contentTemplating/StarWars2Dictionary/images/picF1294E1016DA10C6C9CD8AECEB12FD01.png) center 0 no-repeat;height:20px;width:17px;position: absolute;top: 16px;left: 5px;cursor:pointer;z-index: 99999;text-indent: -9999px;} #avatarControlPanel #homeSound:hover{background-position:center -20px;} #avatarControlPanel #homeSound.muted{background-position:center -81px;} #avatarControlPanel #settings{background:url(http://cache.lego.com/upload/contentTemplating/StarWars2Dictionary/images/picF1294E1016DA10C6C9CD8AECEB12FD01.png) center -100px no-repeat;height: 20px;width: 17px;position: absolute;top: 48px;left: 27px;cursor: pointer;z-index: 99999;text-indent: -9999px;} #avatarControlPanel #settings:hover{background-position:center -121px;} #avatarLink{background:url('http://cache.lego.com/FranchiseSites/Global/Images/1x1spacer.gif') repeat;position: absolute;top: 21px;right: 0px;text-indent:-9999px;width: 55px;height: 58px;z-index:6;} .avatarControlPanel-avatar{display:none;position:absolute;top:21px;right:0;z-index: 3;} /*------------------------------ ADDITIONAL CLASSES ------------------------------*/ .button.close{background:url(http://cache.lego.com/upload/contentTemplating/StarWars2Dictionary/images/pic6D75F63C3073BE30874189564B3D0831.png) left top no-repeat; cursor: pointer;display: block;height: 50px;position: absolute;right: 20px;top: 15px;width: 43px;z-index: 5;} .button.close:hover{background-position:left bottom;} /* Contain floats: h5bp.com/q */ .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } /*------------------------------ HEADERS/PARAGRAPHS ------------------------------*/ #GFcontainer p {color:#0187AD;} /*------------------------------ LINKS ------------------------------*/ #contentMain a,#primaryNavi a { color:#0187AD;cursor:pointer;display:block;text-decoration:none;} /*------------------------------ IMAGES ------------------------------*/ /*------------------------------ CONTENT NAVIGATION COMPONENT ------------------------------*/ #contentNaviWrapper {float:left;height:465px;margin:0 5px 0 0;width:225px;} #contentNaviWrapper h3 {display:block;height:44px;padding:15px 0 0;text-align:center;text-transform:uppercase;width:100%;} .contentNaviNoArrows { background: url(http://cache.lego.com/upload/contentTemplating/StarWars2Dictionary/images/pic720D95D777E9157A450E666D8A2672F8.png) no-repeat; } .contentNaviArrows { background: url(http://cache.lego.com/upload/contentTemplating/StarWars2Dictionary/images/picD2A4F452E6134FF5456CF708BAE2F515.png) no-repeat; } #contentNavi {height:375px;margin:-4px 0 0 2px;position:relative;} #contentNaviScroller { height:340px;overflow:hidden;position:relative;width:100%; } ul#contentNaviContainer {float:left; position: relative; } #contentNaviContainer li {background: url(http://cache.lego.com/upload/contentTemplating/StarWars2Dictionary/images/picE1665029783D6BE6C40F12175C11C845.gif) repeat-x;float:left;height:68px;margin:0 0 0 1px;width:217px; } #contentNaviContainer li.firstItem { background: none; } #contentNaviContainer li.hover, #contentNaviContainer li.active { height: 68px; background: url(http://cache.lego.com/upload/contentTemplating/StarWars2Dictionary/images/picB1B10A7ECE8895F682D9F7D160CEFC42.gif) repeat-x; } #contentNaviContainer li a { border-bottom:1px solid #0B334D;/*color:#585765;*/ float:left; width: 217px;height:68px; display: block; font: bold 115% /1.25 arial, Verdana, lucida, helvetica, sans-serif; text-decoration: none; } #contentNaviContainer li span { background-position:left top;background-repeat:no-repeat;cursor:pointer;display:block;height:35px;line-height:35px;margin:15px 0 0 10px;padding:0 0 0 40px; } #contentNaviContainer a:hover span, #contentNaviContainer .active span { background-position: left -35px; background-repeat: no-repeat; color:#fff;} a.upBtn, a.downBtn { display:block;height:35px;text-indent:-9999px;width:214px; } a.upBtn { margin: 1px 0 0; background: url(http://cache.lego.com/upload/contentTemplating/StarWars2Dictionary/images/pic63D2DE8B59FBCF3F2E9BE0030ABB5A07.gif) 94px 11px no-repeat;}/*Adjust out from graphic cut-dimensions, ideally center center */ a.downBtn { margin: 10px 0 0; height: 30px; background: url(http://cache.lego.com/upload/contentTemplating/StarWars2Dictionary/images/picFDF8DDE4631BA07D5E0A8E9EED6BD5DD.gif) 93px 0 no-repeat;} a.disabled { visibility: hidden; } /*------------------------------ CONTENT SELECTOR COMPONENT ------------------------------*/ .contentSelectNoArrows { background: none; } .contentSelectArrows { background: url(http://cache.lego.com/upload/contentTemplating/StarWars2Dictionary/images/pic296A96E9AABBC8892859967AAA1F8261.jpg) center 43px no-repeat; } #contentSelectWrapper { margin:0; padding:0; float:left } #contentSelect { width:645px; margin: 0 20px; position: relative; overflow: hidden; } #contentSelectScroller { width: 460px; height: 90px; overflow: hidden; position: relative; left: 92px; top: 20px; } #contentSelectContainer { width: 2000px; height: 50px; position: absolute; } #contentSelectContainer li { width: 104px; margin: 0 15px 0 0; display: inline; float: left; } #contentSelectContainer a { background: url(http://cache.lego.com/upload/contentTemplating/StarWars2Dictionary/images/picF17D6256515F7A82C0BA0177E853F2B6.png) no-repeat;float:left;height:72px;position:relative;width:104px;z-index:1;} #contentSelectContainer a:hover, #contentSelectContainer .active a { background-position: left -72px; } #contentSelectContainer img{left:0;position:absolute;top:0;} a.prevBtn, a.nextBtn { width: 12px; height: 23px; display: block; text-indent: -9999px; cursor: pointer;position: absolute;top: 43px; } a.prevBtn { left: 66px; background: url(http://cache.lego.com/upload/contentTemplating/StarWars2Dictionary/images/pic0065C36DEF43E5D29A0C2127DFC6E154.jpg) no-repeat; float: left; } a.nextBtn { right: 66px; background: url(http://cache.lego.com/upload/contentTemplating/StarWars2Dictionary/images/picB9BC44F7157D8DDFE128073B6DDFCDA6.jpg) no-repeat; float: right; } /*------------------------------ CUSTOME SCROLLBAR ------------------------------*/ .scrollView, .vScrollbar { float: left;} .scrollView {display: inline; margin:3px 3px 10px;} .vScrollbarBackgroundTop {background: url(http://cache.lego.com/upload/contentTemplating/StarWars2Dictionary/images/picF9879B229156DE955BC9F056E39C34B7.gif) no-repeat; width: 17px;height: 7px;overflow: hidden;} .vScrollbarBackgroundBottom {background: url(http://cache.lego.com/upload/contentTemplating/StarWars2Dictionary/images/pic2017772B2F8102E28B6A36A80D0EE618.gif) no-repeat; width: 17px;height: 7px;overflow: hidden;} .vScrollbarBackgroundMiddle, .vScrollbarHandleBackgroundMiddle { width: 17px; overflow: hidden; background: url(http://cache.lego.com/upload/contentTemplating/StarWars2Dictionary/images/pic64BC9DF7F9AD9559228575A52CDC2557.gif) repeat-y; } .vScrollbarHandleBackgroundMiddle { background: url(http://cache.lego.com/upload/contentTemplating/StarWars2Dictionary/images/pic94906DF0E2F71C8E3679C1500036ADAA.gif) repeat-y; width:15px; } .vScrollbarHandleBackgroundTop, .vScrollbarHandleBackgroundBottom { width: 15px; height: 13px; overflow: hidden; background: url(http://cache.lego.com/upload/contentTemplating/StarWars2Dictionary/images/pic3A7DB2A93FD5114F67099FD3D0EEA06A.gif) no-repeat; } .vScrollbarHandleBackgroundBottom { background: url(http://cache.lego.com/upload/contentTemplating/StarWars2Dictionary/images/picAF390E05AACC96C385C9449D27877323.gif) no-repeat; } .vScrollbarUpArrow {background: url(http://cache.lego.com/upload/contentTemplating/StarWars2Dictionary/images/picB208B016292191C5E8239121FB097E31.gif) no-repeat; width: 17px;height: 14px;overflow: hidden;cursor:pointer;} .vScrollbarDownArrow { width: 17px; height: 14px; background: url(http://cache.lego.com/upload/contentTemplating/StarWars2Dictionary/images/picD1D05104F7C0CAD4F18EF5727B607402.gif) no-repeat; overflow: hidden; cursor: pointer; float: left; } .vScrollNavigation { float:left;margin:0 0 0 5px;width:20px;} .vScrollbarHandle {padding-left:1px;} #wrapper .vScrollNavigation { float: right;} /*------------------------------ NO FLASH STYLING ------------------------------*/ #DynamicContent{position:relative;} #DynamicContent h1,#DynamicContent p{font:150%/2 'Fette1451',arial,sans-serif;position:relative;margin:0 auto;text-align: center;width:360px;} #DynamicContent h1{font-size:200%;top:20px;} #DynamicContent p{top:40px;}