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