MediaWiki:Gadget-niceInfoboxes.css
Aus Kitakien
(Unterschied zwischen Versionen)
K (2 Versionen: Systemmeldungen) |
(Korrektur) |
||
Zeile 1: | Zeile 1: | ||
- | /* | + | /* Hier folgen Formate, welche die Infoboxen verschönern. */ |
- | /* | + | /* Das funktioniert als Ergänzung (englisch Gadget) per CSS. */ |
- | /* | + | /* Schriftgröße - noch zu kopieren nach [[MediaWiki:Common.css]] */ |
.infobox { | .infobox { | ||
font-size:90%; | font-size:90%; | ||
Zeile 8: | Zeile 8: | ||
/* infobox */ | /* infobox */ | ||
- | .infobox . | + | .infobox .kopfzeile { |
height:45px; | height:45px; | ||
vertical-align:middle; | vertical-align:middle; | ||
Zeile 18: | Zeile 18: | ||
} | } | ||
- | /* | + | /* einige Anpassungen */ |
- | .infobox caption. | + | .infobox caption.kopfzeile { |
vertical-align:top; | vertical-align:top; | ||
} | } | ||
- | .infobox . | + | .infobox .kopfzeile.l1 { |
line-height:2.7em; | line-height:2.7em; | ||
} | } | ||
- | .infobox . | + | .infobox .kopfzeile.l3 { |
height:67px; | height:67px; | ||
} | } | ||
- | .infobox . | + | .infobox .kopfzeile.lx { |
height:auto; | height:auto; | ||
} | } | ||
Zeile 43: | Zeile 43: | ||
} | } | ||
- | /* | + | /* Für Infoboxen - nach der französischen und obersorbischen Wikipedia "entete" bzw. "hornja-linka" */ |
- | /* Nun | + | /* Nun so geändert, daß es mit anderen CSS-Klassen funktioneren müßte, welche die Hintergrundfarben definieren. */ |
- | . | + | .kopfzeile.etwas {} |
- | . | + | .kopfzeile.schauspiel { |
- | background-image: url("http://upload.wikimedia.org/wikipedia/commons/3/37/Picto_infobox_masks.png"); | + | background-image: url("[http://upload.wikimedia.org/wikipedia/commons/3/37/Picto_infobox_masks.png http://upload.wikimedia.org/wikipedia/commons/3/37/Picto_infobox_masks.png]"); |
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
background-position: top right; | background-position: top right; | ||
} | } | ||
- | . | + | .kopfzeile.bier { |
- | background-image: url("http://upload.wikimedia.org/wikipedia/commons/0/04/Picto_infobox_beer.png"); | + | background-image: url("[http://upload.wikimedia.org/wikipedia/commons/0/04/Picto_infobox_beer.png http://upload.wikimedia.org/wikipedia/commons/0/04/Picto_infobox_beer.png]"); |
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
background-position: top right; | background-position: top right; | ||
} | } | ||
- | . | + | .kopfzeile.comics { |
- | background-image: url("http://upload.wikimedia.org/wikipedia/commons/2/2c/Picto_infobox_comicballoon.png"); | + | background-image: url("[http://upload.wikimedia.org/wikipedia/commons/2/2c/Picto_infobox_comicballoon.png http://upload.wikimedia.org/wikipedia/commons/2/2c/Picto_infobox_comicballoon.png]"); |
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
background-position: top right; | background-position: top right; | ||
} | } | ||
- | . | + | .kopfzeile.film, |
- | . | + | .kopfzeile.kino { |
- | background-image: url("http://upload.wikimedia.org/wikipedia/commons/e/ea/Picto_infobox_cinema.png"); | + | background-image: url("[http://upload.wikimedia.org/wikipedia/commons/e/ea/Picto_infobox_cinema.png http://upload.wikimedia.org/wikipedia/commons/e/ea/Picto_infobox_cinema.png]"); |
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
background-position: top right; | background-position: top right; | ||
} | } | ||
- | . | + | .kopfzeile.komunikation { |
- | background-image: url("http://upload.wikimedia.org/wikipedia/commons/a/a2/Picto_infobox_antenna.png"); | + | background-image: url("[http://upload.wikimedia.org/wikipedia/commons/a/a2/Picto_infobox_antenna.png http://upload.wikimedia.org/wikipedia/commons/a/a2/Picto_infobox_antenna.png]"); |
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
background-position: top right; | background-position: top right; | ||
} | } | ||
- | . | + | .kopfzeile.karte { |
- | background-image: url("http://upload.wikimedia.org/wikipedia/commons/7/7a/Picto_infobox_map.png"); | + | background-image: url("[http://upload.wikimedia.org/wikipedia/commons/7/7a/Picto_infobox_map.png http://upload.wikimedia.org/wikipedia/commons/7/7a/Picto_infobox_map.png]"); |
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
background-position: top right; | background-position: top right; | ||
} | } | ||
- | . | + | .kopfzeile.musik { |
- | background-image: url("http://upload.wikimedia.org/wikipedia/commons/6/60/Picto_infobox_music.png"); | + | background-image: url("[http://upload.wikimedia.org/wikipedia/commons/6/60/Picto_infobox_music.png http://upload.wikimedia.org/wikipedia/commons/6/60/Picto_infobox_music.png]"); |
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
background-position: top right; | background-position: top right; | ||
} | } | ||
- | . | + | .kopfzeile.sport { |
- | background-image: url("http://upload.wikimedia.org/wikipedia/commons/8/8e/Picto_infobox_Olympic.png"); | + | background-image: url("[http://upload.wikimedia.org/wikipedia/commons/8/8e/Picto_infobox_Olympic.png http://upload.wikimedia.org/wikipedia/commons/8/8e/Picto_infobox_Olympic.png]"); |
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
background-position: top right; | background-position: top right; | ||
} | } | ||
- | . | + | .kopfzeile.videospiel { |
- | background-image: url("http://upload.wikimedia.org/wikipedia/commons/2/2d/Picto_infobox_gamepad.png"); | + | background-image: url("[http://upload.wikimedia.org/wikipedia/commons/2/2d/Picto_infobox_gamepad.png http://upload.wikimedia.org/wikipedia/commons/2/2d/Picto_infobox_gamepad.png]"); |
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
background-position: bottom right; | background-position: bottom right; | ||
} | } | ||
- | . | + | .kopfzeile.person { |
- | background-image: url("http://upload.wikimedia.org/wikipedia/commons/8/82/Picto_infobox_manwoman.png"); | + | background-image: url("[http://upload.wikimedia.org/wikipedia/commons/8/82/Picto_infobox_manwoman.png http://upload.wikimedia.org/wikipedia/commons/8/82/Picto_infobox_manwoman.png]"); |
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
background-position: top right; | background-position: top right; | ||
} | } | ||
- | /* | + | /* Ergänzung von Tlustulimu */ |
- | . | + | .kopfzeile.astronomie { |
- | background-image: url("http://upload.wikimedia.org/wikipedia/commons/7/71/Picto_infobox_astronomy.png"); | + | background-image: url("[http://upload.wikimedia.org/wikipedia/commons/7/71/Picto_infobox_astronomy.png http://upload.wikimedia.org/wikipedia/commons/7/71/Picto_infobox_astronomy.png]"); |
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
background-position: top right; | background-position: top right; | ||
} | } | ||
- | . | + | .kopfzeile.physik { |
- | background-image: url("http://upload.wikimedia.org/wikipedia/commons/d/d1/Picto_infobox_physics.png"); | + | background-image: url("[http://upload.wikimedia.org/wikipedia/commons/d/d1/Picto_infobox_physics.png http://upload.wikimedia.org/wikipedia/commons/d/d1/Picto_infobox_physics.png]"); |
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
background-position: top right; | background-position: top right; | ||
} | } | ||
- | . | + | .kopfzeile.chemie { |
- | background-image: url("http://upload.wikimedia.org/wikipedia/commons/9/95/Picto_infobox_chemistry.png"); | + | background-image: url("[http://upload.wikimedia.org/wikipedia/commons/9/95/Picto_infobox_chemistry.png http://upload.wikimedia.org/wikipedia/commons/9/95/Picto_infobox_chemistry.png]"); |
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
background-position: top right; | background-position: top right; | ||
} | } | ||
- | . | + | .kopfzeile.stern { |
- | background-image: url("http://upload.wikimedia.org/wikipedia/commons/2/2e/Picto_infobox_star.png"); | + | background-image: url("[http://upload.wikimedia.org/wikipedia/commons/2/2e/Picto_infobox_star.png http://upload.wikimedia.org/wikipedia/commons/2/2e/Picto_infobox_star.png]"); |
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
background-position: top right; | background-position: top right; | ||
} | } | ||
- | + | /* durchsichtige Hintergrundbilder */ | |
- | /* | + | |
.media.audio { | .media.audio { | ||
- | background-image: url("http://upload.wikimedia.org/wikipedia/commons/thumb/a/a6/Gnome-speakernotes.png/35px-Gnome-speakernotes.png"); | + | background-image: url("[http://upload.wikimedia.org/wikipedia/commons/thumb/a/a6/Gnome http://upload.wikimedia.org/wikipedia/commons/thumb/a/a6/Gnome]-[http://speakernotes.png/35px speakernotes.png/35px]-Gnome-speakernotes.png"); |
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
background-position: top left; | background-position: top left; | ||
} | } | ||
.media.video { | .media.video { | ||
- | background-image: url("http://upload.wikimedia.org/wikipedia/en/thumb/2/20/Tango-video-x-generic.png/35px-Tango-video-x-generic.png"); | + | background-image: url("[http://upload.wikimedia.org/wikipedia/en/thumb/2/20/Tango http://upload.wikimedia.org/wikipedia/en/thumb/2/20/Tango]-video-x-[http://generic.png/35px generic.png/35px]-Tango-video-x-generic.png"); |
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
background-position: top left; | background-position: top left; | ||
} | } | ||
- | /* | + | /* Für eine innere Tabelle */ |
.infobox .tabelo, | .infobox .tabelo, | ||
.infobox .tabelo td { | .infobox .tabelo td { | ||
Zeile 139: | Zeile 138: | ||
} | } | ||
- | /* | + | /* runde Ecken sind nicht schön bei Kästen mit Bearbeitungslinks */ |
.infobox td .toccolours { | .infobox td .toccolours { | ||
-moz-border-radius:0 !important; | -moz-border-radius:0 !important; | ||
} | } |
Aktuelle Version vom 14:36, 17. Okt. 2010
/* Hier folgen Formate, welche die Infoboxen verschönern. */ /* Das funktioniert als Ergänzung (englisch Gadget) per CSS. */ /* Schriftgröße - noch zu kopieren nach [[MediaWiki:Common.css]] */ .infobox { font-size:90%; } /* infobox */ .infobox .kopfzeile { height:45px; vertical-align:middle; text-align:center; font-size:150%; font-weight:bolder; line-height:1.2em; /*color:#000*/ } /* einige Anpassungen */ .infobox caption.kopfzeile { vertical-align:top; } .infobox .kopfzeile.l1 { line-height:2.7em; } .infobox .kopfzeile.l3 { height:67px; } .infobox .kopfzeile.lx { height:auto; } .infobox .media { height:35px; vertical-align:middle; text-align:center; font-weight:bolder; color:#000 } /* Für Infoboxen - nach der französischen und obersorbischen Wikipedia "entete" bzw. "hornja-linka" */ /* Nun so geändert, daß es mit anderen CSS-Klassen funktioneren müßte, welche die Hintergrundfarben definieren. */ .kopfzeile.etwas {} .kopfzeile.schauspiel { background-image: url("[http://upload.wikimedia.org/wikipedia/commons/3/37/Picto_infobox_masks.png http://upload.wikimedia.org/wikipedia/commons/3/37/Picto_infobox_masks.png]"); background-repeat: no-repeat; background-position: top right; } .kopfzeile.bier { background-image: url("[http://upload.wikimedia.org/wikipedia/commons/0/04/Picto_infobox_beer.png http://upload.wikimedia.org/wikipedia/commons/0/04/Picto_infobox_beer.png]"); background-repeat: no-repeat; background-position: top right; } .kopfzeile.comics { background-image: url("[http://upload.wikimedia.org/wikipedia/commons/2/2c/Picto_infobox_comicballoon.png http://upload.wikimedia.org/wikipedia/commons/2/2c/Picto_infobox_comicballoon.png]"); background-repeat: no-repeat; background-position: top right; } .kopfzeile.film, .kopfzeile.kino { background-image: url("[http://upload.wikimedia.org/wikipedia/commons/e/ea/Picto_infobox_cinema.png http://upload.wikimedia.org/wikipedia/commons/e/ea/Picto_infobox_cinema.png]"); background-repeat: no-repeat; background-position: top right; } .kopfzeile.komunikation { background-image: url("[http://upload.wikimedia.org/wikipedia/commons/a/a2/Picto_infobox_antenna.png http://upload.wikimedia.org/wikipedia/commons/a/a2/Picto_infobox_antenna.png]"); background-repeat: no-repeat; background-position: top right; } .kopfzeile.karte { background-image: url("[http://upload.wikimedia.org/wikipedia/commons/7/7a/Picto_infobox_map.png http://upload.wikimedia.org/wikipedia/commons/7/7a/Picto_infobox_map.png]"); background-repeat: no-repeat; background-position: top right; } .kopfzeile.musik { background-image: url("[http://upload.wikimedia.org/wikipedia/commons/6/60/Picto_infobox_music.png http://upload.wikimedia.org/wikipedia/commons/6/60/Picto_infobox_music.png]"); background-repeat: no-repeat; background-position: top right; } .kopfzeile.sport { background-image: url("[http://upload.wikimedia.org/wikipedia/commons/8/8e/Picto_infobox_Olympic.png http://upload.wikimedia.org/wikipedia/commons/8/8e/Picto_infobox_Olympic.png]"); background-repeat: no-repeat; background-position: top right; } .kopfzeile.videospiel { background-image: url("[http://upload.wikimedia.org/wikipedia/commons/2/2d/Picto_infobox_gamepad.png http://upload.wikimedia.org/wikipedia/commons/2/2d/Picto_infobox_gamepad.png]"); background-repeat: no-repeat; background-position: bottom right; } .kopfzeile.person { background-image: url("[http://upload.wikimedia.org/wikipedia/commons/8/82/Picto_infobox_manwoman.png http://upload.wikimedia.org/wikipedia/commons/8/82/Picto_infobox_manwoman.png]"); background-repeat: no-repeat; background-position: top right; } /* Ergänzung von Tlustulimu */ .kopfzeile.astronomie { background-image: url("[http://upload.wikimedia.org/wikipedia/commons/7/71/Picto_infobox_astronomy.png http://upload.wikimedia.org/wikipedia/commons/7/71/Picto_infobox_astronomy.png]"); background-repeat: no-repeat; background-position: top right; } .kopfzeile.physik { background-image: url("[http://upload.wikimedia.org/wikipedia/commons/d/d1/Picto_infobox_physics.png http://upload.wikimedia.org/wikipedia/commons/d/d1/Picto_infobox_physics.png]"); background-repeat: no-repeat; background-position: top right; } .kopfzeile.chemie { background-image: url("[http://upload.wikimedia.org/wikipedia/commons/9/95/Picto_infobox_chemistry.png http://upload.wikimedia.org/wikipedia/commons/9/95/Picto_infobox_chemistry.png]"); background-repeat: no-repeat; background-position: top right; } .kopfzeile.stern { background-image: url("[http://upload.wikimedia.org/wikipedia/commons/2/2e/Picto_infobox_star.png http://upload.wikimedia.org/wikipedia/commons/2/2e/Picto_infobox_star.png]"); background-repeat: no-repeat; background-position: top right; } /* durchsichtige Hintergrundbilder */ .media.audio { background-image: url("[http://upload.wikimedia.org/wikipedia/commons/thumb/a/a6/Gnome http://upload.wikimedia.org/wikipedia/commons/thumb/a/a6/Gnome]-[http://speakernotes.png/35px speakernotes.png/35px]-Gnome-speakernotes.png"); background-repeat: no-repeat; background-position: top left; } .media.video { background-image: url("[http://upload.wikimedia.org/wikipedia/en/thumb/2/20/Tango http://upload.wikimedia.org/wikipedia/en/thumb/2/20/Tango]-video-x-[http://generic.png/35px generic.png/35px]-Tango-video-x-generic.png"); background-repeat: no-repeat; background-position: top left; } /* Für eine innere Tabelle */ .infobox .tabelo, .infobox .tabelo td { border:0; } /* runde Ecken sind nicht schön bei Kästen mit Bearbeitungslinks */ .infobox td .toccolours { -moz-border-radius:0 !important; }