/* Freewar style - Black layout - (c) 2005 by minilieb*/ /* global */ p,ul,ol,div,td,span, layer,table,body { color: silver; font-size: 12px; font-family: Arial, "Comic Sans MS", Verdana } p { color: silver; margin: 0; padding: 0 } /* body */ body { background-color: #ffffff; margin: 0 } /* table */ table { border:0px; border-collapse: collapse; } /* cellspacing & cellpadding & border =0 no longer needed td { padding:0px; margin:0px; } /* scrollbars */ /* body, textarea { scrollbar-base-color:#BBBBBB; scrollbar-3dlight-color:#FFFFFF; scrollbar-arrow-color:#007F9F; scrollbar-darkshadow-color:#999999; scrollbar-face-color:#D5D5D5; scrollbar-highlight-color:#FFFFFF; scrollbar-shadow-color:#636363; scrollbar-track-color:#F5F5F5; } */ /* links */ a:link { color:#9FB6FF; text-decoration:none; font-weight:bold; } a:visited { color:#9FB6FF; text-decoration:none; font-weight:bold; } a:active { color:#9FB6FF; text-decoration:hover; font-weight:bold; } a:hover { color:#DD0000; text-decoration:underline; font-weight:bold; } /* fonts */ h1 { color: silver; font-size: 12px; font-weight: bold; margin-bottom: 0; } .medium { color: silver; font-size: 11px; } .small { color: silver; font-size: 10px; } /* colors */ .fontcolor { color: silver; } .white { color: #FFFFFF; } /* bgcolors */ .body { background-color: #FFFFFF; } .divider { background-color: #555555; } .outline { background-color: #999999; } .menubg { background-color: #F1F1F1; } .brightbg { background-color: #E5E5E5; } .verybrightbg { background-color: #F1F1F1; } .reallybrightbg { background-color: #FAFAFA; } .whitebg { background-color: #FFFFFF; } .blackbg { background-color: #000000; } .brownbg { background-color: #E1D8D1; } /* forms */ .registerinput { width: 100%; font-size: 10px; } .registersubmit { font-size: 10px; } .logininput { width: 100%; font-size: 10px; } .loginsubmit { width: 100%; font-size: 10px; } /* forms */ .input { color: silver; font-size: 10px; background-color: transparent; border: solid 1px } .submitsagen { color: silver; font-size: 10px; font-weight: bold; background-color: black; margin-right: 2px; margin-left: 1px; width: 88px; } .submitschreien { color: #6495ED; font-size: 10px; font-weight: bold; background-color: black; margin-right: 2px; width: 88px; } .submitclan { color: #EE7621; font-size: 10px; font-weight: bold; background-color: black; margin-right: 2px; width: 88px; } .submitgroup { color: #7FFF00; font-size: 10px; font-weight: bold; background-color: black; margin-right: 2px; width: 88px; } .submitworldsay { color: #008B00; font-size: 10px; font-weight: bold; background-color: black; margin-right: 2px; width: 88px; } textarea { color: silver; font-size: 12px; background-color: black; border: solid 1px navy } select { color: silver; font-size: 11px; background-color: black } /* banner stuff */ .bannerad { border: 1px solid #C85424; } /* text classes */ .chattext { color: silver; font-size: 12px; font-family: Verdana; } .chattextscream { color: #6495ED; font-size: 12px; font-family: Verdana; } .chattextclan { color: #EE7621; font-size: 12px; font-family: Verdana; } .chattextgroup { color: #7FFF00; font-size: 12px; font-family: Verdana; } .chattextinfo { color: black; font-family: Verdana; font-style: italic; background-color: #96CDCD; font-size: 13px; } .chattextworldsay { color: black; font-family: Verdana; background-color: #008B00; font-size: 13px; } .healthmed { color: #FF8000; } .healthok { color: #9ACD32; } .healthcritical { color: #D20000; } .chatpics { display: none; } .submitwhisper { color: #00cd00; font-size: 10px; font-weight: bold; background-color: black; margin-right: 2px; margin-left: 1px; width: 88px; } .chattextwhisper { color: #00CD00; font-size: 12px; font-family: Verdana; } /* frames bg */ .framebannerbg { background-color: black; background-image: url(mb_banner2.jpg); background-repeat: no-repeat; border-bottom: 1 solid #000000; } .framechatformbg { background-color: black; background-image: url(mb_bg.jpg); color: silver; } .framechattextbg { color: silver; background-color: #1a1a1a; background-image: url(mb_bg.jpg); background-attachment: fixed; margin: 5px 5px 5px 10px; } .framemainbg { color: #c9c9c9; background-color: black; background-image: url(mb_bg.jpg); background-attachment: fixed; margin: 10px; } .frameitembg { color: silver; background-color: black; background-image: url(mb_items.jpg); background-attachment: fixed; margin: 10px } .framemapbg { color: silver; background-color: black; background-image: url(mb_bg.jpg); background-attachment: fixed; margin: 3px 10px 10px } .framemenubg { color: silver; background-color: black; background-image: url(mb_bg.jpg); background-attachment: fixed; } /* main module */ td.mainheader { color: #cdc9c9; font-size: 35px; font-family: "Comic Sans MS"; font-style: italic; background-color: black; background-image: url(mb_bg.jpg); height: 55px; border-bottom: 1px solid #999999 } table.areadescription { color: silver; background-color: #ffffff; width: 100%; border: solid 1px #999999 } td.areadescription { color: silver; background-color: black; background-image: url(mb_bg.jpg); padding: 5px } .imageborder { background-color: black; margin-right: 10px; margin-bottom: 0; border: solid 1px #999999 } p.maincaption { color: silver; font-size: 30px; font-family: "Comic Sans MS"; background-color: transparent; background-repeat: repeat-y; background-position: left top; padding: 2px 2px 2px 5px } p.maincaption2 { color: #EEE8AA; font-size: 12px; font-weight: bold; background-color: transparent; background-image: url(mb_profil.png); background-repeat: no-repeat; padding: 2px 2px 2px 5px } p.maindesc1 { color: silver; background-color: transparent; padding: 2px 2px 2px 5px; width: 300px } p.maindesc2 { color: silver; background-color: transparent; width: 100%; border: solid 0 #999999 } p.listusersrow { color: silver; background-color: transparent; padding: 1px 1px 1px 5px; border-style: none solid solid; border-width: 0; border-color: #d6cbc2 } p.listplaceitemsrow { color: silver; background-color: transparent; padding: 1px 1px 1px 5px; border-style: none solid solid; border-width: 0; border-color: #d6cbc2 } /* item module */ p.listcaption { color: #EEE8AA; font-weight: bold; background-color: maroon; padding: 2px 2px 2px 5px; border: solid 1px #a2a09f } p.listsubcaption { color: silver; border-bottom: 1px solid #d6cbc2 } p.listrow { color: silver; background-color: transparent; padding: 1px 1px 1px 5px; border-style: none solid solid; border-width: 0; border-color: #d6cbc2 } p.listitemrow { color: silver; background-color: transparent; margin-bottom: 3px; padding: 2px 2px 2px 5px; border: solid 1px #d6cbc2 } p.listmainrow { background-color: transparent; padding: 2px 2px 2px 5px; bottom: 55px; border-style: none solid solid; border-width: 0 1px 1px; border-color: #d6cbc2 } .valueincreased { font-weight: bold; color: #EE4000; } .itemamount { font-weight: bold; color: #8F8F8F; } .itemequipped { font-weight: bold; color: #EE4000; } .itemmagic { font-weight: bold; color: #9ACD32; } .iteminventorypics { display: none } /* map module */ p.positiontext { color: silver; font-size: 10px; background-color: maroon; margin-right: 0; margin-bottom: 3px; margin-left: 0; padding-right: 0; padding-left: 0; width: 100%; border: solid 1px #a2a09f } /* main module */ p.personlistcaption { color: #EEE8AA; font-weight: bold; background-color: maroon; padding: 2px 2px 2px 5px; border: solid 1px #a2a09f } p.itemlistcaption { color: silver; font-weight: bold; background-color: maroon; padding: 2px 2px 2px 5px; border: solid 1px #a2a09f } /* worldsay */ p.worldsay table tr { color: #EEE8AA; background-color: maroon } p.worldsay table tr td { color: #EEE8AA } /* misc */ .borderbg { background-color: #D0CFCF; } .stdjpg { background-image:url(../std2.jpg); } /* Inventarverkleinderung (CID) */ p.listitemrow { position: relative; padding: 2px 4px 3px 4px; font-size: 1px; color: transparent; border: 1px solid #BABABA; } p.listitemrow:hover { padding: 2px 65px 3px 4px; } p.listitemrow + p { margin-top: 3px; overflow: hidden; height: 11px; } p.listitemrow a[href*="action=activate"] { display: block; height: 0px; margin: -2px 0px 0px 300px; } p.listitemrow:hover a[href*="action=activate"]:before { content: url(../pimg/cid/act.png); position: absolute; top: 2px; right: 47px; opacity: 0.80; } p.listitemrow:hover a[href*="action=activate"]:hover:before { opacity: 1.00; } p.listitemrow b, .itemequipped { font-size: 11px; color: #5E5E5E; } .itemequipped { color: #D20000 !important; font-weight: bold; } .itemamount { font-size: 11px; margin-right: 1px; } .itemmagic { font-size: 11px; margin-left: 1px; } p.listitemrow .iteminventorypics { max-height: 14px; opacity: 0.80; } p.listitemrow .iteminventorypics:hover { opacity: 1.00; } p.listitemrow img[src$="icon_transfer.gif"] { display: none; } p.listitemrow img[src$="icon_drop.gif"] { display: none; } p.listitemrow img[src$="icon_view.gif"] { display: none; } p.listitemrow:hover img[src$="icon_transfer.gif"] { display: inline-block; position: absolute; top: 3px; right: 2px; } p.listitemrow:hover img[src$="icon_drop.gif"] { display: inline-block; position: absolute; top: 4px; right: 16px; } p.listitemrow:hover img[src$="icon_view.gif"] { display: inline-block; position: absolute; top: 4px; right: 28px; } p.listitemrow span.medium { font-size: 1px; color: transparent; } p.listitemrow span.medium a { font-size: 1px; color: #FF0000; display: block; height: 0px; margin: -2px 0px 0px 300px; } #filterrow { padding: 2px; } #filterrow b { font-size: 10px; } #filterrow:before { color: #5E5E5E; } /* Waffenzustände hinter den Waffen */ p[title$="100%"]:after{ content: " (100%)"; color: #309000;font-size: smaller; } p[title$="99%"]:after { content: " (99%)"; color: #309000;font-size: smaller; } p[title$="98%"]:after { content: " (98%)"; color: #309000;font-size: smaller; } p[title$="97%"]:after { content: " (97%)"; color: #309000;font-size: smaller; } p[title$="96%"]:after { content: " (96%)"; color: #309000;font-size: smaller; } p[title$="95%"]:after { content: " (95%)"; color: #309000;font-size: smaller; } p[title$="94%"]:after { content: " (94%)"; color: #309000;font-size: smaller; } p[title$="93%"]:after { content: " (93%)"; color: #309000;font-size: smaller; } p[title$="92%"]:after { content: " (92%)"; color: #309000;font-size: smaller; } p[title$="91%"]:after { content: " (91%)"; color: #309000;font-size: smaller; } p[title$="90%"]:after { content: " (90%)"; color: #309000;font-size: smaller; } p[title$="89%"]:after { content: " (89%)"; color: #309000;font-size: smaller; } p[title$="88%"]:after { content: " (88%)"; color: #309000;font-size: smaller; } p[title$="87%"]:after { content: " (87%)"; color: #309000;font-size: smaller; } p[title$="86%"]:after { content: " (86%)"; color: #309000;font-size: smaller; } p[title$="85%"]:after { content: " (85%)"; color: #309000;font-size: smaller; } p[title$="84%"]:after { content: " (84%)"; color: #309000;font-size: smaller; } p[title$="83%"]:after { content: " (83%)"; color: #309000;font-size: smaller; } p[title$="82%"]:after { content: " (82%)"; color: #309000;font-size: smaller; } p[title$="81%"]:after { content: " (81%)"; color: #309000;font-size: smaller; } p[title$="80%"]:after { content: " (80%)"; color: #309000;font-size: smaller; } p[title$="79%"]:after { content: " (79%)"; color: #309000;font-size: smaller; } p[title$="78%"]:after { content: " (78%)"; color: #309000;font-size: smaller; } p[title$="77%"]:after { content: " (77%)"; color: #309000;font-size: smaller; } p[title$="76%"]:after { content: " (76%)"; color: #309000;font-size: smaller; } p[title$="75%"]:after { content: " (75%)"; color: #309000;font-size: smaller; } p[title$="74%"]:after { content: " (74%)"; color: #309000;font-size: smaller; } p[title$="73%"]:after { content: " (73%)"; color: #309000;font-size: smaller; } p[title$="72%"]:after { content: " (72%)"; color: #309000;font-size: smaller; } p[title$="71%"]:after { content: " (71%)"; color: #309000;font-size: smaller; } p[title$="70%"]:after { content: " (70%)"; color: #309000;font-size: smaller; } p[title$="69%"]:after { content: " (69%)"; color: #309000;font-size: smaller; } p[title$="68%"]:after { content: " (68%)"; color: #309000;font-size: smaller; } p[title$="67%"]:after { content: " (67%)"; color: #309000;font-size: smaller; } p[title$="66%"]:after { content: " (66%)"; color: #309000;font-size: smaller; } p[title$="65%"]:after { content: " (65%)"; color: #309000;font-size: smaller; } p[title$="64%"]:after { content: " (64%)"; color: #309000;font-size: smaller; } p[title$="63%"]:after { content: " (63%)"; color: #309000;font-size: smaller; } p[title$="62%"]:after { content: " (62%)"; color: #309000;font-size: smaller; } p[title$="61%"]:after { content: " (61%)"; color: #309000;font-size: smaller; } p[title$="60%"]:after { content: " (60%)"; color: #309000;font-size: smaller; } p[title$="59%"]:after { content: " (59%)"; color: #309000;font-size: smaller; } p[title$="58%"]:after { content: " (58%)"; color: #309000;font-size: smaller; } p[title$="57%"]:after { content: " (57%)"; color: #309000;font-size: smaller; } p[title$="56%"]:after { content: " (56%)"; color: #309000;font-size: smaller; } p[title$="55%"]:after { content: " (55%)"; color: #309000;font-size: smaller; } p[title$="54%"]:after { content: " (54%)"; color: #309000;font-size: smaller; } p[title$="53%"]:after { content: " (53%)"; color: #309000;font-size: smaller; } p[title$="52%"]:after { content: " (52%)"; color: #309000;font-size: smaller; } p[title$="51%"]:after { content: " (51%)"; color: #309000;font-size: smaller; } p[title$="50%"]:after { content: " (50%)"; color: #309000;font-size: smaller; } p[title$="49%"]:after { content: " (49%)"; color: #FF8000;font-size: smaller; } p[title$="48%"]:after { content: " (48%)"; color: #FF8000;font-size: smaller; } p[title$="47%"]:after { content: " (47%)"; color: #FF8000;font-size: smaller; } p[title$="46%"]:after { content: " (46%)"; color: #FF8000;font-size: smaller; } p[title$="45%"]:after { content: " (45%)"; color: #FF8000;font-size: smaller; } p[title$="44%"]:after { content: " (44%)"; color: #FF8000;font-size: smaller; } p[title$="43%"]:after { content: " (43%)"; color: #FF8000;font-size: smaller; } p[title$="42%"]:after { content: " (42%)"; color: #FF8000;font-size: smaller; } p[title$="41%"]:after { content: " (41%)"; color: #FF8000;font-size: smaller; } p[title$="40%"]:after { content: " (40%)"; color: #FF8000;font-size: smaller; } p[title$="39%"]:after { content: " (39%)"; color: #FF8000;font-size: smaller; } p[title$="38%"]:after { content: " (38%)"; color: #FF8000;font-size: smaller; } p[title$="37%"]:after { content: " (37%)"; color: #FF8000;font-size: smaller; } p[title$="36%"]:after { content: " (36%)"; color: #FF8000;font-size: smaller; } p[title$="35%"]:after { content: " (35%)"; color: #FF8000;font-size: smaller; } p[title$="34%"]:after { content: " (34%)"; color: #FF8000;font-size: smaller; } p[title$="33%"]:after { content: " (33%)"; color: #FF8000;font-size: smaller; } p[title$="32%"]:after { content: " (32%)"; color: #FF8000;font-size: smaller; } p[title$="31%"]:after { content: " (31%)"; color: #FF8000;font-size: smaller; } p[title$="30%"]:after { content: " (30%)"; color: #FF8000;font-size: smaller; } p[title$="29%"]:after { content: " (29%)"; color: #FF8000;font-size: smaller; } p[title$="28%"]:after { content: " (28%)"; color: #FF8000;font-size: smaller; } p[title$="27%"]:after { content: " (27%)"; color: #FF8000;font-size: smaller; } p[title$="26%"]:after { content: " (26%)"; color: #FF8000;font-size: smaller; } p[title$="25%"]:after { content: " (25%)"; color: #FF8000;font-size: smaller; } p[title$="24%"]:after { content: " (24%)"; color: #D20000;font-size: smaller; } p[title$="23%"]:after { content: " (23%)"; color: #D20000;font-size: smaller; } p[title$="22%"]:after { content: " (22%)"; color: #D20000;font-size: smaller; } p[title$="21%"]:after { content: " (21%)"; color: #D20000;font-size: smaller; } p[title$="20%"]:after { content: " (20%)"; color: #D20000;font-size: smaller; } p[title$="19%"]:after { content: " (19%)"; color: #D20000;font-size: smaller; } p[title$="18%"]:after { content: " (18%)"; color: #D20000;font-size: smaller; } p[title$="17%"]:after { content: " (17%)"; color: #D20000;font-size: smaller; } p[title$="16%"]:after { content: " (16%)"; color: #D20000;font-size: smaller; } p[title$="15%"]:after { content: " (15%)"; color: #D20000;font-size: smaller; } p[title$="14%"]:after { content: " (14%)"; color: #D20000;font-size: smaller; } p[title$="13%"]:after { content: " (13%)"; color: #D20000;font-size: smaller; } p[title$="12%"]:after { content: " (12%)"; color: #D20000;font-size: smaller; } p[title$="11%"]:after { content: " (11%)"; color: #D20000;font-size: smaller; } p[title$="10%"]:after { content: " (10%)"; color: #D20000;font-size: smaller; } p[title$=" 9%"]:after { content: " (9%)"; color: #D20000;font-size: smaller; } p[title$=" 8%"]:after { content: " (8%)"; color: #D20000;font-size: smaller; } p[title$=" 7%"]:after { content: " (7%)"; color: #D20000;font-size: smaller; } p[title$=" 6%"]:after { content: " (6%)"; color: #D20000;font-size: smaller; } p[title$=" 5%"]:after { content: " (5%)"; color: #D20000; } p[title$=" 4%"]:after { content: " (4%)"; color: #D20000; text-decoration:blink;} p[title$=" 3%"]:after { content: " (3%)"; color: #FF0000; text-decoration:blink; font-size: larger;} p[title$=" 2%"]:after { content: " (2%)"; color: #FF0000; text-decoration:blink; font-size: larger;} p[title$=" 1%"]:after { content: " (1%)"; color: #FF0000; text-decoration:blink; font-size: larger;} /* Auslaufender Status */ span[title*="Schutz (5 Minuten)"] { color:#ff6600; font-size: 14px;} span[title*="Schutz (4 Minuten)"] { color:#ff6600; font-size: 14px;} span[title*="Schutz (3 Minuten)"] { color:#ff6600; font-size: 14px;} span[title*="Schutz (2 Minuten)"] { color:#cc0000; font-size: 18px; text-decoration:blink;} span[title*="Schutz (1 Minuten)"] { color:#cc0000; font-size: 18px; text-decoration:blink;} span[title*="Schutz (0 Minuten)"] { color:#cc0000; font-size: 18px; text-decoration:blink;}