MediaWiki:Common.css

From JoBaPedia
Jump to navigation Jump to search

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/* Symbole vor den Diensten in der linken Leiste.
 *
 * MediaWiki:Sidebar kann keine Bilder enthalten. Die Kennung eines Eintrags
 * bildet MediaWiki selbst (includes/skins/Skin.php, addToSidebar):
 *
 *     $id = strtr( $line[1], ' ', '-' );     // $line[1] = der Text des Eintrags
 *     'id' => Sanitizer::escapeIdForAttribute( 'n-' . $id )
 *
 * Aus dem Eintrag "Klima Status" wird also id="n-Klima-Status". Genau darauf
 * setzt dieses Stylesheet auf -- die Sidebar-Seite bestimmt nur Reihenfolge
 * und Namen, die Zuordnung Symbol -> Eintrag steht hier.
 *
 * Zwei Oberflaechen, zwei Baeume: die alte Vector haengt ihre Kaesten in
 * #mw-panel, Vector 2022 in #vector-main-menu. Die Portlet-Kennung #p-Dienste
 * gibt es in beiden, deshalb haengen die Symbol-Regeln nur daran und nicht am
 * umgebenden Baum. (Gemessen am 2026-09-22 in beiden Oberflaechen: die
 * Eintraege stehen in beiden unter <nav id="p-Dienste">.)
 *
 * Die Bilder liegen als Anhaenge der Trac-Seite AppIcons und werden von job4
 * unter /appicons/ ohne Anmeldung ausgeliefert; ein Symbol hinter Authelia
 * waere hier nutzlos, weil die Leiste auch Leser ohne Anmeldung sehen.
 * Seit 2026-09-23 hat jeder Eintrag im Dienste-Kasten ein Symbol, auch die
 * beiden Verweise auf die Dienstelisten. Eintraege ausserhalb des Kastens
 * bekommen nur den Innenabstand, damit die Namen in einer Spalte stehen.
 */

#mw-panel .portal .vector-menu-content-list li > a,
#p-Dienste .vector-menu-content-list li > a {
	background-repeat: no-repeat;
	background-position: 3px center;
	background-size: 18px 18px;
	padding-left: 26px;
}

/* --- Die Dienste, die direkt in der Leiste stehen ----------------------- */

#p-Dienste li#n-Home-Assistant > a {
	background-image: url("https://banzhaf.chickenkiller.com/appicons/ha.png");
}
#p-Dienste li#n-Grafana > a {
	background-image: url("https://banzhaf.chickenkiller.com/appicons/grafana.png");
}
#p-Dienste li#n-Nextcloud > a {
	background-image: url("https://banzhaf.chickenkiller.com/appicons/nextcloud.png");
}
#p-Dienste li#n-Trac > a {
	background-image: url("https://banzhaf.chickenkiller.com/appicons/trac.ico");
}
#p-Dienste li#n-TV-Tipps > a {
	background-image: url("https://banzhaf.chickenkiller.com/appicons/tvtipps.png");
}
#p-Dienste li#n-AVL > a {
	background-image: url("https://banzhaf.chickenkiller.com/appicons/avl.png");
}
#p-Dienste li#n-Klima-Status > a {
	background-image: url("https://banzhaf.chickenkiller.com/appicons/klima.png");
}
#p-Dienste li#n-Open-WebUI > a {
	background-image: url("https://banzhaf.chickenkiller.com/appicons/openwebui.png");
}
#p-Dienste li#n-MediaFind > a {
	background-image: url("https://banzhaf.chickenkiller.com/appicons/mediafind.png");
}
#p-Dienste li#n-Weitere-Dienste-extern > a {
	background-image: url("https://banzhaf.chickenkiller.com/appicons/extern.svg");
}
#p-Dienste li#n-Dienste-im-LAN > a {
	background-image: url("https://banzhaf.chickenkiller.com/appicons/lan.svg");
}

/* --- Symbole vor den Dienstnamen in den beiden Dienstetabellen ----------- */

/* DiensteVonAussen und DiensteImLan. Dieselben Dateien wie in der Leiste,
 * dieselbe Quelle (Trac-Seite AppIcons, ausgeliefert von job4 /appicons/).
 * Jede Namenszelle traegt .svc -- das ist der Platz fuer das Symbol und haelt
 * die Namen in einer Spalte, auch bei Diensten ohne Symbol. Das Bild selbst
 * kommt ueber .svc-<name> dazu.
 */

