/* file KLEIDER/web/src/kalender/kal.css */
/* 2015-12-13 Herbert Schiemann <h.schiemann@herbaer.de> */

body {
    position: absolute;
    width: 30em;
}

div { text-align: center;}

/* Deckblatt und Monatsblatt */
body > div { display: none; }

/* "Kachel"-Bilder auf dem Deckblatt */
img[class~="d"] {
    width: 20%;
    margin: 2% 2%;
}

/* Überschriften des Deckblatts, der Monatsblätter und des Fenster "Einstellung" */
h1, h3 {
    font-family: sans-serif;
}

/* Bild auf einem Monatsblatt */
img[class~="m"] {
    width: 80%;
}

/* Tabelle der Kalendertage */
table {
    width: 95%;
    margin: 2%;
}

/* Übersicht des Vormonats */
table[class~="v"] { background-color: #EEDDDD; }

/* Übersicht des Folgemonats */
table[class~="n"] { background-color: #DDEEDD; }

td[class~="kw"] { font-size: 80%;   width: 2em;} /* Kalenderwoche         */
td[class~="mc"] { text-align: left; width: 6em;} /* Monatsname in Tabelle */
td[class~="f"]  { color: #FF0000; }              /* Feiertag              */
td[class~="w7"] { color: #FF0000; }              /* Sonntag               */
td[class~="p"]  { color: #AAAAAA; }              /* Tag des Vormonats     */
td[class~="n"]  { color: #AAAAAA; }              /* Tag des Folgemonats   */

/* Abschnitt mit Verweisen am oberen Rand */
div#bt a {
    cursor: pointer;
    color: inherit;
    text-decoration: none;
}
div#bt a + a {
    margin-left: 3em;
}

/* Schaltfläche "nach links" */
div#bl {
    text-align: left;
    bottom: 0;
    cursor: pointer;
}

/* Schaltfläche "nach rechts" */
div#br {
    text-align: right;
    bottom: 0;
    cursor: pointer;
}

/* Randfelder, die nur bei Bedarf sichtbar sind */
div[class~="n"] {
    display: block;
    position: fixed;
    top: 0;
    color: transparent;
    background-color: transparent;
    border: none;
    margin: 0;
    padding: 0;
    font-size: 200% ;
}

/* Zeiger über einem Randfeld */
div[class~="n"]:hover {
    color: #000000;
}

/* Fenster "Einstellung" */
div#set {
    display:  block;
    position: fixed;
    top: 10px;
    left: 10px;
    background-color: #d9cd84;
    color: #000000;
    border-style: solid;
    border-width: 1px;
    padding: 1em;
}

div#set[class~="hide"] {
    display: none;
}

p[class~="lft"] { text-align: left; }
input { margin-right: 1em; }

/*
  möglich für Übersicht Vormonat, Übersicht Folgemonat,
  Spalte "Monat", Spalte "Kalenderwoche"
*/
*[class~="hide"] {
    display: none;
}

a {
  outline: none; 
  padding: 0 10px;
}
img { border: none; }
/* end of file KLEIDER/web/src/kalender/kal.css */