← 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

  • Committer: dcoles
  • Date: 2008-02-13 04:10:55 UTC
  • Revision ID: svn-v3-trunk0:2b9c9e99-6f39-0410-b283-7f802c844ae2:trunk:443
Added Forum application along with unmodifed version of phpBB3 "Olympus" 3.0.0

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
}