Lachgas: User-CSS-Contest ;-)

Beitrag lesen

Hallo mauy!

Aber wie findet ihr es?

Naja, allzu viel verändert, insbesondere bezüglich der Usability,
hast du ja nicht.

Schau dir doch zum Vergleich mal mein aktuelles User-CSS an, das
ich in großen Teilen von Rolands CSS abgekupfert habe ;-)

  
/*  
  
 inspiriert von Roland Skop  
  
 verändert von Lachgas  
  
*/  
  
  
  
  
  
/* Grundsaetzliches */  
  
body {  
 color:#000;  
 background-color:#fff;  
 font-family:Arial,sans-serif;  
 line-height:1.6em;  
 font-family:"bitstream vera sans";  
}  
  
strong {  
 font-weight:normal;  
}  
  
  
  
  
  
/* Alles ausblenden, was nicht noetig ist */  
  
h1, h2, h3, label,  
#aktuellenachrichten,  
#altenachrichten,  
#bottom,  
#doppelpostinghinweis,  
#formular-email,  
#formular-grafik,  
#formular-homepage,  
#formular-name,  
#formular-rechtschreibung,  
#kopf-down,  
#kopf-einleitung,  
#kopf-logo,  
#kopf-seitentyp,  
#kopf-titel,  
#ladezeitpunkt,  
#link-aktuellenachrichten,  
#link-altenachrichten,  
#link-neuenachricht>img,  
#mitmachen,  
#nachricht-antworten,  
#nachricht-bewerten + p,  
#nachricht-bezug,  
#nachricht-bild,  
#nachricht-feed-rss,  
#nachricht-feed-atom,  
#nachricht-lesen,  
#nachrichtabo-link,  
#nachrichtantworten-link,  
#nachrichtlesen-link,  
#nachricht-view-nested,  
#nachricht-view-list,  
#newslink,  
#optionen-threads-einblenden,  
#pfadunten,  
#quicklinks,  
#quicklink-francais,  
#quicklink-archiv,  
#quicklink-faq,  
#quicklink-selfhtml,  
#quicklink-selfaktuell,  
#quicklink-suche,  
#selfforum-hauptseite form,  
#selfforum-hauptseite p,  
#suchausdruck,  
#threads-gelesen-markieren,  
#tipoftheday,  
#top img,  
#zu_diesem_Forum,  
.link-thread-ausblenden,  
.link-thread-gelesen,  
.link-thread-zuklappen,  
.updown {  
 display:none;  
}  
  
  
#kopf,  
#kopf-menue,  
#kopf-menue2,  
#top {  
 background-color:#fff;  
  
}  
  
  
/* noch nicht besuchter Link */  
a:link {  
 color:#000;  
 text-decoration:underline;  
 background-color:#FCB269;  
}  
  
/* Besuchter Link */  
*:visited, *.visited {  
 color:#666 !important;  
 background-color:#f6f6f6 !important;  
 text-decoration:underline;  
}  
  
/* Aktiver Link */  
a:active {  
 color:#ffd;  
 background-color:#9a9;  
}  
  
/* Hover, nona :) */  
a:hover, *.visited:hover {  
 color:#000;  
 background-color:#FF7F00;  
}  
  
  
  
  
  
/* Admin-Hinweis */  
#tipoftheday + p {  
 display:block !important;  
 position:fixed;  
 top:5em;  
 left:2em;  
 background-color:#ffe;  
 border:.5em solid #a00 !important;  
 padding:1em;  
 z-index:1;  
}  
  
#optionen {  
 display:block;  
 position:fixed;  
 top:-1em;  
 right:0;  
}  
  
#optionen ul li {  
 display:block;  
 float:right;  
}  
  
#optionen a {  
 display:block;  
 background:transparent url("fixed_bg.png");  
 border-width:1px;  
 border-style:solid;  
 border-color:#ccc #aaa #aaa #ccc;  
 margin:.1em .2em .1em 0;  
 padding:0 .2em;  
 font-size:.8em;  
 text-align:center;  
 text-decoration:none;  
}  
  
#link-neuenachricht a {  
 display:block;  
 position:fixed;  
 top:2.8em;  
 right:.25em;  
 padding:0 .2em;  
 font-size:75%;  
 background:transparent url("fixed_bg.png");  
 border-width:1px;  
 border-style:solid;  
 border-color:#ccc #aaa #aaa #ccc;  
}  
  
  
#top {  
 display:block !important;  
 position:fixed;  
 top:4px;  
 left:0;  
}  
  
#top a {  
 font-size:0;  
 height:27px;  
 width:33px;  
 display:block !important;  
 background-color:#fff !important;  
}  
  
#top a:after {  
 content:" \25C4";  
 font-size:40px;  
 vertical-align:top;  
 color:white;  
 text-decoration:none !important;  
 border:0 !important;  
 background-color:black;  
}  
  
/* Thread-Anzeige */  
  
#root {  
 margin:0;  
 padding:.5em;  
 background-color:#fffff;  
 font-size:.8em;  
 line-height:1.8em;  
 z-index:0;  
}  
  
/* Thread-Listen formatieren */  
ol li, ul li {  
 margin:0;  
 white-space:nowrap;  
 list-style-type:none;  
}  
  
