Dark Forest

Hier wird über Freewar-Styles und -Designs geredet. Man kann eigene Styles vorstellen oder Fragen zu den CSS-Styles stellen.
Antworten
Benutzeravatar
winzig
Klauenbartrein
Beiträge: 1258
Registriert: 28. Nov 2005, 14:24
Wohnort: hinter der Mauer in Delos

Re: Dark Forest

Beitrag von winzig » 19. Jul 2009, 07:59

Mheatus hat geschrieben:p[title*="Zustand: 99%"]:after { content: " 99ccc%"; font-size: 9px; color:#405940; font-weight: bold; }

Das wird der Fehler sein, den Jin-Ho meint.
Und der andere Fehler mit dem unleserlichen Profil wird wohl am [center] liegen - da müsst man mal winzigs style durchschauen wo das definiert wird.
Habs schon gefunden, trotzdem Danke.
Die Unleserlichkeit lag daran, dass kursiv formatierte Texte hellgrau auf ähnlich hellgrauem Hintergrund waren.

Ist in der aktuellen Version schon draußen, sowie neue Funktionen drin - Downloadpaket.

Ab sofort gehts hier weiter!
winzig | Oh yeah, Baby!
Nach oben
Benutzeravatar
Andi90
großer Laubbär
Beiträge: 3872
Registriert: 27. Aug 2006, 20:59

Re: Dark Forest

Beitrag von Andi90 » 18. Jan 2012, 13:15

Ich hab winzigs Original über die Jahre immer wieder ein wenig weiterentwickelt, verbessert und jeweils an die aktuellen Updates angepasst und möchte hier mal den aktuellen Style vorstellen und ihn euch zur Verwendung anbieten, da winzig ihn offenbar nicht mehr anbietet und ich immer wieder positive Rückmeldung erhalten habe.

Dark Forest Style
Version 2.2.11 - Letzte Aktualisierung: 29.10.2012

Screens:
Bild

Bild

Bild Bild

Der Style eignet sich gut für Dauerzocker ;) Die dunkle Farbe ist bei jedem Licht sehr angenehm für die Augen.

Download der aktuellen Version
Nach oben
Bärchen
Kopolaspinne
Beiträge: 935
Registriert: 7. Jan 2009, 17:05

Re: Dark Forest

Beitrag von Bärchen » 19. Jan 2012, 11:27

Danke Andi. Sehr sehr gedämpft.

Hätte ein paar doofe Fragen:

1. Feld- und Npc-Beschreibung haben eine Art Hintergrund. Kann ich den auch bei Nachrichten wie Briefen einfügen?
Fertig 2. Nr. 4: Lebkuchen (3), wie ändere ich die Farbe von "Nr. 4" und "(3)"? (Und falls jemand ganz motiviert ist: die neue Farbe soll besser lesbar sein, also entweder dunkler oder viel heller (aber das wär vielleicht zu viel Arbeit ^^))
Fertig 3. Gleiche Frage zu nicht mehr vorhandenen Items auf Schnellzaubern, auch kaum lesbar
Fertig 4. Wie verschiebe ich den Link für die offene Gruppe? (Und ja, die Gm müssen noch etwas hoch und nach rechts *g)
Fertig 5. 2x Auflösung des Schutzes (Z: 5 | , das Item sollte die Farbe der Zahl haben
6. Besteht die Möglichkeit, hinter der Waffenstärke den Zustand der Waffe anzuzeigen?
Fertig 7. Das (M) bräuchte auch noch ne auffälligere Färbung.

Also falls jemand mag, wär ich für ein paar Antworten dankbar, falls derjenige in W8 spielt kann ich auch ne Belohnung geben ^^

So siehts jetzt aus:
SpoilerShow
Bild

Gekürzt, weil nur 60k Zeichen möglich:

Code: Alles auswählen

/*Schriftfarbe, Schriftart*/
p,ul,ol,div,span,layer,table,body { 
  color: #5E5E5E;
  font-family: arial,helvetica,sans-serif; 
  font-size: 12px; }


/*Abstände*/
p { 
  margin: 0px; 
  padding: 0px; }


/*Schriftfarbe in Tabellenzellen*/
td {
  color: #5E5E5E; }

/*Legende*/
legend {
  border: solid #55504A 1px;
  background-color :#5E5E5E;
  color: #000000; }


/*Fieldset*/
fieldset {
  border: solid #55504A 1px;
  background-color: #38332F;
  color: #000000; }

fieldset b {
  color: #000000; }

/*Tabelle*/
table {
  border: 1px;
  border-color: #55504A;
  border-collapse: collapse; }


/*Zelle*/
td {
  margin: 0px;  
  padding: 0px; } 


/*Link in Tabelle*/
a {
  width: 100px; }


/*Normaler Link*/
a:link { 
  color: #938A81;
  font-weight: bold; 
  text-decoration: none; }


/*Besuchter Link*/
a:visited { 
  color: #938A81;
  font-weight: bold;
  text-decoration: none; }


/*Gerade aktiver (geklickter) Link*/
a:active { 
  color: #938A81;
  font-weight:bold;
  text-decoration:none; }


/*Hover (Maus über dem Link)*/
a:hover { 
  color: #5E5E5E;
  font-weight :bold;
  text-decoration: underline; }


/*Überschrift*/
h1 { 
  font-size: 12px; 
  font-weight: bold; 
  margin-bottom: 0px; 
  font-color: #5E5E5E;}


/*Mittlere Schrift*/
.medium { 
  font-color: #5E5E5E;
  font-size: 10px; }


/*Kleine Schrift (zB Item anschauen-Link im Inventar)*/
.small { 
  font-color: #5E5E5E;
  font-size: 9px; }



/*FARBEN***********************************************************************************************************************************/

/*Diverses*/
.fontcolor { 
  color: #555555; }

.white { 
  color: #38332F; }



/*HINTERGRUNDFARBEN************************************************************************************************************************/
.body { 
  background-color: #000000; }

.divider { 
  background-color: #555555; }

.outline { 
  background-color: #999999; }

.menubg	{ 
  background-color: #000000; }

.brightbg { 
  background-color: #E5E5E5; }

.verybrightbg { 
  background-color: #F1F1F1; }

.reallybrightbg	{ 
  background-color: #FAFAFA; }

.whitebg { 
  background-color: #38332F; }

.blackbg { 
  background-color: #000000; }

.brownbg { 
  background-color: #E1D8D1; }

/*Chateingabe*/
.framechatformbg { 
  background-color: #000000; 
  margin-top: -2px;
  border-top: 1px solid #000000; }


/*Legende und Inventar*/
.frameitembg { 
  background-color: #000000; 
  margin: 10px; }

  
/*NACHRICHTENANZEIGE IM MENÜ-FRAME*********************************************************************************************************/

.framemenubg blink { 
  text-decoration: underline; }
  

/*INVENTARFRAME****************************************************************************************************************************/

/*Balken im Inv. weg*/
img[src$="item_divider.gif"] { 
  display: none; }
  

/*Schnellzauber Tabelle*/
#fastspell td { 
  background-color: #46433E;
  background-image: url(background/df_horn.png);
  background-repeat: no-repeat;
  border: 1px solid #222222;
  color: #222222;
  font-weight: bold; 
  padding: 2px; 
  padding-left: 5px; 
  text-align: right; }


/*Doppeltes Icon und Trennbalken in der SZ-Titelleiste entfernen*/
#fastspell td:last-child { 
  border-left: none;
  background-image: none; }

#fastspell td:first-child { 
  border-right: none; 
  padding-left: 72px; }
  

/*Schnellzauber 1*/
#fastspell1 {
  border-left: solid #38332F 5px;
  border-right: solid #38332F 5px; }
  
#fastspell1 td {
  background-color: #38332F;
  border-bottom: dotted #46433E 1px;
  border-top: 0px;
  color: #222222;
  padding: 1px;
  padding-left: 0px;
  padding-right: 0px; }


/*Schnellzauber 2*/
#fastspell2 {
  border-left: solid #38332F 5px;
  border-right: solid #38332F 5px; }

#fastspell2 td {
  background-color: #38332F;
  border-bottom: dotted #46433E 1px;
  border-top: 0px;
  color: #222222;
  padding: 1px;
  padding-left: 0px;
  padding-right: 0px; }


/*Schnellzauber 3*/
#fastspell3 {
  border-left: solid #38332F 5px;
  border-right: solid #38332F 5px; }
  
#fastspell3 td {
  background-color: #38332F;
  border-bottom: dotted #46433E 1px;
  border-top: 0px;
  color: #222222;
  padding: 1px;
  padding-left: 0px;
  padding-right: 0px; }


/*Schnellzauber 4*/
#fastspell4 {
  border-left: solid #38332F 5px;
  border-right: solid #38332F 5px; }

#fastspell4 td {
  background-color: #38332F;
  border-bottom: dotted #46433E 1px;
  border-top: 0px;
  color: #222222;
  padding: 1px;
  padding-left: 0px;
  padding-right: 0px; }


/*Schnellzauber 5*/
#fastspell5 {
  border-left: solid #38332F 5px;
  border-right: solid #38332F 5px; }
  
#fastspell5 td {
  background-color: #38332F;
  border-bottom: dotted #46433E 1px;
  border-top: 0px;
  color: #222222;
  padding: 1px;
  padding-left: 0px;
  padding-right: 0px; }


/*Schnellzauber 6 (nur für Sponsoren)*/
#fastspell6 {
  border-left: solid #38332F 5px;
  border-right: solid #38332F 5px; }

#fastspell6 td {
  background-color: #38332F;
  border-bottom: dotted #46433E 1px;
  border-top: 0px;
  color: #222222;
  padding: 1px;
  padding-left: 0px;
  padding-right: 0px; }


/*Schnellzauber 7 (nur für Sponsoren)*/
#fastspell7 {
  border-left: solid #38332F 5px;
  border-right: solid #38332F 5px; }

#fastspell7 td {
  background-color: #38332F;
  border-bottom: dotted #46433E 1px;
  border-top: 0px;
  color: #222222;
  padding: 1px;
  padding-left: 0px;
  padding-right: 0px; }


/*Schnellzauber 8 (nur für Sponsoren)*/
#fastspell8 {
  border-left: solid #38332F 5px;
  border-right: solid #38332F 5px; }

#fastspell8 td {
  background-color: #38332F;
  border-bottom: dotted #46433E 1px;
  border-top: 0px;
  color: #222222;
  padding: 1px;
  padding-left: 0px;
  padding-right: 0px; }


/*Schnellzauber 9 (nur für Sponsoren)*/
#fastspell9 {
  border-left: solid #38332F 5px;
  border-right: solid #38332F 5px; }

#fastspell9 td {
  background-color: #38332F;
  border-bottom: dotted #46433E 1px;
  border-top: 0px;
  color: #222222;
  padding: 1px;
  padding-left: 0px;
  padding-right: 0px; }


/*Anzahl der Items im SZ*/
.fastitemamount {
  color: #222222; }


/*Leerer SZ*/
.emtpyshortcut {
  color: #222222; }


/*Überschrift Legende und Inventar*/
p.listcaption { 
  background-color: #46433E;
  background-image: url(background/df_scroll.png);
  background-repeat: no-repeat;
  border: 1px solid #222222;
  color: #222222;
  font-weight: bold; 
  padding: 2px; 
  padding-left: 5px; 
  text-align: right; }


/*Unterschiedliche Icons bei Status und Itemframe*/
.frameitembg script:first-child + p.listcaption { 
  background-image: url(background/df_scroll.png); }

p[id^="listrow_"] ~ p.listcaption { 
  background-image: url(background/df_pfeife.png); }


/*Akalimit-Teil*/
p.listsubcaption { 
  border-bottom: 1px dotted #46433E; 
  background-color:#9ba359; }


/*Liste Legende*/
p.listrow {
  background-color: #38332F;
  border: solid #38332F 5px;
  border-bottom: dotted #46433E 1px;
  border-top: 0px;
  color: #9E917B;
  padding: 1px;
  padding-left: 0px;
  padding-right:0px; }


/*Vor Liste*/
p.listrow:before {
  content:""; }


/*Itemliste*/
p.listitemrow { 
  background-color: #38332F; 
  border-left: solid #38332F 5px;  
  border-right: solid #38332F 5px; 
  border-bottom: 1px dotted #46433E;  
  color: #9E917B;
  padding: 1px; }



/*Legende*/
p.listmainrow { 
  padding: 2px; 
  min-height: 55px; 
  padding-left: 5px; 
  background-color: #38332F; 
  border: 1px solid #46433E; 
  border-top: 0px; }


/*Farbe von aktuell erhöhten Werten durch getragene Waffen oder Zustände*/
.valueincreased { 
  color:#507050;
  font-size:9px; 
  font-weight:bold; }


/*Itemanzahl*/
.itemamount { 
  font-weight: bold;
  color: #938A81;; }


/*Angelegtes Item*/
.itemequipped { 
  font-weight: bold; 
  color: #000000;
  background-color:#55504A; }


/*Magisches Item*/
.itemmagic { 
  font-weight: bold; 
  color: #5E5E5E; }


/*Bilder im Inventar*/
.iteminventorypics { 
  display: none; }


/*Gold Icon neben Stand*/
img[src$="icon_gold.gif"] { 
   display: none; }


/*Gold ablegen Icon*/
img[src$="icon_dropgold.gif"] { 
  display: none; }
  
a[href*="item.php?action=moneydrop1"]:after { 
  content: url(icons/df_dropgold.gif); }


/*Gold übergeben Icon*/
img[src$="icon_transfergold.gif"] { 
  display: none; }
  
a[href*="item.php?action=moneytransfer1"]:after { 
  content: url(icons/df_transfergold.gif); }


/*(durch Waffe) ausblenden*/
#listrow_attackp { white-space: nowrap; overflow: hidden;}
#listrow_attackp span.valueincreased { padding-right: 150px; } 



/*CHARAKTERMENÜ****************************************************************************************************************************/

/*Aussehen*/
.abilitymenu { 
  border:0px;
  border-collapse: collapse; }

.abilitymenu tr { 
  padding: 2px; 
  padding-left: 5px; 
  background-color: #38332F; }

.abilitymenu td {
  text-align: right; 
  padding: 2px; 
  padding-left: 5px; 
  border: 1px solid #46433E; }

td.c1 {
  text-align: left; }

.bold td{
  font-weight: bold; }



/*KARTE************************************************************************************************************************************/

/*Position*/
p.positiontext { 
  background-color: #46433E;
  background-image: url(background/df_kompass.png);
  background-repeat: no-repeat;
  border: 1px solid #222222;
  color: #222222;
  text-align: right;
  font-weight: bold; 
  margin-left: 0px; 
  margin-right: 0px; 
  margin-bottom: 3px; 
  padding: 2px;
  width: 254px; }


/*Bergfeld*/
table tr td[background$='std.jpg'] { 
  background-image: url(background/df_mountains.jpg); }


/*X tauschen*/
img[src$="user.gif"] { 
  display: block; 
  width: 0; 
  background: url(icons/df_x.png); no-repeat; 
  padding-left: 50px; 
  overflow: hidden; }


/*Zahlen tauschen (Zwecks einfacher Editibarkeit zeilenweise gestylt)*/
img[src$="zahl1.gif"] { display: block; width: 0; background: url(zahlen/1.png); no-repeat; padding-left: 50px; overflow: hidden; }
img[src$="zahl2.gif"] { display: block; width: 0; background: url(zahlen/2.png); no-repeat; padding-left: 50px; overflow: hidden; }
img[src$="zahl3.gif"] { display: block; width: 0; background: url(zahlen/3.png); no-repeat; padding-left: 50px; overflow: hidden; }
img[src$="zahl4.gif"] { display: block; width: 0; background: url(zahlen/4.png); no-repeat; padding-left: 50px; overflow: hidden; }
img[src$="zahl5.gif"] { display: block; width: 0; background: url(zahlen/5.png); no-repeat; padding-left: 50px; overflow: hidden; }
img[src$="zahl6.gif"] { display: block; width: 0; background: url(zahlen/6.png); no-repeat; padding-left: 50px; overflow: hidden; }
img[src$="zahl7.gif"] { display: block; width: 0; background: url(zahlen/7.png); no-repeat; padding-left: 50px; overflow: hidden; }
img[src$="zahl8.gif"] { display: block; width: 0; background: url(zahlen/8.png); no-repeat; padding-left: 50px; overflow: hidden; }
img[src$="zahl9.gif"] { display: block; width: 0; background: url(zahlen/9.png); no-repeat; padding-left: 50px; overflow: hidden; }
img[src$="zahl10.gif"] { display: block; width: 0; background: url(zahlen/10.png); no-repeat; padding-left: 50px; overflow: hidden; }
img[src$="zahl11.gif"] { display: block; width: 0; background: url(zahlen/11.png); no-repeat; padding-left: 50px; overflow: hidden; }
img[src$="zahl12.gif"] { display: block; width: 0; background: url(zahlen/12.png); no-repeat; padding-left: 50px; overflow: hidden; }
img[src$="zahl13.gif"] { display: block; width: 0; background: url(zahlen/13.png); no-repeat; padding-left: 50px; overflow: hidden; }
img[src$="zahl14.gif"] { display: block; width: 0; background: url(zahlen/14.png); no-repeat; padding-left: 50px; overflow: hidden; }
img[src$="zahl15.gif"] { display: block; width: 0; background: url(zahlen/15.png); no-repeat; padding-left: 50px; overflow: hidden; }
img[src$="zahl16.gif"] { display: block; width: 0; background: url(zahlen/16.png); no-repeat; padding-left: 50px; overflow: hidden; }
img[src$="zahl17.gif"] { display: block; width: 0; background: url(zahlen/17.png); no-repeat; padding-left: 50px; overflow: hidden; }
img[src$="zahl18.gif"] { display: block; width: 0; background: url(zahlen/18.png); no-repeat; padding-left: 50px; overflow: hidden; }
img[src$="zahl19.gif"] { display: block; width: 0; background: url(zahlen/19.png); no-repeat; padding-left: 50px; overflow: hidden; }
img[src$="zahl20.gif"] { display: block; width: 0; background: url(zahlen/20.png); no-repeat; padding-left: 50px; overflow: hidden; }


/*Gruppenzahlen tauschen (Zwecks einfacher Editibarkeit zeilenweise gestylt)*/
img[src$="zahlg1.gif"] { display: block; width: 0; background: url(zahlen/1g.png); no-repeat; padding-left: 50px; overflow: hidden; }
img[src$="zahlg2.gif"] { display: block; width: 0; background: url(zahlen/2g.png); no-repeat; padding-left: 50px; overflow: hidden; }
img[src$="zahlg3.gif"] { display: block; width: 0; background: url(zahlen/3g.png); no-repeat; padding-left: 50px; overflow: hidden; }
img[src$="zahlg4.gif"] { display: block; width: 0; background: url(zahlen/4g.png); no-repeat; padding-left: 50px; overflow: hidden; }
img[src$="zahlg5.gif"] { display: block; width: 0; background: url(zahlen/5g.png); no-repeat; padding-left: 50px; overflow: hidden; }
img[src$="zahlg6.gif"] { display: block; width: 0; background: url(zahlen/6g.png); no-repeat; padding-left: 50px; overflow: hidden; }
img[src$="zahlg7.gif"] { display: block; width: 0; background: url(zahlen/7g.png); no-repeat; padding-left: 50px; overflow: hidden; }
img[src$="zahlg8.gif"] { display: block; width: 0; background: url(zahlen/8g.png); no-repeat; padding-left: 50px; overflow: hidden; }
img[src$="zahlg9.gif"] { display: block; width: 0; background: url(zahlen/9g.png); no-repeat; padding-left: 50px; overflow: hidden; }
img[src$="zahlg10.gif"] { display: block; width: 0; background: url(zahlen/10g.png); no-repeat; padding-left: 50px; overflow: hidden; }
img[src$="zahlg11.gif"] { display: block; width: 0; background: url(zahlen/11g.png); no-repeat; padding-left: 50px; overflow: hidden; }
img[src$="zahlg12.gif"] { display: block; width: 0; background: url(zahlen/12g.png); no-repeat; padding-left: 50px; overflow: hidden; }
img[src$="zahlg13.gif"] { display: block; width: 0; background: url(zahlen/13g.png); no-repeat; padding-left: 50px; overflow: hidden; }
img[src$="zahlg14.gif"] { display: block; width: 0; background: url(zahlen/14g.png); no-repeat; padding-left: 50px; overflow: hidden; }
img[src$="zahlg15.gif"] { display: block; width: 0; background: url(zahlen/15g.png); no-repeat; padding-left: 50px; overflow: hidden; }
img[src$="zahlg16.gif"] { display: block; width: 0; background: url(zahlen/16g.png); no-repeat; padding-left: 50px; overflow: hidden; }
img[src$="zahlg17.gif"] { display: block; width: 0; background: url(zahlen/17g.png); no-repeat; padding-left: 50px; overflow: hidden; }
img[src$="zahlg18.gif"] { display: block; width: 0; background: url(zahlen/18g.png); no-repeat; padding-left: 50px; overflow: hidden; }
img[src$="zahlg19.gif"] { display: block; width: 0; background: url(zahlen/19g.png); no-repeat; padding-left: 50px; overflow: hidden; }
img[src$="zahlg20.gif"] { display: block; width: 0; background: url(zahlen/20g.png); no-repeat; padding-left: 50px; overflow: hidden; }


/*NPC auf Feld-Zahlen tauschen (Zwecks einfacher Editibarkeit zeilenweise gestylt)*/
img[src$="npczahl1.gif"] { display: block; width: 0; background: url(zahlen/1n.png); no-repeat; padding-left: 50px; overflow: hidden; }
img[src$="npczahl2.gif"] { display: block; width: 0; background: url(zahlen/2n.png); no-repeat; padding-left: 50px; overflow: hidden; }
img[src$="npczahl3.gif"] { display: block; width: 0; background: url(zahlen/3n.png); no-repeat; padding-left: 50px; overflow: hidden; }
img[src$="npczahl4.gif"] { display: block; width: 0; background: url(zahlen/4n.png); no-repeat; padding-left: 50px; overflow: hidden; }
img[src$="npczahl5.gif"] { display: block; width: 0; background: url(zahlen/5n.png); no-repeat; padding-left: 50px; overflow: hidden; }
img[src$="npczahl6.gif"] { display: block; width: 0; background: url(zahlen/6n.png); no-repeat; padding-left: 50px; overflow: hidden; }
img[src$="npczahl7.gif"] { display: block; width: 0; background: url(zahlen/7n.png); no-repeat; padding-left: 50px; overflow: hidden; }
img[src$="npczahl8.gif"] { display: block; width: 0; background: url(zahlen/8n.png); no-repeat; padding-left: 50px; overflow: hidden; }
img[src$="npczahl9.gif"] { display: block; width: 0; background: url(zahlen/9n.png); no-repeat; padding-left: 50px; overflow: hidden; }
img[src$="npczahl10.gif"] { display: block; width: 0; background: url(zahlen/10n.png); no-repeat; padding-left: 50px; overflow: hidden; }
img[src$="npczahl11.gif"] { display: block; width: 0; background: url(zahlen/11n.png); no-repeat; padding-left: 50px; overflow: hidden; }
img[src$="npczahl12.gif"] { display: block; width: 0; background: url(zahlen/12n.png); no-repeat; padding-left: 50px; overflow: hidden; }
img[src$="npczahl13.gif"] { display: block; width: 0; background: url(zahlen/13n.png); no-repeat; padding-left: 50px; overflow: hidden; }
img[src$="npczahl14.gif"] { display: block; width: 0; background: url(zahlen/14n.png); no-repeat; padding-left: 50px; overflow: hidden; }
img[src$="npczahl15.gif"] { display: block; width: 0; background: url(zahlen/15n.png); no-repeat; padding-left: 50px; overflow: hidden; }
img[src$="npczahl16.gif"] { display: block; width: 0; background: url(zahlen/16n.png); no-repeat; padding-left: 50px; overflow: hidden; }
img[src$="npczahl17.gif"] { display: block; width: 0; background: url(zahlen/17n.png); no-repeat; padding-left: 50px; overflow: hidden; }
img[src$="npczahl18.gif"] { display: block; width: 0; background: url(zahlen/18n.png); no-repeat; padding-left: 50px; overflow: hidden; }
img[src$="npczahl19.gif"] { display: block; width: 0; background: url(zahlen/19n.png); no-repeat; padding-left: 50px; overflow: hidden; }
img[src$="npczahl20.gif"] { display: block; width: 0; background: url(zahlen/20n.png); no-repeat; padding-left: 50px; overflow: hidden; }



/*Reload Button*/
img[src$="relmap.gif"] { 
  display: none; }

.framemapbg a[href*="reload"]:after { 
  content: url(icons/df_relmap.png); }


/*Nicht betretbare Felder Mauszeiger*/
a.nocango:hover {
  cursor: default; }


/*keinen Schimmer wofür ich das wieder gebraucht hab...*/
.borderbg { 
  background-color: #D0CFCF; }



/*BANNERFRAME******************************************************************************************************************************/

/*Bannerframe*/
body.framebannerbg {
  background-color: #000000;
  background-image: url(background/df_header.jpg);
  background-repeat: no-repeat; }


/*Werbebanner*/
body.framebannerbg iframe {
  background-color: #55504A;
  border: solid 2px #55504A; }



/*HAUPTFRAME*******************************************************************************************************************************/

/*Briefbild verkleinern*/
img[src$="brief.jpg"] { 
  width: 80px; }
  

/*Mainframehintergrund*/
body.framemainbg {
  background-attachment: fixed;
  background-color: #000000;
  background-image: url(background/df_main.jpg);
  background-repeat: no-repeat;
  background-position: left top; 
  color: #938A81;
  color: #938A81 !important;
  margin: 10px; }


/*Komplette Feldbeschreibung*/
body.framemainbg table.areadescription {
  background-color: #38332F;
  margin: 0px;
  padding: 0px;
  width: 100%; }


/*Personentabelle*/
table.areadescription + br + table {
  background-color:#38332F; }


/*Itemtabelle*/
table.areadescription + br + table + br + table { }


/*Feldgrafik*/
img.imageborder { 
  border: none;
  float: left;
  height: 28px;
  padding-top: 2px;
  width: 28px; 
  padding-right: 10px; }


/*Feldname*/
td.mainheader {
  background-color: #46433E;
  border: solid 1px #222222;
  color: #222222;
  font-size: 15px; 
  font-weight: bold;
  font-style: italic;
  height: 32px;
  line-height: 32px; 
  padding: 0px 5px 0px 2px; }


/*Feldbeschreibung*/
td.areadescription {
  border-top: 0px;
  border-right: solid 1px #222222;
  border-bottom: solid 1px #222222;
  border-left: solid 1px #222222;
  color: #9E917B;;
  padding:5px 5px 5px 10px;
  background-color:#38332F;
  margin-bottom: 1px; }


/*Bankkosten*/
td.areadescription > br + font {
  color:#938A81; }


/*Itemname in Hewien*/
td.areadescription form b,


/*Itemeigenschaften in Hewien*/
td.areadescription form i,


/*Itemname in der Markthalle*/
td.areadescription > b,


/*Itemeigenschaften im Shop*/
td.areadescription > i {
  color:#9E917B; }
 

/*Überschrift der Personen am Feld*/
p.personlistcaption {
  background-color: #46433E;
  background-image: url(background/df_eiche.png);
  background-repeat: no-repeat;
  border: solid 1px #222222;
  color: #222222;
  font-weight: bold;
  font-style: italic;
  height: 32px;
  line-height: 32px; 
  padding: 0px 5px 0px 40px; }


/*Personen am Feld Liste*/
p.listusersrow {
  background-color: #38332F;
  border: solid #222222 1px;
  border-top: 0px;
  color: #9E917B;
  padding: 3px; }


/*Überschrift der Pflanzen am Feld*/
#plantrow {
  background-color: #46433E;
  background-image: url(background/df_plant.png);
  background-repeat: no-repeat;
  border: solid 1px #222222;
  color: #222222;
  font-weight: bold;
  font-style: italic;
  height: 32px;
  line-height: 32px; 
  padding: 0px 5px 0px 40px; }


/*Sponsorstern Abstände*/
p.listusersrow > a > img {
  margin: 0px 3px 0px 0px; }
  

.frameitembg img[src$="sponsor.gif"] { 
  display: inline-block; 
  width: 0px; 
  height: 10px; 
  background: url(icons/df_sponsor.png); 
  background-repeat: no-repeat; 
  padding-left: 14px; 
  overflow: hidden; }
 
.frameitembg img[src$="sponsor2.gif"] { 
  display: inline-block; 
  width: 0px; 
  height: 10px; 
  background: url(icons/df_sponsor2.png); 
  background-repeat: no-repeat; 
  padding-left: 14px; 
  overflow: hidden; } 

.frameitembg img[src$="sponsor3.gif"] { 
  display: inline-block; 
  width: 0px; 
  height: 10px; 
  background: url(icons/df_sponsor3.png); 
  background-repeat: no-repeat; 
  padding-left: 14px; 
  overflow: hidden; } 
 
.framemainbg img[src$="sponsor.gif"] { 
  display: inline-block; 
  width: 0px; 
  height: 12px; 
  background: url(icons/df_sponsor.png); 
  background-repeat: no-repeat; 
  padding-left: 13px; 
  overflow: hidden; }

.framemainbg img[src$="sponsor2.gif"] { 
  display: inline-block; 
  width: 0px; 
  height: 12px; 
  background: url(icons/df_sponsor2.png); 
  background-repeat: no-repeat; 
  padding-left: 13px; 
  overflow: hidden; }

.framemainbg img[src$="sponsor3.gif"] { 
  display: inline-block; 
  width: 0px; 
  height: 12px; 
  background: url(icons/df_sponsor3.png); 
  background-repeat: no-repeat; 
  padding-left: 13px; 
  overflow: hidden; }


/*Personenname*/
p.listusersrow > b > a {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px; }


/*Clannname*/
p.listusersrow > a {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px; }


/*Link*/
p.listusersrow > a:link,
p.listusersrow > a:visited { 
  color: #938A81; }


/*Link Maus*/
p.listusersrow > a:hover, 
p.listusersrow > a:active {
  color: #5E5E5E; }


/*Rasse und Geschlecht*/
p.listusersrow > i {
  color: #5E5E5E; }


/*Freund*/
p.listusersrow > font[color='#17A105'] > b {
  color: #222222; }


/*Farbige Trennzeichen*/
p.listusersrow > font[color='#17A105'],
p.listusersrow > font[color='#FF0000'],
p.listusersrow > font[color='#0055AA'] {
  color: #222222; }


/*Feind - Verräter*/
p.listusersrow > font[color='#FF0000'] > b {
  color: #A03131; }


/*Clan- bzw. Gruppenmitglied*/
p.listusersrow > font[color='#0055AA'] > b {
  color: #222222; }


/*NPC Name*
p.listusersrow > b {
  color: #9E917B; }*/
  
  
/*Überschrift der Items auf dem Feld*/
p.itemlistcaption { 
  background-color: #46433E;
  background-image: url(background/df_schild.png);
  background-repeat: no-repeat;
  border: solid 1px #222222;
  color: #222222;
  font-weight: bold;
  font-style: italic;
  height: 32px;
  line-height: 32px; 
  padding: 0px 5px 0px 40px; }



/*Items auf dem Feld-Liste*/
p.listplaceitemsrow { /* Items auf dem Feld */
  background-color: #38332F;
  border: solid #222222 1px;
  border-top: 0px;
  color: #9E917B;
  padding: 3px; }



/*ERRUNGENSCHAFTEN*************************************************************************************************************************/

/*Formatierung der erreichten Errungenschaften*/
br + .itemlistcaption {
  background-image: url(background/df_scroll.png); 
  background-repeat: no-repeat;
  text-align: right; 
  font-style: normal;
  height: 20px;
  line-height: 20px; 
  width: 512px !important; }


/*Icon bei Verfolgung von Errungenschaft*/
a[href*="achiev.php?action=toggletracking"] img[src*="icon_view"] {
  width: 0;
  height: 15px;
  padding-right: 22px;
  background: transparent url(icons/df_eye_on.png) top left no-repeat; }

a[href*="achiev.php?action=toggletracking"] img[src*="icon_view2"] {
  width: 0;
  height: 15px;
  padding-right: 22px;
  background: transparent url(icons/df_eye_off.png) top left no-repeat; }



/*FREUNDESLISTE****************************************************************************************************************************/

/*Aussehen*/  
table.friendlist td{ 
  padding: 2px; 
  padding-left: 5px; 
  background-color: #46433E;
  border: 1px solid #55504A;
  border-top: 1px; }
  

/*Löschen Button anzeigen*/
a[href*="friends.php?action=delete"]:after { 
  content: url(icons/df_schnellzauberxa.png) }


/*Freund eintragen*/
.registersubmit {
  background-color: #38332F;
  border: 1px solid #55504A;
  color: #5E5E5E;
  font-size: 10px; 
  font-weight: none;
  margin-left: 1px; 
  margin-right: 1px; }
  


/*GETAUSCHTE BILDER************************************************************************************************************************/

/*Sprechblase (Flüstern)*/
img[src$="blase.gif"] { 
  display: none; }
  
a[href*="main.php?action=whisperuser"]:after { 
  content: url(icons/df_blase.gif); }

a[href*="chatform.php?action=whisperuser"]:after { 
  content: url(icons/df_blase.gif); }


/*Flüstern beenden*/
a[href*="chatform.php?exit_whisper=1"] {
  font-size: 0px; }
 
a[href*="chatform.php?exit_whisper=1"]:after { 
  content: url(icons/df_blase_s.png); }

 
/*Gruppeneinladung tauschen*/
img[src$="group.gif"] { 
  display: none; }

a[href*="fight.php?action=groupinvite&"]:after { 
  content: url(icons/df_group.gif); }

a[href*="fight.php?action=groupjoinrand"]:after {
  content: url(icons/df_group.gif); }


/*Voicechat Icon ausblenden*/
img[src$="icon_cam.gif"] { 
  display: none; }



/*PHASENENERGIE****************************************************************************************************************************/

/* Hintergrund für Balken */
#fullenergydisp {
  background-image: url(background/df_phase_empty.gif) !important;
  border: none !important; }


/* Balken für aktuelle Energie */
#curenergy {
  background-image: url(background/df_phase_full.gif) !important;
  border: none !important; }


/* Schriftfarbe */
.frameitembg #test{
  color: #5E5E5E; }



/*SONSTIGES********************************************************************************************************************************/

/*Formatierung Notruf*/
.frameitembg a[href*="clanmenu.php?action=sos"] { 
  color: #883222 !important; 
  text-align: right !important; }


/* Spielerposition X auf der minimap*/
.framemainbg div img[src$="user.gif"] { 
  width: 0; 
  background: url(icons/df_x_small.gif); 
  no-repeat; 
  padding-left: 25px; 
  overflow: hidden; !important; }


/*Waffenzustand direkt hinter Waffe:*/
p[title$="100%"]:after { content: " 100%"; color: #507050; font-size: 9px; font-weight:bold; }
p[title$="99%"]:after { content: " 99%"; color: #507050; font-size: 9px; font-weight:bold; }
p[title$="98%"]:after { content: " 98%"; color: #507050; font-size: 9px; font-weight:bold; }
p[title$="97%"]:after { content: " 97%"; color: #507050; font-size: 9px; font-weight:bold; }
p[title$="96%"]:after { content: " 96%"; color: #507050; font-size: 9px; font-weight:bold; }
p[title$="95%"]:after { content: " 95%"; color: #507050; font-size: 9px; font-weight:bold; }
p[title$="94%"]:after { content: " 94%"; color: #507050; font-size: 9px; font-weight:bold; }
p[title$="93%"]:after { content: " 93%"; color: #507050; font-size: 9px; font-weight:bold; }
p[title$="92%"]:after { content: " 92%"; color: #507050; font-size: 9px; font-weight:bold; }
p[title$="91%"]:after { content: " 91%"; color: #507050; font-size: 9px; font-weight:bold; }
p[title$="90%"]:after { content: " 90%"; color: #507050; font-size: 9px; font-weight:bold; }
p[title$="89%"]:after { content: " 89%"; color: #507050; font-size: 9px; font-weight:bold; }
p[title$="88%"]:after { content: " 88%"; color: #507050; font-size: 9px; font-weight:bold; }
p[title$="87%"]:after { content: " 87%"; color: #507050; font-size: 9px; font-weight:bold; }
p[title$="86%"]:after { content: " 86%"; color: #507050; font-size: 9px; font-weight:bold; }
p[title$="85%"]:after { content: " 85%"; color: #507050; font-size: 9px; font-weight:bold; }
p[title$="84%"]:after { content: " 84%"; color: #507050; font-size: 9px; font-weight:bold; }
p[title$="83%"]:after { content: " 83%"; color: #507050; font-size: 9px; font-weight:bold; }
p[title$="82%"]:after { content: " 82%"; color: #507050; font-size: 9px; font-weight:bold; }
p[title$="81%"]:after { content: " 81%"; color: #507050; font-size: 9px; font-weight:bold; }
p[title$="80%"]:after { content: " 80%"; color: #507050; font-size: 9px; font-weight:bold; }
p[title$="79%"]:after { content: " 79%"; color: #507050; font-size: 9px; font-weight:bold; }
p[title$="78%"]:after { content: " 78%"; color: #507050; font-size: 9px; font-weight:bold; } 
p[title$="77%"]:after { content: " 77%"; color: #507050; font-size: 9px; font-weight:bold; }
p[title$="76%"]:after { content: " 76%"; color: #507050; font-size: 9px; font-weight:bold; }
p[title$="75%"]:after { content: " 75%"; color: #507050; font-size: 9px; font-weight:bold; }
p[title$="74%"]:after { content: " 74%"; color: #507050; font-size: 9px; font-weight:bold; }
p[title$="73%"]:after { content: " 73%"; color: #507050; font-size: 9px; font-weight:bold; }
p[title$="72%"]:after { content: " 72%"; color: #507050; font-size: 9px; font-weight:bold; }
p[title$="71%"]:after { content: " 71%"; color: #507050; font-size: 9px; font-weight:bold; }
p[title$="70%"]:after { content: " 70%"; color: #507050; font-size: 9px; font-weight:bold; }
p[title$="69%"]:after { content: " 69%"; color: #507050; font-size: 9px; font-weight:bold; }
p[title$="68%"]:after { content: " 68%"; color: #507050; font-size: 9px; font-weight:bold; }
p[title$="67%"]:after { content: " 67%"; color: #507050; font-size: 9px; font-weight:bold; }
p[title$="66%"]:after { content: " 66%"; color: #507050; font-size: 9px; font-weight:bold; }
p[title$="65%"]:after { content: " 65%"; color: #507050; font-size: 9px; font-weight:bold; }
p[title$="64%"]:after { content: " 64%"; color: #507050; font-size: 9px; font-weight:bold; }
p[title$="63%"]:after { content: " 63%"; color: #507050; font-size: 9px; font-weight:bold; }
p[title$="62%"]:after { content: " 62%"; color: #507050; font-size: 9px; font-weight:bold; }
p[title$="61%"]:after { content: " 61%"; color: #507050; font-size: 9px; font-weight:bold; }
p[title$="60%"]:after { content: " 60%"; color: #507050; font-size: 9px; font-weight:bold; }
p[title$="59%"]:after { content: " 59%"; color: #507050; font-size: 9px; font-weight:bold; }
p[title$="58%"]:after { content: " 58%"; color: #507050; font-size: 9px; font-weight:bold; }
p[title$="57%"]:after { content: " 57%"; color: #507050; font-size: 9px; font-weight:bold; }
p[title$="56%"]:after { content: " 56%"; color: #507050; font-size: 9px; font-weight:bold; }
p[title$="55%"]:after { content: " 55%"; color: #507050; font-size: 9px; font-weight:bold; }
p[title$="54%"]:after { content: " 54%"; color: #507050; font-size: 9px; font-weight:bold; }
p[title$="53%"]:after { content: " 53%"; color: #507050; font-size: 9px; font-weight:bold; }
p[title$="52%"]:after { content: " 52%"; color: #507050; font-size: 9px; font-weight:bold; }
p[title$="51%"]:after { content: " 51%"; color: #507050; font-size: 9px; font-weight:bold; }
p[title$="50%"]:after { content: " 50%"; color: #507050; font-size: 9px; font-weight:bold; }
p[title$="49%"]:after { content: " 49%"; color: #507050; font-size: 9px; font-weight:bold; }
p[title$="48%"]:after { content: " 48%"; color: #507050; font-size: 9px; font-weight:bold; }
p[title$="47%"]:after { content: " 47%"; color: #507050; font-size: 9px; font-weight:bold; }
p[title$="46%"]:after { content: " 46%"; color: #507050; font-size: 9px; font-weight:bold; }
p[title$="45%"]:after { content: " 45%"; color: #507050; font-size: 9px; font-weight:bold; }
p[title$="44%"]:after { content: " 44%"; color: #507050; font-size: 9px; font-weight:bold; }
p[title$="43%"]:after { content: " 43%"; color: #507050; font-size: 9px; font-weight:bold; }
p[title$="42%"]:after { content: " 42%"; color: #507050; font-size: 9px; font-weight:bold; }
p[title$="41%"]:after { content: " 41%"; color: #507050; font-size: 9px; font-weight:bold; }
p[title$="40%"]:after { content: " 40%"; color: #507050; font-size: 9px; font-weight:bold; }
p[title$="39%"]:after { content: " 39%"; color: #507050; font-size: 9px; font-weight:bold; }
p[title$="38%"]:after { content: " 38%"; color: #507050; font-size: 9px; font-weight:bold; }
p[title$="37%"]:after { content: " 37%"; color: #507050; font-size: 9px; font-weight:bold; }
p[title$="36%"]:after { content: " 36%"; color: #507050; font-size: 9px; font-weight:bold; }
p[title$="35%"]:after { content: " 35%"; color: #507050; font-size: 9px; font-weight:bold; }
p[title$="34%"]:after { content: " 34%"; color: #507050; font-size: 9px; font-weight:bold; }
p[title$="33%"]:after { content: " 33%"; color: #507050; font-size: 9px; font-weight:bold; }
p[title$="32%"]:after { content: " 32%"; color: #507050; font-size: 9px; font-weight:bold; }
p[title$="31%"]:after { content: " 31%"; color: #507050; font-size: 9px; font-weight:bold; }
p[title$="30%"]:after { content: " 30%"; color: #507050; font-size: 9px; font-weight:bold; }
p[title$="29%"]:after { content: " 29%"; color: #507050; font-size: 9px; font-weight:bold; }
p[title$="28%"]:after { content: " 28%"; color: #507050; font-size: 9px; font-weight:bold; }
p[title$="27%"]:after { content: " 27%"; color: #507050; font-size: 9px; font-weight:bold; }
p[title$="26%"]:after { content: " 26%"; color: #507050; font-size: 9px; font-weight:bold; }
p[title$="25%"]:after { content: " 25%"; color: #507050; font-size: 9px; font-weight:bold; }
p[title$="24%"]:after { content: " 24%"; color: #507050; font-size: 9px; font-weight:bold; }
p[title$="23%"]:after { content: " 23%"; color: #507050; font-size: 9px; font-weight:bold; }
p[title$="22%"]:after { content: " 22%"; color: #507050; font-size: 9px; font-weight:bold; }
p[title$="21%"]:after { content: " 21%"; color: #507050; font-size: 9px; font-weight:bold; }
p[title$="20%"]:after { content: " 20%"; color: #507050; font-size: 9px; font-weight:bold; }
p[title$="19%"]:after { content: " 19%"; color: #507050; font-size: 9px; font-weight:bold; }
p[title$="18%"]:after { content: " 18%"; color: #507050; font-size: 9px; font-weight:bold; }
p[title$="17%"]:after { content: " 17%"; color: #507050; font-size: 9px; font-weight:bold; }
p[title$="16%"]:after { content: " 16%"; color: #507050; font-size: 9px; font-weight:bold; }
p[title$="15%"]:after { content: " 15%"; color: #995500; font-size: 9px; font-weight:bold; }
p[title$="14%"]:after { content: " 14%"; color: #995500; font-size: 9px; font-weight:bold; }
p[title$="13%"]:after { content: " 13%"; color: #995500; font-size: 9px; font-weight:bold; }
p[title$="12%"]:after { content: " 12%"; color: #995500; font-size: 9px; font-weight:bold; }
p[title$="11%"]:after { content: " 11%"; color: #995500; font-size: 9px; font-weight:bold; }
p[title$="10%"]:after { content: " 10%"; color: #995500; font-size: 9px; font-weight:bold; }
p[title$=" 9%"]:after { content: " 9%"; color: #995500; font-size: 9px; font-weight:bold; }
p[title$=" 8%"]:after { content: " 8%"; color: #995500; font-size: 9px; font-weight:bold; }
p[title$=" 7%"]:after { content: " 7%"; color: #995500; font-size: 9px; font-weight:bold; }
p[title$=" 6%"]:after { content: " 6%"; color: #995500; font-size: 9px; font-weight:bold; }
p[title$=" 5%"]:after { content: " 5%"; color: #883222; font-size: 9px; font-weight:bold; }
p[title$=" 4%"]:after { content: " 4%"; color: #883222; font-size: 9px; text-decoration:blink; font-weight:bold; }
p[title$=" 3%"]:after { content: " 3%"; color: #883222; font-size: 8px; text-decoration:blink; font-weight:bold; }
p[title$=" 2%"]:after { content: " 2%"; color: #883222; font-size: 8px; text-decoration:blink; font-weight:bold; }
p[title$=" 1%"]:after { content: " 1%"; color: #883222; font-size: 8px; text-decoration:blink; font-weight:bold; }



/*CHAR-ZUSTÄNDE DURCH ICONS ANZEIGEN*******************************************************************************************************/

/*Beutezauber*/
span[title*="Beutezauber"] { font-size: 0px; }
span[title*="Beutezauber"]:after { content:url(zustaende/beute.gif); display:inline; }
span[title="Beutezauber (2 Minuten)"] {font-size: 0px; }
span[title="Beutezauber (2 Minuten)"]:after { content: url(zustaende/abeute.gif); }
span[title="Beutezauber (1 Minuten)"] {font-size: 0px; }
span[title="Beutezauber (1 Minuten)"]:after { content: url(zustaende/abeute.gif); }
span[title="Beutezauber (0 Minuten)"] {font-size: 0px; }
span[title="Beutezauber (0 Minuten)"]:after { content: url(zustaende/abeute.gif); }
span[title="Beutezauber ()"] {font-size: 0px; }
span[title="Beutezauber ()"]:after { content: url(zustaende/abeute.gif); }


/*Lp-Erhöhung*/
span[title*="Lebenspunkte +"] { font-size: 0px; }
span[title*="Lebenspunkte +"]:after { content:url(zustaende/lppush.gif); display:inline; }
span[title*="Lebenspunkte +"][title*="(2 Minuten)"] {font-size: 0px; }
span[title*="Lebenspunkte +"][title*="(2 Minuten)"]:after { content: url(zustaende/alppush.gif); }
span[title*="Lebenspunkte +"][title*="(1 Minuten)"] {font-size: 0px; }
span[title*="Lebenspunkte +"][title*="(1 Minuten)"]:after { content: url(zustaende/alppush.gif); }
span[title*="Lebenspunkte +"][title*="(0 Minuten)"] {font-size: 0px; }
span[title*="Lebenspunkte +"][title*="(0 Minuten)"]:after { content: url(zustaende/alppush.gif); }
span[title*="Lebenspunkte +"][title*="()"] {font-size: 0px; }
span[title*="Lebenspunkte +"][title*="()"]:after { content: url(zustaende/alppush.gif); }


/*Schnelle Bewegung*/
span[title*="schnelle Bewegung"] { font-size: 0px; }
span[title*="schnelle Bewegung"]:after { content:url(zustaende/sbeweg.gif); display:inline; }
span[title="schnelle Bewegung (2 Minuten)"] {font-size: 0px; }
span[title="schnelle Bewegung (2 Minuten)"]:after { content: url(zustaende/asbeweg.gif); }
span[title="schnelle Bewegung (1 Minuten)"] {font-size: 0px; }
span[title="schnelle Bewegung (1 Minuten)"]:after { content: url(zustaende/asbeweg.gif); }
span[title="schnelle Bewegung (0 Minuten)"] {font-size: 0px; }
span[title="schnelle Bewegung (0 Minuten)"]:after { content: url(zustaende/asbeweg.gif); }
span[title="schnelle Bewegung ()"] {font-size: 0px; }
span[title="schnelle Bewegung ()"]:after { content: url(zustaende/asbeweg.gif); }


/*Schutz*/
span[title*="Schutz"] { font-size: 0px; }
span[title*="Schutz"]:after { content:url(zustaende/schutz.gif); display:inline; }
span[title="Schutz (2 Minuten)"] {font-size: 0px; }
span[title="Schutz (2 Minuten)"]:after { content: url(zustaende/aschutz.gif); }
span[title="Schutz (1 Minuten)"] {font-size: 0px; }
span[title="Schutz (1 Minuten)"]:after { content: url(zustaende/aschutz.gif); }
span[title="Schutz (0 Minuten)"] {font-size: 0px; }
span[title="Schutz (0 Minuten)"]:after { content: url(zustaende/aschutz.gif); }
span[title="Schutz ()"] {font-size: 0px; }
span[title="Schutz ()"]:after { content: url(zustaende/aschutz.gif); }


/*A-Erhöhung*/
span[title*="rke +"] { font-size: 0px; }
span[title*="rke +"]:after { content:url(zustaende/apush.gif); display:inline; }
span[title*="rke +"][title*="(2 Minuten)"] {font-size: 0px; }
span[title*="rke +"][title*="(2 Minuten)"]:after { content: url(zustaende/aapush.gif); }
span[title*="rke +"][title*="(1 Minuten)"] {font-size: 0px; }
span[title*="rke +"][title*="(1 Minuten)"]:after { content: url(zustaende/aapush.gif); }
span[title*="rke +"][title*="(0 Minuten)"] {font-size: 0px; }
span[title*="rke +"][title*="(0 Minuten)"]:after { content: url(zustaende/aapush.gif); }
span[title*="rke +"][title*="()"] {font-size: 0px; }
span[title*="rke +"][title*="()"]:after { content: url(zustaende/aapush.gif); }


/*Tarnung*/
span[title*="Tarnung"] { font-size: 0px; }
span[title*="Tarnung"]:after { content:url(zustaende/tarn.gif); display:inline; }
span[title="Tarnung (2 Minuten)"] {font-size: 0px; }
span[title="Tarnung (2 Minuten)"]:after { content: url(zustaende/atarn.gif); }
span[title="Tarnung (1 Minuten)"] {font-size: 0px; }
span[title="Tarnung (1 Minuten)"]:after { content: url(zustaende/atarn.gif); }
span[title="Tarnung (0 Minuten)"] {font-size: 0px; }
span[title="Tarnung (0 Minuten)"]:after { content: url(zustaende/atarn.gif); }
span[title="Tarnung ()"] {font-size: 0px; }
span[title="Tarnung ()"]:after { content: url(zustaende/atarn.gif); }


/*Feueröl*/
span[title*="Feuer"] { font-size: 0px; }
span[title*="Feuer"]:after { content:url(zustaende/feuer.gif); display:inline; }
span[title*="Feuer"][title*="(2 Minuten)"] {font-size: 0px; }
span[title*="Feuer"][title*="(2 Minuten)"]:after { content: url(zustaende/afeuer.gif); }
span[title*="Feuer"][title*="(1 Minuten)"] {font-size: 0px; }
span[title*="Feuer"][title*="(1 Minuten)"]:after { content: url(zustaende/afeuer.gif); }
span[title*="Feuer"][title*="(0 Minuten)"] {font-size: 0px; }
span[title*="Feuer"][title*="(0 Minuten)"]:after { content: url(zustaende/afeuer.gif); }
span[title*="Feuer"][title*="()"] {font-size: 0px; }
span[title*="Feuer"][title*="()"]:after { content: url(zustaende/afeuer.gif); }


/*Innere Heilkraft*/
span[title*="Heilkraft"] { font-size: 0px; }
span[title*="Heilkraft"]:after { content:url(zustaende/heilkraft.gif); display:inline; }
span[title*="Heilkraft"][title*="(2 Minuten)"] {font-size: 0px; }
span[title*="Heilkraft"][title*="(2 Minuten)"]:after { content: url(zustaende/aheilkraft.gif); }
span[title*="Heilkraft"][title*="(1 Minuten)"] {font-size: 0px; }
span[title*="Heilkraft"][title*="(1 Minuten)"]:after { content: url(zustaende/aheilkraft.gif); }
span[title*="Heilkraft"][title*="(0 Minuten)"] {font-size: 0px; }
span[title*="Heilkraft"][title*="(0 Minuten)"]:after { content: url(zustaende/aheilkraft.gif); }
span[title*="Heilkraft"][title*="()"] {font-size: 0px; }
span[title*="Heilkraft"][title*="()"]:after { content: url(zustaende/aheilkraft.gif); }


/*Überladen*/
span[title*="berladen"] { font-size: 0px; }
span[title*="berladen"]:after { content:url(zustaende/krieg.gif); display:inline; }


/*Rückangriff - Name wird beim Hovern angezeigt*/
span[title*="ckangriff"] { font-size: 0px; }
span[title*="ckangriff"]:after { content:url(zustaende/rueck.gif); display:inline; }
span[title*="ckangriff"]:hover { font-size: 10px; }
span[title*="ckangriff"]:hover:after { display: none; }


/*Clankrieg*/
span[title*="Krieg"] { font-size: 0px; }
span[title*="Krieg"]:after { content:url(zustaende/krieg.gif); display:inline; }


/*Kampfunfähigkeit*/
span[title*="Kampfunf"] { font-size: 0px; }
span[title*="Kampfunf"]:after { content:url(zustaende/kaunf.gif); display:inline; }
span[title*="Kampfunf"][title*="(2 Minuten)"] {font-size: 0px; }
span[title*="Kampfunf"][title*="(2 Minuten)"]:after { content: url(zustaende/akaunf.gif); }
span[title*="Kampfunf"][title*="(1 Minuten)"] {font-size: 0px; }
span[title*="Kampfunf"][title*="(1 Minuten)"]:after { content: url(zustaende/akaunf.gif); }
span[title*="Kampfunf"][title*="(0 Minuten)"] {font-size: 0px; }
span[title*="Kampfunf"][title*="(0 Minuten)"]:after { content: url(zustaende/akaunf.gif); }
span[title*="Kampfunf"][title*="()"] {font-size: 0px; }
span[title*="Kampfunf"][title*="()"]:after { content: url(zustaende/akaunf.gif); }


/*Vergiftung*/
span[title*="Vergiftung"] { font-size: 0px; }
span[title*="Vergiftung"]:after { content:url(zustaende/vergiftung.gif); display:inline; }
span[title="Vergiftung (2 Minuten)"] {font-size: 0px; }
span[title="Vergiftung (2 Minuten)"]:after { content: url(zustaende/avergiftung.gif); }
span[title="Vergiftung (1 Minuten)"] {font-size: 0px; }
span[title="Vergiftung (1 Minuten)"]:after { content: url(zustaende/avergiftung.gif); }
span[title="Vergiftung (0 Minuten)"] {font-size: 0px; }
span[title="Vergiftung (0 Minuten)"]:after { content: url(zustaende/avergiftung.gif); }
span[title="Vergiftung ()"] {font-size: 0px; }
span[title="Vergiftung ()"]:after { content: url(zustaende/avergiftung.gif); }


/*Verräter*/
span[title*="Verr"] { font-size: 0px; }
span[title*="Verr"]:after { content:url(zustaende/verr.gif); display:inline; }
span[title*="Verr"][title*="(2 Minuten)"] {font-size: 0px; }
span[title*="Verr"][title*="(2 Minuten)"]:after { content: url(zustaende/averr.gif); }
span[title*="Verr"][title*="(1 Minuten)"] {font-size: 0px; }
span[title*="Verr"][title*="(1 Minuten)"]:after { content: url(zustaende/averr.gif); }
span[title*="Verr"][title*="(0 Minuten)"] {font-size: 0px; }
span[title*="Verr"][title*="(0 Minuten)"]:after { content: url(zustaende/averr.gif); }
span[title*="Verr"][title*="()"] {font-size: 0px; }
span[title*="Verr"][title*="()"]:after { content: url(zustaende/averr.gif); }


/*LP-Verringerung*/
span[title*="Lebenspunkte -"] { font-size: 0px; }
span[title*="Lebenspunkte -"]:after { content:url(zustaende/lpmal.gif); display:inline; }
span[title*="Lebenspunkte -"][title*="(2 Minuten)"] {font-size: 0px; }
span[title*="Lebenspunkte -"][title*="(2 Minuten)"]:after { content: url(zustaende/alpmal.gif); }
span[title*="Lebenspunkte -"][title*="(1 Minuten)"] {font-size: 0px; }
span[title*="Lebenspunkte -"][title*="(1 Minuten)"]:after { content: url(zustaende/alpmal.gif); }
span[title*="Lebenspunkte -"][title*="(0 Minuten)"] {font-size: 0px; }
span[title*="Lebenspunkte -"][title*="(0 Minuten)"]:after { content: url(zustaende/alpmal.gif); }
span[title*="Lebenspunkte -"][title*="()"] {font-size: 0px; }
span[title*="Lebenspunkte -"][title*="()"]:after { content: url(zustaende/alpmal.gif); }


/*A-Verringerung*/
span[title*="rke -"] { font-size: 0px; }
span[title*="rke -"]:after { content:url(zustaende/amal.gif); display:inline; }
span[title*="rke -"][title*="(2 Minuten)"] {font-size: 0px; }
span[title*="rke -"][title*="(2 Minuten)"]:after { content: url(zustaende/aamal.gif); }
span[title*="rke -"][title*="(1 Minuten)"] {font-size: 0px; }
span[title*="rke -"][title*="(1 Minuten)"]:after { content: url(zustaende/aamal.gif); }
span[title*="rke -"][title*="(0 Minuten)"] {font-size: 0px; }
span[title*="rke -"][title*="(0 Minuten)"]:after { content: url(zustaende/aamal.gif); }
span[title*="rke -"][title*="()"] {font-size: 0px; }
span[title*="rke -"][title*="()"]:after { content: url(zustaende/aamal.gif); }



/* CODE CID-KOMPONENTE */ 

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: 0px; }
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(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 { font-size: 11px; color: #5E5E5E; }
.itemamount { font-size: 11px; margin-right: 1px; }
.itemmagic { font-size: 11px; margin-left: 1px; }
.itemequipped b { color: #D20000 !important; }
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; }


/* CSD */
   /* Akademie-Limit: */
      #listrow_aka_battlep b:first-of-type         { display: inline-block; overflow: hidden; width: 18px; height: 10px; margin-right: 3px; margin-top: 3px;}
      #listrow_aka_battlep:before            { content: ":"; font-size: 10px; position: absolute; left: 34px; }
   /* Kampfpunkte: */
      #listrow_aka_battlep b:last-of-type:before      { content: "KP: "; font-weight: bold; font-size: 10px; }
      #listrow_aka_battlep b:last-of-type         { font-size: 0.001%; }
   /* Charakterfähigkeiten */
      #listrow_char_mission               { position: absolute; margin-top: -15px; right: 11px; font-size: 11px; }
      #listrow_char_mission a:first-of-type         { display: inline-block; overflow: hidden; width: 32px; height: 11px; }
   /* Dein Auftrag */
      #listrow_char_mission a:last-of-type:before      { content: "Auftrag"; font-size: 11px; }
      #listrow_char_mission a:last-of-type         { font-size: 0px;  }
   /* Clan */
      #listrow_clan                  { color: transparent; }
      #listrow_clan a                  { display: inline-block; overflow: hidden; max-width: 88px; position: absolute; left: 15px; }
      #listrow_clan > b               { display: none; }
   /* Gruppe */
      #listrow_clan a:last-of-type            { left: 120px; margin-top: -11px; }
      #listrow_group:after               { content: ")"; font-weight: bold; margin-left: 11px; }
      #listrow_group a               { display: inline-block; height: 15px; left: 20px; margin-top: 0px; overflow: hidden; position: absolute; width: 10px; }
      #listrow_group:before               { content: "G ("; font-weight: bold; }
      #listrow_group                  { left: 160px; margin-top: -14px; position: absolute; }
      #listrow_group > b               { display: none; }
   /* Lebenspunkte */
      #listrow_lifep:before               { content: "Lp: "; font-weight: bold; }
      #listrow_lifep                  { right: 11px; }
      #listrow_lifep > b               { display: none; }
   /* Intelligenz & Speed */
      #listrow_int:before               { content: "Speed: "; font-weight: bold; font-size: 11 px;}
      #listrow_int                  { right: 30px; margin-top: -28px; position: absolute; font-size: 0px;}
      #listrow_int > b               { display: none; }
   /* Geld/Goldmünzen */
      #listrow_money:before               { content: "Gm: "; font-weight: bold; }
      #listrow_money		    { left: 92px; margin-top: -14px; position: absolute; }
      #listrow_money > b               { display: none; }
   /* Angriffsstärke */
      #listrow_attackp               { white-space: nowrap; overflow: hidden; }
      #listrow_attackp span.valueincreased         { padding-right: 1000px; }
      #listrow_attackp:before               { content: "AS: "; font-weight: bold; }
      #listrow_attackp > b               { display: none; }
   /* Verteidigungsstärke */
      #listrow_defensep:before            { content: "VS: "; font-weight: bold; }
      #listrow_defensep			{ right: 90px; margin-top: -14px; position: absolute; }
      #listrow_defensep > b               { display: none; }
   /* Angriffswaffe */
      #listrow_attackw               { display: none;}  
   /* Verteidigungswaffe */
      #listrow_defensew              { display: none;} 
   /* Spezialfähigkeit & Zustände */
   /*   #listrow_special + #listrow_status span.small:before   { content: "|"; font-weight: bold; margin-right: 3px; }
      #listrow_special + #listrow_status span.small      { padding-left: 0px; } */
      #listrow_special               { display: block; overflow: hidden; position: absolute; width: 40px; margin-top: -14px; right: 10px;}
   /* Halsschmuck */
      #listrow_neck                  { content: "H: "; font-weight: bold; }
	#listrow_defensep > b               { display: none; }

/* Kleine und mittlere Spindelschreiter ausblenden */
img[src$="../images/npcs/spindel2.gif"] { width: 0px !important; } 
img[src$="../images/npcs/spindel3.gif"] { width: 0px !important; }
Zuletzt geändert von Bärchen am 19. Jan 2012, 17:19, insgesamt 2-mal geändert.
Nach oben
Benutzeravatar
Andi90
großer Laubbär
Beiträge: 3872
Registriert: 27. Aug 2006, 20:59

Re: Dark Forest

Beitrag von Andi90 » 19. Jan 2012, 14:39

Bärchen hat geschrieben:1. Feld- und Npc-Beschreibung haben eine Art Hintergrund. Kann ich den auch bei Nachrichten wie Briefen einfügen?
Wie meinst du das? Der Hintergrund ist einfach als background-color für den Frame definiert.
Bärchen hat geschrieben:2. Nr. 4: Lebkuchen (3), wie ändere ich die Farbe von "Nr. 4" und "(3)"? (Und falls jemand ganz motiviert ist: die neue Farbe soll besser lesbar sein, also entweder dunkler oder viel heller (aber das wär vielleicht zu viel Arbeit ^^))
3. Gleiche Frage zu nicht mehr vorhandenen Items auf Schnellzaubern, auch kaum lesbar
Für die Anzahl der Items:

Code: Alles auswählen

.fastitemamount {
  color: #222222; }
Leerer Schnellzauber:

Code: Alles auswählen

.emtpyshortcut {
  color: #222222; }
Nummerierung:

Code: Alles auswählen

#fastspell1 td {
  background-color: #38332F;
  border-bottom: dotted #46433E 1px;
  border-top: 0px;
  color: #222222;  <------
  padding: 1px;
  padding-left: 0px;
  padding-right: 0px; }
Analog bei #fastspell2-#fastspell9.
Bärchen hat geschrieben:5. 2x Auflösung des Schutzes (Z: 5 | , das Item sollte die Farbe der Zahl haben

Code: Alles auswählen

.itemamount {
  color: #9E917B ; }
Bärchen hat geschrieben:7. Das (M) bräuchte auch noch ne auffälligere Färbung.

Code: Alles auswählen

.itemmagic { 
   font-weight: bold; 
   color: #5E5E5E; }
Eventuell solltest du die Kontrasteinstellungen deines Bildschirms etwas anpassen. Die Itemanzahl usw. sehe ich nämlich problemlos.

Bärchen hat geschrieben:4. Wie verschiebe ich den Link für die offene Gruppe? (Und ja, die Gm müssen noch etwas hoch und nach rechts *g)
6. Besteht die Möglichkeit, hinter der Waffenstärke den Zustand der Waffe anzuzeigen?
Damit habe ich keine Erfahrung, guck dir am besten mal den Code von K-Style an: viewtopic.php?f=18&t=34805
Nach oben
Bärchen
Kopolaspinne
Beiträge: 935
Registriert: 7. Jan 2009, 17:05

Re: Dark Forest

Beitrag von Bärchen » 19. Jan 2012, 15:20

Dankeschön.
Andi90 hat geschrieben:Eventuell solltest du die Kontrasteinstellungen deines Bildschirms etwas anpassen. Die Itemanzahl usw. sehe ich nämlich problemlos.
Die Idee an sich ist genial, hat aber leider nicht geholfen.

Edit: Das mein ich mit dem fehlenden Hintergrund:
SpoilerShow
Bild
Nach oben
Dimi

Re: Dark Forest

Beitrag von Dimi » 19. Jan 2012, 17:58

find es gut dass andi ihn weiter entwickelt, mir persönlich ist er aber doch ein tick zuuu dunkel...anstrengend für die augen ^^
Nach oben
Benutzeravatar
Andi90
großer Laubbär
Beiträge: 3872
Registriert: 27. Aug 2006, 20:59

Re: Dark Forest

Beitrag von Andi90 » 21. Nov 2012, 16:36

Dark Forest Style
Update: Version 2.3 - Letzte Aktualisierung: 21.11.2012

Neue Features:
  • Begehbare schwarze Felder in den Unterkünften werden markiert. Nicht betretbare Felder werden beim Hovern ebenfalls markiert.
  • Aggressive NPCs werden nun auf der Karte markiert. Dabei könnt ihr den Style auf eure Stärke einstellen, so dass schwache aggressive NPCs nicht extra angezeigt werden.

Download (V 2.3 - 21.11.2012): http://uploaded.net/file/09cg04gq


Screens:
SpoilerShow
Bild

Bild

Bild Bild
Credits:
  • Die Markierung der begehbaren schwarzen Felder in Unterkünften und die Anzeige der aggressiven NPCs basieren auf den entsprechenden Komponenten des LightNoise-Styles von Cembon.
[/i]
Nach oben
Benutzeravatar
Cembon
Gelbbart-Yeti
Beiträge: 1793
Registriert: 6. Mai 2011, 19:09
Wohnort: Am See des Friedens
Kontaktdaten:
Kontaktdaten von Cembon

Re: Dark Forest

Beitrag von Cembon » 21. Nov 2012, 17:01

Wo sind die Credits im Post? :P
Bild
Nach oben
Benutzeravatar
Andi90
großer Laubbär
Beiträge: 3872
Registriert: 27. Aug 2006, 20:59

Re: Dark Forest

Beitrag von Andi90 » 21. Nov 2012, 17:09

Besser so? ;)
Nach oben
Benutzeravatar
Mr. Rosegger
Nachtgonk
Beiträge: 259
Registriert: 18. Jun 2010, 18:29
Wohnort: W11

Re: Dark Forest

Beitrag von Mr. Rosegger » 9. Jan 2013, 22:45

Hallo,
mit Chrome lassen sich die ausgetauschten Bilder (Schnellzauber löschen, Anflüstern,... ) nicht klicken.
Ausserdem sind die Bilder für Anflüstern & Einladen gleich. Auf der FL wird zweimal Anflüstern angezeigt eins verschwindet wenn man mit der Maus drüber fährt...

Wäre nett wenn das jemand fixen könnte. :D
Sotrax hat geschrieben: Der Faktor Psychologie wird dabei auch sehr stark unterschätzt und hat nichts mit Dummheit zu tun. Menschen sind einfach von Natur aus Neugierig, so neugierig, dass sie auch einen kleinen Nachteil in Kauf nehmen um die Wahrheit zu wissen.
Nach oben
Antworten

Zurück zu „Freewar Styles“

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 3 Gäste