mirror of
https://github.com/Shadowss/TravianZ.git
synced 2026-07-12 07:36:07 +00:00
more fixes
This commit is contained in:
@@ -1,189 +1,189 @@
|
||||
@CHARSET "UTF-8";
|
||||
|
||||
/* --- Scrollbarantiwackler --- */
|
||||
body {overflow-y:scroll;}
|
||||
|
||||
body.manual {overflow-y: hidden; }
|
||||
|
||||
|
||||
/* Layout */
|
||||
html, body {height: 100%;}
|
||||
.wrapper {height: auto !important; /* Important Regel für moderne Browser */ height: 100%; /* Mindesthöhe für den IE */ min-height: 100%; position: relative;}
|
||||
|
||||
.ie6 .wrapper {text-align: center;} /* IE6 Hack damit das alles zentriert wird */
|
||||
.ie6 .wrapper * {text-align: left;} /* IE6 Hack im Content rückgängig machgen */
|
||||
|
||||
/* --- Table Row Highlight --- */
|
||||
table.row_table_data tr.hlight td {background-color: #fffaf0;}
|
||||
table.row_table_data tr.marked td {background-color: #fff8dc;}
|
||||
|
||||
/* Body */
|
||||
body {background-color: #FFFFFF;}
|
||||
body.manual {background-image: none;}
|
||||
|
||||
|
||||
div.popup3 {
|
||||
left: 50%;
|
||||
top:170px;
|
||||
margin-left: -285px;
|
||||
}
|
||||
#ce {
|
||||
width: 100%;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
/* --- Main Header --- */
|
||||
body.mod1 div#dynamic_header div.dyn1,
|
||||
body.mod1 div#dynamic_header div.dyn2,
|
||||
body.mod2 div#dynamic_header div.dyn1,
|
||||
body.mod2 div#dynamic_header div.dyn2,
|
||||
body.mod3 div#dynamic_header div.dyn1,
|
||||
body.mod3 div#dynamic_header div.dyn2 {display: none;}
|
||||
|
||||
body.mod2 div#dynamic_header {
|
||||
height: 100px;
|
||||
}
|
||||
|
||||
body.mod2 div#dynamic_header #ad_iframe{
|
||||
left: 50%;
|
||||
margin-left: -303px;
|
||||
}
|
||||
|
||||
div#dynamic_header,
|
||||
body.mod1 div#dynamic_header,
|
||||
body.mod2 div#dynamic_header,
|
||||
body.mod3 div#dynamic_header { height: 100px;}
|
||||
|
||||
/* Header Menu */
|
||||
div#header {height: 72px;}
|
||||
div#mtop,
|
||||
body.mod1 div#mtop,
|
||||
body.mod2 div#mtop,
|
||||
body.mod3 div#mtop {height: 72px; left: 50%; margin-left: -241px; z-index: 2; width: 700px;}
|
||||
a#n1 img, a#n2 img, a#n3 img, a#n4 img, div#n5 {height: 72px;}
|
||||
div#mtop div#n5 .reports {float: left;}
|
||||
div#mtop div#n5 .messages {float: right;}
|
||||
|
||||
|
||||
a#logo {display: none;}
|
||||
|
||||
/* World Status Peace, Day Night */
|
||||
img.day, img.night, div.peace {left: 12px; top: -89px;}
|
||||
div.peace {left: 12px; top: -98px;}
|
||||
|
||||
/* Exe Time */
|
||||
div#stime {display: inline; height: 0; left: 0; top: 0; width: 0;}
|
||||
div#ltime,
|
||||
body.mod1 div#ltime,
|
||||
body.mod2 div#ltime,
|
||||
body.mod3 div#ltime {min-width: 980px; left: 0; top: 111px; width: 100%; z-index: 1;}
|
||||
div#ltime div#ltimeWrap {margin: 0 auto 0 auto; width: 905px; position: relative;}
|
||||
div#ltime div.devEvents {position: absolute; bottom: -25px; left: 0px;}
|
||||
|
||||
/* Ressources */
|
||||
div#res,
|
||||
body.mod1 div#res,
|
||||
body.mod2 div#res,
|
||||
body.mod3 div#res {left: 0; min-width: 980px; top: 175px; width: 100%; z-index: 2;}
|
||||
div#resWrap {left: 50%; margin-left: -335px; position: relative; width: 552px;}
|
||||
div#res table {background-color: transparent;}
|
||||
div#res table td {background-color: transparent;}
|
||||
|
||||
/* Content */
|
||||
div#mid {background-image: none; float: none; height: auto; margin: 0 auto; width: 980px;}
|
||||
div#content,
|
||||
body.mod1 div#content,
|
||||
body.mod2 div#content,
|
||||
body.mod3 div#content {height: auto !important; /* Important Regel für moderne Browser */ /* Mindesthöhe für den IE */ min-height: 450px;}
|
||||
|
||||
.ie6div#content {padding-bottom: 5px;}
|
||||
/* Content Menu */
|
||||
div#side_navi {height: auto !important; /* Important Regel für moderne Browser */ height: 453px; /* Mindesthöhe für den IE */ min-height: 453px; width: 155px;}
|
||||
|
||||
|
||||
/* Content Villages & Links */
|
||||
div#side_info,
|
||||
body.mod1 div#side_info,
|
||||
body.mod2 div#side_info,
|
||||
body.mod3 div#side_info { height: auto !important; /* Important Regel für moderne Browser */ height: 453px; /* Mindesthöhe für den IE */ margin-left: 0; min-height: 453px; padding-left: 16px; width: 257px; z-index: 3;}
|
||||
div#side_info td.dot {
|
||||
width: 8px;
|
||||
|
||||
}
|
||||
div#side_info td.link {
|
||||
padding-right: 0px;
|
||||
white-space: normal;
|
||||
line-height: 18px;
|
||||
}
|
||||
div#side_info td {
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
/* Footer */
|
||||
.footer-stopper {float: left; margin-bottom: 100px;} /* Stoppt den Footer beim nach obenschieben */
|
||||
.ie6 .footer-stopper, .ie7 .footer-stopper {height: 100px;} /* IE 6 und IE7 Hack damit Footer nicht über dem Content steht */
|
||||
div#footer {bottom: 0px; height: 90px; left: 0; margin-top: 90px; min-width: 980px; position: absolute; right: 0;
|
||||
font-size: 11px; line-height: 19px;
|
||||
}
|
||||
div#footer div#mfoot {height: 28px; margin: 0 auto; width: 905px;}
|
||||
div#footer div.footer-menu {color: #797979; text-align: right;}
|
||||
div#footer div#mfoot {text-align: right;}
|
||||
div#footer div#mfoot a, div#footer div#mfoot a:visited, div#footer div#mfoot a:active {color: #797979;}
|
||||
div#footer div#mfoot div.copyright {text-align: right; font-size: 11px;}
|
||||
|
||||
/* Footer Menu */
|
||||
div#footer ul.menu {list-style-type: none; margin: 0; padding: 0; position: absolute; top: 31px;}
|
||||
div#footer ul.menu.menu2 {right: 210px;}
|
||||
div#footer ul.menu li {float: left; margin: 0 5px;}
|
||||
div#footer ul.menu li a {color: #797979; margin: 0 3px;}
|
||||
div#footer ul.menu li.copyright {direction: ltr;}
|
||||
|
||||
|
||||
div#side_info table td {
|
||||
|
||||
}
|
||||
|
||||
#guide1 {
|
||||
position: fixed;
|
||||
width: 0;
|
||||
border-left: 1px dashed red;
|
||||
height: 100%;
|
||||
left: 50%;
|
||||
margin-left: -480px;
|
||||
z-index: 9999;
|
||||
}
|
||||
|
||||
#guide2 {
|
||||
position: fixed;
|
||||
width: 0;
|
||||
border-left: 1px dashed red;
|
||||
height: 100%;
|
||||
left: 50%;
|
||||
margin-left: -336px;
|
||||
z-index: 9999;
|
||||
}
|
||||
|
||||
#guide3 {
|
||||
position: fixed;
|
||||
width: 0;
|
||||
border-right: 1px dashed red;
|
||||
height: 100%;
|
||||
right: 50%;
|
||||
margin-right: -218px;
|
||||
z-index: 9999;
|
||||
}
|
||||
|
||||
#guide4 {
|
||||
position: fixed;
|
||||
width: 0;
|
||||
border-right: 1px dashed red;
|
||||
height: 100%;
|
||||
right: 50%;
|
||||
margin-right: -480px;
|
||||
z-index: 9999;
|
||||
}
|
||||
|
||||
div.player p.btn, div.login p.btn {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
@CHARSET "UTF-8";
|
||||
|
||||
/* --- Scrollbarantiwackler --- */
|
||||
body {overflow-y:scroll;}
|
||||
|
||||
body.manual {overflow-y: hidden; }
|
||||
|
||||
|
||||
/* Layout */
|
||||
html, body {height: 100%;}
|
||||
.wrapper {height: auto !important; /* Important Regel für moderne Browser */ height: 100%; /* Mindesthöhe für den IE */ min-height: 100%; position: relative;}
|
||||
|
||||
.ie6 .wrapper {text-align: center;} /* IE6 Hack damit das alles zentriert wird */
|
||||
.ie6 .wrapper * {text-align: left;} /* IE6 Hack im Content rückgängig machgen */
|
||||
|
||||
/* --- Table Row Highlight --- */
|
||||
table.row_table_data tr.hlight td {background-color: #fffaf0;}
|
||||
table.row_table_data tr.marked td {background-color: #fff8dc;}
|
||||
|
||||
/* Body */
|
||||
body {background-color: #FFFFFF;}
|
||||
body.manual {background-image: none;}
|
||||
|
||||
|
||||
div.popup3 {
|
||||
left: 50%;
|
||||
top:170px;
|
||||
margin-left: -285px;
|
||||
}
|
||||
#ce {
|
||||
width: 100%;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
/* --- Main Header --- */
|
||||
body.mod1 div#dynamic_header div.dyn1,
|
||||
body.mod1 div#dynamic_header div.dyn2,
|
||||
body.mod2 div#dynamic_header div.dyn1,
|
||||
body.mod2 div#dynamic_header div.dyn2,
|
||||
body.mod3 div#dynamic_header div.dyn1,
|
||||
body.mod3 div#dynamic_header div.dyn2 {display: none;}
|
||||
|
||||
body.mod2 div#dynamic_header {
|
||||
height: 100px;
|
||||
}
|
||||
|
||||
body.mod2 div#dynamic_header #ad_iframe{
|
||||
left: 50%;
|
||||
margin-left: -303px;
|
||||
}
|
||||
|
||||
div#dynamic_header,
|
||||
body.mod1 div#dynamic_header,
|
||||
body.mod2 div#dynamic_header,
|
||||
body.mod3 div#dynamic_header { height: 100px;}
|
||||
|
||||
/* Header Menu */
|
||||
div#header {height: 72px;}
|
||||
div#mtop,
|
||||
body.mod1 div#mtop,
|
||||
body.mod2 div#mtop,
|
||||
body.mod3 div#mtop {height: 72px; left: 50%; margin-left: -241px; z-index: 2; width: 700px;}
|
||||
a#n1 img, a#n2 img, a#n3 img, a#n4 img, div#n5 {height: 72px;}
|
||||
div#mtop div#n5 .reports {float: left;}
|
||||
div#mtop div#n5 .messages {float: right;}
|
||||
|
||||
|
||||
a#logo {display: none;}
|
||||
|
||||
/* World Status Peace, Day Night */
|
||||
img.day, img.night, div.peace {left: 12px; top: -89px;}
|
||||
div.peace {left: 12px; top: -98px;}
|
||||
|
||||
/* Exe Time */
|
||||
div#stime {display: inline; height: 0; left: 0; top: 0; width: 0;}
|
||||
div#ltime,
|
||||
body.mod1 div#ltime,
|
||||
body.mod2 div#ltime,
|
||||
body.mod3 div#ltime {min-width: 980px; left: 0; top: 111px; width: 100%; z-index: 1;}
|
||||
div#ltime div#ltimeWrap {margin: 0 auto 0 auto; width: 905px; position: relative;}
|
||||
div#ltime div.devEvents {position: absolute; bottom: -25px; left: 0px;}
|
||||
|
||||
/* Ressources */
|
||||
div#res,
|
||||
body.mod1 div#res,
|
||||
body.mod2 div#res,
|
||||
body.mod3 div#res {left: 0; min-width: 980px; top: 175px; width: 100%; z-index: 2;}
|
||||
div#resWrap {left: 50%; margin-left: -335px; position: relative; width: 552px;}
|
||||
div#res table {background-color: transparent;}
|
||||
div#res table td {background-color: transparent;}
|
||||
|
||||
/* Content */
|
||||
div#mid {background-image: none; float: none; height: auto; margin: 0 auto; width: 980px;}
|
||||
div#content,
|
||||
body.mod1 div#content,
|
||||
body.mod2 div#content,
|
||||
body.mod3 div#content {height: auto !important; /* Important Regel für moderne Browser */ /* Mindesthöhe für den IE */ min-height: 450px;}
|
||||
|
||||
.ie6div#content {padding-bottom: 5px;}
|
||||
/* Content Menu */
|
||||
div#side_navi {height: auto !important; /* Important Regel für moderne Browser */ height: 453px; /* Mindesthöhe für den IE */ min-height: 453px; width: 155px;}
|
||||
|
||||
|
||||
/* Content Villages & Links */
|
||||
div#side_info,
|
||||
body.mod1 div#side_info,
|
||||
body.mod2 div#side_info,
|
||||
body.mod3 div#side_info { height: auto !important; /* Important Regel für moderne Browser */ height: 453px; /* Mindesthöhe für den IE */ margin-left: 0; min-height: 453px; padding-left: 16px; width: 257px; z-index: 3;}
|
||||
div#side_info td.dot {
|
||||
width: 8px;
|
||||
|
||||
}
|
||||
div#side_info td.link {
|
||||
padding-right: 0px;
|
||||
white-space: normal;
|
||||
line-height: 18px;
|
||||
}
|
||||
div#side_info td {
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
/* Footer */
|
||||
.footer-stopper {float: left; margin-bottom: 100px;} /* Stoppt den Footer beim nach obenschieben */
|
||||
.ie6 .footer-stopper, .ie7 .footer-stopper {height: 100px;} /* IE 6 und IE7 Hack damit Footer nicht über dem Content steht */
|
||||
div#footer {bottom: 0px; height: 90px; left: 0; margin-top: 90px; min-width: 980px; position: absolute; right: 0;
|
||||
font-size: 11px; line-height: 19px;
|
||||
}
|
||||
div#footer div#mfoot {height: 28px; margin: 0 auto; width: 905px;}
|
||||
div#footer div.footer-menu {color: #797979; text-align: right;}
|
||||
div#footer div#mfoot {text-align: right;}
|
||||
div#footer div#mfoot a, div#footer div#mfoot a:visited, div#footer div#mfoot a:active {color: #797979;}
|
||||
div#footer div#mfoot div.copyright {text-align: right; font-size: 11px;}
|
||||
|
||||
/* Footer Menu */
|
||||
div#footer ul.menu {list-style-type: none; margin: 0; padding: 0; position: absolute; top: 31px;}
|
||||
div#footer ul.menu.menu2 {right: 210px;}
|
||||
div#footer ul.menu li {float: left; margin: 0 5px;}
|
||||
div#footer ul.menu li a {color: #797979; margin: 0 3px;}
|
||||
div#footer ul.menu li.copyright {direction: ltr;}
|
||||
|
||||
|
||||
div#side_info table td {
|
||||
|
||||
}
|
||||
|
||||
#guide1 {
|
||||
position: fixed;
|
||||
width: 0;
|
||||
border-left: 1px dashed red;
|
||||
height: 100%;
|
||||
left: 50%;
|
||||
margin-left: -480px;
|
||||
z-index: 9999;
|
||||
}
|
||||
|
||||
#guide2 {
|
||||
position: fixed;
|
||||
width: 0;
|
||||
border-left: 1px dashed red;
|
||||
height: 100%;
|
||||
left: 50%;
|
||||
margin-left: -336px;
|
||||
z-index: 9999;
|
||||
}
|
||||
|
||||
#guide3 {
|
||||
position: fixed;
|
||||
width: 0;
|
||||
border-right: 1px dashed red;
|
||||
height: 100%;
|
||||
right: 50%;
|
||||
margin-right: -218px;
|
||||
z-index: 9999;
|
||||
}
|
||||
|
||||
#guide4 {
|
||||
position: fixed;
|
||||
width: 0;
|
||||
border-right: 1px dashed red;
|
||||
height: 100%;
|
||||
right: 50%;
|
||||
margin-right: -480px;
|
||||
z-index: 9999;
|
||||
}
|
||||
|
||||
div.player p.btn, div.login p.btn {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user