| commit | author | age | ||
| 5a822d | 1 | /* |
| U | 2 | Aufzeichnungsplaner |
| 3 | Copyright (C) 2020 Ulrich Hilger, https://uhilger.de | |
| 4 | ||
| 5 | This program is free software: you can redistribute it and/or modify | |
| 6 | it under the terms of the GNU Affero General Public License as published by | |
| 7 | the Free Software Foundation, either version 3 of the License, or | |
| 8 | (at your option) any later version. | |
| 9 | ||
| 10 | This program is distributed in the hope that it will be useful, | |
| 11 | but WITHOUT ANY WARRANTY; without even the implied warranty of | |
| 12 | MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the | |
| 13 | GNU Affero General Public License for more details. | |
| 14 | ||
| 15 | You should have received a copy of the GNU Affero General Public License | |
| 16 | along with this program. If not, see <https://www.gnu.org/licenses/>. | |
| 17 | */ | |
| 18 | ||
| 19 | html, body { | |
| 20 | margin: 0; | |
| 21 | padding: 0; | |
| 22 | height: 100%; | |
| 23 | font-size: larger; | |
| 24 | font-family: 'Roboto Condensed'; | |
| 25 | } | |
| 26 | body { | |
| 27 | min-height: 0; | |
| 28 | display: flex; | |
| 29 | flex-flow: column; | |
| 30 | } | |
| 31 | ||
| 32 | .inhalt { | |
| 33 | display: flex; | |
| 34 | flex-direction: row; | |
| 35 | /* background-color: antiquewhite; */ | |
| 36 | margin: 0; | |
| 37 | padding: 0; | |
| 38 | } | |
| 39 | ||
| 40 | .eingabe { | |
| 41 | display: flex; | |
| 42 | flex-direction: column; | |
| 43 | } | |
| 44 | ||
| 45 | .zentrum { | |
| 46 | display: flex; | |
| 47 | flex-direction: column; | |
| 48 | flex: 4 1 0%; | |
| 49 | } | |
| 50 | ||
| 51 | .control { | |
| 52 | display: flex; | |
| 53 | flex-direction: column; | |
| 54 | } | |
| 55 | ||
| 56 | .control-row { | |
| 57 | display: flex; | |
| 58 | flex-direction: row; | |
| 59 | } | |
| 60 | ||
| 61 | .row-part { | |
| 62 | padding-left: 0.5em; | |
| 63 | } | |
| 64 | ||
| 65 | .datumauswahl-behaelter { | |
| 66 | padding-bottom: 0.5em; | |
| 67 | } | |
| 68 | ||
| 69 | .datumauswahl { | |
| 70 | width: 10em; | |
| 71 | } | |
| 72 | ||
| 73 | #info { | |
| 74 | font-size: medium; | |
| 75 | } | |
| 76 | ||
| 77 | #bez { | |
| 78 | width: 80%; | |
| 79 | } | |
| 80 | ||
| 81 | label { | |
| 82 | padding-top: 0.5em; | |
| 83 | } | |
| 84 | ||
| 85 | #cmd { | |
| 86 | font-family: 'Ubuntu Mono', monospace; | |
| 87 | font-size: medium; | |
| 88 | } | |
| 89 | ||
| 90 | .fusszeile { | |
| 91 | padding-top: 2em; | |
| 92 | text-align: center; | |
| 93 | font-size: small; | |
| 94 | } | |
| 95 | ||
| 96 | @media (max-width: 899px) { | |
| 97 | body { | |
| 98 | padding-left: 0.5em; | |
| 99 | padding-right: 0.5em; | |
| 100 | } | |
| 101 | } | |
| 102 | ||
| 103 | @media (min-width: 500px) { | |
| 104 | #bez { | |
| 105 | width: 25em; | |
| 106 | } | |
| 107 | } | |
| 108 | ||
| 109 | @media (min-width: 900px) { | |
| 110 | .seite { | |
| 111 | display: flex; | |
| 112 | flex: 1 1 0%; | |
| 113 | } | |
| 114 | } | |
| 115 | ||
| 116 | @media (min-width: 1200px) { | |
| 117 | .zentrum { | |
| 118 | flex: 2 1 0%; | |
| 119 | } | |
| 120 | } | |
| 121 | ||
| 122 | @media (min-width: 1600px) { | |
| 123 | .zentrum { | |
| 124 | flex: 1 1 0%; | |
| 125 | } | |
| 126 | } | |
