@CHARSET "UTF-8"; /** * Default HTML Elements */ BODY { padding:0px; margin:0px; background-color: #c6df7a; text-align: center; font-family: Arial; font-size: 11px; background-repeat: repeat-x; background-position: center 0px; min-width:962px; direction: ltr; } DIV, H1, P { text-align: left; margin: 0px; padding: 0px; } A { outline:none; font-weight:bold; color:#000; } A:HOVER { text-decoration:none; } IMG { border: none; } A.imglink { text-decoration: none; } A.imglink:hover { text-decoration: none; } .clear { clear:both; } /** * Page Container */ DIV#page { position:relative; margin:0px auto; width: 960px; height: 606px; text-align: left; background-position:-670px 0px; } DIV#blackOverlay { display: none; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background-color: #000; z-index: 1000; } /** * Logo */ DIV#logo { position: absolute; width:304px; height:150px; left:680px; top:29px; background-repeat:no-repeat; } /** * Characters */ DIV#page A.male { display: block; position: absolute; left: 311px; top: 221px; width: 202px; height: 142px; background-position:0 250px; background-repeat:no-repeat; } DIV#page A.male:hover { background-position:0 -250px; } BODY.newsbox DIV#page A.male:hover { background-position:0 -2250px; } DIV#page A.female { display: block; position: absolute; left: 767px; top: 257px; width: 118px; height: 155px; background-position:0px 250px; background-repeat:no-repeat; } DIV#page A.female:hover { background-position:0px 0px; } BODY.newsbox DIV#page A.female:hover { background-position:0px -2000px; } DIV#page A.pet { display: block; position: absolute; left: 201px; top: 389px; width: 122px; height: 120px; background-position:0 250px; background-repeat:no-repeat; } DIV#page A.pet:hover { background-position:0 -500px; } /** * Additional Characters */ DIV#page A.pet { display: block; position: absolute; left: 201px; top: 389px; width: 122px; height: 120px; background-position:0 250px; background-repeat:no-repeat; } DIV#page A.pet:hover { background-position:0 -500px; } DIV#page DIV#fighters { display: block; position:absolute; top:261px; left:-38px; width:226px; height:151px; background-position:0px 250px; background-repeat:no-repeat; } DIV#page DIV#fighters.alt { background-position:0px -750px; } DIV#page DIV#lady { display: block; position:absolute; top:138px; left:196px; width:69px; height:69px; background-position:0 250px; background-repeat:no-repeat; } DIV#page DIV#lady.alt { background-position:0 -1820px; } DIV#page DIV#stream { display: block; position:absolute; top:134px; left:823px; width:246px; height:100px; background-position:0 250px; background-repeat:no-repeat; } DIV#page DIV#stream.alt { background-position:0 -1600px; } DIV#page DIV#smoke { position:absolute; top:0px; left:463px; width:63px; height:53px; background-position:0 250px; background-repeat:no-repeat; } DIV#page DIV#smoke.alt { background-position:0 -1700px; } DIV#page DIV#mouse { position:absolute; width:38px; height: 248px; top:-20px; left:685px; } DIV#page DIV#mousecover { position:absolute; width:48px; height:227px; top:-25px; left:680px; } DIV#page DIV#flag { position:absolute; width:50px; height:29px; top:9px; left:228px; background-position:0px -1050px; } DIV#page DIV#flowergirl { position:absolute; width:92px; height:75px; top:300px; left:912px; background-position:0px -1100px; } DIV#page DIV#chopper { position:absolute; width:68px; height:57px; top:246px; left:906px; background-position:-100px -1100px; } DIV#page DIV#bird { position:absolute; width:82px; height:34px; top:219px; left:1006px; background-position:-168px -1100px; } DIV#page DIV#spider { position:absolute; width:29px; height:45px; top:433px; left:572px; background-position:0 -1000px; } /** * Interface */ A.playfree { display: block; position: absolute; left:520px; top:380px; width:222px; height:46px; background-position:0 top; } A.playfree:hover { background-position: -222px top; } DIV#page A.trailer { display: block; position: absolute; left:563px; top:248px; width:98px; height:28px; background-position:0 top; } DIV#page A.trailer:hover { background-position: 98px top; } DIV#page A.screenshots { display: block; position: absolute; left:563px; top:283px; width:135px; height:28px; background-position:0 top; } DIV#page A.screenshots:hover { background-position: 135px top; } DIV#page DIV.menu { display:block; position:absolute; top: 624px; left:151px; font-size:11px; line-height:16px; } /** * Player statistics */ TABLE#stats { position:absolute; top:321px; left:575px; width: 116px; } TABLE#stats td { text-align:right; white-space: nowrap; } TABLE#stats th { text-align:left; white-space: nowrap; } /** * Linkbar */ DIV#page DIV.menu A { color:#263315; } DIV#menu SPAN.copyright { font-size:10px; display: block; direction: ltr; } DIV#menu SPAN.copyright A { font-weight: normal; text-decoration: none; color: #00000; } DIV#menu SPAN.copyright A:hover { text-decoration: underline; } /** * Login-Box */ DIV#loginBox { display: block; position: absolute; right:6px; left:414px; top:604px; width:540px; height:57px; background-position: 0px 114px; } DIV#loginBox A, DIV#loginBox SPAN { display:block; position:absolute; font-size: 11px; font-weight:bold; color:#000; } DIV#loginBox SPAN.one { width:6px; height:57px; background-position: 0px top; left:-2px; } DIV#loginBox SPAN.two { width:6px; height:57px; background-position: 0px bottom; right:-2px; } DIV#loginBox A.loginButton { top:19px; right: 12px; width:99px; height:28px; } DIV#transferBox A.transferButton { top:19px; right: 12px; width:99px; height:28px; } DIV#loginBox A.loginButton span { position:relative; } DIV#loginBox DIV.loginName { position:absolute; top:19px; right:262px; } DIV#loginBox DIV.password { position:absolute; top:19px; right:125px; } DIV#loginBox INPUT.loginTextField { width:116px; height:20px; padding:3px 0px 0px 4px; } DIV#loginBox DIV.loginName INPUT.loginTextField { height:18px; padding:5px 0px 0px 4px; } /** * External Elements */ DIV#page DIV#loginBox DIV.socialLinkFacebook { position: absolute; display: block; width: 24px; height: 24px; right: -3px; top: -27px; cursor: pointer; } DIV#fbMenu { bottom: 23px; position: absolute; left: 10px; top: 42px; z-index:1; display: none; } DIV#fbMenu A { display: block; position: relative; height: 6px; width: 100%; line-height: 6px; text-align: center; padding: 6px; font-weight: bold; text-decoration: none; background-color: #fff; color: #3B5998; border: #BDC7D8 1px solid; margin-top: -1px; } DIV#fbMenu A.first { } DIV#fbMenu A:hover { background-color: #3B5998; color: #fff; border-color: #3B5998; } DIV#loginBox A#fbConnectLogin, A.fbConnectLogin { display: block; width:81px; height:22px; position: relative; } DIV#loginBox A#fbConnectLogin { position: absolute; left: 15px; top: 19px; } DIV#loginBox A#fbConnectLogin.dropdown { width: 94px; left: 10px; } DIV#loginBox A#fbConnectShowMenu { display: block; height: 22px; width: 18px; position: absolute; top: 19px; left: 86px; z-index: 5; } DIV.register A#fbConnectRegister { position: absolute; display: block; width: 81px; height: 22px; left: 186px; top: 2px; } IMG.fbLink { margin-bottom: -2px; } DIV.register A#fbAlreadyRegistered { display: block; margin-top: 20px; } SPAN.fbOr { font-weight: bold; } DIV.fb { width: 25px; height: 25px; float: left; margin-right:11px; } DIV.fb DIV.column { width: 150px; float: left; } DIV.fb DIV.column INPUT { width: 130px; } DIV#loginBox SPAN.fbOr { left: 109px; top: 22px; position: absolute; display: block; font-size: 14px; width: 35px; text-align: center; } DIV.register SPAN.fbOr { display:block; left:139px; position:absolute; top:3px; } DIV.forgot INPUT.formTextField { display: inline; } /** * Partners */ DIV#page A.stamp { display:block; position:absolute; width:116px; height:117px; left:21px; top:585px; } DIV#page A.stamp.alternate { background-position:-116px; display:none; } DIV#page A.stamp.pro7 { /*background-position:-232px; old logo*/ background-position:-348px; top:15px; left:60px; } DIV#page A.stamp.alternate.pro7 { background-position:-348px; } DIV#page A.stamp.sat1 { /*background-position:-232px; old logo*/ background-position:-464px; top:15px; left:60px; } DIV#page A.stamp.alternate.sat1 { background-position:-580px; } DIV#page A.hidden { display:none; } DIV#loginBox SPAN.labelLogin { right:266px; top:4px; color: #403120; width: 116px; } DIV#loginBox SPAN.labelPassword { right: 130px; top:4px; color: #403120; width: 116px; } DIV#loginBox A.forgotPassword { left: 14px; top:61px; color:#263315; } DIV#loginBox SPAN.register { right: 14px; top:61px; width:240px; color:#263315; text-align: right; } DIV#loginBox SPAN.register A { display:inline; position:relative; color:#263315; } /** * LoginBox (Error-Bubble) */ DIV#loginBox DIV.loginError { position:absolute; bottom:60px; left:0px; z-index:1000; } DIV#loginBox DIV.loginError DIV { width:401px; background-repeat:repeat-y; } DIV#loginBox DIV.loginError A { position:relative; display:inline; } DIV#loginBox DIV.loginError DIV.top { height:12px; background-position: bottom left; } DIV#loginBox DIV.loginError DIV.mid { background-position: top right; text-align:center; color:white; padding-top:2px; } DIV#loginBox DIV.loginError DIV.bottom { height:12px; background-position: top center; } /** * Speech Bubbles */ DIV#page DIV.bubble { display:none; position:absolute; width:169px; background-position:338px top; z-index:200; } DIV#page DIV.bubble DIV.top { width:169px; height:20px; background-position:0 17px; background-repeat:no-repeat; } DIV#page DIV.bubble DIV.bottom { width:169px; height:20px; background-position:-338px top; background-repeat:no-repeat; } DIV#page DIV.bubble DIV.content { background-position:-169px top; padding:14px 12px; line-height:18px; text-align:center; } DIV#page DIV.petBubble { bottom: 179px; left: 169px; } DIV#page DIV.maleBubble { bottom: 335px; left: 289px; } DIV#page DIV.femaleBubble { left: 746px; bottom: 301px; /* Als "Bottom" definiert, damit sie bei anderen Sprachen nach oben wächst/schrumpft */ } /** * Generic Widgets */ INPUT.loginTextField { background-color:transparent; border-color:#d9d9d9; border-style:solid; border-width:0px 1px 1px 0px; } INPUT.formTextField { display:block; width:229px; background-color:transparent; border: #a69f74 1px solid; height:24px; font-size:16px; padding:4px 4px 0px 4px; margin:0px; background:white; } INPUT.formTextField.err { border-color:#ee5759; border-style:solid; border-width: 1px 2px 2px 1px; } INPUT.formTextField.mini { width:55px; margin-right:7px; } INPUT.formTextField.minimini { width:30px; } DIV.codeEntry { height:54px; margin:-12px 0px -2px 0px; } TABLE.codeEntry { margin-left:-3px; } LABEL { font-weight:bold; height:13px; padding-top:2px; *margin-top:-1px; *margin-bottom:-1px; display:block; } A.button { display:block; height:28px; text-align:center; line-height:25px; color: #000; text-decoration:none; background-position:0 top; } A.button:hover { text-decoration:none; background-position:0 bottom; } BODY.portal A.button SPAN { position: relative; display:block; float:right; width:4px; margin-right:-4px; height:28px; background-position:4px top; } A.button:hover SPAN { text-decoration:none; background-position:4px bottom; } A.submit { width:120px; margin-bottom: 20px; } A.sendActMail { width:180px; } A.submit SPAN { } DIV.dialog DIV.formError { } DIV.dialog DIV.formError.off { display:none; } DIV.dialog DIV.formError DIV { width:438px; } DIV.dialog DIV.formError DIV.top { height:20px; background-position:0 bottom; background-repeat:no-repeat; } DIV.dialog DIV.formError DIV.mid { background-position: 438px top; text-align:center; color:#f11616; font-weight:bold; } DIV.dialog DIV.formError DIV.bottom { height:20px; background-position:-438px 0px; background-repeat:no-repeat; } /** * Dialogs (all) */ DIV.dialog { display: none; position: absolute; left: 50%; top: 100px; z-index: 1001; color: #403120; padding-left: 67px; background-repeat: no-repeat; background-position:left bottom; color: #403120; } DIV.dialog A { font-weight:normal; color: #403120; } DIV.dialog A.inactive{ color: #bbbbbb; } DIV.dialog A.button { font-weight:bold; } DIV.dialog H1 { font-size:24px; margin:18px 0px 0px 0px; } DIV.dialog H2 { margin:0px 0px 0px 0px; font-size:16px; white-space:nowrap; } DIV.dialog H3 { margin:0px 0px 0px 0px; font-size:12px; } DIV.dialog H1.caption { display:none; } DIV.dialog DIV.content { position:absolute; top:0px; left:70px; } DIV.dialog INPUT { color: #000; } DIV.register DIV.column { float:left; width:220px; } DIV.register DIV.submitBox { position: relative; } DIV.dialog A.close { display: block; float:right; position:relative; width: 39px; height: 39px; background-position:0 top; z-index:1500; } DIV.dialog A.close:hover { background-position:0 bottom; } DIV.dialog H1 { margin-bottom: 16px; height:16px; } DIV.dialog DIV.center { width: 594px; } DIV.dialog DIV.formpage { width:460px; } /** * Dialog (Big) */ DIV.dialogBig { width: 650px; height: 683px; margin-left: -325px; } DIV.dialogBig DIV.center { width: 594px; padding-top: 63px; } /** * Dialog (Medium) */ DIV.dialogMedium { width: 570px; height: 508px; margin-left: -285px; } DIV.dialogMedium DIV.center { margin-left:20px; width: 594px; padding-top: 83px; } /** * Dialog (Wide) */ DIV.dialogWide { top:px; width: 850px; margin-left: -425px; } DIV.dialogWide A.close { left:-25px; top:-15px; } /** * Dialog (Registration) */ DIV.register DIV.options { margin-left:42px; width:120px; } DIV.register DIV.options TABLE { margin-top:8px; } DIV.register DIV.options TH { height:18px; padding:0px 10px; } DIV.register TABLE.rules { margin:12px 0px 12px -3px; } DIV.register TABLE.rules TH { width:25px; vertical-align: top; } DIV.register DIV.note { font-size:10px; } DIV.register DIV.formError { position:absolute; top:52px; } DIV.register DIV#registrationMan { position:absolute; width:50px; height:50px; top:260px; left:350px; } DIV.register.boxcode DIV#registrationMan { top:306px; } DIV.register DIV#registrationManCont { display:inline; } BODY.partner DIV#formpageRegister H1 { margin-top: 0px; } BODY.partner DIV#formpageRegister DIV#errmsgFrame { background-color: #F9F7EB; top: 57px; } BODY.partner FORM#registerForm { } BODY.partner TABLE#register_agb { margin-top: 6px; margin-bottom: 6px; } /** * Dialog (Imprint) */ DIV.imprint { margin-top: -32px; } /** * Adaption for low resolutions */ DIV#adaptor { position:relative; left:0px; top:0px; } DIV#page DIV.adapted A.stamp { top:570px; } DIV#page DIV.adapted DIV.menu { top:662px; } /** * Marking for erroneous form fields */ DIV.register .errmark, DIV.loginBox .errmark { border:2px red solid; position:relative; top:-2px; left:-2px; } /** * Form elements positioning */ DIV.register TABLE#register_race.errmark { margin-bottom:-4px; } DIV.register INPUT#register_name.errmark, DIV.register INPUT#register_password.errmark, DIV.register INPUT#register_confirm.errmark, DIV.register INPUT#register_email.errmark { height:22px; } DIV.register TABLE#register_agb { height:24px; line-height: 12px; margin-top: 25px; } DIV.register TABLE#register_boxcode { height:24px; } DIV.register DIV.note { margin-bottom:-3px; } /** * Registration Man */ DIV.race_1 { background-image:url(/img/ani/roemer_stand.gif); } DIV.race_2 { background-image:url(/img/ani/germane_stand.gif); } DIV.race_3 { background-image:url(/img/ani/gallier_stand.gif); } DIV.female DIV.race_1 { background-image:url(/img/ani/roemerin_stand.gif); } DIV.female DIV.race_2 { background-image:url(/img/ani/germanin_stand.gif); } DIV.female DIV.race_3 { background-image:url(/img/ani/gallierin_stand.gif); } /** * Dialog (Screenshots) */ DIV.dialog DIV.screenshot TABLE { position:relative; width:800px; left:0px; } DIV.dialog DIV.screenshot TD { color:#fff; text-align:center; font-weight:bold; } DIV.dialog DIV.screenshot A.navi { display:block; width:53px; height:53px; } DIV.dialog DIV.screenshot A.navi.prev { background-position:top left; } DIV.dialog DIV.screenshot A.navi.next { background-position:top right; } DIV.dialog DIV.screenshot A.navi.prev:hover { background-position:bottom left; } DIV.dialog DIV.screenshot A.navi.next:hover { background-position:bottom right; } DIV.dialog DIV.screenshot A.navi.prev.disable:hover { background-position:top left; cursor:default; } DIV.dialog DIV.screenshot A.navi.next.disable:hover { background-position:top right; cursor:default; } /** * Dialog (Forum) */ DIV.forum { height: 483px; } DIV#forumScroll { position: relative; height: 140px; overflow: hidden; } DIV#forumScroll P { padding: 0px; margin: 0px; width: 415px; position: absolute; top: 0px; } DIV#forumBar { position: absolute; top: 19px; right: 0px; width: 18px; height: 102px; } A#forumDot { display: block; position: absolute; width: 12px; height: 29px; margin-left: 3px; background-position:0 top; } A#forumDot:hover { background-position:0 bottom; } A#scrollUp,A#scrollDown { position: absolute; right: 0px; display: block; width: 18px; height: 19px; background-position:0 top; } A#scrollUp { top: 0px; } A#scrollDown { top: 121px; } A#scrollUp:hover,A#scrollDown:hover { background-position:0 bottom; } /** * Dialog (Trailer) */ OBJECT#trailer { position:absolute; top:50px; left:50px; } DIV.trailer A.close { left:-135px; top:15px; } /** * Dialog (Boxcode-Entry) */ DIV.loginExtended DIV.formError { margin-bottom:-14px; } /** * Form Elements */ A.checkbox { display: block; width: 14px; height: 13px; background-position:0 top; } A.checkbox:hover { background-position:0 center; } A.radioButton { display: block; width: 14px; height: 14px; background-position:0 top; } A.radioButton:hover { background-position:0 center; } INPUT.styledCheckbox, INPUT.styledRadio { display: none; } INPUT.hiddenSubmit { display:inline; height:0px; width:0px; line-height: 0; border: 0; padding:0; margin:0; } /** * Stats */ IFRAME.forum { display:block; position:absolute; top:120px; left:0px; border-width: 2px 0px 0px 2px; border-style: solid; border-color: } /** * Messages */ DIV#loadNotify { position:absolute; width: 100px; height: 100px; top:0; left:0; background-repeat:no-repeat; z-index: 1000; display: none; } /** * Newsbox */ DIV#page DIV#newsbox { position:absolute; width:303px; height:426px; top:136px; left:480px; } DIV#page DIV#newstext1, DIV#page DIV#newstext2 { position:absolute; top:252px; left:43px; width:219px; text-align:center; } DIV#page DIV#newstext2 { top:350px; } DIV#page DIV#newsbox b { color: #a41515; } DIV#page DIV#newsbox a { font-weight: normal; text-decoration: underline; } BODY.newsbox DIV#page DIV#spider { display: none; } BODY.newsbox DIV#page DIV#mouse { top:-85px; } BODY.newsbox DIV#page DIV#mousecover { top:-90px; } BODY.newsbox DIV#page A.trailer { top:183px; } BODY.newsbox DIV#page A.screenshots { top: 218px; } BODY.newsbox TABLE#stats { top:256px; } BODY.newsbox DIV#page A.playfree { top: 315px; } /** * Misc */ div#StartseitenDescription { line-height: 16px; width: 257px; left: -50px; padding-top: 10px; position: absolute; top: 650px; z-index: 100; } div#StartseitenDescription div.descHeader { background-image : url('../img/portal/interface/textfeld257_1.png'); background-repeat: no-repeat; width: 257px; height: 53px; } div#StartseitenDescription div.descContent { background-image : url('../img/portal/interface/textfeld257_2.png'); width: 227px; padding-left: 20px; padding-right: 10px; } div#StartseitenDescription div.descFooter { background-image : url('../img/portal/interface/textfeld257_3.png'); background-repeat: no-repeat; width: 257px; height: 38px; } DIV#betaSign { color:red; font-size:16px; font-style:italic; font-weight:bold; right:240px; position:absolute; text-transform:uppercase; top:115px; } /** * Background Images */ /* * Default */ .interface_background { background-image : url('../img/portal/interface/background.jpg'); } .interface_chars { background-image : url('../img/portal/interface/chars/chars.jpg'); } .interface_chars_mouse { background-image:url('/img/portal/interface/chars/mouse.png'); } .interface_playfree { background-image : url('../img/lang/de/portal/interface/playfree.gif'); } .interface_logo { background-image : url('../img/lang/de/portal/interface/logo.gif'); } .interface_trailer { background-image : url('../img/lang/de/portal/interface/trailer.gif'); } .interface_screenshots { background-image : url('../img/lang/de/portal/interface/screenshots.gif'); } .interface_loginbox { background-image : url('../img/portal/interface/loginbox.gif'); } .interface_forms_button_loginbutton { background-image : url('../img/portal/interface/forms/button/loginbutton.png'); } .interface_forms_button_button { background-image : url('../img/portal/interface/forms/button/button.png'); } .interface_textfield { background-image : url('../img/portal/interface/loginfield.gif'); } .interface_stamp { background-image : url('../img/portal/interface/stamp.gif'); } .interface_errmsg_loginerror { background-image : url('../img/portal/interface/errmsg/loginerror.png'); } .interface_facebook_24 { background-image : url('../img/portal/interface/facebook_24.gif'); } /** * Bubble */ .interface_bubble { background-image : url('../img/portal/interface/bubble.png'); } /** * Dialog Big */ .interface_dialog_big_background { background-image : url('../img/portal/interface/dialog/big/background.gif'); } .interface_dialog_close { background-image : url('../img/portal/interface/dialog/close.png'); } /** * Dialog Medium */ .interface_dialog_medium_background { background-image : url('../img/portal/interface/dialog/medium/background.gif'); } /** * Screenshots */ .interface_dialog_screenshots_arrows { background-image : url('../img/portal/interface/dialog/screenshots/arrows.png'); } /** * Scroller */ .interface_scroll_up { background-image : url('../img/portal/interface/scroll/up.png'); } .interface_scroll_down { background-image : url('../img/portal/interface/scroll/down.png'); } .interface_scroll_dot { background-image : url('../img/portal/interface/scroll/dot.gif'); } .interface_scroll_tile { background-image : url('../img/portal/interface/scroll/tile.gif'); } /** * Form Elements */ .interface_forms_checkbox_off { background-image : url('../img/portal/interface/forms/checkbox/off.png'); } .interface_forms_checkbox_on { background-image : url('../img/portal/interface/forms/checkbox/on.png'); } .interface_forms_radio_off { background-image : url('../img/portal/interface/forms/radio/off.png'); } .interface_forms_radio_on { background-image : url('../img/portal/interface/forms/radio/on.png'); } /** * messages */ .interface_errmsg_form { background-image : url('../img/portal/interface/errmsg/form.png'); } .interface_ajax_loader_white { background-image : url('../img/portal/interface/ajax-loader-white.gif'); } /** * External */ .interface_fbconnect { background-image : url('../img/portal/interface/fb-connect.gif'); } .interface_fbconnect_dropdown { background-image : url('../img/portal/interface/fb-connect-dropdown.gif'); } .interface_fbconnect_large { background-image : url('../img/portal/interface/fb-connect-large.gif'); } .interface_fb { background-image : url('../img/portal/interface/fb.gif'); } /** * Newsboxes */ .interface_newsbox1 { background-image : url('../img/portal/interface/newsbox1.jpg'); } .interface_newsbox2 { background-image : url('../img/portal/interface/newsbox2.jpg'); } /** * Help */ #helpPlayerTitle { text-align: center; font-seize: 10pt; font-weight: bold; width:450px; margin-bottom: 5px; } div.dialogMedium A.playfree { position: absolute; display: none; left:120px; }