Benutzer:Fristu/CSS-Tipps

Mit dem neuen Monobook-Skin kann jeder das Aussehen der Wikipedia auf seinem Endgerät beeinflussen. Um das Aussehen selbst zu beeinflussen, muss man eine Unterseite zu seiner Benutzerseite anlegen: [[Benutzer:Benutzername/monobook.css]]. Diese CSS-Datei wird dann zusätzlich eingelesen und man kann damit die Voreinstellungen unterdrücken.

Javascript-Erweiterungen sind u.a. auf Wikipedia:Skin zu finden.

Hier ein paar Tipps:

TOC bei den Löschkandidaten

mit

.ns-4 toclevel-1 > a[href*="erledigt"]{color:gray;}
.ns-4 toclevel-1 > a[href*="gel.C3.B6scht"]{color:red;}
.ns-4 toclevel-1 > a[href*="bleibt"]{color:green;}

werden die erledigten Einträge farblich unterschieden.

zusätzliche Buttonleiste unten

wer sich mit Meta:User styles/bottom tabs eine zusätzliche Buttonleiste gebaut hat, kann mit

@media print {
   #mytabs {display:none}
}

diese Leiste beim Ausdruck ausblenden.

Großschreibung

Aufheben der erzwungenen Kleinschreibung mit der Zeile:

.portlet h5,.portlet h6,#p-personal ul,#p-cactions li a{text-transform:none;}

Für Personen gibt es die CSS-Klasse 'Person':

<span class="Person">Schmale Kappe</span>

ergibt: Schmale Kappe

Links

Mit der Zeile

#content a:link{letter-spacing:0.03em;text-decoration:underline}

werden die Links einwenig breiter geschrieben und unterstrichen.

Links auf ungeschriebene Seiten grundsätzlich rot:

#p-cactions .new a, a.new, a:visited.new{color:red}

mit

a[href*="/Benutzer:]{...}
a[href*="/Benutzer:Name]{...}

lassen sich Links auf Benutzerseiten/bestimmte Benutzerseiten formatieren

Buttonleiste

Zuviele Buttons in der Buttonleiste bei zu kleiner Bildschirmauflösung führt zu springenden Links. Das hab ich mit

/*bug-tweaking*/
#p-cactions {
   position:absolute;
   top: 1.7em;
   left: 12.4em;
   margin: 0;
   /*white-space:nowrap;*/
   /*width: 80%;*/
   /*line-height: 1.2em;*/
   /*overflow: hidden;*/
   border-collapse: collapse;
   /*list-style: none;*/
   font-size: 85%;   
}
/*#p-cactions li{padding-top:1ex;}
/*bug-tweaking end*/

behoben.

Kategorie-Links

ausblenden

.catlinks {display:none}

externe Links die keine sind

Pfeil ausblenden:

#bodyContent a[href *="wikipedia"] {
  background:inherit !important;
  padding-right:inherit !important;
}