User:Trollocool/chat.css

/*Vielen Dank an 2Actimv, durch seine Chat-Skins habe ich das Meiste meines Wissens über Chat-CSS erhaten. Danke!*/ /*In diesem Skin werden ausschließlich Hexadezimalcodes der Form #XXXXXX (alle Zeichen sind gleich) verwendet, diese führen zu Graustufen. Da wir uns im Hexadezimalsystem befinden, stehen A, B, C, D, E und F für 10, 11, 12, 13, 14 bzw. 15.*/ /*Farbe des /me-Befehls */ .Chat .me-message { color: #AAAAAA; } /*Farbe des /me-Befehls, wenn man mit der Maus über ihn fährt */ .Chat .me-message:hover { background-color: #EEEEEE; color: #000000; } /*Farbe des „Abwesend“-Textes */ .User.away .status { color: #EEEEEE; } /*Farbe des „Abwesend“-Textes, wenn man mit der Maus über ihn fährt */ .User.away .status:hover { background-color:#EEEEEE; color: #000000; } /*Farbe der Zeitanzeige neben den Nachrichten */ .Chat .time { color: #DDDDDD; font-size: 13px; } /*Farbe und Vergrößerung der Zeitanzeige neben den Nachrichten, wenn man mit der Maus über sie fährt */ .Chat .time:hover{; font-size: 3em; color: #888888; font-weight:bolder; } /*Chatfensterhintergrund und seine Umrandung (dazu gehören nicht der Header, die PNs, eigene Nachrichten und das Texteingabefeld*/ .Chat { background: #EEEEEE; border: 2px solid #EEEEEE; color: #000000; } /*Chatfensterhintergrund und seine Umrandung (nur deine Nachrichten)*/ .Chat .you { background: #000000; color:#EEEEEE; } /*Hintergrundfarbe (nur bei transparenten Logos) und Umrandung des Chat/Wikia-Logos*/ .ChatHeader img { background-color: transparent; border: #777777 solid 1px; } /*Farbe und Umrandung des Chatheaders*/ .ChatHeader { background: #000000; border: 1px #EEEEEE solid; } /*Umrandung der einzelnen PN-Tabs*/ .PrivateChatList .User { background-color:#000000; border-radius: 1px; border: solid #EEEEEE; } /*Umrandung der einzelnen PN-Tabs, wenn man mit der Maus über sie fährt*/ .PrivateChatList .User:hover { background-color:#000000; border-radius: 2px; border: dashed #EEEEEE; } /*Die Umrandung, Textfarbe und Farbe des Texteingabefeldes*/ .Write .message textarea { background-color: #EEEEEE; color:#000000; border: 1px solid #000000; } /*Die Umrandung und Farbe des Texteingabefeldes, wenn man mit der Maus über ihn fährt*/ .Write .message:hover textarea:hover { background-color: #EEEEEE; color:#000000; border: 2px double #000000; } /*Das Symbol der Benutzer mit Chat-Mod-Rechten (Standardmäßig gelber Stern)*/ .User.chat-mod .username:after { background-image:none; content: url("http://vignette2.wikia.nocookie.net/elderscrolls2/images/9/90/S%C3%BC%C3%9Fkuchen.png/revision/latest/scale-to-width-down/25?cb=20130905163540&path-prefix=de"); } /*Hintergrund des gesamten Chatteils, der nicht vom Chatfenster überdeckt ist*/ .ChatWindow { background: #FFFFFF; }
 * 1) 000000 ist weiß (r0,g0,b0) und #FFFFFF schwarz (r15,b15,g15).