2 ganz spezielle Erweiterungen

[Nemoflow]

Will hier mal 2 Extensions vorstellen die so mächtig sind, daß sie einen eigenen Thread wert sind.


Greasemonkey

Bin ich erst Vorgestern drauf aufmerksam geworden.
Wird nämlich zur Zeit viel diskutiert über diese Extension.

Greasemonkey ist eine Erweiterung, die so genannte user scripts laden und ausführen kann. Diese greifen auf den HTML-Quellecode der angezeigten Webseite zu und können ihn automatisch modifizieren.
Die Erweiterung ist jederzeit um beliebige user scripts erweiterbar, die ebenfalls kostenfrei zum Download angeboten werden. Diese user scripts sind einfach zu erstellen und können ganz simpel sein, durchaus aber auch sehr komplexe Aufgaben übernehmen.

Greasemonkey ist beileibe nicht die einzige Anwendung, die den HTML-Quelltext automatisch modifizieren kann. Das machen Werbeblocker, andere Firefox Extensions, Internet-Security Tools, der Internet-Explorer (bei bestimmten Sicherheitseinstellungen) und sogar die neue Google Toolbar (die dafür viel Kritik einstecken musste). Allein: Greasemonkey ist die flexibleste und weitreichendste all dieser Anwendungen.


Unter nachfolgendem Link können eine Vielzahl an user scripts geladen werden.

http://tinyurl.com/69aty

Ich nutze zur Zeit folgende Scripts:

deviantART Ads Bar Remover: Removes the ads bar at the top of deviantART pages.
Flickr: Degradr: Replaces flickr's flash-embedded images with actual image files.
Flickr: Photo Page Enhancer: Insert a link to the original size jpg on every photo page, and an easy copy/paste textarea with html code for thumbnail link.
Google Images Re-Linker: Rewrites links in Google Images to point straight to the image instead of the thumbnail in a frame
Gmail: Adding Persistent Searches: Adds persistent/saved searches to Gmail.
Gmail: Secure Gmail: Makes sure Gmail uses a secure connection.
Mailto Links to GMail compose: Rewrites all "mailto:" links to go to the GMail compose page, passing the usual parameters
ALT Tooltips: make ALT text show up in image tooltips (when there is no TITLE)
Add RSS Index: Add a floating panel containing RSS links, if available. The panel is collapsed by default and contains a "close" box to remove.
Disable Targets and onClick for Downloads: Disable Targets and onClick for links to binary files.
Expand TextArea: allows you to resize textareas.
Inline MP3 Player: Inserts an inline play button(flash plugin required) after every link on page that ends with a .mp3 extension.
Linkify: Turn all URLs on a page into hyperlinks.
SourcePlease: Rewrites links pointing to SourceForge downloads to link directly to the file being downloaded, instead of their mirror selection pages.
Skip Rapidshare Counter
CustomizeGoogle


Für DeviantART Subsciber gibt es noch folgende Scripts:

ToggleAllByDeviant adds checkboxes to the deviantWATCH page to toggle all deviations by one deviant.
Devious Thumbs adds a thumbnail of the deviation next to the Devious Thoughts comment field on deviation pages.
Congregative Cavity replaces the text 'collective rectum' in the footer with 'congregative posterior cavity' to keep dA politically correct.


Was diese Erweiterung so diskussionswürdig macht, ist folgendes,

wenn das Konzept weiter um sich greift, dann könnten sich die Geschäftsmodelle vieler Websites in Luft auflösen. Werden zum Beispiel Google Ads automatisch ausgeblendet (und dafür gibt es bereits heute ein Greasemonkey-Skript), dann entgehen den Seitenbetreibern potenzielle Werbeerlöse.
Auch könnten aggressive Greasemonkey-Plugins die Referrer-Codes für Partnerprogramm-Links, wie sie in den Links zu Amazon-Seiten integriert sind, entfernen oder gar durch andere Codes austauschen. Theoretisch wäre es sogar denkbar, dass dies ohne Wissen des Nutzers geschieht.

