/************************************************************************************ * File : skinstyle.css * Project : HellsInn * Author : Hendrik Thieß (hendrik.thiess@redmoonstudios.de) * Company : RedMoonStudios * Version : 2.0 * Language : CSS * * Disclaimer: * This software is property of Redmoon Studios * * History: * 01.03.2007 Hendrik Thieß First Version * ************************************************************************************/ #toolbarFooter { font-weight: normal; font-size: 8pt; font-family: "Tahoma"; } #toolbarFooter, #toolbarFooter a, #toolbarFooter span { color: #504e41; } #toolbarFooter a:hover { color: #F10000; } /* font-weight: normal; */ * { margin:0; padding: 0; text-align: center; border-collapse: collapse; color: #CCCCCC; } /*border: 0; border-color:red; */ body { background-color: #000000 !important; color: #CCCCCC !important; margin: 0px; padding: 0px; font-family: "Palatino Linotype", "Arial Unicode MS", "Athena", "Lucida Sans Unicode"; text-align: center; font-weight: bold; outline: none; } fieldset, img { border: 0px; } select, option { font-weight: normal; text-align: left; background-color: #000000; color: #CCCCCC; text-indent: 2px; } input.textfield { font-weight: normal; color: #CCCCCC; border: 1px solid #CCCCCC; text-indent: 2px; text-align: left; background-color: #000000; } select.selectfield { font-weight: normal; color: #CCCCCC; border: 1px solid #CCCCCC; text-indent: 2px; text-align: left; background-color: #000000; } input.textfield:hover, select.selectfield:hover { border-color: white; } input.textfield:focus, select.selectfield:focus { border-color: red; } /* input.textfield:focus, select.selectfield:focus { background-color: gray; color: white; } */ table { margin-left: auto; margin-right: auto; } th { font-style: oblique; } .PortalText { text-align: left; font-weight: normal; } #maintable { border-collapse: collapse; width: 990px; background: url(../page_bg.jpg) repeat-y; } /*** Skin ***/ #deko01, #deko08, #deko31, #deko33 { background: repeat-y; position: absolute; height: 100%; width: 255px; text-align: left; } #deko01 { background: url(../page_01.jpg) bottom; left: -255px; bottom: 79px; } #deko08 { background: url(../page_08.jpg) bottom; right: -255px; bottom: 79px; } #deko31 { background: url(../page_31.jpg); left: -255px; height: 79px; bottom: 0px; } #deko32 { background: url(../page_32.jpg); height: 79px; width: 990px; bottom: 0px; top: auto; } #deko33 { background: url(../page_33.jpg); right: -255px; height: 79px; bottom: 0px; } td.td02 { background: url(../page_02.jpg) no-repeat; width: 26px; height: 86px; } td.td03 { background: url(../page_03.jpg) no-repeat; width: 60px; height: 11px; } td.td04 { background: url(../page_04.jpg) no-repeat; width: 248px; height: 86px; } div.td05 { width: 305px; height: 86px; overflow: hidden; } td.td06 { background: url(../page_06.jpg) no-repeat; width: 298px; height: 86px; } td.td07 { background: url(../page_07.jpg) no-repeat; width: 53px; height: 86px; } #td09 { background: url(../page_09.gif) no-repeat; width: 60px; height: 75px; } td.td10 { background: url(../page_10.jpg) no-repeat; width: 86px; height: 90px; } td.td11 { background: url(../page_11.jpg) no-repeat; width: 851px; height: 90px; } td.td12 { background: url(../page_12.jpg) no-repeat; width: 53px; height: 90px; } #td13 { background: url(../page_13.jpg) no-repeat; width: 86px; height: 59px; } /*td.td14 { background: url(../page_14.jpg) no-repeat; width: 851px; height: 59px; }*/ td.td15 { background: url(../page_15.gif) no-repeat; width: 53px; height: 111px; } td.td16 { background: url(../page_16.jpg) no-repeat; width: 76px; height: 22px; } #td18 { background: url(../page_18.jpg) no-repeat; width: 76px; height: 103px; } td.td19 { background: url(../page_19.gif) no-repeat; width: 53px; height: 109px; } td.td19:hover { background: url(../page_19h.jpg); } td.td20 { background: url(../page_20.jpg) no-repeat; width: 76px; height: 22px; } #td21 { background: url(../page_21.jpg) no-repeat; width: 76px; height: 103px; } td.td23 { background: url(../page_23.jpg) no-repeat; width: 76px; height: 22px; } #td24 { background: url(../page_24.jpg) no-repeat; width: 76px; height: 103px; } td.td25 { background: url(../page_25.jpg) no-repeat; width: 76px; height: 22px; } td.td26 { background: url(../page_26.jpg) no-repeat; width: 76px; height: 10px; } td.td28 { background: url(../page_28.gif) no-repeat; width: 76px; height: 116px; } td.td29 { background: url(../page_29.jpg) no-repeat; width: 861px; height: 116px; } td.td30 { background: url(../page_30.gif) no-repeat; width: 53px; height: 116px; } div.impressum29, div.impressum29h { width: 203px; height: 52px; position: relative; z-index:10; top: 32px; left: 632px; text-align: left; } div.impressum29:hover, div.impressum29h { background: url(../btn_impressum_1.jpg) no-repeat; } /* Hauptmenü: Buttons */ .ba, .bc, .bd, .be, .bah, .bch, .bdh, .beh { background: no-repeat center; height: 59px; cursor: pointer; text-align: left; } .bah .tu, .ba .tu, .ba, .bah { width: 215px; } .bch .tu, .bc .tu, .bc, .bch { width: 212px; } .bdh .tu, .bd .tu, .bd, .bdh { width: 215px; } .beh .tu, .be .tu, .be, .beh { width: 209px; } .ba .bu1, .ba .bu2, .ba .bu3, .ba .bu4, .ba .bu5, .ba .bu6, .ba .bu7, .ba .bu8 { width: 215px; left: 432px; } .bc .bu1, .bc .bu2, .bc .bu3, .bc .bu4, .bc .bu5, .bc .bu6, .bc .bu7, .bc .bu8 { width: 212px; left: 222px; } .bd .bu1, .bd .bu2, .bd .bu3, .bd .bu4, .bd .bu5, .bd .bu6, .bd .bu7, .bd .bu8 { width: 215px; left: 5px; } .be .bu1, .be .bu2, .be .bu3, .be .bu4, .be .bu5, .be .bu6, .be .bu7, .be .bu8 { width: 209px; left: 646px; } /* Untermenü: Button */ .bu1, .bu2, .bu3, .bu4, .bu5, .bu6, .bu7, .bu8 { width: 200px; position: absolute; top: 35px; cursor: pointer; z-index: 9; height: 72px; left: 15px; } .bu2 { top: 85px; z-index: 8; } .bu3 { top: 135px; z-index: 7; } .bu4 { top: 185px; z-index: 6; } .bu5 { top: 235px; z-index: 5; } .bu6 { top: 285px; z-index: 4; } .bu7 { top: 335px; z-index: 3; } .bu8 { top: 385px; z-index: 2; } /* Untermenü: Text */ .tu { z-index: 10; position: absolute; top: 40px; cursor: pointer; left: 10px; } /* Divs ein-/ausblenden */ .HideMe { display: none; } .HideChildh .HideMe, .HideChild:hover .HideMe { display: block; } /* show1 immer anzeigen */ #show1 div { display: block; } /* show1 ausblenden, wenn: */ #maintable:hover #show1 div, .hideDivs div, .menu div { display: none; } /* show1 einblenden, wenn: */ #tabs:hover #show1:hover div, #showmsg:hover #show1 div, .menu:hover div, .menuh div { display: block; } /* show1 ausblenden, wenn: */ #tabs:hover #show1 div { display: none; } .fixed { position: fixed; top: 280px; width: 288px; display: block; } /* top: 245px;*/ /* Neuen Index setzen - Verwendung: verwalten.tpl, training.tpl */ .index { position: relative; z-index: 2; float: left; height: 175px; width: 132px; text-align: left; } .index:hover { z-index: 10; } .eigKreaturen, .eigKreaturenh { width: 100px; background-color: black; text-align: left; } .eigKreaturen:hover, .eigKreaturenh { width: 230px; } /* Hilfetext / Sprechblase / Fehlerausgabe */ /* top:+80px, left:-20px */ div.helptext, div.helptextmaintable, div.helptextmenu { position: absolute; top: 85px; left: 80px; z-index: 10; width: 900px; height: 45px; text-align: left; } div.helptextmaintable { top: -150px; left: 4px; z-index: 1; } div.helptextmenu { top: -91px; left: -7px; z-index: 1; } #tabs { position: absolute; top:130px; left: 100px; z-index: 10; text-align: left; height: 0px; } #tabs div.helptext { top: -45px; left: -20px; z-index: 2; } p.helptext { text-align: left; font-weight: normal; color: white; } .helptextTable { margin: 0px; } .greencandle, .yellowcandle, .orangecandle, .redcandle { width: 50px; height: 50px; cursor: pointer; } .greencandle { background: url(../candle_green.gif) no-repeat center; } .yellowcandle { background: url(../candle_yellow.gif) no-repeat center; } .orangecandle { background: url(../candle_orange.gif) no-repeat center; } .redcandle { background: url(../candle_red.gif) no-repeat center; } #show1 .greencandle, .greencandle:hover { background: url(../candle_green_h.gif) no-repeat center; } #show1 .yellowcandle, .yellowcandle:hover { background: url(../candle_yellow_h.gif) no-repeat center; } #show1 .orangecandle, .orangecandle:hover { background: url(../candle_orange_h.gif) no-repeat center; } #show1 .redcandle, .redcandle:hover { background: url(../candle_red_h.gif) no-repeat center; } /* Definition aller Rahmen */ /* Ecken */ td.slo, td.lo, td.ro, td.lu, td.ru, td.Ulo, td.Uro, td.Ulu, td.Uru, td.klo, td.kro, td.klu, td.kru { width: 9px; height: 9px; } /* Geraden Vertikal */ td.slu, td.sb2, td.sl, td.l, td.r, td.Ul, td.Ur, td.kl, td.kr { width: 9px; } /* Geraden Horizontal */ td.so, td.sro, td.so, td.o, td.u, td.Uo, td.Uu, td.ko, td.ku { height: 9px; } /* Ecken Sprechblase */ td.sro, td.sr, td.sru { width: 12px; } td.sb3, td.slu, td.su, td.sru { height:10px; } td.sb1, td.sb2 { height:25px; } td.sb1, td.sb3 { width:21px; } /* Rahmenbilder fuer Inhalt */ td.lo { background: url(../r/b_lo.gif); } td.o { background: url(../r/b_o.gif); } td.ro { background: url(../r/b_ro.gif); } td.l { background: url(../r/b_l.gif); } td.r { background: url(../r/b_r.gif); } td.lu { background: url(../r/b_lu.gif); } td.u { background: url(../r/b_u.gif); } td.ru { background: url(../r/b_ru.gif); } /* Rahmenbilder fuer Title */ td.title_ru, td.title_lu, td.title_lo, td.title_ro { height: 6px; width: 9px; } td.title_o, td.title_u { height: 6px; } td.title_l, td.title_r { width: 9px; } td.title_lo { background: url(../r/title/title_lo.gif); } td.title_o { background: url(../r/title/title_o.gif); } td.title_ro { background: url(../r/title/title_ro.gif); } td.title_l { background: url(../r/title/title_l.gif); } td.title_r { background: url(../r/title/title_r.gif); } td.title_lu { background: url(../r/title/title_lu.gif); } td.title_u { background: url(../r/title/title_u.gif); } td.title_ru { background: url(../r/title/title_ru.gif); } td.title_m { background: url(../r/title/title_m.gif); } /* Rahmenbilder fuer Kreaturen */ td.klo { background: url(../r/x_lo.gif); } td.ko { background: url(../r/x_o.gif); } td.kro { background: url(../r/x_ro.gif); } td.kl { background: url(../r/x_l.gif); } td.kr { background: url(../r/x_r.gif); } td.klu { background: url(../r/x_lu.gif); } td.ku { background: url(../r/x_u.gif); } td.kru { background: url(../r/x_ru.gif); } /* Rahmenbilder fuer Untermenu */ td.Ulo { background: url(../r/untermenu/0/lo.gif); } td.Uo { background: url(../r/untermenu/0/o.gif); } td.Uro { background: url(../r/untermenu/0/ro.gif); } td.Ul { background: url(../r/untermenu/0/l.gif); } td.Ur { background: url(../r/untermenu/0/r.gif); } td.Ulu { background: url(../r/untermenu/0/lu.gif); } td.Uu { background: url(../r/untermenu/0/u.gif); } td.Uru { background: url(../r/untermenu/0/ru.gif); } td.Ubg { background: url(../r/untermenu/0/bg.gif); } /* Rahmenbilder fuer Sprechblase */ td.slo { background: url(../r/sb/lo.gif); } td.so { background: url(../r/sb/o.gif); } td.sro { background: url(../r/sb/ro.gif); } td.sl { background: url(../r/sb/l.gif); } td.sr { background: url(../r/sb/r.gif); } td.slu { background: url(../r/sb/lu.gif); } td.su { background: url(../r/sb/u.gif); } td.sru { background: url(../r/sb/ru.gif); } td.sbbg { background: url(../r/sb/bg.gif); } td.sb1 { background: url(../r/sb/sb1.gif) no-repeat; } td.sb2 { background: url(../r/sb/sb2.gif) no-repeat; } td.sb3 { background: url(../r/sb/sb3.gif) no-repeat; } /* Highlightrahmen fuer Untermenu */ .Ut_toggle, table.Ut { border-collapse: collapse; } .Ut_toggle td.Ulo, table.Ut:hover td.Ulo { background: url(../r/untermenu/1/lo.gif); } .Ut_toggle td.Uo, table.Ut:hover td.Uo { background: url(../r/untermenu/1/o.gif); } .Ut_toggle td.Uro, table.Ut:hover td.Uro { background: url(../r/untermenu/1/ro.gif); } .Ut_toggle td.Ul, table.Ut:hover td.Ul { background: url(../r/untermenu/1/l.gif); } .Ut_toggle td.Ur, table.Ut:hover td.Ur{ background: url(../r/untermenu/1/r.gif); } .Ut_toggle td.Ulu, table.Ut:hover td.Ulu { background: url(../r/untermenu/1/lu.gif); } .Ut_toggle td.Uu, table.Ut:hover td.Uu { background: url(../r/untermenu/1/u.gif); } .Ut_toggle td.Uru, table.Ut:hover td.Uru { background: url(../r/untermenu/1/ru.gif); } .Ut_toggle td.Ubg, table.Ut:hover td.Ubg { background: url(../r/untermenu/1/bg.gif); } /* Highlightrahmen fuer Kreaturen */ table.kt { border-collapse: collapse; margin: 3px; margin-left: auto; margin-right: auto; } .index .kt, .indexh .kt { margin: 0px; } /* background-color: black; */ .MarginRight .kt { margin: 0px; margin-right: auto; text-align: right; } .MarginLeft .kt { margin: 0px; margin-left: auto; text-align: left; } table.kt:hover td.klo { background: url(../r/lo.gif); } table.kt:hover td.ko { background: url(../r/o.gif); } table.kt:hover td.kro { background: url(../r/ro.gif); } table.kt:hover td.kl { background: url(../r/l.gif); } table.kt:hover td.kr { background: url(../r/r.gif); } table.kt:hover td.klu { background: url(../r/lu.gif); } table.kt:hover td.ku { background: url(../r/u.gif); } table.kt:hover td.kru { background: url(../r/ru.gif); } /* Inhalt leer */ .empty { background: url(../r/empty_p.gif) center no-repeat; width: 100px; height: 100px; } /* Checkbox */ .checkbox, .checkboxh { width:19px; height:19px; cursor: pointer; } .checkbox { background: url(../r/checkbox_0.gif) center no-repeat; } .checkboxh { background: url(../r/checkbox_1.gif) center no-repeat; } /* Standardbutton */ .button { background: url(../r/button.jpg) no-repeat transparent; width: 124px; height: 28px; color: #CCCCCC; font-weight: bold; border:0px; cursor: pointer; } /* Maximizebutton */ .maximize { margin-bottom: -1px; margin-top: -2px; margin-right: -2px; float: right; } /* Truppenverbände */ img.trupp { width: 50px; height: 50px; margin: 2px; } div.trupp { background: url(../r/unselected.gif) top no-repeat; width: 54px; height: 54px; } div.trupph, div.trupphj, div.trupp:hover { background: url(../r/selected.gif) top no-repeat; width: 54px; height: 54px; } #angriff, #buddeln, #verteidigung { width: 75px; height: 75px; border: 0px; cursor: pointer; } #angriff { background: url(../k/t/angriff_75.gif) center no-repeat; } #buddeln { background: url(../k/t/buddeln_75.gif) center no-repeat; } #verteidigung { background: url(../k/t/verteidigung_75.gif) center no-repeat; } .AttackIconh, .AttackIcon { background: url(../r/attack_button.gif) transparent no-repeat; width: 62px; height: 60px; border:0px; cursor: pointer; outline: none; } .AttackIconh, .AttackIcon:hover { background: url(../r/attack_button_1.gif) transparent no-repeat; } .BuddelIconx, .BuddelIconh, .BuddelIcon { background: url(../r/buddeln_button.gif) transparent no-repeat; width: 65px; height: 61px; border:0px; cursor: pointer; outline: none; } .BuddelIconh, .BuddelIcon:hover { background: url(../r/buddeln_button_1.gif) transparent no-repeat; } .BuddelIconx { background: url(../r/buddeln_button_x.gif) transparent no-repeat; cursor: default; } /* Links */ .SubTitle a, .SubTitle { color: #A6A6A6; } a { color: #CCCCCC; font-weight: bold; text-decoration: none; outline: none; } .SubTitle a:hover, .SubTitle a:focus, .button:hover, a:hover, a:focus { color: ButtonHighlight; } table.sum1, table.sum2 { border-bottom: thin inset #CCCCCC; width: 100%; } table.sum2 { border-bottom: medium double; } .frage { background: url(../fragezeichen.gif) no-repeat center; } #transparency:hover img { -moz-opacity: 0.5; opacity: 0.5; } #transparency:hover .HideChild:hover img { -moz-opacity: 1;} /* Messages */ .quote { font-weight: normal; left: 5px; margin-right: 10px; margin-top: 10px; position: relative; text-align: left; text-indent: 5px; background-color: gray; border: 1px white solid; color: white; } .rip { background: url(../k/e/rip.gif) no-repeat center; height: 100px; width: 100px; } .TableBg0 { background: url(../r/table_bg_bright.gif); } .TableBg1 { background: url(../r/table_bg_dark.gif); } .TableBgScore0 { background: url(../r/table_bg_bright_s.gif); } .TableBgScore1 { background: url(../r/table_bg_dark_s.gif); } .BgHoverh .TableBg0, .BgHover:hover .TableBg0 { background: url(../r/table_bg_dark.gif); } .BgScoreHoverh .TableBgScore0, .BgScoreHoverht .TableBgScore0, .BgScoreHover:hover .TableBgScore0 { background: url(../r/table_bg_dark_s.gif); } .BgScoreHoverh a, .BgScoreHoverht a { color: white; } /*#hseffect:hover .TableBg1 { background-image: url(../table_bg_bright.gif); }*/ .target0 { background: url(../r/table_bg_red_s.gif); cursor: default; } .target0d { background: url(../r/table_bg_d_red_s.gif); cursor: default; } .target1 { background: url(../r/table_bg_green_s.gif); cursor: pointer; } .target1d { background: url(../r/table_bg_d_green_s.gif); cursor: pointer; } .target2 { background: url(../r/table_bg_blue_s.gif); cursor: default; } .target2d { background: url(../r/table_bg_d_blue_s.gif); cursor: default; } .target3 { background: url(../r/table_bg_bright_s.gif); cursor: default; } .target3d { background: url(../r/table_bg_dark_s.gif); cursor: default; } .targeth .target0, .target:hover .target0 { background: url(../r/table_bg_d_red_s.gif); } .targeth .target1, .target:hover .target1 { background: url(../r/table_bg_d_green_s.gif); } .targeth .target2, .target:hover .target2 { background: url(../r/table_bg_d_blue_s.gif); } .targeth .target3, .target:hover .target3 { background: url(../r/table_bg_dark_s.gif); } .fightreport { position: relative; width: 818px; margin-left: auto; margin-right: auto; } .form { margin: 3px; border-collapse: collapse; margin-left: auto; margin-right: auto; } .fightreport .form { background: url(../kampfbericht.jpg) no-repeat bottom black; }