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