Und auch die Erweiterung von Anwendung um neue Features oder das Anbieten von kostenpflichtigen Premium-Diensten könnte zukünftig schwieriger werden: Für GMail existieren bereits Greasemonkey Scripts, die statische Suchfunktionen "nachrüsten", die der Betreiber so gar nicht vorgesehen hat. Auch für Google Maps stehen bereits Funktionserweiterungen bereit: Einfach das entsprechende Greasemonkey-Skript installieren und es wird immer ausgeführt, sobald die entsprechenden Seiten angesurft werden.

mehr dazu auch hier, hier und hier.



Die zweite Extension ist URIid

Mit Hilfe der Erweiterung ist die Anwendung von sitespezifischen Nutzerstilvorlagen (Userstylesheets) möglich.

Was sind Nutzerstilvorlagen?
Autoren von Webseiten geben ihren Inhalten Regeln, sog. Stilregeln, mit, die eine bestimmte Darstellung der jeweiligen Inhalte im Browser vorschlagen. Typische Merkmale sind z.B.: Schriftfarbe, Hintergrundfarbe, Größe, Einrückungen etc.
(Die Darstellung kann von Autoren auch mit anderen, weniger eleganten Mitteln beeinflusst werden als mit Stilregeln, aber das führt hier zu weit.)

Du als Nutzer kannst in Deinem Browser jedoch diese Stilregeln ausser Kraft setzen oder mit Deinen eigenen Regeln überschreiben. Wenn Du alle Webseiten am liebsten mit schweinchenrosafarbenen Überschriften liest, könntest Du entsprechenden Stilregeln in Deine Nutzerstilvorlage usercontent.css einfügen.

Du glaubst mir nicht?
Trage folgenden Code in usercontent.css ein:

Code: Alles auswählen

/* Alle Überschriften in Schweinchenrosa */
h1, h2, h3, h4, h5, h5 {
  color: FF66CC !important;
}

Eine solche Regel wirkt auf jede Webseite. Alles durch eine rosa Brilla zu sehen ist Dir zu viel des Guten?

Jetzt kommt die Erweiterung URIid ins Spiel. Mit ihrer Hilfe sind Stilregeln möglich, die sich gezielt nur auf bestimmte Seiten auswirken.

Beispiel: Heise Newsticker entschlacken

Da praktisch permanent auf neue Weise Werbung oder andere unerwünschte Inhalte auf Seiten integriert wird, kann ich nicht garantieren, dass die Regeln dauerhaft eine Darstellung frei von Ballast bieten.

Wer einen Eindruck einer kreativen und nützlichen Nutzerstilvorlage gewinnen möchte, empfehle ich einen Blick auf das Beispiel von Jesse Ruderman (englischsprachig) .

Heise Newsticker entschlacken

Mit Hilfe von sitespezifischen Stilregeln im Nutzerstilvorlagen entschlackst Du die Darstellung des Heise Newstickers:
Bildschirmfoto der Orignalmeldung und der entschlackten Darstellung

Damit diese speziellen Regeln funktionieren ist die Installation der Erweiterung URIID notwendig.

Füge folgenden Code in usercontent.css ein:

Code: Alles auswählen

