/* ----------------------------------------------------------------------------- */ /* Scoreloop SCREEN Stylesheet */ /* version: 0.1a */ /* date: 23/02/09 */ /* author: Marc Beyerlin + Anja Deubzer */ /* email: info@anjadeubzer.de */ /* website: http://www.scoreloop.com */ /* Copyright: Copyright (c) 2009 by scoreloop */ /* License: No rights granted for any use of the Software or parts of it */ /* This file is part of scoreloop. All rights reserved. No rights granted to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software or parts of the Software without prior written and signed permission. */ /* THIS FILE RESIDES IN "/public/stylesheets/". */ /* ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- */ /* Scoreloop CONFIGURATION Stylesheet */ /* version: 0.1a */ /* date: 23/02/09 */ /* author: Marc Beyerlin + Anja Deubzer */ /* email: info@anjadeubzer.de */ /* website: http://www.scoreloop.com */ /* Copyright: Copyright (c) 2009 by scoreloop */ /* License: No rights granted for any use of the Software or parts of it */ /* This file is part of scoreloop. All rights reserved. No rights granted to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software or parts of the Software without prior written and signed permission. */ /* THIS FILE RESIDES IN "/public/stylesheets/". */ /* ----------------------------------------------------------------------------- */ #footnotes_debug { font-size: 10px; line-height: 15px; } #topNavi { position: absolute; right: 0px; top: 5px; } #topNavi li { display: inline; padding: 0px 10px 0px 10px; border-right: 1px solid #bebebb; } #topNavi a { color: #adadaa; } #mainNavi { position: absolute; right: 0px; bottom: -1px; } #mainNavi li { position: relative; float: left; display: inline; } #mainNavi a { text-indent: -9999px; color: #FFF; text-align: center; display: block; width: 105px; height: 40px; margin-left: 10px; background-repeat: no-repeat; } #mainNavi a:hover { background-position: 0 -100px; } #mainNavi #userButton a { background-image: url(/images/nav/user.png?00000); } #mainNavi #gameButton a { width: 111px; background-image: url(/images/nav/game.png?00000); } #mainNavi #homeButton a { width: 180px; background-image: url(/images/nav/dashboard.png?00000); } #mainNavi.userSelected #userButton a, #mainNavi.gamesSelected #gameButton a, #mainNavi.homeSelected #homeButton a { background-position: 0 -50px; } #dashboardNaviArea, .sidebarNavi { margin-bottom: 120px; } #dashboardNaviArea li, .sidebarNavi li { background: transparent url(/images/nav/sidebar_bg.png?00000) no-repeat; height: 40px; margin: -5px -5px -10px -5px; } #dashboardNaviArea li a, .sidebarNavi li a { color: #888888; padding: 10px 0 10px 20px; display: block; } #dashboardNaviArea li a:hover, .sidebarNavi li a:hover { color: #5b5b5b; text-decoration: none; } #dashboardNaviArea li .active, .sidebarNavi li .active { color: #9f488f; } #dashboardNaviArea li.space, .sidebarNavi li.space { height: 50px; } .floatingImage { position: relative; float: left; display: inline; } .floatingImage img { display: block; } input[type="submit"] { display: inline; color: #888888; line-height: 1; background: transparent url(/images/cssbutton/but.png?00000) no-repeat 0px 50%; cursor: pointer; padding: 5px 8px 5px 26px; -moz-border-radius: 12px; -webkit-border-radius: 12px; border: 1px solid #bebebb; margin: 0px 0px 5px 0px; padding: 3px 8px 3px 26px; } input[type="submit"]:hover { color: #5b5b5b; text-decoration: none; } input[type="submit"]:hover { background-position: -450px 50%; } .cssbutton { display: inline; color: #888888; line-height: 1; background: transparent url(/images/cssbutton/but.png?00000) no-repeat 0px 50%; cursor: pointer; padding: 5px 8px 5px 26px; -moz-border-radius: 12px; -webkit-border-radius: 12px; border: 1px solid #bebebb; margin: 0px 0px 5px 0px; } .cssbutton:hover { color: #5b5b5b; text-decoration: none; } .cssbutton:hover { background-position: -450px 50%; } a.cssbutton { padding: 6px 8px 6px 26px; } .backbutton { position: relative; float: right; display: inline; margin: -27px 5px 0px 5px; background-image: url(/images/cssbutton/but_back.png?00000); } .cancelbutton { background-image: url(/images/cssbutton/but_cancel.png?00000); } #gameChallenges .cssbutton, #tabArea .cssbutton, #challenges .cssbutton { display: inline; color: #888888; line-height: 1; background: transparent url(/images/cssbutton/but.png?00000) no-repeat 0px 50%; cursor: pointer; padding: 5px 8px 5px 26px; -moz-border-radius: 12px; -webkit-border-radius: 12px; border: 1px solid #bebebb; margin: 7px 0px 9px 18px; } #gameChallenges .cssbutton:hover, #tabArea .cssbutton:hover, #challenges .cssbutton:hover { color: #5b5b5b; text-decoration: none; } #gameChallenges .cssbutton:hover, #tabArea .cssbutton:hover, #challenges .cssbutton:hover { background-position: -450px 50%; } #gameChallenges a.cssbutton, #tabArea a.cssbutton, #challenges a.cssbutton { padding: 5px 8px 5px 26px; } #pagewrapper #contents #main .backbutton { position: relative; float: right; display: inline; margin: -45px 5px 0px 5px; background-image: url(/images/cssbutton/but_back.png?00000); } #tabArea .tabContent { clear: right; padding-top: 20px; margin-left: -2.5%; } #tabArea .noContent { margin-left: 2.5%; text-align: center; } #tabArea #tabBar { width: 684px; padding-right: 16px; position: relative; float: right; display: inline; border-bottom: 1px solid #bebebb; background: transparent url(/images/tabBar_bg.png?00000) repeat-x 0% 100%; } #tabArea #tabBar .tab a { display: inline; color: #888888; line-height: 1; background: transparent url(/images/cssbutton/but.png?00000) no-repeat 0px 50%; cursor: pointer; padding: 5px 8px 5px 26px; background-image: url(/images/cssbutton/but_tab.png?00000); border-bottom: 0; -moz-border-radius-topleft: 12px; -webkit-border-top-left-radius: 12px; -moz-border-radius-topright: 12px; -webkit-border-top-right-radius: 12px; border: 1px solid #bebebb; border-bottom: 0; position: relative; float: right; display: inline; margin-left: 10px; } #tabArea #tabBar .tab a:hover { color: #5b5b5b; text-decoration: none; } #tabArea #tabBar .tab a:hover { background-position: -450px 50%; } #tabArea #tabBar .tabSelected a { padding-bottom: 6px; margin-bottom: -1px; background-position: -450px 50%; } .searchResult, .noContent { clear: right; padding-top: 20px; } .searchResult form, .noContent form { float: left; border-bottom: 1px solid #bebebb; margin-bottom: 20px; width: 100%; } .searchResult form h2 .smallDecoration, .noContent form h2 .smallDecoration { float: right; margin: -2px 0px 0px 0px; width: 24px; height: 24px; } .searchResult form th, .searchResult form h2, .noContent form th, .noContent form h2 { margin: 0; font-weight: bold; border-top: 1px solid #bebebb; border-bottom: 1px solid #bebebb; border-left: 1px solid #f0ebeb; border-right: 1px solid #f0ebeb; background-color: white; padding: 4px 10px; } .searchResult form th .widgetSub, .searchResult form h2 .widgetSub, .noContent form th .widgetSub, .noContent form h2 .widgetSub { font-weight: normal; } .searchResult form th, .noContent form th { border-left: 0; border-right: 0; } .searchResult form td, .searchResult form li, .searchResult form .widgetContent, .noContent form td, .noContent form li, .noContent form .widgetContent { border-bottom: 1px solid white; background: #E7E6E6 url(/images/score_bg.png?00000) repeat-x 0% 50%; } .searchResult form td, .searchResult form li, .noContent form td, .noContent form li { padding-left: 5px; padding-right: 5px; min-height: 30px; vertical-align: middle; } .searchResult form td, .noContent form td { height: 30px; } .searchResult form .selectedHighScore td, .noContent form .selectedHighScore td { background: transparent url(/images/widgets/score_sel_bg.png?00000) repeat-x 0% 50%; color: white; } .searchResult form .selectedHighScore td a, .noContent form .selectedHighScore td a { color: white; } .searchResult form li, .noContent form li { min-height: 20px; padding-top: 5px; padding-bottom: 5px; } .searchResult form td.first, .noContent form td.first { padding: 0; width: 40px; } .searchResult form td.first .floatingImage, .noContent form td.first .floatingImage { margin: 0; } .searchResult form td.right, .noContent form td.right { text-align: right; } .searchResult form p, .noContent form p { margin-right: 5px; margin-left: 5px; margin-top: 0; } .searchResult form .suggestionButton, .searchResult form .cssbutton, .noContent form .suggestionButton, .noContent form .cssbutton { display: inline; color: #888888; line-height: 1; background: transparent url(/images/cssbutton/but.png?00000) no-repeat 0px 50%; cursor: pointer; padding: 5px 8px 5px 26px; -moz-border-radius: 12px; -webkit-border-radius: 12px; border: 1px solid #bebebb; position: relative; float: right; display: inline; margin: 7px 10px 9px 0px; } .searchResult form .suggestionButton:hover, .searchResult form .cssbutton:hover, .noContent form .suggestionButton:hover, .noContent form .cssbutton:hover { color: #5b5b5b; text-decoration: none; } .searchResult form .suggestionButton:hover, .searchResult form .cssbutton:hover, .noContent form .suggestionButton:hover, .noContent form .cssbutton:hover { background-position: -450px 50%; } .searchResult form .decoration, .noContent form .decoration { position: relative; float: right; display: inline; margin: 5px 5px 0px 5px; } .searchResult #highscoretable td, .noContent #highscoretable td { vertical-align: middle; font-size: 14px; line-height: 20px; padding: 5px 10px 5px 10px; } .searchResult #highscoretable .positionTd, .noContent #highscoretable .positionTd { width: 60px; font-weight: bold; } .searchResult #highscoretable .scoreTd, .noContent #highscoretable .scoreTd { width: 360px; } #scoreHeader { height: 60px; background-color: white; border-color: #BEBEBB #F0EBEB; border-style: solid; border-width: 1px; margin-bottom: 20px; padding-top: 10px; padding-left: 10px; } #scoreHeader h2 { font-weight: normal; } #scoreHeader h5 { color: #5b5b5b; font-size: 18px; font-weight: bold; } #scoreList .tabContent { clear: right; padding-top: 20px; } #scoreList ul { width: 684px; padding-right: 16px; position: relative; float: right; display: inline; border-bottom: 1px solid #bebebb; background: transparent url(/images/tabBar_bg.png?00000) repeat-x 0% 100%; } #scoreList ul li a { display: inline; color: #888888; line-height: 1; background: transparent url(/images/cssbutton/but.png?00000) no-repeat 0px 50%; cursor: pointer; padding: 5px 8px 5px 26px; background-image: url(/images/cssbutton/but_tab.png?00000); border-bottom: 0; -moz-border-radius-topleft: 12px; -webkit-border-top-left-radius: 12px; -moz-border-radius-topright: 12px; -webkit-border-top-right-radius: 12px; border: 1px solid #bebebb; border-bottom: 0; position: relative; float: right; display: inline; margin-left: 10px; width: 180px; line-height: 140%; padding: 5px 8px 5px 30px; width: 176px; } #scoreList ul li a:hover { color: #5b5b5b; text-decoration: none; } #scoreList ul li a:hover { background-position: -450px 50%; } #scoreList ul li.scoreListActive { width: 180px; display: inline; color: #888888; line-height: 1; background: transparent url(/images/cssbutton/but.png?00000) no-repeat 0px 50%; cursor: pointer; padding: 5px 8px 5px 26px; background-image: url(/images/cssbutton/but_tab.png?00000); border-bottom: 0; -moz-border-radius-topleft: 12px; -webkit-border-top-left-radius: 12px; -moz-border-radius-topright: 12px; -webkit-border-top-right-radius: 12px; border: 1px solid #bebebb; border-bottom: 0; position: relative; float: right; display: inline; margin-left: 10px; padding-bottom: 6px; margin-bottom: -1px; background-position: -450px 50%; line-height: 140%; padding: 5px 8px 5px 30px; width: 176px; } #scoreList ul li.scoreListActive:hover { color: #5b5b5b; text-decoration: none; } #scoreList ul li.scoreListActive:hover { background-position: -450px 50%; } #scoreList ul li.knowledge a, #scoreList ul li.knowledge { background-image: url(/images/cssbutton/but_tab_knowledge.png?00000); } #scoreList ul li.agility a, #scoreList ul li.agility { background-image: url(/images/cssbutton/but_tab_agility.png?00000); } #scoreList ul li.strategy a, #scoreList ul li.strategy { background-image: url(/images/cssbutton/but_tab_strategy.png?00000); } #scoreList ul a { color: #888888; } #scoreList ul a:hover { color: #5b5b5b; text-decoration: none; } #scoreList h1 { margin: 0 0 10px 10px; } #modesList #scoreSelection h2 { clear: left; background-color: #bebebb; margin: 10px; padding: 0px 5px 0px 5px; color: white; } #modesList #scoreSelection ul { clear: left; margin: 10px; position: relative; float: left; display: inline; } #modesList #scoreSelection li { position: relative; float: left; display: inline; } #modesList #scoreSelection li .inActiveScore:hover, #modesList #scoreSelection li .activeScore:hover { text-decoration: none; } #modesList #scoreSelection li a.inActiveScore { padding: 0px 25px 0px 18px; font-weight: normal; color: !text_color; background: transparent url(/images/modes/btn_sprite.png?00000) no-repeat 0 0; } #modesList #scoreSelection li a.inActiveScore:hover { font-weight: normal; color: !header_color; background: transparent url(/images/modes/btn_sprite.png?00000) no-repeat 0 -20px; } #modesList #scoreSelection li a.activeScore { padding: 0px 25px 0px 18px; font-weight: bold; color: !button_color; background: transparent url(/images/modes/btn_sprite.png?00000) no-repeat 0 -40px; } #modesList #modeInfo { margin: 10px; } #modesList #modes, #modesList #scoreListContainer { position: relative; float: left; display: inline; width: 700px; padding: 0 6px 0 6px; margin-left: -5px; background: transparent url(/images/modes/line.png?00000) repeat-y 0% 0%; } #modesList #modes { background-image: none; margin-right: -1px; } #modesList #modes ul { clear: left; position: relative; float: left; display: inline; width: 100%; } #modesList #modes li { position: relative; float: left; display: inline; overflow: hidden; width: 160px; height: 20px; padding: 15px 6px 5px 6px; margin-right: -5px; margin-left: -6px; background: transparent url(/images/modes/inactive.png?00000) no-repeat 50% 0%; } #modesList #modes li.activeMode { z-index: 90; background: transparent url(/images/modes/active.png?00000) no-repeat 50% 0%; } #modesList #modes li.more { width: 55px; background: transparent url(/images/modes/more.png?00000) no-repeat 0% 0%; } #modesList #modes a { overflow: hidden; display: block; width: 140px; font-weight: normal; color: #5b5b5b; margin: 0 10px 0 10px; } #modesList #modes .activeMode a { font-weight: bold; } #modesList #modes .more a { margin: 0 5px; } #modesList #modes #moreModes { position: absolute; top: -10px; left: 600px; z-index: 1000; padding: 0px; border: 2px "solid" #E0E0E0; } #modesList #modes #moreModes ul li { display: block; top: -10px; background: transparent url(/images/modes/lineSmall.png?00000) repeat-y 0% 0%; } #modesList #modes #moreModes .top { background: transparent url(/images/modes/topSmall.png?00000) no-repeat bottom left; } #modesList #modes #moreModes .bottom { background: transparent url(/images/modes/bottomSmall.png?00000) no-repeat top left; } #modesList .bottomLine { height: 23px; margin-left: -5px; margin-right: -6px; clear: left; background: transparent url(/images/modes/bottom.png?00000) repeat-y 0% 0%; } .overlay { width: 100%; height: 100%; background: white; position: fixed; top: 0; left: 0; z-index: 98; } #overlayCloseButton, #overlayUserCloseButton { position: absolute; width: 22px; height: 22px; top: -9px; right: -9px; text-indent: -9999px; cursor: pointer; background: transparent url(/images/overlay/close.png?00000) no-repeat; } .dialog, .invitationPage .dialog { position: fixed; top: 0%; left: 50%; margin-left: -340px; width: 620px; height: 400px; padding: 30px 30px 30px 30px; background: transparent url(/images/overlay/overlay_bg.png?00000) no-repeat; z-index: 1000; overflow: hidden; } .dialog .decorations, .invitationPage .dialog .decorations { display: inline; float: right; position: relative; } .dialog #dialogContent, .invitationPage .dialog #dialogContent { position: relative; height: 400px; text-align: left; } .dialog #dialogContent #avatar-created, .dialog #dialogContent .link-goto, .invitationPage .dialog #dialogContent #avatar-created, .invitationPage .dialog #dialogContent .link-goto { position: absolute; bottom: 20px; right: 60px; z-index: 4; } .dialog .scopeOverlay, .dialog .userOverlay, .invitationPage .dialog .scopeOverlay, .invitationPage .dialog .userOverlay { height: 380px; padding-right: 60px; padding-top: 20px; background: transparent url(/images/overlay/userOverlay_bg.png?00000) repeat-x left 30px; } .dialog .scoreloopOverlay .floatingImage, .dialog .invitationGameOverlay .floatingImage, .invitationPage .dialog .scoreloopOverlay .floatingImage, .invitationPage .dialog .invitationGameOverlay .floatingImage { margin-top: 4px; margin-left: 20px; margin-right: 20px; margin-bottom: 100px; position: relative; } .dialog .scoreloopOverlay h1, .dialog .invitationGameOverlay h1, .invitationPage .dialog .scoreloopOverlay h1, .invitationPage .dialog .invitationGameOverlay h1 { display: block; margin-top: 20px; } .dialog .scoreloopOverlay a, .dialog .invitationGameOverlay a, .invitationPage .dialog .scoreloopOverlay a, .invitationPage .dialog .invitationGameOverlay a { margin-top: -20px; } .dialog .scoreloopOverlay h2, .dialog .invitationGameOverlay h2, .invitationPage .dialog .scoreloopOverlay h2, .invitationPage .dialog .invitationGameOverlay h2 { display: block; margin-right: 20px; } .dialog .scopeOverlay, .invitationPage .dialog .scopeOverlay { min-height: 80%; background-position: 0 75px; } .dialog .scopeOverlay h5, .invitationPage .dialog .scopeOverlay h5 { margin-top: 16px; } .dialog .floatingImage, .invitationPage .dialog .floatingImage { margin-top: 20px; margin-bottom: -20px; } .dialog h3, .invitationPage .dialog h3 { color: #5f004e; margin-top: 10px; } .dialog .userFacts, .invitationPage .dialog .userFacts { width: 360px; height: 100px; border-top: 1px "solid" #BEBEBB; margin-left: 200px; margin-top: 16px; } .dialog .userFacts .left, .dialog .userFacts .right, .invitationPage .dialog .userFacts .left, .invitationPage .dialog .userFacts .right { position: relative; float: left; display: inline; width: 100%; margin-top: 10px; display: table; } .dialog .userFacts .left .fact, .dialog .userFacts .right .fact, .invitationPage .dialog .userFacts .left .fact, .invitationPage .dialog .userFacts .right .fact { text-align: right; font-weight: bold; line-height: normal; } .dialog .barcontainer, .invitationPage .dialog .barcontainer { margin-left: 200px; margin-top: 80px; } #PotentialOpponents h3 { color: #888888; margin-top: 10px; text-align: center; } #PotentialOpponents h5 { font-size: 14px; line-height: 20px; margin-bottom: 10px; } #PotentialOpponents .decorations { position: relative; float: right; display: inline; } #PotentialOpponents .scopeFacts, #PotentialOpponents .userFacts { border-top: 1px solid #bebebb; margin-top: 16px; margin-left: 200px; } #PotentialOpponents .scopeFacts table, #PotentialOpponents .userFacts table { position: relative; float: left; width: 160px; margin-top: 16px; } #PotentialOpponents .scopeFacts table td, #PotentialOpponents .userFacts table td { height: 25px; } #PotentialOpponents .scopeFacts table.left, #PotentialOpponents .userFacts table.left { margin-right: 30px; } #PotentialOpponents .scopeFacts .fact, #PotentialOpponents .userFacts .fact { font-weight: bold; text-align: right; } #PotentialOpponents .scopeFacts .scoreListOverlayElement { display: inline; color: #888888; line-height: 1; background: transparent url(/images/cssbutton/but.png?00000) no-repeat 0px 50%; cursor: pointer; padding: 5px 8px 5px 26px; display: block; background: transparent url(/images/cssbutton/but_raw.png?00000) no-repeat 0% 50%; padding: 7px 8px 7px 26px; } #PotentialOpponents .scopeFacts .scoreListOverlayElement:hover { color: #5b5b5b; text-decoration: none; } #PotentialOpponents .scopeFacts .scoreListOverlayElement:hover { background-position: -450px 50%; } #PotentialOpponents .scopeFacts .scoreListOverlayElement:hover { background: transparent url(/images/cssbutton/but_raw.png?00000) no-repeat 0% 50%; } #PotentialOpponents .barcontainer { clear: left; margin-left: 200px; } .avatarChooserOverlay { height: 400px; background: transparent url(/images/overlay/avatarOverlay_bg.png?00000) no-repeat; } #invitation { text-align: center; } #invitation .stepWelcome, #invitation .stepOne, #invitation .stepTwo, #invitation .stepThree { border-top: 1px solid #bebebb; border-bottom: 1px solid #bebebb; border-left: 1px solid #f0ebeb; border-right: 1px solid #f0ebeb; background-color: white; padding: 4px 10px; } #invitation h1, #invitation h2 { width: 620px; margin-right: auto; margin-left: auto; } #invitation .stepContent { padding: 40px 0px 40px 0px; width: 620px; margin-right: auto; margin-left: auto; margin-bottom: 0; } #invitation .stepContent .avatarChooserOverlay { border-top: 1px solid #bebebb; border-bottom: 1px solid #bebebb; border-left: 1px solid #f0ebeb; border-right: 1px solid #f0ebeb; background-color: white; position: relative; width: 620px; height: 400px; margin-bottom: 15px; } #invitation .stepContent .new_user { border-top: 1px solid #bebebb; border-bottom: 1px solid #bebebb; border-left: 1px solid #f0ebeb; border-right: 1px solid #f0ebeb; background-color: white; text-align: left; background-color: white; width: 460px; padding: 30px 80px; margin-bottom: 15px; display: block; } #invitation .stepContent .new_user #new_user { border: none; left: -80px; position: relative; } #invitation .stepContent .new_user table td { vertical-align: top; padding-left: 5px; clear: both; } #invitation .stepContent .new_user table td input { padding-left: 0; margin-left: 0; border: 1px solid #bebebb; } #invitation .stepContent .new_user table td .fieldWithErrors { overflow: hidden; } #invitation .stepContent .new_user table td .fieldWithErrors input { background-color: #fcc; float: left; border: 1px "dotted" #f00; font-size: 100%; } #invitation .stepContent .new_user table td .error { margin: 0; padding: 0; background: none; font-weight: bold; position: static; } #invitation .stepContent #buttonsFieldset { border-bottom: 1px solid #bebebb; border-top: none; margin-top: -15px; margin-left: 0; width: 622px; height: 36px; } #invitation .stepContent #buttonsFieldset .next { top: 1px; } #invitation .stepContent .welcome { border-top: 1px solid #bebebb; border-bottom: 1px solid #bebebb; border-left: 1px solid #f0ebeb; border-right: 1px solid #f0ebeb; background-color: white; position: relative; width: 800px; height: 230px; background-color: white; border-color: #BEBEBB #F0EBEB; border-style: solid; border-width: 1px; margin: 0 0 0 -90px; padding: 20px 0 0 0; } #invitation .stepContent .welcome h1, #invitation .stepContent .welcome h2 { text-align: left; line-height: 20px; } #invitation .stepContent .welcome .sender { width: 480px; } #invitation .stepContent .welcome .sender .senderText { margin-top: 20px; font-size: 14px; color: #888888; text-align: left; width: 300px; margin-left: 160px; } #invitation .stepContent .welcome .sender .senderText a { color: #888888; font-weight: bold; } #invitation .stepContent .welcome .sender .senderText a:hover { color: #5f004e; text-decoration: none; } #invitation .stepContent .welcome .sender .floatingImage { top: -50px; position: relative; background: transparent url(/images/avatars/detail_bg.png?00000) no-repeat top left; } #invitation .stepContent .welcome .sender .floatingImage .constructedAvatarBig { width: 200px; height: 200px; top: -30px; left: -10px; position: relative; overflow: hidden; } #invitation .stepContent .welcome .sender .floatingImage .constructedAvatarBig img { height: 190px; width: 190px; } #invitation .stepContent .welcome .sender .floatingImageGame { position: relative; top: 20px; left: -160px; } #invitation .stepContent .welcome .create_account { position: relative; float: right; display: inline; width: 320px; height: 200px; border-left: 1px; border-color: #BEBEBB; border-style: solid; top: -125px; position: relative; padding-top: 25px; padding-left: 10px; } #invitation .stepContent .welcome .create_account h1 { width: 300px; color: #888888; text-align: center; } #invitation .stepContent .welcome .create_account h5 { height: 20px; top: 80px; position: relative; text-align: center; } #invitation .stepContent .welcome .create_account .acceptChallenge { text-indent: -9999em; width: 320px; height: 70px; top: 30px; left: -5px; position: relative; background: url(/images/invitations/acceptChallenge.png?00000) no-repeat 50% -100px; display: block; color: #FFF; height: 65px; text-indent: -9999px; margin: 0px 0px 0px 0px; } #invitation .stepContent .welcome .create_account .acceptChallenge:hover { background: url(/images/invitations/acceptChallenge.png?00000) no-repeat 50% 0; } #invitation .stepContent .welcome .create_account .acceptChallenge:active { background: url(/images/invitations/acceptChallenge.png?00000) no-repeat 50% -200px; } #invitation .stepContent .welcome .gameDownload, #invitation .stepContent .welcome .userLogin, #invitation .stepContent .welcome .playChallenge { position: relative; float: left; display: inline; width: 230px; height: 210px; padding-left: 15px; padding-right: 20px; font-size: 14px; color: #888888; text-align: left; font-weight: bold; font-height: 20px; } #invitation .stepContent .welcome .gameDownload a, #invitation .stepContent .welcome .userLogin a, #invitation .stepContent .welcome .playChallenge a { text-decoration: underline; color: #888888; } #invitation .stepContent .welcome .gameDownload a:hover, #invitation .stepContent .welcome .userLogin a:hover, #invitation .stepContent .welcome .playChallenge a:hover { color: #5f004e; } #invitation .stepContent .welcome .gameDownload .steps, #invitation .stepContent .welcome .gameDownload .stepsB, #invitation .stepContent .welcome .gameDownload .stepsC, #invitation .stepContent .welcome .userLogin .steps, #invitation .stepContent .welcome .userLogin .stepsB, #invitation .stepContent .welcome .userLogin .stepsC, #invitation .stepContent .welcome .playChallenge .steps, #invitation .stepContent .welcome .playChallenge .stepsB, #invitation .stepContent .welcome .playChallenge .stepsC { position: relative; float: left; display: inline; top: -5px; left: -5px; width: 37px; height: 30px; } #invitation .stepContent .welcome .gameDownload .steps, #invitation .stepContent .welcome .userLogin .steps, #invitation .stepContent .welcome .playChallenge .steps { background: url(/images/invitations/aStep.png?00000) no-repeat 50% 0; } #invitation .stepContent .welcome .gameDownload .stepsB, #invitation .stepContent .welcome .userLogin .stepsB, #invitation .stepContent .welcome .playChallenge .stepsB { background: url(/images/invitations/aStep.png?00000) no-repeat 50% -30px; } #invitation .stepContent .welcome .gameDownload .stepsC, #invitation .stepContent .welcome .userLogin .stepsC, #invitation .stepContent .welcome .playChallenge .stepsC { background: url(/images/invitations/aStep.png?00000) no-repeat 50% -60px; } #invitation .stepContent .welcome .gameDownload .floatingImageGame, #invitation .stepContent .welcome .gameDownload .floatingImagePhone, #invitation .stepContent .welcome .gameDownload .floatingImage, #invitation .stepContent .welcome .userLogin .floatingImageGame, #invitation .stepContent .welcome .userLogin .floatingImagePhone, #invitation .stepContent .welcome .userLogin .floatingImage, #invitation .stepContent .welcome .playChallenge .floatingImageGame, #invitation .stepContent .welcome .playChallenge .floatingImagePhone, #invitation .stepContent .welcome .playChallenge .floatingImage { position: relative; float: left; display: inline; margin-left: -30px; margin-top: 20px; margin-bottom: 10px; width: 115px; } #invitation .stepContent .welcome .gameDownload .floatingImage, #invitation .stepContent .welcome .userLogin .floatingImage, #invitation .stepContent .welcome .playChallenge .floatingImage { text-align: center; } #invitation .stepContent .welcome .gameDownload .floatingImagePhone, #invitation .stepContent .welcome .userLogin .floatingImagePhone, #invitation .stepContent .welcome .playChallenge .floatingImagePhone { position: relative; float: left; display: inline; width: 85px; height: 145px; margin-left: -40px; margin-right: 10px; background: transparent url(/images/invitations/bStep.png?00000) no-repeat scroll 50% 50%; } #invitation .stepContent .welcome .ChallageContainer { overflow: hidden; background: transparent url(/images/avatars/detail_bg_vs2.png?00000) no-repeat scroll 50% 50%; clear: both; padding: 0 5px; } #invitation .stepContent .welcome .ChallageContainer .right { float: right; margin-right: -20px; } #invitation .stepContent .welcome .ChallageContainer .left { margin-left: -20px; } #invitation .stepContent .welcome .ChallageContainer .floatingImage.middle { width: 70px; height: 50px; left: 7px; top: 25px; position: relative; background: transparent url(/images/invitations/cStep.png?00000) no-repeat scroll 50% 50%; } #invitation .stepContent .welcome .userLogin, #invitation .stepContent .welcome .playChallenge { border-left: 1px; border-color: #BEBEBB; border-style: solid; } #invitation h5 { display: block; font-size: 12px; font-weight: normal; line-height: 20px; font-color: #888888; } #invitation h5 a { color: #888888; } #invitation h5 a:hover { color: #5f004e; text-decoration: none; } #invitation .leftInvitation { position: relative; float: left; display: inline; text-align: left; margin-top: 10px; margin-left: -200px; } #invitation .rightInvitation { position: relative; float: right; display: inline; text-align: right; margin-top: 10px; margin-right: -336px; } #invitation .next { position: relative; float: right; display: inline; } #invitation .nextbutton { margin-top: -7px; display: block; width: 55px; height: 55px; cursor: pointer; background: url(/images/overlay/avatar_but_right.png?00000) no-repeat 50% 50%; } #invitation .nextbutton:hover, #invitation .nextbutton.previous_button_over { background-image: url(/images/overlay/avatar_but_right_active.png?00000); } #invitation .nextbutton.previous_button_disabled { background-image: url(/images/overlay/avatar_but_right_disabled.png?00000); cursor: default; } #invitation .previous { position: relative; float: left; display: inline; } #invitation .previousbutton { margin-top: -7px; display: block; width: 55px; height: 55px; cursor: pointer; background: url(/images/overlay/avatar_but_left.png?00000) no-repeat 50% 50%; } #invitation .previousbutton:hover, #invitation .previousbutton.next_button_over { background-image: url(/images/overlay/avatar_but_left_active.png?00000); } #invitation .previousbutton.next_button_disabled { background-image: url(/images/overlay/avatar_but_left_disabled.png?00000); cursor: default; } #userSearch { min-height: 98px; } #userSearch h3 { position: relative; float: left; display: inline; width: 20%; } #userSearch form { position: relative; float: left; display: inline; width: 79%; } #userSearch input, #userSearch select { width: 120px; margin-left: 5px; } #userSearch #search_submit { width: auto; float: right; } .highscorePagination, .accountPagination, .pagination { clear: left; text-align: right; padding: 10px 10px 10px 10px; border-top: 1px solid #bebebb; border-bottom: 1px solid #bebebb; border-left: 1px solid #f0ebeb; border-right: 1px solid #f0ebeb; background-color: white; } .highscorePagination span, .highscorePagination a, .accountPagination span, .accountPagination a, .pagination span, .pagination a { margin: 0px 1px 0px 1px; padding: 2px 4px 1px 4px; } .highscorePagination .current_page, .highscorePagination .current, .accountPagination .current_page, .accountPagination .current, .pagination .current_page, .pagination .current { background-color: #9f488f; font-weight: bold; color: white; } .sorter, #sortInterface { font-size: 14px; line-height: 20px; line-height: 15px; height: 20px; margin-bottom: 10px; } .sorter form, #sortInterface form { position: relative; float: right; display: inline; padding-right: 10px; } .constructedAvatarBig { position: relative; top: 0; left: 0; width: 100px; height: 140px; overflow: hidden; } .constructedAvatarBig img { position: absolute; top: 0; left: 0; width: 140px; height: 140px; } #dialogContent .constructedAvatarBig { width: 200px; height: 200px; } #dialogContent .constructedAvatarBig img { width: 200px; height: 200px; } .constructedAvatarMiddle { position: relative; top: 0; left: 0; width: 100px; height: 140px; overflow: hidden; width: 110px; height: 110px; } .constructedAvatarMiddle img { position: absolute; top: 0; left: 0; width: 140px; height: 140px; } .constructedAvatarMiddle img { width: 110px; height: 110px; } .challenge .floatingImage .constructedAvatarMiddle { width: 100px; } .constructedAvatarSmall { position: relative; top: 0; left: 0; width: 100px; height: 140px; overflow: hidden; width: 50px; height: 50px; } .constructedAvatarSmall img { position: absolute; top: 0; left: 0; width: 140px; height: 140px; } .constructedAvatarSmall img { left: -5px; top: 5px; width: 60px; height: 60px; } ul.avatars { margin: 20px; } ul.avatars li { border-color: #E0E0E0 #C0C0C0 #C0C0C0 #E0E0E0; border-style: solid; border-width: 1px; float: left; margin: 5px 10px 5px 0px; padding: 2px; } ul.avatars li a { height: 90px; width: 90px; border: 2px "solid" #E0E0E0; display: block; } ul.avatars li a:hover { height: 90px; width: 90px; border: 2px "solid" yellow; display: block; } ul.avatars li img { clip: rect(0px, 90px, 90px, 0px); width: 90px; } #dashboardNaviArea, .scoresNaviArea { overflow: hidden; } #dashboardNaviArea .game, .scoresNaviArea .game { overflow: hidden; } #dashboardNaviArea .game .floatingImage, .scoresNaviArea .game .floatingImage { display: block; float: left; } #dashboardNaviArea .game .floatingImage img, .scoresNaviArea .game .floatingImage img { width: 70px; height: 70px; } #dashboardNaviArea .game .currentGameInfo, .scoresNaviArea .game .currentGameInfo { display: block; float: left; padding-left: 15px; width: 130px; overflow: hidden; } #dashboardNaviArea .game .currentGameInfo span, .scoresNaviArea .game .currentGameInfo span { font-size: 16px; font-weight: normal; display: block; } #dashboardNaviArea .game .currentGameInfo span.currentGameName, .scoresNaviArea .game .currentGameInfo span.currentGameName { font-size: 18px; font-weight: bold; margin-bottom: 4px; } #dashboardNaviArea .dashboardUserArea, .scoresNaviArea .dashboardUserArea { overflow: hidden; margin-bottom: 20px; } #dashboardNaviArea .dashboardUserArea .currentUserInfo, .scoresNaviArea .dashboardUserArea .currentUserInfo { margin-top: 10px; overflow: hidden; } #dashboardNaviArea .dashboardUserArea .currentUserInfo .currentUserName, .scoresNaviArea .dashboardUserArea .currentUserInfo .currentUserName { font-size: 18px; font-weight: bold; margin-bottom: 4px; } #dashboardNaviArea .dashboardUserArea .decorations, .scoresNaviArea .dashboardUserArea .decorations { overflow: hidden; margin-top: 15px; } #dashboardNaviArea .dashboardUserArea .decorations .floatLeft, .scoresNaviArea .dashboardUserArea .decorations .floatLeft { display: block; margin-right: 4px; } #dashboardNaviArea .dashboardUserArea .decorations .floatLeft img, .scoresNaviArea .dashboardUserArea .decorations .floatLeft img { width: 30px; height: 30px; } /* ----------------------------------------------------------------------------- */ /* Scoreloop SCREEN Stylesheet */ /* version: 0.1a */ /* date: 23/02/09 */ /* author: Marc Beyerlin + Anja Deubzer */ /* email: info@anjadeubzer.de */ /* website: http://www.scoreloop.com */ /* Copyright: Copyright (c) 2009 by scoreloop */ /* License: No rights granted for any use of the Software or parts of it */ /* This file is part of scoreloop. All rights reserved. No rights granted to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software or parts of the Software without prior written and signed permission. */ /* THIS FILE RESIDES IN "/public/stylesheets/". */ /* ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- */ /* Scoreloop CONFIGURATION Stylesheet */ /* version: 0.1a */ /* date: 23/02/09 */ /* author: Marc Beyerlin + Anja Deubzer */ /* email: info@anjadeubzer.de */ /* website: http://www.scoreloop.com */ /* Copyright: Copyright (c) 2009 by scoreloop */ /* License: No rights granted for any use of the Software or parts of it */ /* This file is part of scoreloop. All rights reserved. No rights granted to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software or parts of the Software without prior written and signed permission. */ /* THIS FILE RESIDES IN "/public/stylesheets/". */ /* ----------------------------------------------------------------------------- */ #footnotes_debug { font-size: 10px; line-height: 15px; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } *:focus { outline: 0; } ol, ul { list-style: none; } table { border-collapse: collapse; border-spacing: 0; width: 100%; } caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; } td[align="right"] { text-align: right; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } body { font: 12px/20px Arial, Helvetica, Verdana, sans-serif; color: #888888; background: #FBFBFB url(/images/bg.png?00000) repeat-x; background-position: 0 -50px; text-align: center; } body.invitationPage, body.entryPage { background-position: 0 -20px; } body.iframe { background: #FFF none repeat-x; } #pagewrapper { position: relative; margin-left: auto; margin-right: auto; width: 960px; text-align: left; } a { text-decoration: none; color: #9f488f; } a:hover { text-decoration: underline; color: #7d266d; background-color: transparent; } h1 { font-size: 18px; line-height: 20px; font-weight: bold; } h2 { font-size: 14px; line-height: 20px; } h3 { font-size: 14px; line-height: 20px; font-weight: bold; } strong { font-weight: bold; color: #5b5b5b; } .clearLeft, #clearLeft { clear: left; } .clearRight { clear: right; } .clearBoth { clear: both; } .floatLeft { position: relative; float: left; display: inline; } .floatRight { position: relative; float: right; display: inline; } .error, .warning, .notice { position: relative; padding: 10px; margin-bottom: 20px; } .error li, .warning li, .notice li { margin-left: 20px; } .error { color: red; border-top: 1px "solid" red; border-bottom: 1px "solid" red; background: #ffcccc; } .warning { color: #9f488f; border-top: 1px solid #9f488f; border-bottom: 1px solid #9f488f; background: white; } .notice { color: #5f004e; border-top: 1px solid #5f004e; border-bottom: 1px solid #5f004e; background: #fff2ff; } .search_error { font-size: 12px; line-height: 20px; color: red; } #header { position: relative; } #header #logo { position: absolute; } #header #scoreloopValues { position: absolute; bottom: 0; right: 420px; } #header.big { height: 130px; } #header.big #logo { top: 25px; } #header.middle { height: 100px; } #header.middle #logo { top: 20px; } #header.small { height: 100px; } #header.small #logo { top: 20px; } .scoreloopValues { font-size: 14px; line-height: 20px; padding: 10px 5px; } .scoreloopValues .floatLeft { margin-top: -5px; } .scoreloopValues a { display: block; width: 30px; height: 31px; margin-right: 5px; } .scoreloopValues img { position: relative; float: left; display: inline; width: 30px; height: 30px; } #contents { margin-top: 40px; } .entryPage #contents { margin-top: 30px; } #sidebar { position: relative; float: right; display: inline; margin: 0px 0px 0px 10px; } .oneColumn #sidebar, .bigColumns #sidebar { width: 220px; } .smallColumns #sidebar { width: 180px; } .entryPage #sidebar { z-index: 50; height: 200px; } #main { position: relative; } .oneColumn #main { width: 960px; } .smallColumns #main { width: 740px; float: left; } .bigColumns #main { width: 700px; float: left; } .entryPage #main { clear: right; } #footer { margin: 40px 0px 0px 0px; padding: 10px 0px 0px 0px; text-align: right; border-top: 1px "solid" #DDD; clear: both; } #footer ul, #footer li, #footer span { display: inline; } /* ----------------------------------------------------------------------------- */ /* Scoreloop SCREEN Stylesheet */ /* version: 0.1a */ /* date: 23/02/09 */ /* author: Marc Beyerlin + Anja Deubzer */ /* email: info@anjadeubzer.de */ /* website: http://www.scoreloop.com */ /* Copyright: Copyright (c) 2009 by scoreloop */ /* License: No rights granted for any use of the Software or parts of it */ /* This file is part of scoreloop. All rights reserved. No rights granted to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software or parts of the Software without prior written and signed permission. */ /* THIS FILE RESIDES IN "/public/stylesheets/". */ /* ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- */ /* Scoreloop CONFIGURATION Stylesheet */ /* version: 0.1a */ /* date: 23/02/09 */ /* author: Marc Beyerlin + Anja Deubzer */ /* email: info@anjadeubzer.de */ /* website: http://www.scoreloop.com */ /* Copyright: Copyright (c) 2009 by scoreloop */ /* License: No rights granted for any use of the Software or parts of it */ /* This file is part of scoreloop. All rights reserved. No rights granted to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software or parts of the Software without prior written and signed permission. */ /* THIS FILE RESIDES IN "/public/stylesheets/". */ /* ----------------------------------------------------------------------------- */ #footnotes_debug { font-size: 10px; line-height: 15px; } #main h1 { color: #5b5b5b; } #main h1 .scope { color: #888888; } #main h1 a { color: #5b5b5b; } #main h2 { color: #888888; } #challenges #main h2 { margin-left: 5%; color: white; background: #bebebb; } #main h3 { padding: 4px 10px; overflow: hidden; } #main h3:hover { color: #555555; text-decoration: none; } .featuredScore #main h3 { display: none; } #main .backbutton { visibility: "hidden"; } .intro { border: 1px dashed red; margin: 0 0 60px 0; padding: 20px 20px 10px 20px; min-height: 118px; border-top: 1px solid #bebebb; border-bottom: 1px solid #bebebb; border-left: 1px solid #f0ebeb; border-right: 1px solid #f0ebeb; background-color: white; background-color: white; } .intro .floatingImage { margin: 0 10px -10px -20px; } .intro#gameHeader { min-height: 138px; } .intro#gameHeader .floatingImage { margin-left: 0; margin-right: 20px; } .intro#gameHeader p { margin-left: 120px; margin-right: 160px; } .intro#gameHeader .highScore { margin-top: 20px; margin-left: 120px; margin-bottom: 5px; } .intro#gameHeader .highScore a { padding: 4px 8px 4px 26px; } .intro#userHeader { min-height: 148px; } .intro#userHeader .floatingImage { margin-top: -20px; margin-right: -20px; padding: 20px 0 0 0; width: 160px; height: 158px; background: transparent url(/images/avatars/detail_bg.png?00000) no-repeat 0% 100%; } .intro#userHeader .floatingImage .constructedAvatarBig { left: 20px; } .intro#userHeader .floatingImage .constructedAvatarBig img { left: -20px; } .intro#userHeader h2 { margin: 10px 0px 10px 0px; } .intro#FormHeader, .intro#EditProfileHeader { min-height: 70px -2; } .intro#FormHeader .decorations, .intro#EditProfileHeader .decorations { position: relative; float: left; display: inline; margin-right: 20px; } .introLostPassword, .introCreate, .introLogin, .introContact { border: 1px dashed red; margin: 0 0 60px 0; padding: 20px 20px 10px 20px; min-height: 118px; border-top: 1px solid #bebebb; border-bottom: 1px solid #bebebb; border-left: 1px solid #f0ebeb; border-right: 1px solid #f0ebeb; background-color: white; background-color: white; width: 500px; padding: 20px 20px 0 20px; left: 190px; position: relative; } .introLostPassword .floatingImage, .introCreate .floatingImage, .introLogin .floatingImage, .introContact .floatingImage { margin: 0 10px -10px -20px; } .introLostPassword #buttonsFieldset, .introCreate #buttonsFieldset, .introLogin #buttonsFieldset, .introContact #buttonsFieldset { border-bottom: 1px solid #bebebb; width: 542px; margin: 40px -20px -10px; } .introLostPassword #buttonsFieldset .cancelText a, .introCreate #buttonsFieldset .cancelText a, .introLogin #buttonsFieldset .cancelText a, .introContact #buttonsFieldset .cancelText a { height: 10px; } .introLostPassword .password, .introCreate .password, .introLogin .password, .introContact .password { width: 120px; margin-left: 390px; margin-top: 10px; } .introLostPassword table.sl-form td, .introCreate table.sl-form td, .introLogin table.sl-form td, .introContact table.sl-form td { vertical-align: top; padding-left: 5px; clear: both; } .introLostPassword table.sl-form td input, .introCreate table.sl-form td input, .introLogin table.sl-form td input, .introContact table.sl-form td input { padding-left: 0; margin-left: 0; border: 1px solid #bebebb; } .introLostPassword table.sl-form .fieldWithErrors, .introCreate table.sl-form .fieldWithErrors, .introLogin table.sl-form .fieldWithErrors, .introContact table.sl-form .fieldWithErrors { overflow: hidden; float: left; } .introLostPassword table.sl-form .fieldWithErrors input, .introCreate table.sl-form .fieldWithErrors input, .introLogin table.sl-form .fieldWithErrors input, .introContact table.sl-form .fieldWithErrors input { background-color: #fcc; float: left; border: 1px "dotted" #f00; float: left; } .introLostPassword table.sl-form .error, .introCreate table.sl-form .error, .introLogin table.sl-form .error, .introContact table.sl-form .error { margin: 0; padding: 0; background: none; font-weight: bold; position: static; } .introLostPassword table.sl-form td.right a, .introCreate table.sl-form td.right a, .introLogin table.sl-form td.right a, .introContact table.sl-form td.right a { float: left; display: block; } .introLostPassword table.sl-form td.right .error, .introCreate table.sl-form td.right .error, .introLogin table.sl-form td.right .error, .introContact table.sl-form td.right .error { clear: both; display: block; } .introLogin .password { margin-top: 50px; } .introLogin .error { background: none; font-weight: bold; padding: 0; } .introLostPassword .error { background: none; font-weight: bold; padding: 0; } .introLostPassword table, .introLostPassword td { border: none; } .userCompareColumns #left, .userCompareColumns #right { border: 1px dashed red; margin: 0 0 60px 0; padding: 20px 20px 10px 20px; min-height: 118px; border-top: 1px solid #bebebb; border-bottom: 1px solid #bebebb; border-left: 1px solid #f0ebeb; border-right: 1px solid #f0ebeb; background-color: white; background-color: white; position: relative; float: left; display: inline; width: 428px; margin-right: 20px; } .userCompareColumns #left .floatingImage, .userCompareColumns #right .floatingImage { margin: 0 10px -10px -20px; } .userCompareColumns #left .decorations, .userCompareColumns #right .decorations { position: relative; float: right; display: inline; } .userCompareColumns #left table, .userCompareColumns #right table { clear: right; width: 240px; } .userCompareColumns #left h2, .userCompareColumns #right h2 { clear: right; margin-bottom: 10px; } .userCompareColumns #right { margin-right: 0; } .userCompareColumns #both { clear: left; overflow: hidden; } .userCompareColumns #both .gameCompare { float: left; border-bottom: 1px solid #bebebb; margin-bottom: 20px; width: 100%; } .userCompareColumns #both .gameCompare h2 .smallDecoration { float: right; margin: -2px 0px 0px 0px; width: 24px; height: 24px; } .userCompareColumns #both .gameCompare th, .userCompareColumns #both .gameCompare h2 { margin: 0; font-weight: bold; border-top: 1px solid #bebebb; border-bottom: 1px solid #bebebb; border-left: 1px solid #f0ebeb; border-right: 1px solid #f0ebeb; background-color: white; padding: 4px 10px; } .userCompareColumns #both .gameCompare th .widgetSub, .userCompareColumns #both .gameCompare h2 .widgetSub { font-weight: normal; } .userCompareColumns #both .gameCompare th { border-left: 0; border-right: 0; } .userCompareColumns #both .gameCompare td, .userCompareColumns #both .gameCompare li, .userCompareColumns #both .gameCompare .widgetContent { border-bottom: 1px solid white; background: #E7E6E6 url(/images/score_bg.png?00000) repeat-x 0% 50%; } .userCompareColumns #both .gameCompare td, .userCompareColumns #both .gameCompare li { padding-left: 5px; padding-right: 5px; min-height: 30px; vertical-align: middle; } .userCompareColumns #both .gameCompare td { height: 30px; } .userCompareColumns #both .gameCompare .selectedHighScore td { background: transparent url(/images/widgets/score_sel_bg.png?00000) repeat-x 0% 50%; color: white; } .userCompareColumns #both .gameCompare .selectedHighScore td a { color: white; } .userCompareColumns #both .gameCompare li { min-height: 20px; padding-top: 5px; padding-bottom: 5px; } .userCompareColumns #both .gameCompare td.first { padding: 0; width: 40px; } .userCompareColumns #both .gameCompare td.first .floatingImage { margin: 0; } .userCompareColumns #both .gameCompare td.right { text-align: right; } .userCompareColumns #both .gameCompare p { margin-right: 5px; margin-left: 5px; margin-top: 0; } .userCompareColumns #both .gameCompare .suggestionButton, .userCompareColumns #both .gameCompare .cssbutton { display: inline; color: #888888; line-height: 1; background: transparent url(/images/cssbutton/but.png?00000) no-repeat 0px 50%; cursor: pointer; padding: 5px 8px 5px 26px; -moz-border-radius: 12px; -webkit-border-radius: 12px; border: 1px solid #bebebb; position: relative; float: right; display: inline; margin: 7px 10px 9px 0px; } .userCompareColumns #both .gameCompare .suggestionButton:hover, .userCompareColumns #both .gameCompare .cssbutton:hover { color: #5b5b5b; text-decoration: none; } .userCompareColumns #both .gameCompare .suggestionButton:hover, .userCompareColumns #both .gameCompare .cssbutton:hover { background-position: -450px 50%; } .userCompareColumns #both .gameCompare .decoration { position: relative; float: right; display: inline; margin: 5px 5px 0px 5px; } .userCompareColumns #both .gameCompare h2 a { font-size: 10px; line-height: 15px; } .userCompareColumns #both .gameCompare h2 .smallDecoration { float: left; margin: -2px 0 0; } .userCompareColumns #both .comparedScore { width: 410px; margin-left: 20px; float: left; } .userCompareColumns #both .barcontainer { position: relative; float: right; display: inline; font-size: 90%; } .userCompareColumns #both .barcontainer .barborder { width: 160px; } .userCompareColumns #both .barcontainer .bartext { margin: 0; font-weight: normal; font-size: 90%; } .userCompareColumns #both .barcontainer .barspacer { margin: 0; } .smallColumns #challenges, .smallColumns #users, .bigColumns #challenges, .bigColumns #users, .searchResultUsers, .dashboardGames, #gameChallengesList, #featuredGamesArea, #gameUsersList, #gameBuddiesList { position: relative; margin-left: -2.5%; min-height: 100px; } .tabContent #gameChallengesList { margin-left: 0; } #gameUsers { margin-top: 20px; } #gameUsers .more { clear: left; position: relative; float: left; display: inline; border-top: 1px solid #bebebb; border-bottom: 1px solid #bebebb; border-left: 1px solid #f0ebeb; border-right: 1px solid #f0ebeb; background-color: white; padding-top: 4px; width: 100%; display: block; background: white; } #gameUsers .cssbutton { position: relative; float: right; display: inline; padding-right: 5px; } #challenges .challenge, #gameChallengesList .challenge, .dashboardGames .game, .searchResultUsers .user, .featuredGame, .tabContent .challenge, #users .user { float: left; border-bottom: 1px solid #bebebb; margin-bottom: 20px; background-color: white; width: 47.2%; margin-left: 2.5%; margin-bottom: 20px; } #challenges .challenge h2 .smallDecoration, #gameChallengesList .challenge h2 .smallDecoration, .dashboardGames .game h2 .smallDecoration, .searchResultUsers .user h2 .smallDecoration, .featuredGame h2 .smallDecoration, .tabContent .challenge h2 .smallDecoration, #users .user h2 .smallDecoration { float: right; margin: -2px 0px 0px 0px; width: 24px; height: 24px; } #challenges .challenge th, #challenges .challenge h2, #gameChallengesList .challenge th, #gameChallengesList .challenge h2, .dashboardGames .game th, .dashboardGames .game h2, .searchResultUsers .user th, .searchResultUsers .user h2, .featuredGame th, .featuredGame h2, .tabContent .challenge th, .tabContent .challenge h2, #users .user th, #users .user h2 { margin: 0; font-weight: bold; border-top: 1px solid #bebebb; border-bottom: 1px solid #bebebb; border-left: 1px solid #f0ebeb; border-right: 1px solid #f0ebeb; background-color: white; padding: 4px 10px; } #challenges .challenge th .widgetSub, #challenges .challenge h2 .widgetSub, #gameChallengesList .challenge th .widgetSub, #gameChallengesList .challenge h2 .widgetSub, .dashboardGames .game th .widgetSub, .dashboardGames .game h2 .widgetSub, .searchResultUsers .user th .widgetSub, .searchResultUsers .user h2 .widgetSub, .featuredGame th .widgetSub, .featuredGame h2 .widgetSub, .tabContent .challenge th .widgetSub, .tabContent .challenge h2 .widgetSub, #users .user th .widgetSub, #users .user h2 .widgetSub { font-weight: normal; } #challenges .challenge th, #gameChallengesList .challenge th, .dashboardGames .game th, .searchResultUsers .user th, .featuredGame th, .tabContent .challenge th, #users .user th { border-left: 0; border-right: 0; } #challenges .challenge td, #challenges .challenge li, #challenges .challenge .widgetContent, #gameChallengesList .challenge td, #gameChallengesList .challenge li, #gameChallengesList .challenge .widgetContent, .dashboardGames .game td, .dashboardGames .game li, .dashboardGames .game .widgetContent, .searchResultUsers .user td, .searchResultUsers .user li, .searchResultUsers .user .widgetContent, .featuredGame td, .featuredGame li, .featuredGame .widgetContent, .tabContent .challenge td, .tabContent .challenge li, .tabContent .challenge .widgetContent, #users .user td, #users .user li, #users .user .widgetContent { border-bottom: 1px solid white; background: #E7E6E6 url(/images/score_bg.png?00000) repeat-x 0% 50%; } #challenges .challenge td, #challenges .challenge li, #gameChallengesList .challenge td, #gameChallengesList .challenge li, .dashboardGames .game td, .dashboardGames .game li, .searchResultUsers .user td, .searchResultUsers .user li, .featuredGame td, .featuredGame li, .tabContent .challenge td, .tabContent .challenge li, #users .user td, #users .user li { padding-left: 5px; padding-right: 5px; min-height: 30px; vertical-align: middle; } #challenges .challenge td, #gameChallengesList .challenge td, .dashboardGames .game td, .searchResultUsers .user td, .featuredGame td, .tabContent .challenge td, #users .user td { height: 30px; } #challenges .challenge .selectedHighScore td, #gameChallengesList .challenge .selectedHighScore td, .dashboardGames .game .selectedHighScore td, .searchResultUsers .user .selectedHighScore td, .featuredGame .selectedHighScore td, .tabContent .challenge .selectedHighScore td, #users .user .selectedHighScore td { background: transparent url(/images/widgets/score_sel_bg.png?00000) repeat-x 0% 50%; color: white; } #challenges .challenge .selectedHighScore td a, #gameChallengesList .challenge .selectedHighScore td a, .dashboardGames .game .selectedHighScore td a, .searchResultUsers .user .selectedHighScore td a, .featuredGame .selectedHighScore td a, .tabContent .challenge .selectedHighScore td a, #users .user .selectedHighScore td a { color: white; } #challenges .challenge li, #gameChallengesList .challenge li, .dashboardGames .game li, .searchResultUsers .user li, .featuredGame li, .tabContent .challenge li, #users .user li { min-height: 20px; padding-top: 5px; padding-bottom: 5px; } #challenges .challenge td.first, #gameChallengesList .challenge td.first, .dashboardGames .game td.first, .searchResultUsers .user td.first, .featuredGame td.first, .tabContent .challenge td.first, #users .user td.first { padding: 0; width: 40px; } #challenges .challenge td.first .floatingImage, #gameChallengesList .challenge td.first .floatingImage, .dashboardGames .game td.first .floatingImage, .searchResultUsers .user td.first .floatingImage, .featuredGame td.first .floatingImage, .tabContent .challenge td.first .floatingImage, #users .user td.first .floatingImage { margin: 0; } #challenges .challenge td.right, #gameChallengesList .challenge td.right, .dashboardGames .game td.right, .searchResultUsers .user td.right, .featuredGame td.right, .tabContent .challenge td.right, #users .user td.right { text-align: right; } #challenges .challenge p, #gameChallengesList .challenge p, .dashboardGames .game p, .searchResultUsers .user p, .featuredGame p, .tabContent .challenge p, #users .user p { margin-right: 5px; margin-left: 5px; margin-top: 0; } #challenges .challenge .suggestionButton, #challenges .challenge .cssbutton, #gameChallengesList .challenge .suggestionButton, #gameChallengesList .challenge .cssbutton, .dashboardGames .game .suggestionButton, .dashboardGames .game .cssbutton, .searchResultUsers .user .suggestionButton, .searchResultUsers .user .cssbutton, .featuredGame .suggestionButton, .featuredGame .cssbutton, .tabContent .challenge .suggestionButton, .tabContent .challenge .cssbutton, #users .user .suggestionButton, #users .user .cssbutton { display: inline; color: #888888; line-height: 1; background: transparent url(/images/cssbutton/but.png?00000) no-repeat 0px 50%; cursor: pointer; padding: 5px 8px 5px 26px; -moz-border-radius: 12px; -webkit-border-radius: 12px; border: 1px solid #bebebb; position: relative; float: right; display: inline; margin: 7px 10px 9px 0px; } #challenges .challenge .suggestionButton:hover, #challenges .challenge .cssbutton:hover, #gameChallengesList .challenge .suggestionButton:hover, #gameChallengesList .challenge .cssbutton:hover, .dashboardGames .game .suggestionButton:hover, .dashboardGames .game .cssbutton:hover, .searchResultUsers .user .suggestionButton:hover, .searchResultUsers .user .cssbutton:hover, .featuredGame .suggestionButton:hover, .featuredGame .cssbutton:hover, .tabContent .challenge .suggestionButton:hover, .tabContent .challenge .cssbutton:hover, #users .user .suggestionButton:hover, #users .user .cssbutton:hover { color: #5b5b5b; text-decoration: none; } #challenges .challenge .suggestionButton:hover, #challenges .challenge .cssbutton:hover, #gameChallengesList .challenge .suggestionButton:hover, #gameChallengesList .challenge .cssbutton:hover, .dashboardGames .game .suggestionButton:hover, .dashboardGames .game .cssbutton:hover, .searchResultUsers .user .suggestionButton:hover, .searchResultUsers .user .cssbutton:hover, .featuredGame .suggestionButton:hover, .featuredGame .cssbutton:hover, .tabContent .challenge .suggestionButton:hover, .tabContent .challenge .cssbutton:hover, #users .user .suggestionButton:hover, #users .user .cssbutton:hover { background-position: -450px 50%; } #challenges .challenge .decoration, #gameChallengesList .challenge .decoration, .dashboardGames .game .decoration, .searchResultUsers .user .decoration, .featuredGame .decoration, .tabContent .challenge .decoration, #users .user .decoration { position: relative; float: right; display: inline; margin: 5px 5px 0px 5px; } .oneColumn #challenges .challenge, .oneColumn #gameChallengesList .challenge, .oneColumn .dashboardGames .game, .oneColumn .searchResultUsers .user, .oneColumn .featuredGame, .oneColumn .tabContent .challenge, .oneColumn #users .user { width: 30.6%; margin-left: 2.5%; margin-bottom: 20px; } #challenges .challenge .userParagraphs, #gameChallengesList .challenge .userParagraphs, .dashboardGames .game .userParagraphs, .searchResultUsers .user .userParagraphs, .featuredGame .userParagraphs, .tabContent .challenge .userParagraphs, #users .user .userParagraphs { height: 70px; padding: 10px 0px 0px 0px; background: #E7E6E6 url(/images/score_bg.png?00000) repeat-x 0% 0%; } #gameCompleteChallenges .completeChallenge, #gameOpenChallenges .openChallenge, #gameChallenges .yourOpenChallenge, #challenges .completeChallenge, #challenges .openChallenge, #challenges .yourOpenchallenge { float: left; border-bottom: 1px solid #bebebb; margin-bottom: 20px; width: 47.2%; margin-left: 2.5%; margin-bottom: 20px; background-color: white; width: 95%; margin-left: 5%; margin-bottom: 20px; } #gameCompleteChallenges .completeChallenge h2 .smallDecoration, #gameOpenChallenges .openChallenge h2 .smallDecoration, #gameChallenges .yourOpenChallenge h2 .smallDecoration, #challenges .completeChallenge h2 .smallDecoration, #challenges .openChallenge h2 .smallDecoration, #challenges .yourOpenchallenge h2 .smallDecoration { float: right; margin: -2px 0px 0px 0px; width: 24px; height: 24px; } #gameCompleteChallenges .completeChallenge th, #gameCompleteChallenges .completeChallenge h2, #gameOpenChallenges .openChallenge th, #gameOpenChallenges .openChallenge h2, #gameChallenges .yourOpenChallenge th, #gameChallenges .yourOpenChallenge h2, #challenges .completeChallenge th, #challenges .completeChallenge h2, #challenges .openChallenge th, #challenges .openChallenge h2, #challenges .yourOpenchallenge th, #challenges .yourOpenchallenge h2 { margin: 0; font-weight: bold; border-top: 1px solid #bebebb; border-bottom: 1px solid #bebebb; border-left: 1px solid #f0ebeb; border-right: 1px solid #f0ebeb; background-color: white; padding: 4px 10px; } #gameCompleteChallenges .completeChallenge th .widgetSub, #gameCompleteChallenges .completeChallenge h2 .widgetSub, #gameOpenChallenges .openChallenge th .widgetSub, #gameOpenChallenges .openChallenge h2 .widgetSub, #gameChallenges .yourOpenChallenge th .widgetSub, #gameChallenges .yourOpenChallenge h2 .widgetSub, #challenges .completeChallenge th .widgetSub, #challenges .completeChallenge h2 .widgetSub, #challenges .openChallenge th .widgetSub, #challenges .openChallenge h2 .widgetSub, #challenges .yourOpenchallenge th .widgetSub, #challenges .yourOpenchallenge h2 .widgetSub { font-weight: normal; } #gameCompleteChallenges .completeChallenge th, #gameOpenChallenges .openChallenge th, #gameChallenges .yourOpenChallenge th, #challenges .completeChallenge th, #challenges .openChallenge th, #challenges .yourOpenchallenge th { border-left: 0; border-right: 0; } #gameCompleteChallenges .completeChallenge td, #gameCompleteChallenges .completeChallenge li, #gameCompleteChallenges .completeChallenge .widgetContent, #gameOpenChallenges .openChallenge td, #gameOpenChallenges .openChallenge li, #gameOpenChallenges .openChallenge .widgetContent, #gameChallenges .yourOpenChallenge td, #gameChallenges .yourOpenChallenge li, #gameChallenges .yourOpenChallenge .widgetContent, #challenges .completeChallenge td, #challenges .completeChallenge li, #challenges .completeChallenge .widgetContent, #challenges .openChallenge td, #challenges .openChallenge li, #challenges .openChallenge .widgetContent, #challenges .yourOpenchallenge td, #challenges .yourOpenchallenge li, #challenges .yourOpenchallenge .widgetContent { border-bottom: 1px solid white; background: #E7E6E6 url(/images/score_bg.png?00000) repeat-x 0% 50%; } #gameCompleteChallenges .completeChallenge td, #gameCompleteChallenges .completeChallenge li, #gameOpenChallenges .openChallenge td, #gameOpenChallenges .openChallenge li, #gameChallenges .yourOpenChallenge td, #gameChallenges .yourOpenChallenge li, #challenges .completeChallenge td, #challenges .completeChallenge li, #challenges .openChallenge td, #challenges .openChallenge li, #challenges .yourOpenchallenge td, #challenges .yourOpenchallenge li { padding-left: 5px; padding-right: 5px; min-height: 30px; vertical-align: middle; } #gameCompleteChallenges .completeChallenge td, #gameOpenChallenges .openChallenge td, #gameChallenges .yourOpenChallenge td, #challenges .completeChallenge td, #challenges .openChallenge td, #challenges .yourOpenchallenge td { height: 30px; } #gameCompleteChallenges .completeChallenge .selectedHighScore td, #gameOpenChallenges .openChallenge .selectedHighScore td, #gameChallenges .yourOpenChallenge .selectedHighScore td, #challenges .completeChallenge .selectedHighScore td, #challenges .openChallenge .selectedHighScore td, #challenges .yourOpenchallenge .selectedHighScore td { background: transparent url(/images/widgets/score_sel_bg.png?00000) repeat-x 0% 50%; color: white; } #gameCompleteChallenges .completeChallenge .selectedHighScore td a, #gameOpenChallenges .openChallenge .selectedHighScore td a, #gameChallenges .yourOpenChallenge .selectedHighScore td a, #challenges .completeChallenge .selectedHighScore td a, #challenges .openChallenge .selectedHighScore td a, #challenges .yourOpenchallenge .selectedHighScore td a { color: white; } #gameCompleteChallenges .completeChallenge li, #gameOpenChallenges .openChallenge li, #gameChallenges .yourOpenChallenge li, #challenges .completeChallenge li, #challenges .openChallenge li, #challenges .yourOpenchallenge li { min-height: 20px; padding-top: 5px; padding-bottom: 5px; } #gameCompleteChallenges .completeChallenge td.first, #gameOpenChallenges .openChallenge td.first, #gameChallenges .yourOpenChallenge td.first, #challenges .completeChallenge td.first, #challenges .openChallenge td.first, #challenges .yourOpenchallenge td.first { padding: 0; width: 40px; } #gameCompleteChallenges .completeChallenge td.first .floatingImage, #gameOpenChallenges .openChallenge td.first .floatingImage, #gameChallenges .yourOpenChallenge td.first .floatingImage, #challenges .completeChallenge td.first .floatingImage, #challenges .openChallenge td.first .floatingImage, #challenges .yourOpenchallenge td.first .floatingImage { margin: 0; } #gameCompleteChallenges .completeChallenge td.right, #gameOpenChallenges .openChallenge td.right, #gameChallenges .yourOpenChallenge td.right, #challenges .completeChallenge td.right, #challenges .openChallenge td.right, #challenges .yourOpenchallenge td.right { text-align: right; } #gameCompleteChallenges .completeChallenge p, #gameOpenChallenges .openChallenge p, #gameChallenges .yourOpenChallenge p, #challenges .completeChallenge p, #challenges .openChallenge p, #challenges .yourOpenchallenge p { margin-right: 5px; margin-left: 5px; margin-top: 0; } #gameCompleteChallenges .completeChallenge .suggestionButton, #gameCompleteChallenges .completeChallenge .cssbutton, #gameOpenChallenges .openChallenge .suggestionButton, #gameOpenChallenges .openChallenge .cssbutton, #gameChallenges .yourOpenChallenge .suggestionButton, #gameChallenges .yourOpenChallenge .cssbutton, #challenges .completeChallenge .suggestionButton, #challenges .completeChallenge .cssbutton, #challenges .openChallenge .suggestionButton, #challenges .openChallenge .cssbutton, #challenges .yourOpenchallenge .suggestionButton, #challenges .yourOpenchallenge .cssbutton { display: inline; color: #888888; line-height: 1; background: transparent url(/images/cssbutton/but.png?00000) no-repeat 0px 50%; cursor: pointer; padding: 5px 8px 5px 26px; -moz-border-radius: 12px; -webkit-border-radius: 12px; border: 1px solid #bebebb; position: relative; float: right; display: inline; margin: 7px 10px 9px 0px; } #gameCompleteChallenges .completeChallenge .suggestionButton:hover, #gameCompleteChallenges .completeChallenge .cssbutton:hover, #gameOpenChallenges .openChallenge .suggestionButton:hover, #gameOpenChallenges .openChallenge .cssbutton:hover, #gameChallenges .yourOpenChallenge .suggestionButton:hover, #gameChallenges .yourOpenChallenge .cssbutton:hover, #challenges .completeChallenge .suggestionButton:hover, #challenges .completeChallenge .cssbutton:hover, #challenges .openChallenge .suggestionButton:hover, #challenges .openChallenge .cssbutton:hover, #challenges .yourOpenchallenge .suggestionButton:hover, #challenges .yourOpenchallenge .cssbutton:hover { color: #5b5b5b; text-decoration: none; } #gameCompleteChallenges .completeChallenge .suggestionButton:hover, #gameCompleteChallenges .completeChallenge .cssbutton:hover, #gameOpenChallenges .openChallenge .suggestionButton:hover, #gameOpenChallenges .openChallenge .cssbutton:hover, #gameChallenges .yourOpenChallenge .suggestionButton:hover, #gameChallenges .yourOpenChallenge .cssbutton:hover, #challenges .completeChallenge .suggestionButton:hover, #challenges .completeChallenge .cssbutton:hover, #challenges .openChallenge .suggestionButton:hover, #challenges .openChallenge .cssbutton:hover, #challenges .yourOpenchallenge .suggestionButton:hover, #challenges .yourOpenchallenge .cssbutton:hover { background-position: -450px 50%; } #gameCompleteChallenges .completeChallenge .decoration, #gameOpenChallenges .openChallenge .decoration, #gameChallenges .yourOpenChallenge .decoration, #challenges .completeChallenge .decoration, #challenges .openChallenge .decoration, #challenges .yourOpenchallenge .decoration { position: relative; float: right; display: inline; margin: 5px 5px 0px 5px; } #gameCompleteChallenges .completeChallenge h2, #gameOpenChallenges .openChallenge h2, #gameChallenges .yourOpenChallenge h2, #challenges .completeChallenge h2, #challenges .openChallenge h2, #challenges .yourOpenchallenge h2 { font-size: 12px; overflow: hidden; padding: 0 10px 0 0; } #gameCompleteChallenges .completeChallenge h2 .gameIcon, #gameCompleteChallenges .completeChallenge h2 .gameName, #gameCompleteChallenges .completeChallenge h2 .modeName, #gameCompleteChallenges .completeChallenge h2 .stake, #gameCompleteChallenges .completeChallenge h2 .stakeCount, #gameOpenChallenges .openChallenge h2 .gameIcon, #gameOpenChallenges .openChallenge h2 .gameName, #gameOpenChallenges .openChallenge h2 .modeName, #gameOpenChallenges .openChallenge h2 .stake, #gameOpenChallenges .openChallenge h2 .stakeCount, #gameChallenges .yourOpenChallenge h2 .gameIcon, #gameChallenges .yourOpenChallenge h2 .gameName, #gameChallenges .yourOpenChallenge h2 .modeName, #gameChallenges .yourOpenChallenge h2 .stake, #gameChallenges .yourOpenChallenge h2 .stakeCount, #challenges .completeChallenge h2 .gameIcon, #challenges .completeChallenge h2 .gameName, #challenges .completeChallenge h2 .modeName, #challenges .completeChallenge h2 .stake, #challenges .completeChallenge h2 .stakeCount, #challenges .openChallenge h2 .gameIcon, #challenges .openChallenge h2 .gameName, #challenges .openChallenge h2 .modeName, #challenges .openChallenge h2 .stake, #challenges .openChallenge h2 .stakeCount, #challenges .yourOpenchallenge h2 .gameIcon, #challenges .yourOpenchallenge h2 .gameName, #challenges .yourOpenchallenge h2 .modeName, #challenges .yourOpenchallenge h2 .stake, #challenges .yourOpenchallenge h2 .stakeCount { display: block; float: left; margin-left: 5px; padding-top: 0; line-height: 40px; } #gameCompleteChallenges .completeChallenge h2 .gameIcon, #gameOpenChallenges .openChallenge h2 .gameIcon, #gameChallenges .yourOpenChallenge h2 .gameIcon, #challenges .completeChallenge h2 .gameIcon, #challenges .openChallenge h2 .gameIcon, #challenges .yourOpenchallenge h2 .gameIcon { padding: 0; margin: 0; } #gameCompleteChallenges .completeChallenge h2 .gameIcon img, #gameOpenChallenges .openChallenge h2 .gameIcon img, #gameChallenges .yourOpenChallenge h2 .gameIcon img, #challenges .completeChallenge h2 .gameIcon img, #challenges .openChallenge h2 .gameIcon img, #challenges .yourOpenchallenge h2 .gameIcon img { width: 29px; height: 29px; } #gameCompleteChallenges .completeChallenge h2 .modeName, #gameOpenChallenges .openChallenge h2 .modeName, #gameChallenges .yourOpenChallenge h2 .modeName, #challenges .completeChallenge h2 .modeName, #challenges .openChallenge h2 .modeName, #challenges .yourOpenchallenge h2 .modeName { font-weight: normal; } #gameCompleteChallenges .completeChallenge h2 .stake, #gameCompleteChallenges .completeChallenge h2 .stakeCount, #gameOpenChallenges .openChallenge h2 .stake, #gameOpenChallenges .openChallenge h2 .stakeCount, #gameChallenges .yourOpenChallenge h2 .stake, #gameChallenges .yourOpenChallenge h2 .stakeCount, #challenges .completeChallenge h2 .stake, #challenges .completeChallenge h2 .stakeCount, #challenges .openChallenge h2 .stake, #challenges .openChallenge h2 .stakeCount, #challenges .yourOpenchallenge h2 .stake, #challenges .yourOpenchallenge h2 .stakeCount { float: right; } #gameCompleteChallenges .completeChallenge h2 .stakeCount, #gameOpenChallenges .openChallenge h2 .stakeCount, #gameChallenges .yourOpenChallenge h2 .stakeCount, #challenges .completeChallenge h2 .stakeCount, #challenges .openChallenge h2 .stakeCount, #challenges .yourOpenchallenge h2 .stakeCount { width: 40px; background: transparent url(/images/widgets/challengeWidgetsStake.png?00000) no-repeat top left; background-position: 6px 6px; text-align: center; margin-left: 5px; } #gameCompleteChallenges .completeChallenge .textBottom, #gameOpenChallenges .openChallenge .textBottom, #gameChallenges .yourOpenChallenge .textBottom, #challenges .completeChallenge .textBottom, #challenges .openChallenge .textBottom, #challenges .yourOpenchallenge .textBottom { border-top: 1px solid #bebebb; clear: both; overflow: hidden; height: 30px; text-align: center; font-size: 12px; font-weight: normal; line-height: 28px; color: #888888; } #gameCompleteChallenges .completeChallenge .textBottom .left, #gameOpenChallenges .openChallenge .textBottom .left, #gameChallenges .yourOpenChallenge .textBottom .left, #challenges .completeChallenge .textBottom .left, #challenges .openChallenge .textBottom .left, #challenges .yourOpenchallenge .textBottom .left { position: relative; float: left; display: inline; font-weight: bold; } #gameCompleteChallenges .completeChallenge .textBottom .right, #gameOpenChallenges .openChallenge .textBottom .right, #gameChallenges .yourOpenChallenge .textBottom .right, #challenges .completeChallenge .textBottom .right, #challenges .openChallenge .textBottom .right, #challenges .yourOpenchallenge .textBottom .right { float: right; font-weight: bold; } #gameCompleteChallenges .completeChallenge .textBottom .detailButtons, #gameOpenChallenges .openChallenge .textBottom .detailButtons, #gameChallenges .yourOpenChallenge .textBottom .detailButtons, #challenges .completeChallenge .textBottom .detailButtons, #challenges .openChallenge .textBottom .detailButtons, #challenges .yourOpenchallenge .textBottom .detailButtons { clear: both; overflow: hidden; } #gameCompleteChallenges .completeChallenge .textBottom .detailButtons .cssbutton, #gameOpenChallenges .openChallenge .textBottom .detailButtons .cssbutton, #gameChallenges .yourOpenChallenge .textBottom .detailButtons .cssbutton, #challenges .completeChallenge .textBottom .detailButtons .cssbutton, #challenges .openChallenge .textBottom .detailButtons .cssbutton, #challenges .yourOpenchallenge .textBottom .detailButtons .cssbutton { position: relative; float: right; display: inline; padding-right: 5px; margin: 3px 10px 3px 0; padding-right: 8px; } #gameCompleteChallenges, #gameOpenChallenges, #gameChallenges, #completeChallenges, #openChallenges, #yourOpenChallenges { overflow: hidden; } #gameCompleteChallenges h3, #gameOpenChallenges h3, #gameChallenges h3, #completeChallenges h3, #openChallenges h3, #yourOpenChallenges h3 { color: #7B1368; font-size: 14px; margin-left: 20px; } #gameCompleteChallenges h3:hover, #gameOpenChallenges h3:hover, #gameChallenges h3:hover, #completeChallenges h3:hover, #openChallenges h3:hover, #yourOpenChallenges h3:hover { color: #7B1368; } #gameCompleteChallenges .completeChallenge, #gameCompleteChallenges .openChallenge, #gameCompleteChallenges .yourOpenChallenge, #gameOpenChallenges .completeChallenge, #gameOpenChallenges .openChallenge, #gameOpenChallenges .yourOpenChallenge, #gameChallenges .completeChallenge, #gameChallenges .openChallenge, #gameChallenges .yourOpenChallenge, #completeChallenges .completeChallenge, #completeChallenges .openChallenge, #completeChallenges .yourOpenChallenge, #openChallenges .completeChallenge, #openChallenges .openChallenge, #openChallenges .yourOpenChallenge, #yourOpenChallenges .completeChallenge, #yourOpenChallenges .openChallenge, #yourOpenChallenges .yourOpenChallenge { width: 47.4%; margin-left: 2.5%; } #gameCompleteChallenges span.more, #gameOpenChallenges span.more, #gameChallenges span.more, #completeChallenges span.more, #openChallenges span.more, #yourOpenChallenges span.more { display: block; margin-bottom: 20px; text-align: right; padding-right: 10px; } #gameCompleteChallenges .completeChallenge .userParagraphs, #gameOpenChallenges .openChallenge .userParagraphs, #gameChallenges .yourOpenChallenge .userParagraphs, #challenges .completeChallenge .userParagraphs, #challenges .openChallenge .userParagraphs { overflow: hidden; height: 120px; padding: 10px 0px 0px 0px; background: transparent url(/images/widgets/complete_bg.png?00000) no-repeat bottom left; } #gameCompleteChallenges .completeChallenge .userParagraphs .left, #gameCompleteChallenges .completeChallenge .userParagraphs .right, #gameOpenChallenges .openChallenge .userParagraphs .left, #gameOpenChallenges .openChallenge .userParagraphs .right, #gameChallenges .yourOpenChallenge .userParagraphs .left, #gameChallenges .yourOpenChallenge .userParagraphs .right, #challenges .completeChallenge .userParagraphs .left, #challenges .completeChallenge .userParagraphs .right, #challenges .openChallenge .userParagraphs .left, #challenges .openChallenge .userParagraphs .right { width: 168px; } #gameCompleteChallenges .completeChallenge .userParagraphs .left .floatingImage, #gameCompleteChallenges .completeChallenge .userParagraphs .right .floatingImage, #gameOpenChallenges .openChallenge .userParagraphs .left .floatingImage, #gameOpenChallenges .openChallenge .userParagraphs .right .floatingImage, #gameChallenges .yourOpenChallenge .userParagraphs .left .floatingImage, #gameChallenges .yourOpenChallenge .userParagraphs .right .floatingImage, #challenges .completeChallenge .userParagraphs .left .floatingImage, #challenges .completeChallenge .userParagraphs .right .floatingImage, #challenges .openChallenge .userParagraphs .left .floatingImage, #challenges .openChallenge .userParagraphs .right .floatingImage { top: -8px; } #gameCompleteChallenges .completeChallenge .userParagraphs .left .coin, #gameCompleteChallenges .completeChallenge .userParagraphs .right .coin, #gameOpenChallenges .openChallenge .userParagraphs .left .coin, #gameOpenChallenges .openChallenge .userParagraphs .right .coin, #gameChallenges .yourOpenChallenge .userParagraphs .left .coin, #gameChallenges .yourOpenChallenge .userParagraphs .right .coin, #challenges .completeChallenge .userParagraphs .left .coin, #challenges .completeChallenge .userParagraphs .right .coin, #challenges .openChallenge .userParagraphs .left .coin, #challenges .openChallenge .userParagraphs .right .coin { font-size: 14px; font-weight: bold; line-height: 28px; color: white; text-align: center; width: 29px; height: 30px; top: 80px; position: absolute; background: transparent url(/images/widgets/complete_coins.png?00000) no-repeat 100% 100%; } #gameCompleteChallenges .completeChallenge .userParagraphs .left a, #gameCompleteChallenges .completeChallenge .userParagraphs .right a, #gameOpenChallenges .openChallenge .userParagraphs .left a, #gameOpenChallenges .openChallenge .userParagraphs .right a, #gameChallenges .yourOpenChallenge .userParagraphs .left a, #gameChallenges .yourOpenChallenge .userParagraphs .right a, #challenges .completeChallenge .userParagraphs .left a, #challenges .completeChallenge .userParagraphs .right a, #challenges .openChallenge .userParagraphs .left a, #challenges .openChallenge .userParagraphs .right a { display: block; overflow: hidden; position: relative; top: 10px; line-height: normal; width: 60px; } #gameCompleteChallenges .completeChallenge .userParagraphs .left, #gameOpenChallenges .openChallenge .userParagraphs .left, #gameChallenges .yourOpenChallenge .userParagraphs .left, #challenges .completeChallenge .userParagraphs .left, #challenges .openChallenge .userParagraphs .left { position: relative; float: left; display: inline; } #gameCompleteChallenges .completeChallenge .userParagraphs .left .coin, #gameOpenChallenges .openChallenge .userParagraphs .left .coin, #gameChallenges .yourOpenChallenge .userParagraphs .left .coin, #challenges .completeChallenge .userParagraphs .left .coin, #challenges .openChallenge .userParagraphs .left .coin { left: 115px; } #gameCompleteChallenges .completeChallenge .userParagraphs .left a, #gameOpenChallenges .openChallenge .userParagraphs .left a, #gameChallenges .yourOpenChallenge .userParagraphs .left a, #challenges .completeChallenge .userParagraphs .left a, #challenges .openChallenge .userParagraphs .left a { left: 90px; } #gameCompleteChallenges .completeChallenge .userParagraphs .left .winner, #gameCompleteChallenges .completeChallenge .userParagraphs .left .looser, #gameOpenChallenges .openChallenge .userParagraphs .left .winner, #gameOpenChallenges .openChallenge .userParagraphs .left .looser, #gameChallenges .yourOpenChallenge .userParagraphs .left .winner, #gameChallenges .yourOpenChallenge .userParagraphs .left .looser, #challenges .completeChallenge .userParagraphs .left .winner, #challenges .completeChallenge .userParagraphs .left .looser, #challenges .openChallenge .userParagraphs .left .winner, #challenges .openChallenge .userParagraphs .left .looser { width: 45px; height: 45px; top: 70px; left: 75px; position: absolute; background: transparent url(/images/challenge/challenge_won.png?00000) no-repeat 100% 100%; } #gameCompleteChallenges .completeChallenge .userParagraphs .left .looser, #gameOpenChallenges .openChallenge .userParagraphs .left .looser, #gameChallenges .yourOpenChallenge .userParagraphs .left .looser, #challenges .completeChallenge .userParagraphs .left .looser, #challenges .openChallenge .userParagraphs .left .looser { background: transparent url(/images/challenge/challenge_lost.png?00000) no-repeat 100% 100%; } #gameCompleteChallenges .completeChallenge .userParagraphs .right, #gameOpenChallenges .openChallenge .userParagraphs .right, #gameChallenges .yourOpenChallenge .userParagraphs .right, #challenges .completeChallenge .userParagraphs .right, #challenges .openChallenge .userParagraphs .right { position: relative; float: right; display: inline; } #gameCompleteChallenges .completeChallenge .userParagraphs .right .floatingImage, #gameOpenChallenges .openChallenge .userParagraphs .right .floatingImage, #gameChallenges .yourOpenChallenge .userParagraphs .right .floatingImage, #challenges .completeChallenge .userParagraphs .right .floatingImage, #challenges .openChallenge .userParagraphs .right .floatingImage { position: relative; float: right; display: inline; } #gameCompleteChallenges .completeChallenge .userParagraphs .right .floatingImage img, #gameOpenChallenges .openChallenge .userParagraphs .right .floatingImage img, #gameChallenges .yourOpenChallenge .userParagraphs .right .floatingImage img, #challenges .completeChallenge .userParagraphs .right .floatingImage img, #challenges .openChallenge .userParagraphs .right .floatingImage img { left: 10px; } #gameCompleteChallenges .completeChallenge .userParagraphs .right .coin, #gameOpenChallenges .openChallenge .userParagraphs .right .coin, #gameChallenges .yourOpenChallenge .userParagraphs .right .coin, #challenges .completeChallenge .userParagraphs .right .coin, #challenges .openChallenge .userParagraphs .right .coin { left: -25px; } #gameCompleteChallenges .completeChallenge .userParagraphs .right a, #gameOpenChallenges .openChallenge .userParagraphs .right a, #gameChallenges .yourOpenChallenge .userParagraphs .right a, #challenges .completeChallenge .userParagraphs .right a, #challenges .openChallenge .userParagraphs .right a { left: 30px; text-align: right; } #gameCompleteChallenges .completeChallenge .userParagraphs .right .winner, #gameCompleteChallenges .completeChallenge .userParagraphs .right .looser, #gameOpenChallenges .openChallenge .userParagraphs .right .winner, #gameOpenChallenges .openChallenge .userParagraphs .right .looser, #gameChallenges .yourOpenChallenge .userParagraphs .right .winner, #gameChallenges .yourOpenChallenge .userParagraphs .right .looser, #challenges .completeChallenge .userParagraphs .right .winner, #challenges .completeChallenge .userParagraphs .right .looser, #challenges .openChallenge .userParagraphs .right .winner, #challenges .openChallenge .userParagraphs .right .looser { width: 45px; height: 45px; top: 70px; left: 0px; position: absolute; background: transparent url(/images/challenge/challenge_won.png?00000) no-repeat 100% 100%; } #gameCompleteChallenges .completeChallenge .userParagraphs .right .looser, #gameOpenChallenges .openChallenge .userParagraphs .right .looser, #gameChallenges .yourOpenChallenge .userParagraphs .right .looser, #challenges .completeChallenge .userParagraphs .right .looser, #challenges .openChallenge .userParagraphs .right .looser { background: transparent url(/images/challenge/challenge_lost.png?00000) no-repeat 100% 100%; } #challenges .openChallenge .userParagraphs { background: transparent url(/images/widgets/open_arrow_bg.png?00000) no-repeat 50% bottom; clear: both; overflow: hidden; position: relative; text-align: center; } #challenges .openChallenge .userParagraphs .contender { float: left; overflow: hidden; width: 49.5%; } #challenges .openChallenge .userParagraphs .contender a { float: left; width: 60px; overflow: hidden; line-height: normal; margin-left: -20px; text-align: left; margin-top: 10px; } #challenges .openChallenge .userParagraphs .contestant { float: right; overflow: hidden; width: 49.5%; } #challenges .openChallenge .userParagraphs .contestant .floatingImage { float: right; } #challenges .openChallenge .userParagraphs .contestant .floatingImage .constructedAvatarMiddle { -moz-opacity: 0.40; opacity: 0.40; filter: alpha(opacity=) 40; } #challenges .openChallenge .userParagraphs .contestant a { float: right; width: 77px; overflow: hidden; line-height: normal; margin-right: -10px; text-align: right; margin-top: 10px; } #gameUsersList .user, #gameBuddiesList .user, .tabContent .user { float: left; border-bottom: 1px solid #bebebb; margin-bottom: 20px; background: #E7E6E6 url(/images/score_bg.png?00000) repeat-x 0% 0%; width: 47.2%; margin-left: 2.5%; margin-bottom: 20px; } #gameUsersList .user h2 .smallDecoration, #gameBuddiesList .user h2 .smallDecoration, .tabContent .user h2 .smallDecoration { float: right; margin: -2px 0px 0px 0px; width: 24px; height: 24px; } #gameUsersList .user th, #gameUsersList .user h2, #gameBuddiesList .user th, #gameBuddiesList .user h2, .tabContent .user th, .tabContent .user h2 { margin: 0; font-weight: bold; border-top: 1px solid #bebebb; border-bottom: 1px solid #bebebb; border-left: 1px solid #f0ebeb; border-right: 1px solid #f0ebeb; background-color: white; padding: 4px 10px; } #gameUsersList .user th .widgetSub, #gameUsersList .user h2 .widgetSub, #gameBuddiesList .user th .widgetSub, #gameBuddiesList .user h2 .widgetSub, .tabContent .user th .widgetSub, .tabContent .user h2 .widgetSub { font-weight: normal; } #gameUsersList .user th, #gameBuddiesList .user th, .tabContent .user th { border-left: 0; border-right: 0; } #gameUsersList .user td, #gameUsersList .user li, #gameUsersList .user .widgetContent, #gameBuddiesList .user td, #gameBuddiesList .user li, #gameBuddiesList .user .widgetContent, .tabContent .user td, .tabContent .user li, .tabContent .user .widgetContent { border-bottom: 1px solid white; background: #E7E6E6 url(/images/score_bg.png?00000) repeat-x 0% 50%; } #gameUsersList .user td, #gameUsersList .user li, #gameBuddiesList .user td, #gameBuddiesList .user li, .tabContent .user td, .tabContent .user li { padding-left: 5px; padding-right: 5px; min-height: 30px; vertical-align: middle; } #gameUsersList .user td, #gameBuddiesList .user td, .tabContent .user td { height: 30px; } #gameUsersList .user .selectedHighScore td, #gameBuddiesList .user .selectedHighScore td, .tabContent .user .selectedHighScore td { background: transparent url(/images/widgets/score_sel_bg.png?00000) repeat-x 0% 50%; color: white; } #gameUsersList .user .selectedHighScore td a, #gameBuddiesList .user .selectedHighScore td a, .tabContent .user .selectedHighScore td a { color: white; } #gameUsersList .user li, #gameBuddiesList .user li, .tabContent .user li { min-height: 20px; padding-top: 5px; padding-bottom: 5px; } #gameUsersList .user td.first, #gameBuddiesList .user td.first, .tabContent .user td.first { padding: 0; width: 40px; } #gameUsersList .user td.first .floatingImage, #gameBuddiesList .user td.first .floatingImage, .tabContent .user td.first .floatingImage { margin: 0; } #gameUsersList .user td.right, #gameBuddiesList .user td.right, .tabContent .user td.right { text-align: right; } #gameUsersList .user p, #gameBuddiesList .user p, .tabContent .user p { margin-right: 5px; margin-left: 5px; margin-top: 0; } #gameUsersList .user .suggestionButton, #gameUsersList .user .cssbutton, #gameBuddiesList .user .suggestionButton, #gameBuddiesList .user .cssbutton, .tabContent .user .suggestionButton, .tabContent .user .cssbutton { display: inline; color: #888888; line-height: 1; background: transparent url(/images/cssbutton/but.png?00000) no-repeat 0px 50%; cursor: pointer; padding: 5px 8px 5px 26px; -moz-border-radius: 12px; -webkit-border-radius: 12px; border: 1px solid #bebebb; position: relative; float: right; display: inline; margin: 7px 10px 9px 0px; } #gameUsersList .user .suggestionButton:hover, #gameUsersList .user .cssbutton:hover, #gameBuddiesList .user .suggestionButton:hover, #gameBuddiesList .user .cssbutton:hover, .tabContent .user .suggestionButton:hover, .tabContent .user .cssbutton:hover { color: #5b5b5b; text-decoration: none; } #gameUsersList .user .suggestionButton:hover, #gameUsersList .user .cssbutton:hover, #gameBuddiesList .user .suggestionButton:hover, #gameBuddiesList .user .cssbutton:hover, .tabContent .user .suggestionButton:hover, .tabContent .user .cssbutton:hover { background-position: -450px 50%; } #gameUsersList .user .decoration, #gameBuddiesList .user .decoration, .tabContent .user .decoration { position: relative; float: right; display: inline; margin: 5px 5px 0px 5px; } #gameUsersList .user .floatingImage, #gameBuddiesList .user .floatingImage, .tabContent .user .floatingImage { background-color: white; } #gameUsersList .user p, #gameBuddiesList .user p, .tabContent .user p { margin-left: 120px; } #gameUsersList .user .constructedAvatarMiddle, #gameBuddiesList .user .constructedAvatarMiddle, .tabContent .user .constructedAvatarMiddle { border-left: 1px solid #f0ebeb; border-cursor: pointer; } #gameUsersList .user .detailButtons, #gameBuddiesList .user .detailButtons, .tabContent .user .detailButtons { border-top: 1px solid #bebebb; border-bottom: 1px solid #bebebb; border-left: 1px solid #f0ebeb; border-right: 1px solid #f0ebeb; background-color: white; float: left; width: 100%; border-bottom: none; } .featuredGame .game p { display: none; } .featuredGame .game h2 a { font-size: 10px; line-height: 15px; } .featuredGame .gameContainer { overflow: hidden; border-bottom: 1px solid #bebebb; height: 168px; } .featuredGame .gameContainer .floatingImage { display: block; margin-top: 19px; margin-left: 5px; margin-bottom: 5px; } .featuredGame .gameContainer .floatingImage img { width: 85px; height: 85px; padding: 1px; border: 1px solid #bebebb; } .featuredGame .gameContainer .featuredScore th { margin: 0; padding-left: 5px; } #challenges #left, #challenges #right { position: relative; float: left; display: inline; width: 50%; } #challenges #left .challenge, #challenges #right .challenge { width: 95%; margin-left: 5%; margin-bottom: 20px; } h2 .smallDecoration.agility { background: transparent url(/images/decorations/agility.png?00000) no-repeat 50% 50%; } h2 .smallDecoration.knowledge { background: transparent url(/images/decorations/knowledge.png?00000) no-repeat 50% 50%; } h2 .smallDecoration.strategy { background: transparent url(/images/decorations/strategy.png?00000) no-repeat 50% 50%; } .comparedScore, .featuredScore { min-height: 120px; } .comparedScore table, .featuredScore table { width: 100%; } .comparedScore table td, .comparedScore table th, .featuredScore table td, .featuredScore table th { font-size: 10px; line-height: 15px; line-height: 9px; vertical-align: "middle"; text-align: left; background: transparent url(/images/widgets/score_bg.png?00000) repeat-x 0% 50%; overflow: hidden; } .comparedScore table td a, .comparedScore table th a, .featuredScore table td a, .featuredScore table th a { font-weight: bold; opacity: 1; } .comparedScore table .selectedHighScore td, .featuredScore table .selectedHighScore td { background: transparent url(/images/widgets/score_sel_bg.png?00000) repeat-x 0% 50%; color: white; } .comparedScore table .selectedHighScore td a, .featuredScore table .selectedHighScore td a { color: white; } .featuredScore { margin-left: 100px; } .barcontainer { height: 20px; } .barcontainer div { position: relative; float: left; display: inline; padding-right: 10px; } .barborder { position: relative; background: #FFF url(/images/bar_bg.gif?00000) repeat-x 0% 0%; border: 1px solid #bebebb; width: 350px; } .bartext, .barspacer { margin-top: 5px; } .winningbar { left: 0; top: 0; background: url(/images/bar_winning_bg.gif?00000) repeat-x 0% 0%; border: 0; height: 16px; } #scores { width: 100%; } #scores h7 { font-size: 14px; line-height: 20px; display: block; margin-left: 15px; margin-top: -30px; } #scores .user { cursor: pointer; } #scores #topScores { clear: right; padding-top: 20px; margin-top: 20px; } #scores #topScores .pedestal { position: relative; float: left; display: inline; width: 220px; height: 220px; background: url(/images/pedestal.png?00000) no-repeat 0% 0%; } #scores #topScores .pedestal .constructedAvatarMiddle { width: 70px; cursor: pointer; } #scores #topScores .pedestal .constructedAvatarMiddle img { margin: 0 -20px 0 -20px; } #scores #topScores .pedestal #firstAvatar { position: absolute; top: 2px; left: 58px; } #scores #topScores .pedestal #secondAvatar { position: absolute; top: 20px; left: 0px; } #scores #topScores .pedestal #thirdAvatar { position: absolute; top: 18px; left: 115px; } #scores #topScores .score_list { position: relative; float: left; display: inline; width: 478px; } #scores #topScores .score_list td { color: white; background: url(/images/score_top_bg.png?00000) repeat-x 0% 50%; } #scores #topScores .score_list td .userDetailButton { background-image: url(/images/score_top_more.png?00000); } #scores #topScores .score_list td.positioning { padding-left: 15px; font-size: 28px; line-height: 30px; } #scores #topScores .score_list td.user { cursor: pointer; } #scores table td { height: 50px; padding-left: 10px; border-bottom: 1px solid white; background: url(/images/score_bg.png?00000) repeat-x 0% 50%; vertical-align: middle; } #scores table td img { display: block; } #scores table td .userDetailButton { position: relative; float: right; display: inline; width: 50px; height: 50px; display: block; overflow: hidden; text-indent: -999em; background: transparent url(/images/score_more.png?00000) no-repeat 50% 50%; } #scores table td.positioning { font-size: 20px; line-height: 20px; text-align: center; padding-right: 10px; font-weight: bold; } #scores table td.user { font-weight: bold; max-width: 100px; overflow: hidden; } #scores table td.avatar { background: white none; vertical-align: middle; padding-left: 0; width: 50px; } #scores table td.avatar .constructedAvatarSmall { position: relative; float: left; display: inline; cursor: pointer; } #scores table td.timeTd { width: 100px; } #scores table .usersBestScoreRow td { color: white; background: url(/images/score_best_bg.png?00000) repeat-x 0% 50%; } #scores table .usersBestScoreRow td .userDetailButton { background-image: url(/images/score_top_more.png?00000); } #scores iframe { position: relative; margin-top: -40px; margin-bottom: 10px; margin-left: 170px; height: 598px; width: 530px; } #scores iframe .usersBestScoreRow { background-color: yellow; } #scores iframe #footnotes_debug, #scores iframe .footnotes_debug { display: none; } #scores iframe .moreScores { text-align: center; margin: 10px; font-size: 14px; line-height: 20px; } #scores iframe .moreScores a { display: block; color: white; background: #bebebb; margin: 10px 0 0 0; padding: 5px 5px 5px 5px; } .bigColumns .dashboardColumnLeft { position: relative; float: left; display: inline; width: 330px; margin: 0px 40px 0px 0px; } .bigColumns .dashboardColumnRight { position: relative; float: left; display: inline; width: 330px; } .gameSubheader { margin: 0; border-top: 1px solid #bebebb; border-bottom: 1px solid #bebebb; border-left: 1px solid #f0ebeb; border-right: 1px solid #f0ebeb; background-color: white; padding: 4px 10px; font-weight: bold; } .challengeSubheader { margin-bottom: 20px; } .dashboardGames .floatingImage { margin-right: 10px; } #challenges #left .gameSubheader, #challenges #right .gameSubheader { margin: 0 0 0 18px; border-top: 1px solid #bebebb; border-bottom: 1px solid #bebebb; border-left: 1px solid #f0ebeb; border-right: 1px solid #f0ebeb; background-color: white; padding: 4px 10px; font-weight: bold; } #challenges #left .challengeSubheader, #challenges #right .challengeSubheader { margin-bottom: 20px; } #challenges h2 { font-weight: bold; display: block; margin-left: 17px; } #accountentries, .dashboardWidgets, #gameActivities { float: left; border-bottom: 1px solid #bebebb; margin-bottom: 20px; clear: left; width: 100%; background: #E7E6E6 url(/images/score_bg.png?00000) repeat-x 0% 0%; border: none; } #accountentries h2 .smallDecoration, .dashboardWidgets h2 .smallDecoration, #gameActivities h2 .smallDecoration { float: right; margin: -2px 0px 0px 0px; width: 24px; height: 24px; } #accountentries th, #accountentries h2, .dashboardWidgets th, .dashboardWidgets h2, #gameActivities th, #gameActivities h2 { margin: 0; font-weight: bold; border-top: 1px solid #bebebb; border-bottom: 1px solid #bebebb; border-left: 1px solid #f0ebeb; border-right: 1px solid #f0ebeb; background-color: white; padding: 4px 10px; } #accountentries th .widgetSub, #accountentries h2 .widgetSub, .dashboardWidgets th .widgetSub, .dashboardWidgets h2 .widgetSub, #gameActivities th .widgetSub, #gameActivities h2 .widgetSub { font-weight: normal; } #accountentries th, .dashboardWidgets th, #gameActivities th { border-left: 0; border-right: 0; } #accountentries td, #accountentries li, #accountentries .widgetContent, .dashboardWidgets td, .dashboardWidgets li, .dashboardWidgets .widgetContent, #gameActivities td, #gameActivities li, #gameActivities .widgetContent { border-bottom: 1px solid white; background: #E7E6E6 url(/images/score_bg.png?00000) repeat-x 0% 50%; } #accountentries td, #accountentries li, .dashboardWidgets td, .dashboardWidgets li, #gameActivities td, #gameActivities li { padding-left: 5px; padding-right: 5px; min-height: 30px; vertical-align: middle; } #accountentries td, .dashboardWidgets td, #gameActivities td { height: 30px; } #accountentries .selectedHighScore td, .dashboardWidgets .selectedHighScore td, #gameActivities .selectedHighScore td { background: transparent url(/images/widgets/score_sel_bg.png?00000) repeat-x 0% 50%; color: white; } #accountentries .selectedHighScore td a, .dashboardWidgets .selectedHighScore td a, #gameActivities .selectedHighScore td a { color: white; } #accountentries li, .dashboardWidgets li, #gameActivities li { min-height: 20px; padding-top: 5px; padding-bottom: 5px; } #accountentries td.first, .dashboardWidgets td.first, #gameActivities td.first { padding: 0; width: 40px; } #accountentries td.first .floatingImage, .dashboardWidgets td.first .floatingImage, #gameActivities td.first .floatingImage { margin: 0; } #accountentries td.right, .dashboardWidgets td.right, #gameActivities td.right { text-align: right; } #accountentries p, .dashboardWidgets p, #gameActivities p { margin-right: 5px; margin-left: 5px; margin-top: 0; } #accountentries .suggestionButton, #accountentries .cssbutton, .dashboardWidgets .suggestionButton, .dashboardWidgets .cssbutton, #gameActivities .suggestionButton, #gameActivities .cssbutton { display: inline; color: #888888; line-height: 1; background: transparent url(/images/cssbutton/but.png?00000) no-repeat 0px 50%; cursor: pointer; padding: 5px 8px 5px 26px; -moz-border-radius: 12px; -webkit-border-radius: 12px; border: 1px solid #bebebb; position: relative; float: right; display: inline; margin: 7px 10px 9px 0px; } #accountentries .suggestionButton:hover, #accountentries .cssbutton:hover, .dashboardWidgets .suggestionButton:hover, .dashboardWidgets .cssbutton:hover, #gameActivities .suggestionButton:hover, #gameActivities .cssbutton:hover { color: #5b5b5b; text-decoration: none; } #accountentries .suggestionButton:hover, #accountentries .cssbutton:hover, .dashboardWidgets .suggestionButton:hover, .dashboardWidgets .cssbutton:hover, #gameActivities .suggestionButton:hover, #gameActivities .cssbutton:hover { background-position: -450px 50%; } #accountentries .decoration, .dashboardWidgets .decoration, #gameActivities .decoration { position: relative; float: right; display: inline; margin: 5px 5px 0px 5px; } #accountentries img, .dashboardWidgets img, #gameActivities img { width: 40px; height: 40px; } #accountentries .more, .dashboardWidgets .more, #gameActivities .more { position: relative; float: left; display: inline; width: 100%; display: block; background: white; } #accountentries { margin-top: 40px; } .dashboardWidgets .floatingImage { margin-right: 10px; } #Ranking.dashboardWidgets .floatingImage img, #ChallengesMain .floatingImage img, #Challenges.dashboardWidgets .floatingImage img { width: 40px; height: 40px; } #Account.dashboardWidgets .stakeCount { height: 28px; margin: 0 10px; text-align: center; width: 40px; line-height: 28px; } .challengeInvited, .challengeAccepted, .challengeRejected, .challengeCanceled, .challengeAssigned, .challengeOpen, .challengeWon, .challengeLost { width: 30px; height: 30px; margin: 0px 0px -2px 0px; background: transparent url(/images/challenge/challenge_won.png?00000) no-repeat 50% 50%; } .challengeLost { background-image: url(/images/challenge/challenge_lost.png?00000); } .challengeOpen, .challengeInvited { background-image: url(/images/challenge/challenge_open.png?00000); } .challengeAccepted, .challengeAssigned { background-image: url(/images/challenge/challenge_assigned.png?00000); } .challengeRejected, .challengeCanceled { background-image: url(/images/challenge/challenge_canceled.png?00000); } .bigCup.challengeRejected, .bigCup.challengeCanceled, .bigCup.challengeAssigned, .bigCup.challengeOpen, .bigCup.challengeWon, .bigCup.challengeLost { width: 68px; height: 60px; margin: 0px 0px -2px 0px; position: relative; float: right; display: inline; background: transparent url(/images/challenge/bigCup_challenge_won.png?00000) no-repeat 50% 50%; } .bigCup.challengeLost { background-image: url(/images/challenge/bigCup_challenge_lost.png?00000); } .bigCup.challengeOpen { background-image: url(/images/challenge/bigCup_challenge_open.png?00000); } .bigCup.challengeAssigned { background-image: url(/images/challenge/bigCup_challenge_assigned.png?00000); } .bigCup.challengeRejected, .bigCup.challengeCanceled { background-image: url(/images/challenge/bigCup_challenge_canceled.png?00000); } .bigCup.challengeRejected .sub, .bigCup.challengeCanceled .sub { font-size: 10px; line-height: 15px; line-height: 10px; } #ChallengesMain { background: #E7E6E6 url(/images/score_bg.png?00000) repeat-x 0% 0%; float: left; border-bottom: 1px solid #bebebb; margin-bottom: 20px; width: 100%; } #ChallengesMain h2 .smallDecoration { float: right; margin: -2px 0px 0px 0px; width: 24px; height: 24px; } #ChallengesMain th, #ChallengesMain h2 { margin: 0; font-weight: bold; border-top: 1px solid #bebebb; border-bottom: 1px solid #bebebb; border-left: 1px solid #f0ebeb; border-right: 1px solid #f0ebeb; background-color: white; padding: 4px 10px; } #ChallengesMain th .widgetSub, #ChallengesMain h2 .widgetSub { font-weight: normal; } #ChallengesMain th { border-left: 0; border-right: 0; } #ChallengesMain td, #ChallengesMain li, #ChallengesMain .widgetContent { border-bottom: 1px solid white; background: #E7E6E6 url(/images/score_bg.png?00000) repeat-x 0% 50%; } #ChallengesMain td, #ChallengesMain li { padding-left: 5px; padding-right: 5px; min-height: 30px; vertical-align: middle; } #ChallengesMain td { height: 30px; } #ChallengesMain .selectedHighScore td { background: transparent url(/images/widgets/score_sel_bg.png?00000) repeat-x 0% 50%; color: white; } #ChallengesMain .selectedHighScore td a { color: white; } #ChallengesMain li { min-height: 20px; padding-top: 5px; padding-bottom: 5px; } #ChallengesMain td.first { padding: 0; width: 40px; } #ChallengesMain td.first .floatingImage { margin: 0; } #ChallengesMain td.right { text-align: right; } #ChallengesMain p { margin-right: 5px; margin-left: 5px; margin-top: 0; } #ChallengesMain .suggestionButton, #ChallengesMain .cssbutton { display: inline; color: #888888; line-height: 1; background: transparent url(/images/cssbutton/but.png?00000) no-repeat 0px 50%; cursor: pointer; padding: 5px 8px 5px 26px; -moz-border-radius: 12px; -webkit-border-radius: 12px; border: 1px solid #bebebb; position: relative; float: right; display: inline; margin: 7px 10px 9px 0px; } #ChallengesMain .suggestionButton:hover, #ChallengesMain .cssbutton:hover { color: #5b5b5b; text-decoration: none; } #ChallengesMain .suggestionButton:hover, #ChallengesMain .cssbutton:hover { background-position: -450px 50%; } #ChallengesMain .decoration { position: relative; float: right; display: inline; margin: 5px 5px 0px 5px; } #ChallengesMain .challengeDone, #ChallengesMain .challengeNotDone { width: 50px; height: 25px; background: green; overflow: hidden; text-indent: -9999em; margin: 3px auto; } #ChallengesMain .challengeNotDone { background: red; } #PotentialOpponents.dashboardWidgets .floatingImage { padding: 10px 10px 10px 10px; } #PotentialOpponents.dashboardWidgets .floatingImage img { width: 110.0px; height: 110.0px; } .overviewPrices { margin-top: 20px; position: relative; float: left; display: inline; width: 95%; margin: 10px 0px 0px 3%; } .overviewPrices li { position: relative; float: left; display: inline; width: 33.2%; margin: 0px 0px 10px 0px; } .overviewPrices li a { width: 160px; font-size: 14px; line-height: 20px; } fieldset h2 { font-weight: bold; margin-bottom: 20px; } fieldset table { border-bottom: 1px solid #bebebb; max-width: 480px; } fieldset td { border-top: 1px solid #bebebb; padding-top: 6px; padding-bottom: 6px; } fieldset label { position: relative; float: left; display: inline; min-width: 90px; } fieldset input#remember_me { position: relative; float: left; display: inline; } #buttonsFieldset { background: #E7E6E6 url(/images/score_bg.png?00000) repeat-x 0% 0%; border-top: 1px solid #bebebb; clear: right; padding-top: 10px -1; padding-bottom: 10px; margin: 30px -20px -10px -20px; } #buttonsFieldset .buttons { clear: left; } #buttonsFieldset .facebookProfile { float: left; margin-left: 20px; margin-top: 10px; } #buttonsFieldset .facebookProfile a { cursor: hand; cursor: pointer; display: block; width: 194px; height: 27px; } #buttonsFieldset .facebookProfile a.notconnected { background-image: url(/images/facebook/profile_connect.png?00000); } #buttonsFieldset .facebookProfile a.connected { background-image: url(/images/facebook/profile_connected.png?00000); } #buttonsFieldset .cancelText .cssbutton, #buttonsFieldset input { position: relative; float: right; display: inline; margin-top: 10px; margin-right: 20px; margin-bottom: 0; } #buttonsFieldset .cancelText a { height: 10px; } #new_game_suggestion .buttons { margin-top: 10px; } #new_game_suggestion td { vertical-align: top; } #new_game_suggestion input, #new_game_suggestion textarea { border: 1px solid #bebebb; } #new_game_suggestion .fieldWithErrors input, #new_game_suggestion .fieldWithErrors textarea { background-color: #fcc; border: 1px "dotted" #f00; } #new_game_suggestion .error { margin: 0; padding: 0; background: none; font-weight: bold; position: static; } fieldset#EditAvatar { position: relative; float: right; display: inline; border-left: 1px solid #bebebb; margin-left: 20px; padding-left: 20px; } fieldset#EditAvatar .constructedAvatarBig img { left: -20px; } fieldset#EditAvatar td { border: 0; } fieldset#EditAvatar .avatar-select { display: block; } .lostpassword { position: relative; float: right; display: inline; } #helpArea { position: absolute; top: -200px; left: -10px; width: 720px; height: 170px; overflow: hidden; padding: 10px 5px; background: transparent url(/images/teaser/tab_content_bg.png?00000) no-repeat 0 0; } #helpArea #tabBar { position: absolute; left: 11px; top: 10px; float: none; display: block; width: 190px; } #helpArea #tabBar .tab { float: none; display: block; border: 0; -moz-border-radius: 0; -webkit-border-radius: 0; height: 50px; margin: 0; padding: 0; background-repeat: no-repeat; cursor: pointer; text-indent: -9999px; background-position: 0 0; } #helpArea #tabBar .tabSelected { background-position: 0 -50px; z-index: 150; } #helpArea #tabBar .tabUnselected:hover { background-position: 0 -100px; } #helpArea #tabBar #tab1 { background-image: url(/images/teaser/tab1.png?00000); } #helpArea #tabBar #tab2 { background-image: url(/images/teaser/tab2.png?00000); } #helpArea #tabBar #tab3 { background-image: url(/images/teaser/tab3.png?00000); } #helpArea .tabContent { height: 150px; margin-left: 210px; overflow: hidden; padding-top: 0; border: 0; } .statistics { position: relative; float: right; display: inline; width: 149px; border-left: 1px solid #bebebb; margin-left: 15px; padding-left: 15px; } .statistics p { height: 80px; overflow: hidden; } .statistics p, .statistics td { font-size: 12px; line-height: 20px; vertical-align: top; } .statistics td.right { font-weight: bold; vertical-align: bottom; } #userHeader .statistics { width: 149px; min-height: 140px; } #userHeader .statistics td.left { width: 70px; } .facebookIconUser { float: right; margin-right: 5px; } .facebookIconUser span { display: block; width: 20px; height: 20px; } .facebookIconUser span.notconnected { background-image: url(/images/facebook/user_notConnected.png?00000); } .facebookIconUser span.connected { background-image: url(/images/facebook/user_connected.png?00000); } .decorations { position: relative; } .decorations div { position: relative; float: left; display: inline; } .introButtons { position: relative; float: left; display: inline; margin-left: 20px; } .introButtons .cssbutton { display: block; } .appStore { display: block; background: transparent url(/images/appStore.png?00000) no-repeat 0% 100%; width: 101px; height: 50px; } #activityTicker { position: relative; top: 0; font-size: 14px; line-height: 20px; border-top: 1px solid #bebebb; border-bottom: 1px solid #bebebb; border-left: 1px solid #f0ebeb; border-right: 1px solid #f0ebeb; background-color: white; padding: 8px 0px 6px 0px; text-align: center; line-height: 14px; height: 14px; overflow: hidden; margin: -40px 0 60px 0; } .entryPage #activityTicker { margin-top: 0; } #activityTicker #tickerContent1, #activityTicker #tickerContent2 { position: absolute; top: 8px; width: 100%; height: 18px; line-height: 14px; } .faqList { float: right; padding: 0px 0px 0px 20px; border-left: 1px solid #bebebb; margin: 0px 0px 0px 60px; } .faqList a { display: inline; color: #888888; line-height: 1; background: transparent url(/images/cssbutton/but.png?00000) no-repeat 0px 50%; cursor: pointer; padding: 5px 8px 5px 26px; display: block; background: transparent url(/images/cssbutton/but_raw.png?00000) no-repeat 0% 50%; padding: 7px 8px 7px 26px; } .faqList a:hover { color: #5b5b5b; text-decoration: none; } .faqList a:hover { background-position: -450px 50%; } .faqList a:hover { background: transparent url(/images/cssbutton/but_raw.png?00000) no-repeat 0% 50%; } #FAQPage h1 { margin-bottom: 40px; } #FAQPage .faqContent { margin-right: 240px; overflow: hidden; } #FAQPage .faqContent h2 { border-top: 1px solid #bebebb; border-bottom: 1px solid #bebebb; border-left: 1px solid #f0ebeb; border-right: 1px solid #f0ebeb; background-color: white; padding: 5px -1 10px; font-weight: bold; } #FAQPage .faqContent .backToTop { float: right; padding: 5px 20px 0px 0px; } #FAQPage .faqContent dl { margin: 40px 0px 40px 0px; } #FAQPage .faqContent dd p, #FAQPage .faqContent dt p { -moz-border-radius: 12px; -webkit-border-radius: 12px; border: 1px solid #bebebb; color: #5b5b5b; background-color: #f0ebeb; border: 0; margin: 0px 55px 0px 100px; padding: 7px 10px 7px 10px; } #FAQPage .faqContent dt { padding-bottom: 65px; margin-bottom: -90px; background: transparent url(/images/faq_question.png?00000) no-repeat 0 100%; } #FAQPage .faqContent dt p { font-weight: bold; margin: 0px 100px 0px 55px; } #FAQPage .faqContent dd { padding-top: 40px; padding-bottom: 40px; background: transparent url(/images/faq_answear.png?00000) no-repeat 100% 0; } body.landing { background: transparent url(/images/parachute/pp_bg.png?00000) repeat-x 0 0; text-align: left; } body.landing #landingwrapper { margin: 0 0; width: 1100px; overflow: hidden; } body.landing #landingwrapper #landingheader { text-align: left; padding-top: 73px; padding-left: 73px; } body.landing #landingwrapper #landingcontent a.phone { display: block; width: 250px; height: 475px; background: transparent url(/images/parachute/pp_phone.png?00000) no-repeat 0 0; text-indent: -9999em; float: left; margin-left: 220px; margin-top: 5px; } body.landing #landingwrapper #landingcontent a.teaser { display: block; width: 500px; height: 300px; background: transparent url(/images/parachute/pp_teaser.png?00000) no-repeat 0 126px; text-indent: -9999em; margin-left: 518px; } body.landing #landingwrapper #landingcontent a.pp_btn { display: block; width: 259px; height: 73px; background: transparent url(/images/parachute/pp_btn.png?00000) no-repeat 0 0; text-indent: -9999em; margin-left: 860px; margin-top: 15px; } body.landing #footnotes_debug { display: none; } .gameImageBig { max-width: 100px; max-height: 100px; } .gameImageSmall { max-width: 70px; max-height: 70px; } #spinner { position: relative; top: 5px; left: 10px; } /* ----------------------------------------------------------------------------- */ /* Scoreloop SCREEN Stylesheet */ /* version: 0.1a */ /* date: 23/02/09 */ /* author: Marc Beyerlin + Anja Deubzer */ /* email: info@anjadeubzer.de */ /* website: http://www.scoreloop.com */ /* Copyright: Copyright (c) 2009 by scoreloop */ /* License: No rights granted for any use of the Software or parts of it */ /* This file is part of scoreloop. All rights reserved. No rights granted to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software or parts of the Software without prior written and signed permission. */ /* THIS FILE RESIDES IN "/public/stylesheets/". */ /* ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- */ /* Scoreloop CONFIGURATION Stylesheet */ /* version: 0.1a */ /* date: 23/02/09 */ /* author: Marc Beyerlin + Anja Deubzer */ /* email: info@anjadeubzer.de */ /* website: http://www.scoreloop.com */ /* Copyright: Copyright (c) 2009 by scoreloop */ /* License: No rights granted for any use of the Software or parts of it */ /* This file is part of scoreloop. All rights reserved. No rights granted to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software or parts of the Software without prior written and signed permission. */ /* THIS FILE RESIDES IN "/public/stylesheets/". */ /* ----------------------------------------------------------------------------- */ #footnotes_debug { font-size: 10px; line-height: 15px; } #activities, .sidebar_games, .sidebar_users, .sidebar_search { float: left; border-bottom: 1px solid #bebebb; margin-bottom: 20px; clear: left; width: 100%; border: none; } #activities h2 .smallDecoration, .sidebar_games h2 .smallDecoration, .sidebar_users h2 .smallDecoration, .sidebar_search h2 .smallDecoration { float: right; margin: -2px 0px 0px 0px; width: 24px; height: 24px; } #activities th, #activities h2, .sidebar_games th, .sidebar_games h2, .sidebar_users th, .sidebar_users h2, .sidebar_search th, .sidebar_search h2 { margin: 0; font-weight: bold; border-top: 1px solid #bebebb; border-bottom: 1px solid #bebebb; border-left: 1px solid #f0ebeb; border-right: 1px solid #f0ebeb; background-color: white; padding: 4px 10px; } #activities th .widgetSub, #activities h2 .widgetSub, .sidebar_games th .widgetSub, .sidebar_games h2 .widgetSub, .sidebar_users th .widgetSub, .sidebar_users h2 .widgetSub, .sidebar_search th .widgetSub, .sidebar_search h2 .widgetSub { font-weight: normal; } #activities th, .sidebar_games th, .sidebar_users th, .sidebar_search th { border-left: 0; border-right: 0; } #activities td, #activities li, #activities .widgetContent, .sidebar_games td, .sidebar_games li, .sidebar_games .widgetContent, .sidebar_users td, .sidebar_users li, .sidebar_users .widgetContent, .sidebar_search td, .sidebar_search li, .sidebar_search .widgetContent { border-bottom: 1px solid white; background: #E7E6E6 url(/images/score_bg.png?00000) repeat-x 0% 50%; } #activities td, #activities li, .sidebar_games td, .sidebar_games li, .sidebar_users td, .sidebar_users li, .sidebar_search td, .sidebar_search li { padding-left: 5px; padding-right: 5px; min-height: 30px; vertical-align: middle; } #activities td, .sidebar_games td, .sidebar_users td, .sidebar_search td { height: 30px; } #activities .selectedHighScore td, .sidebar_games .selectedHighScore td, .sidebar_users .selectedHighScore td, .sidebar_search .selectedHighScore td { background: transparent url(/images/widgets/score_sel_bg.png?00000) repeat-x 0% 50%; color: white; } #activities .selectedHighScore td a, .sidebar_games .selectedHighScore td a, .sidebar_users .selectedHighScore td a, .sidebar_search .selectedHighScore td a { color: white; } #activities li, .sidebar_games li, .sidebar_users li, .sidebar_search li { min-height: 20px; padding-top: 5px; padding-bottom: 5px; } #activities td.first, .sidebar_games td.first, .sidebar_users td.first, .sidebar_search td.first { padding: 0; width: 40px; } #activities td.first .floatingImage, .sidebar_games td.first .floatingImage, .sidebar_users td.first .floatingImage, .sidebar_search td.first .floatingImage { margin: 0; } #activities td.right, .sidebar_games td.right, .sidebar_users td.right, .sidebar_search td.right { text-align: right; } #activities p, .sidebar_games p, .sidebar_users p, .sidebar_search p { margin-right: 5px; margin-left: 5px; margin-top: 0; } #activities .suggestionButton, #activities .cssbutton, .sidebar_games .suggestionButton, .sidebar_games .cssbutton, .sidebar_users .suggestionButton, .sidebar_users .cssbutton, .sidebar_search .suggestionButton, .sidebar_search .cssbutton { display: inline; color: #888888; line-height: 1; background: transparent url(/images/cssbutton/but.png?00000) no-repeat 0px 50%; cursor: pointer; padding: 5px 8px 5px 26px; -moz-border-radius: 12px; -webkit-border-radius: 12px; border: 1px solid #bebebb; position: relative; float: right; display: inline; margin: 7px 10px 9px 0px; } #activities .suggestionButton:hover, #activities .cssbutton:hover, .sidebar_games .suggestionButton:hover, .sidebar_games .cssbutton:hover, .sidebar_users .suggestionButton:hover, .sidebar_users .cssbutton:hover, .sidebar_search .suggestionButton:hover, .sidebar_search .cssbutton:hover { color: #5b5b5b; text-decoration: none; } #activities .suggestionButton:hover, #activities .cssbutton:hover, .sidebar_games .suggestionButton:hover, .sidebar_games .cssbutton:hover, .sidebar_users .suggestionButton:hover, .sidebar_users .cssbutton:hover, .sidebar_search .suggestionButton:hover, .sidebar_search .cssbutton:hover { background-position: -450px 50%; } #activities .decoration, .sidebar_games .decoration, .sidebar_users .decoration, .sidebar_search .decoration { position: relative; float: right; display: inline; margin: 5px 5px 0px 5px; } #activities .floatingImage, .sidebar_games .floatingImage, .sidebar_users .floatingImage, .sidebar_search .floatingImage { margin-right: 10px; width: 50px; height: 50px; } #activities .widgetContent, .sidebar_games .widgetContent, .sidebar_users .widgetContent, .sidebar_search .widgetContent { clear: left; min-height: 50px; } #activities .widgetContent h3, .sidebar_games .widgetContent h3, .sidebar_users .widgetContent h3, .sidebar_search .widgetContent h3 { font-size: 12px; line-height: 20px; line-height: 17px; } #activities .widgetContent p, .sidebar_games .widgetContent p, .sidebar_users .widgetContent p, .sidebar_search .widgetContent p { font-size: 10px; line-height: 15px; } #activities.compactView .users, .sidebar_games.compactView .users, .sidebar_users.compactView .users, .sidebar_search.compactView .users { margin-right: -2px; min-height: 10px; } #activities.compactView .user, .sidebar_games.compactView .user, .sidebar_users.compactView .user, .sidebar_search.compactView .user { position: relative; float: left; display: inline; width: 73px; clear: none; border-right: 1px solid white; } #activities.compactView .user .floatingImage, .sidebar_games.compactView .user .floatingImage, .sidebar_users.compactView .user .floatingImage, .sidebar_search.compactView .user .floatingImage { margin-left: 12px; } #activities.compactView .user h3, .sidebar_games.compactView .user h3, .sidebar_users.compactView .user h3, .sidebar_search.compactView .user h3 { text-align: center; font-size: 10px; line-height: 15px; } .sidebar_games img { width: 50px; height: 50px; } .sidebar_search { background: #E7E6E6 url(/images/score_bg.png?00000) repeat-x 0% 0%; } .sidebar_search select, .sidebar_search input { width: 45%; margin-top: 5px; } .sidebar_search label { clear: left; position: relative; float: left; display: inline; width: 40%; margin-top: 5px; margin-left: 10px; } .sidebar_search #search_submit { position: relative; float: right; display: inline; width: auto; margin-top: 5px; margin-right: 10px; margin-bottom: 5px; } .staturBar, .date { text-align: right; font-weight: bold; font-size: 10px; line-height: 15px; background-color: #bebebb; color: white; border-bottom: 1px solid white; padding-right: 5px; margin-left: -5px; margin-right: -5px; } #developerBanner { position: absolute; top: -182px; left: -260px; } #developerBanner a { display: block; width: 150px; height: 100px; overflow: hidden; text-indent: -999em; background: url(/images/teaser/dev_banner.png?00000) no-repeat 0% 100%; } #developerBanner.headerBanner { top: -24px; left: 485px; } #developerBanner.userHeaderBanner { top: -24px; left: 195px; } #joinBeta { position: relative; display: block; text-align: center; margin: -10px -10px 20px -10px; padding: 10px 5px; height: 180px; background: url(/images/teaser/login_teaser_bg.png?00000) no-repeat; } .entryPage #joinBeta { margin-top: 0; margin-bottom: 0; } #joinBeta .loginButton { background: url(/images/teaser/login_teaser_but.png?00000) no-repeat 50% -100px; display: block; color: #FFF; height: 65px; text-indent: -9999px; margin: 0px 0px 0px 0px; } #joinBeta .loginButton:hover { background: url(/images/teaser/login_teaser_but.png?00000) no-repeat 50% 0; } #joinBeta .loginButton:active { background: url(/images/teaser/login_teaser_but.png?00000) no-repeat 50% -200px; } /* ----------------------------------------------------------------------------- */ /* Scoreloop CONFIGURATION Stylesheet */ /* version: 0.1a */ /* date: 23/02/09 */ /* author: Marc Beyerlin + Anja Deubzer */ /* email: info@anjadeubzer.de */ /* website: http://www.scoreloop.com */ /* Copyright: Copyright (c) 2009 by scoreloop */ /* License: No rights granted for any use of the Software or parts of it */ /* This file is part of scoreloop. All rights reserved. No rights granted to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software or parts of the Software without prior written and signed permission. */ /* THIS FILE RESIDES IN "/public/stylesheets/". */ /* ----------------------------------------------------------------------------- */ #footnotes_debug { font-size: 10px; line-height: 15px; } .carousel_button { position: absolute; top: 115px; left: 0px; } .carousel_button .previous_button { display: block; width: 55px; height: 55px; cursor: pointer; background: url(/images/overlay/avatar_but_right.png?00000) no-repeat 50% 50%; } .carousel_button .previous_button:hover, .carousel_button .previous_button.previous_button_over { background-image: url(/images/overlay/avatar_but_right_active.png?00000); } .carousel_button .previous_button.previous_button_disabled { background-image: url(/images/overlay/avatar_but_right_disabled.png?00000); cursor: default; } .carousel_button .next_button { display: block; width: 55px; height: 55px; cursor: pointer; background: url(/images/overlay/avatar_but_left.png?00000) no-repeat 50% 50%; } .carousel_button .next_button:hover, .carousel_button .next_button.next_button_over { background-image: url(/images/overlay/avatar_but_left_active.png?00000); } .carousel_button .next_button.next_button_disabled { background-image: url(/images/overlay/avatar_but_left_disabled.png?00000); cursor: default; } #hair_carousel, #head_carousel, #body_carousel { position: absolute; left: 55px; top: 110px; height: 200px; width: 500px; } #hair_carousel .container, #head_carousel .container, #body_carousel .container { float: left; position: relative; height: 200px; width: 450px; overflow: hidden; } #hair_carousel ul, #head_carousel ul, #body_carousel ul { margin: 0; padding: 0; width: 100000px; position: relative; top: 0; left: 0; height: 150px !important; } #hair_carousel li, #head_carousel li, #body_carousel li { height: 200px; width: 150px !important; text-align: center; list-style: none; float: left; } #hair_carousel { z-index: 2; } #head_carousel { z-index: 1; } #body_carousel { z-index: 0; } #carousel_headline { display: none; } #carousel_selection { position: absolute; top: 0px; left: 55px; width: 510px; height: 400px; background: url(/images/overlay/avatarOverlay_spot.png?00000) no-repeat; z-index: 3; }