/*
|
Kalender - Jahresuebersicht
|
Copyright (C) 2022 Ulrich Hilger
|
|
This program is free software: you can redistribute it and/or modify
|
it under the terms of the GNU Affero General Public License as
|
published by the Free Software Foundation, either version 3 of the
|
License, or (at your option) any later version.
|
|
This program is distributed in the hope that it will be useful,
|
but WITHOUT ANY WARRANTY; without even the implied warranty of
|
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
GNU Affero General Public License for more details.
|
|
You should have received a copy of the GNU Affero General Public License
|
along with this program. If not, see <https://www.gnu.org/licenses/>.
|
*/
|
/*
|
Created on : 13.01.2022, 15:17:20
|
Author : Ulrich Hilger
|
*/
|
|
html {
|
margin: 0;
|
padding: 0;
|
height: 100%; /* Anmerkung 2 */
|
font-family: sans-serif;
|
}
|
body {
|
margin: 0;
|
padding: 0;
|
height: 100%; /* Anmerkung 2 */
|
min-height: 0; /* Anmerkung 1 */
|
display: flex;
|
flex-flow: column;
|
/* margin: 0 auto 0 auto; */
|
|
font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
|
font-size: 1.2rem;
|
font-weight: normal;
|
line-height: 1.5;
|
color: #292b2c;
|
background-color: #fff;
|
}
|
.inhalt {
|
display: flex;
|
flex-flow: row;
|
height: 100%; /* Anmerkung 2 */
|
min-height: 0; /* Anmerkung 1 */
|
}
|
.nord {
|
background-color: lightgray;
|
}
|
.sued {
|
background-color: #efefef;
|
text-align: center;
|
font-size: smaller;
|
color: #5a5a5a;
|
}
|
.west {
|
flex-grow: 0;
|
flex-shrink: 0;
|
flex-basis: 10em;
|
background-color: antiquewhite;
|
}
|
.ost {
|
flex-grow: 0;
|
flex-shrink: 0;
|
flex-basis: 10em;
|
background-color: antiquewhite;
|
}
|
.zentrum {
|
width: 100%;
|
height: 100%;
|
overflow: auto;
|
-webkit-overflow-scrolling: touch;
|
}
|
.zentrum-inhalt {
|
padding: 0em 0.3rem 0 0.3rem;
|
}
|
.lipsum {
|
color: lightgrey;
|
}
|
|
/*
|
Anmerkungen:
|
1.) min.height: 0 fuer body und inhalt ist gegen einen Bug, vgl.
|
http://stackoverflow.com/questions/33859811/understanding-flexbox-and-overflowauto
|
2.) height 100% fuer html, body und inhalt sorgt dafuer, dass sich alles
|
immer ueber das gesamte Browserfenster ausdehnt.
|
*/
|
|
a {
|
text-decoration: none;
|
color: #00b2f9;
|
}
|
|
a:hover {
|
color: #6cd5ff;
|
}
|
|
.zeit-titel {
|
/* padding-left: 4em; */
|
/* color: white; */
|
}
|