/* Heise Newsticker entschlacken */
body.uriid-www-heise-de-newsticker-meldung *{
   background: white !important; 
   max-width: 60ex !important;
}
body.uriid-www-heise-de-newsticker-meldung{
  margin-right: 10% !important;
}
body.uriid-www-heise-de-newsticker-meldung *[class^="navi"],
body.uriid-www-heise-de-newsticker-meldung *[class^="kasten"],
body.uriid-www-heise-de-newsticker-meldung *[class^="top"],
body.uriid-www-heise-de-newsticker-meldung *[class^="rand"],
body.uriid-www-heise-de-newsticker-meldung *[class^="rund"],
body.uriid-www-heise-de-newsticker-meldung *[class^="datum"],
body.uriid-www-heise-de-newsticker-meldung *[class^="heiseadvert"],
body.uriid-www-heise-de-newsticker-meldung *[class^="suchen"],
body.uriid-www-heise-de-newsticker-meldung *[class^="size80"],
body.uriid-www-heise-de-newsticker-meldung *[align="center"],
body.uriid-www-heise-de-newsticker-meldung *[align="right"],
body.uriid-www-heise-de-newsticker-meldung *[href="/"],
body.uriid-www-heise-de-newsticker-meldung *[href="/newsticker/"]{
   display:none !important;
}

Telefonbuch entschlacken

Mit Hilfe von sitespezifischen Stilregeln im Nutzerstilvorlagen entschlackst Du die Darstellung der Trefferseiten von Telefonbuch.de .

Damit diese speziellen Regeln funktionieren ist die Installation der Erweiterung URIID notwendig.

Füge folgenden Code in usercontent.css ein:

Code: Alles auswählen

/* Telefonbuch.de entschlacken */
body.uriid-telefonbuch-de img,
body.uriid-telefonbuch-de iframe,
body.uriid-telefonbuch-de script{
   display:none !important;
}
body.uriid-telefonbuch-de{
   background: white !important;	 
}

Ich habe z.B. URIID verwendet um meine Gmail Seite neu zu gestalten (frei nach dieser Anleitung):





Theoretisch könnte sich z.B. jeder einen eigenen Style fürs Deskmodder-Forum basteln.
Tombik könnte in etwa das ganze Forum einGanten und niemand ausser ihm würde es sehen.

Naja, vielleicht schaut ihr euch beide Erweiterungen mal an.
Ich find sie sehr nützlich....denn nun ist eigentlich alles möglich....

[Tante Google]

[Tombik]

Wenn der Tombik das so einfach könnte, hätte er´s schon gemacht
Die andere ist schon in Benutzung:

[spacefrog]

Greasemonkey

Unter nachfolgendem Link können eine Vielzahl an user scripts geladen werden.

http://tinyurl.com/69aty

hm, klingt sehr interessant, aber der link zu den user scripts funktioniert leider nicht.
woher hast du deine user scripts? alle selbst geschrieben?

spacefrog

[Nemoflow]

Auf DA sind sie gerade dabei eine Erweiterung zu kreieren die es ermöglicht den Seiten-Style von DA zu verändern.

deviantSkin

Tja...*gg*...die scheinen URIid noch nicht zu kennen.

Denn damit läßt sich das auch regeln ohne das man nun diese zusätzliche Erweiterung dafür braucht.

Einfach die CSS-Codes die auf der Seite angeboten werden in die userContent.css packen (ähnlich wie bei Gmail), Firefox neustarten und schon kann man die Veränderung sehen.
Hab mal alle dort geposteten Styles durchgetestet und Screenshots gemacht...sucht euch einen aus.

Ich benutze übrigens "Prado".
Sieht extrem edel aus und schont die Augen.





Black




Black2




Denim (hat nette Hover-Effekte)




GreenLight




Invert




Lago




Pink




Prado




Silver





Also wer's testen will....nur zu.

[spacefrog]

danke, ich finde die erweiterung nämlich extrem geil, konnte sie bloss bisher nicht so richtig nutzen.
hab ja jetzt einiges zum austesten

[Nemoflow]

danke, ich finde die erweiterung nämlich extrem geil

Ist sie auch.

hm, klingt sehr interessant, aber der link zu den user scripts funktioniert leider nicht.
woher hast du deine user scripts? alle selbst geschrieben?

spacefrog

Also bei mir funktioniert der Link.
Hab die Scripts bis auf einen alle von dort.

[spacefrog]

jepp, jetzt funktioniert er wieder...weiss nicht warum es nicht ging.
da sind einige hübsche sachen dabei

