/* DEFAULT STYLESHEET voor Only sites */ /* IE fix for transparant images in ie-trans.css! */ /* als je de DIV opbouw wil zien de div class hieronder aanzetten */ /*div { border: #000000 thin solid; }*/ /* main style declarations */ body { margin: 0 auto; background: #323232; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 68.75%; color: #fff; text-align: center; } img { border: 0; outline: none; } h1 { font-size: 1.4em; font-weight: bold; margin: 0; margin-bottom: 10px; padding: 0; } h2 { font-size: 1.3em; font-weight: bold; margin: 0; margin-bottom: 10px; padding: 0; } h3 { font-size: 1.3em; font-weight: bold; margin: 0; margin-bottom: 4px; padding: 0; } p { margin: 0; margin-bottom: 12px; padding: 0; } hr { color: #828282; height: 1px; } ul { margin-top: 0; margin-bottom: 0; } /* links */ a:link, a:visited, a:active { font-weight: bold; text-decoration: none; color: #fff; outline: none; } a:hover { text-decoration: underline; } a.nin:link, a.nin:visited, a.nin:active, a.nin:hover { color: #6eb4dc; } a.pc:link, a.pc:visited, a.pc:active, a.pc:hover { color: #d6ab1a; } a.ps:link, a.ps:visited, a.ps:active, a.ps:hover { color: #0082b8; } a.xbox:link, a.xbox:visited, a.xbox:active, a.xbox:hover { color: #97cb21; } a.forum:link, a.forum:visited, a.forum:active, a.forum:hover { color: #ff3232; } a.games:link, a.games:visited, a.games:active, a.games:hover { color: #b70506; } a.rss:link, a.rss:visited, a.rss:active, a.rss:hover { color: #888; } a.normalGrey:link, a.normalGrey:visited, a.normalGrey:active, a.normalGrey:hover { color: #333; font-weight: normal; } a.boldDark:link, a.boldDark:visited, a.boldDark:active, a.boldDark:hover { color: #000; } a.nonBold:link, a.nonBold:visited, a.nonBold:active, a.nonBold:hover { font-weight: normal; } a.loginSubmit:link, a.loginSubmit:visited, a.loginSubmit:active, a.loginSubmit:hover { color: #333; font-weight: normal; } a.searchSelected:link, a.searchSelected:visited, a.searchSelected:active, a.searchSelected:hover { font-weight: normal; text-decoration: underline; color: #888; } a.subNavBar:link, a.subNavBar:visited, a.subNavBar:active, a.subNavBar:hover { margin-right: 10px; font-weight: normal; } a.subNavBarSelected:link, a.subNavBarSelected:visited, a.subNavBarSelected:active, a.subNavBarSelected:hover { margin-right: 10px; color: #333; font-weight: normal; text-decoration: underline; } a.error:link, a.error:visited, a.error:active, a.error:hover { color: #333; } a.underline:link, a.underline:visited, a.underline:active { text-decoration: underline; } a.underline:hover { text-decoration: none; } a.noUnderline:link, a.noUnderline:visited, a.noUnderline:active, a.noUnderline:hover { text-decoration: none; font-weight: normal; } /* lay-out columns */ .container { margin: 0 auto; width: 998px; text-align: center; } .main { background: url(../templimages/main_bg.gif) repeat-y; margin: 0 auto; width: 998px; font-size: 1em; line-height: 1.3em; text-align: left; } .leftBlock { padding-left: 17px; width: 218px; float: left; } .leftBlockM { padding-left: 17px; width: 481px; float: left; } .leftBlockL { padding-left: 11px; width: 626px; float: left; clear: both; } .middleBlock { padding-left: 2px; width: 524px; float: left; } .rightBlock { padding-right: 17px; width: 218px; float: right; } .rightBlockM { padding-right: 17px; width: 481px; float: right; } .rightBlockL { padding-right: 17px; width: 336px; float: right; } .wideBlock { padding: 0 16px; width: 964px; float: left; } /* networkbar items */ .networkBar { background: url(../templimages/networkbar.gif) repeat-x; height: 34px; } .networkBarWidth { margin: 0 auto; padding: 0 21px; width: 958px; height: 14px; } .networkBarLinks { background: url(../templimages/networkbar_caption2.gif) no-repeat; margin: 8px 3px 0 0; padding-left: 108px; color: #505050; float: left; } .networkBarRechts { background: url(../templimages/networkbaronlynetwork.png) no-repeat; margin: 5px 3px 0 0; padding-left: 35px; padding-top: 4px; height: 24px; color: #505050; float: left; } .networkBarCrew { margin: 8px 3px 0 0; width: 76px; float: right; } .banner {margin-right: 14px; float: right; clear: both;} .networkBarPartners { width: 510px; float: right; } .partnerplaneet img { background: url(../templimages/partnerbar/planeet2.png) no-repeat; height: 27px; width: 69px; padding-right: 5px; } .partnerplaneet img:hover { background: url(../templimages/partnerbar/planeet1.png) no-repeat; height: 27px; width: 69px; padding-right: 5px; } .partnerloodzwaar img { background: url(../templimages/partnerbar/loodzwaar2.png) no-repeat; height: 19px; width: 117px; padding-right: 5px; } .partnerloodzwaar img:hover { background: url(../templimages/partnerbar/loodzwaar1.png) no-repeat; height: 19px; width: 117px; padding-right: 5px; } .partnerjaggle img { background: url(../templimages/partnerbar/jaggle2.png) no-repeat; height: 19px; width: 79px; padding-right: 5px; } .partnerjaggle img:hover { background: url(../templimages/partnerbar/jaggle1.png) no-repeat; height: 19px; width: 79px; padding-right: 5px; } .partnerdrivingfun img { background: url(../templimages/partnerbar/drivingfun2.png) no-repeat; height: 21px; width: 112px; padding-right: 5px; } .partnerdrivingfun img:hover { background: url(../templimages/partnerbar/drivingfun1.png) no-repeat; height: 21px; width: 112px; padding-right: 5px; } .partnerdailybase img { background: url(../templimages/partnerbar/daily2.png) no-repeat; height: 27px; width: 89px; padding-right: 5px; } .partnerdailybase img:hover { background: url(../templimages/partnerbar/daily1.png) no-repeat; height: 27px; width: 89px; padding-right: 5px; } .partnergamingonly img { background: url(../templimages/partnerbar/go2.png) no-repeat; height: 27px; width: 89px; padding-right: 5px; } .partnergamingonly img:hover { background: url(../templimages/partnerbar/go1.png) no-repeat; height: 19px; width: 117px; padding-right: 5px; } /* footerbar items */ .footerBar { background: url(../templimages/footerbar.gif) repeat-x; margin: 0 auto; width: 978px; height: 34px; clear: both; bottom: 0; } .footerBarLinks { background: url(../templimages/footerbar_caption.gif) no-repeat; margin: 12px 0 0 2px; padding-left: 116px; color: #505050; float: left; } .footerBarCredits { margin-top: 12px; padding-right: 10px; color: #6B6B6B; text-align: right; float: right; } /* login */ .loginLeftS, .loginLeftL { padding: 8px; width: 172px; height: 76px; float: left; } .loginLeftS { padding: 8px 0 8px 4px; width: 118px; } .loginRightS, .loginRightL { margin: 8px 0; padding: 0 12px 0 16px; width: 76px; float: right; } .loginRightS { padding: 0 6px 0 0; } .loginRightL { background: url(../templimages/login_line.gif) repeat-y left; } .loginLinks { margin-top: -8px; padding-top: 2px; clear: left; } .loginSubmit { width: 0; height: 0; border: 0; } .loginAvatar { width: 76px; height: 76px; } .loginName { padding: 6px 0 2px 0; text-align: center; font-size: 1.3em; font-weight: bold; } .profileButtonImg { clear: left; float: left; margin-top: -6px; margin-bottom: 8px; } .profileButtonTxt { float: left; margin-left: 3px; cursor: pointer; } /* small boxes */ .box { margin-top: 2px; width: 218px; } .boxL { margin-top: 2px; width: 336px; } .boxHeader { background: url(../templimages/box_header.gif) no-repeat; height: 33px; } .boxHeaderL { background: url(../templimages/box_headerL.gif) no-repeat; height: 33px; } .boxTitel { margin: 12px 0 0 12px; width: 170px; height: 15px; font-weight: bold; position: absolute; } .boxBorder { background: url(../templimages/box_bg.gif) repeat-y; } .boxBorderL { background: url(../templimages/box_bgL.gif) repeat-y; } .boxGradient, .boxGradientL { background: #9e9e9e url(../templimages/box_gradient.gif) repeat-x; margin-left: 6px; width: 206px; } .boxGradientL , .boxGradientLoginL { width: 324px; } .boxGradientPriceWatch { background: #9e9e9e url(../templimages/box_gradient_pricewatch.gif) repeat-x; margin-left: 6px; width: 324px; } .boxContent { padding: 8px 10px; } .boxContent2 { padding: 4px 10px 0 10px; } .boxContentNTS { padding: 0 10px 8px 10px; min-height: 200px; } .boxItems { padding: 4px 0 10px 0; } .boxItem, .boxItemL, .boxItemDouble, .boxItemDark, .boxItemDarkL, .boxItemPriceWatch { margin: 0 10px; line-height: 1.6em; overflow: hidden } .boxItemDouble, .skinBoxItemDouble { height: 36px; } .boxItem { background: url(../templimages/box_item_line.gif) repeat-x; height: 20px; } .boxItemPriceWatch { margin: 0; padding: 0 10px; height: 43px; } .boxItemDark { background: url(../templimages/box_item_line_dark.gif) repeat-x; margin: 0 8px 0 10px; height: 20px; } .boxItemDarkL { background: url(../templimages/box_item_line_darkL.gif) repeat-x; margin: 0 8px 0 10px; height: 40px; } .boxItemL { background: url(../templimages/box_item_lineL.gif) repeat-x; margin: 0; padding-top: 6px; height: 22px; clear: both; } .boxItemDouble { background: url(../templimages/box_itemdouble_line.gif) repeat-x; } .boxFooter { background: url(../templimages/box_footer.gif) no-repeat; width: 218px; height: 33px; } .boxFooterL { background: url(../templimages/box_footerL.gif) no-repeat; width: 336px; height: 33px; } .boxButton { padding-left: 15px; padding-top: 6px; height: 14px; float: left; } .boxButtonRight { padding-right: 15px; padding-top: 6px; height: 14px; text-align: right; float: right; } /* tabs */ .boxTabsM, .boxTabsR { padding-bottom: 4px; width: 186px; height: 21px; } .boxTabsR { padding: 4px 10px 4px 10px; } .boxTabM1, .boxTabM2 { margin-top: -21px; margin-left: 6px; width: 70px; min-height: 21px; height: 21px; border-bottom: 1px solid #a17e03; float: left; } .boxTabM2 { margin-left: 0px; } .boxTabR1, .boxTabR2, .boxTabR3 { margin-top: -21px; margin-left: 6px; width: 58px; min-height: 21px; height: 21px; border-bottom: 1px solid #555555; float: left; } .boxTabR2 , .boxTabR3 { margin-left: 0px; } .boxTabsH { padding: 8px 10px 0 10px; width: 492px; height: 21px; } .boxTabH1, .boxTabH2, .boxTabH3, .boxTabH4, .boxTabH5, .boxTabH6 { margin-top: -21px; width: 70px; min-height: 21px; height: 21px; border-bottom: 1px solid #005f86; float: left; } .boxTabH6 { width: 130px; } /* special boxes and box parts */ .boxImageTop { width: 218px; height: 75px; } .boxImageTopL { width: 310px; height: 75px; } .countdownBox { margin: 2px 0 0 0; width: 218px; height: 84px; } .boxImageLarge { height: 176px; } .pollBoxQuestion { background: url(../templimages/pollbox_item_line.gif) repeat-x bottom; margin-bottom: 4px; padding-bottom: 4px; font-weight: bold; } .releaseBoxItem { line-height: 1.6em; clear: both; } .releaseBoxItemAdd { font-weight: bold; text-align: right; float: right; } .overflowSmal, .overflowXSmall, .overflowSmaller, .overflowDouble, .overflowLarg, .overflowLarger, .quarterBoxLeft { height: 16px; line-height: 1.6em; float: left; overflow: hidden; } .overflowLarg { width: 278px; } .overflowLarger { width: 223px; } .overflowDouble { width: 184px; } .overflowSmal { width: 195px; } .overflowXSmall { width: 185px; } .overflowSmaller { width: 140px; } .errorMessage { margin-left: 25px; color:#333; } .mediaItem { padding: 3px 0; clear: left; } .mediaImage { border: 1px solid #fff; float: left; } .thumb, .thumbU, .thumbSel { margin: 0 4px 5px 0; border: 1px solid #fff; vertical-align: top; } .thumbU { margin-right: 6px; } .thumbSel { border: 3px solid #fff; } .mediaDescription, .mediaDescriptionL { margin: -2px 0 0 6px; width: 98px; color: #333; float: left; } .mediaDescriptionL { width: 216px; } .textTab { width: 131px; font-weight: normal; float: left; } .textTabS { width: 80px; float: left; } .imageBoxLeft { margin: 4px 8px 4px -2px; border: 1px solid #ab8400; float: left; } .imageBoxRight { margin: 4px -2px 4px 8px; border: 1px solid #ab8400; float: right; } .flashBox { margin-top: 2px; width: 524px; height: 80px; clear: both; } .messageScreenshot { border: 1px solid #232323; width: 592px; } .boxshot { margin: 8px 0 2px 0; width: 200px; border: 2px solid #fff; text-align: center; } .mainBoxBackImage { background: url(../templimages/skin/skin_boxfooter_back.gif) no-repeat; width: 22px; height: 27px; float: left; } .gameImage { width: 614px; height: 80px; border-bottom: 1px solid #000; } .gameImageTrans { margin-top: -38px; min-height: 38px; height: 36px; background-color: #fff; z-index: 2; opacity: .60; filter: alpha(opacity=60); -moz-opacity: 0.60; } .itemLine { background: url(../templimages/box_item_lineS.gif) repeat-x; margin: 2px 0; width: 100%; height: 2px; float: left; clear: left; } .comments { background-color: #2e2e2e; } .commentTopLeft { padding: 0 0 1px 10px; width: 540px; height: 15px; background-color: #333333; border-top: 1px solid #828282; border-bottom: 1px solid #828282; float: left; } .commentTopRight { padding: 1px 4px 0 0; width: 60px; height: 15px; background-color: #333333; border-top: 1px solid #828282; border-bottom: 1px solid #828282; float: right; text-align: right; } .commentLeft { padding: 10px 0 10px 10px; width: 80px; float: left; } .commentRight { padding: 8px 10px 10px 10px; width: 484px; float: left; } .commentTopLeftH { padding: 0 0 1px 10px; width: 395px; height: 15px; background-color: #333333; border-top: 1px solid #828282; border-bottom: 1px solid #828282; float: left; } .commentRightH { padding: 8px 10px 10px 10px; width: 339px; float: left; } .adminStatus { color:#ff0000; } .crewStatus { color: #009900; } .nonBold { font-weight: normal; } .grey { color: #333; } .lightGrey { color: #4F4F4F; } .vertSpacer { padding-bottom: 8px; } .vertSpacerClear { clear: both; padding: 1px; } .vertSpacerClear2 { clear: both; padding: 1px; height: 5px; } .leftSpacer { margin-left: 6px; } .left { text-align: left; float: left; } .right { text-align: right; float: right; } .right2 { width: 25px; text-align: right; float: right; } .clearLeft { clear: both; } .quote { margin: 5px; padding: 8px; padding-top: 4px; width: 96%; border: 1px solid #828282; background-color: #333; } .player, .player2 { margin-left: 6px; width: 614px; background-color: #000; text-align: center; } .player2 { margin-left: -10px; margin-right: -10px; } .player img { width: 614px; } #mediaplayer { width: 614px; height: 366px; } .boxHeaderLink { margin-top: 12px; padding-right: 15px; width: 280px; height: 15px; text-align: right; float: right; } .centerLinks { padding-top: 6px; text-align: center; } .channelImage { padding-right: 4px; width: 30px; height: 18px; float: left; } .channelImageKop { padding-right: 4px; width: 30px; height: 18px; float: left; margin-top: -2px; } .editItem, .editItemR { padding-right: 4px; width: 11px; height: 11px; float: left; margin-top: 2px; } .editItemR { float: right; } .redactieImg { margin: 4px 6px 3px 0; } .horLine { margin: 4px 0; } .carouselL { margin-top: 2px; width: 524px; height: 180px; overflow: hidden; } .carouselS { margin: 2px -1px 2px 0; width: 175px; height: 127px; overflow: hidden; float: left; } .carouselTxtL { margin: -43px 0 0 13px; font-weight: normal; } .carouselTxtS { margin: -39px 0 0 13px; font-weight: normal; } .carouselCat { color: #1e90c0; } .carouselL:hover .carouselTxtL, .carouselS:hover .carouselTxtL, .carouselL:hover .carouselTxtS, .carouselS:hover .carouselTxtS { color: #1e90c0; text-decoration: none; } .subFooter { padding: 8px 10px 4px 10px; width: 594px; font-size: 1.1em; text-decoration: underline; line-height: 20px; text-align: justify; height: 25px; } .addthis { width: 297px; float: left; } .addthis a:link, .addthis a:visited, .addthis a:active { font-weight: normal; } /* main box */ .mainBox { margin: 0; width: 524px; } .mainBoxL { margin: 2px 0 0 1px; width: 626px; } .mainBoxHeader { background: url(../templimages/mainbox_header.gif) no-repeat; width: 524px; height: 33px; } .mainBoxHeaderL { background: url(../templimages/mainbox_headerL.gif) no-repeat; width: 626px; height: 33px; } .mainBoxHeaderL2 { background: url(../templimages/mainbox_headerL2.gif) no-repeat; margin-top: -15px; width: 626px; height: 29px; } .mainBoxTitel { margin: 12px 0 0 12px; width: 170px; height: 15px; position:absolute; } .mainBoxTitel2 { margin: 8px 0 0 12px; width: 170px; height: 15px; position:absolute; } .mainBoxBorderL { background: url(../templimages/mainbox_bgL.gif) repeat-y; } .mainBoxGradientL { background: url(../templimages/box_gradient.gif) repeat-x; margin-left: 6px; padding-bottom: 10px; width: 614px; } .mainBoxCommentsL { background-color: #2e2e2e; margin-left: 6px; width: 614px; } .mainBoxTopLeft, .mainBoxTopRight { margin-top: 1px; padding: 0 10px; color: #000; font-size: 0.9em; line-height: 1.1em; float: left; overflow: hidden; } .mainboxTopLeft { width: 250px;} .mainBoxTopRight { text-align: right; float: right; width: 350px; } .mainBoxContent { padding: 8px 10px 4px 10px; width: 594px; font-size: 1.1em; line-height: 1.3em; text-align: justify; clear: both; } .mainBoxContent a { font-weight: normal; text-decoration: underline; } .mainBoxContent h1 { font-size: 1.3em; } .mainBoxContent p { margin-bottom: 2px; } .mainBoxContentThumbs { padding: 8px 6px 8px 10px; width: 598px; text-align: justify; clear: both; } .mainBoxContentTop { padding: 10px 40px 0 40px; } .mainBoxDay, .mainBoxDayL { margin-top: 12px; padding: 1px 10px 0 10px; width: 492px; background-color: #1a7296; border-top: 1px solid #004b6a; border-bottom: 1px solid #004b6a; color: #333; font-weight:bold; float: left; } .mainBoxDayL { width: 594px; } .mainBoxItem, .mainBoxTopItem { background: url(../templimages/box_item_line.gif) repeat-x; height: 20px; line-height: 1.6em; clear: both; overflow: hidden; } .mainBoxTopItem { margin-bottom: 4px; } .mainBoxLItem { background: url(../templimages/box_item_line.gif) repeat-x; margin: 0 10px; height: 20px; line-height: 1.6em; font-weight: bold; float: left; } .mainBoxLeftXXS, .mainBoxLeftS, .mainBoxLeftL, .mainBoxLeftXL, .mainBoxMiddleXS, .mainBoxMiddleS, .mainBoxMiddleS2, .mainBoxLeftMS, .mainBoxMiddleSM, .mainBoxMiddleMM, .mainBoxMiddleM , .mainBoxMiddleL { height: 20px; line-height: 1.6em; color: #333; text-align: left; float: left; overflow: hidden; } .mainBoxLeftXXS { width: 75px; } .mainBoxLeftS { width: 115px; } .mainBoxLeftL { width: 130px; } .mainBoxLeftXL { width: 345px; } .mainBoxMiddleXS { width: 239px; } .mainBoxMiddleS { width: 310px; } .mainBoxMiddleS2 { width: 338px; } .mainBoxMiddleMS { width: 344px; } .mainBoxMiddleMM { width: 374px; } .mainBoxMiddleSM { width: 384px; } .mainBoxMiddleM { width: 414px; } .mainBoxMiddleL { width: 429px; } .mainBoxRightS, .mainBoxRightS2, .mainBoxRightSM, .mainBoxRightMS, .mainBoxRightM, .mainBoxRightL, .mainBoxRightXL { height: 20px; line-height: 1.6em; color: #333; text-align: right; float: right; overflow: hidden; } .mainBoxRightS { width: 50px; } .mainBoxRightS2 { width: 22px; } .mainBoxRightSM { width: 90px; } .mainBoxRightMS { width: 96px; margin-top: -17px; } .mainBoxRightM { width: 110px; float: left; } .mainBoxRightL { width: 160px; } .mainBoxRightXL { width: 240px; } .mainBoxFooterL { background: url(../templimages/mainbox_footerL.gif) no-repeat; margin-bottom: 2px; width: 626px; height: 33px; } .mainBoxFooterLDark { background: url(../templimages/mainbox_footerLDark.gif) no-repeat; margin-bottom: 2px; width: 626px; height: 33px; } .mainBoxFooterLDark2 { background: url(../templimages/mainbox_footerLDark2.gif) no-repeat; margin-bottom: 2px; width: 626px; height: 66px; } .mainBoxButtonPrevious, .mainBoxButtonPreviousM, .mainBoxButtonPreviousL { margin-top: 6px; padding-left: 15px; text-align: left; float: left; } .mainBoxButtonNext, .mainBoxButtonNextM, .mainBoxButtonNextL { margin-top: 6px; padding-right: 15px; text-align: right; float: right; } .mainBoxButtonNext, .mainBoxButtonPrevious { width: 70px; } .mainBoxButtonNextM, .mainBoxButtonPreviousM { width: 80px; height: 16px; line-height: 1.3em; overflow: hidden; } .mainBoxButtonNextL, .mainBoxButtonPreviousL { width: 281px; height: 16px; line-height: 1.3em; overflow: hidden; } .mainBoxButtonNumbers { margin-top: 6px; width: 342px; text-align: center; float: left; } .mainBoxButtonNumbersM { margin-top: 6px; width: 434px; text-align: center; float: left; } .mainBoxButtonNumbersL { margin-top: 6px; width: 444px; text-align: center; float: left; } /* quarter box */ .quarterBox { margin: 0; width: 240px; float: left; } .quarterBoxHeader { background: url(../templimages/quarterbox_header.gif) no-repeat; width: 240px; height: 33px; } .quarterBoxBorder { background: url(../templimages/quarterbox_bg.gif) repeat-y; } .quarterBoxGradient { background: url(../templimages/box_gradient.gif) repeat-x; margin-left: 6px; padding: 4px 0 10px 0; width: 228px; } .quarterBoxFooter { background: url(../templimages/quarterbox_footer.gif) no-repeat; margin-bottom: 2px; width: 240px; height: 33px; } .quarterBoxleft, .quarterBoxleftT { width: 140px; text-align: left; float: left; } .quarterBoxMiddle, .quarterBoxMiddleT { width: 54px; text-align: right; float: left; } .quarterBoxleftT, .quarterBoxMiddleT { color: #CCC; } .quarterBoxRight { width: 14px; text-align: right; float: left; } /* half box */ .halfBox { margin: 0; width: 481px; clear: left; float: left; } .halfBoxHeader { background: url(../templimages/halfbox_header.gif) no-repeat; width: 481px; height: 33px; } .halfBoxBorder { background: url(../templimages/halfbox_bg.gif) repeat-y; } .halfBoxGradient { background: url(../templimages/box_gradient.gif) repeat-x; margin-left: 6px; padding: 3px 5px 10px 5px; width: 459px; } .halfBoxContent { background-color: #2E2E2E; margin-left: 6px; padding: 3px 5px 10px 5px; width: 449px; } .halfBoxContentR { background-color: #2E2E2E; margin-left: 6px; padding: 5px 0 10px 0; width: 469px; } .halfBoxFooter { background: url(../templimages/halfbox_footer.gif) no-repeat; text-align:center; margin-bottom: 2px; width: 481px; height: 33px; } .halfBoxFooterDark { background: url(../templimages/halfbox_footerDark.gif) no-repeat; text-align:center; margin-bottom: 2px; width: 481px; height: 33px; } .halfBoxFooter > b { font-size: 1.2em; } /* collection box */ .collectionLeft { width: 304px; clear: left; float: left; } .collectionRight { width: 135px; float: right; } .collectionLeftT, .collectionRightT { color: #CCC; } .collectionGame, .collectionReview, .collectionScore, .collectionScore, .collectionPlatform, .collectionDelete { width: 61px; float: left; text-align: center; } .collectionGame { width: 243px; text-align: left; } .collectionScore { width: 51px; } .collectionPlatform { width: 48px; } .collectionDelete { width: 35px; } .platformX360 { color: #99CA21; font-weight: bold; } .platformPS3 { color: #0086bd; font-weight: bold; } .platformPC { color: #dbab05; font-weight: bold; } .platformNIN { color: #4ba3d8; font-weight: bold; } /* full wide box */ .wideBox { margin: 3px 0 0 1px; width: 964px; } .wideBoxHeader { background: url(../templimages/widebox_header.gif) no-repeat; width: 964px; height: 33px; } .wideBoxBorder { background: url(../templimages/widebox_bg.gif) repeat-y; } .wideBoxGradient { background: url(../templimages/box_gradient.gif) repeat-x; margin-left: 6px; padding-bottom: 10px; width: 952px; } .wideBoxFooter { background: url(../templimages/widebox_footer.jpg) no-repeat; margin-bottom: 2px; width: 965px; height: 33px; } .wideBoxAvatar, .wideBoxInfo { height: 100px; min-height: 100px; float: left; } .wideBoxAvatar { background: url(../templimages/avatar_placeholder.png) no-repeat; margin: 6px 4px 0 4px; width: 88px; height: 88px; } .wideBoxInfo { background: url(../templimages/widebox_lines.gif) no-repeat; padding-top: 5px; width: 426px; } .wideBoxInfoLeft { width: 213px; float: left; } .memberAvatar { margin: 6px; width: 76px; height: 76px; } .profileMemberName { font-size: 1.6em; line-height: 2em; } /* review rating box */ .ratingAdvantages { width: 297px; float: left; } .ratingAdvantage, .ratingDisadvantage { background: url(../templimages/ratings/rating_advantage.png) no-repeat; padding-top: 7px; padding-left: 25px; width: 275px; height: 26px; overflow: hidden; } .ratingDisadvantage { background: url(../templimages/ratings/rating_disadvantage.png) no-repeat; } .ratingAdvantageTxt { height: 15px; width: 265px; overflow: hidden; } .ratingBoxEnd { clear: left; height: 1px; font-size: 0.1em; line-height: 0.1em; } /* Elements after 'clear: left;' is for IE! */ .ratingLeft { width: 442px; height: 180px; float: left; } .ratingRight { width: 146px; height: 180px; float: left; } .ratingScores { width: 292px; height: 87px; float: left; } .ratingScoresTxt { width: 71px; font-weight: bold; float: left; } .ratingScoresImg { width: 46px; height: 18px; } .ratingScoresImg100 { margin-left: -6px; width: 52px; height: 18px; } .ratingScoresImg2 { margin: 0 10px; width: 143px; height: 18px; } .ratingTotalScore { background: url(../templimages/skin/skin_rating_lines.gif) top center no-repeat; width: 144px; height: 87px; float: left; text-align: center; } .ratingTotalScoreImg { width: 110px; height: 42px; } .ratingQuoteTxt { font-size: 1.3em; } .ratingQuoteLl, .ratingQuoteLr { font-size: 2em; line-height: 1.1em; color: #dce9ae; padding-right: 3px; } .ratingQuoteLr { padding-left: 3px; } .ratingThermo { margin: -6px 0 -20px 0; width: 150px; height: 200px; } .ratingLeftN { width: 426px; text-align: justify; float: left; padding: 2px 14px 4px 4px; } .ratingRightN { width: 150px; text-align: center; float: left; background: url(../templimages/skin/skin_ratingline.gif) repeat-y left top; } .reviewGuide { padding: 5px 0px 0px 16px; } /* profile photo box */ .profilePhotoBox { background: url(../templimages/skin/profile_photobox_bg.jpg) no-repeat; margin-left: 6px; padding: 7px 10px 0 10px; width: 449px; height: 121px; } .photoBoxLeft { margin-top: 33px; width: 32px; clear: left; float: left; } .photoBoxMiddle { width: 385px; float: left; } .photoBoxRight { margin-top: 33px; width: 32px; float: right; } /* banners */ .specialBoxNP { margin-right: 17px; width: 224px; float: right; overflow: hidden; z-index: 5; } .bannerTopLeader { margin-left: 17px; float: left; overflow: hidden; z-index: 5; } .bannerTopLeaderFP { margin-left: 10px; float: left; overflow: hidden; z-index: 5; } .bannerCenter { margin: 6px auto 6px auto; text-align: center; clear: both; overflow: hidden; z-index: 5; } .bannerAdvertorial { margin: 6px auto; width: 180px; height: 150px; background-color: #ccc; border: 1px solid #fff; overflow: hidden; z-index: 5; } .bannerRectangle { margin: 6px auto; text-align: center; overflow: hidden; z-index: 5; } .bannerRectangleL { margin: 6px auto; text-align: center; overflow: hidden; z-index: 5; } /* forms */ form { margin: 0; float: left; position: relative; } .formSearchesItems { padding-right: 36px; } .formSearchesItem { margin: 6px 0 0 4px; position: absolute; } .inputLogin, .inputLoginL { margin-top: 3px; padding: 0 2px; width: 80px; height: 13px; background-color: #fff; border: 1px solid #A8A8A8; color: #333; font-size: 0.8em; } .inputLoginL { width: 140px; } .inputSearch { padding: 0 2px; width: 80px; height: 13px; background-color: #4F4F4F; border: 1px solid #A8A8A8; color: #fff; font-size: 0.8em; } .inputSearches { margin: 6px 0 6px 0; padding: 0 2px; width: 120px; height: 13px; background-color: #797979; border: 1px solid #c7c7c7; color: #fff; font-size: 0.8em; } .inputSearchOptions { margin: 6px 0 6px 0; padding: 0 2px; background-color: #797979; border: 1px solid #c7c7c7; color: #fff; font-size: 0.8em; } .inputRadio { margin-left: -3px; } .inputRadioValue { margin-left: 3px; } .inputAreaReaction, .submitReaction { margin-bottom: 6px; padding: 1px 2px 0 2px; width: 588px; height: 100px; background-color: #333; border: 1px solid #828282; color: #fff; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 1em; overflow: auto; } .submitReaction { width: auto; height: auto; } /* tekstlinks */ .tekstlinkBoxS, .tekstlinkBoxL { margin: 6px 0 5px 5px; width: 298px; background: #9e9e9e url(../templimages/box_gradient.gif) repeat-x; border: 1px solid #fff; z-index: 3; } .tekstlinkBoxS { width: 206px; } .highlights ul { margin: 0; padding: 6px; clear: both; } .highlights ul li { margin: 0; width: 100%; list-style: none; float: left; } .highlights ul li img { margin: 0; border: none; outline: none; float: left; } .highlights ul li .highlights-txt { margin: -2px 0 -6px 6px; float: right; } .highlights ul li .highlights-txt h4, .highlights ul li .highlights-txt h4 a:link, .highlights ul li .highlights-txt h4 a:visited, .highlights ul li .highlights-txt h4 a:active .highlights ul li .highlights-txt h4 a:hover { margin: 0; font-weight: bold; font-size: 1.1em; color: #c89a01; } .tekstlinkBoxS .highlights ul li .highlights-txt { width: 144px; } .tekstlinkBoxL .highlights ul li .highlights-txt { width: 236px; } /* pricewatch */ .pricewatchLogo { background: url(../templimages/box_budgetgaming_logo.gif) top center no-repeat; width: 324px; height: 41px; } .shopImage { margin: 6px 6px 0 0; width: 80px; height: 27px; border: 1px solid #fff; float: left; } .starImage { margin: 8px 6px 0 0; width: 116px; height: 22px; float: left; } .priceTxt { margin: 11px 0 0 10px; font-size: 1.1em; float: left; } .shopName { margin: 11px 0 0 10px; float: left; width: 152px;} /* profiel */ #foto1 { width:114px; height:74px; margin-left:7px; margin-top:15px; float:left; text-align:center; vertical-align:center; } #foto2 { width:114px; height:74px; margin-left:14px; margin-top:15px; float:left; text-align:center; vertical-align:center; } #foto3 { width:114px; height:74px; margin-left:14px; margin-top:15px; float:left; text-align:center; vertical-align:center; } .profile_photos { border-style:solid; border-width:3px; border-color:white; } #addFoto { cursor:pointer; } #uploadpic { padding-top:23px; width:310px; text-align:right; } #uploadpics { display:none; } #photobutton2 { cursor:pointer; } .removepic { position:absolute; margin-left:2px; } #fotoaddress { background-color:#4F4F4F; border-style:solid; border-color:#A8A8A8; border-width:1px; } #submitfoto, .submitFormArrow, .submitFormArrowB { background-color:transparent; border-style:solid; border-color:#A8A8A8; border-width:0px; cursor:pointer; color:white; } .submitFormArrowB { font-weight: bold; font-size: 1em; } .submitFormArrow { width: 10px; } .delete { font-weight:bold; cursor:pointer; } #mycomment { width:440px; padding:2px; margin-left:4px; margin-top:5px; background-color:#4F4F4F; border-style:solid; border-color:#A8A8A8; border-width:1px; color:white; height:100px; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:1em; } #submitcomment { background-color:transparent; border-style:solid; border-color:#A8A8A8; border-width:1px; cursor:pointer; color:white; margin-right:9px; cursor:default; float:right; } .video_link { cursor:pointer; font-weight:bold; } #writeBlog_review { float:none; } #writeBlog_quote, #writeBlog_textarea, #writeBlog_input, #writeBlog_submit, .Rating, #selectGameReview, #writeBlog_conclussion, .review_minpluspunten { margin-bottom: 0px; margin-left:2px; padding-top: 1px; padding-right: 2px; padding-bottom: 0pt; padding-left: 2px; width: 450px; height: 300px; background-color: #333333; border-style:solid; border-width:1px; border-color: #828282; color: #ffffff; font-family: Tahoma,Verdana, Helvetica, sans-serif; font-size: 1em; overflow:auto; } #writeBlog_quote { width: 450px; height: 15px; overflow: visible; } #writeBlog_input { padding-top:0px; margin-top:5px; height:auto; margin-bottom:2px; overflow:visible; } #writeBlog_submit { height:auto; width:auto; } .Rating { padding-top:0px; width:20px; height:auto; margin-top:0px; margin-bottom:0px; text-align:right; } #ratingtable { border-width:0px; padding:0px; margin:0px; } #selectGameReview { height:auto; width:456px; } #writeBlog_conclussion { height:50px; } .review_minpluspunten { width:220px; height: 15px; overflow:visible; } /* advertorial */ .advertorialHeader { background: url(../images/overige/advertorialTitleSmal.png); height: 33px; width: 218px; } .advertorialContent { background: url(../images/overige/advertorialContentSmal.png) repeat-y; } .advertorialTitle { margin: 6px; text-align: center;} .advertorialText { margin: 0 10px; font-size: 12px; } .advertorialFooter { background: url(../images/overige/advertorialFooterSmal.png); height: 32px; } .advertorialFooter a { margin-left: 16px; } .advertorialHeaderL { background: url(../images/overige/advertorialTitleBreed.png); height: 33px; width: 336px; } .advertorialContentL { background: url(../images/overige/advertorialContentBreed.png) repeat-y; } .advertorialFooterL { background: url(../images/overige/advertorialFooterBreed.png); height: 32px; } .advertorialFooterL a { margin-left: 16px; line-height: 25px; }