mirror of
https://github.com/Shadowss/TravianZ.git
synced 2026-06-28 08:34:33 +00:00
yi12345
1034 lines
13 KiB
CSS
1034 lines
13 KiB
CSS
@charset utf-8;
|
|
/* allgemeines */
|
|
body
|
|
{
|
|
background-color:#FFF;
|
|
direction:ltr;
|
|
font-size:13px;
|
|
line-height:19px;
|
|
margin:0;
|
|
text-align:left
|
|
}
|
|
|
|
html
|
|
{
|
|
overflow-y:scroll
|
|
}
|
|
|
|
html,body
|
|
{
|
|
height:100%;
|
|
margin:0;
|
|
padding:0
|
|
}
|
|
|
|
body,button,input,select,textarea
|
|
{
|
|
font-family:Arial, Verdana, Helvetica, sans-serif
|
|
}
|
|
|
|
a
|
|
{
|
|
font-size:13px;
|
|
text-decoration:none
|
|
}
|
|
|
|
a:hover
|
|
{
|
|
color:#00BC00;
|
|
text-decoration:underline
|
|
}
|
|
|
|
#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
|
|
}
|
|
|
|
.wrapper
|
|
{
|
|
height:auto!important;
|
|
min-height:100%;
|
|
min-width:845px;
|
|
position:relative;
|
|
text-align:center
|
|
}
|
|
|
|
img.dynamic_btn,img.dynamic_img
|
|
{
|
|
background-position:top;
|
|
background-repeat:no-repeat
|
|
}
|
|
|
|
img.over
|
|
{
|
|
background-position:bottom
|
|
}
|
|
|
|
img.clicked
|
|
{
|
|
background-position:center
|
|
}
|
|
|
|
.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;
|
|
right:0;
|
|
top:0;
|
|
width:100%;
|
|
z-index:10
|
|
}
|
|
|
|
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;
|
|
top:15px
|
|
}
|
|
|
|
.world_list .w_big .online
|
|
{
|
|
right:20px;
|
|
top:33px
|
|
}
|
|
|
|
.world_list .label_players
|
|
{
|
|
left:235px;
|
|
top:15px
|
|
}
|
|
|
|
.world_list .label_online
|
|
{
|
|
left:235px;
|
|
top:33px
|
|
}
|
|
|
|
.world_list .worldstart
|
|
{
|
|
right:20px;
|
|
top:10px
|
|
}
|
|
|
|
.world_list .timer
|
|
{
|
|
bottom:15px;
|
|
right:20px
|
|
}
|
|
|
|
a,a:visited,.c1
|
|
{
|
|
color:#71D000
|
|
}
|
|
|
|
a:active,.e,.c2
|
|
{
|
|
color:#FF8000
|
|
}
|
|
|
|
#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
|
|
}
|