[otacon]

sind ja mal echt krasse erweitungen

werde mir zwar keine davon holen, weil ich nicht so viel zeit damit investieren möchte

aber absolut der wahnsinn, was alles geht und dieses greasemonkey geht teilweise echt zu weit, auch wenn es nicht daran selbst liegt
aber viele sachen werden entegegn dem eigentlich sinn ausgenutzt

[spacefrog]

ähm, nemoflow, mal ne dumme frage...woher krieg ich die oben beschriebenen deviant-art-css-files?

[Nemoflow]

eigentlich dort:

deviantSkin

aber wie ich gerade feststellen durfte, haben sie die Codes rausgenommen.
hat da etwa einer gepetzt....?

..und ich habe bis auf "Prado", die anderen nicht gespeichert.
aber der ist eh der beste.

Hier der "Prado" Code:

Code: Alles auswählen

/*deviantSkinAuthor:::spudz-- (jan van lysebettens)*/
/* kin: Prado v1.0 */
 
#deviantART 
{
	background-image: none !important;
	background-color: #394922 !important;
}

#deviantART body,
#deviantART #body 
{
	background:#394922 url() !important;
}

#deviantART div.ads-wide 
{
	display: none !important;
}

#deviantART h1,
#deviantART h2,
#deviantART h3,
#deviantART h4
{
	color:#2D3910 !important;
}

#deviantART #head h1 span a
{
	color:#6A7849 !important;
}

#deviantART .even
{
	background-color:#DDE0C8 !important;
}

#deviantART .item-head
{
	background-color:#DDE0C8 !important;
	border:none !important;
	margin-top:-11px !important;
	
	border-bottom-width:1px !important;
	border-bottom-color:#FFFFFF !important;
	border-bottom-style:solid !important;
	
}



#deviantART .item-foot
{
	font-size:10px;
	text-align:right !important;
	margin-top:20px !important;
	border:none !important;
}

#deviantART .item-foot .ext
{
	visibility:hidden !important;
}

#deviantART .notes .ext input

{
margin-top:-5px !important;
}
#deviantART .notes .ext select
{
margin-top:-4px !important;
}

#deviantART .read .item-head
{
margin-top:0px !important;
}
#deviantART #bar-user
{
	background-color: #E9EBD8 !important;
	color: #2D3910 !important;
	 border-color: #fff !important;
	border-width: 1px !important;
	border-style: solid !important;
	height: 40px !important;
	margin-top:-2px !important;
	}
#deviantART #bar-user .toolbar td a:hover
{
	background-color:#DDE0C8 !important;
	color: #2D3910 !important;
	 border-color: #fff !important;
	border-width: 1px !important;
	border-style: solid !important;
	-moz-border-radius: 0px !important;
	
	}
#deviantART #bar-main .toolbar td a:hover
{
	background-color:#DDE0C8 !important;
	color: #2D3910 !important;
	 border-color: #fff !important;
	border-width: 1px !important;
	border-style: solid !important;
	-moz-border-radius: 0px !important;
	
	}
	
#deviantART #bar-user .first
{
	background-color: #E9EBD8 !important;
}

#deviantART #bar-deviant
{
	background-color: #E9EBD8 !important;
	color: #2D3910 !important;
	 border-color: #fff !important;
	border-width: 1px !important;
	border-style: solid !important;
	

}

#deviantART #bar-main
{
	background-color: #CDD1B5 !important;
	color: #2D3910 !important;
	 border-color: #fff !important;
	border-width: 1px !important;
	border-style: solid !important;	
	border-top:none !important;
}

#deviantART #bar-main td.lefto
{
	background-color: #E9EBD8 !important;
	color: #2D3910 !important;
	border-right-color: #fff !important;
	border-right-width: 1px !important;
	border-right-style: solid !important;
}

