Mercurial > scaa_se_gamer_dark

view theme/cp.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 /* Control Panel Styles
2 ---------------------------------------- */
3
4
5 /* Main CP box
6 ----------------------------------------*/
7 #cp-menu {
8 float:left;
9 width: 19%;
10 margin-top: 1em;
11 margin-bottom: 5px;
12 }
13
14 #cp-main {
15 float: left;
16 width: 81%;
17 }
18
19 #cp-main .content {
20 padding: 0;
21 }
22
23 #cp-main h3, #cp-main hr, #cp-menu hr {
24 border-color: #bfbfbf;
25 }
26
27 #cp-main .panel p {
28 font-size: 1.1em;
29 }
30
31 #cp-main .panel ol {
32 margin-left: 2em;
33 font-size: 1.1em;
34 }
35
36 #cp-main .panel li.row {
37 border-bottom: 1px solid #cbcbcb;
38 border-top: 1px solid #F9F9F9;
39 }
40
41 ul.cplist {
42 margin-bottom: 5px;
43 border-top: 1px solid #cbcbcb;
44 }
45
46 #cp-main .panel li.header dd, #cp-main .panel li.header dt {
47 color: #000000;
48 margin-bottom: 2px;
49 }
50
51 #cp-main table.table1 {
52 margin-bottom: 1em;
53 }
54
55 #cp-main table.table1 thead th {
56 color: #333333;
57 font-weight: bold;
58 border-bottom: 1px solid #333333;
59 padding: 5px;
60 }
61
62 #cp-main table.table1 tbody th {
63 font-style: italic;
64 background-color: transparent !important;
65 border-bottom: none;
66 }
67
68 #cp-main .pagination {
69 float: right;
70 width: auto;
71 padding-top: 1px;
72 }
73
74 #cp-main .postbody p {
75 font-size: 1.1em;
76 }
77
78 #cp-main .pm-message {
79 border: 1px solid #e2e2e2;
80 margin: 10px 0;
81 background-color: #FFFFFF;
82 width: auto;
83 float: none;
84 }
85
86 .pm-message h2 {
87 padding-bottom: 5px;
88 }
89
90 #cp-main .postbody h3, #cp-main .box2 h3 {
91 margin-top: 0;
92 }
93
94 #cp-main .buttons {
95 margin-left: 0;
96 }
97
98 #cp-main ul.linklist {
99 margin: 0;
100 }
101
102 /* MCP Specific tweaks */
103 .mcp-main .postbody {
104 width: 100%;
105 }
106
107 .tabs-container h2 {
108 float: left;
109 margin-bottom: 0px;
110 }
111
112 .tabs-container #minitabs {
113 float: right;
114 margin-top: 19px;
115 }
116
117 .tabs-container:after {
118 display: block;
119 clear: both;
120 content: '';
121 }
122
123 /* CP tabbed menu
124 ----------------------------------------*/
125 #tabs {
126 line-height: normal;
127 margin: 20px 0 -1px 7px;
128 min-width: 570px;
129 }
130
131 #tabs ul {
132 margin:0;
133 padding: 0;
134 list-style: none;
135 }
136
137 #tabs li {
138 display: inline;
139 margin: 0;
140 padding: 0;
141 font-size: 1em;
142 font-weight: bold;
143 }
144
145 #tabs a {
146 float: left;
147 background: none no-repeat 0% -35px;
148 margin: 0 1px 0 0;
149 padding: 0 0 0 5px;
150 text-decoration: none;
151 position: relative;
152 cursor: pointer;
153 }
154
155 #tabs a span {
156 float: left;
157 display: block;
158 background: none no-repeat 100% -35px;
159 padding: 6px 10px 6px 5px;
160 color: #828282;
161 white-space: nowrap;
162 }
163
164 #tabs a:hover span {
165 color: #bcbcbc;
166 }
167
168 #tabs .activetab a {
169 background-position: 0 0;
170 border-bottom: 1px solid #ebebeb;
171 }
172
173 #tabs .activetab a span {
174 background-position: 100% 0;
175 padding-bottom: 7px;
176 color: #333333;
177 }
178
179 #tabs a:hover {
180 background-position: 0 -70px;
181 }
182
183 #tabs a:hover span {
184 background-position:100% -70px;
185 }
186
187 #tabs .activetab a:hover {
188 background-position: 0 0;
189 }
190
191 #tabs .activetab a:hover span {
192 color: #000000;
193 background-position: 100% 0;
194 }
195
196 /* Mini tabbed menu used in MCP
197 ----------------------------------------*/
198 #minitabs {
199 line-height: normal;
200 margin: -20px 7px 0 0;
201 }
202
203 #minitabs ul {
204 margin:0;
205 padding: 0;
206 list-style: none;
207 }
208
209 #minitabs li {
210 display: block;
211 float: right;
212 padding: 0 10px 4px 10px;
213 font-size: 1em;
214 font-weight: bold;
215 background-color: #f2f2f2;
216 margin-left: 2px;
217 }
218
219 #minitabs a {
220 }
221
222 #minitabs a:hover {
223 text-decoration: none;
224 }
225
226 #minitabs li.activetab {
227 background-color: #F9F9F9;
228 }
229
230 #minitabs li.activetab a, #minitabs li.activetab a:hover {
231 color: #333333;
232 }
233
234 /* UCP navigation menu
235 ----------------------------------------*/
236 /* Container for sub-navigation list */
237 #navigation {
238 width: 100%;
239 padding-top: 36px;
240 }
241
242 #navigation ul {
243 list-style:none;
244 }
245
246 /* Default list state */
247 #navigation li {
248 margin: 1px 0;
249 padding: 0;
250 font-weight: bold;
251 display: inline;
252 }
253
254 /* Link styles for the sub-section links */
255 #navigation a {
256 display: block;
257 padding: 5px;
258 margin: 1px 0;
259 text-decoration: none;
260 font-weight: bold;
261 color: #333;
262 background: #cfcfcf none repeat-y 100% 0;
263 }
264
265 #navigation a:hover {
266 text-decoration: none;
267 background-color: #c6c6c6;
268 color: #bcbcbc;
269 background-image: none;
270 }
271
272 #navigation #active-subsection a {
273 display: block;
274 color: #d3d3d3;
275 background-color: #F9F9F9;
276 background-image: none;
277 }
278
279 #navigation #active-subsection a:hover {
280 color: #d3d3d3;
281 }
282
283 /* Preferences pane layout
284 ----------------------------------------*/
285 #cp-main h2 {
286 border-bottom: none;
287 padding: 0;
288 margin-left: 10px;
289 color: #333333;
290 }
291
292 #cp-main .panel {
293 background-color: #F9F9F9;
294 }
295
296 #cp-main .pm {
297 background-color: #FFFFFF;
298 }
299
300 #cp-main span.corners-top, #cp-menu span.corners-top {
301 background-image: none;
302 }
303
304 #cp-main span.corners-top span, #cp-menu span.corners-top span {
305 background-image: none;
306 }
307
308 #cp-main span.corners-bottom, #cp-menu span.corners-bottom {
309 background-image: none;
310 }
311
312 #cp-main span.corners-bottom span, #cp-menu span.corners-bottom span {
313 background-image: none;
314 }
315
316 /* Topicreview */
317 #cp-main .panel #topicreview span.corners-top, #cp-menu .panel #topicreview span.corners-top {
318 background-image: none;
319 }
320
321 #cp-main .panel #topicreview span.corners-top span, #cp-menu .panel #topicreview span.corners-top span {
322 background-image: none;
323 }
324
325 #cp-main .panel #topicreview span.corners-bottom, #cp-menu .panel #topicreview span.corners-bottom {
326 background-image: none;
327 }
328
329 #cp-main .panel #topicreview span.corners-bottom span, #cp-menu .panel #topicreview span.corners-bottom span {
330 background-image: none;
331 }
332
333 /* Friends list */
334 .cp-mini {
335 background-color: #f9f9f9;
336 padding: 0 5px;
337 margin: 10px 15px 10px 5px;
338 }
339
340 .cp-mini span.corners-top, .cp-mini span.corners-bottom {
341 margin: 0 -5px;
342 }
343
344 dl.mini dt {
345 font-weight: bold;
346 color: #676767;
347 }
348
349 dl.mini dd {
350 padding-top: 4px;
351 }
352
353 .friend-online {
354 font-weight: bold;
355 }
356
357 .friend-offline {
358 font-style: italic;
359 }
360
361 /* PM Styles
362 ----------------------------------------*/
363 #pm-menu {
364 line-height: 2.5em;
365 }
366
367 /* PM panel adjustments */
368 .reply-all a.left {
369 background-position: 3px 60%;
370 }
371
372 .reply-all a.left:hover {
373 background-position: 0px 60%;
374 }
375
376 .reply-all {
377 font-size: 11px;
378 padding-top: 5px;
379 }
380
381 /* PM Message history */
382 .current {
383 color: #999999;
384 }
385
386 /* Defined rules list for PM options */
387 ol.def-rules {
388 padding-left: 0;
389 }
390
391 ol.def-rules li {
392 line-height: 180%;
393 padding: 1px;
394 }
395
396
397
398 .pmlist li.pm_message_reported_colour, .pm_message_reported_colour {
399 border-left-color: #bcbcbc;
400 border-right-color: #bcbcbc;
401 }
402
403 .pmlist li.pm_marked_colour, .pm_marked_colour {
404 border: solid 3px #ffffff;
405 border-width: 0 3px;
406 }
407
408 .pmlist li.pm_replied_colour, .pm_replied_colour {
409 border: solid 3px #c2c2c2;
410 border-width: 0 3px;
411 }
412
413 .pmlist li.pm_friend_colour, .pm_friend_colour {
414 border: solid 3px #bdbdbd;
415 border-width: 0 3px;
416 }
417
418 .pmlist li.pm_foe_colour, .pm_foe_colour {
419 border: solid 3px #000000;
420 border-width: 0 3px;
421 }
422
423 .pm-legend {
424 border-left-width: 10px;
425 border-left-style: solid;
426 border-right-width: 0;
427 margin-bottom: 3px;
428 padding-left: 3px;
429 }
430
431 /* Avatar gallery */
432 #gallery label {
433 position: relative;
434 float: left;
435 margin: 10px;
436 padding: 5px;
437 width: auto;
438 background: #FFFFFF;
439 border: 1px solid #CCC;
440 text-align: center;
441 }
442
443 #gallery label:hover {
444 background-color: #EEE;
445 }