- qpscanner/resources/styles/form.css
- develop
- 3 KB
- 192
1input,
2select,
3button
4{border-width: 1px;}
5
6
7fieldset
8{
9 border: none 0px;
10 float: none; clear: both;
11}
12
13
14#intro .field
15{
16 width: 98%;
17 float:none;
18 clear:both;
19}
20
21.field
22{
23 width: 48%;
24 margin: 0.75em 1%;
25 float: left; clear: none;
26 padding: 1em 1%;
27 height: 80px;
28}
29
30.field.ProfileName
31{
32 display:none;
33}
34
35
36.field label.header
37{
38 display: inline-block;
39 float: left; clear: left;
40 font-weight: normal;
41 min-width: 36%;
42}
43
44.field label.header
45{
46 text-align: left;
47}
48
49
50.field input.edit,
51.field select,
52.field textarea
53{
54 display: block;
55 float: left;
56 clear: none;
57 width: 50%;
58 padding: 0.25em;
59 // border: dotted 1px #8090A0;
60 border: dotted 1px rgba(51,255,204,0.5);
61 background: black;
62 color: #F8F8F8;
63}
64
65.field input.edit:hover,
66.field select:hover,
67.field textarea:hover
68{
69 border: solid 1px rgba(51,255,204,0.6);
70 color: #FAFAFA;
71}
72
73.field input.edit:focus,
74.field select:focus,
75.field textarea:focus
76{
77 border: solid 1px rgba(51,255,204,0.75);
78 background: black;
79 color:white;
80}
81
82
83label.indiv:not(.header)
84{
85 cursor:pointer;
86}
87
88
89
90
91.field .hint
92{
93 display: inline-block;
94 float: left; clear: none;
95 max-width: 75%;
96
97 color: #8090A0;
98 margin-top: 0.75em;
99}
100
101em.accesskey
102{
103 font-style: normal;
104}
105
106
107
108.controls
109{
110 width: 100%;
111 margin: 1em 1%;
112 padding: 0.5em 1%;
113 text-align: center;
114
115 xborder-top: solid 1px #EEEEEE;
116}
117
118#intro .controls
119{
120 margin-top: 0.5em;
121 padding: 0 1%;
122 border-top: none;
123}
124
125.controls button
126{
127 font-weight: bold;
128 margin: 0.25em 0.5em;
129}
130
131label.indiv:not(.header)
132{
133 margin: 0.25em 0.25em;
134}
135
136.controls button,
137label.indiv:not(.header)
138{
139 padding: 0.25em 0.5em;
140 font-size: 1em;
141
142 border: solid 2px rgba(51,255,204,0.4);
143 background: rgba(0,0,0,0.1);
144 color: rgba(51,255,204,0.8);
145 border-radius: 1em;
146}
147
148input[type="radio"],
149input[type="checkbox"]
150{
151 display:none;
152}
153
154input[type="radio"]:not(:checked) + label.indiv:not(.header),
155input[type="checkbox"]:not(:checked) + label.indiv:not(.header)
156{
157 border: solid 2px rgba(51,255,204,0.4);
158}
159
160input[type="radio"]:checked + label.indiv:not(.header),
161input[type="checkbox"]:checked + label.indiv:not(.header)
162{
163 border: solid 2px rgba(51,255,204,0.8);
164 color: rgba(51,255,204,1);
165 box-shadow: 0 0 0.75em rgba(255,255,255,0.2);
166}
167
168.controls button:hover,
169label.indiv:not(.header):hover,
170input[type="radio"]:checked + label.indiv:not(.header):hover,
171input[type="checkbox"]:checked + label.indiv:not(.header):hover
172{
173 border-color: rgba(170,255,102,0.7);
174 background: rgba(40,40,40,0.5);
175 color: rgba(170,255,102,1);
176 box-shadow: 0 0 1em rgba(255,255,255,0.2);
177}
178
179.controls button:active,
180label.indiv:not(.header):active
181{
182 color: rgba(213,255,179,1);
183 box-shadow: 0 0 1em rgba(255,255,255,1);
184}
185
186
187
188.field ul.input li
189{
190 display: inline;
191 margin: 0;
192}