Nutzerverwaltung
view | history | commit | commitdiff
ulrich
2016-12-17 f14cbcfae22f196e466983b9702ac7cceeb86aba
commit | author | age
f14cbc 1
U 2
3
4
5 /* Buttons
6 –––––––––––––––––––––––––––––––––––––––––––––––––– */
7 .button,
8 button,
9 input[type="submit"],
10 input[type="reset"],
11 input[type="button"] {
12   display: inline-block;
13   height: 38px;
14   padding: 0 30px;
15   color: #555;
16   text-align: center;
17   font-size: 11px;
18   font-weight: 600;
19   line-height: 38px;
20   letter-spacing: .1rem;
21   text-transform: uppercase;
22   text-decoration: none;
23   white-space: nowrap;
24   background-color: transparent;
25   border-radius: 4px;
26   border: 1px solid #bbb;
27   cursor: pointer;
28   box-sizing: border-box; }
29 .button:hover,
30 button:hover,
31 input[type="submit"]:hover,
32 input[type="reset"]:hover,
33 input[type="button"]:hover,
34 .button:focus,
35 button:focus,
36 input[type="submit"]:focus,
37 input[type="reset"]:focus,
38 input[type="button"]:focus {
39   color: #333;
40   border-color: #888;
41   outline: 0; }
42 .button.button-primary,
43 button.button-primary,
44 input[type="submit"].button-primary,
45 input[type="reset"].button-primary,
46 input[type="button"].button-primary {
47   color: #FFF;
48   background-color: #33C3F0;
49   border-color: #33C3F0; }
50 .button.button-primary:hover,
51 button.button-primary:hover,
52 input[type="submit"].button-primary:hover,
53 input[type="reset"].button-primary:hover,
54 input[type="button"].button-primary:hover,
55 .button.button-primary:focus,
56 button.button-primary:focus,
57 input[type="submit"].button-primary:focus,
58 input[type="reset"].button-primary:focus,
59 input[type="button"].button-primary:focus {
60   color: #FFF;
61   background-color: #1EAEDB;
62   border-color: #1EAEDB; }
63
64 /* Forms
65 –––––––––––––––––––––––––––––––––––––––––––––––––– */
66 input[type="email"],
67 input[type="number"],
68 input[type="search"],
69 input[type="text"],
70 input[type="tel"],
71 input[type="url"],
72 input[type="password"],
73 textarea,
74 select {
75   height: 38px;
76   padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
77   background-color: #fff;
78   border: 1px solid #D1D1D1;
79   border-radius: 4px;
80   box-shadow: none;
81   box-sizing: border-box; }
82 /* Removes awkward default styles on some inputs for iOS */
83 input[type="email"],
84 input[type="number"],
85 input[type="search"],
86 input[type="text"],
87 input[type="tel"],
88 input[type="url"],
89 input[type="password"],
90 textarea {
91   -webkit-appearance: none;
92      -moz-appearance: none;
93           appearance: none; }
94 textarea {
95   min-height: 65px;
96   padding-top: 6px;
97   padding-bottom: 6px; }
98 input[type="email"]:focus,
99 input[type="number"]:focus,
100 input[type="search"]:focus,
101 input[type="text"]:focus,
102 input[type="tel"]:focus,
103 input[type="url"]:focus,
104 input[type="password"]:focus,
105 textarea:focus,
106 select:focus {
107   border: 1px solid #33C3F0;
108   outline: 0; }
109 label,
110 legend {
111   display: block;
112   margin-bottom: .5rem;
113   font-weight: 600; }
114 fieldset {
115   padding: 0;
116   border-width: 0; }
117 input[type="checkbox"],
118 input[type="radio"] {
119   display: inline; }
120 label > .label-body {
121   display: inline-block;
122   margin-left: .5rem;
123   font-weight: normal; }