.wikitable .svc {
	background-repeat: no-repeat;
	background-position: 4px center;
	background-size: 18px 18px;
	padding-left: 28px;
}
.wikitable .svc-shutter {
	background-image: url("https://banzhaf.chickenkiller.com/appicons/shutter.png");
}
.wikitable .svc-zigbee {
	background-image: url("https://banzhaf.chickenkiller.com/appicons/zigbee.png");
}
.wikitable .svc-openwebui {
	background-image: url("https://banzhaf.chickenkiller.com/appicons/openwebui.png");
}
.wikitable .svc-fritzbox {
	background-image: url("https://banzhaf.chickenkiller.com/appicons/fritzbox.png");
}
.wikitable .svc-deemix {
	background-image: url("https://banzhaf.chickenkiller.com/appicons/deemix.png");
}
.wikitable .svc-dancingstar {
	background-image: url("https://banzhaf.chickenkiller.com/appicons/dancingstar.svg");
}
.wikitable .svc-wled {
	background-image: url("https://banzhaf.chickenkiller.com/appicons/wled.ico");
}
.wikitable .svc-rxv1600 {
	background-image: url("https://banzhaf.chickenkiller.com/appicons/rxv1600.png");
}
.wikitable .svc-emsesp {
	background-image: url("https://banzhaf.chickenkiller.com/appicons/emsesp.ico");
}
.wikitable .svc-modbus {
	background-image: url("https://banzhaf.chickenkiller.com/appicons/modbus.png");
}
.wikitable .svc-home {
	background-image: url("https://banzhaf.chickenkiller.com/appicons/home.svg");
}
.wikitable .svc-flowable {
	background-image: url("https://banzhaf.chickenkiller.com/appicons/flowable.png");
}
.wikitable .svc-motorstorm {
	background-image: url("https://banzhaf.chickenkiller.com/appicons/motorstorm.svg");
}
.wikitable .svc-jupyter {
	background-image: url("https://banzhaf.chickenkiller.com/appicons/jupyter.ico");
}
.wikitable .svc-authelia {
	background-image: url("https://banzhaf.chickenkiller.com/appicons/authelia.ico");
}
.wikitable .svc-logsys {
	background-image: url("https://banzhaf.chickenkiller.com/appicons/logsys.svg");
}
.wikitable .svc-bluemap {
	background-image: url("https://banzhaf.chickenkiller.com/appicons/bluemap.png");
}
.wikitable .svc-openwrt {
	background-image: url("https://banzhaf.chickenkiller.com/appicons/openwrt.svg");
}
.wikitable .svc-github {
	background-image: url("https://banzhaf.chickenkiller.com/appicons/github.png");
}
.wikitable .svc-obs {
	background-image: url("https://banzhaf.chickenkiller.com/appicons/obs.png");
}
.wikitable .svc-qnap {
	background-image: url("https://banzhaf.chickenkiller.com/appicons/qnap.ico");
}
.wikitable .svc-passbolt {
	background-image: url("https://banzhaf.chickenkiller.com/appicons/passbolt.svg");
}
.wikitable .svc-lifepo {
	background-image: url("https://banzhaf.chickenkiller.com/appicons/lifepo.svg");
}
.wikitable .svc-enigma2 {
	background-image: url("https://banzhaf.chickenkiller.com/appicons/enigma2.png");
}
.wikitable .svc-power {
	background-image: url("https://banzhaf.chickenkiller.com/appicons/power.png");
}
.wikitable .svc-opendtu {
	background-image: url("https://banzhaf.chickenkiller.com/appicons/opendtu.png");
}
.wikitable .svc-radieschen {
	background-image: url("https://banzhaf.chickenkiller.com/appicons/radieschen.svg");
}
.wikitable .svc-loragw {
	background-image: url("https://banzhaf.chickenkiller.com/appicons/loragw.png");
}
.wikitable .svc-intertechno {
	background-image: url("https://banzhaf.chickenkiller.com/appicons/intertechno.png");
}
.wikitable .svc-kyocera {
	background-image: url("https://banzhaf.chickenkiller.com/appicons/kyocera.ico");
}
.wikitable .svc-shelly {
	background-image: url("https://banzhaf.chickenkiller.com/appicons/shelly.png");
}
.wikitable .svc-phpmyadmin {
	background-image: url("https://banzhaf.chickenkiller.com/appicons/phpmyadmin.png");
}
Retrieved from "https://banzhaf.chickenkiller.com/mediawiki/index.php?title=MediaWiki:Common.css&oldid=16085"