Vorlage:Werkübersicht/styles.css

/* =========================================================
   Werkübersicht — Navigationsbox unter Werkseiten
   Geladen über <templatestyles> aus Vorlage:Werkübersicht.

   Die Linkfarben stehen nicht hier, sondern in
   MediaWiki:Common.css zusammen mit denen der Infoboxen.
   Fläche und Rahmen entsprechen dort table.cmo-infobox.
   ========================================================= */

table.cmo-uebersicht {
  width: 100%;
  margin: 1em 0 0.4em 0;
  border-collapse: collapse !important;
  border-spacing: 0;
  border: 1px solid #D8CFCF;     /* außen */
  border-radius: 0 !important;
  font-size: 100%;
  color: #777;                   /* Trennstriche zwischen den Titeln */
  text-align: left;
}
table.cmo-uebersicht td,
table.cmo-uebersicht th {
  border: 1px solid #E7DEDE;     /* innen */
  padding: 0.4em 0.6em;
  vertical-align: top;
}

/* Außenkanten einfarbig halten */
table.cmo-uebersicht tr:first-child > * { border-top-color: #D8CFCF; }
table.cmo-uebersicht tr:last-child  > * { border-bottom-color: #D8CFCF; }
table.cmo-uebersicht tr > *:first-child { border-left-color: #D8CFCF; }
table.cmo-uebersicht tr > *:last-child  { border-right-color: #D8CFCF; }

/* Trennlinie zwischen Kopf- und Inhaltszeile */
table.cmo-uebersicht tr:first-child  > * { border-bottom-color: #E7DEDE; }
table.cmo-uebersicht tr:nth-child(2) > * { border-top-color: #E7DEDE; }

/* Kopfzeile — Werkgruppe und Werkbereich */
table.cmo-uebersicht tr:first-child td,
table.cmo-uebersicht tr:first-child th {
  background: #F7F7F7;
  font-size: 95%;
  color: #555;
  padding-left: 2em;
}

/* aktuelle Seite */
table.cmo-uebersicht .mw-selflink,
table.cmo-uebersicht strong.selflink {
  color: #666;
  font-weight: bold;
  text-decoration: none;
  cursor: default;
}

/* Mobil */
@media (max-width: 600px) {
  table.cmo-uebersicht td,
  table.cmo-uebersicht th { padding: .25em; }
  table.cmo-uebersicht tr:first-child td,
  table.cmo-uebersicht tr:first-child th { font-size: 80%; }
  table.cmo-uebersicht tr:last-child td,
  table.cmo-uebersicht tr:last-child th { font-size: 70%; }
}