/* *** css by miss monorom www.intensivstation.ch *** */ /* css released under Creative Commons License - http://creativecommons.org/licenses/by/2.0/deed.en */ body { background: #2e2e2e url('new/body.jpg') top left; background-repeat:repeat-x; font-size: 10px; font-family: Verdana, Arial, SunSans-Regular, Sans-Serif; color:#564b47; padding:0px; margin:0px;height:100%;text-align:center;} /*******************link styles**************************/ a {color: #960000;font-weight:normal;text-decoration:none} a:visited {color:#c43300;} a:hover {color: #c43300;} a:active { color:#000000;} a .news {font-weight:bold;} /************display "disabled" dialogues********************/ input.disabled { background-color:#efefef;color:grey;} .disabled {color:#aeaeae;} .disabled a{color:#aeaeae;} h1 {font-size: 11px;text-transform:uppercase;margin:0px } h2 {color: #9A1212;font-size:20px;font-weight: normal;padding: 5px 10px;margin:0px;} img {border-width:0px;} /*****************container to center the layout***************/ #zentriert {width: 957px;margin-left: auto;margin-right: auto;height:auto;background-color:#fff;border:1px solid #000;text-align:left} /****************banner ************************/ #banner {height:120px;text-align: center;background: url('new/header2.jpg') no-repeat bottom center;background-color: #e1ddd9;padding: 0px;margin: 0px;} #banner img {padding:0px 0px;} #bannertitle{padding-top:10px;padding-bottom:10px;font-size:2em;font-weight:bold;} /***********positioning clock. do not rename, as java script needs this div*********************/ #uhr {clear:both;float:left;padding-right:10px;font-size:0.8em;font-weight:normal;padding-top:10px;display:inline;color:#000} /*********layouting main menu***************************/ #menu {font-size:1em; color:green; padding-left:0px;text-align:center;} #menu ul {margin:0px; margin-left:2px;padding:0px; z-index:5;} #menu li {list-style-type:none; float:left; border-left:1px solid #000; border-top:1px solid #000; border-bottom:1px solid #000; z-index:5;} #menu ul li.submenu ul {position:absolute; display:none; padding:20px 0px 0px 20px;} #menu ul li.subactive ul {z-index:1; position:absolute; padding:0px 0px 0px 0px; display:block; clear:both; /* background: url(new/submenubg.gif) bottom center repeat-x;*/ } #menu ul.level1 li.subactive ul.level2 { margin-left: 9px; margin-right:9px; } #menu ul.level1 li.subactive:hover ul.level2 { margin-left: 9px; margin-right:9px; /*you can create hover-menus, if you want: display:block; clear:both;*/} #menu ul a{font-size:1em; color:#000000; text-decoration:none; font-weight:normal; text-transform:uppercase; padding:12px 0px 0px 5px; text-align:center; background-image:url(new/buttonbg.jpg); height:23px; width:130px; display:block;} #menu ul ul a{font-size:1em;color:#f8d5d5;padding:8px 0px 0px 5px;text-align:center; height:15px; width:80px;display:block;border-width:0px;} #menu table {float:right; border-collapse: collapse; padding-right:50px;} #menu table td {padding: 1px 1px 0px 0px;} #menu a:hover { color:#efefef; background-image:url(new/buttonbg-active.jpg);} #menu a.menue-aktiv{color:#d2d2d2;background-image:url(new/buttonbg-active.jpg);} /*******************layouting submenu**********************/ #cfnavbar{margin: 0;padding: 0;} #cfnavbar ul{border-top:1px solid #000; padding-left: 0; margin: 0; float: left;background-color:transparent} * html #cfnavbar ul{ /*IE only rule. Add extra margin-bottom*/margin-bottom: 1em;} #cfnavbar ul li{display: inline; border-width:0px;background-color:transparent;border-bottom:1px solid #000; background: url(new/submenubg.gif) bottom center repeat-x;} #cfnavbar ul li a, #cfnavbar ul li span{float: left; color: black; padding: 3px 13px 3px 6px; text-decoration: none; background: url(new/divider.gif) bottom right no-repeat;margin-top:1px} #cfnavbar ul li span{padding-left: 0px;margin-top:2px} #cfnavbar ul li a{width:auto; display:inline; text-transform:none; color:#d2d2d2; } #cfnavbar ul li a:hover{color:#000000; background: url(new/divider.gif) bottom right no-repeat;margin-top:1px} #cfnavbar a.activetab {color:#7c7c7c;} #cfnavbar #leftcorner { -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; background-color: transparent; display: block; float: left; background-position: left bottom; background-repeat:no-repeat; background-image: url(new/leftcorner.png); height: 24px; width: 9px; margin-left: 0px; border-width:0px;} #cfnavbar #rightcorner { -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; background-color: transparent; display: block; background-position: left bottom; background-repeat: no-repeat; background-image: url(new/rightcorner.png); height: 23px; width: 9px; margin-right: 1px; border-width:0px;border-top:1px solid #000; margin-top:-1px} * html #cfnavbar #leftcorner{ /*IE only rule.*/margin-top: -3px;} * html #cfnavbar #rightcorner{ /*IE only rule.*/margin-top: -3px;} #mainbox {float:left;width:70%;/*background-color:#fbfbfb*/} #news {float:right;width:20%;margin-right:30px;background-color:#fbfbfb} /**********************layouting box at the side (containing ressources, attacks,...***********************/ #leiste-links {clear:both; float: left; width: 180px; height:500px;margin: 0px; padding: 0px; background-color:#fff; background-image:url(new/content2.jpg); background-repeat:no-repeat;} #leiste-links table {color:#000} #leiste-links select{width:90px;} #leiste-links a{padding-bottom:20px;} #townmenu {margin-top:50px; /*font-weight:bold;*/ font-size:1.4em; width:160px;/*color:green;border:1px solid grey; */} #townmenu ul {list-style-type:none; margin-left:-25px;} #townmenu a{font-size:1em; text-decoration:none; font-weight:normal; padding-left:5px;} #townmenu a:hover {color:red;} #townmenu a.menue-aktiv{color:red;} #angriffe {/*background-color:#efefef;*/} #krieg {/*background-color:#efefef;*/} #krieg a {color:#ff0000;font-weight:bold} #rohstoffe {border-bottom:1px solid #d2d2d2;} #rohstoffe table tr td{border-bottom:1px solid #bdbdbd;} #rohstoffe table tr td+td{border-width:0px} #bauprojekt {width:160px;background-color:#efefef;margin:5px 0px 5px 0px;} #expansion {border-top:1px solid #d2d2d2;} #lager {width:50%; margin:5px; border-top:1px solid #d2d2d2;margin-top:5px} /******************main content box**********************/ #contentbox {background:#ffffff url('new/contentbig.png') no-repeat top right;width:750px;padding: 0px;padding-left:20px;padding-top:50px;margin-left: 0px;margin-right: 0px;overflow:auto;} div#contentbox { min-height:400px;} /*******************placing maps*************************/ #mapbox {background:#ffffff url('new/contentbig.png') no-repeat top right;padding: 0px;padding-left:20px;margin-left: 0px;margin-right: 0px;overflow:hidden;width:700px;height:500px} div#mapbox { min-height:476px;} /*****************two column layout********************/ #forschung {height:auto;} #seite-links {float:left; width:49%;} #seite-rechts {width:49%;float:right;} /*****************additional option box at the bottom of the side******************/ #leiste-unten {clear:both;} /* ********************footer****************************/ #footer {margin: 0px;padding:0px;margin-top:25px;height:auto;text-align: center; } #footer h1 a{ color:#FFFFFF; } #footer h1{ padding:5px 5px 0px 0px; } #footer-options { padding-top:5px;} /*********************general table style******************/ table.border {border-width: 1px solid grey;border-spacing: 0px; border-collapse: collapse;margin-bottom:20px;background-color:#fff;} table.border th {border:1px inset grey; padding: 1px;background-image:url(new/thbg.png);background-repeat:repeat-x;font-weight:normal;} table.border td {border-width: 1px 1px 1px 1px; padding: 1px 1px 1px 1px;border-style: inset inset inset inset;border-color: #d2d2d2 #d2d2d2 #d2d2d2 #d2d2d2;} table.border td.center{text-align:center;} table.none {border-width:0px;} td.iterate {background-color:#efefef;} tr.iterate {background-color:#efefef;} table.border th.bold {font-weight:bold; padding:5px; text-align:center; border-top:1px inset grey ;} table.border th.bold a{ font-weight:bold;} table.border td.bold {text-align:center; background-color:#efefef;} table.border td.none {border-width:0px;} table.border td.none+td {border-width:1px 0px;} table.border td+td.none {border-width:1px 0px;} table.border table {border-spacing:0px;border-collapse:collapse;border-width:0px;} /********************styles for displaying specifiic messages********************/ .floating {float:right;} .error {color:red; font-weight:bold;background-image:url(sun/error.png);background-repeat: no-repeat;padding-left: 20px; margin-bottom:10px;display:block;} .success {color:green;font-weight:bold;background-image:url(sun/accept.png);background-repeat: no-repeat;padding-left: 20px;margin-bottom:10px;display:block;} .info {color:grey; background-image:url(sun/information.png); background-repeat: no-repeat; padding-left: 20px; margin-top:3px; margin-bottom:10px; display:block;} /*******************************tutorial********************/ #tut {margin: 0px;padding:0px;background-color:white; height:auto; text-align: left; border:1px solid grey;} .tutborder {border:3px solid red;} #tutdiv {z-index:5000;} /*------------------------------------------------------------------------------------------------------------------------------------- special layouts for specific pages -------------------------------------------------------------------------------------------------------------------------------------*/ /*******************statistik.php**********************/ .inactive {font-style:italic;} .hervorhebung {font-weight:bold;background-color:#ffef64;} .blocked { text-decoration: line-through} .rank1, .rank2 { color: #B8860B; } .rank3 {color: #575757;} .rank4 {color: #575757;font-weight: bold;} .rank5 {color: #8B6508;font-weight: bold;} .rank6 {color: #8B6508; font-weight: bold;} .rank7 {color: #8B6508;font-weight: 900;font-variant: small-caps;} .rank8 {color: #8B6508; font-weight: 900;font-variant: small-caps;} .medal {padding-left: 3px;padding-top: 0px;padding-bottom: 0px;} /*****************************welt.php**************************/ /*#mapkarte { overflow: hidden; position: absolute;padding: 0px;}*/ #worldsearch {z-index:50;background-color:white;position:absolute; clear:both;padding-right:20px;margin-top:450px;margin-left:0px;border:1px solid grey;} #bottom {position:absolute;clear:both;z-index:50; background-color:white;border:1px solid grey;margin-top:450px;margin-left:250px;margin-bottom:20px} #infos-welt {float:right;padding-left:5px} #world-legend {float:left; border-right:1px solid gray;padding-right:5px} #map1 {position:absolute; left:-216px; top:116px; z-index:6; overflow:hidden;} #map2 {position:absolute; left:-16px; top:16px; z-index:6; overflow:hidden;} #map3 {position:absolute; left:184px; top:-84px; z-index:6;overflow:hidden;} #map4 {position:absolute; left:-16px; top:216px; z-index:6;overflow:hidden;} #map5 {position:absolute; left:184px;top:116px; z-index:6; overflow:hidden;} #map6 {position:absolute; left:384px;top:16px; z-index:6; overflow:hidden;} #map7 {position:absolute; left:184px;top:316px;z-index:6; overflow:hidden;} #map8 {position:absolute; left:384px;top:216px;z-index:6; overflow:hidden;} #map9 {position:absolute; left:584px; top:116px;z-index:6; overflow:hidden;} #mapkarte {overflow: hidden; position: absolute;width:751px;padding: 0px;} .mappix { position: absolute; left: 290px; width: 780px; height: 432px; z-index:299; } /**************************land.php************************/ #landview { margin-top:0px; overflow: hidden; height: 410px; position: absolute; width: 750px; } #land-infos {position:absolute;height:90px;width:220px;padding:5px;margin-left:200px;border:1px solid gray;} #bottom-land {position:absolute;clear:both;z-index:50000;background-color:white; border:1px solid grey;margin-top:420px;font-size:10px} #koords {position:absolute;border:1px solid gray;background-color:white} #infos {background-color:#fff;border:1px solid gray;} #produktion {position:absolute;border:1px solid gray;height:90px;padding:5px;background-color:#efefef;margin-left:333px;width:120px;} #berichte {position:absolute; border:1px solid gray;padding:5px;margin-left:100px;height:90px;width:80px;/*top:500px;*/ clear:both;} #info { position:absolute;width:300px;background-color:#fff; /*margin-top:410px;*/margin-left: 210px;z-index:1000; border:1px solid grey;background-color: #fff;} #todo-big { float:right;border-left:1px solid grey;padding-left:20px;} #options {position:absolute;border:1px solid grey;padding-left:20px;width:250px;height:90px;padding:5px;margin-left:475px} #ap_check{background-color:#fff;border:1px solid grey;position:absolute;left:550px;width:300px;top:300px;z-index:5000} /********************held.php*********************/ #talenttree{position:absolute;width:600px;height:401px; z-index:1; background-image:url(../gfx/held/tree3.png);background-repeat:no-repeat;} #talenttree2{position:absolute;width:600px;height:401px;z-index:1;} #talenttree3{position:absolute;width:600px;height:401px;z-index:5;} #talenttree4{position:absolute;width:600px;height:401px;z-index:50;} #infoarea {height:300px;width:160px;background-color:#fff; float:right;border:1px solid grey;} /***********************************stadt.php*******************/ #map { overflow: hidden; position: absolute;padding: 0px;padding-top:-50px;width:740px;overflow:hidden} #stadt-options {width:300px;height:200px;float:right;} #stadt-infos {float:left;} #todo {float:right;border-left:1px solid grey;padding-left:20px;} #build_img{float:left} #build_info{float:right} /***************************einheiten.php********************/ #einheiten {clear:both;} /****************************bote.php*********************/ #addimg {float:right;} /*#townbuild { margin:5px; padding:5px; background-color:#fff; border:1px solid grey; }*/ /* #townview { overflow: hidden; z-index: 1000; height: 365px; position: absolute; width: 750px; padding: 0px; padding-left:20px; padding-top:50px; margin-left: 190px; margin-right: 0px; }*/