Vorlage:Werkübersicht/styles.css

/* Werkübersicht — Navigationsbox unter Werkseiten.
   Einziger Ort für das Aussehen aller Navigationsboxen.
   Geladen über  aus Vorlage:Werkübersicht. */

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: #F6F2F2;
  font-size: 95%;
  color: #555;
  padding-left: 2em;
}

/* Links gedämpft, damit große Boxen nicht wuchten */
table.cmo-uebersicht a,
table.cmo-uebersicht a:link    { color: #8ea7cf; text-decoration: none; }
table.cmo-uebersicht a:visited { color: #9aa1c0; }
table.cmo-uebersicht a:hover   { color: #5f7eb5; text-decoration: underline; }

/* fehlende Seiten */
table.cmo-uebersicht a.new,
table.cmo-uebersicht a.new:visited { color: #c58a8a; }

/* 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%; }
}