ulrich
2020-05-17 1d0223f074e395b3fd1fc92fac2ebc139014f770
commit | author | age
2e9f4c 1 html, body {
U 2   margin: 0;
3   padding: 0;
4   height: 100%; /* Anmerkung 2 */
5   font-size: larger;
6   font-family: 'Roboto Condensed';
35ded1 7     -webkit-text-size-adjust: none;
2e9f4c 8 }
U 9
10 .form-signin {
11   text-align: center;
12   display: flex;
13   flex-flow: column;
14   align-items: center;
15   margin: 0 5% 0 5%;
16 }
17
18 .form-signin input {
19   margin: 0.5em 0 0.5em 0;
35ded1 20   font-size: large;
2e9f4c 21 }
U 22
23 .form-signin button {
24   margin: 1.5em 0 0.5em 0;
25 }
26
27 @media (min-width: 600px) {
28   .form-signin {
29     margin: 0 20% 0 20%;
30   }
31 }
32
33 @font-face {
34   font-family: 'Roboto Condensed';
35   src: url('/lib/fonts/Roboto_Condensed/RobotoCondensed-Regular.ttf') format('truetype');
36   font-weight: normal;
37   font-style: normal;
38 }
39
40
41 /* von Skeleton */
42
43 /* Buttons
44 –––––––––––––––––––––––––––––––––––––––––––––––––– */
45 .button,
46 button,
47 input[type="submit"],
48 input[type="reset"],
49 input[type="button"] {
50   display: inline-block;
51   height: 38px;
52   padding: 0 30px;
53   color: #555;
54   text-align: center;
55   font-size: 11px;
56   font-weight: 600;
57   line-height: 38px;
58   letter-spacing: .1rem;
59   text-transform: uppercase;
60   text-decoration: none;
61   white-space: nowrap;
62   background-color: transparent;
63   border-radius: 4px;
64   border: 1px solid #bbb;
65   cursor: pointer;
66   box-sizing: border-box; }
67 .button:hover,
68 button:hover,
69 input[type="submit"]:hover,
70 input[type="reset"]:hover,
71 input[type="button"]:hover,
72 .button:focus,
73 button:focus,
74 input[type="submit"]:focus,
75 input[type="reset"]:focus,
76 input[type="button"]:focus {
77   color: #333;
78   border-color: #888;
79   outline: 0; }
80 .button.button-primary,
81 button.button-primary,
82 input[type="submit"].button-primary,
83 input[type="reset"].button-primary,
84 input[type="button"].button-primary {
85   color: #FFF;
86   background-color: #33C3F0;
87   border-color: #33C3F0; }
88 .button.button-primary:hover,
89 button.button-primary:hover,
90 input[type="submit"].button-primary:hover,
91 input[type="reset"].button-primary:hover,
92 input[type="button"].button-primary:hover,
93 .button.button-primary:focus,
94 button.button-primary:focus,
95 input[type="submit"].button-primary:focus,
96 input[type="reset"].button-primary:focus,
97 input[type="button"].button-primary:focus {
98   color: #FFF;
99   background-color: #1EAEDB;
100   border-color: #1EAEDB; }
101
102
103 /* Forms
104 –––––––––––––––––––––––––––––––––––––––––––––––––– */
105 input[type="email"],
106 input[type="number"],
107 input[type="search"],
108 input[type="text"],
109 input[type="tel"],
110 input[type="url"],
111 input[type="password"],
112 textarea,
113 select {
114   height: 38px;
115   padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
116   background-color: #fff;
117   border: 1px solid #D1D1D1;
118   border-radius: 4px;
119   box-shadow: none;
120   box-sizing: border-box; }
121 /* Removes awkward default styles on some inputs for iOS */
122 input[type="email"],
123 input[type="number"],
124 input[type="search"],
125 input[type="text"],
126 input[type="tel"],
127 input[type="url"],
128 input[type="password"],
129 textarea {
130   -webkit-appearance: none;
131      -moz-appearance: none;
132           appearance: none; }
133 textarea {
134   min-height: 65px;
135   padding-top: 6px;
136   padding-bottom: 6px; }
137 input[type="email"]:focus,
138 input[type="number"]:focus,
139 input[type="search"]:focus,
140 input[type="text"]:focus,
141 input[type="tel"]:focus,
142 input[type="url"]:focus,
143 input[type="password"]:focus,
144 textarea:focus,
145 select:focus {
146   border: 1px solid #33C3F0;
147   outline: 0; }
148 label,
149 legend {
150   display: block;
151   margin-bottom: .5rem;
152   font-weight: 600; }
153 fieldset {
154   padding: 0;
155   border-width: 0; }
156 input[type="checkbox"],
157 input[type="radio"] {
158   display: inline; }
159 label > .label-body {
160   display: inline-block;
161   margin-left: .5rem;
162   font-weight: normal; }
163
164