Code:
/*////////////////////////////////////////23.11.2005
||||||||||||||||||||||||||||||||||||||||||||||||||||
\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
DCS-Skin
2nd-Edition v2.6
CSS-Design by Riku
\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
||||||||||||||||||||||||||||||||||||||||||||||||||||
/////////////////////////////////////////////////*/
body.style center table[width="110"] { width:190px; }
.style { background:black url('pic/bkgd_navi.jpg'); background-repeat:no-repeat; background-attachment:fixed; background-position: 0 75; }
body.style center { font-family:Verdana, Tahoma, Helvetica, sans-serif; color:#DFDFDF; }
body.style center p { color:#DFDFDF; font-size:12px; }
body.style center p a:link { color:#DFDFDF; text-decoration:underlined; }
body.style center p a:visited { color:#DFDFDF; text-decoration:none; }
body.style center p a:hover { color:white; text-decoration:underlined; }
body.style center p a:active { color:white; font-weight:bold; text-decoration:underlined; }
body.style center p a:focus { color:white; text-decoration:underlined; }
body.style table { border-width:0px; border-color:grey; border-style:ridge; }
body.style table tr td { border-width:0px; border-color:grey; border-style:ridge; line-height:19px; font-size:10px; text-align:left; padding-left:20px; }
body.style table tr td div[align="center"] { text-align:left; padding-left:20px; }
body.style table tbody tr td img[height="19"] { visibility:hidden; height:0px; }
body.style table tbody tr td img[height="35"] { position:fixed; bottom:5px; left:25px; }
body.style table tbody tr td center { text-align:left; padding-left:20px; }
body.style table tr td div a:link { color:grey; text-decoration:none; }
body.style table tr td div a:visited { color:grey; text-decoration:none; }
body.style table tr td div a:hover { color:lightgrey; text-decoration:underlined; }
body.style table tr td div a:active { color:lightgrey; font-style:bold; text-decoration:underlined; }
body.style table tr td div a:focus { color:lightgrey; text-decoration:underlined; }
body { color:lightgrey; font-size:12px; font-family:Verdana, Tahoma, Helvetica, sans-serif; background:black url('pic/bkgd_main.jpg'); background-repeat:no-repeat; background-attachment:fixed; background-position: 0 75; }
p { color:lightgrey; font-size:12px; font-family:Verdana, Tahoma, Helvetica, sans-serif; }
., #, td, th, textarea, body { font-family:Trebuchet MS, Arial, Helvetica, sans-serif; font-size:11px; font-style:normal; text-align:center; }
img { border:0px; }
p table { border:0px; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; font-size:11px; }
p td { text-align:center; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; font-size:11px; }
table { empty-cells: show }
table table { border: 0px; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; font-size:11px; }
table table td { font-family:Trebuchet MS, Arial, Helvetica, sans-serif; font-size:11px; }
body center h1 { text-align:center; }
body form table th table input { width:60px; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; font-size:14px; }
td.a, td.b, td.c, td.f, input, select, td.g, td.h, td.i, td.j, td.k, td.l, td.m, td.n, td.o, td.q, td.r, td.v, textarea, p td, table.s th img { border:1px #2C2C2C solid; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; font-size:11px; }
th, td.a, td.b, td.c, td.f, input, select, td.g, td.h, td.i, td.j, td.k, td.m, td.o, td.q, td.r, td.v, td.s, p td { background-color:transparent; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; font-size:11px }
th { border:1px solid #333333; text-align:center; padding-left:3px; padding-right:3px; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; font-size:11px; }
td.a { height:37px; text-align:center; }
td.b { padding:3px; }
td.c { text-align:center; font-weight:bold; color:lightgrey; padding-left:3px; height:22px; background-image:url('img/bkd.gif'); }
td.c a { text-align:center; font-weight:bold; color:lightgrey; }
td.f, input, select, textarea { border:1px solid #606060; color: #ffffff; background-color: #232425; }
textarea { width:100%; }
td.k input { text-align:center; }
td.g { text-align:right; color:#B6C6E5; }
td.h { text-align:center; color:#B6C6E5; }
td.i { text-align:center; color:#000000; }
td.j { text-align:center; color:#B6C6E5; }
td.k, td.k input { text-align:center; color:#FFffff; }
td.l { background-color:transparent; color:#ffffff; vertical-align:top; padding:0px; opacity:50%; }
td.m { text-align:right; width:86px; color:#B6C6E5; }
td.n { text-align:right; width:88px; text-align:center; color:#B6C6E5; }
td.o { text-align:center; color:#B6C6E5; }
td.q { font-size:11px; text-align:center; vertical-align:middle; color:#B6C6E5; }
td.r { text-align:right; color:#B6C6E5; }
td.v { text-align:right; color:#B6C6E5; }
td.s { color:#B6C6E5; }
table.s tr th { border:0px; color:lightgrey; font-size:12px; }
table.s th img { width:60px; height:60px; }
table.s th center { color:grey; font-size:11px; }
div.z { color:#FFFFFF; color:lightgrey; font-size:12px; font-family:Verdana, Tahoma, Helvetica, sans-serif; }
a { color:#FFFFFF; text-decoration:none; font-weight:bold; }
a.s { color:#FFFFFF; }
a.t { color:#FFFFFF; }
a:hover { color:#A7A955; text-decoration:underline; }
h1 { font-size:11px; border-bottom:0px #2C2C2C solid; width:98%; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; text-align:right; }
center { color:#B6C6E5; }
td[align="center"][width="85"] font[color="#ff0000"] { font-size: 11px; font-weight:bold; text-decoration:blink; color:#ff0000; -moz-opacity:1.75; }
body center table tr th font a[title]:after { content:" ("attr(title)")"; color:orange; }
a[title~="Trümmerfeld:"]:after { content:" ("attr(title)")"; color:yellow; }
a[title~="Geschwindigkeit:"]:after { content:" ("attr(title)")"; color:lime; }
th.tooltip_border table tbody tr th { color: #CFCFCF; border:0px; border-color:#CFCFCF; background-color:#5F5F5F; }
td.l a[title]:after { content:" ("attr(title)")"; color:orange; }
th a[title~="Bebaute"] { color: #FFCC55 }
th a[title~="Bebaute"]:after { content: " bebaute"; color: #FFCC55;}
th a[title="max. bebaubare Felder"] { color: #33CC00 }
th a[title="max. bebaubare Felder"]:before { content: " max. "; color: #33CC00;}
th a[title="max. bebaubare Felder"]:after { content: " verfügbare"; color: #33CC00;}
table[width="519"] td a[title="Planetenmenü"]:before {content: "Willkommen auf ";}
table[width="519"] td a[title="Planetenmenü"]:after {content: "";}
select[name="speed"] {color:#00FF00}
select[name="speed"] option[value="10"]{color:#00FF00}
select[name="speed"] option[value="9"]{color:#33FF00}
select[name="speed"] option[value="8"]{color:#66FF00}
select[name="speed"] option[value="7"]{color:#99FF00}
select[name="speed"] option[value="6"]{color:#CCFF00}
select[name="speed"] option[value="5"]{color:#FFFF00}
select[name="speed"] option[value="4"]{color:#FFCC00}
select[name="speed"] option[value="3"]{color:#FF9900}
select[name="speed"] option[value="2"]{color:#FF6600}
select[name="speed"] option[value="1"]{color:#FF3300}
select[name="speed"] option[value="0"]{color:#FF0000}
select[name="start"] option[value="1"]{color:#00FF00}
select[name="start"] option[value="101"]{color:#00FF33}
select[name="start"] option[value="201"]{color:#33FF33}
select[name="start"] option[value="301"]{color:#66FF33}
select[name="start"] option[value="401"]{color:#99FF33}
select[name="start"] option[value="501"]{color:#99FF00}
select[name="start"] option[value="601"]{color:#CCFF00}
select[name="start"] option[value="701"]{color:#FFFF00}
select[name="start"] option[value="801"]{color:#FFEA00}
select[name="start"] option[value="901"]{color:#FFCC00}
select[name="start"] option[value="1001"]{color:#FF9900}
select[name="start"] option[value="1101"]{color:#FF8300}
select[name="start"] option[value="1201"]{color:#FF6600}
select[name="start"] option[value="1301"]{color:#FF3300}
select[name="start"] option[value="1401"]{color:#FF0000}
option[value="100"]{color:#00FF00}
option[value="90"]{color:#33FF00}
option[value="80"]{color:#66FF00}
option[value="70"]{color:#99FF00}
option[value="60"]{color:#CCFF00}
option[value="50"]{color:#FFFF00}
option[value="40"]{color:#FFCC00}
option[value="30"]{color:#FF9900}
option[value="20"]{color:#FF6600}
option[value="10"]{color:#FF3300}
option[value="0"]{color:#FF0000}
select[name="auftr"] option {color:#E6EBFB}
select[name="pziel"] option[value="0"]{color:#E6EBFB}
select[name="bew"] option[value="0"]{color:#E6EBFB}
select[name="bewforce"] option[value="0"]{color:#E6EBFB}
img[height="30"] { border : 0px; width : 22px; height : 22px; }
.flight { color: #00AA00; }
tr.flight th { color: #00FF00; }
span.flight { color: #00AA00; }
tr.flight th span.flight a { color: #AEFFAE; }
.return {color: #DFDFDF; }
tr.return th { color: #FF9F00; }
span.return { color: #AEFFAE; }
tr.return th span.owntransport a { color: #AEFFAE; }
span.flight.owntransport { color: #00AA00; }
tr.flight th span.flight.owntransport a { color: #00FF00; }
body center table tbody tr.flight th span.flight.owntransport a[title]:after { content:" ("attr(title)")"; color: #00AA00; }
span.return.owntransport { color: #00AA00; }
tr.return th span.return.owntransport a { color: #AEFFAE; }
body center table tbody tr.return th span.return.owntransport a[title]:after { content:" ("attr(title)")"; color: #AEFFAE; }
.flight.owndeploy { color: #00AA00; }
tr.flight th span.flight.owndeploy a { color: #00FF00; }
body center table tbody tr.flight th span.flight.owndeploy a[title]:after { content:" ("attr(title)")"; color: #AEFFAE; }
span.flight.ownespionage { color: #ff9900; }
tr.flight th span.flight.ownespionage a { color: #FF9F00; }
body center table tbody tr.flight th span.flight.ownespionage a[title]:after { content:" ("attr(title)")"; color: #FF9F00; }
span.return.ownespionage { color: #FF9F00; }
tr.return th span.return.ownespionage a { color: #FF9F00; }
tr.return th span.return.ownespionage span.class { color: #FF9F00; }
body center table tbody tr.return th span.return.ownespionage a[title]:after { content:" ("attr(title)")"; color: #FF9F00; }
span.flight.ownattack { color: #00AA00; }
tbody tr.flight th span.flight.ownattack a.ownattack { color: #ffffcc; }
body center table tbody tr.flight th span.flight.ownattack a[title]:after { content:" ("attr(title)")"; color: #AEFFAE; }
tr span.owndestroy { color:#ff0000; }
tr span.owndestroy a {color:#FF0000; }
body center table tbody tr.flight th span.flight.owndestroy a[title]:after { content:" ("attr(title)")"; color: #339933; }
span.return.ownattack { color: #339933; }
tr.return th span.return.ownattack a.ownattack { color: #339933; }
tr.return th span.return.ownattack span.class { color: #339933; }
body center table tbody tr.return th span.return.ownattack a[title]:after { content:" ("attr(title)")"; color: #AEFFAE; }
span.flight.owncolony { color: #00AA00; }
tr.flight th span.flight.owncolony a { color: #00FF00; }
body center table tbody tr.flight th span.flight.owncolony a[title]:after { content:" ("attr(title)")"; color: #AEFFAE; }
span.return.owncolony { color: #AEFFAE; }
tr.return th span.return.owncolony a.owncolony { color: #AEFFAE; }
tr.return th span.return.owncolony span.class { color: #AEFFAE; }
body center table tbody tr.return th span.return.owncolony a[title]:after { content:" ("attr(title)")"; color: #AEFFAE; }
span.flight.ownhold { color: #00AA00; }
tr.flight th span.flight.ownhold a { color: #82B4FF; }
body center table tbody tr.flight th span.flight.ownhold a[title]:after { content:" ("attr(title)")"; color: #82B4FF; }
span.return.ownhold { color: #AEFFAE; }
tr.return th span.return.ownhold a.ownhold { color: #AEFFAE; }
tr.return th span.return.ownhold span.class /* <-- iss das absicht? */ { color: #AEFFAE; }
body center table tbody tr.return th span.return.ownhold a[title]:after { content:" ("attr(title)")"; color: #AEFFAE; }
.holding { color: #82B4FF; }
span.ownhold { color:#00AA00; }
span.ownhold a { color:#82B4FF; }
body center table tbody tr.holding th span.holding.ownhold a[title]:after { content:" ("attr(title)")"; color: #82B4FF; }
span.flight.ownharvest { color: #00AA00; }
tr.flight th span.flight.ownharvest a { color: #FFFF00; }
body center table tbody tr.flight th span.flight.ownharvest a[title]:after { content:" ("attr(title)")"; color: #AEFFAE; }
span.return.ownharvest { color: #AEFFAE; }
tr.return th span.return.ownharvest a.ownharvest { color: #AEFFAE; }
tr.return th span.return.ownharvest span.class { color: #AEFFAE }
body center table tbody tr.return th span.return.ownharvest a[title]:after { content:" ("attr(title)")"; color: #AEFFAE; }
.ownmissile { color: #00FF00; }
tbody tr th span.flight.ownattack a.ownattack { color:#82B4FF; }
span.flight.ownattack a[title]:after { content:" ("attr(title)")"; color: #82B4FF; }
span.flight.ownfederation { color:#00AA00;}
.ownfederation { color: #82B4FF; }
span.flight.ownfederation a[title]:after { content:" ("attr(title)")"; color: #82B4FF; }
.return.ownfederation { color:#AEFFAE; }
span.return.ownfederation a { color:#AEFFAE; }
span.return.ownfederation a[title]:after { content:" ("attr(title)")"; color: #AEFFAE; }
.flight.attack { color:#FF0000; }
.flight.attack a { color:#FF0000; text-decoration:blink; }
.flight.attack a[title] { text-decoration:none; }
body center table tr.flight th span.flight.attack a[title]:after { content:" ("attr(title)")"; color:#FF9F00; }
tr.flight th span.flight.destroy { color:#FF0000; text-decoration:blink; }
tr.flight th span.flight.destroy a.destroy { color:#FF0000; }
body center table tr.flight th span.flight.destroy a[title]:after { content:" ("attr(title)")"; color:#FF9F00; }
.flight.federation {color:#FF0000;}
.flight.federation a {color:#FF0000; text-decoration:blink;}
.flight.federation a[title] {color:#FF9F00; text-decoration:none;}
span.flight.attack a[title]:after { content:" ("attr(title)")"; color: #FF9F00; }
span.flight.federation a[title]:after { content:" ("attr(title)")"; color: #FF9F00; }
span.flight.transport { color: #0090E0; }
span.flight.transport a.transport { color: #0090E0; }
span.flight.transport a[title]:after { content:" ("attr(title)")"; color: #00AFFF; }
.hold { color: #3399CC; }
.holding { color:#FFFFFF; }
.flight.espionage { color:#FF0000; }
.flight.espionage a { color:#FF0000; text-decoration:blink; }
.flight.espionage a[title] { text-decoration:none; }
body center table tr.flight th span.flight.espionage a[title]:after { content:" ("attr(title)")"; color:#FF9F00; }
.missile { color: #FF6600; }
.combatreport { color: #FF0000; }
.espionagereport { color:#FFBF00; }
/* für Commander die sich Spioberichte erstmal ohne Details anzeigen lassen
tbody tr th a font[color="orange"] {color: orange; } */
.allymember { color: lime; }
.noob { color: #a0ffa0; }
.strong { color: #ffa0a0; }
.vacation { color: skyblue; }
.inactive { color: CCCCCC; }
.longinactive { color: 999999; }
.banned { text-decoration: line-through; }
.success { color: lime; }
.error { color: red; text-decoration:blink; }
.warning { color: orange; text-decoration:blink; background-color:#FF0000; }
.notice { color: yellow; text-decoration:blink; background-color:#FF0000; }
.timeremaining { font-weight: bold; }
.noresources { font-weight: bold; }
table tr th b:before{content:" "}
table tr th b + b:before{content:" "}
table tr th b + b + b:before{content:" "}
table tr th b + b + b + b:before{content:" "}
i > b > font:before {content: "[ "}
i > b > font:after {content: " ]"}
table[width="100%"] tr + tr + tr > td + td[width="85"]:before{content: "« "; font-size: 9px;}
table[width="100%"] tr + tr + tr > td + td[width="85"]:after {content: " »"; font-size: 9px;}
table[width="100%"] tr + tr + tr > td + td + td[width="85"]:before{content: "« "; font-size: 9px;}
table[width="100%"] tr + tr + tr > td + td + td[width="85"]:after {content: " »"; font-size: 9px;}
table[width="100%"] tr + tr + tr > td + td + td + td[width="85"]:before{content: "« "; font-size: 9px;}
table[width="100%"] tr + tr + tr > td + td + td + td[width="85"]:after {content: " »"; font-size: 9px;}
table[width="100%"] tr + tr + tr > td + td + td + td + td[width="85"]:before{content: "« "; font-size: 9px;}
table[width="100%"] tr + tr + tr > td + td + td + td + td[width="85"]:after {content: " »"; font-size: 9px;}
table[width="100%"] tr + tr + tr > td + td + td + td + td + td[width="85"]:before{content: ""}
table[width="100%"] tr + tr + tr > td + td + td + td + td + td[width="85"]:after {content: ""}
center table tr td + td center table tr td + td {padding-right:20px;}
td[width="85"] { width:0; padding-top : 0px; padding-bottom : 0px; padding-left : 10px; padding-right : 10px; }
select[name="u"] option[value="2"]{color:#FF0000}
select[name="u"] option[value="1"]{color:#FFFF00}
select[name="u"] option[value="0"]{color:#00FF00}
/*
Versions-Log
To-Do-List:
- all done 19.08.2006
v0.2.6 online + download 19.08.2006
- fehler bei der Hintergrundanzeige Imperiumsansicht gefixt
- Prozentanzeige bei Schiffsgeschwindigkeit eingefärbt und diverse andere Grafik-Gimmicks
- Planetenbilder in der Galaansicht verkleinert
- Leere Tabellenzellen werden mit Rahmen angezeigt
- farbe verbündeter, haltender Flotten geändert und blinken abgestellt
- überflüssige Dateien entfernt (Archiv um 600kb kleiner ;)
v0.2.5 online + DL 01.03.2006
- .noresources und .timeremaining hinzugefügt
- Direktanzeige der fehlenden "Ress-bis Baubeginn-möglich"
v0.2.4 online + DL 24.12.2005
- Grösse des TF wird wieder direkt in der Gala angezeigt
v0.2.3 Online 14.12.2005
- Bilder für Buddylist und Trümmerfeld hinzugefügt
- fremde Spionageflotten sind jetzt rot statt grün
v0.2.2 DL + Online 12.12.2005 auf http://www.exelor.de/skins/wolfskin/
- 26.11.2005 fremde Transportflotten angepasst (Blau)
v0.2.1 Online 25.11.2005
- Java Tooltips wieder sichtbar gemacht und dem Skin angepasst (wegen Statistik Tooltips).
- Fehler bei der Anzeige feindlicher Verbandsflotten gefixt.
v0.2 DL + Online 23.11.2005 - 2nd Edition
- Navi aufgeräumt
- Hintergrund über Navi und Mainframe "verteilt"
- Die neuen CSS-Klassen implementiert.
- Neuer Planet (dschjungelanet04.jpg)
v0.1 DL + Online 04.09.2005 - first Release
- erstes Release mit direkter Tooltip-Anzeige
mfg Riku
*/
und möchte wie im folgenden Screen die Trennstriche haben