← Back to branch summary

~azzar1/unity/add-show-desktop-key

« back to all changes in this revision

Viewing changes to www/php/phpBB3/styles/prosilver/theme/cp.css

Merge setup-stuff.

phpBB is gone, configuration, setup and jail building are completely redone.

Please read doc/setup/install_proc.txt, or you'll not get far.

Show diffs side-by-side

added added

removed removed

Lines of Context:
www/php/phpBB3/styles/prosilver/theme/cp.css
1
 
/* proSilver 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
 
/* CP tabbed menu
108
 
----------------------------------------*/
109
 
#tabs {
110
 
        line-height: normal;
111
 
        margin: 20px 0 -1px 7px;
112
 
        min-width: 570px;
113
 
}
114
 
 
115
 
#tabs ul {
116
 
        margin:0;
117
 
        padding: 0;
118
 
        list-style: none;
119
 
}
120
 
 
121
 
#tabs li {
122
 
        display: inline;
123
 
        margin: 0;
124
 
        padding: 0;
125
 
        font-size: 1em;
126
 
        font-weight: bold;
127
 
}
128
 
 
129
 
#tabs a {
130
 
        float: left;
131
 
        background: none no-repeat 0% -35px;
132
 
        margin: 0 1px 0 0;
133
 
        padding: 0 0 0 5px;
134
 
        text-decoration: none;
135
 
        position: relative;
136
 
        cursor: pointer;
137
 
}
138
 
 
139
 
#tabs a span {
140
 
        float: left;
141
 
        display: block;
142
 
        background: none no-repeat 100% -35px;
143
 
        padding: 6px 10px 6px 5px;
144
 
        color: #828282;
145
 
        white-space: nowrap;
146
 
}
147
 
 
148
 
#tabs a:hover span {
149
 
        color: #bcbcbc;
150
 
}
151
 
 
152
 
#tabs .activetab a {
153
 
        background-position: 0 0;
154
 
        border-bottom: 1px solid #ebebeb;
155
 
}
156
 
 
157
 
#tabs .activetab a span {
158
 
        background-position: 100% 0;
159
 
        padding-bottom: 7px;
160
 
        color: #333333;
161
 
}
162
 
 
163
 
#tabs a:hover {
164
 
        background-position: 0 -70px;
165
 
}
166
 
 
167
 
#tabs a:hover span {
168
 
        background-position:100% -70px;
169
 
}
170
 
 
171
 
#tabs .activetab a:hover {
172
 
        background-position: 0 0;
173
 
}
174
 
 
175
 
#tabs .activetab a:hover span {
176
 
        color: #000000;
177
 
        background-position: 100% 0;
178
 
}
179
 
 
180
 
/* Mini tabbed menu used in MCP
181
 
----------------------------------------*/
182
 
#minitabs {
183
 
        line-height: normal;
184
 
        margin: -20px 7px 0 0;
185
 
}
186
 
 
187
 
#minitabs ul {
188
 
        margin:0;
189
 
        padding: 0;
190
 
        list-style: none;
191
 
}
192
 
 
193
 
#minitabs li {
194
 
        display: block;
195
 
        float: right;
196
 
        padding: 0 10px 4px 10px;
197
 
        font-size: 1em;
198
 
        font-weight: bold;
199
 
        background-color: #f2f2f2;
200
 
        margin-left: 2px;
201
 
}
202
 
 
203
 
#minitabs a {
204
 
}
205
 
 
206
 
#minitabs a:hover {
207
 
        text-decoration: none;
208
 
}
209
 
 
210
 
#minitabs li.activetab {
211
 
        background-color: #F9F9F9;
212
 
}
213
 
 
214
 
#minitabs li.activetab a, #minitabs li.activetab a:hover {
215
 
        color: #333333;
216
 
}
217
 
 
218
 
/* UCP navigation menu
219
 
----------------------------------------*/
220
 
/* Container for sub-navigation list */
221
 
#navigation {
222
 
        width: 100%;
223
 
        padding-top: 36px;
224
 
}
225
 
 
226
 
#navigation ul {
227
 
        list-style:none;
228
 
}
229
 
 
230
 
/* Default list state */
231
 
#navigation li {
232
 
        margin: 1px 0;
233
 
        padding: 0;
234
 
        font-weight: bold;
235
 
        display: inline;
236
 
}
237
 
 
238
 
/* Link styles for the sub-section links */
239
 
#navigation a {
240
 
        display: block;
241
 
        padding: 5px;
242
 
        margin: 1px 0;
243
 
        text-decoration: none;
244
 
        font-weight: bold;
245
 
        color: #333;
246
 
        background: #cfcfcf none repeat-y 100% 0;
247
 
}
248
 
 
249
 
#navigation a:hover {
250
 
        text-decoration: none;
251
 
        background-color: #c6c6c6;
252
 
        color: #bcbcbc;
253
 
        background-image: none;
254
 
}
255
 
 
256
 
#navigation #active-subsection a {
257
 
        display: block;
258
 
        color: #d3d3d3;
259
 
        background-color: #F9F9F9;
260
 
        background-image: none;
261
 
}
262
 
 
263
 
#navigation #active-subsection a:hover {
264
 
        color: #d3d3d3;
265
 
}
266
 
 
267
 
