Vorlage:Werkübersicht/styles.css

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

   Farbwerte, die auch in Vorlage:InformationLYR vorkommen
   sollten und dort gesondert nachzuführen sind:
   Fläche #F7F7F7, Rahmen außen #D8CFCF, Rahmen innen #E7DEDE.
   ========================================================= */

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;
}

/* ---------------------------------------------------------
   Links gedämpft.
   !important ist nötig gegen die Regel
   #content a:not(.new):visited { color: #007bff }
   aus Medik_screen.css. Sie enthält einen ID-Selektor,
   und TemplateStyles verbietet ID-Selektoren. Anders als
   mit !important ist sie von hier aus nicht zu überbieten.
   :any-link ist in TemplateStyles nicht erlaubt, deshalb
   :link und :visited getrennt.
   Reihenfolge nicht ändern: :hover zuletzt.
   --------------------------------------------------------- */
table.cmo-uebersicht td a:link {
  color: #8ea7cf !important;
  text-decoration: none;
}
table.cmo-uebersicht td a:visited {
  color: #9aa1c0 !important;
  text-decoration: none;
}
table.cmo-uebersicht td a:hover {
  color: #5f7eb5 !important;
  text-decoration: underline;
}

/* fehlende Seiten */
table.cmo-uebersicht td a.new:link,
table.cmo-uebersicht td a.new:visited { color: #c58a8a !important; }
table.cmo-uebersicht td a.new:hover   { color: #a96c6c !important; }

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