#deviantART #bar-main td.righto
{
	background-color: #CDD1B5 !important;
	color: #2D3910 !important;
}

#deviantART #bar-main td.lefto .first
{
	background-color: #E9EBD8 !important;
	color: #2D3910 !important;
}

#deviantART .commentpost .beacon
{
	background-color: #E9EBD8 !important;
	color: #2D3910 !important;
	border-color: #fff !important;
	border-width: 1px !important;
	border-style: solid !important;
	margin-top:-1px !important;
}

#deviantART-shop #bar-main,
#deviantART-shop #bar-main-ctrl1,
#deviantART-shop #bar-main-ctrl2,
#deviantART-shop #bar-main-ctrl3,
#deviantART-shop #bar-deviant,
#deviantART-shop #bar-deviant-ctrl1,
#deviantART-shop #bar-deviant-ctrl2,
#deviantART-shop #bar-deviant-ctrl3,
#deviantART-shop #bar-user,
#deviantART-shop #bar-user-ctrl1,
#deviantART-shop #bar-user-ctrl2,
#deviantART-shop #bar-user-ctrl3,
#deviantART-shop #bar-main td.lefto,
#deviantART-shop #bar-user-ctrl4,
#bar-main,
#bar-main-ctrl1,
#bar-main-ctrl2,
#bar-main-ctrl3,
#bar-deviant,
#bar-deviant-ctrl1,
#bar-deviant-ctrl2,
#bar-deviant-ctrl3,
#bar-user,
#bar-user-ctrl1,
#bar-user-ctrl2,
#bar-user-ctrl3,
#bar-main td.lefto,
#bar-user-ctrl4{
	background-image:none!important 
}


#deviantART .section-foot,
#deviantART .aside-left,
#deviantART .aside-right,
#deviantART .beacon td,
#deviantART th,
#deviantART #nav-east,
#deviantART .toolbar td a:hover,
#deviantART .alt1,
#deviantART .subsection .dev-text,
#deviantART #nav-east .section-head,
#deviantART input,
#deviantART .dev-text,
#deviantART textarea,
#deviantART .option,
#deviantART .alt2,
#deviantART .section-head,
#deviantART .subsection h3
{
	background-color: #E9EBD8 !important;
	color: #2D3910 !important;
}

#deviantART #nav-east .section-block
{
 	border-color: #fff !important;
	border-width: 1px !important;
	border-style: solid !important;	
}

#deviantART .beacon
{
	background-color: #E9EBD8 !important;
	color: #2D3910 !important;
	
}
#deviantART .subsection p
{
	margin-top:5px !important;
}
#deviantART .subsection .beacon
{
	background-color:#DDE0C8 !important;
	color: #2D3910 !important;
	border-color: #fff !important;
	border-width: 1px !important;
	border-style: solid !important;	
}
#deviantART  .section-foot .beacon
{
	background-color: #E9EBD8 !important;
	color: #2D3910 !important;
	border:none !important;
}
#deviantART .subsection .section-foot .beacon
{
	background-color: #E9EBD8 !important;
	color: #2D3910 !important;
	border-color: #fff !important;
	border-width: 1px !important;
	border-style: solid !important;	
}

#deviantART .subsection .section-foot .beacon:hover
{
	background-color: #DDE0C8 !important;
	color: #2D3910 !important;
	border-color: #fff !important;
	border-width: 1px !important;
	border-style: solid !important;	
}

#deviantART .subsection ul .main
{
	background-color: #E9EBD8 !important;
	color: #2D3910 !important;
	border:none !important;
	border-bottom-color: #fff !important;
	border-bottom-width: 1px !important;
	border-bottom-style: solid !important;	
	width:100% !important;	
	margin-top:-1px !important;
}
#deviantART .subsection ul .ext
{
	margin-top:-20px !important;
	margin-left:4px !important;
	font-size:10px !important;
}
#deviantART .subsection ul .even,
#deviantART .subsection ul .odd
{
	background-color:#DDE0C8 !important;
	color: #2D3910 !important;
	border:none !important;
	
}
#deviantART #nav-east .subsection ul
{
		background-color: #CDD1B5 !important;
		
}
#deviantART #nav-east .beacon
{
	background-color: #CDD1B5 !important;
	color: #2D3910 !important;
	border:none !important;

}

