diff --git a/gpack/travian/main.css b/gpack/travian/main.css index 8e467f2a..89ae6e17 100644 --- a/gpack/travian/main.css +++ b/gpack/travian/main.css @@ -1,618 +1,1033 @@ -@CHARSET "UTF-8"; - -/* Allgemeines */ - -body { - background-color: #FFFFFF; - direction: ltr; - font-size: 13px; - line-height: 19px; - margin: 0; - text-align: left; -} - -html { - overflow-y: scroll; -} - -html, -body { - margin:0; - padding:0; - height:100%; -} - - -body, button, input, select, textarea {font-family: Arial, Verdana, Helvetica, sans-serif;} - -a {font-size: 13px; text-decoration: none;} -a, a:visited {color: #71D000;} -a:active {color: #FF8000;} -a:hover {color: #00BC00; text-decoration: underline;} - -#content a {font-weight: bold; } -#content a:hover {text-decoration: none;} - -img {border: 0;} -.clear {clear: both; display: block; font-size: 0; height: 0; line-height: 0; visibility: hidden;} - -ul.menu, div.menu ul {list-style-type: none; margin: 0; padding: 0;} -.menu li {float: left;} - -.wrapper {height: auto !important; height: 100%; min-height: 100%; min-width: 845px; position: relative; text-align: center;} -.wrapper #content {text-align: left;} - -img.dynamic_btn, img.dynamic_img {background-position:top; background-repeat: no-repeat;} -img.over {background-position:bottom;} -img.clicked {background-position:center;} - -/* Schriftgroesse */ -.f16 {font-size:16pt;} -.f10 {font-size:10pt;} -.f9 {font-size:9pt; line-height: 140%; font-weight:normal;} -.f8 {font-size:8pt;} -.f7 {font-size:7pt;} -.f6 {font-size:6pt;} - -/* e Schriftfarbe fuer Fehlermeldung Login/Anmeldung */ -.e {color:#FF8000;} - -/* Schriftfarbe fuer Inaktive Links */ -.c {color:#C0C0C0;} -.c0 {color:#000000;} -.c1 {color:#71D000;} -.c2 {color:#FF8000;} -.c3 {color:#228B22;} -.c4 {color:#F2C700;} -.c5 {color:#FF0000;} - -/* Dicke Schrift */ -.b {font-weight:bold} - -/* Dünne Schrift */ -.t {font-weight:normal;} - -h1, h2, h3, h4, h5, h6 { - -} - -h1 {margin:0;} - -body.contentPage h1 { - text-align: center; - padding-top: 70px; - margin-bottom: 40px; - font-size: 26px; -} -body.contentPage #content .characteristics, body.contentPage #content p, body.contentPage #content table, body.contentPage form { - margin: 15px 160px; -} - -body.contentPage .rules { - margin-left: 120px; - margin-right: 160px; -} - -body.contentPage ul { - margin-top: 15px; - margin-bottom: 15px; -} - -body.contentPage .rules strong { - color:#2A720B; -} - -body.contentPage .rules ul strong { - color:#3BAE18; -} - -body.contentPage form table { - margin: 0; -} - -body.contentPage table.table_data { - background-color: #C0C0C0; - text-align: center; -} - -body.contentPage table.table_data { - width: 550px; -} - -body.contentPage table.culture_points { - margin: 15px 110px; - width: 650px; -} - - -#tutorial_nav, body.contentPage table.tutorial_table { - table-layout: fixed; - background-color: #fff; - width: 550px; -} - -body.contentPage #content td li, body.contentPage #content td form { - margin:0px; -} - -body.contentPage #content td.beschreibung { - text-align: left; - padding-top: 50px; -} - -body.contentPage table.tutorial_table td.visual { - text-align: center; - font-size: 11px; - font-style: italic; -} - -body.contentPage table.tutorial_table td.visual img { - display:block; - margin: auto; -} - -#tutorial_nav td.nav_prev { - text-align: left; -} - -#tutorial_nav td.nav_next { - text-align: right; -} - - -body.contentPage table.table_data th { - background-color: #F5F5F5; -} - -body.contentPage table.table_data td { - background-color: #fff; -} - -body.contentPage table.middle { - table-layout: fixed; - width: 520px; -} - -body.contentPage table.middle input { - width: 80px; -} - -table.middle td.yes { - text-align: right; -} - -table.middle td.no { - text-align: left; -} - -td.text, th.text { - padding-left: 7px; - text-align: left; -} - -body.contentPage #content h2 { - font-size: 16px;color: #71d000;line-height: 20px; - margin: 50px 160px 10px; -} - -body.contentPage #content h3 { - margin: 15px 160px 5px; - font-size: 14px; line-height: 18px; -} - -body.contentPage #content table h3 { - margin: 3px; -} - - -body.contentPage #content ul { - margin-top: 5px; -} - - -#content .question { - padding-top: 30px; - font-style: italic; - color: #333; -} - -#content .answer { - -} - - -/* Layout */ - -body.indexPage {background: #fff url("images/main_background_front.jpg") repeat-x top;} -body.contentPage {background: #fff url("images/main_background_content.jpg") repeat-x top;} - -#header {position: absolute; margin: 0 auto;right: 0; left: 0; width: 100%;} -#header {top: 0px; z-index: 10;} - - - -body.indexPage #header {height: 389px; overflow: auto; background: transparent url("images/artwork.jpg") no-repeat top center;} -body.contentPage #header {height: 200px; background: transparent none;} - -#header h1 {display: none;} - -#country_select {position: absolute;top: 0;left: 0;width: 100%;height: 30px;z-index: 500;} -#country_select {background: #fff url("images/country_background.jpg") repeat-x top;} - -#navigation {position: absolute;top:52px;left: 50%;margin-left: -437px;width: 830px;height: 114px;z-index: 80;} -.contentPage #navigation {background: url("images/logo_background.jpg") no-repeat top left;} -#navigation .menu {} -#navigation table.menu {position: absolute; right: 25px;top: 30px;width: 500px;} -#navigation .menu td {text-align: center;} -#navigation .menu a {text-decoration: none; font-size: 14px;line-height: 20px;color: #333; text-shadow: 1px 1px 1px #fff;} -#navigation .menu a.mark {color: #a20327;} -#navigation a.home { - width: 250px; - height: 85px; - position: absolute; - left: 55px; - top:0px; -} - -#navigation .menu a {padding: 6px 10px 7px 0px;} -#navigation .menu a span {padding: 6px 0px 7px 10px;} - -#navigation .menu a:hover {background: transparent url("images/nav_right.gif") no-repeat scroll bottom right;} -#navigation .menu a:hover span {background: transparent url("images/nav_left.gif") no-repeat scroll bottom left;} - -.ie6 #navigation .menu a:hover, .ie7 #navigation .menu a:hover {background: transparent; } -.ie6 #navigation .menu a:hover span, .ie7 #navigation .menu a:hover span {background: transparent;} - -#navigation .menu a:active {background: transparent url("images/nav_right.gif") no-repeat scroll top right;} -#navigation .menu a:active span {background: transparent url("images/nav_left.gif") no-repeat scroll top left;} - -#register_now { - position: absolute; - left: 50%; - top: 277px; - margin-left: -151px; - color: #574b2e; - height: 50px; - width: 145px; - color: #574b2e; - font-weight: bold; - z-index: 250; -} - -#register_now a { - margin-top: 7px; - color: #574b2e; - font-size: 21px; - display: block; -} - -#register_now span { - font-size: 9px; -} - - -#t4play { - position: absolute; - left: 50%; - top: 109px; - margin-left: 30px; - - z-index: 250; -} - -#t4play img { - width: 460px; - height: 290px; -} - - - -#content {position: relative;z-index: 50;} - -body.indexPage #content {padding-top: 367px;padding-bottom: 120px;} -body.contentPage #content {padding-top: 177px;padding-bottom: 160px;} - -#content .grit {position: relative;margin: 0 auto;} - -body.indexPage #content .grit {width: 830px; background: transparent none;} -body.contentPage #content .grit {width: 840px; min-height: 400px; background: transparent url("images/content_background.jpg") no-repeat top left; } - -.grit .infobox { - float: left; - margin-right: 9px; - margin-left:15px; - min-height: 391px; - width: 378px; - background: transparent url("images/info_background.jpg") no-repeat top left; -} - -.grit .infobox div {padding-left: 43px;padding-right: 30px;} - -#what_is_travian {padding-top:5px;} -#what_is_travian p {margin: 0;} -#what_is_travian h2 {font-size: 18px;font-weight: normal;color: #71d000;line-height: 20px;margin-bottom: 10px; text-shadow: 0px 2px 1px #fff;} -#what_is_travian .play_now {margin: 10px 0;} - -#player_counter {position: relative; padding: 0;left: 23px;height: 98px;width: 330px;background: transparent url("images/count_background.jpg") no-repeat top left;} -#player_counter table {position: absolute;left: 135px;top: 20px;width: 165px;border-spacing: 0;} -#player_counter table th {font-weight: normal;} -#player_counter table td {font-weight: bold;} - -#about_the_game {} -#about_the_game h2 {font-size: 15px; line-height: 20px; margin-bottom: 5px;} -#about_the_game ul {margin: 0; padding: 0; margin-top: 5px; margin-left: 15px;} -#about_the_game li {line-height: 19px;} - - -#news_from_forum h2 {font-size: 15px; line-height: 20px; margin-bottom: 5px; cursor: pointer;} -#news_from_forum ul {margin: 0; padding: 0; margin-top: 5px; list-style: none; border-top: 1px solid #999; margin-right:10px;} -#news_from_forum li {line-height: 19px; border-bottom: 1px solid #999; padding: 3px 5px;} -#news_from_forum li a {font-weight: normal;} - - -.hide {display:none;} - -.grit .secondarybox { - float: left; - margin-top: 22px; - background: transparent url("images/news_background.jpg") repeat-y top left; - width: 397px; -} - - -.grit #screenshots { - position: relative; - height: 134px; - width: 397px; - background: transparent url("images/screenshots_background.jpg") no-repeat top left; -} - -.grit #screenshots .prev img { - display: none; -} - -#screenshots h2 { - margin:0px; - padding:23px 20px 0; - color: #fff; +@charset utf-8; +/* allgemeines */ +body +{ + background-color:#FFF; + direction:ltr; font-size:13px; -} - -#screenshots_preview { - height: 73px; - width: 294px; - position: absolute; - overflow: hidden; - margin: 7px 53px; - padding: 0; -} - -#screenshot_list { - list-style: none; - height: 73px; - padding: 0; - margin: 0; -} - -#screenshots .navi img { - position:absolute; - width: 26px; - height: 26px; - top: 70px; -} - -#screenshots .next img { - right:7px; - background-image: url("images/buttons_screenshots_next.gif"); -} -#screenshots .prev img { - left: 10px; - background-image: url("images/buttons_screenshots_prev.gif"); -} - - -#screenshot_list li {float:left;} -#screenshot_list img { - width: 98px; - height: 73px; -} - - - - -#newsbox { - padding-bottom: 25px; - background: transparent url("images/news_footer.jpg") no-repeat bottom left; -} - -#newsbox h2 { - display: block; - padding: 7px 15px 0px; - height: 30px; - margin: 0px; - - font-size: 17px; - color: #4c4c4c; - background: transparent url("images/news_header.jpg") no-repeat top left; - -} - -#newsbox .news { - width: 397px; - padding-bottom: 0px; - padding-left: 15px; - background: transparent url("images/news_spacer.jpg") no-repeat bottom left; -} - -#newsbox .news h4 { + line-height:19px; margin:0; - margin-top: 3px; -} -#newsbox .news p.date { - font-size: 11px; - color: #999; - padding-bottom: 0; + text-align:left } -#newsbox .news p { - margin: 0; - padding-bottom: 10px; - padding-right: 30px; +html +{ + overflow-y:scroll } - -/* Footer */ -#footer {position: absolute; margin: 0 auto;right: 0; left: 0;bottom: 0; height: 90px;z-index: 80;} -#footer {background: #F1F1F1 url("images/footer_background.jpg") repeat-x top;} -#footer .logo_traviangames {background-image: url("images/logo_traviangames.jpg");height: 34px; width: 182px;} -#footer .logo {position: absolute;top:20px;left:6px;} -#footer li, #footer a {color: #787878; font-size: 11px; line-height: 20px;} -#footer .menu {position: absolute; top: 18px; right: 9px;} -#footer .container {margin: 0 auto; position: relative; width: 840px;} -#footer .copyright {direction: ltr; clear: left; position: absolute; right: 3px; top: 20px;} -#footer ul.menu a {padding: 0 3px;} - - - - - - -.overlay {position: absolute;top:0px;left:0px;right: 0px;bottom: 0px;z-index: 400;} - -.overlay .mask { - position: fixed; - background-color: #000; - opacity: 0.25; - filter:alpha(opacity=25); - - width: 100%;height: 100%; +html,body +{ + height:100%; + margin:0; + padding:0 } -.overlay_content { - position: absolute; - top: 150px; - right: 50%; - z-index: 600; +body,button,input,select,textarea +{ + font-family:Arial, Verdana, Helvetica, sans-serif } -.overlay_content .closer img { - position: absolute; - right: 15px; - top: 15px; - background-image: url("images/popup_close.gif"); - height: 25px; - width: 25px; +a +{ + font-size:13px; + text-decoration:none } -.overlay_content .footer { +a:hover +{ + color:#00BC00; + text-decoration:underline +} + +#content a:hover +{ + text-decoration:none +} + +img +{ + border:0 +} + +.clear +{ clear:both; - height: 10px; + display:block; + font-size:0; + height:0; + line-height:0; + visibility:hidden } -.overlay_content h2, .overlay_content h4 { - margin:0px; - padding: 20px 20px 0; - font-size: 16px; - line-height: 20px; +ul.menu,div.menu ul +{ + list-style-type:none; + margin:0; + padding:0 } -#screenshot_layer {display: none;} -#screenshot_layer h3 {display:none;} -#screenshot_layer .overlay_content { - width: 644px; - margin-right: -322px; - background: #fff url("images/screenshot_background.gif") repeat-y top left; - text-align: center; -} -#screenshot_layer #frame_box {margin: 0 20px;} -#screenshot_layer h4 {text-align: center ;background: transparent url("images/screenshot_header.jpg") no-repeat top left; padding-bottom:15px;} -#screenshot_layer #screen_desc { - margin: 20px 0; - font-size: 12px; - padding: 0 40px; +.wrapper +{ + height:auto!important; + min-height:100%; + min-width:845px; + position:relative; + text-align:center } -.screenshot_view img { - border: 1px solid #ccc; +img.dynamic_btn,img.dynamic_img +{ + background-position:top; + background-repeat:no-repeat } -#screenshot_nr1 { - +img.over +{ + background-position:bottom } -#screenshot_layer .footer {background: transparent url("images/screenshot_footer.gif") no-repeat bottom left;} +img.clicked +{ + background-position:center +} -#screenshot_layer .navi img { +.f16 +{ + font-size:16pt +} + +.f10 +{ + font-size:10pt +} + +.f9 +{ + font-size:9pt; + font-weight:400; + line-height:140% +} + +.f8 +{ + font-size:8pt +} + +.f7 +{ + font-size:7pt +} + +.f6 +{ + font-size:6pt +} + +.c +{ + color:silver +} + +.c0 +{ + color:#000 +} + +.c3 +{ + color:#228B22 +} + +.c4 +{ + color:#F2C700 +} + +.c5 +{ + color:red +} + +body.contentpage h1 +{ + font-size:26px; + margin-bottom:40px; + padding-top:70px; + text-align:center +} + +body.contentpage #content .characteristics,body.contentpage #content p,body.contentpage #content table,body.contentpage form +{ + margin:15px 160px +} + +body.contentpage .rules +{ + margin-left:120px; + margin-right:160px +} + +body.contentpage ul +{ + margin-bottom:15px; + margin-top:15px +} + +body.contentpage .rules strong +{ + color:#2A720B +} + +body.contentpage .rules ul strong +{ + color:#3BAE18 +} + +body.contentpage table.table_data +{ + background-color:silver; + text-align:center; + width:550px +} + +body.contentpage table.culture_points +{ + margin:15px 110px; + width:650px +} + +#tutorial_nav,body.contentpage table.tutorial_table +{ + background-color:#fff; + table-layout:fixed; + width:550px +} + +body.contentpage #content td.beschreibung +{ + padding-top:50px; + text-align:left +} + +body.contentpage table.tutorial_table td.visual +{ + font-size:11px; + font-style:italic; + text-align:center +} + +body.contentpage table.tutorial_table td.visual img +{ + display:block; + margin:auto +} + +body.contentpage table.table_data th +{ + background-color:#F5F5F5 +} + +body.contentpage table.table_data td +{ + background-color:#fff +} + +body.contentpage table.middle +{ + table-layout:fixed; + width:520px +} + +body.contentpage table.middle input +{ + width:80px +} + +td.text,th.text +{ + padding-left:7px; + text-align:left +} + +body.contentpage #content h2 +{ + color:#71d000; + font-size:16px; + line-height:20px; + margin:50px 160px 10px +} + +body.contentpage #content h3 +{ + font-size:14px; + line-height:18px; + margin:15px 160px 5px +} + +body.contentpage #content table h3 +{ + margin:3px +} + +body.contentpage #content ul +{ + margin-top:5px +} + +#content .question +{ + color:#333; + font-style:italic; + padding-top:30px +} + +body.indexpage +{ + background:#fff url(images/main_background_front.jpg) repeat-x top +} + +body.contentpage +{ + background:#fff url(images/main_background_content.jpg) repeat-x top +} + +#header +{ + left:0; + margin:0 auto; position:absolute; - width: 25px; - height: 25px; - top: 250px; + right:0; + top:0; + width:100%; + z-index:10 } -#screenshot_layer .next img { +body.indexpage #header +{ + background:transparent url(images/artwork.jpg) no-repeat top center; + height:389px; + overflow:auto +} + +body.contentpage #header +{ + background:transparent none; + height:200px +} + +#country_select +{ + background:#fff url(images/country_background.jpg) repeat-x top; + height:30px; + left:0; + position:absolute; + top:0; + width:100%; + z-index:500 +} + +#navigation +{ + height:114px; + left:50%; + margin-left:-437px; + position:absolute; + top:52px; + width:830px; + z-index:80 +} + +.contentpage #navigation +{ + background:url(images/logo_background.jpg) no-repeat top left +} + +#navigation table.menu +{ + position:absolute; + right:25px; + top:30px; + width:500px +} + +#navigation .menu td +{ + text-align:center +} + +#navigation .menu a +{ + color:#333; + font-size:14px; + line-height:20px; + padding:6px 10px 7px 0; + text-decoration:none; + text-shadow:1px 1px 1px #fff +} + +#navigation .menu a.mark +{ + color:#a20327 +} + +#navigation a.home +{ + height:85px; + left:55px; + position:absolute; + top:0; + width:250px +} + +#navigation .menu a span +{ + padding:6px 0 7px 10px +} + +#navigation .menu a:hover +{ + background:transparent url(images/nav_right.gif) no-repeat scroll bottom right +} + +#navigation .menu a:hover span +{ + background:transparent url(images/nav_left.gif) no-repeat scroll bottom left +} + +#navigation .menu a:active +{ + background:transparent url(images/nav_right.gif) no-repeat scroll top right +} + +#navigation .menu a:active span +{ + background:transparent url(images/nav_left.gif) no-repeat scroll top left +} + +#register_now +{ + color:#574b2e; + font-weight:700; + height:50px; + left:50%; + margin-left:-151px; + position:absolute; + top:277px; + width:145px; + z-index:250 +} + +#register_now a +{ + color:#574b2e; + display:block; + font-size:21px; + margin-top:7px +} + +#register_now span +{ + font-size:9px +} + +#t4play +{ + left:50%; + margin-left:30px; + position:absolute; + top:109px; + z-index:250 +} + +#t4play img +{ + height:290px; + width:460px +} + +#content +{ + position:relative; + z-index:50 +} + +body.indexpage #content +{ + padding-bottom:120px; + padding-top:367px +} + +body.contentpage #content +{ + padding-bottom:160px; + padding-top:177px +} + +#content .grit +{ + margin:0 auto; + position:relative +} + +body.indexpage #content .grit +{ + background:transparent none; + width:830px +} + +body.contentpage #content .grit +{ + background:transparent url(images/content_background.jpg) no-repeat top left; + min-height:400px; + width:840px +} + +.grit .infobox +{ + background:transparent url(images/info_background.jpg) no-repeat top left; + float:left; + margin-left:15px; + margin-right:9px; + min-height:391px; + width:378px +} + +.grit .infobox div +{ + padding-left:43px; + padding-right:30px +} + +#what_is_travian +{ + padding-top:5px +} + +#what_is_travian h2 +{ + color:#71d000; + font-size:18px; + font-weight:400; + line-height:20px; + margin-bottom:10px; + text-shadow:0 2px 1px #fff +} + +#what_is_travian .play_now +{ + margin:10px 0 +} + +#player_counter +{ + background:transparent url(images/count_background.jpg) no-repeat top left; + height:98px; + left:23px; + padding:0; + position:relative; + width:330px +} + +#player_counter table +{ + border-spacing:0; + left:135px; + position:absolute; + top:20px; + width:165px +} + +#about_the_game h2 +{ + font-size:15px; + line-height:20px; + margin-bottom:5px +} + +#about_the_game ul +{ + margin:5px 0 0 15px; + padding:0 +} + +#about_the_game li +{ + line-height:19px +} + +#news_from_forum h2 +{ + cursor:pointer; + font-size:15px; + line-height:20px; + margin-bottom:5px +} + +#news_from_forum ul +{ + border-top:1px solid #999; + list-style:none; + margin:5px 10px 0 0; + padding:0 +} + +#news_from_forum li +{ + border-bottom:1px solid #999; + line-height:19px; + padding:3px 5px +} + +.grit .secondarybox +{ + background:transparent url(images/news_background.jpg) repeat-y top left; + float:left; + margin-top:22px; + width:397px +} + +.grit #screenshots +{ + background:transparent url(images/screenshots_background.jpg) no-repeat top left; + height:134px; + position:relative; + width:397px +} + +#screenshots h2 +{ + color:#fff; + font-size:13px; + margin:0; + padding:23px 20px 0 +} + +#screenshots_preview +{ + height:73px; + margin:7px 53px; + overflow:hidden; + padding:0; + position:absolute; + width:294px +} + +#screenshot_list +{ + height:73px; + list-style:none; + margin:0; + padding:0 +} + +#screenshots .navi img +{ + height:26px; + position:absolute; + top:70px; + width:26px +} + +#screenshots .next img +{ + background-image:url(images/buttons_screenshots_next.gif); + right:7px +} + +#screenshots .prev img +{ + background-image:url(images/buttons_screenshots_prev.gif); + left:10px +} + +#screenshot_list img +{ + height:73px; + width:98px +} + +#newsbox +{ + background:transparent url(images/news_footer.jpg) no-repeat bottom left; + padding-bottom:25px +} + +#newsbox h2 +{ + background:transparent url(images/news_header.jpg) no-repeat top left; + color:#4c4c4c; + display:block; + font-size:17px; + height:30px; + margin:0; + padding:7px 15px 0 +} + +#newsbox .news +{ + background:transparent url(images/news_spacer.jpg) no-repeat bottom left; + padding-bottom:0; + padding-left:15px; + width:397px +} + +#newsbox .news h4 +{ + margin:3px 0 0 +} + +#newsbox .news p.date +{ + color:#999; + font-size:11px; + padding-bottom:0 +} + +#newsbox .news p +{ + margin:0; + padding-bottom:10px; + padding-right:30px +} + +#footer +{ + background:#F1F1F1 url(images/footer_background.jpg) repeat-x top; + bottom:0; + height:90px; + left:0; + margin:0 auto; + position:absolute; + right:0; + z-index:80 +} + +#footer .logo_traviangames +{ + background-image:url(images/logo_traviangames.jpg); + height:34px; + width:182px +} + +#footer .logo +{ + left:6px; + position:absolute; + top:20px +} + +#footer li,#footer a +{ + color:#787878; + font-size:11px; + line-height:20px +} + +#footer .menu +{ + position:absolute; + right:9px; + top:18px +} + +#footer .container +{ + margin:0 auto; + position:relative; + width:840px +} + +#footer .copyright +{ + clear:left; + direction:ltr; + position:absolute; + right:3px; + top:20px +} + +#footer ul.menu a +{ + padding:0 3px +} + +.overlay +{ + bottom:0; + left:0; + position:absolute; + right:0; + top:0; + z-index:400 +} + +.overlay .mask +{ + background-color:#000; + filter:alpha(opacity=25); + height:100%; + opacity:0.25; + position:fixed; + width:100% +} + +.overlay_content +{ + position:absolute; + right:50%; + top:150px; + z-index:600 +} + +.overlay_content .closer img +{ + background-image:url(images/popup_close.gif); + height:25px; + position:absolute; + right:15px; + top:15px; + width:25px +} + +.overlay_content .footer +{ + clear:both; + height:10px +} + +.overlay_content h2,.overlay_content h4 +{ + font-size:16px; + line-height:20px; + margin:0; + padding:20px 20px 0 +} + +#screenshot_layer .overlay_content +{ + background:#fff url(images/screenshot_background.gif) repeat-y top left; + margin-right:-322px; + text-align:center; + width:644px +} + +#screenshot_layer h4 +{ + background:transparent url(images/screenshot_header.jpg) no-repeat top left; + padding-bottom:15px; + text-align:center +} + +#screenshot_layer #screen_desc +{ + font-size:12px; + margin:20px 0; + padding:0 40px +} + +.screenshot_view img +{ + border:1px solid #ccc +} + +#screenshot_layer .footer +{ + background:transparent url(images/screenshot_footer.gif) no-repeat bottom left +} + +#screenshot_layer .navi img +{ + height:25px; + position:absolute; + top:250px; + width:25px +} + +#screenshot_layer .next img +{ + background-image:url(images/popup_next.gif); + right:20px +} + +#screenshot_layer .prev img +{ + background-image:url(images/popup_prev.gif); + left:20px +} + +#iframe_layer .overlay_content +{ + background:#fff url(images/anleitung_background.gif) repeat-y top left; + margin-right:-225px; + width:450px +} + +#iframe_layer h2 +{ + background:transparent url(images/anleitung_header.gif) no-repeat top left; + padding-bottom:15px +} + +#iframe_layer .footer +{ + background:transparent url(images/anleitung_footer.gif) no-repeat bottom left +} + +#login_layer .overlay_content,#signup_layer .overlay_content +{ + background:#fff url(images/gameworld_background.jpg) repeat-y top left; + margin-right:-192px; + width:384px +} + +#login_layer h2,#signup_layer h2 +{ + background:transparent url(images/gameworld_header.jpg) no-repeat top left; + color:#71d000 +} + +#login_layer .footer,#signup_layer .footer +{ + background:transparent url(images/gameworld_footer.jpg) no-repeat bottom left +} + +ul.world_list +{ + list-style:none; + margin:0; + padding:7px +} + +.world_list li +{ + background-repeat:no-repeat; + float:left; + margin:4px 5px; + position:relative +} + +.world_list li div +{ + position:absolute +} + +.world_list li img +{ + position:absolute; + z-index:30 +} + +.world_list .w_small .players +{ + left:123px; + top:5px +} + +.world_list .w_small .online +{ + left:123px; + top:22px +} + +.world_list .w_big .players +{ right:20px; - background-image: url("images/popup_next.gif"); -} -#screenshot_layer .prev img { - left: 20px; - background-image: url("images/popup_prev.gif"); + top:15px } - -#iframe_layer {display: none;} -#iframe_layer .overlay_content { - width: 450px; - margin-right: -225px; - background: #fff url("images/anleitung_background.gif") repeat-y top left; -} -#iframe_layer #frame_box {margin: 0 20px;} -#iframe_layer h2 {background: transparent url("images/anleitung_header.gif") no-repeat top left; padding-bottom:15px;} -#iframe_layer .footer {background: transparent url("images/anleitung_footer.gif") no-repeat bottom left;} - - - - -#login_layer, #signup_layer {display: none;} -#login_layer .overlay_content, #signup_layer .overlay_content { - width: 384px; - margin-right: -192px; - background: #fff url("images/gameworld_background.jpg") repeat-y top left; -} -#login_layer h2, #signup_layer h2 { - color: #71d000; - background: transparent url("images/gameworld_header.jpg") no-repeat top left; -} -#login_layer .footer, #signup_layer .footer { - background: transparent url("images/gameworld_footer.jpg") no-repeat bottom left; +.world_list .w_big .online +{ + right:20px; + top:33px } - -ul.world_list { - padding: 7px; - margin: 0px; - list-style: none; +.world_list .label_players +{ + left:235px; + top:15px } -.world_list li {float: left;position:relative; margin: 4px 5px; background-repeat: no-repeat;} -.world_list li div {position: absolute;} -.world_list li img {position: absolute; z-index: 30;} +.world_list .label_online +{ + left:235px; + top:33px +} -.world_list .w_small .players {top: 5px; left: 123px;} -.world_list .w_small .online {top: 22px; left: 123px;} -.world_list .w_big .players {top: 15px;right: 20px;} -.world_list .w_big .online {top: 33px;right: 20px;} -.world_list .label_players {top: 15px;left: 235px;} -.world_list .label_online {top: 33px;left: 235px;} +.world_list .worldstart +{ + right:20px; + top:10px +} -.world_list li.w_big {height: 64px;width: 361px;} -.world_list li.w_small {height: 46px;width: 175px;} +.world_list .timer +{ + bottom:15px; + right:20px +} -.world_list .w_big img {height: 64px;width: 361px;} +a,a:visited,.c1 +{ + color:#71D000 +} -.world_list .w_small img {height: 46px;width: 175px;} +a:active,.e,.c2 +{ + color:#FF8000 +} -.world_list .worldstart {top: 10px;right: 20px;} -.world_list .timer {bottom: 15px;right: 20px;} +#content a,.b,#player_counter table td +{ + font-weight:700 +} +.menu li,#screenshot_list li +{ + float:left +} +.wrapper #content,#tutorial_nav td.nav_prev,table.middle td.no +{ + text-align:left +} +.t,#player_counter table th,#news_from_forum li a +{ + font-weight:400 +} + +h1,body.contentpage form table,body.contentpage #content td li,body.contentpage #content td form,#what_is_travian p +{ + margin:0 +} + +#tutorial_nav td.nav_next,table.middle td.yes +{ + text-align:right +} + +#header h1,.hide,.grit #screenshots .prev img,#screenshot_layer,#screenshot_layer h3,#iframe_layer,#login_layer,#signup_layer +{ + display:none +} + +.ie6 #navigation .menu a:hover,.ie7 #navigation .menu a:hover,.ie6 #navigation .menu a:hover span,.ie7 #navigation .menu a:hover span +{ + background:transparent +} + +#screenshot_layer #frame_box,#iframe_layer #frame_box +{ + margin:0 20px +} + +.world_list li.w_big,.world_list .w_big img +{ + height:64px; + width:361px +} + +.world_list li.w_small,.world_list .w_small img +{ + height:46px; + width:175px +}