/* Aktives Posting im Threadbaum hervorheben */  
#root .active {  
 color:#eef;  
 background-color:#060;  
}  
  
#root .active:after {  
 content:" \21E6";  
 font-weight:normal;  
 font-size:1em;  
}  
  
/* Lieblings-Kategorien hervorheben */  
#root .cathigh {  
 color:#000;  
 background-color:#FED;  
}  
  
/* eigene Postings hervorheben... */  
#root .own {  
 color:#000;  
 background-color:#FF6;  
 padding:1px 3px 1px 3px;  
}  
  
/* gelesene Postings mit Haekchen markieren */  
#root .visited:after {  
 content: "   \2714";  
 color:#888;  
 background-color:inherit;  
}  
  
/* Poster aus der Whitelist hervorheben... */  
#root .whitelist {  
 color:#000;  
 background-color:#fed;  
 padding:1px 3px 1px 3px;  
}  
  
#selfforum-hauptseite ol > li {  
 margin-top:1.5em;  
}  
  
  
/* Posting + Zitate  */  
  
span.q {  
 font-family:"courier new";  
 display:block;  
  
}  
  
  
span.answers {  
         display: inline;  
         margin-left:-2em;  
}  
  
#nachricht-text, textarea, tt {  
 font-family:"courier new";  
 line-height:15.4px;  
}  
  
#nachricht-autor {  
 margin-top:20px;  
 font-size:.8em;  
}  
  
#nachricht-autor strong {  
        font-size:1.5em;  
}  
  
#nachricht-autor, #nachricht-text, textarea, tt {  
 margin-left:50px;  
}  
  
#selfforum-nachricht {  
 padding-top:2em;  
}  
  
.answers {  
 color:#aaa;  
}  
  
#nachricht-text a:link, #nachricht-autor a:link, .sig a:link {  
 color:#A52;  
 background-color:#FFF;  
 text-decoration:underline;  
}  
  
  
  
  
/* Syntax-Highlighting */  
  
code {  
 color:#000;  
}  
  
code .apache-directive { color: rgb(0, 128, 0); }  
code .apache-known-option { color: rgb(128, 0, 0); }  
code .apache-method {  }  
code .apache-region { font-weight: bold; color: rgb(0, 0, 255); }  
code .at-rule { color: rgb(0, 0, 255); font-weight: bold; }  
code .attribute { color: rgb(0, 128, 0); font-weight: normal; }  
code .comment { color: rgb(128, 128, 128); font-style: italic; }  
code .element-selector {  }  
code .empty-tag { color: rgb(0, 0, 255); font-weight: bold; }  
code .entity { font-style: italic; }  
code .entityinvalid { background-color: rgb(255, 0, 0); font-style: italic; }  
code .function { font-weight: bold; }  
code .heredoc { color: rgb(255, 0, 0); }  
code .hexnumber { color: rgb(0, 128, 128); }  
code .keyword { color: rgb(0, 0, 255); font-weight: bold; }  
code .known-methods { font-weight: bold; }  
Code .mediatype { color: rgb(128, 0, 0); }  
code .name {  }  
code .number { color: rgb(0, 128, 128); }  
code .octnumber { color: rgb(0, 128, 128); }  
code .operator {  }  
code .preprocessor { color: rgb(128, 128, 0); }  
code .processing-instruction { color: rgb(255, 0, 0); font-weight: bold; }  
code .property { color: rgb(0, 128, 0); }  
code .property-value { color: rgb(128, 0, 0); }  
code .prop-function { text-decoration: none; font-style: italic; font-weight: bold; }  
code .prop-quoted { color: rgb(255, 0, 255); }  
code .pseudo-class-selector { color: rgb(0, 0, 255); }  
code .shebang { color: rgb(128, 128, 0); }  
code .string { color: rgb(255, 0, 0); }  
code .symbol { font-weight: bold; }  
code .tag { color: rgb(0, 0, 255); font-weight: bold; }  
code .unknown-property { color: rgb(0, 128, 0); background-color: rgb(255, 0, 0); }  
code .value { color: rgb(128, 0, 0); }  
code .variable { color: rgb(0, 128, 0); }  
  
  
  
/* Formular */  
  
form {  
 background-color:#fff;  
  
 border:0;  
}  
  
#formular-nachricht {  
 background-color:#fff;  
 font-size:1em;  
}  
  
input[value="Nachricht absenden"]:hover {  
 color:#ee0;  
 background-color:#f00;  
}  
input[value="Vorschau generieren"]:hover {  
 color:#080;  
 background-color:#efe;  
}  
  
  
  
  
  
/* Posting-Bewertung */  
  
#nachricht-bewerten-div p {  
 display:block;  
 position:fixed;  
 top:0em;  
 right:.1em;  
 width:100%;  
 font-size:75%;  
 text-align:center;  
 padding:.2em;  
 background-image:url("fixed_bg.png");  
}  
  
#nachricht-bewerten-div a {  
 padding:0 .1em;  
}  

℆, ℒacℎgas

--
Bei der intendierten Realisierung der linguistischen Simplifizierung
des regionalen Idioms resultiert die Evidenz der Opportunität extrem
apparent, den elaborierten und quantitativ opulenten Usus nicht assi-
milierter Xenologien konsequent zu eliminieren!