#deviantART #nav-east .first,
#deviantart .column1 .first,
#deviantart .column2 .first
{
	background-color: #CDD1B5 !important;
	color: #2D3910 !important;

}

#deviantART #nav-east .section-head
{
 	border-color: #fff !important;
	border-width: 1px !important;
	border-style: solid !important;
	background-color: #E9EBD8 !important;	
}

#deviantART .section-head
{
	border-color: #fff !important;
	border-width: 1px !important;
	border-style: solid !important;
}
#deviantART .section-block
{
	border-color: #fff !important;
	border-width: 1px !important;
	border-style: solid !important;	
	border-top:none !important;
}

#deviantART .section-foot
{
 	border:none !important;
	
}

#deviantART a 
{
	color: #6A7849 !important;
}
#deviantART .read{
border-color:#fff !important;
}
#deviantART .alt1
{
background-color:#DDE0C8 !important;
}
#deviantART input
{
	background-color: #fff !important;
	border-color: #000000 !important;
	border-width: 1px !important;
	border-style: solid !important;
	
}

#deviantART textarea
{
	background-color: #fff !important;
	border-color: #000000 !important;
	border-width: 1px !important;
	border-style: solid !important;
	padding:2px !important;
}

#deviantART .odd:hover,
#deviantART .even:hover
{
	border-color: #fff !important;
	border-width: 1px !important;
	border-style: dashed !important;
}

#deviantART input:focus,
#deviantART textarea:focus
{
	border-color: #000 !important;
	border-width: 1px !important;
	border-style: dashed !important;
	
}
#deviantART .beacon:hover
{
	background-color:#DDE0C8 !important;
}
#deviantART .watch:hover
{
	background-color:#CDD1B5 !important;
}
#deviantART option,
#deviantART select,
#deviantART .poll .result,
#deviantART .thread,
#deviantART .grid,
#deviantART .section-block,
#deviantART .trailing,
#deviantART .odd,
#deviantART .dev,
#deviantART .counter,
#deviantART .date,
#deviantART #nav-east .section,
#deviantART .user .section,
#deviantART .first
{
	background-color: #CDD1B5 !important;
	color: #2D3910 !important;
	
}

#deviantART .tabbar strong
{
	background-color: #CDD1B5 !important;
	color: #2D3910 !important;
	border-color: #fff !important;
	border-width: 1px !important;
	border-style: solid !important;	
	border-bottom:none !important;
}

#deviantART .tabbar a
{
	background-color: #E9EBD8 !important;
	color: #2D3910 !important;
	border-color: #fff !important;
	border-width: 1px !important;
	border-style: solid !important;	
	border-bottom:none !important;
}

#deviantART .poll .bar,
#deviantART .subsection h3
{
	background-color: #E9EBD8 !important;
}

#deviantART .item 
{
	margin-top: 10px !important;
	background-color: #CDD1B5 !important;
}

#deviantART .item-head .avatar,
#deviantART .userinfo .avatar 
{
	float: left !important;
	margin-right: 10px !important;
}

#deviantART #nav-east .section,
#deviantART .item,
#deviantART .poll .result,
#deviantART .subsection h3
{
	border: 1px solid #fff !important;	
}

#deviantART .poll .bar 
{
	border: none !important;
	border-right: 1px solid #fff !important;
	
}

#deviantART #nav-east h3 
{
	background-color: transparent !important;
	border: none !important;
}

#deviantART #nav-east .section 
{
	margin: 10px !important;
}

#deviantART .subsection .categories h3 
{
	margin-right: 10px !important;
}