/* Preferences pane layout
268
 
----------------------------------------*/
269
 
#cp-main h2 {
270
 
        border-bottom: none;
271
 
        padding: 0;
272
 
        margin-left: 10px;
273
 
        color: #333333;
274
 
}
275
 
 
276
 
#cp-main .panel {
277
 
        background-color: #F9F9F9;
278
 
}
279
 
 
280
 
#cp-main .pm {
281
 
        background-color: #FFFFFF;
282
 
}
283
 
 
284
 
#cp-main span.corners-top, #cp-menu span.corners-top {
285
 
        background-image: none;
286
 
}
287
 
 
288
 
#cp-main span.corners-top span, #cp-menu span.corners-top span {
289
 
        background-image: none;
290
 
}
291
 
 
292
 
#cp-main span.corners-bottom, #cp-menu span.corners-bottom {
293
 
        background-image: none;
294
 
}
295
 
 
296
 
#cp-main span.corners-bottom span, #cp-menu span.corners-bottom span {
297
 
        background-image: none;
298
 
}
299
 
 
300
 
/* Topicreview */
301
 
#cp-main .panel #topicreview span.corners-top, #cp-menu .panel #topicreview span.corners-top {
302
 
        background-image: none;
303
 
}
304
 
 
305
 
#cp-main .panel #topicreview span.corners-top span, #cp-menu .panel #topicreview span.corners-top span {
306
 
        background-image: none;
307
 
}
308
 
 
309
 
#cp-main .panel #topicreview span.corners-bottom, #cp-menu .panel #topicreview span.corners-bottom {
310
 
        background-image: none;
311
 
}
312
 
 
313
 
#cp-main .panel #topicreview span.corners-bottom span, #cp-menu .panel #topicreview span.corners-bottom span {
314
 
        background-image: none;
315
 
}
316
 
 
317
 
/* Friends list */
318
 
.cp-mini {
319
 
        background-color: #f9f9f9;
320
 
        padding: 0 5px;
321
 
        margin: 10px 15px 10px 5px;
322
 
}
323
 
 
324
 
.cp-mini span.corners-top, .cp-mini span.corners-bottom {
325
 
        margin: 0 -5px;
326
 
}
327
 
 
328
 
dl.mini dt {
329
 
        font-weight: bold;
330
 
        color: #676767;
331
 
}
332
 
 
333
 
dl.mini dd {
334
 
        padding-top: 4px;
335
 
}
336
 
 
337
 
.friend-online {
338
 
        font-weight: bold;
339
 
}
340
 
 
341
 
.friend-offline {
342
 
        font-style: italic;
343
 
}
344
 
 
345
 
/* PM Styles
346
 
----------------------------------------*/
347
 
#pm-menu {
348
 
        line-height: 2.5em;
349
 
}
350
 
 
351
 
/* PM Message history */
352
 
.current {
353
 
        color: #999999;
354
 
}
355
 
 
356
 
/* Defined rules list for PM options */
357
 
ol.def-rules {
358
 
        padding-left: 0;
359
 
}
360
 
 
361
 
ol.def-rules li {
362
 
        line-height: 180%;
363
 
        padding: 1px;
364
 
}
365
 
 
366
 
/* PM marking colours */
367
 
.pmlist li.bg1 {
368
 
        border: solid 3px transparent;
369
 
        border-width: 0 3px;
370
 
}
371
 
 
372
 
.pmlist li.bg2 {
373
 
        border: solid 3px transparent;
374
 
        border-width: 0 3px;
375
 
}
376
 
 
377
 
.pmlist li.pm_message_reported_colour, .pm_message_reported_colour {
378
 
        border-left-color: #bcbcbc;
379
 
        border-right-color: #bcbcbc;
380
 
}
381
 
 
382
 
.pmlist li.pm_marked_colour, .pm_marked_colour {
383
 
        border: solid 3px #ffffff;
384
 
        border-width: 0 3px;
385
 
}
386
 
 
387
 
.pmlist li.pm_replied_colour, .pm_replied_colour {
388
 
        border: solid 3px #c2c2c2;
389
 
        border-width: 0 3px;    
390
 
}
391
 
 
392
 
.pmlist li.pm_friend_colour, .pm_friend_colour {
393
 
        border: solid 3px #bdbdbd;
394
 
        border-width: 0 3px;
395
 
}
396
 
 
397
 
.pmlist li.pm_foe_colour, .pm_foe_colour {
398
 
        border: solid 3px #000000;
399
 
        border-width: 0 3px;
400
 
}
401
 
 
402
 
.pm-legend {
403
 
        border-left-width: 10px;
404
 
        border-left-style: solid;
405
 
        border-right-width: 0;
406
 
        margin-bottom: 3px;
407
 
        padding-left: 3px;
408
 
}
409
 
 
410
 
/* Avatar gallery */
411
 
#gallery label {
412
 
        position: relative;
413
 
        float: left;
414
 
        margin: 10px;
415
 
        padding: 5px;
416
 
        width: auto;
417
 
        background: #FFFFFF;
418
 
        border: 1px solid #CCC;
419
 
        text-align: center;
420
 
}
421
 
 
422
 
#gallery label:hover {
423
 
        background-color: #EEE;
424
 
}