Mercurial > scaa_se_gamer_dark

view theme/forms.css @ 0:84057f728815

find changesets by author, revision, files, or words in the commit message
Initial commit. Already a few changes in here
author Eris Caffee <discordia@eldalin.com>
date Sun, 26 Jan 2014 21:32:19 -0800
parents
children
line source
1 /* Form Styles
2 ---------------------------------------- */
3
4 /* General form styles
5 ----------------------------------------*/
6 fieldset {
7 border-width: 0;
8 font-size: 1.1em;
9 }
10
11 input {
12 font-weight: normal;
13 cursor: pointer;
14 vertical-align: middle;
15 padding: 0 3px;
16 font-size: 1em;
17 }
18
19 select {
20 font-weight: normal;
21 cursor: pointer;
22 vertical-align: middle;
23 border: 1px solid #666666;
24 padding: 1px;
25 background-color: #FAFAFA;
26 font-size: 1em;
27 }
28
29 option {
30 padding-right: 1em;
31 }
32
33 option.disabled-option {
34 color: graytext;
35 }
36
37 textarea {
38 width: 60%;
39 padding: 2px;
40 font-size: 0.8em;
41 line-height: 1.4em;
42 font-family: Arial, Helvetica, sans-serif;
43 }
44
45 label {
46 cursor: default;
47 padding-right: 5px;
48 color: #676767;
49 }
50
51 label input {
52 vertical-align: middle;
53 }
54
55 label img {
56 vertical-align: middle;
57 }
58
59 /* Definition list layout for forms
60 ---------------------------------------- */
61 fieldset dl {
62 padding: 4px 0;
63 }
64
65 fieldset dt {
66 float: left;
67 width: 40%;
68 text-align: left;
69 display: block;
70 }
71
72 fieldset dd {
73 margin-left: 41%;
74 vertical-align: top;
75 margin-bottom: 3px;
76 }
77
78 /* Specific layout 1 */
79 fieldset.fields1 dt {
80 width: 15em;
81 border-right-width: 0;
82 }
83
84 fieldset.fields1 dd {
85 margin-left: 15em;
86 border-left-width: 0;
87 }
88
89 fieldset.fields1 {
90 background-color: transparent;
91 }
92
93 fieldset.fields1 div {
94 margin-bottom: 3px;
95 }
96
97 /* Set it back to 0px for the reCaptcha divs: PHPBB3-9587 */
98 fieldset.fields1 #recaptcha_widget_div div {
99 margin-bottom: 0;
100 }
101
102 /* Specific layout 2 */
103 fieldset.fields2 dt {
104 width: 15em;
105 border-right-width: 0;
106 }
107
108 fieldset.fields2 dd {
109 margin-left: 16em;
110 border-left-width: 0;
111 }
112
113 /* Form elements */
114 dt label {
115 font-weight: bold;
116 text-align: left;
117 }
118
119 dd label {
120 white-space: nowrap;
121 color: #333;
122 }
123
124 dd input, dd textarea {
125 margin-right: 3px;
126 }
127
128 dd select {
129 width: auto;
130 }
131
132 dd textarea {
133 width: 85%;
134 }
135
136 /* Hover effects */
137 fieldset dl:hover dt label {
138 color: #000000;
139 }
140
141 fieldset.fields2 dl:hover dt label {
142 color: inherit;
143 }
144
145 #timezone {
146 width: 95%;
147 }
148
149 * html #timezone {
150 width: 50%;
151 }
152
153 /* Quick-login on index page */
154 fieldset.quick-login {
155 margin-top: 5px;
156 }
157
158 fieldset.quick-login input {
159 width: auto;
160 }
161
162 fieldset.quick-login input.inputbox {
163 width: 15%;
164 vertical-align: middle;
165 margin-right: 5px;
166 background-color: #f3f3f3;
167 }
168
169 fieldset.quick-login label {
170 white-space: nowrap;
171 padding-right: 2px;
172 }
173
174 /* Display options on viewtopic/viewforum pages */
175 fieldset.display-options {
176 text-align: center;
177 margin: 3px 0 5px 0;
178 }
179
180 fieldset.display-options label {
181 white-space: nowrap;
182 padding-right: 2px;
183 }
184
185 fieldset.display-options a {
186 margin-top: 3px;
187 }
188
189 /* Display actions for ucp and mcp pages */
190 fieldset.display-actions {
191 text-align: right;
192 line-height: 2em;
193 white-space: nowrap;
194 padding-right: 1em;
195 }
196
197 fieldset.display-actions label {
198 white-space: nowrap;
199 padding-right: 2px;
200 }
201
202 fieldset.sort-options {
203 line-height: 2em;
204 }
205
206 /* MCP forum selection*/
207 fieldset.forum-selection {
208 margin: 5px 0 3px 0;
209 float: right;
210 }
211
212 fieldset.forum-selection2 {
213 margin: 13px 0 3px 0;
214 float: right;
215 }
216
217 /* Jumpbox */
218 fieldset.jumpbox {
219 text-align: right;
220 margin-top: 15px;
221 height: 2.5em;
222 }
223
224 fieldset.quickmod {
225 width: 50%;
226 float: right;
227 text-align: right;
228 height: 2.5em;
229 }
230
231 /* Submit button fieldset */
232 fieldset.submit-buttons {
233 text-align: center;
234 vertical-align: middle;
235 margin: 5px 0;
236 }
237
238 fieldset.submit-buttons input {
239 vertical-align: middle;
240 padding-top: 3px;
241 padding-bottom: 3px;
242 }
243
244 /* Posting page styles
245 ----------------------------------------*/
246
247 /* Buttons used in the editor */
248 #format-buttons {
249 margin: 15px 0 2px 0;
250 }
251
252 #format-buttons input, #format-buttons select {
253 vertical-align: middle;
254 }
255
256 /* Main message box */
257 #message-box {
258 width: 80%;
259 }
260
261 #message-box textarea {
262 width: 450px;
263 height: 270px;
264 min-width: 100%;
265 max-width: 100%;
266 font-size: 1.1em;
267 color: #333333;
268 }
269
270 /* Emoticons panel */
271 #smiley-box {
272 width: 18%;
273 float: right;
274 }
275
276 #smiley-box img {
277 margin: 3px;
278 }
279
280 /* Input field styles
281 ---------------------------------------- */
282 .inputbox {
283 background-color: #FFFFFF;
284 border: 1px solid #c0c0c0;
285 color: #333333;
286 padding: 2px;
287 cursor: text;
288 }
289
290 .inputbox:hover {
291 border: 1px solid #eaeaea;
292 }
293
294 .inputbox:focus {
295 border: 1px solid #eaeaea;
296 color: #4b4b4b;
297 }
298
299 input.inputbox { width: 85%; }
300 input.medium { width: 50%; }
301 input.narrow { width: 25%; }
302 input.tiny { width: 125px; }
303
304 textarea.inputbox {
305 width: 85%;
306 }
307
308 .autowidth {
309 width: auto !important;
310 }
311
312 /* Form button styles
313 ---------------------------------------- */
314 input.button1, input.button2 {
315 font-size: 1em;
316 }
317
318 a.button1, input.button1, input.button3, a.button2, input.button2 {
319 width: auto !important;
320 padding-top: 1px;
321 padding-bottom: 1px;
322 color: #000;
323 background: #FAFAFA none repeat-x top left;
324 }
325
326 a.button1, input.button1 {
327 font-weight: bold;
328 border: 1px solid #666666;
329 }
330
331 input.button3 {
332 padding: 0;
333 margin: 0;
334 line-height: 5px;
335 height: 12px;
336 background-image: none;
337 font-variant: small-caps;
338 }
339
340 /* Alternative button */
341 a.button2, input.button2, input.button3 {
342 border: 1px solid #666666;
343 }
344
345 /* <a> button in the style of the form buttons */
346 a.button1, a.button1:link, a.button1:visited, a.button1:active, a.button2, a.button2:link, a.button2:visited, a.button2:active {
347 text-decoration: none;
348 color: #000000;
349 padding: 2px 8px;
350 line-height: 250%;
351 vertical-align: text-bottom;
352 background-position: 0 1px;
353 }
354
355 /* Hover states */
356 a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover {
357 border: 1px solid #BCBCBC;
358 background-position: 0 100%;
359 color: #BCBCBC;
360 }
361
362 input.disabled {
363 font-weight: normal;
364 color: #666666;
365 }
366
367 /* Topic and forum Search */
368 .search-box {
369 margin-top: 3px;
370 margin-left: 5px;
371 float: left;
372 }
373
374 .search-box input {
375 }
376
377 input.search {
378 background-image: none;
379 background-repeat: no-repeat;
380 background-position: left 1px;
381 padding-left: 17px;
382 }
383
384 .full { width: 95%; }
385 .medium { width: 50%;}
386 .narrow { width: 25%;}
387 .tiny { width: 10%;}
388