#deviantART .subsection .categories 
{
	padding-right: -10px !important;
}

#deviantART .read 
{
	background-image: none !important;
}

#deviantART option:hover 
{
	color:#394922 !important;
}

#deviantART #section-nav-ads,
#deviantART #a99faee2 
{
	visibility:hidden !important;
}

#deviantART span.dev-title 
{
	display: block !important;
}

#deviantART .dev 
{
	height: 150px !important;
}

#deviantART .funk li a 
{
	border-left: 0 !important;
}

#deviantART #partners h3 
{
	font-size: 150% !important;
	padding-left: 5px !important;
}

#deviantART .item-body
{
	background-color: transparent !important;
	border: none !important;
}

#deviantART #news-main .item 
{
	background-color:transparant !important;
	margin-top:20px !important;
	padding:0px !important;
	border:none !important;
}

#deviantART #news-main .item-head
{
	border-color: #fff !important;
	border-width: 1px !important;
	border-style: solid !important;	
}

#deviantART #news-main .item-body
{
	border-color: #fff !important;
	border-width: 1px !important;
	border-style: solid !important;	
	border-bottom:none !important;
	border-top:none !important;
}

#deviantART #news-main .item-foot
{
	border-color: #fff !important;
	border-width: 1px !important;
	border-style: solid !important;	
	border-top:none !important;	
}
#deviantART #news-main .item-foot .ext
{
	display:block !important;	
}

#deviantART #body h1,
#deviantART #body h1 a
{
	background:url(http://spudz.250free.com/daheader.png) no-repeat .3cm .3cm!important;
	height:50px !important;
	width:429px !important;
}

#deviantART .float-holder
{
 	text-align:center !important;
}
#deviantART .item .float-holder
{
 	text-align:left !important;
}

#deviantART .subsection .float-holder h4
{
	background: #E9EBD8 !important;
	border: 1px solid #fff !important;	
}

#deviantART .subsection .float-holder h4 .aside-right
{
 	display:none !important;
}

#deviantART .search div label
{
 	color:#FFFFFF !important;
}
#deviantART .grid .first
{
	background: #E9EBD8 !important;
}
#deviantART .blank
{
	background:  #394922 !important;
}
#deviantART .grid td,
#deviantART .grid th
{
	border-color: #fff !important;
	border-width: 1px !important;
	border-style: solid !important;	
}
#deviantART  .grid .odd .day a:hover,
#deviantART  .grid .even .day a:hover
{
	border-color: #E9EBD8 !important;
	border-width: 1px !important;
	border-style: solid !important;
	background: #E9EBD8 !important;
}

#deviantART .damncrc-topic
{
background-color:#DDE0C8 !important;
border-color:#fff !important;
}

#deviantART .alt0
{
background-color: #CDD1B5 !important;
border-color:#fff !important;
}

#deviantART .damncrc-chat-window,
#deviantART .damnc-tabbar-outer{
border-color:#fff !important;
}

#deviantART .dAmn-Chatbox input:focus,
#deviantART .dAmn-Chatbox textarea:focus
{
border-style:solid !important;
}

#deviantART .damncr .join,
#deviantART	.damncr .part			
{
 color:#ABB08D !important;
}

#deviantART .damncr .action
{
color: #89A95C !important;
}

#deviantART .damncr .self-hl .from SPAN
{ 
	background-color:#fff !important;
}

#deviantART .damncr .other-hl .text SPAN
{ 
	background-color:#fff !important;
	
}

#deviantART .damncr .other-hl .from SPAN
{ 
	background-color:#fff !important; 
	
}

#deviantART  .alt  td
{
	
	border-color: #fff !important;
	border-width: 1px !important;
	border-style: solid !important;	
}
#deviantART #section-nav-deviants .alt  td
{
	
	border:none !important;
}

[spacefrog]

eigentlich wollte ich black oder pink benutzen, aber prado ist auch ok
thx