ulrich
2020-02-02 fccfef3449ed20288489ab39aeaf448c99835b59
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
fccfef 65 #sender {
U 66   overflow: hidden;
67   max-width: 9em;
68 }
69
5a822d 70 .datumauswahl-behaelter {
U 71   padding-bottom: 0.5em;
72 }
73
74 .datumauswahl {
75   width: 10em;
76 }
77
78 #info {
79   font-size: medium;
80 }
81
82 #bez {
83   width: 80%;
84 }
85
86 label {
87   padding-top: 0.5em;
88 }
89
90 #cmd {
91   font-family: 'Ubuntu Mono', monospace;  
92   font-size: medium;
93 }
94
95 .fusszeile {
96   padding-top: 2em;
97   text-align: center;
98   font-size: small;
99 }
100
101 @media (max-width: 899px) {
102   body {
103     padding-left: 0.5em;
104     padding-right: 0.5em;
105   }
106 }
107
108 @media (min-width: 500px) {
109   #bez {
110     width: 25em;
111   }
112 }
113
114 @media (min-width: 900px) {
115   .seite {
116     display: flex;
117     flex: 1 1 0%;
118   }
119 }
120
121 @media (min-width: 1200px) {
122   .zentrum {
123     flex: 2 1 0%;
124   }
125 }
126
127 @media (min-width: 1600px) {
128   .zentrum {
129     flex: 1 1 0%;
130   }
131 }