diff --git a/public/css/IE/ie6.css b/public/css/IE/ie6.css index 883a9aa..6a02355 100644 --- a/public/css/IE/ie6.css +++ b/public/css/IE/ie6.css @@ -1,62 +1,77 @@ .page { - height: 100%; - overflow: visible; + height: 100%; + overflow: visible; } .top-nav li { - width:auto; - padding:0; + width:auto; + padding:0; } .boxes-bottom { - background: none; - filter: progid:dximagetransform.microsoft.alphaimageloader(src='img/box-bottom.png', sizingmethod='crop'); + background: none; + filter: progid:dximagetransform.microsoft.alphaimageloader(src='img/box-bottom.png', sizingmethod='crop'); } .boxes-bottom { - background: none; - filter: progid:dximagetransform.microsoft.alphaimageloader(src='img/box-bottom.png', sizingmethod='crop'); + background: none; + filter: progid:dximagetransform.microsoft.alphaimageloader(src='img/box-bottom.png', sizingmethod='crop'); } .boxes-middle { - background: none; - filter: progid:dximagetransform.microsoft.alphaimageloader(src='img/box-middle.png', sizingmethod='crop'); + background: none; + filter: progid:dximagetransform.microsoft.alphaimageloader(src='img/box-middle.png', sizingmethod='crop'); } .shadow { - background: none; - filter: progid:dximagetransform.microsoft.alphaimageloader(src='img/shadow-2.png', sizingmethod='crop'); + background: none; + filter: progid:dximagetransform.microsoft.alphaimageloader(src='img/shadow-2.png', sizingmethod='crop'); +} +.dist-item-img { + behavior:url(img/iepngfix.htc); +} +.distribute-content .distribute-item { + margin:8px 0 6px; +} +.distribute-box .distribute-item { + margin:0; +} +.distribute-content .dist-item-amount { + height:auto; +} +.distribute-content .content-bg-bottom { + padding-bottom:10px; } .download-inner-column-left{ - width:300px; + width:300px; } .ranks-select-box { - margin-right:5px; - margin-left:3px; + margin-right:5px; + margin-left:3px; } .ranks-inner-content td{ - height:21px; + height:21px; } .ranks-inner-content th{ - height:23px; + height:23px; } .ranks-dropdowns-box{ - overflow:hidden; + overflow:hidden; } .nav-box-btn{ - margin: 0 0 0 10px; + margin: 0 0 0 10px; } .form-agb-box { - margin-top:-4px; + margin-top:-4px; } .form label input { - height: 15px; - margin-right: 2px; + height: 15px; + margin-right: 2px; } .form label { - margin-top: -3px; + margin-top: -3px; } .modul-box .modul-box-bg-bottom { - height: 170px; - overflow: visible; + height: 170px; + overflow: visible; } .button {padding-bottom:0px;} .btn-center-input-small-space {float:none;} @@ -67,4 +82,11 @@ .pass-lost-box-small, .register-box {margin-left:6px} .input-data-input input {padding:2px;} .input-data-box {height:auto; height:129px;} -.pass-lost-box-small {height:auto; height:143px;} \ No newline at end of file +.pass-lost-box-small {height:auto; height:143px;} +#creation div.gender img { + visibility:hidden; + display:none; +} +#creation div.genders, #creation div.gender { + background:none; +} diff --git a/public/css/IE/ie7.css b/public/css/IE/ie7.css index b90e8f6..3391293 100644 --- a/public/css/IE/ie7.css +++ b/public/css/IE/ie7.css @@ -1,17 +1,22 @@ .ranks-inner-content td{ - height:21px; + height:21px; } .ranks-inner-content th{ - height:23px; + height:23px; } .form-agb-box { - margin-top:-4px; + margin-top:-4px; } .form label { - margin-top: -3px; + margin-top: -3px; } .form label input { - height: 15px; - margin-right: 2px; + height: 15px; + margin-right: 2px; } -.button {padding-bottom:0px;} \ No newline at end of file +.button {padding-bottom:0px;} +.distribute-content .distribute-box .amount { + width:35px; + margin-left:-14px; +} +.content .tabs4-big li a {height:38px; padding-top:8px;} diff --git a/public/css/all.css b/public/css/all.css index 2aaa58d..00b7d2c 100644 --- a/public/css/all.css +++ b/public/css/all.css @@ -1,40 +1,50 @@ +/* Metin2 all.css */ html { - height: 100%; + height:100%; min-width: 930px; } body { background: #000 url(/img/container-bg.jpg) repeat-y 50% 0; color: #160400; - font: 11px/14px Arial,Helvetica,sans-serif; + font: 11px/14px Arial, Helvetica, sans-serif; height: 100%; margin: 0; min-width: 930px; } -body.netbar { margin-top: 32px!important } +body.netbar {margin-top:32px !important} img { - border: 0; + border: none; display: block; } -a:focus { outline: 0 } +a:focus { + outline:none; +} form { margin: 0; padding: 0; } -#page { +#page { /* has IE-fix */ min-height: 100%; overflow: hidden; } -.right { float: right } + + +.right {float:right;} + .header-wrapper { background: url(/img/header-bg.jpg) no-repeat 50% 0; height: 253px; } .clearfloat { - clear: both; - height: 0; + /* this class should be placed on a div or break element + and should be the final element before the close of + a container that should fully contain a float */ + clear:both; + height:0; font-size: 1px; - line-height: 0; + line-height: 0px; } +/* header start */ #header { height: 230px; margin: 0 auto; @@ -42,6 +52,7 @@ form { position: relative; width: 930px; } +/* logo */ .logo { background: url(/img/logo.jpg) no-repeat; height: 60px; @@ -58,54 +69,60 @@ form { width: 534px; } #userBox { - height: 81px; - margin: 125px 0 0 159px; - padding: 15px 40px 0; - width: 535px; + height:81px; + margin:125px 0 0 159px; + padding:15px 40px 0; + width:535px; } + #regBtn { - background: url(/img/reg-btn.jpg) no-repeat; - height: 92px; - margin: 0 auto; - width: 533px; + background:url(/img/reg-btn.jpg) no-repeat; + height:92px; + margin:0 auto; + width:533px; } #regSteps { - height: 20px; - text-align: center; + height:20px; + text-align:center; } + #regSteps a { - color: #f2e69f; - font-weight: bold; - text-decoration: none; + color:#F2E69F; + font-weight:bold; + text-decoration:none; } + #regBtn a#toReg { - color: #f2e69f; - display: block; - font-size: 22px; - font-weight: bold; - height: 72px; - line-height: 72px; - padding: 0 0 0 100px; - text-align: left; - text-decoration: none; - text-shadow: 2px 2px 5px #000; - width: 433px; + color:#F2E69F; + display:block; + font-size:22px; + font-weight:bold; + height:72px; + line-height:72px; + padding:0 0 0 100px; + text-align:left; + text-decoration:none; + text-shadow:2px 2px 5px #000000; + width:433px; } #regSteps a:hover, -#regBtn a#toReg:hover { color: #FFF } +#regBtn a#toReg:hover {color:#FFF;} + #regSteps span { - font-size: 12px; - margin: 0 15px; + font-size:12px; + margin:0 15px; } -#header .reg-hover { background-position: 0 -92px } -#header .reg-hover a { color: #FFF } + +#header .reg-hover {background-position:0 -92px;} +#header .reg-hover a {color:#FFF;} +/* top navigation start */ .top-nav { margin: 6px 0 0; overflow: hidden; padding: 0 0 2px; width: 100%; } -.top-nav li { +.top-nav li { /* has IE-fix */ background: url(/img/number-bg.png) no-repeat; color: #fef6aa; display: inline; @@ -131,53 +148,71 @@ form { position: relative; text-decoration: none; } -.top-nav li a:hover { text-decoration: underline } -.header-box-nav-container { +.top-nav li a:hover { + text-decoration: underline; +} +.header-box-nav-container{ background: url(/img/header-box.gif) no-repeat; - border: 0; + border: none; height: 42px; margin: 4px 0 0 6px; overflow: hidden; padding: 8px 0 0 6px; width: 516px; } -.welcome-text { +.welcome-text{ color: #fef6aa; font-size: 14px; font-weight: bold; } -.welcome-text-left { +.welcome-text-left{ float: left; - padding-left: 15px; + padding-left:15px; width: 252px; } -.welcome-text-right { +.welcome-text-right{ float: left; padding: 0 12px 0 0; text-align: right; width: 256px; } -.welcome-text-invisible { visibility: hidden } -.nav-box-btn { - color: #fef6aa; +.welcome-text-invisible{ + visibility: hidden; +} +.nav-box-btn{ /* has IE-fix */ + color: #FEF6AA; display: block; float: left; height: 20px; margin: 0 0 0 14px; - padding: 5px 0 0 18px; + padding :5px 0 0 18px; text-align: center; text-decoration: none; width: 131px; } -.nav-box-btn:hover { text-decoration: underline } -.nav-box-btn-1 { background-image: url(/img/nav-box-login-1-bg.gif) } -.nav-box-btn-2 { background-image: url(/img/nav-box-login-2-bg.gif) } -.nav-box-btn-3 { background-image: url(/img/nav-box-login-3-bg.gif) } -.nav-box-btn-4 { background-image: url(/img/nav-box-login-4-bg.gif) } -.form { clear: both } +.nav-box-btn:hover{ + text-decoration: underline; +} +.nav-box-btn-1 { + background-image: url(/img/nav-box-login-1-bg.gif); +} +.nav-box-btn-2 { + background-image: url(/img/nav-box-login-2-bg.gif); +} +.nav-box-btn-3 { + background-image:url(/img/nav-box-login-3-bg.gif); +} +.nav-box-btn-4 { + background-image:url(/img/nav-box-login-4-bg.gif); +} +/* top navigation end */ +/* form start */ +.form { + clear: both; +} .form fieldset { background: url(/img/header-box.png) no-repeat; - border: 0; + border: none; height: 42px; margin: 0 0 0 6px; overflow: hidden; @@ -185,21 +220,21 @@ form { width: 516px; } .agb-label { - color: #ce2918; - display: block; - float: left; - line-height: 14px; - margin: 0 0 0 5px; + color:#CE2918; + display:block; + float:left; + line-height:14px; + margin:0 0 0 5px; } -.form-agb-box { - float: left; - margin-left: 20px; +.form-agb-box { /* has IE-fix */ + float:left; + margin-left:20px; } .agb-label a { color: #c5a15f; text-decoration: none; } -.form label { +.form label { /* has IE-fix */ color: #ce2918; display: block; line-height: 14px; @@ -209,8 +244,10 @@ form { color: #c5a15f; text-decoration: none; } -.form label a:hover { text-decoration: underline } -.form label input { +.form label a:hover { + text-decoration: underline; +} +.form label input { /* has IE-fix */ height: 13px; float: left; margin: 0 4px 0 0; @@ -224,9 +261,9 @@ form { margin: 0; } .form fieldset .box { - float: left; - margin: 3px 0 0; - width: 135px; + float:left; + margin:3px 0 0; + width:135px; } .form fieldset .input { background: url(/img/input-bg-1.gif) no-repeat; @@ -236,25 +273,29 @@ form { margin: 1px 0 0 1px; width: 126px; } -.form fieldset .input-2 { background: url(/img/input-bg-2.gif) no-repeat } -.form fieldset .input-3 { background: url(/img/input-bg-3.gif) no-repeat } +.form fieldset .input-2 { + background: url(/img/input-bg-2.gif) no-repeat; +} +.form fieldset .input-3 { + background: url(/img/input-bg-3.gif) no-repeat; +} .form fieldset .input input { - background: 0; - border: 0; + background: none; + border: none; color: #fff; display: inline; float: left; - font: 11px/14px Arial,Helvetica,sans-serif; + font: 11px/14px Arial, Helvetica, sans-serif; height: 15px; margin: 0 0 0 4px; padding: 2px 0 0; width: 117px; } -.button, -.dyn-button { +/* all buttons styles */ +.button, .dyn-button { background: transparent url(/img/top-nav-register-btn.gif) no-repeat scroll 0 0; border-style: none; - color: #dfbf8b; + color: #DFBF8B; cursor: pointer; display: block; float: left; @@ -269,10 +310,12 @@ form { } .button:hover, .button:hover span, -.btn:hover { text-decoration: underline } +.btn:hover { + text-decoration: underline; +} .btn { background: url(/img/button-bg-2.gif) no-repeat; - color: #dfbf8b; + color: #DFBF8B; display: block; font-size: 10px; font-weight: bold; @@ -285,45 +328,49 @@ form { width: 116px; } .btn-login { - background: transparent url(/img/button-bg-2.gif) no-repeat scroll 0 0!important; - border-style: none; - margin-top: 3px; - padding-bottom: 4px; - width: 129px!important; + background:transparent url(/img/button-bg-2.gif) no-repeat scroll 0 0 !important; + border-style:none; + margin-top:3px; + padding-bottom:4px; + width:129px !important; } -.btn-login:hover { text-decoration: underline!important } +.btn-login:hover {text-decoration: underline !important;} .form-score .btn { background: url(/img/button-bg-3.gif) no-repeat; color: #dfbf8b; margin-left: 4px; } .form-score h4 { - color: #7b1300; - font-size: 14px; - font-weight: bold; - padding-left: 9px; - text-align: left; - width: 141px; + color:#7B1300; + font-size:14px; + font-weight:bold; + padding-left:9px; + text-align:left; + width:141px; } .back-btn { - background: transparent url(/img/back-btn-bg.gif) repeat scroll 0 0; - margin: 30px 0 22px 145px; - padding-left: 28px; - width: 87px; + background:transparent url(/img/back-btn-bg.gif) repeat scroll 0 0; + margin:30px 0 22px 145px; + padding-left:28px; + width:87px; } .dyn-button { background: transparent url(/img/tutorial-btn.png) no-repeat; - line-height: 18px; + line-height:18px; padding: 0 0 0 8px; - text-align: left; + text-align:left; } .dyn-button-end { background: transparent url(/img/tutorial-btn.png) no-repeat top right; - float: right; - height: 19px; - width: 20px; + float:right; + height:19px; + width:20px } -.dyn-button:hover { text-decoration: underline } +.dyn-button:hover {text-decoration:underline;} + +/* form end */ +/* header end */ +/* footer start */ .footer-wrapper { background: url(/img/footer-bg.gif) no-repeat 50% 0; height: 220px; @@ -335,59 +382,59 @@ form { margin: 0 auto; width: 930px; overflow: hidden; - position: relative; + position:relative; } -#footer a, -#footer a:hover, -#footer a:linked, -#footer a:focus, -#footer a:visited { border: 0 none } +#footer a, #footer a:hover, #footer a:linked, #footer a:focus, #footer a:visited { border:0 none; } .gameforge4d { - background: url(/img/gameforge4d.gif) no-repeat; - width: 128px; - height: 35px; - display: block; - text-indent: -9999px; - overflow: hidden; - margin: 71px 0 0 400px; -} -#usk { - display: inline; - float: left; - margin: 21px 0 0 7px; -} -#safeplay { - display: inline; - float: left; - margin: 21px 0 0 7px; -} -#pegi { + background: url(/img/gameforge4d.gif) no-repeat; + width: 128px; + height: 35px; display: block; - float: left; - background: 0; - border: 1px solid white; - height: 76px; - width: 184px; - margin: 21px 0 0 0; + text-indent: -9999px; + overflow: hidden; + margin: 71px 0 0 400px; } -#pegi.noBorder { border: 0 none } + +#usk { display:inline; float:left; margin:21px 0px 0px 7px; } + +#safeplay { display:inline;float:left;margin:21px 0px 0px 7px; } + +#pegi { + display:block; + float:left; + background:none; + border:1px solid white; + height:76px; + width:184px; + margin:21px 0 0 0; +} + +#pegi.noBorder { + border:0 none; +} + #pegiAge { - float: left; - display: inline; - margin: 4px 0 0 4px; + float:left; + display:inline; + margin:4px 0 0 4px; } + #pegiOnline { - float: left; - display: inline; - margin: 4px 0 0 4px; + float:left; + display:inline; + margin:4px 0 0 4px; } + #pegiViolence { - float: left; - margin: 4px 0 0 4px; + float:left; + margin:4px 0 0 4px; } + + +/* list */ #footer ul { background: url(/img/footer-box.jpg) no-repeat; - float: left; + float:left; font-size: 10px; height: 66px; line-height: 11px; @@ -404,19 +451,23 @@ form { padding: 0 5px 0 13px; } #footer ul li.first { - background: 0; - display: block; - width: 440px; - margin: 0 auto; + background: none; + display:block; + width:440px; + margin:0 auto; } #footer ul li a { color: #ae9467; text-decoration: none; - position: relative; + position:relative; } -#footer ul li.impressum { background: 0 } -#footer ul li.impressum a { color: #a00 } -#footer ul li a:hover { text-decoration: underline } +#footer ul li.impressum {background:none;} +#footer ul li.impressum a {color: #a00;} +#footer ul li a:hover { + text-decoration: underline; +} +/* footer end */ +/* main container */ .container-wrapper { background: url(/img/container-bg-top.jpg) no-repeat 50% 0; float: left; @@ -428,6 +479,7 @@ form { position: relative; width: 930px; } +/* left column */ .col-1, .col-3 { display: inline; @@ -436,25 +488,29 @@ form { position: relative; width: 157px; } +/* right column */ .col-3 { float: right; margin: -64px 9px 0 0; overflow: hidden; width: 157px; } +/* right and left boxes styles start */ .boxes-top { background: url(/img/box-top-1.jpg) no-repeat; height: 23px; width: 157px; } -.col-3 .boxes-top { background: url(/img/box-top-2.jpg) no-repeat } -.boxes-bottom { +.col-3 .boxes-top { + background: url(/img/box-top-2.jpg) no-repeat; +} +.boxes-bottom { /* has IE-fix */ background: url(/img/box-bottom.png) no-repeat; height: 48px; margin: 0 0 0 4px; width: 150px; } -.boxes-middle { +.boxes-middle { /* has IE-fix */ background: url(/img/box-middle.png) no-repeat; height: 32px; margin: 0 0 0 12px; @@ -464,15 +520,21 @@ form { background: url(/img/modul-box-bg.jpg) repeat-y; width: 157px; } -.modul-box .modul-box-bg { background: url(/img/modul-box-top.jpg) no-repeat } -.modul-box-2 .modul-box-bg { background: url(/img/modul-box-top-2.jpg) no-repeat } -.modul-box .modul-box-bg-bottom { +.modul-box .modul-box-bg { + background: url(/img/modul-box-top.jpg) no-repeat; +} +.modul-box-2 .modul-box-bg { + background: url(/img/modul-box-top-2.jpg) no-repeat; +} +.modul-box .modul-box-bg-bottom { /* has IE-fix */ background: url(/img/modul-box-bottom.jpg) no-repeat 0 100%; min-height: 132px; overflow: hidden; padding: 0 0 5px; width: 100%; } +/* right and left boxes styles end */ +/* main navigation start */ .main-nav { margin: 24px 0 0; padding: 0 0 16px; @@ -496,28 +558,36 @@ form { text-decoration: none; width: 157px; } -.modul-box h3 { margin: 24px 0 0 } -.social-media { text-align: center } +.modul-box h3 { + margin: 24px 0 0; +} +.social-media { + text-align:center; +} .button-facebook { - display: block; - margin: 6px 0; + display:block; + margin:6px 0; } .button-twitter { - display: block; - margin: 6px 0 22px; + display:block; + margin:6px 0 22px; +} +.container-facebook-like { + margin:8px auto 22px; } -.container-facebook-like { margin: 8px auto 22px } .img-social-media { - height: 36px; - width: 117px; - border: 0 none; - margin: 0 auto; + height:36px; + width:117px; + border:0 none; + margin:0 auto; } .main-nav li a:hover, .main-nav li a.active { background-position: 0 -34px; color: #fffde8; } +/* main navigation end */ +/* login form start */ .form-login { margin: 6px 0 0 14px; overflow: hidden; @@ -537,52 +607,58 @@ form { width: 129px; } .form-login .input input { - border: 0; - background: 0; - font: 11px/13px Arial,Helvetica,sans-serif; + border: none; + background: none; + font: 11px/13px Arial, Helvetica, sans-serif; margin: 1px 0 0 4px; width: 121px; } .password { - color: #58220e; - display: block; - font-size: 9px; - line-height: 11px; - margin: 8px 0 6px; - text-align: center; - text-decoration: none; - width: 128px; + color:#58220E; + display:block; + font-size:9px; + line-height:11px; + margin:8px 0 6px; + text-align:center; + text-decoration:none; + width:128px; +} +.password:hover { + text-decoration: underline; } -.password:hover { text-decoration: underline } .agbok { - color: #755; - display: block; - font-size: 9px; - margin: 8px 0 6px; - text-align: center; - text-decoration: none; - width: 128px; + color:#775555; + display:block; + font-size:9px; + margin:8px 0 6px; + text-align:center; + text-decoration:none; + width:128px; } .agbok a { - color: #8d0404; - font-size: 9px; - line-height: 11px; - text-decoration: none; + color:#8D0404; + font-size:9px; + line-height:11px; + text-decoration:none; +} +.agbokinput { + margin-bottom:0px; } -.agbokinput { margin-bottom: 0 } .agbok2 { - margin: 0 0 0 12px; - !important: ; + margin:0 0 0 12px;!important } .agbokbtn { - margin: 0 0 0 62px; - !important: ; + margin:0 0 0 62px;!important } + #lostPasswordCode p { - margin: 20px 20px 25px; - font-size: 12px; - font-weight: bold; + margin:20px 20px 25px; + font-size:12px; + font-weight:bold; } + +/* login form end */ +/* hightscore box start */ .form-score { margin: 5px 0 0 10px; padding: 0 0 20px; @@ -590,7 +666,7 @@ form { .form-score select { background-color: #cdb78b; border: 1px solid #997c47; - color: #4a1e00; + color:#4a1e00; font-size: 13px; padding: 0; width: 129px; @@ -613,19 +689,29 @@ form { list-style: none; padding: 3px 0 3px 6px; } -.form-score ul li.light { background: url(/img/shadow.gif) no-repeat } -.form-score ul li div { - margin: 0 16px 0 0; - background: no-repeat 100% 0; +.form-score ul li.light { + background: url(/img/shadow.gif) no-repeat; +} +.form-score ul li div { + margin:0 16px 0 0; + background:no-repeat 100% 0; +} +.form-score ul li div.empire1 { + background-image:url(/img/empire1_small.png); +} +.form-score ul li div.empire2 { + background-image:url(/img/empire2_small.png); +} +.form-score ul li div.empire3 { + background-image:url(/img/empire3_small.png); } -.form-score ul li div.empire1 { background-image: url(/img/empire1_small.png) } -.form-score ul li div.empire2 { background-image: url(/img/empire2_small.png) } -.form-score ul li div.empire3 { background-image: url(/img/empire3_small.png) } .form-score ul li strong { color: #8d0404; margin: 0 2px 0 0; } -.form-score ul li strong.offset { margin: 0 2px 0 6px } +.form-score ul li strong.offset { + margin: 0 2px 0 6px; +} .form-score ul li a { color: #6a3e00; margin: 0 0 0 2px; @@ -635,25 +721,33 @@ form { color: #943b00; font-weight: bold; } -.form-score ul li a:hover { text-decoration: underline } +.form-score ul li a:hover { + text-decoration: underline; +} +/* hightscore box end */ +/* center column */ .col-2 { float: left; display: inline; margin: 33px 0 0 46px; width: 510px; } +/* two boxes holder start */ .two-boxes { background: url(/img/two-boxes-bg.jpg) repeat-y; width: 506px; } -.two-boxes .two-boxes-top { background: url(/img/two-boxes-top.jpg) no-repeat } +.two-boxes .two-boxes-top { + background: url(/img/two-boxes-top.jpg) no-repeat; +} .two-boxes .two-boxes-bottom { background: url(/img/two-boxes-bottom.jpg) no-repeat 0 100%; overflow: hidden; padding: 0 0 15px; width: 100%; } -.banner img { margin: 10px 0 } +.banner img {margin:10px 0;} +/* welcome box */ .box { float: left; display: inline; @@ -674,9 +768,15 @@ form { margin: 11px 0 0; padding: 7px 0 7px 33px; } -.box-right h2 { background: url(/img/heading-2.jpg) no-repeat } -.content h2 { background: url(/img/heading-3.jpg) no-repeat } -.box .body { margin: 4px 6px 0 5px } +.box-right h2 { + background: url(/img/heading-2.jpg) no-repeat; +} +.content h2 { + background: url(/img/heading-3.jpg) no-repeat; +} +.box .body { + margin: 4px 6px 0 5px; +} .box p { color: #160400; font-size: 11px; @@ -685,6 +785,7 @@ form { padding: 0 0 7px; text-align: justify; } +/* video */ .video { background: url(/img/video-border-bg.gif) no-repeat; margin: 7px 0 0; @@ -700,147 +801,171 @@ form { float: left; border: 1px solid #eae0c6; } +/* two boxes holder end */ .content { background: url(/img/content-box-bg.jpg) repeat-y; margin: 0; width: 507px; } -.content .content-bg { background: url(/img/content-box-top.jpg) no-repeat } +.content .content-bg { + background: url(/img/content-box-top.jpg) no-repeat; +} .content .content-bg-bottom { background: url(/img/content-box-bottom.jpg) no-repeat 0 100%; overflow: hidden; padding: 0 0 0 11px; width: 496px; } -.shadow { +.shadow { /* has IE-fix */ background: url(/img/shadow-2.png) no-repeat; height: 5px; overflow: hidden; width: 507px; } -.distribute-content { line-height: 20px } -.distribute-content p { margin: 6px 0 6px 10px } +/* distribute box*/ +.distribute-content { + line-height:20px; +} +.distribute-content p { + margin:6px 0 6px 10px; +} .distribute-from-shop .itemshop-btn { - float: left; - margin: 10px 10px 20px 10px; + float:left; + margin:10px 10px 20px 10px; } .distribute-from-shop p { - line-height: 13px; - padding: 0 20px 0 150px; + line-height:13px; + padding:0 20px 0 150px; +} +.distribute-content .distribute-item { + margin-bottom:8px; } -.distribute-content .distribute-item { margin-bottom: 8px } .distribute-content .distribute-item .dist-item-img { - height: 40px; - width: 40px; + height:40px; + width:40px; } .distribute-content .distribute-item .small-img { - height: 30px; - width: 30px; + height:30px; + width:30px; } -.distribute-content .dist-item-amount, -.distribute-content .dist-item-name { - float: left; - padding-top: 15px; - margin: 0 6px; +.distribute-content .dist-item-amount, .distribute-content .dist-item-name { + float:left; + padding-top:15px; + margin:0 6px; } .distribute-content img { - margin-top: 4px; - float: left; + margin-top:4px; + float:left; } .distribute-content .dist-item-amount { - color: #801d08; - font-size: 30px; - font-weight: bold; - height: 40px; - margin-left: 10px; + color:#801d08; + font-size:30px; + font-weight:bold; + height:40px; + margin-left:10px; } .distribute-content .dist-item-name { - color: #801d08; - font-size: 16px; - font-weight: bold; + color:#801d08; + font-size:16px; + font-weight:bold; } .distribute-content .dyn-button { - float: right; - margin-right: 20px; - width: 140px; + float:right; + margin-right:20px; + width:140px; } .distribute-content .shadow-line { background: transparent url(/img/shadow-line.png) no-repeat scroll left bottom; - height: 3px; - margin: 0 0 6px 10px; + height:3px; + margin:0 0 6px 10px; } .distribute-content .distribute-box { background: url(/img/distributebox-bg.jpg) no-repeat; - height: 121px; - margin: 0 0 20px 10px; - width: 458px; + height:121px; + margin:0 0 20px 10px; + width:458px; } .distribute-content .special-box { background: url(/img/distributebox-bg-special.jpg) no-repeat; - height: 181px; + height:181px; +} +.distribute-content .distribute-box form { + margin:15px 0 0 15px; } -.distribute-content .distribute-box form { margin: 15px 0 0 15px } .distribute-content .distribute-box .distribute-item { - height: 38px; - padding: 18px 0 0 10px; + height:38px; + padding:18px 0 0 10px; +} +.distribute-content .distribute-box .special-item { + height:98px; } -.distribute-content .distribute-box .special-item { height: 98px } .distribute-content .distribute-box .dist-item-amount { - font-size: 22px; - padding-top: 10px; + font-size:22px; + padding-top:10px; } .distribute-content .distribute-box .dist-item-name { - font-size: 14px; - padding-top: 10px; + font-size:14px; + padding-top:10px; } .distribute-content .distribute-box .formField { - float: left; - margin-right: 10px; + float:left; + margin-right:10px; } .distribute-content .distribute-box .amount { - background: url(/img/distributebox-input.jpg); - border: 0; - height: 18px; - width: 37px; + background:url(/img/distributebox-input.jpg); + border:0px; + height:18px; + width:37px; } .distribute-content .distribute-box .distribute-btn { - background: url(/img/distributebox-btn.jpg) no-repeat; - color: #fef6aa; - display: block; - font-weight: bold; - text-decoration: none; - height: 34px; - margin: 6px 0 0 30px; - padding: 6px 0 0 10px; - width: 121px; + background:url(/img/distributebox-btn.jpg) no-repeat; + color:#FEF6AA; + display:block; + font-weight:bold; + text-decoration:none; + height:34px; + margin:6px 0 0 30px; + padding:6px 0 0 10px; + width:121px; } .distribute-content .success-msg { - background: transparent url(/img/bullet.gif) no-repeat scroll 0 0; - font-weight: bold; - list-style: none outside none; - padding: 0 0 13px 20px; + background:transparent url(/img/bullet.gif) no-repeat scroll 0 0; + font-weight:bold; + list-style:none outside none; + padding:0 0 13px 20px; } -.distribute-content .error-mini { margin-left: 10px } -.distribute-content .error-mini p { margin: 6px 0 6px 6px } -.distribute-content .error-mini ul li { +.distribute-content .error-mini {margin-left:10px;} +.distribute-content .error-mini p {margin:6px 0 6px 6px;} +.distribute-content .error-mini ul li{ background: url(/img/error-bullet.png) no-repeat 0 6px; list-style: none; padding: 0 0 13px 20px; } -.distribute-content .distribute-item .special-amount { padding-top: 40px } +.distribute-content .distribute-item .special-amount { + padding-top:40px; +} .distribute-content .distribute-item .special-img { - height: 100px; - width: 100px; - margin: 4px 8px 0; + height:100px; + width:100px; + margin:4px 8px 0; +} +.distribute-content .distribute-item .special-name { + padding-top:40px; +} +.distribute-content .distribute-item .special-dyn-button { + margin-top:40px; +} +.distribute-content .special-item .special-amount { + font-size:26px; +} +.distribute-content .special-item .special-name { + font-size:18px; } -.distribute-content .distribute-item .special-name { padding-top: 40px } -.distribute-content .distribute-item .special-dyn-button { margin-top: 40px } -.distribute-content .special-item .special-amount { font-size: 26px } -.distribute-content .special-item .special-name { font-size: 18px } .distribute-content .special-item .small-img { - height: 80px; - width: 80px; + height:80px; + width:80px; } +/* screenshots list */ .screenshots { margin: 5px 0 0; overflow: hidden; @@ -857,8 +982,13 @@ form { margin: 0 6px 0 6px; width: 104px; } -.screenshots li.first { background: url(/img/screeshot-border.gif) no-repeat } -.stepdown { display: inline } +.screenshots li.first { + background: url(/img/screeshot-border.gif) no-repeat; +} +/* content start */ +.stepdown { + display:inline; +} .inner-content { margin: 4px 25px 0 5px; padding: 0 0 18px; @@ -871,9 +1001,9 @@ form { text-align: justify; } #result { - font-size: 13px; - font-weight: bold; - padding: 30px 30px 40px; + font-size:13px; + font-weight:bold; + padding:30px 30px 40px; } .inner-content h3 { color: #7b1300; @@ -895,6 +1025,8 @@ form { list-style: none; padding: 0 0 13px 20px; } +/* content end */ +/*slimbox start*/ #lbOverlay { background-color: #000; cursor: pointer; @@ -903,15 +1035,16 @@ form { z-index: 9999; width: 100%; } -#lbCenter, -#lbBottomContainer { +#lbCenter, #lbBottomContainer { background: #d2bc85 url(/img/standard-bg.jpg) no-repeat; left: 50%; overflow: hidden; position: absolute; z-index: 9999; } -.lbLoading { background: #fff url(/img/loading.gif) no-repeat center } +.lbLoading { + background: #fff url(/img/loading.gif) no-repeat center; +} #lbImage { background-repeat: no-repeat; border: 2px solid #d2bc85; @@ -919,8 +1052,7 @@ form { top: 0; position: absolute; } -#lbPrevLink, -#lbNextLink { +#lbPrevLink, #lbNextLink { display: block; outline: none; position: absolute; @@ -931,237 +1063,277 @@ form { background: transparent url(/img/prevlabel.gif) no-repeat 0% 50%; left: 0; } -#lbPrevLink:hover { background: transparent url(/img/prevlabel-hover.gif) no-repeat 0% 50% } +#lbPrevLink:hover { + background: transparent url(/img/prevlabel-hover.gif) no-repeat 0% 50%; +} #lbNextLink { background: transparent url(/img/nextlabel.gif) no-repeat 100% 50%; right: 0; } -#lbNextLink:hover { background: transparent url(/img/nextlabel-hover.gif) no-repeat 100% 50% } +#lbNextLink:hover { + background: transparent url(/img/nextlabel-hover.gif) no-repeat 100% 50%; +} #lbBottom { border: 2px solid #d2bc85; border-top-style: none; color: #8d0404; font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; font-size: 10px; - font-weight: bold; - height: 31px; + font-weight:bold; + height:31px; line-height: 1.4em; - padding: 3px 0px 0px 0px; - text-align: center; + padding:3px 0px 0px 0px; + text-align:center; } #lbCloseLink { background: transparent url(/img/closelabel.gif) no-repeat center; display: block; - float: right; + float:right; height: 25px; margin: 0px 3px 0px 0px; outline: none; width: 25px; } -#lbCaption, -#lbNumber { margin-right: 0 } -#lbCaption { font-weight: bold } -.aboutbox-1, -.aboutbox-2, -.aboutbox-3, -.aboutbox-4, -.aboutbox-5 { - min-height: 169px; - padding: 7px 190px 7px 9px; - width: 281px; +#lbCaption, #lbNumber { + margin-right: 0px; +} +#lbCaption { + font-weight: bold; +} +/*slimbox end*/ +/*about start*/ +.aboutbox-1, .aboutbox-2, .aboutbox-3, .aboutbox-4, .aboutbox-5 { + min-height:169px; + padding:7px 190px 7px 9px; + width:281px; +} +.aboutbox-1 { + background:url(/img/aboutbox-1-bg.jpg) no-repeat; +} +.aboutbox-2{ + background:url(/img/aboutbox-2-bg.jpg) no-repeat; +} +.aboutbox-3{ + background:url(/img/aboutbox-3-bg.jpg) no-repeat; +} +.aboutbox-4{ + background:url(/img/aboutbox-4-bg.jpg) no-repeat; +} +.aboutbox-5{ + background:url(/img/aboutbox-5-bg.jpg) no-repeat; + /*width:462px;*/ } -.aboutbox-1 { background: url(/img/aboutbox-1-bg.jpg) no-repeat } -.aboutbox-2 { background: url(/img/aboutbox-2-bg.jpg) no-repeat } -.aboutbox-3 { background: url(/img/aboutbox-3-bg.jpg) no-repeat } -.aboutbox-4 { background: url(/img/aboutbox-4-bg.jpg) no-repeat } -.aboutbox-5 { background: url(/img/aboutbox-5-bg.jpg) no-repeat } .about-inner-content h4 { - background: url(/img/shadow-line.png) no-repeat bottom left; + background:url(/img/shadow-line.png) no-repeat bottom left; color: #7b1300; - font-size: 11px; - padding-bottom: 8px; - margin: 1px 0 0 0; + font-size:11px; + padding-bottom:8px; + margin:1px 0 0 0; } -.about-inner-content .aboutbox-5 h4 { width: 280px } +.about-inner-content .aboutbox-5 h4 {width:280px;} .about-inner-content p { - margin: 5px 0 9px 0; - width: 280px; + margin:5px 0 9px 0; + width:280px; } -.about-inner-content .aboutbox-5 p { width: 462px } -.about-inner-content p.first-content { width: 280px } +.about-inner-content .aboutbox-5 p {width:462px;} +.about-inner-content p.first-content {width:280px;} + .about-inner-content { margin: 9px 0 0 0; padding: 0; } -.box-foot { - background-image: url(/img/aboutbox-foot-bg.jpg); - height: 10px; - margin-bottom: 12px; - width: 481px; +.box-foot{ + background-image:url(/img/aboutbox-foot-bg.jpg); + height:10px; + margin-bottom:12px; + width:481px; +} +/*about end*/ +/*first steps start*/ +.firststepsbox-1, .firststepsbox-2, .firststepsbox-3 { + min-height:155px; + padding:7px 190px 7px 9px; + width:282px; +} +.firststepsbox-1 { + background:url(/img/firststepsbox-1-bg.jpg) no-repeat; +} +.firststepsbox-2 { + background:url(/img/firststepsbox-2-bg.jpg) no-repeat; } -.firststepsbox-1, -.firststepsbox-2, .firststepsbox-3 { - min-height: 155px; - padding: 7px 190px 7px 9px; - width: 282px; + background:url(/img/firststepsbox-3-bg.jpg) no-repeat; } -.firststepsbox-1 { background: url(/img/firststepsbox-1-bg.jpg) no-repeat } -.firststepsbox-2 { background: url(/img/firststepsbox-2-bg.jpg) no-repeat } -.firststepsbox-3 { background: url(/img/firststepsbox-3-bg.jpg) no-repeat } .firststeps-inner-content { - margin: 9px 0 0 0; - padding: 0; + margin: 9px 0px 0px 0px; + padding: 0 0 0px; } -.firststeps-inner-content h4 { +.firststeps-inner-content h4{ background: url(/img/shadow-line.png) no-repeat bottom left; color: #7b1300; - font-size: 12px; - padding-bottom: 8px; - margin: 1px 0 0 0; + font-size:12px; + padding-bottom:8px; + margin:1px 0 0 0; +} +.firststeps-inner-content p{ + margin:5px 0 9px 0; } -.firststeps-inner-content p { margin: 5px 0 9px 0 } .firststeps-login-screenshot { - height: 130px; - margin-left: 12px; - margin-top: 18px; - width: 166px; + height:130px; + margin-left:12px; + margin-top:18px; + width:166px; } .firststeps-inner-content .tutorialsbox { background: url(/img/tutorials-box-1-bg.jpg) no-repeat; - min-height: 155px; - padding: 7px 190px 7px 9px; - width: 282px; + min-height:155px; + padding:7px 190px 7px 9px; + width:282px; } .firststeps-inner-content .tutorial-btn { background: transparent url(/img/tutorial-btn.png) no-repeat; - color: #f1e6a6; - display: block; - font-size: 11px; - height: 17px; - margin: 10px 0 0; - padding: 3px 20px 0 10px; - text-decoration: none; - width: 200px; + color:#f1e6a6; + display:block; + font-size:11px; + height:17px; + margin:10px 0 0; + padding:3px 20px 0 10px; + text-decoration:none; + width:200px; } -.firststeps-inner-content .tutorial-btn:hover { text-decoration: underline } +.firststeps-inner-content .tutorial-btn:hover {text-decoration:underline;} .firststeps-inner-content .community { background: url(/img/community_dragon_bg.jpg) no-repeat; - min-height: 155px; - padding: 7px 190px 7px 9px; - width: 282px; + min-height:155px; + padding:7px 190px 7px 9px; + width:282px; } +/*first steps end*/ +/* empires start */ .empires-content { margin: 9px 0 0 0; padding: 0; - position: relative; + position:relative; } .empires-content .empires-map { background: url(/img/empires-map-bg.png) no-repeat; - height: 341px; - position: relative; - width: 481px; + height:341px; + position:relative; + width:481px; } -.empirebox-2, -.empirebox-3 { display: none } -.empirebox-1, -.empirebox-2, -.empirebox-3 { - background: url(/img/empire-box-bg.jpg) no-repeat; - min-height: 169px; - padding: 7px; - position: relative; - width: 467px; +.empirebox-2, .empirebox-3 { + display:none; +} +.empirebox-1, .empirebox-2, .empirebox-3 { + background:url(/img/empire-box-bg.jpg) no-repeat; + min-height:169px; + padding:7px; + position:relative; + width:467px; } .empires-content h4 { background: url(/img/shadow-line.png) no-repeat bottom left; color: #7b1300; - font-size: 11px; - padding-bottom: 8px; - margin: 1px 0 0 0; + font-size:11px; + padding-bottom:8px; + margin:1px 0 0 0; } .empires-content .empire-crest { background: url(/img/empire-box-bg.jpg) no-repeat; - height: 87px; - position: absolute; - top: 0; - left: 345px; - width: 136px; + height:87px; + position:absolute; + top:0px; + left:345px; + width:136px; +} +.empires-content .empirebox-1 .empire-crest { + background:url(/img/empire-crest.png) no-repeat 0 0; +} +.empires-content .empirebox-2 .empire-crest { + background:url(/img/empire-crest.png) no-repeat 0 -87px; +} +.empires-content .empirebox-3 .empire-crest { + background:url(/img/empire-crest.png) no-repeat 0 -174px; } -.empires-content .empirebox-1 .empire-crest { background: url(/img/empire-crest.png) no-repeat 0 0 } -.empires-content .empirebox-2 .empire-crest { background: url(/img/empire-crest.png) no-repeat 0 -87px } -.empires-content .empirebox-3 .empire-crest { background: url(/img/empire-crest.png) no-repeat 0 -174px } .empires-content p { - margin: 5px 0 9px 0; - width: 320px; + margin:5px 0 9px 0; + width:320px; } .empires-content .empires-map img { - position: absolute; - top: 0; + position:absolute; + top:0px; +} +.empires-content #empire-img { + position:relative; } -.empires-content #empire-img { position: relative } .empires-content .empire-1 { background: url(/img/empires-map.png) no-repeat 0 -196px; - height: 145px; - left: 0; - top: 196px; - width: 345px; + height:145px; + left:0px; + top:196px; + width:345px; } .empires-content .empire-2 { background: url(/img/empires-map.png) no-repeat 0 0; - height: 160px; - left: 0; - top: 0; - width: 200px; + height:160px; + left:0px; + top:0px; + width:200px; } .empires-content .empire-3 { background: url(/img/empires-map.png) no-repeat -291px 0; - height: 225px; - left: 291px; - width: 190px; + height:225px; + left:291px; + width:190px; } +/* empires end */ +/*gallery start*/ + + #wallpapers a, #screenshots a { background: url(/img/screeshot-border-2.gif) no-repeat; - float: left; - margin: 4px; - padding: 4px; + float:left; + margin:4px; + padding:4px; } #wallpapers a.first, #screenshots a.first { background: url(/img/screenshot-li-bg.jpg) no-repeat } -.gallerybox { +.gallerybox{ background: url(/img/gallerybox-bg.jpg) no-repeat; - margin-bottom: 9px; - height: auto; - padding-top: 7px; - padding-left: 12px; - width: 469px; + margin-bottom:9px; + height:auto; + padding-top:7px; + padding-left:12px; + width:469px; } + .gallerybox-small { background-image: url(/img/gallerybox-small-bg.jpg); - min-height: 133px; + min-height:133px; } .gallerybox-middle { background-image: url(/img/gallerybox-bg.jpg); - min-height: 193px; - margin-bottom: 30px; + min-height:193px; + margin-bottom:30px; } -.gallery-inner-content h4 { +.gallery-inner-content h4{ color: #7b1300; - font-size: 12px; - height: 34px; - margin: 1px 0 0 9px; - width: 290px; + font-size:12px; + height:34px; + margin:1px 0px 0px 9px; + width:290px; } -.gallery-inner-content { - margin: 9px 0 0 0; - padding: 0; +.gallery-inner-content{ + margin: 9px 0px 0px 0px; + padding:0 0 0 0px; } -.gallery-image { - float: left; - margin-right: 8px; - margin-bottom: 8px; +.gallery-image{ + float:left; + margin-right:8px; + margin-bottom:8px; } + .screenshots-gallery-list { margin: 4px 0 0; overflow: hidden; @@ -1174,188 +1346,196 @@ form { float: left; list-style: none; height: 83px; - margin: 0 4px 4px 0; - padding: 4px 0 0 4px; + margin: 0 4px 4px 0px; + padding: 4px 0px 0px 4px; width: 108px; } .wallpaper-links { - float: left; - line-height: 18px; - margin-right: 8px; - text-align: center; - width: 108px; + float:left; + line-height:18px; + margin-right:8px; + text-align:center; + width:108px; } -.wallpaper-links a { +.wallpaper-links a{ color: #4a1e00; font-size: 11px; text-decoration: underline; } +/*gallery end*/ +/*characterclasses start*/ .characterclasses { - min-height: 155px; - padding: 7px 190px 7px 9px; - width: 282px; + min-height:155px; + padding:7px 190px 7px 9px; + width:282px; } -.charclass-1 { background: url(/img/characterclasses-knight-bg.jpg) no-repeat } -.charclass-2 { background: url(/img/characterclasses-ninja-bg.jpg) no-repeat } -.charclass-3 { background: url(/img/characterclasses-shaman-bg.jpg) no-repeat } -.charclass-4 { background: url(/img/characterclasses-sura-bg.jpg) no-repeat } -.characterclasses h4 { font-size: 12px } -.download-inner-column-left { - background-image: url(/img/download-inner-column-left-bg.jpg); - float: left; - overflow: hidden; - width: 301px; +.charclass-1 {background:url(/img/characterclasses-knight-bg.jpg) no-repeat;} +.charclass-2 {background:url(/img/characterclasses-ninja-bg.jpg) no-repeat;} +.charclass-3 {background:url(/img/characterclasses-shaman-bg.jpg) no-repeat;} +.charclass-4 {background:url(/img/characterclasses-sura-bg.jpg) no-repeat;} +.characterclasses h4 {font-size:12px;} +/*characterclasses end*/ +/*download start*/ +.download-inner-column-left{ /* has IE-fix */ + background-image:url(/img/download-inner-column-left-bg.jpg); + float:left; + overflow:hidden; + width:301px; } -.download-inner-column-right { - width: 180px; - float: left; +.download-inner-column-right{ + width:180px; + float:left; } -.download-inner-column-right p { - width: 174px; - margin: 12px 0 16px 1px; +.download-inner-column-right p{ + width:174px; + margin:12px 0px 16px 1px; } -.download-inner-column-right p a { - color: #7b1300; - font-weight: bold; - text-decoration: none; +.download-inner-column-right p a{ + color:#7b1300; + font-weight:bold; + text-decoration:none; } -.download-inner-column-right p a:hover { color: #af4e3c } -.download-button-1 { +.download-inner-column-right p a:hover{color:#af4e3c;} +.download-button-1{ background-image: url(/img/download-button-1.jpg); - display: block; - height: 63px; - width: 174px; + display:block; + height:63px; + width:174px; } -.download-button-1:hover { background-image: url(/img/download-button-1_h.jpg) } -.download-button-2 { +.download-button-1:hover{background-image:url(/img/download-button-1_h.jpg);} +.download-button-2{ background-image: url(/img/download-button-2.jpg); - display: block; - height: 63px; - width: 174px; + display:block; + height:63px; + width:174px; } -.download-button-2:hover { background-image: url(/img/download-button-2_h.jpg) } -.downloadbox { - background: url(/img/downloadbox-bg.jpg) no-repeat; - margin-bottom: 9px; - min-height: 209px; - padding-top: 7px; - padding-left: 12px; - width: 289px; +.download-button-2:hover{background-image:url(/img/download-button-2_h.jpg);} +.downloadbox{ + background:url(/img/downloadbox-bg.jpg) no-repeat; + margin-bottom:9px; + min-height:209px; + padding-top:7px; + padding-left:12px; + width:289px; } -.download-inner-content h4 { +.download-inner-content h4{ color: #7b1300; - font-size: 12px; - height: 34px; - margin: 1px 0 0 0; - width: 290px; + font-size:12px; + height:34px; + margin:1px 0px 0px 0px; + width:290px; } -.download-inner-column-left p { - margin: 5px 0 9px 0; - width: 286px; +.download-inner-column-left p{ + margin:5px 0px 9px 0px; + width:286px; } -.download-image { margin-bottom: 16px } -.download-inner-content { - margin: 9px 0 0 0; - padding: 0; +.download-image{margin-bottom:16px;} +.download-inner-content{ + margin: 9px 0px 0px 0px; + padding:0 0 0 0px; } -.downloadbox caption { - caption-side: inherit; - font-weight: bold; - font-size: 12px; - height: 20px; - text-align: left; +.downloadbox caption{ + caption-side:inherit; + font-weight:bold; + font-size:12px; + height:20px; + text-align:left; } -.downloadbox table { - margin-bottom: 20px; - width: 281px; +.downloadbox table{ + margin-bottom:20px; + width:281px; } -.left_td { +.left_td{ background: url(/img/bullet.gif) no-repeat 0px 0px; - height: 23px; - padding-left: 20px; - width: 69px; + height:23px; + padding-left:20px; + width:69px; } -.download-box-foot { +.download-box-foot{ background-image: url(/img/aboutbox-foot-bg.jpg); - clear: both; - height: 10px; - margin-bottom: 12px; - width: 481px; + clear:both; + height:10px; + margin-bottom:12px; + width:481px; } +/*download end*/ +/*error start*/ .error-inner-content ul { font-size: 11px; line-height: 13px; - margin: 12px 0 0 12px; + margin:12px 0px 0px 12px; padding: 0 0 15px; text-align: justify; + } .error-inner-content ul li { background: url(/img/bullet.gif) no-repeat; list-style: none; padding: 0 0 13px 20px; } -.ranks-dropdowns-box { - /* has IE-fix */ - background-image: url(/img/ranks-dropdowns-box-bg.jpg); - height: 56px; - margin: 0 0 15px 8px; - width: 466px; +/*error end*/ +/*ranks start*/ +.ranks-dropdowns-box{ /* has IE-fix */ + background-image:url(/img/ranks-dropdowns-box-bg.jpg); + height:56px; + margin:0 0 15px 8px; + width:466px; } -.ranks-dropdowns-box select { - background-color: #cdb78b; - border: 1px solid #997c47; - color: #4a1e00; - font-size: 13px; - margin: 0 0 0 4px; - padding: 0; - width: 120px; +.ranks-dropdowns-box select{ + background-color:#CDB78B; + border:1px solid #997C47; + color:#4a1e00; + font-size:13px; + margin:0 0 0 4px; + padding:0; + width:120px; } -.ranks-dropdowns-box input { - background: 0; - border: 0; - color: #4a1e00; - font-size: 13px; - margin: 0 0 0 4px; - padding-top: 2px; - width: 110px; +.ranks-dropdowns-box input{ + background:none; + border:none; + color:#4a1e00; + font-size:13px; + margin:0 0 0 4px; + padding-top:2px; + width:110px; } -.ranks-dropdowns-box label { - color: #671000; - font-weight: bold; +.ranks-dropdowns-box label{ + color:#671000; + font-weight:bold; } -.ranks-select-box { - height: 45px; - float: left; - margin-right: 7px; - margin-left: 4px; - margin-top: 10px; - width: 120px; +.ranks-select-box{ /* has IE-fix */ + height:45px; + float:left; + margin-right:7px; + margin-left:4px; + margin-top:10px; + width:120px; } -.ranks-select-box-btn { - height: 45px; - float: left; - margin-top: 19px; - width: 30px; +.ranks-select-box-btn{ + height:45px; + float:left; + margin-top:19px; + width:30px; } -.ranks-input { +.ranks-input{ background-image: url(/img/ranks-input-bg.jpg); - height: 20px; - width: 119px; + height:20px; + width:119px; } .ranks-input-noservers { - background-image: url(/img/ranks-input-bg.jpg); - color: #4a1e00; - font-size: 13px; - height: 17px; - padding-left: 4px; - padding-top: 3px; - width: 115px; + background-image:url(/img/ranks-input-bg.jpg); + color:#4A1E00; + font-size:13px; + height:17px; + padding-left:4px; + padding-top:3px; + width:115px; } .small-btn { background: url(/img/small-btn-bg.gif) no-repeat; color: #dfbf8b; display: block; - font-weight: bold; + font-weight:bold; font-size: 10px; height: 20px; line-height: 12px; @@ -1363,302 +1543,289 @@ form { padding: 3px 14px 0 0; text-align: center; text-decoration: none; - text-transform: uppercase; + text-transform:uppercase; width: 51px; } -.small-btn:hover { text-decoration: underline } -.rank-btn { - background: url(/img/button-bg-3.gif) no-repeat; - color: #dfbf8b; - display: block; - font-weight: bold; - font-size: 10px; - height: 20px; - line-height: 18px; - margin: 5px 0 0; - text-align: center; - text-decoration: none; - width: 129px!important; - padding-bottom: -4px; +.small-btn:hover {text-decoration: underline;} +.ranks-inner-content h5{ + color:#4a1e00; + font-size:11px; + font-weight:bold; + margin:7px 34px 14px 9px; } -.rank-btn:hover { text-decoration: underline } -.ranks-inner-content h5 { - color: #4a1e00; - font-size: 11px; - font-weight: bold; - margin: 7px 34px 14px 9px; +.ranks-inner-content p{ + color:#4a1e00; + font-size:11px; + margin:0px 9px 15px 9px; } -.ranks-inner-content p { - color: #4a1e00; - font-size: 11px; - margin: 0 9px 15px 9px; +.ranks-inner-content th{ /* has IE-fix */ + color:#8d0404; + font-size:11px; + font-weight:bold; + height:43px; + padding-top:20px; } -.ranks-inner-content th { - color: #8d0404; - font-size: 11px; - font-weight: bold; - height: 43px; - padding-top: 20px; -} -.ranks-inner-content td { - color: #8d0404; - font-size: 11px; - height: 29px; - padding-top: 8px; -} -.rankfirst, -.rankfirst td { - font-weight: bold; - font-size: 14px; -} -#highscore .content-bg-bottom { - width: 485px; - padding: 0 10px; -} -#highscore table { - border-collapse: separate; - width: 481px; -} -*+html #highscore table { - border-collapse: inherit; - width: 481px; +.ranks-inner-content td{ /* has IE-fix */ /* has safari-fix */ + color:#8d0404; + font-size:11px; + height:29px; + padding-top:8px; } +.rankfirst{font-weight:bold;} + +#highscore .content-bg-bottom {width:485px; padding:0 10px;} + +#highscore table {border-collapse:separate; width:481px;} +* +html #highscore table {border-collapse: inherit; width:481px;} + #highscore td, #highscore th { - border-color: #fae5d0 #b79647 #b39164 #fae5d0; - border-width: 1px; - border-style: solid; - padding: 10px; - vertical-align: middle; - text-align: center; + border-color:#FAE5D0 #B79647 #B39164 #FAE5D0; + border-width:1px; + border-style:solid; + padding:10px; + vertical-align:middle; + text-align:center; } -#highscore tr.zebra { background: url(/img/zebra.jpg) } -#highscore td img { display: inline } -#highscore .rank-th-1 { - border-left: 1px solid #81602d; - width: 55px; + +#highscore tr.zebra {background:url(/img/zebra.jpg);} + +#highscore td img {display:inline;} + +#highscore .rank-th-1{ + border-left:1px solid #81602D; + width:55px; } -#highscore .rank-th-2 { - padding-left: 13px; - text-align: left; - width: 110px; +#highscore .rank-th-2{ + padding-left:13px; + text-align:left; + width:110px; } -#highscore .rank-th-3 { width: 40px } -#highscore .rank-th-4 { width: 56px } -#highscore .rank-th-5 { - border-right: 1px solid #81602d; - padding-right: 13px; - text-align: right; - width: 104px; +#highscore .rank-th-3{width:40px;} +#highscore .rank-th-4{width:56px;} +#highscore .rank-th-5{ + border-right:1px solid #81602D; + padding-right:13px; + text-align:right; + width:104px; } -#highscore .rank-td-1-1 { - border-left: 1px solid #81602d; - font-weight: bold; - text-align: center; +#highscore .rank-td-1-1{ + border-left:1px solid #81602D; + font-weight:bold; + text-align:center; } -#highscore .rank-td-1-2 { - padding-left: 13px; - text-align: left; +#highscore .rank-td-1-2{ + padding-left:13px; + text-align:left; } -#highscore .rank-td-1-5 { - border-right: 1px solid #81602d; - padding-right: 13px; - text-align: right; +#highscore .rank-td-1-3{ } -#highscore .rank-td-2-1 { - border-left: 1px solid #81602d; - font-weight: bold; - text-align: center; +#highscore .rank-td-1-4{ } -#highscore .rank-td-2-2 { - padding-left: 13px; - text-align: left; +#highscore .rank-td-1-5{ + border-right:1px solid #81602D; + padding-right:13px; + text-align:right; } -#highscore .rank-td-2-5 { - border-right: 1px solid #81602d; - padding-right: 13px; - text-align: right; +#highscore .rank-td-2-1{ + border-left:1px solid #81602D; + font-weight:bold; + text-align:center; } -#guildHighscore .content-bg-bottom { - width: 485px; - padding: 0 10px; +#highscore .rank-td-2-2{ + padding-left:13px; + text-align:left; } -#guildHighscore table { - border-collapse: separate; - width: 481px; -} -*+html #guildHighscore table { - border-collapse: inherit; - width: 481px; +#highscore .rank-td-2-5{ + border-right:1px solid #81602D; + padding-right:13px; + text-align:right; } + +#guildHighscore .content-bg-bottom {width:485px; padding:0 10px;} + +#guildHighscore table {border-collapse:separate; width:481px;} +* +html #guildHighscore table {border-collapse: inherit; width:481px;} + #guildHighscore td, #guildHighscore th { - border-color: #fae5d0 #b79647 #b39164 #fae5d0; - border-width: 1px; - border-style: solid; - padding: 10px; - vertical-align: middle; + border-color:#FAE5D0 #B79647 #B39164 #FAE5D0; + border-width:1px; + border-style:solid; + padding:10px; + vertical-align:middle; } -#guildHighscore tr.zebra { background: url(/img/zebra.jpg) } -#guildHighscore td img { display: inline } -#guildHighscore .guildrank-th-1 { - border-left: 1px solid #81602d; - width: 35px; + +#guildHighscore tr.zebra {background:url(/img/zebra.jpg);} + +#guildHighscore td img {display:inline;} +#guildHighscore .guildrank-th-1{ + border-left:1px solid #81602D; + width:35px; } -.guildrank-th-2 { - padding-left: 13px; - text-align: left; - width: 120px; +.guildrank-th-2{ + padding-left:13px; + text-align:left; + width:120px; } -.guildrank-th-3 { - padding-left: 13px; - text-align: left; - width: 120px; +.guildrank-th-3{ + padding-left:13px; + text-align:left; + width:120px; } -.guildrank-th-4 { width: 50px } -.guildrank-th-5 { width: 45px } -#guildHighscore .guildrank-th-6 { - border-right: 1px solid #81602d; - padding-right: 13px; - text-align: right; - width: 60px; +.guildrank-th-4{width:50px;} +.guildrank-th-5{width:45px;} +#guildHighscore .guildrank-th-6{ + border-right:1px solid #81602D; + padding-right:13px; + text-align:right; + width:60px; } -#guildHighscore .guildrank-td-1-1 { - border-left: 1px solid #81602d; - font-weight: bold; - text-align: center; - width: 50px; +#guildHighscore .guildrank-td-1-1{ + border-left:1px solid #81602D; + font-weight:bold; + text-align:center; + width:50px; } -.guildrank-td-1-2 { - padding-left: 13px; - text-align: left; - width: 120px; +.guildrank-td-1-2{ + padding-left:13px; + text-align:left; + width:120px; } -.guildrank-td-1-3 { - padding-left: 13px; - text-align: left; - width: 120px; +.guildrank-td-1-3{ + padding-left:13px; + text-align:left; + width:120px; } -.guildrank-td-1-4 { - text-align: center; - width: 50px; +.guildrank-td-1-4{ + text-align:center; + width:50px; } -.guildrank-td-1-5 { - text-align: center; - width: 50px; +.guildrank-td-1-5{ + text-align:center; + width:50px; } -#guildHighscore .guildrank-td-1-6 { - border-right: 1px solid #81602d; - padding-right: 13px; - text-align: right; - width: 60px; +#guildHighscore .guildrank-td-1-6{ + border-right:1px solid #81602D; + padding-right:13px; + text-align:right; + width:60px; } -#guildHighscore .guildrank-td-2-1 { - border-left: 1px solid #81602d; - font-weight: bold; - text-align: center; - width: 50px; +#guildHighscore .guildrank-td-2-1{ + border-left:1px solid #81602D; + font-weight:bold; + text-align:center; + width:50px; } -.guildrank-td-2-2 { - padding-left: 13px; - text-align: left; - width: 120px; +.guildrank-td-2-2{ + padding-left:13px; + text-align:left; + width:120px; } -.guildrank-td-2-3 { - padding-left: 13px; - text-align: left; - width: 120px; +.guildrank-td-2-3{ + padding-left:13px; + text-align:left; + width:120px; } -.guildrank-td-2-4 { - text-align: center; - width: 50px; +.guildrank-td-2-4{ + text-align:center; + width:50px; } -.guildrank-td-2-5 { - text-align: center; - width: 50px; +.guildrank-td-2-5{ + text-align:center; + width:50px; } -#guildHighscore .guildrank-td-2-6 { - border-right: 1px solid #81602d; - padding-right: 13px; - text-align: right; - width: 60px; +#guildHighscore .guildrank-td-2-6{ + border-right:1px solid #81602D; + padding-right:13px; + text-align:right; + width:60px; } -.ranks-nav { - height: 24px; - float: left; - font-weight: bold; - padding: 8px 10px 0 10px; +.ranks-nav{ + height:24px; + float:left; + font-weight:bold; + padding:8px 10px 0px 10px; } -.ranks-nav a { - color: #8d0404; - font-size: 10px; - text-decoration: none; +.ranks-nav a{ + color:#8d0404; + font-size:10px; + text-decoration:none; } -.ranks-nav a:hover { text-decoration: underline } -.prev { +.ranks-nav a:hover{ + text-decoration:underline; +} +.prev{ background-image: url(/img/rank-td-last-1.jpg); - text-align: left; - width: 221px; + text-align:left; + width:221px; } -.next { +.next{ background-image: url(/img/rank-td-last-2.jpg); - text-align: right; - width: 220px; + text-align:right; + width:220px; } .prev-top { background-image: url(/img/rank-td-first-1.jpg); - padding: 9px 10px 0; + padding:9px 10px 0; } .next-top { background-image: url(/img/rank-td-first-2.jpg); - padding: 9px 10px 0; + padding:9px 10px 0; } -.ranks-update-time { - color: #4a1e00; - height: 15px; - font-size: 11px; - margin-top: 10px; - text-align: right; - width: 475px; +.ranks-update-time{ + color:#4a1e00; + height:15px; + font-size:11px; + margin-top:10px; + text-align:right; + width:475px; } -.news-box { +/*ranks end*/ +/*news start*/ +.news-box{ background-image: url(/img/news-box-bg.jpg); - height: 256px; - margin-top: 12px; - overflow: hidden; - padding-top: 9px; - width: 481px; + height:256px; + margin-top:12px; + overflow:hidden; + padding-top:9px; + width:481px; } -.news-box h4 { +.news-box h4{ color: #7b1300; - float: left; - font-size: 11px; - height: 20px; - margin: 1px 0 0 9px; - width: 345px; + float:left; + font-size:11px; + height:20px; + margin:1px 0px 0px 9px; + width:345px; } -.news-box h5 { - font-size: 11px; - margin: 10px 12px 5px 13px; - width: 365px; +.news-box h5{ + font-size:11px; + margin:10px 12px 5px 13px; + width:365px; } -.news-box h5 a { - color: #8d0404; - text-decoration: none; +.news-box h5 a{ + color:#8d0404; + text-decoration:none; } -.news-box h5 a:hover { text-decoration: underline } -.news-box p { margin: 10px 12px 5px 13px } -.news-date { - color: #533a00; - float: right; - font-size: 12px; - margin-right: 10px; +.news-box h5 a:hover{ + text-decoration:underline; +} +.news-box p{ + margin:10px 12px 5px 13px; +} +.news-date{ + color:#533a00; + float:right; + font-size:12px; + margin-right:10px; } .news-box ul { + font-size: 11px; line-height: 13px; - margin: 5px 12px 0 12px; - padding: 0; + margin:5px 12px 0px 12px; + padding:0; text-align: justify; } .news-box ul li { @@ -1666,243 +1833,283 @@ form { list-style: none; padding: 0 0 13px 20px; } -.news-box ul li a { - color: #8d0404; - text-decoration: none; +.news-box ul li a{ + color:#8d0404; + text-decoration:none; } -.news-box ul li a:hover { text-decoration: underline } -.input-data-box { +.news-box ul li a:hover{ + text-decoration:underline; +} +/*news start*/ +/*password lost start*/ +.input-data-box{ background: url(/img/input-data-box-bg.jpg) no-repeat; - min-height: 129px; - padding-top: 9px; - width: 481px; + min-height:129px; + padding-top:9px; + width:481px; } .input-data-box p a { - color: #943b00; - text-decoration: none; + color:#943b00; + text-decoration:none; +} +.input-data-box p a:hover { + text-decoration:underline; } -.input-data-box p a:hover { text-decoration: underline } .input-data-box .box-img { - float: right; - height: 130px; - width: 180px; + float:right; + height:130px; + width:180px; } .login-inner-content h4, -.pass-lost-inner-content h4 { +.pass-lost-inner-content h4{ color: #7b1300; - font-size: 11px; - height: 22px; - margin: 1px 0 0 9px; - width: 290px; + font-size:11px; + height:22px; + margin:1px 0px 0px 9px; + width:290px; } .login-inner-content p, -.pass-lost-inner-content p { - font-size: 11px; +.pass-lost-inner-content p{ + font-size:11px; margin: 5px 0 10px 12px; - width: 275px; + width:275px; } .login-inner-content, -.pass-lost-inner-content { - margin: 9px 0 0 0; - padding: 0; +.pass-lost-inner-content{ + margin: 9px 0px 0px 0px; + padding: 0 0 0px; } -.pass-lost-box { +.pass-lost-box{ background: url(/img/pass-lost-box.jpg) no-repeat; - margin-left: 11px; - overflow: hidden; - padding-top: 10px; - width: 275px; + margin-left:11px; + overflow:hidden; + padding-top:10px; + width:275px; } -.pass-lost-box-small { +.pass-lost-box-small{ background: url(/img/pass-lost-box-small.jpg) no-repeat; - float: left; + float:left; height: auto; margin-left: 11px; - margin-top: 12px; - min-height: 143px; + margin-top:12px; + min-height:143px; padding-top: 10px; width: 275px; } -.change-password .pass-lost-box-small { padding-top: 5px } -.login-inner-content .pass-lost-box-small { background: url(/img/login-box-small.jpg) no-repeat } -.pass-lost-box-big { height: 315px } -.pass-lost-box-small p { width: 250px } -.pass-lost-box-inner-content { - margin-left: 10px; - width: 253px; +.change-password .pass-lost-box-small {padding-top:5px;} +.login-inner-content .pass-lost-box-small{ + background: url(/img/login-box-small.jpg) no-repeat; } -.pass-lost-box label { - color: #4a1e00; - font-weight: bold; - font-size: 11px; +.pass-lost-box-big { + height: 315px; } -.pass-lost-box input { - border: 0; - background-color: transparent; - font: 11px/13px Arial,Helvetica,sans-serif; +.pass-lost-box-small p{ + width:250px; +} +.pass-lost-box-inner-content{ + margin-left:10px; + width:253px; +} +.pass-lost-box label{ + color:#4a1e00; + font-weight:bold; + font-size:11px; +} +.pass-lost-box input{ + border:0; + background-color:transparent; + font: 11px/13px Arial, Helvetica, sans-serif; margin: 1px 0 0 4px; - width: 245px; + width:245px; } -.pass-lost-box input.btn-center-input { margin-top: 5px!important } -.pass-lost-box-small label { - color: #4a1e00; - font-weight: bold; - font-size: 11px; +.pass-lost-box input.btn-center-input {margin-top:5px !important;} + +.pass-lost-box-small label{ + color:#4a1e00; + font-weight:bold; + font-size:11px; } -.pass-lost-box-small input { - background: 0; - border: 0; - font: 11px/13px Arial,Helvetica,sans-serif; +.pass-lost-box-small input{ + background: none; + border: none; + font: 11px/13px Arial, Helvetica, sans-serif; margin: 1px 0 0 4px; - width: 245px; + width:245px; } -.input-data-input { - background-image: url(/img/input-data-input-bg.jpg); - height: 20px; - margin-top: 5px; - margin-bottom: 5px; - width: 251px; +.input-data-input{ + background-image:url(/img/input-data-input-bg.jpg); + height:20px; + margin-top:5px; + margin-bottom:5px; + width:251px; } -.error-mini { - background: url(/img/error-mini.gif) no-repeat 0px 0px; - color: #af1b03; - font-size: 11px; - font-weight: bold; - margin: 10px 0 15px 0; - padding-left: 20px; +.error-mini{ + background:url(/img/error-mini.gif) no-repeat 0px 0px; + color:#af1b03; + font-size:11px; + font-weight:bold; + margin:10px 0px 15px 0px; + padding-left:20px; } -.error-mini-maxwidth { width: 260px } -.btn-center-input { - margin-left: 62px!important; - margin-top: 10px!important; +.error-mini-maxwidth{ + width:260px; } -.btn-center-input-space { margin: 17px 0 0 62px!important } -.error-big { - background: url(/img/error.gif) no-repeat 0px 9px; - color: #4a1e00; - font-size: 10px; - margin: 23px 0 15px 0; - padding-left: 60px; +.btn-center-input{ + margin-left:62px !important; + margin-top:10px !important; +} +.btn-center-input-space{ + margin:17px 0px 0px 62px !important; +} +.error-big{ + background:url(/img/error.gif) no-repeat 0px 9px; + color:#4a1e00; + font-size:10px; + margin:23px 0px 15px 0px; + padding-left:60px; +} +/*password lost end*/ +/*login error start*/ +.password-lost:hover { + text-decoration:underline; } -.password-lost:hover { text-decoration: underline } .password-lost { - color: #58220e; - display: block; - font-size: 9px; - line-height: 11px; - margin: 0; - text-decoration: none; - text-align: center; + color:#58220E; + display:block; + font-size:9px; + line-height:11px; + margin:0px 0 0 0px; + text-decoration:none; + text-align:center; } -.btn-center-input-small-space { margin: 10px 0 4px 62px!important } -.error-mini-margin { margin-left: 12px } -.register-inner-content h4 { +.btn-center-input-small-space{ + margin:10px 0px 4px 62px !important; +} +.error-mini-margin{ + margin-left:12px; +} +/*login error end*/ +/*register start*/ +.register-inner-content h4{ color: #7b1300; - font-size: 11px; - height: 22px; - margin: 1px 0 0 9px; - width: 290px; + font-size:11px; + height:22px; + margin:1px 0px 0px 9px; + width:290px; } -.register-inner-content p { - font-size: 11px; - margin: 5px 0 10px 12px; - width: 285px; +.register-inner-content p{ + font-size:11px; + margin:5px 0px 10px 12px; + width:285px; } -.register-inner-content { - margin: 9px 0 0 0; - padding: 0; - position: relative; +.register-inner-content{ + margin: 9px 0px 0px 0px; + padding: 0 0 0px; + position:relative; } .register-box { - background: url(/img/register-box-bg.jpg) no-repeat; - float: left; - margin-left: 11px; - overflow: visible; - padding-top: 10px; - width: 280px; + background:url(/img/register-box-bg.jpg) no-repeat; + /*height:438px;*/ + float:left; + margin-left:11px; + overflow:visible; + padding-top:10px; + width:280px; } -.register-box-inner-content { - margin-left: 10px; - width: 253px; +.register-box-inner-content{ + margin-left:10px; + width:253px; } .agb-label-register2 { - color: #4a1e00; - float: left; - font-weight: bold; - font-size: 11px; - line-height: 13px; - vertical-align: text-top; - width: 200px; + color:#4a1e00; + float:left; + font-weight:bold; + font-size:11px; + line-height:13px; + vertical-align:text-top; + width:200px; } -.agb-label-register2 a { - color: #8d0404; - text-decoration: none; +.agb-label-register2 a{ + color:#8d0404; + text-decoration:none; +} +.agb-label-register2 a:hover{ + text-decoration:underline; } -.agb-label-register2 a:hover { text-decoration: underline } .register-box-checkbox { - background: 0; - border: 0; - float: left; - font: 11px/13px Arial,Helvetica,sans-serif; - margin: 0; - width: 30px; + background: none; + border: none; + float:left; + font: 11px/13px Arial, Helvetica, sans-serif; + margin:0; + width:30px; } -.register-agb-box2 { margin-top: 10px } -.register-box-input { - background: none repeat scroll 0 0 transparent; - border: medium none; - font: 13px/13px Arial,Helvetica,sans-serif; - height: 18px; - margin: 0 0 0 4px; - width: 240px; +.register-agb-box2 { + margin-top:10px; } -.error-close { - margin-top: 0; - margin-bottom: 5px; +.register-box-input{ + background:none repeat scroll 0 0 transparent; + border:medium none; + font:13px/13px Arial,Helvetica,sans-serif; + height:18px; + margin:0 0 0 4px; + width:240px; } -.btn-center-input-register { - margin: 10px 0 10px 64px; - padding-bottom: 5px; +.error-close{ + margin-top:0px; + margin-bottom:5px; } -.hide { visibility: hidden } -.download-btn { - background-image: url(/img/nav-download-btn.jpg); - height: 68px; - margin: 4px 0 9px 14px; - width: 130px; +.btn-center-input-register{ + margin:10px 0 10px 64px; + padding-bottom:5px; } -.itemshop-btn { - background-image: url(/img/nav-itemshop-btn.jpg); - height: 68px; - margin: 4px 0 9px 14px; - width: 130px; +.hide{visibility:hidden;} +/*register end*/ +/*download box start*/ +.download-btn{ + background-image:url(/img/nav-download-btn.jpg); + height:68px; + margin:4px 0 9px 14px; + width:130px; } -.recruit-btn { - background-image: url(/img/recruit/friends_recruit_btn.jpg); - height: 68px; - margin: 4px 0 9px 14px; - width: 130px; +/*download box end*/ + +.itemshop-btn{ + background-image:url(/img/nav-itemshop-btn.jpg); + height:68px; + margin:4px 0 9px 14px;; + width:130px; } + +.recruit-btn{ + background-image:url(/img/recruit/friends_recruit_btn.jpg); + height:68px; + margin:4px 0 9px 14px;; + width:130px; +} + .cosplay-btn { - background-image: url(/img/cosplay_btn.jpg); - height: 68px; - margin: 4px 0 9px 14px; - width: 130px; + background-image:url(/img/cosplay_btn.jpg); + height:68px; + margin:4px 0 9px 14px;; + width:130px; } -.administration-inner-content h4 { + +/*administration*/ +.administration-inner-content h4{ color: #7b1300; - font-size: 11px; - height: 22px; - margin: 1px 0 0 9px; - width: 290px; + font-size:11px; + height:22px; + margin:1px 0px 0px 9px; + width:290px; } -.administration-inner-content p { - font-size: 11px; +.administration-inner-content p{ + font-size:11px; margin: 0 5px 0 12px; } -.administration-inner-content { - margin: 9px 0 0; - padding: 0; +.administration-inner-content{ + margin:9px 0 0; + padding: 0 0 0px; } .administration-inner-content ul { font-size: 11px; @@ -1914,38 +2121,38 @@ form { background: url(/img/bullet.gif) no-repeat; list-style: none; padding: 0 0 13px 20px; - width: 260px; + width:260px; } .long-li { - overflow: visible; - width: 440px!important; + overflow:visible; + width: 440px !important; } .long-li-code { - background-position: 0 5px!important; + background-position: 0px 5px !important; line-height: 23px; - padding-bottom: 0; + padding-bottom: 0px; } .administration-box { - height: 35px; - line-height: 18px; - margin-bottom: 0; - margin-left: 12px; - padding: 0 0 0 13px; - width: 500px; + height:35px; + line-height:18px; + margin-bottom:0; + margin-left:12px; + padding:0 0 0 13px; + width:500px; } .administration-box p { color: #4a1e00; - float: left; - margin-left: 6px; + float:left; + margin-left:6px; } .administration-box a { - float: left; - margin: 0; + float:left; + margin: 0 0 0 0; } .delete-code { - background-color: #cdb78b; - border: 1px solid #997c47; - color: #7b1300; + background-color: #CDB78B; + border: 1px solid #997C47; + color: #7B1300; font: normal bold 11px; height: 15px; padding-left: 4px; @@ -1953,187 +2160,211 @@ form { padding-top: 3px; } .load-link { - color: #7b1300; - font-weight: bold; - text-decoration: none; + color:#7B1300; + font-weight:bold; + text-decoration:none; } -.load-link:hover { text-decoration: underline } -.load-link:visited { color: #943b00 } +.load-link:hover { + text-decoration:underline; +} +.load-link:visited { + color:#943B00; +} +/* character list */ .char-list-content { - color: #86280f; - font-weight: bold; - margin-bottom: 10px; - width: 480px; + color:#86280f; + font-weight:bold; + margin-bottom:10px; + width:480px; } .char-list-content .pagerWrapper { background: transparent url(/img/charlist-pager-bg.jpg) no-repeat; - height: 18px; - margin-top: 10px; - padding: 7px; - width: 465px; + height:18px; + margin-top:10px; + padding:7px; + width:465px; } .char-list-content .pagerWrapper .sort-char-list { - float: left; - width: 300px; + float:left; + width:300px; } .char-list-content .pagerWrapper .sellabel { - float: left; - line-height: 20px; + float:left; + line-height:20px; } .char-list-content .pagerWrapper .charselect { - border: 1px solid #997c47; - float: left; - height: 18px; - margin-left: 3px; - overflow: hidden; - width: 125px; + border:1px solid #997C47; + float:left; + height:18px; + margin-left:3px; + overflow:hidden; + width:125px; } .char-list-content .pagerWrapper select { - background-color: #cdb78b; - color: #4a1e00; - font-size: 13px; - height: 22px; - margin: -2px 0 0 -2px; - width: 129px; + background-color:#CDB78B; + color:#4A1E00; + font-size:13px; + height:22px; + margin:-2px 0 0 -2px; + width:129px } + .char-list-content .pagerWrapper .pager { background: url(/img/charlist-pager.jpg) no-repeat; - float: right; - height: 20px; - text-align: right; - width: 110px; + float:right; + height:20px; + text-align:right; + width:110px; } -.char-list-content .pagerWrapper .prev { background: url(/img/charlist-pager-prev.jpg) no-repeat } -.char-list-content .pagerWrapper .next { background: url(/img/charlist-pager-next.jpg) no-repeat } + +.char-list-content .pagerWrapper .prev { + background: url(/img/charlist-pager-prev.jpg) no-repeat; +} + +.char-list-content .pagerWrapper .next { + background: url(/img/charlist-pager-next.jpg) no-repeat; +} + .char-list-content .pagerWrapper div.pager-prev, .char-list-content .pagerWrapper a.pager-prev { - display: block; - float: left; - height: 20px; - width: 18px; + display:block; + float:left; + height:20px; + width:18px; } + .char-list-content .pagerWrapper div.pager-next, .char-list-content .pagerWrapper a.pager-next { - display: block; - float: left; - height: 20px; - width: 20px; + display:block; + float:left; + height:20px; + width:20px; } -.char-list-content .pagerWrapper .bg-none { - background: 0; - float: left; - height: 20px; - width: 20px; + +.char-list-content .pagerWrapper .bg-none{ + background: none; + float:left; + height:20px; + width:20px; } + .char-list-content .pagerWrapper .pager-middle { - color: #fff; - float: left; - font-weight: normal; - height: 20px; - line-height: 19px; - text-align: center; - width: 70px; + color:#fff; + float:left; + font-weight:normal; + height:20px; + line-height:19px; + text-align:center; + width:70px; } .char-list-content .charList { background: url(/img/charlist-row-bg.jpg) no-repeat; - height: 96px; - padding: 2px; - width: 476px; + height:96px; + padding:2px; + width:476px; } .char-list-content .charList .charimg { background: url(/img/charlist-avatar-bg.jpg) no-repeat 3px 3px; - float: left; - height: 72px; - margin-right: 5px; - width: 56px; + float:left; + height:72px; + margin-right:5px; + width:56px; } .char-list-content .charList .charimg img { - border: 1px solid #000; - padding: 1px; - margin: 4px; + border:1px solid #000; + padding:1px; + margin:4px; } .char-list-content .charList .charuser div { - height: 30px; - line-height: 30px; + height:30px; + line-height:30px; } .char-list-content .charList .charuser .charname { - font-size: 16px; - float: left; - width: 276px; + font-size:16px; + float:left; + width:276px; } -.char-list-content .charList .charuser .charrank { text-align: right } -.char-list-content .charList .charlevel, -.char-list-content .charList .charclass, -.char-list-content .charList .charkingdom, -.char-list-content .charList .chartime, -.char-list-content .charList .charserver, -.char-list-content .charList .charposition { - float: left; - height: 20px; - line-height: 20px; - width: 250px; +.char-list-content .charList .charuser .charrank { + text-align:right; } -.char-list-content .charList .charlevel, -.char-list-content .charList .charclass { width: 160px } -.char-list-content .charList .charposition { width: 410px } -.char-list-content .charList .charlabel { - color: #86280f; - display: block; - float: left; - font-weight: bold; - width: 70px; +.char-list-content .charList .charlevel, .char-list-content .charList .charclass, .char-list-content .charList .charkingdom, .char-list-content .charList .chartime, .char-list-content .charList .charserver,.char-list-content .charList .charposition { + float:left; + height:20px; + line-height:20px; + width:250px; +} +.char-list-content .charList .charlevel, .char-list-content .charList .charclass { width:160px;} +.char-list-content .charList .charposition {width:410px;} +.char-list-content .charList .charlabel{ + color:#86280f; + display:block; + float:left; + font-weight:bold; + width:70px; } .char-list-content .charList .chardata { - color: #000; - font-weight: bold; + color:#000; + font-weight:bold; } -.char-list-content .charList .charrow td { height: 20px } -.char-list-content .charList .charend td { padding-bottom: 13px } -#captchaContainer { margin: 10px 0 0 0 } +.char-list-content .charList .charrow td { + height:20px; +} +.char-list-content .charList .charend td{ + padding-bottom:13px; +} +/* character list end*/ +/* captcha */ + +#captchaContainer { + margin:10px 0 0 0; +} + #captchaContainer img { - border: 1px solid #b28a45; - margin: 10px 0; + border:1px solid #B28A45; + margin:10px 0; } -#captchaContainer h4 { - color: #8d0404; - font-size: 12px; - font-weight: bold; - margin: 0 0 5px; - padding: 0; - width: auto; + +#captchaContainer h4{ + color:#8D0404; + font-size:12px; + font-weight:bold; + margin:0 0 5px; + padding:0; + width:auto; } -.register-captcha { margin-top: 24px } -.pass-lost-box-inner-content .register-captcha { margin-top: 0 } -#captchaContainer .input-data-input { background-image: url(/img/input-data-input-captcha-bg.jpg) } +.register-captcha {margin-top:24px;} +.pass-lost-box-inner-content .register-captcha {margin-top:0;} +#captchaContainer .input-data-input {background-image:url(/img/input-data-input-captcha-bg.jpg);} #captchaImageContainer { - position: relative; - width: 255px!important; - margin: 0 auto; + position:relative; + width:255px !important; + margin:0 auto; } #captchaImageContainer img { - border: 1px solid #b28a45; - margin: 0; - color: black; + border:1px solid #B28A45; + margin:0; + color:black; } #reloadCaptcha { - position: absolute; - right: 0; - top: 0; - padding: 0 1px 2px 2px; - background-color: #eee; - cursor: pointer; - -moz-border-radius: 0 0 0 6px; - -webkit-border-radius: 0 0 0 6px; + position:absolute; + right:0; + top:0; + padding:0 1px 2px 2px; + background-color:#eee; + cursor:pointer; + -moz-border-radius:0 0 0 6px; + -webkit-border-radius:0 0 0 6px; } +/* end captcha*/ .help-link { background: url(/img/help-link-bg.gif) no-repeat; height: 17px; width: 17px; } #err-register { - background-color: #2e0100; - border: 1px dotted #7b1300; - color: #fef6aa; + background-color: #2E0100; + border: 1px dotted #7B1300; + color: #FEF6AA; font-size: 11px; left: 330px; padding: 2px 5px; @@ -2142,227 +2373,229 @@ form { width: 256px; z-index: 5; } +/* tabs definition */ .content .tabs-nav { - height: 40px; - width: 481px; + height:40px; + width:481px; } -.content .tabs-nav li, -.content .tabs-nav li a { - color: #7b1300; - display: block; - font: bold 12px/26px Arial,Helvetica,sans-serif; - height: 30px; - text-align: center; - text-decoration: none; +.content .tabs-nav li, .content .tabs-nav li a { + color:#7b1300; + display:block; + font: bold 12px/26px Arial, Helvetica, sans-serif; + height:30px; + text-align:center; + text-decoration:none; } .content .tabs-nav li { - float: left; - height: 34px; - list-style-type: none; - padding: 3px; + float:left; + height:34px; + list-style-type:none; + padding:3px; +} +.content .tabs-nav li a:hover { + text-decoration:underline; } -.content .tabs-nav li a:hover { text-decoration: underline } .content .tabs-nav li.selected a { - text-decoration: none!important; - cursor: text!important; + text-decoration:none !important; + cursor:text !important; } -.content .tabs4 li { - background: transparent url(/img/tabs4-navi.png) no-repeat; - width: 114px; -} -.content .tabs4 li a { width: 114px } -.content .tabs4 #tab1 { background-position: 0 -40px } -.content .tabs4 #tab2 { background-position: -120px -40px } -.content .tabs4 #tab3 { background-position: -240px -40px } -.content .tabs4 #tab4 { - background-position: -360px -40px; - width: 115px; -} -.content .tabs4 #tab1.selected { background-position: 0 0 } -.content .tabs4 #tab2.selected { background-position: -120px 0 } -.content .tabs4 #tab3.selected { background-position: -240px 0 } -.content .tabs4 #tab4.selected { background-position: -360px 0 } -.content .tabs4-big { height: 52px } -.content .tabs4-big li { - background: transparent url(/img/tabs4-navi-big.jpg) no-repeat; - width: 114px; - height: 46px; - display: table; - padding-top: 0; -} -.content .tabs4-big li a { - width: 114px; - line-height: 15px; - display: table-cell; - vertical-align: middle; -} -.content .tabs4-big #tab1 { background-position: 0 -52px } -.content .tabs4-big #tab2 { background-position: -120px -52px } -.content .tabs4-big #tab3 { background-position: -240px -52px } -.content .tabs4-big #tab4 { - background-position: -360px -52px; - width: 115px; -} -.content .tabs4-big #tab1.selected { background-position: 0 0 } -.content .tabs4-big #tab2.selected { background-position: -120px 0 } -.content .tabs4-big #tab3.selected { background-position: -240px 0 } -.content .tabs4-big #tab4.selected { background-position: -360px 0 } -.content .tabs3 li { - background: transparent url(/img/tabs3-navi.png) no-repeat; - width: 154px; -} -.content .tabs3 li a { width: 154px } -.content .tabs3 #tab1 { background-position: 0 -40px } -.content .tabs3 #tab2 { background-position: -160px -40px } -.content .tabs3 #tab3 { - background-position: -320px -40px; - width: 155px; -} -.content .tabs3 #tab1.selected { background-position: 0 0 } -.content .tabs3 #tab2.selected { background-position: -160px 0 } -.content .tabs3 #tab3.selected { background-position: -320px 0 } -.content .tabs2 li { - background: transparent url(/img/tabs2-navi.png) no-repeat; - width: 234px; -} -.content .tabs2 li a { width: 234px } -.content .tabs2 #tab1 { background-position: 0 -40px } -.content .tabs2 #tab2 { - background-position: -240px -40px; - width: 235px; -} -.content .tabs2 #tab1.selected { background-position: 0 0 } -.content .tabs2 #tab2.selected { background-position: -240px 0 } +/* tabs4 */ +.content .tabs4 li {background:transparent url(/img/tabs4-navi.png) no-repeat; width:114px;} +.content .tabs4 li a {width:114px;} +.content .tabs4 #tab1 {background-position:0 -40px;} +.content .tabs4 #tab2 {background-position:-120px -40px;} +.content .tabs4 #tab3 {background-position:-240px -40px;} +.content .tabs4 #tab4 {background-position:-360px -40px; width:115px;} +.content .tabs4 #tab1.selected {background-position:0 0;} +.content .tabs4 #tab2.selected {background-position:-120px 0;} +.content .tabs4 #tab3.selected {background-position:-240px 0;} +.content .tabs4 #tab4.selected {background-position:-360px 0;} +/* tabs4-big */ +.content .tabs4-big {height:52px;} +.content .tabs4-big li {background:transparent url(/img/tabs4-navi-big.jpg) no-repeat; width:114px; height:46px; display: table; padding-top: 0px;} +.content .tabs4-big li a {width:114px; line-height: 15px; display: table-cell; vertical-align: middle;} +.content .tabs4-big #tab1 {background-position:0 -52px;} +.content .tabs4-big #tab2 {background-position:-120px -52px;} +.content .tabs4-big #tab3 {background-position:-240px -52px;} +.content .tabs4-big #tab4 {background-position:-360px -52px; width:115px;} +.content .tabs4-big #tab1.selected {background-position:0 0;} +.content .tabs4-big #tab2.selected {background-position:-120px 0;} +.content .tabs4-big #tab3.selected {background-position:-240px 0;} +.content .tabs4-big #tab4.selected {background-position:-360px 0;} +/* tabs3 */ +.content .tabs3 li {background:transparent url(/img/tabs3-navi.png) no-repeat; width:154px;} +.content .tabs3 li a {width:154px;} +.content .tabs3 #tab1 {background-position:0 -40px;} +.content .tabs3 #tab2 {background-position:-160px -40px;} +.content .tabs3 #tab3 {background-position:-320px -40px; width:155px;} +.content .tabs3 #tab1.selected {background-position:0 0;} +.content .tabs3 #tab2.selected {background-position:-160px 0;} +.content .tabs3 #tab3.selected {background-position:-320px 0;} +/* tabs2 */ +.content .tabs2 li {background:transparent url(/img/tabs2-navi.png) no-repeat; width:234px;} +.content .tabs2 li a {width:234px;} +.content .tabs2 #tab1 {background-position:0 -40px;} +.content .tabs2 #tab2 {background-position:-240px -40px; width:235px;} +.content .tabs2 #tab1.selected {background-position:0 0;} +.content .tabs2 #tab2.selected {background-position:-240px 0;} +/* tabs definition end */ +/* ticketservice */ +/* DEPRECATED */ .ticketservice { - background: transparent url(/img/qaservice-bg.jpg) no-repeat; - margin-top: 10px; - padding: 7px; - margin: 10px 0; - width: 467px; + background:transparent url(/img/qaservice-bg.jpg) no-repeat; + margin-top:10px; + padding:7px; + margin:10px 0; + width:467px; } .ticketservice ul li { - background: 0; - list-style-position: inside; - list-style-type: circle; - padding: 0 0 5px; + background:none; + list-style-position:inside; + list-style-type:circle; + padding:0 0 5px; } .ticketservice a { - color: #943b00; - text-decoration: none; + color:#943B00; + text-decoration:none; } .ticketservice .ticketlist a { background: url(/img/bullet.gif) no-repeat; - display: block; - height: 18px; - padding-left: 20px; + display:block; + height:18px; + padding-left:20px; } -.ticketservice a:hover { text-decoration: underline } -@media screen and (-webkit-min-device-pixel-ratio:0) { - .ranks-inner-content th, - .ranks-inner-content td { height: 21px } +.ticketservice a:hover { + text-decoration:underline; } -.nodisplay { display: none!important } -.display { display: block!important } +/* ticketservice end */ +/* safari hacks */ +@media screen and (-webkit-min-device-pixel-ratio:0){ + .ranks-inner-content th, .ranks-inner-content td { height:21px; } +} + +/**/ +.nodisplay { + display:none !important; +} +.display { + display:block !important; +} + #warning { - background: transparent none repeat scroll 0 0; - border: 1px solid #c00; - color: #c00; - font-size: 12px; - line-height: 18px; - margin: 35px 15px 0; - padding: 5px; + background:transparent none repeat scroll 0 0; + border:1px solid #CC0000; + color:#CC0000; + font-size:12px; + line-height:18px; + margin:35px 15px 0; + padding:5px; } -#warning strong { font-size: 16px } -#authenticated .input-data-box, -#authenticate .input-data-box { background: 0 } -#activateAccount a { - color: #8d0404; - font-weight: bold; - text-decoration: none; -} -#activateAccount a:hover { text-decoration: underline } -#activateAccount h3 { - line-height: 20px; - margin-left: 15px; -} -#activateBox { margin: 0 0 20px } -#activateBox p { width: auto } -#activateAccount a#downloadLink { - background: url("/img/download-client.jpg") no-repeat scroll 0 0 transparent; - color: #fff9c7; - float: left; + +#warning strong { font-size: 16px; - height: 53px; - line-height: 20px; - margin: 0 0 10px; - padding: 10px 8px 0 60px; - text-decoration: none; - width: 110px; +} + +/*TASKFORCE CHANGES*/ + +#authenticated .input-data-box, +#authenticate .input-data-box {background:none;} + +#activateAccount a { + color:#8D0404; + font-weight:bold; + text-decoration:none; +} + +#activateAccount a:hover {text-decoration:underline;} +#activateAccount h3 { + line-height:20px; + margin-left:15px; +} +#activateBox { + margin:0 0 20px; +} + +#activateBox p {width:auto;} + +#activateAccount a#downloadLink { + background:url("/img/download-client.jpg") no-repeat scroll 0 0 transparent; + color:#FFF9C7; + float:left; + font-size:16px; + height:53px; + line-height:20px; + margin:0 0 10px; + padding:10px 8px 0 60px; + text-decoration:none; + width:110px; } #activateAccount a#downloadLink:hover { background-position: 0 -63px; - color: #FFF; + color:#FFF; } + #steps { - border: 1px solid #622400; - float: right; - font-size: 12px; - margin-bottom: 15px; - padding: 5px; - width: 190px; + border:1px solid #622400; + float:right; + font-size:12px; + margin-bottom:15px; + padding:5px; + width:190px; } -#steps h3 { font-size: 14px } -#steps ol { - margin: 10px; - list-style: decimal inside none; -} -#steps ol li { margin: 5px 0 0 } + +#steps h3 {font-size:14px;} + +#steps ol {margin:10px; list-style:decimal inside none;} +#steps ol li {margin:5px 0 0;} + #resend { - background: url("/img/valid-icon.gif") no-repeat scroll 5px 3px #260b01; - border: 1px solid #622400; - padding: 0 5px 2px 30px; + background:url("/img/valid-icon.gif") no-repeat scroll 5px 3px #260B01; + border:1px solid #622400; + padding:0 5px 2px 30px; } .inner-form-border { - border: 1px solid #aa8551; - margin: 15px 0 20px 25px; - width: 430px; + border:1px solid #aa8551; + margin:15px 0 20px 25px; + width:430px; } + .inner-form-box { - background: transparent url("/img/form-bg.jpg") repeat scroll 0 0; - border: 1px solid #c6ab74; - color: #4a1e00; - padding: 15px; + background:transparent url("/img/form-bg.jpg") repeat scroll 0 0; + border:1px solid #c6ab74; + color:#4a1e00; + padding:15px; } + .inner-form-box h3 { - background: none repeat scroll 0 0 transparent; - color: #4a1e00; - font-size: 18px; - height: 33px; + background:none repeat scroll 0 0 transparent; + color:#4A1E00; + font-size:18px; + height:33px; } + #activateBox .resend { - background: #260b01 url("/img/valid-icon.gif") no-repeat scroll 5px 3px; - border: 1px solid #622400; - padding: 0 5px 2px 30px; + background:#260B01 url("/img/valid-icon.gif") no-repeat scroll 5px 3px ; + border:1px solid #622400; + padding:0 5px 2px 30px; } #activateAccount #bigDownload { - background: url("/img/big-download.jpg") no-repeat scroll 0 0 transparent; - color: #fff9c7; - display: block; - font-size: 27px; - font-weight: bold; - height: 83px; - line-height: 34px; - margin: 0 auto 15px; - padding: 20px 0 0 120px; - text-align: left; - text-decoration: none; - text-shadow: 2px 2px 5px black; - width: 290px; -} -#activateAccount #bigDownload:hover { - background-position: 0 -108px; - color: #FFF; + background:url("/img/big-download.jpg") no-repeat scroll 0 0 transparent; + color:#FFF9C7; + display:block; + font-size:27px; + font-weight:bold; + height:83px; + line-height:34px; + margin:0 auto 15px; + padding:20px 0 0 120px; + text-align:left; + text-decoration:none; + text-shadow:2px 2px 5px black; + width:290px; } +#activateAccount #bigDownload:hover {background-position:0 -108px; color:#FFF;} + +/*TASKFORCE CHANGES 13.04. New Forms*/ #pwlostForm .content .content-bg-bottom, #lostPasswordCodeForm .content .content-bg-bottom, #changepwForm .content .content-bg-bottom, @@ -2371,20 +2604,23 @@ form { #login .content .content-bg-bottom, #register .content .content-bg-bottom, #captcha .content .content-bg-bottom { - padding: 0 11px 11px; - width: 485px; + padding:0 11px 11px; + width:485px; } + #captcha p { - font-size: 12px; - margin: 0 0 30px 0; + font-size:12px; + margin:0 0 30px 0; } + .trenner { - background: url(/img/trenner-shadow.jpg) no-repeat; - border-top: 1px solid #b28a45; - height: 8px; - margin: 0 auto; - width: 380px; + background:url(/img/trenner-shadow.jpg) no-repeat; + border-top:1px solid #B28A45; + height:8px; + margin:0 auto; + width:380px; } + #pwlostForm, #lostPasswordCodeForm, #changepwForm, @@ -2393,9 +2629,10 @@ form { #loginForm, #registerForm, #captchaForm { - margin: 15px auto; - width: 290px; + margin:15px auto; + width:290px; } + #pwlostForm div, #lostPasswordCodeForm div, #changepwForm div, @@ -2404,10 +2641,11 @@ form { #loginForm div, #registerForm div, #captchaForm div { - margin-bottom: 15px; - position: relative; - width: 287px; + margin-bottom:15px; + position:relative; + width:287px; } + #pwlostForm div input:focus, #lostPasswordCodeForm div input:focus, #changepwForm div input:focus, @@ -2416,10 +2654,11 @@ form { #loginForm div input:focus, #registerForm div input:focus, #captchaForm div input:focus { - background-position: 0 -30px; - border: 1px solid #8d0404; - color: #4a1e00; + background-position:0 -30px; + border:1px solid #8D0404; + color:#4A1E00; } + #pwLost .inner-form-box h3, #lostPasswordCode .inner-form-box h3, #changePw .inner-form-box h3, @@ -2428,41 +2667,38 @@ form { #login .inner-form-box h3, #register .inner-form-box h3, #captcha .inner-form-box h3 { - color: #4a1e00; - font-size: 18px; - height: 33px; + color:#4a1e00; + font-size:18px; + height:33px; } -.inner-form-box a { - color: #8d0404; - text-decoration: none; -} -.inner-form-box a:hover { text-decoration: underline } + +.inner-form-box a {color:#8D0404; text-decoration:none;} +.inner-form-box a:hover {text-decoration:underline;} #toAdmin, #topwLost, #toLogin { - background: url("/img/button-bg-2.gif") no-repeat scroll 0 0 transparent; - color: #dfbf8b; - float: right; - font-size: 10px; - font-weight: normal; - height: 20px; - line-height: 20px; - padding: 0 20px 0 0; - text-align: center; - width: 109px; -} -#checkerror span, -#checktransfer label { - font-size: 11px; - font-weight: normal; + background:url("/img/button-bg-2.gif") no-repeat scroll 0 0 transparent; + color:#DFBF8B; + float:right; + font-size:10px; + font-weight:normal; + height:20px; + line-height:20px; + padding:0 20px 0 0; + text-align:center; + width:109px; } + +#checkerror span {font-size:11px; font-weight:normal;} + .inner-form-box label { - display: block; - color: #4a1e00; - font-size: 12px; - font-weight: bold; - margin: 0 0 5px; + display:block; + color:#4a1e00; + font-size:12px; + font-weight:bold; + margin:0 0 5px; } + #pwLost .inner-form-box input, #lostPasswordCode .inner-form-box input, #changePw .inner-form-box input, @@ -2471,29 +2707,31 @@ form { #login .inner-form-box input, #register .inner-form-box input, #captcha .inner-form-box input { - background: url(/img/form-input-bg.gif) repeat-x; - border: 1px solid #622400; - color: #534236; - font-family: Arial,Helvetica,sans-serif; - font-size: 16px; - font-weight: bold; - height: 20px; - padding: 5px 10px; - width: 265px; + background:url(/img/form-input-bg.gif) repeat-x; + border:1px solid #622400; + color:#534236; + font-family: Arial, Helvetica, sans-serif; + font-size:16px; + font-weight:bold; + height:20px; + padding:5px 10px; + width:265px; } + #checkerror p, -#checkerror { font-size: 12px } +#checkerror {font-size:12px;} #login #checkerror input, #register #checkerror input, -#register #checktransfer input, #captcha #checkerror input { - border: 0; - height: 15px; - float: left; - margin: 2px 5px 20px; - width: 15px; + border:0; + height:15px; + float:left; + margin:2px 5px 20px; + width:15px; } -#checkerror .green { color: #006f07 } + +#checkerror .green {color:#006F07;} + #changePw #submitBtn, #emailChange #submitBtn, #resendActiv #submitBtn, @@ -2505,28 +2743,28 @@ form { #subscribe .btn-big, a.btn-big, .contest-inner-content #submitBtn { - background: url("/img/btn-big.jpg") no-repeat scroll 0 0 transparent; - border: 0; - color: #dfbf8b; - cursor: pointer; - display: block; - font-size: 18px; - font-weight: bold; - height: 38px; - line-height: normal; - letter-spacing: .01em; - margin: 0 auto 25px; - text-align: center; - text-shadow: -1px -1px #000; - width: 287px; + background:url("/img/btn-big.jpg") no-repeat scroll 0 0 transparent; + border:0; + color:#dfbf8b; + cursor:pointer; + display:block; + font-size:18px; + font-weight:bold; + height:38px; + line-height:normal; + letter-spacing:0.01em; + margin:0 auto 25px; + text-align:center; + text-shadow:-1px -1px #000; + width:287px; } -a.btn-big { - text-decoration: none; - line-height: 36px; - font-size: 16px; -} -#subscribe .btn-big { line-height: 38px } -#content input#submitBtn { padding: 0 0 5px } + +a.btn-big { text-decoration:none; line-height:36px; font-size:16px;} + +#subscribe .btn-big {line-height:38px;} + +#content input#submitBtn {padding:0 0 5px;} + #changePw #submitBtn:hover, #emailChange #submitBtn:hover, #resendActiv #submitBtn:hover, @@ -2537,310 +2775,397 @@ a.btn-big { #register #submitBtn:hover, #captcha #submitBtn:hover, a.btn-big:hover, -.contest-inner-content #submitBtn:hover { - background-position: 0 -38px; - color: #FFF; - text-decoration: none; -} +.contest-inner-content #submitBtn:hover {background-position:0 -38px; color:#FFF; text-decoration:none;} + p#regLegend { - color: #755; - font-size: 11px; - margin: 8px 15px 0; - text-align: right; + color:#775555; + font-size:11px; + margin:8px 15px 0; + text-align:right; } + #content input[type=text], -#content input[type=password] { border: 1px solid #622400 } +#content input[type=password] { + border:1px solid #622400; +} #content input[type=text]:focus, -#content input[type=password]:focus { border: 1px solid #943903 } -#subscribe { - margin: 0 auto; - width: 287px; -} -#subscribe h3 { - margin: 20px 0 0; - padding: 0; +#content input[type=password]:focus { + border:1px solid #943903; } + + +#subscribe {margin:0 auto; width:287px;} +#subscribe h3 {margin:20px 0 0; padding:0;} #subscribe p { - font-size: 12px; - margin: 15px 0; - padding: 0; + font-size:12px; + margin:15px 0; + padding:0; } + + #activateAccount a { - font-weight: bold; - text-decoration: underline; + font-weight:bold; + text-decoration:underline; } -#activateBox { margin: 0 0 20px } -#activateAccount h3#charCreationHeading { margin-top: 40px } +#activateBox { + margin:0 0 20px; +} + +#activateAccount h3#charCreationHeading { + margin-top:40px; +} + #activateAccount a#charCreation { - margin-top: 30px; - text-decoration: none; - color: #dfbf8b; + margin-top:30px; + text-decoration:none; + color:#DFBF8B; } -#activateAccount a#charCreation:hover { color: #fff } + +#activateAccount a#charCreation:hover { + color:#ffffff; +} + #steps { - border: 1px solid #622400; - float: right; - font-size: 12px; - padding: 5px; - width: 190px; + border:1px solid #622400; + float:right; + font-size:12px; + padding:5px; + width:190px; } -#steps h3 { font-size: 14px } -#steps ol { - margin: 10px; - list-style: decimal inside none; -} -#steps ol li { margin: 5px 0 0 } + +#steps h3 {font-size:14px;} + +#steps ol {margin:10px; list-style:decimal inside none;} +#steps ol li {margin:5px 0 0;} + +/*Progress Tracker*/ #progressTracker { - height: 100px; - margin: 0 auto; - padding-left: 10px; - width: 400px; + height:100px; + margin:0 auto; + padding-left:10px; + width:400px; } + #progressTracker .step { - background: url(/img/progressTracker.gif) no-repeat scroll 0 -45px; - height: 40px; - font-size: 18px; - font-weight: bold; - line-height: 40px; - margin: 5px 0 0 -6px; - text-align: center; - text-shadow: 1px 1px #dfd1ac; - width: 45px; + background:url(/img/progressTracker.gif) no-repeat scroll 0 -45px; + height:40px; + font-size:18px; + font-weight:bold; + line-height:40px; + margin:5px 0 0 -6px; + text-align:center; + text-shadow:1px 1px #DFD1AC; + width:45px; } + #progress1, #progress2 { - background: url(/img/progress-inactive.gif) repeat-x scroll 0 20px; - float: left; - position: relative; - width: 177px; + background:url(/img/progress-inactive.gif) repeat-x scroll 0 20px; + float:left; + position:relative; + width:177px; } -#progress3 { position: relative } + +#progress3{position:relative;} + #progressTracker .progress-text { - font-size: 11px; - font-weight: bold; - left: -32px; - position: absolute; - text-align: center; - top: 50px; - width: 100px; + font-size:11px; + font-weight:bold; + left:-32px; + position:absolute; + text-align:center; + top:50px; + width:100px; } + #progressTracker .inactive .progress-text, #progressTracker .inactive .step { - filter: alpha(opacity=50); - -moz-opacity: .5; - -khtml-opacity: .5; - opacity: .5; + filter:alpha(opacity=50); + -moz-opacity:0.5; + -khtml-opacity: 0.5; + opacity: 0.5; } -#progressTracker .inactive .progress-text { color: #4a1e00 } -#progressTracker .inactive .progress-text a { color: #4a1e00 } + +#progressTracker .inactive .progress-text {color:#4A1E00;} +#progressTracker .inactive .progress-text a {color:#4A1E00;} + #progress3 { - float: left; - width: 45px; + float:left; + width:45px; } -#progressTracker .passed { background: url(/img/progress-active.gif) repeat-x scroll 0 20px } + +#progressTracker .passed {background:url(/img/progress-active.gif) repeat-x scroll 0 20px;} #progressTracker .active .step { - background-position: 0 0; - color: #4a1e00; - font-size: 25px; - height: 45px; - line-height: 45px; - margin: 0 0 0 -3px; - width: 45px; + background-position:0 0; + color:#4A1E00; + font-size:25px; + height:45px; + line-height:45px; + margin:0 0 0 -3px; + width:45px; } -#progressTracker .inactive .step { background-position: 0 -45px } +#progressTracker .inactive .step {background-position:0 -45px;} + + +/*Download Changes*/ .download-content-teaser { float: right; width: 178px; } + #download h3 { - background: 0; - color: #4a1e00; - font-size: 25px; - line-height: 25px; - margin: 0 15px; - text-shadow: 1px 1px #ecd4ba; + background:none; + color:#4A1E00; + font-size:25px; + line-height:25px; + margin:0 15px; + text-shadow:1px 1px #ECD4BA; } #download a#requirements { - background: url("/img/ico-plus.gif") no-repeat scroll 0 0 transparent; - color: #8d0404; - cursor: pointer; - display: block; - font-size: 15px; - font-weight: bold; - height: 13px; - line-height: 12px; - margin: 15px 30px; - text-decoration: none; - text-shadow: 1px 1px #ecd4ba; + background:url("/img/ico-plus.gif") no-repeat scroll 0 0 transparent; + color:#8D0404; + cursor:pointer; + display:block; + font-size:15px; + font-weight:bold; + height:13px; + line-height:12px; + margin:15px 30px; + text-decoration:none; + text-shadow:1px 1px #ECD4BA; } + #downloadText { - font-size: 12px; - margin: 15px auto; - width: 445px; + font-size:12px; + margin:15px auto; + width:445px; } -#download a#requirements:hover { text-decoration: underline } -#download h4:hover { background-position: 0 -13px } + +#download a#requirements:hover { text-decoration:underline;} + +#download h4:hover {background-position:0 -13px;} + #download .download-button-2, -#download .download-button-1 { - float: left; - margin: 15px 25px; -} +#download .download-button-1 {float:left; margin:15px 25px;} + + #required { - width: 300px; - margin: 0 auto; - display: none; + width:300px; + margin:0 auto; + display:none; } #required caption { - font-size: 12px; - font-weight: bold; - margin: 0 0 10px; + font-size:12px; + font-weight:bold; + margin:0 0 10px; } #download .resourceTable { - margin: 15px auto; - width: 350px; + margin:15px auto; + width:350px; } + #news_compact ul { - padding-bottom: 0; - margin-top: 12px; - text-align: left; + padding-bottom:0; + margin-top:12px; + text-align:left; +} + +#news_compact li { + padding-bottom:12px; +} + +#news_compact li a { + color:#7B1300; } -#news_compact li { padding-bottom: 12px } -#news_compact li a { color: #7b1300 } #news_compact li h4 { - float: right; - font-weight: normal; - color: #7b1300; - margin-left: 10px; + float:right; + font-weight:normal; + color:#7B1300; + margin-left:10px; } + #news_compact li h3 { - display: inline; - margin-top: 0; + display:inline; + margin-top:0; } + #news_compact li p { - padding-bottom: 0; - padding-top: 2px; + padding-bottom:0; + padding-top:2px; } -#news_compact li a.news_link { text-decoration: none } -#news a { color: #7b1300 } + +#news_compact li a.news_link { + text-decoration:none; +} + +#news a { + color:#7B1300; +} + #news td { - padding: 8px 12px 30px; + padding:8px 12px 30px; background: url(/img/gallerybox-bg.jpg) no-repeat top left; } + #news h3 { - margin: 0 0 8px; - text-align: left; + margin:0 0 8px; + text-align:left; } -#news p.message { padding-bottom: 6px } + +#news p.message { + padding-bottom:6px; +} + #news p.author { - padding-bottom: 0; - color: #7b1300; + padding-bottom:0; + color:#7B1300; } + #news a.comment_link { - display: block; - float: right; - margin-right: 12px; - text-align: right; + display:block; + float:right; + margin-right:12px; + text-align:right; } + #news a.first_link { - margin-right: 0; - display: block; - float: right; - text-align: right; + margin-right:0; + display:block; + float:right; + text-align:right; } + #news p.date { - padding-bottom: 0; - color: #7b1300; + padding-bottom:0; + color:#7B1300; } + #news img { - display: none; - margin-top: 8px; - width: 100px; + display:none; + margin-top:8px; + width:100px; } + #news div { - display: none; - margin: 0; - padding: 0; + display:none; + margin:0; + padding:0; } -#news div ul { margin: 0 } + +#news div ul { + margin:0; +} + #news div ul li { - margin: 12px 0 0; - padding: 0 8px 0 20px; + margin:12px 0 0; + padding:0 8px 0 20px; } + #news div ul h5 { - display: inline; - margin-bottom: 2px; - color: #7b1300; + display:inline; + margin-bottom:2px; + color:#7B1300; } + #news div ul h6 { - float: right; - font-weight: normal; - color: #7b1300; + float:right; + font-weight:normal; + color:#7B1300; } + #news div ul p { - margin: 0; - padding: 0; - overflow: hidden; + margin:0; + padding:0; + overflow:hidden; } + #news #browse { - width: 100%; - margin-top: 20px; - height: 33px; - background-image: url(/img/charlist-pager-bg.jpg); + width:100%; + margin-top:20px; + height:33px; + background-image:url(/img/charlist-pager-bg.jpg); } + #news #browse td { - width: 50%; - background: transparent; - padding: 1px 0 0; + width:50%; + background:transparent; + padding:1px 0 0; } + #news #browse a { - margin: 6px auto; - padding: 3px 0 0; - width: 106px; - color: #dfbf8b; + margin:6px auto; + padding:3px 0 0; + width:106px; + color:#DFBF8B; } -#news #browse a#next { background: url(/img/charlist-pager-next.jpg) no-repeat top right } -#news #browse a#next span { padding-right: 17px } -#news #browse a#prev { background: url(/img/charlist-pager-prev.jpg) no-repeat top left } -#news #browse a#prev span { padding-left: 17px } -.recruitbox-1, -.recruitbox-2, -.recruitbox-4, -.recruitbox-5 { - min-height: 155px; - padding: 7px 190px 7px 9px; - width: 282px; + +#news #browse a#next { + background:url(/img/charlist-pager-next.jpg) no-repeat top right; +} + +#news #browse a#next span { + padding-right:17px; +} + +#news #browse a#prev { + background:url(/img/charlist-pager-prev.jpg) no-repeat top left; +} + +#news #browse a#prev span { + padding-left:17px; +} + +/* recruiting */ +.recruitbox-1, .recruitbox-2, .recruitbox-4, .recruitbox-5 { + min-height:155px; + padding:7px 190px 7px 9px; + width:282px; } .recruitbox-3 { - min-height: 155px; - padding: 7px 190px 7px 9px; - width: 480px; + min-height:155px; + padding:7px 190px 7px 9px; + width:480px; +} +.recruitbox-1 { + background:url(/img/recruit/recruit_friends_bg_1_intro.jpg) no-repeat; +} +.recruitbox-2 { + background:url(/img/recruit/recruit_friends_bg_2_your_code.jpg) no-repeat; +} +.recruitbox-3 { + background:url(/img/recruit/recruit_friends_bg_3_status.jpg) no-repeat; +} +.recruitbox-4 { + background:url(/img/recruit/recruit_friends_bg_4_sendmail.jpg) no-repeat; +} +.recruitbox-5 { + background:url(/img/recruit/recruit_friends_bg_5_socials.jpg) no-repeat; } -.recruitbox-1 { background: url(/img/recruit/recruit_friends_bg_1_intro.jpg) no-repeat } -.recruitbox-2 { background: url(/img/recruit/recruit_friends_bg_2_your_code.jpg) no-repeat } -.recruitbox-3 { background: url(/img/recruit/recruit_friends_bg_3_status.jpg) no-repeat } -.recruitbox-4 { background: url(/img/recruit/recruit_friends_bg_4_sendmail.jpg) no-repeat } -.recruitbox-5 { background: url(/img/recruit/recruit_friends_bg_5_socials.jpg) no-repeat } .recruit-inner-content { - margin: 9px 0 0 0; - padding: 0; + margin: 9px 0px 0px 0px; + padding: 0 0 0px; } -.recruit-inner-content h4 { - background: url(/img/shadow-line.png) no-repeat bottom left; +.recruit-inner-content h4{ + background:url(/img/shadow-line.png) no-repeat bottom left; color: #7b1300; - font-size: 12px; - padding-bottom: 8px; - margin: 1px 0 0 0; + font-size:12px; + padding-bottom:8px; + margin:1px 0 0 0; } -.recruit-inner-content p { margin: 5px 0 9px 0 } +.recruit-inner-content p{ + margin:5px 0 9px 0; +} + .recruit-inner-content label { display: block; font-size: 1.1em; font-weight: bold; } + .recruit-inner-content input { width: 280px; display: transparent; - border: 0; + border: none; height: 24px; padding-left: 3px; padding-right: 3px; @@ -2850,333 +3175,426 @@ p#regLegend { .recruit-inner-content textarea { width: 280px; display: transparent; - border: 0; + border: none; height: 100px; padding-left: 3px; padding-top: 2px; background: url('/img/recruit/recruit_friends_bg_textarea.png') no-repeat; - overflow: hidden; + overflow:hidden; } #recruitMailForm #submitBtn { - background: url('/img/recruit/recruit_friends_bg_sendmail_btn.png') no-repeat; - border: 0; - color: #fff; - cursor: pointer; - height: 48px; - width: 248px; - font-size: 18px; - font-weight: bold; - letter-spacing: .01em; - margin: 0 auto; - text-align: center; - display: block; - background-position: 0 7px; + background:url('/img/recruit/recruit_friends_bg_sendmail_btn.png') no-repeat; + border:none; + color:#ffffff; + cursor:pointer; + height:48px; + width:248px; + font-size:18px; + font-weight:bold; + letter-spacing:0.01em; + margin:0px auto; + text-align:center; + display:block; + background-position: 0px 7px; } .recruit-status-th { - height: 26px; - background: url('/img/recruit/recruit_friends_status_bg_th.png') no-repeat; + height:26px; + background:url('/img/recruit/recruit_friends_status_bg_th.png') no-repeat; } -.recruit-status-th th, -.recruit-status-tr td { - vertical-align: middle; +.recruit-status-th th, .recruit-status-tr td { + vertical-align:middle; text-align: center; } .recruit-status-tr { - height: 25px; - background: url('/img/recruit/recruit_friends_status_bg_tr.png') no-repeat; + height:25px; + background:url('/img/recruit/recruit_friends_status_bg_tr.png') no-repeat; } .recruit-inviteLink { width: 280px; height: 24px; display: block; - border: 0; + border: none; padding-left: 3px; - padding-top: 0; + padding-top: 0px; background: url('/img/recruit/recruit_friends_bg_input.png') no-repeat; } #recruitSocialForm #inviteLink { - background: 0; - width: 270px; + background:none; + width:270px; overflow: hidden; - height: 22px; + height:22px; } .recruit-facebook { display: block; - background: url('/img/recruit/recruit_friends_bg_btn_facebook.png') no-repeat; + background:url('/img/recruit/recruit_friends_bg_btn_facebook.png') no-repeat; width: 132px; height: 26px; - margin-top: 5px; - margin-right: 15px; - float: left; + margin-top:5px; + margin-right:15px; + float:left; } .recruit-twitter { display: block; - background: url('/img/recruit/recruit_friends_bg_btn_twitter.png') no-repeat; + background:url('/img/recruit/recruit_friends_bg_btn_twitter.png') no-repeat; width: 132px; height: 26px; - margin-top: 5px; - float: left; + margin-top:5px; + float:left; } + .recruit-headline { - position: relative; - top: 60px; - left: 140px; - width: 192px; - height: 30px; - text-align: center; - font-weight: bold; - color: #600; - font-size: 18px; + position:relative; + top:60px; + left:140px; + width:192px; + height:30px; + text-align:center; + font-weight:bold; + color:#660000; + font-size:18px; } .recruit-code { - position: relative; + position:relative; top: 50px; left: 140px; - width: 185px; - height: 34px; - background: url('/img/recruit/recruit_friends_bg_code_field.png') no-repeat; + width:185px; + height:34px; + background:url('/img/recruit/recruit_friends_bg_code_field.png') no-repeat; text-align: center; font-weight: bold; - padding-left: 2px; - padding-top: 3px; + padding-left:2px; + padding-top:3px; } #recruitCode { - color: #000; - font-size: 13px; - font-weight: bold; - background: 0; + color:#000000; + font-size:13px; + font-weight:bold; + background:none; text-align: left; width: 169px; } + .recruit-inner-content th, -.recruit-inner-content td { padding-right: 10px } +.recruit-inner-content td { + padding-right: 10px; +} + .recruit-del { background: url('/img/recruit/recruit_friends_delete_btn.png') no-repeat; width: 21px; height: 21px; display: block; } -.editalias { cursor: pointer } -#creation div.inner-content { margin: 4px 15px 0 0 } + +.editalias { + cursor: pointer; +} + +#creation div.inner-content { + margin:4px 15px 0 0; +} + #creation h3 { - font-size: 14px; - padding: 11px; - text-align: center; - color: #7b1300; - height: 33px; - background: url('/img/charlist-pager-bg.jpg') no-repeat; + font-size:14px; + padding:11px; + text-align:center; + color:#7b1300; + height:33px; + background:url('/img/charlist-pager-bg.jpg') no-repeat; } + #creation div.inner-content.notAllowed { - background: url('/img/community_dragon_bg.jpg') no-repeat; - min-height: 155px; - padding: 7px 190px 7px 9px; - width: 282px; - margin: 9px 25px 0 0; + background:url('/img/community_dragon_bg.jpg') no-repeat; + min-height:155px; + padding:7px 190px 7px 9px; + width:282px; + margin:9px 25px 0 0; } + #creation div.inner-content.notAllowed h3 { - background: 0; - padding: 0; - text-align: left; - font-size: 12px; - height: auto; - margin: 10px 0; + background:none; + padding:0; + text-align:left; + font-size:12px; + height:auto; + margin:10px 0; } + #creation #progressTracker { - height: 90px; - margin: 16px auto 0; - width: 420px; - padding: 0; + height:90px; + margin:16px auto 0; + width:420px; padding:0; } + #creation #progressTracker a.step { - display: block; - color: #4a1e00; - text-decoration: none; + display:block; + color:#4a1e00; + text-decoration:none; } -#creation div.jobs { overflow: auto } + +#creation div.jobs { + overflow:auto; +} + #creation div.jobs div.job { - float: left; - height: 81px; - width: 115px; - margin: 0 0 0 4px; + float:left; + height:81px; + width:115px; + margin:0 0 0 4px; } -#creation div.jobs div.job0 { background: url('/img/creation/job_0_small.png') no-repeat } -#creation div.jobs div.job1 { background: url('/img/creation/job_1_small.png') no-repeat } -#creation div.jobs div.job2 { background: url('/img/creation/job_2_small.png') no-repeat } -#creation div.jobs div.job3 { background: url('/img/creation/job_3_small.png') no-repeat } + +#creation div.jobs div.job0 { + background:url('/img/creation/job_0_small.png') no-repeat; +} + +#creation div.jobs div.job1 { + background:url('/img/creation/job_1_small.png') no-repeat; +} + +#creation div.jobs div.job2 { + background:url('/img/creation/job_2_small.png') no-repeat; +} + +#creation div.jobs div.job3 { + background:url('/img/creation/job_3_small.png') no-repeat; +} + #creation div.jobs div.job p { - margin: 59px 1px 0; - font-size: 14px; - padding: 3px 0 4px; - text-align: center; - color: #bbb; - border-top: solid 1px #bbb; - background: url('/img/creation/job_bg.png'); + margin:59px 1px 0; + font-size:14px; + padding:3px 0 4px; + text-align:center; + color:#bbb; + border-top:solid 1px #bbb; + background:url('/img/creation/job_bg.png'); } + #creation div.jobs div.job.active p { - font-weight: bold; - color: white; + font-weight:bold; + color:white; } -#creation div.jobDescription p { display: none } + +#creation div.jobDescription p { + display:none; +} + #creation div.jobDescription p.active { - display: block; - margin: 20px 20px 0; - min-height: 100px; + display:block; + margin:20px 20px 0; + min-height:100px; } -#creation div.genders div { display: none } + +#creation div.genders div { + display:none; +} + #creation div.genders div.active { - display: block; - overflow: auto; + display:block; + overflow:auto; } -#creation div.genders div img { display: none } -#creation div.genders div img.active { display: inline } + +#creation div.genders div img { + display:none; +} + +#creation div.genders div img.active { + display:inline; +} + #creation div.genders a { - float: left; - width: 232px; - display: inline-block; - text-decoration: none; - text-align: center; - color: black; - font-weight: bold; + float:left; + width:232px; + display:inline-block; + text-decoration:none; + text-align:center; + color:black; + font-weight:bold; } + #creation div.serverAndName { - background: 100% 100% no-repeat; - min-height: 370px; - width: 470px; - padding: 20px 0 0 0; + background:100% 100% no-repeat; + min-height:370px; + width:470px; + padding:20px 0 0 0; } + #creation div.completed div { - background: 100% 100% no-repeat; - min-height: 350px; - padding: 40px 0 0 0; - width: 470px; + background:100% 100% no-repeat; + min-height:350px; + padding:40px 0 0 0; + width:470px; } -#creation div.serverAndName.job0, -#creation div.completed.job0 div { background-image: url('/img/creation/job_0.png') } -#creation div.serverAndName.job1, -#creation div.completed.job1 div { background-image: url('/img/creation/job_1.png') } -#creation div.serverAndName.job2, -#creation div.completed.job2 div { background-image: url('/img/creation/job_2.png') } -#creation div.serverAndName.job3, -#creation div.completed.job3 div { background-image: url('/img/creation/job_3.png') } -#creation div.serverAndName.job4, -#creation div.completed.job4 div { background-image: url('/img/creation/job_4.png') } -#creation div.serverAndName.job5, -#creation div.completed.job5 div { background-image: url('/img/creation/job_5.png') } -#creation div.serverAndName.job6, -#creation div.completed.job6 div { background-image: url('/img/creation/job_6.png') } -#creation div.serverAndName.job7, -#creation div.completed.job7 div { background-image: url('/img/creation/job_7.png') } -#creation div.serverAndName h4, -#creation div.completed h4 { - float: left; - padding: 10px 10px 0 40px; - min-width: 85px; + +#creation div.serverAndName.job0, #creation div.completed.job0 div { + background-image:url('/img/creation/job_0.png'); } -#creation div.serverAndName p.check, -#creation div.completed p.check { - background: url('/img/ok.gif') 0 7px no-repeat; - margin: 0 0 0 10px; - padding: 10px 0 20px 0; + +#creation div.serverAndName.job1, #creation div.completed.job1 div { + background-image:url('/img/creation/job_1.png'); } -#creation div.completed p { margin: 0 10px } + +#creation div.serverAndName.job2, #creation div.completed.job2 div { + background-image:url('/img/creation/job_2.png'); +} + +#creation div.serverAndName.job3, #creation div.completed.job3 div { + background-image:url('/img/creation/job_3.png'); +} + +#creation div.serverAndName.job4, #creation div.completed.job4 div { + background-image:url('/img/creation/job_4.png'); +} + +#creation div.serverAndName.job5, #creation div.completed.job5 div { + background-image:url('/img/creation/job_5.png'); +} + +#creation div.serverAndName.job6, #creation div.completed.job6 div { + background-image:url('/img/creation/job_6.png'); +} + +#creation div.serverAndName.job7, #creation div.completed.job7 div { + background-image:url('/img/creation/job_7.png'); +} + +#creation div.serverAndName h4, #creation div.completed h4 { + float:left; + padding:10px 10px 0 40px; + min-width:85px; +} + +#creation div.serverAndName p.check, #creation div.completed p.check { + background:url('/img/ok.gif') 0 7px no-repeat; + margin:0 0 0 10px; + padding:10px 0 20px 0; +} + +#creation div.completed p { + margin:0 10px; +} + #creation div.completed p.small { - background: 0; - width: 220px; - margin: 35px 0 0 10px; - text-align: left; + background:none; + width:220px; + margin:35px 0 0 10px; + text-align:left; } + #creation div.completed a { background: url('/img/btn-big.jpg') no-repeat; - border: 0; - color: #dfbf8b; - cursor: pointer; - display: block; - font-size: 18px; - font-weight: bold; - height: 38px; - letter-spacing: .01em; - line-height: 36px; - margin: 10px 0 25px 8px; - text-align: center; - text-shadow: -1px -1px #000; - width: 287px; - text-decoration: none; + border:none; + color:#dfbf8b; + cursor:pointer; + display:block; + font-size:18px; + font-weight:bold; + height:38px; + letter-spacing:0.01em; + line-height:36px; + margin:10px 0 25px 8px; + text-align:center; + text-shadow:-1px -1px #000000; + width:287px; + text-decoration:none; } + #creation div.completed a:hover { - background-position: 0 -38px; - color: #fff; + background-position:0 -38px; + color:#ffffff; } -#creation div.serverAndName form { margin: 60px 0 0 10px } + +#creation div.serverAndName form { + margin:60px 0 0 10px; +} + #creation div.serverAndName label { - color: #4a1e00; - display: block; - font-size: 12px; - font-weight: bold; - margin: 0 0 5px; + color:#4a1e00; + display:block; + font-size:12px; + font-weight:bold; + margin:0 0 5px; } -#creation div.server, -#creation div.name { margin: 10px 0 } + +#creation div.server, #creation div.name { + margin:10px 0; +} + #creation div.serverAndName select { - background: url('/img/form-input-bg.gif') repeat-x; - width: 208px; - height: 22px; - border: solid 1px #622400; - color: #534236; - font-size: 16px; - font-weight: bold; - height: 32px; - padding: 5px 10px; - width: 286px; + background:url('/img/form-input-bg.gif') repeat-x; + width:208px; + height:22px; + border:solid 1px #622400; + color:#534236; + font-size:16px; + font-weight:bold; + height:32px; + padding:5px 10px; + width:286px; } + #creation div.serverAndName input { - background: url('/img/form-input-bg.gif') repeat-x; - width: 208px; - height: 22px; - border: solid 1px #622400; - color: #534236; - font-size: 16px; - font-weight: bold; - height: 20px; - padding: 5px 10px; - width: 265px; + background:url('/img/form-input-bg.gif') repeat-x; + width:208px; + height:22px; + border:solid 1px #622400; + color:#534236; + font-size:16px; + font-weight:bold; + height:20px; + padding:5px 10px; + width:265px; } + #creation #submit { background: url('/img/btn-big.jpg') no-repeat; - border: 0; - color: #dfbf8b; - cursor: pointer; - display: block; - font-size: 18px; - font-weight: bold; - height: 38px; - letter-spacing: .01em; - line-height: normal; - margin: 25px 0; - text-align: center; - text-shadow: -1px -1px #000; - width: 287px; + border:none; + color:#dfbf8b; + cursor:pointer; + display:block; + font-size:18px; + font-weight:bold; + height:38px; + letter-spacing:0.01em; + line-height:normal; + margin:25px 0; + text-align:center; + text-shadow:-1px -1px #000000; + width:287px; } + #creation #submit:hover { - background-position: 0 -38px; - color: #fff; - text-decoration: none; + background-position:0 -38px; + color:#fff; + text-decoration:none; } -.btn-big.togallery { margin: 30px auto } -.btn.awards { margin: 2px auto 10px } + +/* Comicevent */ + +.btn-big.togallery { + margin: 30px auto; +} + +.btn.awards { + margin: 2px auto 10px; +} + ul.rules li { background: url(/img/bullet.gif) 0 2px no-repeat; padding: 3px 25px 5px; } + #screenshots div { width: 116px; float: left; text-align: center; } + #screenshots.comic a { color: #fff; position: relative; line-height: 25px; } + #screenshots.comic span { background: url(/img/votes.png) no-repeat; color: #000; @@ -3190,22 +3608,27 @@ ul.rules li { text-align: center; width: 100px; } -#screenshots a { text-decoration: none } + +#screenshots a {text-decoration:none;} + #screenshots img { max-height: 75px; max-width: 100px; } + a.comic_detail { position: relative; max-height: 200px; max-width: 300px; } + .comic_detail img { border: 2px solid #573706; max-height: 200px; max-width: 300px; margin: 0 auto 10px; } + .comic_detail span.zoom { background: url(/img/detail.png) no-repeat; display: block; @@ -3215,11 +3638,16 @@ a.comic_detail { top: 80px; width: 50px; } -p.awards { padding: 10px 10px 15px } + +p.awards { + padding: 10px 10px 15px; +} + p.votes { font-size: 14px; - text-align: center; + text-align:center; } + p.votes span { background: url(/img/votes.png) no-repeat left 2px; height: 20px; @@ -3227,37 +3655,48 @@ p.votes span { margin: 0 0 10px 0; padding: 5px 0 10px 26px; } -#page .vote_btn { margin-top: 10px } + +#page .vote_btn { + margin-top: 10px; +} + p.advice { - border: 2px solid #7b1300; + border: 2px solid #7B1300; border-radius: 5px; - color: #7b1300; + color: #7B1300; font-size: 14px; margin: 10px auto; padding: 10px; text-align: center; width: 300px; } -p.advice a { color: #7b1300 } + +p.advice a { + color: #7B1300; +} + p.social { font-size: 12px; font-weight: bold; margin: 10px auto; width: 300px; } + p.social span { float: left; line-height: 30px; } -a.facebook, -a.twitter { + +a.facebook, a.twitter { background: url(/img/facebook-icon.png) no-repeat; float: left; margin: 0 0 0 10px; height: 30px; width: 30px; } -a.twitter { background-image: url(/img/twitter-icon.png) } + +a.twitter {background-image: url(/img/twitter-icon.png);} + a.back_link { color: #000; float: left; @@ -3265,12 +3704,15 @@ a.back_link { text-decoration: none; width: 500px; } -a:hover.back_link { text-decoration: underline } + +a:hover.back_link {text-decoration:underline;} + #fancybox-title { - color: #fff!important; - font-size: 14px!important; - font-weight: bold!important; + color: #fff !important; + font-size: 14px !important; + font-weight: bold !important; } + #tip7-title span.votes { display: block; height: 25px; @@ -3278,68 +3720,90 @@ a:hover.back_link { text-decoration: underline } text-align: right; width: 100%; } + #tip7-title span.votes img { float: right; margin: 0 0 0 5px; } + #tip7-title p { padding: 10px 0 15px; text-align: left; } -#tip7-title .btn-big { margin-bottom: 0 } + +#tip7-title .btn-big { + margin-bottom: 0; +} +/* Comicevent end*/ + +/* Cos-Play Start*/ + .contest-inner-content p { - padding: 10px 40px 10px 32px; - width: 420px; - text-align: justify; + padding:10px 40px 10px 32px; + width:420px; + text-align:justify; } + .inner-form-box p { - padding: 10px 0 10px 0; - width: 398px; + padding:10px 0px 10px 0px; + width:398px; } + .inner-form-box h5 { - font-weight: bold; - font-size: 12px; - margin-bottom: 5px; + font-weight:bold; + font-size:12px; + margin-bottom:5px; } + .inner-form-box h6 { - color: #000; - font-weight: normal; - font-size: 12px; - margin-bottom: 5px; + color:#000; + font-weight:normal; + font-size:12px; + margin-bottom:5px; } + .inner-form-box img { - float: right; - padding: 20px auto; + float:right; + padding:20px auto; } + .inner-form-box label { - display: block; - color: #4a1e00; - font-size: 12px; - font-weight: bold; - margin: 6px 0 2px 0; + display:block; + color:#4a1e00; + font-size:12px; + font-weight:bold; + margin:6px 0 2px 0; } + p.cosplayDoneOk { - width: 340px; - text-align: justify; - padding: 20px 0; - float: left; + width:340px; + text-align:justify; + padding:20px 0; + float:left; } + p.cosplayDoneNo { - width: 280px; - text-align: justify; - padding: 20px 10px; - float: left; + width:280px; + text-align:justify; + padding:20px 10px; + float:left; } + img.cosplayDone { - float: left; - padding: 0 0 20px 0; - height: 250px; + float:left; + padding:0 0 20px 0; + height:250px; } + +/* Cos-Play End*/ + +/* phishing page start */ .highlighted { - color: #000!important; - font-weight: bold!important; - font-style: normal!important; + color:#000000 !important; + font-weight:bold !important; + font-style:normal !important; } + .securitybox-info { background: url("/img/securitybox.jpg") no-repeat scroll 0 0 transparent; min-height: 120px; @@ -3347,7 +3811,11 @@ img.cosplayDone { position: relative; width: 467px; } -.securitybox-info p { width: 280px } + +.securitybox-info p { + width: 280px; +} + .securitybox { background: url("/img/empire-box-bg.jpg") no-repeat scroll 0 0 transparent; min-height: 90px; @@ -3355,84 +3823,105 @@ img.cosplayDone { position: relative; width: 467px; } -.securitybox p { width: 467px } + +.securitybox p{ + width:467px; +} + .securitybox ul { list-style-type: square; padding-left: 15px; } +/* phishing page end */ + +/* Servermerge Start */ .smfaqunderline { background: url("/img/shadow-line.png") no-repeat scroll left bottom transparent; - color: #7b1300; + color: #7B1300; font-size: 11px; margin: 2px 0 0; padding-bottom: 8px; } + .smfaqbox { - background: url("/img/smfaqbox.jpg") no-repeat scroll 0 0 transparent; + background:url("/img/smfaqbox.jpg") no-repeat scroll 0 0 transparent; min-height: 169px; padding: 7px 190px 7px 9px; width: 465px; } + .smfaqlinks { background: url("/img/smfaqlinks.png") no-repeat scroll -3px 3px transparent; margin-left: 9px; padding-left: 24px; } + .smserverselect { position: relative; - float: left; + float:left; } -.smserverselect a { margin-bottom: 10px } -.smserverselect a:hover { text-decoration: none } + +.smserverselect a { + margin-bottom: 10px; +} + +.smserverselect a:hover { + text-decoration:none; +} + .smserverselectold1 { position: absolute; color: black; - text-align: center; + text-align:center; width: 130px; left: 10px; top: 10px; } + .smserverselectold2 { position: absolute; color: black; - text-align: center; + text-align:center; width: 130px; left: 10px; top: 23px; } + .smserverselectold3 { position: absolute; color: black; - text-align: center; + text-align:center; width: 130px; left: 10px; top: 36px; } + .smserverselectold4 { position: absolute; color: black; - text-align: center; + text-align:center; width: 130px; left: 10px; top: 49px; } + .smserverselectnew1 { position: absolute; - font-size: 14px; - font-weight: bold; - color: #fef6aa; + font-size:14px; + font-weight:bold; + color:#FEF6AA; left: 175px; top: 30px; } -.clearfix:before, -.clearfix:after { - content: ""; - display: table; -} -.clearfix:after { clear: both } -.clearfix { zoom: 1 } -.clearfloat { - font-size: 1px; - clear: both; - height: 0; -} +/* Servermerge End */ + +/* +############################ +#### HELPER CLASSES +############################ +*/ + +.clearfix:before, .clearfix:after { content: ""; display: table; } +.clearfix:after { clear: both; } +.clearfix { zoom: 1; } +.clearfloat {font-size:1px;clear:both; height:0;} diff --git a/public/css/plugins.css b/public/css/plugins.css index cf521bb..c70ba4b 100644 --- a/public/css/plugins.css +++ b/public/css/plugins.css @@ -37,6 +37,8 @@ display:none } #register #pwInfo, +#lostPasswordCode #pwInfo, +#changePw #pwInfo, .formError .formErrorContent { background:url("/img/tooltip-bg.png") repeat-x scroll 0 0 #B9A16E; border:1px solid #60430a; @@ -64,7 +66,7 @@ #registerForm .tacformError {left:760px !important;} -.greenPopup .formErrorContent { +.greenPopup .formErrorContent { width:235px; } .blackPopup .formErrorContent { @@ -143,7 +145,7 @@ background:transparent url(/img/secure-pwd-bar.gif) no-repeat 0 -13px; font-size:1px; height:13px; - + } #securePwd #securePwdBar {float:left; background-position:0 0; width:0px;} #pwdWarning { @@ -168,8 +170,12 @@ #toPwInfo {font-size:11px; color:#8D0404; cursor:pointer;} -#registerForm img {display:inline;} -#register #pwInfo { +#registerForm img, +#lostPasswordCodeForm img, +#changepwForm img {display:inline;} +#register #pwInfo, +#lostPasswordCode #pwInfo, +#changePw #pwInfo { left:55px; font-weight:normal; padding:10px; @@ -180,7 +186,9 @@ #pwInfo {display:none;} -#register #pwInfo h3 { +#register #pwInfo h3, +#lostPasswordCode #pwInfo h3, +#changePw #pwInfo h3 { color:#8D0404; font-size:12px; min-height:15px; @@ -195,6 +203,12 @@ padding:0 0 0 20px; } +#pwInfo p { + margin:0; + font-weight:normal; + font-size:11px; +} + .nodisplay { display: none; } @@ -206,20 +220,20 @@ .simple_overlay { - + /* must be initially hidden */ display:none; /* place overlay on top of other elements */ z-index:10000; /* styling */ background-color:#333; - width:675px; + width:675px; min-height:200px; border:1px solid #666; position:fixed; /* CSS3 styling for latest browsers */ -moz-box-shadow:0 0 90px 5px #000; - -webkit-box-shadow: 0 0 90px #000; + -webkit-box-shadow: 0 0 90px #000; } /* close button positioned on upper right corner */ @@ -243,11 +257,11 @@ .forward, .back, .info {background:#D8C79C;} .forward, .back { - + /* absolute positioning relative to the overlay */ position:absolute; - top:40%; - border:1px solid #666; + top:40%; + border:1px solid #666; cursor:pointer; display:block; padding:10px 20px; @@ -258,7 +272,7 @@ width:20px; /* upcoming CSS3 features */ -moz-border-radius:5px; - -webkit-border-radius:5px; + -webkit-border-radius:5px; } .back { @@ -278,7 +292,7 @@ -moz-border-radius-topright:0; -moz-border-radius-bottomright:0; -webkit-border-bottom-right-radius:0; - -webkit-border-top-right-radius:0; + -webkit-border-top-right-radius:0; } .forward:hover {background:#D8C79C url(/img/nextlabel-hover.gif) no-repeat center center;} @@ -286,14 +300,14 @@ /* when there is no next or previous link available this class is added */ .disabled { - visibility:hidden; + visibility:hidden; } /* the "information box" */ .info { position:absolute; bottom:0; - left:0; + left:0; padding:10px 15px; color:#160400; font-size:11px; @@ -301,7 +315,7 @@ } .info strong { - display:block; + display:block; } /* progress indicator (animated gif). should be initially hidden */ @@ -336,68 +350,68 @@ width:553px; } -.navi { - margin-left:328px; - width:200px; - height:20px; -} - - -/* items inside navigator */ -.navi a { - width:8px; - height:8px; - float:left; - margin:3px; - background:url(/img/scrollable/arrow/navigator.png) 0 0 no-repeat; - display:block; - font-size:1px; -} - -/* mouseover state */ -.navi a:hover { - background-position:0 -8px; -} - -/* active state (current page state) */ -.navi a.active { - background-position:0 -16px; +.navi { + margin-left:328px; + width:200px; + height:20px; } -div.scrollable { - - /* required settings */ - position:relative; - overflow:hidden; - width:553px; - height:574px; -} - -/* - root element for scrollable items. Must be absolutely positioned - and it should have a extremely large width to accomodate scrollable items. - it's enough that you set width and height for the root element and - not for this element. -*/ -div.scrollable div.items { - /* this cannot be too large */ - width:20000em; - position:absolute; - clear:both; -} - -/* - a single item. must be floated in horizontal scrolling. - typically, this element is the one that *you* will style - the most. -*/ +/* items inside navigator */ +.navi a { + width:8px; + height:8px; + float:left; + margin:3px; + background:url(/img/scrollable/arrow/navigator.png) 0 0 no-repeat; + display:block; + font-size:1px; +} + +/* mouseover state */ +.navi a:hover { + background-position:0 -8px; +} + +/* active state (current page state) */ +.navi a.active { + background-position:0 -16px; +} + +div.scrollable { + + /* required settings */ + position:relative; + overflow:hidden; + width:553px; + height:574px; +} + +/* + root element for scrollable items. Must be absolutely positioned + and it should have a extremely large width to accomodate scrollable items. + it's enough that you set width and height for the root element and + not for this element. +*/ +div.scrollable div.items { + /* this cannot be too large */ + width:20000em; + position:absolute; + clear:both; + +} + +/* + a single item. must be floated in horizontal scrolling. + typically, this element is the one that *you* will style + the most. +*/ div.scrollable div.items div { - float:left; - height:515px; + float:left; + height:515px; width:481px; padding:49px 36px 10px; -} +} div.scrollable div.items div p.pager { margin:9px 0 0; @@ -553,7 +567,7 @@ a.left:hover { * Simple and fancy lightbox alternative * * Examples and documentation at: http://fancybox.net - * + * * Copyright (c) 2008 - 2010 Janis Skarnelis * * Version: 1.3.1 (05/03/2010) @@ -745,6 +759,7 @@ a.left:hover { #fancybox-title-left { padding-left: 15px; background-image: url('/img/fancybox/fancy_title_left.png'); + background-position: -40px -90px; background-repeat: no-repeat; } @@ -759,6 +774,7 @@ a.left:hover { #fancybox-title-right { padding-left: 15px; background-image: url('/img/fancybox/fancy_title_right.png'); + background-position: -55px -90px; background-repeat: no-repeat; } @@ -853,7 +869,7 @@ a.left:hover { bottom: -20px; right: -20px; background-image: url('/img/fancybox/fancybox.png'); - background-position: -40px -182px; + background-position: -40px -182px; } #fancy-bg-s { @@ -907,3 +923,48 @@ a.left:hover { .fancybox-ie #fancy-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/fancybox/fancy_shadow_sw.png', sizingMethod='scale'); } .fancybox-ie #fancy-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/fancybox/fancy_shadow_w.png', sizingMethod='scale'); } .fancybox-ie #fancy-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/fancybox/fancy_shadow_nw.png', sizingMethod='scale'); } + +/**************************************/ +/* Slider */ +/**************************************/ + +.coda-slider-wrapper { padding: 0 0 } +/*.coda-slider { background: #ebebeb }*/ +#coda-slider-1 { height: 170px; } + +/* Use this to keep the slider content contained in a box even when JavaScript is disabled */ +.coda-slider-no-js .coda-slider { height: 150px; overflow: hidden !important; padding-right: 20px } + +/* Change the width of the entire slider (without dynamic arrows) */ +.coda-slider, .coda-slider .panel { width: 480px } + +/* Change margin and width of the slider (with dynamic arrows) */ +.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 235px } +.coda-slider-wrapper.arrows .coda-slider { margin: 0 0px } + +/* Arrow styling */ +.coda-nav-left a, .coda-nav-right a { background: #000; color: #fff; padding: 0px; width: 20px } + +/* Tab nav */ +.coda-nav ul li a.current { background: white } + +/* Panel padding */ +.coda-slider .panel-wrapper { padding: 0px; width:480px; height:150px; } + +/* Preloader */ +.coda-slider p.loading { padding: 20px; text-align: center } + +/* Don't change anything below here unless you know what you're doing */ + +/* Tabbed nav - enlargen height (>0px) to show tab butons */ +.coda-nav ul { clear: both; display: block; margin: auto; overflow: hidden; position: absolute; top: 145px; right: 50px; height: 0px;} +.coda-nav ul li { display: inline } +.coda-nav ul li a { background: #999; color: #fff; display: block; float: left; margin-right: 1px; padding: 3px 6px; text-decoration: none; } + +/* Miscellaneous */ +.coda-slider-wrapper { clear: both; overflow: auto; /* position:absolute; left:0px;*/ } +.coda-slider { float: left; overflow: hidden; position: relative } +.coda-slider .panel { display: block; float: left } +.coda-slider .panel-container { position: relative } +.coda-nav-left, .coda-nav-right { float: left } +.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none } diff --git a/public/img/video-border-bg.gif b/public/img/video-border-bg.gif new file mode 100644 index 0000000..e5029f4 Binary files /dev/null and b/public/img/video-border-bg.gif differ diff --git a/public/js/jquery.codaslider.min.js b/public/js/jquery.codaslider.min.js new file mode 100644 index 0000000..c27d270 --- /dev/null +++ b/public/js/jquery.codaslider.min.js @@ -0,0 +1 @@ +$(function(){});var sliderCount=1;$.fn.codaSlider=function(a){a=$.extend({autoHeight:true,autoHeightEaseDuration:1000,autoHeightEaseFunction:"easeInOutExpo",autoSlide:true,autoSlideInterval:7000,autoSlideStopWhenClicked:true,crossLinking:true,dynamicArrows:false,dynamicArrowLeftText:"« left",dynamicArrowRightText:"right »",dynamicTabs:true,dynamicTabsAlign:"right",dynamicTabsPosition:"bottom",externalTriggerSelector:"a.xtrig",firstPanelToLoad:1,panelTitleSelector:"h2.title",slideEaseDuration:1000,slideEaseFunction:"easeInOutExpo"},a);return this.each(function(){var e=$(this);if(a.dynamicArrows){e.parent().addClass("arrows");e.before('
'+a.dynamicArrowLeftText+"
");e.after('
'+a.dynamicArrowRightText+"
")}var b=e.find(".panel").width();var j=e.find(".panel").size();var k=b*j;var f=0;$(".panel",e).wrapAll('
');$(".panel-container",e).css({width:k});if(a.crossLinking&&location.hash&&parseInt(location.hash.slice(1))<=j){var c=parseInt(location.hash.slice(1));var g=-(b*(c-1));$(".panel-container",e).css({marginLeft:g})}else{if(a.firstPanelToLoad!=1&&a.firstPanelToLoad<=j){var c=a.firstPanelToLoad;var g=-(b*(c-1));$(".panel-container",e).css({marginLeft:g})}else{var c=1}}if(a.dynamicTabs){var i='
';switch(a.dynamicTabsPosition){case"bottom":e.parent().append(i);break;default:e.parent().prepend(i);break}ul=$("#coda-nav-"+sliderCount+" ul");$(".panel",e).each(function(l){ul.append('
  • '+$(this).find(a.panelTitleSelector).text()+"
  • ")});navContainerWidth=e.width()+e.siblings(".coda-nav-left").width()+e.siblings(".coda-nav-right").width();ul.parent().css({width:navContainerWidth});switch(a.dynamicTabsAlign){case"center":ul.css({width:($("li",ul).width()+2)*j});break;case"right":ul.css({"float":"right"});break}}$("#coda-nav-"+sliderCount+" a").each(function(l){$(this).bind("click",function(){f++;$(this).addClass("current").parents("ul").find("a").not($(this)).removeClass("current");g=-(b*l);h(l);c=l+1;$(".panel-container",e).animate({marginLeft:g},a.slideEaseDuration,a.slideEaseFunction);if(!a.crossLinking){return false}})});$(a.externalTriggerSelector).each(function(){if(sliderCount==parseInt($(this).attr("rel").slice(12))){$(this).bind("click",function(){f++;targetPanel=parseInt($(this).attr("href").slice(1));g=-(b*(targetPanel-1));h(targetPanel-1);c=targetPanel;e.siblings(".coda-nav").find("a").removeClass("current").parents("ul").find("li:eq("+(targetPanel-1)+") a").addClass("current");$(".panel-container",e).animate({marginLeft:g},a.slideEaseDuration,a.slideEaseFunction);if(!a.crossLinking){return false}})}});if(a.crossLinking&&location.hash&&parseInt(location.hash.slice(1))<=j){$("#coda-nav-"+sliderCount+" a:eq("+(location.hash.slice(1)-1)+")").addClass("current")}else{if(a.firstPanelToLoad!=1&&a.firstPanelToLoad<=j){$("#coda-nav-"+sliderCount+" a:eq("+(a.firstPanelToLoad-1)+")").addClass("current")}else{$("#coda-nav-"+sliderCount+" a:eq(0)").addClass("current")}}if(a.autoHeight){panelHeight=$(".panel:eq("+(c-1)+")",e).height();e.css({height:panelHeight})}if(a.autoSlide){e.ready(function(){setTimeout(d,a.autoSlideInterval)})}function h(l){if(a.autoHeight){panelHeight=$(".panel:eq("+l+")",e).height();e.animate({height:panelHeight},a.autoHeightEaseDuration,a.autoHeightEaseFunction)}}function d(){if(f==0||!a.autoSlideStopWhenClicked){if(c==j){var l=0;c=1}else{var l=-(b*c);c+=1}h(c-1);e.siblings(".coda-nav").find("a").removeClass("current").parents("ul").find("li:eq("+(c-1)+") a").addClass("current");$(".panel-container",e).animate({marginLeft:l},a.slideEaseDuration,a.slideEaseFunction);setTimeout(d,a.autoSlideInterval)}}$(".panel",e).show().end().find("p.loading").remove();e.removeClass("preload");sliderCount++})}; diff --git a/public/js/jquery.easing.min.js b/public/js/jquery.easing.min.js new file mode 100644 index 0000000..128042b --- /dev/null +++ b/public/js/jquery.easing.min.js @@ -0,0 +1 @@ +jQuery.easing.jswing=jQuery.easing.swing;jQuery.extend(jQuery.easing,{def:"easeOutQuad",swing:function(e,f,a,h,g){return jQuery.easing[jQuery.easing.def](e,f,a,h,g)},easeInQuad:function(e,f,a,h,g){return h*(f/=g)*f+a},easeOutQuad:function(e,f,a,h,g){return -h*(f/=g)*(f-2)+a},easeInOutQuad:function(e,f,a,h,g){if((f/=g/2)<1){return h/2*f*f+a}return -h/2*((--f)*(f-2)-1)+a},easeInCubic:function(e,f,a,h,g){return h*(f/=g)*f*f+a},easeOutCubic:function(e,f,a,h,g){return h*((f=f/g-1)*f*f+1)+a},easeInOutCubic:function(e,f,a,h,g){if((f/=g/2)<1){return h/2*f*f*f+a}return h/2*((f-=2)*f*f+2)+a},easeInQuart:function(e,f,a,h,g){return h*(f/=g)*f*f*f+a},easeOutQuart:function(e,f,a,h,g){return -h*((f=f/g-1)*f*f*f-1)+a},easeInOutQuart:function(e,f,a,h,g){if((f/=g/2)<1){return h/2*f*f*f*f+a}return -h/2*((f-=2)*f*f*f-2)+a},easeInQuint:function(e,f,a,h,g){return h*(f/=g)*f*f*f*f+a},easeOutQuint:function(e,f,a,h,g){return h*((f=f/g-1)*f*f*f*f+1)+a},easeInOutQuint:function(e,f,a,h,g){if((f/=g/2)<1){return h/2*f*f*f*f*f+a}return h/2*((f-=2)*f*f*f*f+2)+a},easeInSine:function(e,f,a,h,g){return -h*Math.cos(f/g*(Math.PI/2))+h+a},easeOutSine:function(e,f,a,h,g){return h*Math.sin(f/g*(Math.PI/2))+a},easeInOutSine:function(e,f,a,h,g){return -h/2*(Math.cos(Math.PI*f/g)-1)+a},easeInExpo:function(e,f,a,h,g){return(f==0)?a:h*Math.pow(2,10*(f/g-1))+a},easeOutExpo:function(e,f,a,h,g){return(f==g)?a+h:h*(-Math.pow(2,-10*f/g)+1)+a},easeInOutExpo:function(e,f,a,h,g){if(f==0){return a}if(f==g){return a+h}if((f/=g/2)<1){return h/2*Math.pow(2,10*(f-1))+a}return h/2*(-Math.pow(2,-10*--f)+2)+a},easeInCirc:function(e,f,a,h,g){return -h*(Math.sqrt(1-(f/=g)*f)-1)+a},easeOutCirc:function(e,f,a,h,g){return h*Math.sqrt(1-(f=f/g-1)*f)+a},easeInOutCirc:function(e,f,a,h,g){if((f/=g/2)<1){return -h/2*(Math.sqrt(1-f*f)-1)+a}return h/2*(Math.sqrt(1-(f-=2)*f)+1)+a},easeInElastic:function(f,h,e,l,k){var i=1.70158;var j=0;var g=l;if(h==0){return e}if((h/=k)==1){return e+l}if(!j){j=k*0.3}if(g + + diff --git a/resources/views/main/home.blade.php b/resources/views/main/home.blade.php index 785f66f..e52ab2d 100644 --- a/resources/views/main/home.blade.php +++ b/resources/views/main/home.blade.php @@ -31,10 +31,21 @@ -
    + +
    @@ -53,6 +64,37 @@
    +
    +
    +
    +

    Noutăți

    +
    +
      +
    • +

      26.06.2013 11:00:52

      +

      Ziua tricolorului

      +

      Dragi jucatori,
      bucurati-va de aceasta zi si totodata, profitati de 50% xp si 6 ore de drop cutii hexagonale, de la ora 18:00 pana la miezul noptii.
      Numai bine,
      Echipa Metin2

      +
    • +
    • +

      24.06.2013 08:40:04

      +

      Obtine un frumos Panda!

      +


      Draga comunitate,
      profita de sansa de a detine acest frumos Panda ce va fi disponibil in itemshop de pe 24.06.2013 ora 12:00 pana la miezul noptii, pe 01.07.2013.
      Deasemenea, in aceeasi [...]

      +
    • +
    • +

      14.06.2013 09:08:18

      +

      +15% Happy Hour si un frumos Ursulet Polar!

      +

      Draga comunitate
      Binevointa Zeului Dragon radiaza peste cele trei regate!
      Profita de aceasta oportunitate si procura-ti cu 15% mai multe Monede Dragon azi! 14.06.2013 incepand cu ora 12;00 pana [...]

      +
    • +
    + Mergi la noutăți +
    +
    +
    +
    +
    + +
    +
    @@ -98,6 +140,14 @@ prev: '.back', speed: 800 }); + + $('#coda-slider-1').codaSlider({ + autoSlide: true, + autoHeight: false, + autoSlideInterval: 4000, + autoSlideStopWhenClicked: true, + dynamicArrows: false + }); }); @endsection diff --git a/resources/views/main/news.blade.php b/resources/views/main/news.blade.php new file mode 100644 index 0000000..6339558 --- /dev/null +++ b/resources/views/main/news.blade.php @@ -0,0 +1,101 @@ +@extends('layouts.app') + +@section('content') + +
    +
    +
    +
    +

    Noutăți

    +
    + + + + + + + + + + + + + + + + + + + + + + + + + +
    +

    Intretinere servere [Mentenanta: 06.03.2013]

    +

    Update client: 13.3.9
    [BUG] - Unele bufuri erau aratate in zile - rezolvat
    [BUG] - Jucatorii nu puteau urca pe mounturile puternice folosind ctrl+g - rezolvat
    +cateva alte problemele minore.

    +

    HalfOp

    + Mergi la forum +

    Wed 03 2013 09:46:20

    +
    +

    Happy hour [02.03.]

    +

    Draga comunitate,
    bucurati-va de 30% mai multe MD-uri pana la miezul noptii!
    A voastra, echipa Metin2

    +

    HalfOp

    + Mergi la forum +

    Sat 03 2013 11:13:03

    +
    +

    [Limited Edition] Dragon God Life, Intelligence, Attack, De[...]

    +

    [Limited Edition] Dragon God Life, Intelligence, Attack, Defence for DC!
    Dear community,
    for a limited period of time you will be able to receive the following items by using Dragon Coins instead the usual Dragon Marks! Please visit item shop from 2th of March 12:01(local time) until 3th of March 23:59 (local time)!
    Dragon God Attack
    Increases the damage you cause during a fight by 12-15% for 30 minutes.
    299DM 39 DC
    Dragon God Intelligence
    Increases your maximum SP by 20% for 30 minutes
    240DM 29 DC
    Dragon God Defence
    Lowers the damage you receive during a fight by 12-15% for 30 minutes.
    299DM 39 DC
    Dragon God Life
    Increases your maximum HP by 20% for 30 minutes.
    319DM 49 DC
    Your
    Metin2 Team

    +

    Azathor

    + Mergi la forum +

    Fri 03 2013 16:36:11

    +
    +

    The Metin2 family grows!

    +

    Dear community,
    today we have some information about Publisher G4BOX, the operator of Metin2's Canadian server. They will be closing down the game this spring. The fan community will be integrated into the Gameforge family so that they can continue to take part in the adventures within the Dragon God's kingdom. The users that consent will have their accounts relocated to our US server. Canadian players will then profit from our extensive experience with Metin2 in over 18 countries and will receive access to our events and our community. All details regarding the relocation will be announced in the coming weeks.
    Your
    Metin2 Team

    +

    Azathor

    + Mergi la forum +

    Fri 03 2013 16:00:28

    +
    +

    Happy hour [28.02]

    +

    Draga comunitate,
    Bucurati-va de 20% mai multe MD-uri pana la miezul noptii, astazi, 28.02.2013
    A voastra, echipa Metin2

    +

    HalfOp

    + Mergi la forum +

    Thu 02 2013 16:10:32

    +
    +

    Desert Storm Chest!

    +

    Dear community,
    Desert Storm Chest will be available in the Item Shop on Friday, 1st March from 12:00 till 00:00!
    The desert is a hostile place, where the sun burns down relentlessly all day long. A place where at night the cold chills right down to the bone.Without the right equipment it is almost impossible to survive. It was for this reason that a warrior prince chose to conceal a different kind of treasure to that of jewels and gold: his desert warrior uniform.
    With a sophisticated magic laid over it, the treasured contents only appear to those who have proven their venerability.
    This chest contains one of the following items: Desert Warrior (M, Bonus), Desert Warrior (F,Bonus), Magic Stone, Reinforce Item, Blacksmith Handbook, Dragon Scroll, Blessing Marble, Blessing Scroll, Book of the Leader, Passage Ticket, Stone Handbook, Medal of the Dragon or Blessing of Life.
    Your
    Metin2 team

    +

    Azathor

    + Mergi la forum +

    Thu 02 2013 16:03:44

    +
    +

    La multi ani Metin2.ro.. ai imbatranit iar

    +


    Draga comunitate,
    in Februarie 2009 Gameforge a lansat Metin2 in Romania. Nu este minunat cum timpul zboara? De 4 ani deja, v-ati putut crea un nume si ati putut pasi in lumea Metin2 in limba romana. Este un motiv suficient pentru a sarbatori, drept urmare, pentru intreaga zi de Duminica, 3 Martie, vom activa un Bonus de experienta de 50%. Deasemenea monstrii si bosii vor dropa Cutii hexagonale pe toata durata zilei.
    Bucurati-va! E ziua voastra.
    A voastra, echipa Metin2

    +

    HalfOp

    + Mergi la forum +

    Tue 02 2013 12:22:19

    +
    +

    Inceputul unei noi ere!

    +


    Draga Comunitate,
    Asteptarea a ajuns in sfarsit la final - semnalele pentru un update imens al Metin2-ului au fost lansate. Echipati-va armele si porniti intr-o noua era:
    Cuceriti Piatra Dragonului Intunecat acum!
    Pentru mult timp, aceasta insula secreta a fost ascunsa, dar acum panza de ceata a misterului s-a ridicat. Afla-te printre primii care pasesc intr-un taram neexplorat. Invata arta misterioasa de Alchimie a Pietrei Dragonului si foloseste-o pentru a deveni mai puternic ca niciodata. Vei avea nevoie de fiecare picatura de putere, pentru ca insula este deja populata: monstrii infricosatori de apa ai Armatei Tritonice sau bestii inaripate a clanului Manticore isi duc veachul in acest intuneric.
    In inima sinistra a acestui loc, zeul demon, Sung Mahi, va reinvia si va atinge forma lui maxima si infricosatoare - fii pregatit pentru lupta care va decide soarta umanitatii!
    A voastra, Echipa Metin2

    +

    HalfOp

    + Mergi la forum +

    Mon 02 2013 14:27:46

    +
    + + + + + +
    +   + + +
    +
    +
    +
    +
    +
     
    +
    +@endsection diff --git a/routes/web.php b/routes/web.php index 118f5a3..0c35489 100644 --- a/routes/web.php +++ b/routes/web.php @@ -20,6 +20,7 @@ Route::get('/', fn () => view('main/home')); Route::prefix('main')->group(function() { Route::get('/home', fn () => view('main/home')); Route::get('/media', fn () => view('main/media')); + Route::get('/news', fn () => view('main/news')); Route::get('/download', fn () => view('main/download')); Route::get('/highscore', fn () => view('main/highscore')); Route::get('/guildhighscore', fn () => view('main/guildhighscore'));