/* Um ein eigenes Design zu erstellen empfiehlt es sich, sich die beiden Standarddesigns brgame.css und dk2.css anzuschauen. Bei Bedarf auch die zu verändernde HTML-Seite. Zur zweiten Zeile, die in den Einstellungen angegeben wird (vmsb) : Sie gibt die Reihenfolge der div-Elemente an, wie sie im HTML-output erfolgen soll. Dabei stehen die Buchstaben für folgende Elemente : v : Villagebar. Also die Burgenleiste, die man nur mit PA hat m : Menu s : Statusleiste. Enthält Burgname und die Rohstoffe b : Buildingbar. Die Schnellwechselleiste. h : Hauptelement. Hier steht alles andere drin. Element wird von sich aus NICHT mit divs umschlossen. < : Öffnendes 'div'. Benamung mit 'customDiv#', wobei das # von 0 durchnummeriert wird. > : Schliessendes 'div'. - : div der Klasse 'clear' graphic/css/DK22.css <>v> */ /* ---Rohstoffleiste */ .statusbar { position:relative; top:0; left:0; width:795px; height:282px; color:#9a9277; z-index:1;} .statusbar img {position:relative; top:4px; left:-4px;} .statusbarattacked { background-image:url(../graphic/css/castle2/header_att.gif); background-repeat:no-repeat; } .villageBack { position:absolute; top:265px; text-align:left; width:20%; z-index:99;} .villageName { width:100%; position:absolute; top:262px; font-size:13px; color:#AAA; text-align:center; } /* Burgname ganz oben */ .villageNameLink { font-size:16px; } /* Burgnamenlink */ .villageForth { position:absolute; top:265px; left:595px; text-align:right; width:200px; z-index:99; } .statusWood { position:absolute; top:155px; left:440px; text-align:left;} .statusStone { position:absolute; top:170px; left:440px; text-align:left;} .statusIron { position:absolute; top:185px; left:440px; text-align:left;} .statusPeople { position:absolute; top:210px; left:440px; text-align:left;} .statusWoodPerHour { position:absolute; top:163px; left:505px; width:100px; text-align:right; font-size:10px;} .statusStonePerHour { position:absolute; top:178px; left:505px; width:100px; text-align:right; font-size:10px;} .statusIronPerHour { position:absolute; top:193px; left:505px; width:100px; text-align:right; font-size:10px;} .statusPeopleSpacer { } .fullstorage { color:#f8c8c8; } /* ---Burgenleiste */ .villagebar { width:100%; float:left; clear:both; margin-bottom:4px; } .castleCategory { width:100%; clear:both; background-color:#5A5A5A; } .categoryDivider { clear:both; height:14px; margin-bottom:2px; } .categoryName { text-align:left; float:left; color:#CBCBCB; } .categoryArrow { text-align:right; float:right; margin-right:3px; margin-top:3px; } .villageEntry { text-align:left; vertical-align: bottom; float:left; border-width:1px; border-style: dashed; border-top: 1px solid #343F42; border-left: 1px solid #343F42; border-bottom: 1px solid #000000; border-right: 1px solid #000000; padding:5px; background-color:#202020; width:23%; height:20px; } .villageEntryAttacked { text-align:left; vertical-align: bottom; float:left; border-width:1px; border-style: dashed; border-top: 1px solid #343F42; border-left: 1px solid #343F42; border-bottom: 1px solid #000000; border-right: 1px solid #000000; padding:5px; background-color:#a00000; width:23%; height:20px; } .clear { clear:both;} /* ---Menü */ .menubar { position:absolute; top:0; z-index:99; } .menuPlayername { position:absolute; left:625px; top:175px; width:200px} .menuRanking { position:absolute; left:625px; top:210px; } .menuCurrentRank { position:absolute; left:625px; top:190px; width:150px;} .menuNewReport { position:absolute; left:-10px; top:-3px } .menuNewMail { position:absolute; left:-15px; top:-3px } /* .menuLink { height:12px; width:18px; } */ .menuEntry { width:100px; } .menuSubEntry { } .menuSpacer { } /* Hier Optional für die einzelnen Elemente : menuItem0-menuItemXX */ .menuItem0 {position:absolute; left:20px; top:150px; } .menuItem1 {position:absolute; left:20px; top:170px; } .menuItem2 {position:absolute; left:20px; top:190px; } .menuItemLink3 { z-index:99; position:absolute; left:360px; top:140px; width:40px; height:40px; } .menuItemLink4 { z-index:99; position:absolute; left:360px; top:200px; width:40px; height:40px; } .menuItemString3 { display:none; } .menuItemString4 { display:none; } .menuItem5 {position:absolute; left:130px; top:150px; } .menuItem6 {position:absolute; left:130px; top:170px; } .menuItem7 {position:absolute; left:130px; top:190px; } .menuItem8 { position:absolute; left:725px; top:210px;} .menuItem9 {position:absolute; left:130px; top:210px; } .menuItem10 {position:absolute; left:20px; top:210px; } .menuItemLink11 { z-index:99; position:absolute; left:730px; top:30px; width:100px; height:20px; } .menuItemString11 { display:none; } .menuItem9 {position:absolute; left:130px; top:210px; } .menuItem12 {position:absolute; left:20px; top:210px; } .menuItem13 {position:absolute; left:230px; top:150px; } .menuItem14 {position:absolute; left:230px; top:170px; } .menuItem15 {position:absolute; left:230px; top:190px; } /* ---Hauptfenster */ .buildingTitle { font-size:25px; font-weight:bold; padding:4px; color:#332c24} .buildingText { margin:5px; width:500px} .buildingRest { clear:both; padding:5px; } .buildingImage { position:absolute; right:5px; top:325px; padding:5px; width:200px} /* ---Übersicht */ .overviewPoints { font-size:12px; font-weight:bold; float:left; clear:right; margin-top:16px; margin-left:10px;} .overviewPoints:before { content:"("; } .overviewPoints:after { content:")"; } .fusionText {} .overviewBuildingTable { clear:left; float:left; width:300px; margin:5px; } .unitsTable1 { float:left; width:200px; margin:5px; } .unitsTable2 { float:left; width:200px; margin:5px; clear:right; } .approval { padding:20px;} .overviewCategory { padding:20px; } .overviewOwnTroops { clear:both; margin:10px; } .overviewCurrentFights { clear:both; margin:10px; } .currentFightsTitle { font-size:14pt; font-weight:bold; margin:4px; } /* ---Baumeister, Barracken, etc... */ .buildingAssignmentsTable { clear:both; margin:10px; } /* Das, was gerade gebaut wird */ .buildingTable { clear:both; margin:10px; } /* Tabelle mit Sachen, die gebaut werden können */ .buildingCastleName { clear:both; margin:10px; } .buildingBar { height:30px; width:795px; } .buildingBarEntry { border-width:1px; text-align: left; border-style: solid; border-top: 1px solid #444B4D; border-left: 1px solid #444B4D; border-bottom: 1px solid #000000; border-right: 1px solid #000000; margin-bottom: 3px; padding: 4px; background-image:url("../graphic/css/castle2/bg.gif"); float:left; width:122px; height:15px; } .buildingBarEmpty { border-width:1px; border-style: solid; border-top: 1px solid #444B4D; border-left: 1px solid #444B4D; border-bottom: 1px solid #000000; border-right: 1px solid #000000; margin-bottom: 3px; padding: 4px; background-image:url("../graphic/css/castle2/bg.gif"); text-align:left; float:left; width:122px; height:15px;} /* Hier Optional für die einzelnen Elemente : buildingBarItem0-buildingBarItemXX */ /* Auswahlleisten wie zB bei Nachrichten oder auch Burgübersicht (PA) */ .selector {clear:both; float:none; } .selectorActive { border-width:1px; border-style: solid; border-top: 1px solid #444B4D; border-left: 1px solid #444B4D; border-bottom: 1px solid #000000; border-right: 1px solid #000000; margin-bottom: 3px; padding: 4px; background-image:url("../graphic/css/castle2/bg.gif"); text-align:center; float:left; } .selectorInactive { border-width:1px; border-style: solid; border-top: 1px solid #444B4D; border-left: 1px solid #444B4D; border-bottom: 1px solid #000000; border-right: 1px solid #000000; margin-bottom: 3px; padding: 4px; background-color: #202020; text-align:center; float:left; } .selectorRest { clear:both; } /* Alles, was auf den Selector folgt (weil nicht alles CSS ist) */ /* Karte */ #map-viewport { position:relative; top: 0; left: 0; width:360px; height:360px; overflow: hidden; } #map-substrate { position:absolute; top:-80px; left:-80px; width:480px; height:480px;} /* Beschriftung der x-Achse */ #map-x-viewport { position:relative; top: 0; left: 0; width:360px; height:15px; overflow: hidden; } #map-x-substrate { position:absolute; top: 0; left:-80px; width:480px; height:15px;} /* Beschriftung der y-Achse */ #map-y-viewport { position:relative; top: 0; left: 0; width:20px; height:360px; overflow: hidden; } #map-y-substrate { position:absolute; top: -80px; left: 0px; width:20px; height:480px;} .pageGeneration { position:absolute; top:35px; } .serverTime { position:absolute; top:35px; left:495px; width:300px; text-align:right;} .villageHarbor:after { background-image:url("http://www.die-kreuzzuege.de/../graphic/css/anker.gif"); background-repeat:no-repeat; } a:link { font-weight:bold; color: #CBCBCB; text-decoration:none; } a:visited { font-weight:bold; color: #CBCBCB; text-decoration:none; } a:active { font-weight:bold; color: #CBCBCB; text-decoration:none; } a:hover { font-weight:bold; color: #FFFFFF; text-decoration:none; } /*letter-spacing: 0.01cm; }*/ /* a:hover { font-weight:bold; color: #FFFFFF; POSITION: relative; TOP: 2.0px; LEFT: 1.0px; } */ td { font-size:12px; color:#aaa } /* Schriftgröße in allen tds */ /* Verwendet für 0 Einheiten (zB Berichte) */ th.hidden { color:#CCCCCC; } /* Die meisten Tabellen */ table.vis td { background-color:#292C2D; } table.vis th { color: #BBB; border-top: 1px solid #444B4D; border-left: 1px solid #444B4D; border-bottom: 1px solid #000000; border-right: 1px solid #000000; background-image:url("../graphic/css/castle2/bg.gif"); } /* Markierung für nicht vorhandene Rohstoffe */ table.vis td.marked { background-color:#6a1704; margin:0px; border-top: 1px solid #884858; border-left: 1px solid #884858; border-bottom: 1px solid #480028; border-right: 1px solid #480028; } .other { background-color:#B40000; } .nap { background-color:#0000F4; } .ally { background-color:#909800; } .self { background-color:#00C800; } .own { background-color:#000000; } /* Rangliste : Selektierter Eintrag 927965 */ tr.lit td { font-weight:bold; background-color:#6a3724;} th { font-size:9pt; color:#000000; border-top: 1px solid #000028; border-left: 1px solid #000028; border-bottom: 1px solid #303030; border-right: 1px solid #303030; font-weight:bold; background-color: #292C2D; } img { border: none; } .mapTable img { display:block; } body { background-image:url(../graphic/css/castle2/background.jpg); color:#000; margin-top:-20px; padding:0; text-align:center} .adClass { position:absolute; left:255px; top:7px; height:0; z-index:99;} .customDiv0 { border: 1px solid #000000; position:relative; top:0; left:0; color:#AAA; margin-top:0; margin-left: auto; margin-right: auto; background-image: url("../graphic/css/castle2/header.jpg"); background-repeat:no-repeat; width:795px; font-size:13px; font-family: Times,serif; text-align:left; } .customDiv1 { background-color:#5A5A5A; } .customDiv2 { position:relative; top:0px; left:0; background-image: url("../graphic/css/castle2/footer.jpg"); width:795px; height:70px; } .main { text-align:left; background-color:#000; } /* Fehlermeldungen */ .error { color:#A00; font-size:14pt; font-weight:bold; } /* "Bau nicht möglich"-Texte (Auch "Wird gerade gebaut"-Hintergrund und "Noch nicht erforscht" sowie "Gebäude vollständig ausgebaut"*/ .inactive { color:#555; } input { background-color:#202020; margin:0px; border-top: 1px solid #000028; border-left: 1px solid #000028; border-bottom: 1px solid #303030; border-right: 1px solid #303030; font-family: Verdana;font-size:10px;color:#CBCBCB;font-weight:normal; } textarea,select { background-color:#202020; margin:0px; border-top: 1px solid #000028; border-left: 1px solid #000028; border-bottom: 1px solid #303030; border-right: 1px solid #303030; font-family: Verdana;font-size:10px;color:#CBCBCB;font-weight:normal; } select { background-color:#202020; margin:0px; font-family: Verdana;font-size:10px;color:#CBCBCB;font-weight:normal; } input.normal { font-family: Verdana;font-size:10px;color:#CBCBCB;font-weight:normal; border-width:0px; } .quote { border:#000000 solid; border-width:1px; padding:5px; margin:5px; }