Projektseiten
Seit Version 0.71 gibt es in oGame einige neue CSS-Klassen die es Skinnern erlauben, viele Farbvorgaben zu ändern.
Trotz sorgfältiger überprüfung kann ich fehler nicht ausschliessen, auch kann ich hier garantiert nicht alle möglichkeiten darstellen. Ich habe bewusst für jede Klasse nur ein Formatierungsbeispiel angegeben. Ausser der Farbe können mittels CSS natürlich noch viele weitere Darstellungsmöglichkeiten definiert werden, diese jedoch hier zu dokumentieren würde den Rahmen des Projekts hoffnungslos sprengen. Die Farbangaben müssen von euch noch euren Wünschen entsprechend angepasst werden. Die Farbcodes auf dieser Seite sind die die ich zum Testen benutzt habe - sieht nicht wirklich gut aus wenn das so verwendet wird ;)
Eine bitte noch: Wenn ihr den CSS-Code von dieser Seite kopiert fügt bitte einen Hinweis auf diese Seite mit in eure "formate.css" ein. Danke.
/*/////////////////////////////////////////////////////////////////////////// //// //// die neuen CSS Klassen in v0.71 //// //// Kommentiert von Dr. Jekyll //// //// http://www.exelor.de //// /////////////////////////////////////////////////////////////////////////////*/
/* 1.1.1 Ankunftszeit und Meldungstext */
.flight { color: #FF1F00; }
/* 1.1.2 nur Ankunftszeit */
tr.flight th { color: #00BF00; }
/* 1.1.3 nur Meldungstext */
span.flight { color: #CFCFCF; }
/* 1.1.4 Links: Flotten, Auftrag */
tr.flight th span.flight a {
color: #FF7F00; }
/* 1.2.1 Ankunftszeit und Meldungstext */
.return {color: #FF0000; }
/* 1.2.2 nur Ankunftszeit */
tr.return th { color: #E06060; }
/* 1.2.3 nur Meldungstext */
span.return { color: #FFFF00; }
/* 1.2.4 Links: Flotten, Auftrag */
tr.return th span.owntransport a { color: #DFDFDF; }
/* 2.1.1 Meldungstext */
tr.flight th span.flight.owntransport { color: #00DF00; }
/* 2.1.2 Links: Flotten, Auftrag */
tr.flight th span.flight.owntransport a { color: #00FF00; }
/* 2.1.3 Direktanzeige Tooltips Schiffe und Ressourcen der Flotte */
body center table tbody tr.flight th span.flight.owntransport a[title]:after {
content:" ("attr(title)")"; color: #00FF3F; }
/* 2.2.1 Meldungstext */
span.return.owntransport { color: #00FF9F; }
/* 2.2.2 Links: Flotten, (BUG?: Auftrag nicht als Link deklariert) */
tr.return th span.return.owntransport a { color: #00FF9F; }
/* 2.2.3 Direktanzeige Tooltips Schiffe und Ressourcen der Flotte */
body center table tbody tr.return th span.return.owntransport a[title]:after {
content:" ("attr(title)")"; color: #00FF9F; }
/* 3.1.1 Meldungstext */
.flight.owndeploy { color: #FF0000; }
/* 3.1.2 Links: Flotten, Auftrag */
tr.flight th span.flight.owndeploy a { color: #FF0000; }
/* 3.1.3 Direktanzeige Tooltips Schiffe und Ressourcen der Flotte */
body center table tbody tr.flight th span.flight.owndeploy a[title]:after {
content:" ("attr(title)")"; color: #FF0000; }
/* 4.1.1 Meldungstext */
span.flight.ownespionage { color: #FF0000; }
/* 4.1.2 Links: Flotten, (BUG?: Auftrag nicht als Link deklariert) */
tr.flight th span.flight.ownespionage a { color: #FF0000; }
/* 4.1.3 Direktanzeige Tooltips Schiffe und Ressourcen der Flotte */
body center table tbody tr.flight th span.flight.ownespionage a[title]:after {
content:" ("attr(title)")"; color: #FF0000; }
/* 4.2.1 Meldungstext */
span.return.ownespionage { color: #FF0000; }
/* 4.2.2 Link: Flotten */
tr.return th span.return.ownespionage a { color: #20FF00; }
/* 4.2.2 Link: Auftrag */
tr.return th span.return.ownespionage span.class /* BUG?: span.class */ { color: #20FF00; }
/* 4.2.3 Direktanzeige Tooltips Schiffe und Ressourcen der Flotte */
body center table tbody tr.return th span.return.ownespionage a[title]:after {
content:" ("attr(title)")"; color: #20FF00; }
/* 5.1.1 Meldungstext */
span.flight.ownattack { color: #AF00FF; }
/* 5.1.2 Link: Flotte */
tr.flight th span.flight.ownattack a { color: #AF00FF; }
/* 5.1.3 Direktanzeige Tooltips Schiffe und Ressourcen der Flotte */
body center table tbody tr.flight th span.flight.ownattack a[title]:after {
content:" ("attr(title)")"; color: #AF00FF; }
/* 5.2.1 Meldungstext */
span.return.ownattack { color: #AF00FF; }
/* 5.2.2 Link: Flotten und Auftrag wenn das Ziel erreicht war? oder nur wenn Ress an Bord sind? */
tr.return th span.return.ownattack a.ownattack { color: #CFCFCF; }
/* 5.2.2 Link: Auftrag wenn Flotte das Ziel noch nicht erreicht hatte? oder auch wenn keine
Ress an Board?*/
tr.return th span.return.ownattack span.class /* BUG?: span.class? */ { color: #00FF00; }
/* 5.2.3 Direktanzeige Tooltips Schiffe und Ressourcen der Flotte */
body center table tbody tr.return th span.return.ownattack a[title]:after {
content:" ("attr(title)")"; color: #FFFF00; }
/* 6.1.1 Meldungstext (und Auftrag, da beim Auftrag keine Klasse hinterlegt ist) */
span.flight.owncolony { color: #0000FF; }
/* 6.1.2 Link: Flotte */
tr.flight th span.flight.owncolony a { color: #FFFF00; }
/* 6.1.3 Direktanzeige Tooltip Schiffe der Flotte */
body center table tbody tr.flight th span.flight.owncolony a[title]:after {
content:" ("attr(title)")"; color: #0000FF; }
/* 6.2.1 Meldungstext */
span.return.owncolony { color: #0000FF; }
/* 6.2.2 Link: Flotten (und Auftrag wenn das Ziel erreicht war? oder nur wenn Ress an Bord sind?) */
tr.return th span.return.owncolony a.owncolony { color: #0000FF; }
/* 6.2.2 Link: Auftrag (wenn Flotte das Ziel noch nicht erreicht hatte?
oder auch wenn keine Ress an Board?)*/
tr.return th span.return.owncolony span.class /* SPAN.CLASS?? */ { color: #0000FF; }
/* 6.2.3 Direktanzeige Tooltips Schiffe und Ressourcen der Flotte */
body center table tbody tr.return th span.return.owncolony a[title]:after {
content:" ("attr(title)")"; color: #0000FF; }
/* 7.1.1 Meldungstext */
span.flight.ownhold { color: #FF0000; }
/* 7.1.2 Link: Flotte, Auftrag */
tr.flight th span.flight.ownhold a { color: #FF0000; }
/* 7.1.3 Direktanzeige Tooltips Schiffe und Ressourcen der Flotte */
body center table tbody tr.flight th span.flight.ownhold a[title]:after {
content:" ("attr(title)")"; color: #FF0000; }
/* 7.2.1 Meldungstext */
span.return.ownhold { color: #FF0000; }
/* 7.2.2 Link: Flotten (und Auftrag wenn das Ziel erreicht war? oder nur wenn Ress an Bord sind?) */
tr.return th span.return.ownhold a.ownhold { color: #FF0000; }
/* 7.2.3 Link: Auftrag (wenn Flotte das Ziel noch nicht erreicht hatte?
oder auch wenn keine Ress an Board?) */
tr.return th span.return.ownhold span.class /* SPAN.CLASS?? */ { color: #FF0000; }
/* 7.2.4 Direktanzeige Tooltips Schiffe und Ressourcen der Flotte */
body center table tbody tr.return th span.return.ownhold a[title]:after {
content:" ("attr(title)")"; color: #FF0000; }
/* 7.3.1 Halten - Zeit bis Rückflug */
.holding { color: #ff0000; }
/* 7.3.2 Halten - Meldungstext */
span.ownhold { color:#ff0000; }
/* 7.3.3 Halten - Link "Flotte" */
span.ownhold a { color:#FFFF00; }
/* 7.3.4 Direktanzeige Tooltips Schiffe und Ressourcen der Flotte */
body center table tbody tr.holding th span.holding.ownhold a[title]:after {
content:" ("attr(title)")"; color: #ff0000; }
/* 8.1.1 Meldungstext (und Auftrag - keine Klasse hinterlegt */
span.flight.ownharvest { color: #0000FF; }
/* 8.1.2 Link: Flotte */
tr.flight th span.flight.ownharvest a { color: #FFFF00; }
/* 8.1.3 Direktanzeige Tooltips Schiffe und Ressourcen der Flotte */
body center table tbody tr.flight th span.flight.ownharvest a[title]:after {
content:" ("attr(title)")"; color: #0000FF; }
/* 8.2.1 Meldungstext */
span.return.ownharvest { color: #0000FF; }
/* 8.2.2 Link: Flotten (und Auftrag wenn das Ziel erreicht war? oder nur wenn Ress an Bord sind?) */
tr.return th span.return.ownharvest a.ownharvest { color: #0000FF; }
/* 8.2.3 Link: Auftrag wenn Flotte das Ziel noch nicht erreicht hatte?
oder auch wenn keine Ress an Board?*/
tr.return th span.return.ownharvest span.class /* SPAN.CLASS?? */ { color: #0000FF; }
/* 8.2.4 Direktanzeige Tooltips Schiffe und Ressourcen der Flotte */
body center table tbody tr.return th span.return.ownharvest a[title]:after {
content:" ("attr(title)")"; color: #0000FF; }
/* 9.1 Raketenangriff - Hinflug */
/* 10.1.1 Link "Flotte" der eröffnenden Flotte, Meldungstext unter 5.1 definiert */
tbody tr th span.flight.ownattack a.ownattack { color:#82B4FF; }
/* 10.1.2 Direktanzeige Tooltip der eröffnenden Flotte */
span.flight.ownattack a[title]:after { content:" ("attr(title)")"; color: #82B4FF; }
/* 10.1.3 Meldungstext der Verbandsflotten */
span.flight.ownfederation { color:#00AA00;}
/* 10.1.4 Verbandsflotten Link "Flotte" Hinflug */
.ownfederation { color: #82B4FF; }
/* 10.1.5 Direktanzeige Tooltip der Verbandsflotten */
span.flight.ownfederation a[title]:after {
content:" ("attr(title)")"; color: #82B4FF; }
/* 10.2.1 Meldungstext */
.return.ownfederation { color:#AEFFAE; }
/* 10.2.2 Link "Flotte" */
span.return.ownfederation a { color:#AEFFAE; }
/* 10.2.3 Direktanzeige Tooltip */
span.return.ownfederation a[title]:after {
content:" ("attr(title)")"; color: #AEFFAE; }
/* 11.1.1 Meldungstext */
.flight.attack { color:#FF0000; }
/* 11.1.2 Flottenlink blinkend */
.flight.attack a { color:#FF0000; text-decoration:blink; }
/* 11.1.3 hier wird das blinken der Schiffe wieder abgestellt */
.flight.attack a[title] { text-decoration:none; }
/* 11.1.4 Anzeige der Schiffe einer Flotte in der Übersicht */
body center table tr.flight th span.flight.attack a[title]:after {
content:" ("attr(title)")"; color:#FF9F00; }
/* 11.2.1 Meldungstext blinkend */
tr.flight th span.flight.destroy { color:#FF0000;
text-decoration:blink; }
/* 11.2.2 Flottenlink */
tr.flight th span.flight.destroy a.destroy { color:#FF0000; }
/* 11.2.3 Anzeige der Schiffe einer Flotte in der Übersicht */
body center table tr.flight th span.flight.destroy a[title]:after {
content:" ("attr(title)")"; color:#FF9F00; }
/* 11.3.1 Meldungstext */
/*.federation { color: red; } */
.flight.federation {color:#FF0000;}
/* 11.3.2 Link: "Flotte", Blinkend */
.flight.federation a {color:#FF0000; text-decoration:blink;}
/* 11.3.2 Hier wir das Blinken der Schiffe wieder abgestellt */
.flight.federation a[title] {color:#FF9F00; text-decoration:none;}
/* 11.3.4 Direktanzeige Tooltip der Verbandsflotten */
span.flight.attack a[title]:after {
content:" ("attr(title)")"; color: #FF9F00; }
span.flight.federation a[title]:after {
content:" ("attr(title)")"; color: #FF9F00; }
/* 12.1 Transporte */
/* 12.1.1 Transporte Meldungstext */
span.flight.transport {
color: #0090E0;
}
/* 12.1.2 Link "Flotte" */
span.flight.transport a.transport {
color: #0090E0;
}
/* 12.1.3 Direktanzeige Tooltip der Flotte */
span.flight.transport a[title]:after {
content:" ("attr(title)")"; color: #00AFFF;
}
/* 12.2 Halten */
.hold { color: #3399CC; }
/* 12.3 Spionage */
.espionage { color: #FF7F00; }
/* 12.4 Raketenangriff */
.missile { color: #FF6600; }
/* 12.5 Kampfberichtsüberschriften */
.combatreport { color: #FF0000; }
/* 12.6 Spioberichtsüberschriften */
.espionagereport { color:#FFBF00; }
/* für Commander die sich Spioberichte erstmal ohne Details anzeigen lassen
tbody tr th a font[color="orange"] {color: orange; } */
/* 12.7 Spieler ist...*/
/* 12.7.1 ...in der eigenen Allianz */
.allymember { color: lime; }
/* 12.7.2 ...im Noobschutz */
.noob { color: #a0ffa0; }
/* 12.7.3 ...zu stark um ihn anzugreifen */
.strong {
color: #ffa0a0; }
/* 12.7.4 ...im Urlaubsmodus */
.vacation { color: skyblue; }
/* 12.7.5 ...mind. 7 Tgae inaktiv */
.inactive { color: CCCCCC; }
/* 12.7.6 ...mind. 14 Tgae inaktiv */
.longinactive { color: 999999; }
/* 12.7.7 ...gesperrt */
.banned { text-decoration: line-through; }
/* 12.7.8 Erfolgsmeldung z.B. "Flotte wurde verschickt" */
.success { color: lime; }
/* 12.7.9 Fehlermeldung z.B. "Max. Anzahl Flotten erreicht" */
.error { color: red; text-decoration:blink; }
/* mfg Dr_Jekyll*/