~yooozy/mountada/main

« back to all changes in this revision

Viewing changes to styles/prosilver/theme/common.css

  • Committer: Abdelaziz Yakout
  • Date: 2013-11-14 14:51:03 UTC
  • Revision ID: abdelaziz.yakout@gmail.com-20131114145103-rlwgensa9151gttc
ignored files and added

Show diffs side-by-side

added added

removed removed

Lines of Context:
 
1
/* General Markup Styles
 
2
---------------------------------------- */
 
3
 
 
4
* {
 
5
        /* Reset browsers default margin, padding and font sizes */
 
6
        margin: 0;
 
7
        padding: 0;
 
8
}
 
9
 
 
10
html {
 
11
        font-size: 100%;
 
12
        /* Always show a scrollbar for short pages - stops the jump when the scrollbar appears. non-IE browsers */
 
13
        height: 101%;
 
14
}
 
15
 
 
16
body {
 
17
        /* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
 
18
        font-family: Tahoma;
 
19
        color: #828282;
 
20
        background-color: #FFFFFF;
 
21
        /*font-size: 62.5%;                      This sets the default font size to be equivalent to 10px */
 
22
        font-size: 10px;
 
23
        margin: 0;
 
24
        padding: 12px 0;
 
25
}
 
26
 
 
27
h1 {
 
28
        /* Forum name */
 
29
        font-family: Tahoma;
 
30
        margin-right: 200px;
 
31
        color: #FFFFFF;
 
32
        margin-top: 15px;
 
33
        font-weight: bold;
 
34
        font-size: 2em;
 
35
}
 
36
 
 
37
h2 {
 
38
        /* Forum header titles */
 
39
        font-family: Tahoma;
 
40
        font-weight: normal;
 
41
        color: #3f3f3f;
 
42
        font-size: 2em;
 
43
        margin: 0.8em 0 0.2em 0;
 
44
}
 
45
 
 
46
h2.solo {
 
47
        margin-bottom: 1em;
 
48
}
 
49
 
 
50
h3 {
 
51
        /* Sub-headers (also used as post headers, but defined later) */
 
52
        font-family: Tahoma;
 
53
        font-weight: bold;
 
54
        text-transform: uppercase;
 
55
        border-bottom: 1px solid #CCCCCC;
 
56
        margin-bottom: 3px;
 
57
        padding-bottom: 2px;
 
58
        font-size: 1.05em;
 
59
        color: #989898;
 
60
        margin-top: 20px;
 
61
}
 
62
 
 
63
h4 {
 
64
        /* Forum and topic list titles */
 
65
        font-family: Tahoma;
 
66
        font-size: 1.3em;
 
67
}
 
68
 
 
69
p {
 
70
        line-height: 1.3em;
 
71
        font-size: 1.1em;
 
72
        margin-bottom: 1.5em;
 
73
}
 
74
 
 
75
img {
 
76
        border-width: 0;
 
77
}
 
78
 
 
79
hr {
 
80
        /* Also see tweaks.css */
 
81
        border: 0 none #FFFFFF;
 
82
        border-top: 1px solid #CCCCCC;
 
83
        height: 1px;
 
84
        margin: 5px 0;
 
85
        display: block;
 
86
        clear: both;
 
87
}
 
88
 
 
89
hr.dashed {
 
90
        border-top: 1px dashed #CCCCCC;
 
91
        margin: 10px 0;
 
92
}
 
93
 
 
94
hr.divider {
 
95
        display: none;
 
96
}
 
97
 
 
98
p.right {
 
99
        text-align: right;
 
100
}
 
101
 
 
102
/* Main blocks
 
103
---------------------------------------- */
 
104
#wrap {
 
105
        padding: 0 20px;
 
106
        min-width: 650px;
 
107
}
 
108
 
 
109
#simple-wrap {
 
110
        padding: 6px 10px;
 
111
}
 
112
 
 
113
#page-body {
 
114
        margin: 4px 0;
 
115
        clear: both;
 
116
}
 
117
 
 
118
#page-footer {
 
119
        clear: both;
 
120
}
 
121
 
 
122
#page-footer h3 {
 
123
        margin-top: 20px;
 
124
}
 
125
 
 
126
#logo {
 
127
        float: left;
 
128
        width: auto;
 
129
        padding: 10px 13px 0 10px;
 
130
}
 
131
 
 
132
a#logo:hover {
 
133
        text-decoration: none;
 
134
}
 
135
 
 
136
/* Search box
 
137
--------------------------------------------- */
 
138
#search-box {
 
139
        color: #FFFFFF;
 
140
        position: relative;
 
141
        margin-top: 30px;
 
142
        margin-right: 5px;
 
143
        display: block;
 
144
        float: right;
 
145
        text-align: right;
 
146
        white-space: nowrap; /* For Opera */
 
147
}
 
148
 
 
149
#search-box #keywords {
 
150
        width: 95px;
 
151
        background-color: #FFF;
 
152
}
 
153
 
 
154
#search-box input {
 
155
        border: 1px solid #b0b0b0;
 
156
}
 
157
 
 
158
/* .button1 style defined later, just a few tweaks for the search button version */
 
159
#search-box input.button1 {
 
160
        padding: 1px 5px;
 
161
}
 
162
 
 
163
#search-box li {
 
164
        text-align: right;
 
165
        margin-top: 4px;
 
166
}
 
167
 
 
168
#search-box img {
 
169
        vertical-align: middle;
 
170
        margin-right: 3px;
 
171
}
 
172
 
 
173
/* Site description and logo */
 
174
#site-description {
 
175
        float: left;
 
176
        width: 70%;
 
177
}
 
178
 
 
179
#site-description h1 {
 
180
        margin-right: 0;
 
181
}
 
182
 
 
183
/* Round cornered boxes and backgrounds
 
184
---------------------------------------- */
 
185
.headerbar {
 
186
        background: #ebebeb none repeat-x 0 0;
 
187
        color: #FFFFFF;
 
188
        margin-bottom: 4px;
 
189
        padding: 0 5px;
 
190
}
 
191
 
 
192
.navbar {
 
193
        background-color: #ebebeb;
 
194
        padding: 0 10px;
 
195
}
 
196
 
 
197
.forabg {
 
198
        background: #b1b1b1 none repeat-x 0 0;
 
199
        margin-bottom: 4px;
 
200
        padding: 0 5px;
 
201
        clear: both;
 
202
}
 
203
 
 
204
.forumbg {
 
205
        background: #ebebeb none repeat-x 0 0;
 
206
        margin-bottom: 4px;
 
207
        padding: 0 5px;
 
208
        clear: both;
 
209
}
 
210
 
 
211
.panel {
 
212
        margin-bottom: 4px;
 
213
        padding: 0 10px;
 
214
        background-color: #f3f3f3;
 
215
        color: #3f3f3f;
 
216
}
 
217
 
 
218
.post {
 
219
        padding: 0 10px;
 
220
        margin-bottom: 4px;
 
221
        background-repeat: no-repeat;
 
222
        background-position: 100% 0;
 
223
}
 
224
 
 
225
.post:target .content {
 
226
        color: #000000;
 
227
}
 
228
 
 
229
.post:target h3 a {
 
230
        color: #000000;
 
231
}
 
232
 
 
233
.bg1    { background-color: #f7f7f7;}
 
234
.bg2    { background-color: #f2f2f2; }
 
235
.bg3    { background-color: #ebebeb; }
 
236
 
 
237
.rowbg {
 
238
        margin: 5px 5px 2px 5px;
 
239
}
 
240
 
 
241
.ucprowbg {
 
242
        background-color: #e2e2e2;
 
243
}
 
244
 
 
245
.fieldsbg {
 
246
        /*border: 1px #DBDEE2 solid;*/
 
247
        background-color: #eaeaea;
 
248
}
 
249
 
 
250
span.corners-top, span.corners-bottom, span.corners-top span, span.corners-bottom span {
 
251
        font-size: 1px;
 
252
        line-height: 1px;
 
253
        display: block;
 
254
        height: 5px;
 
255
        background-repeat: no-repeat;
 
256
}
 
257
 
 
258
span.corners-top {
 
259
        background-image: none;
 
260
        background-position: 0 0;
 
261
        margin: 0 -5px;
 
262
}
 
263
 
 
264
span.corners-top span {
 
265
        background-image: none;
 
266
        background-position: 100% 0;
 
267
}
 
268
 
 
269
span.corners-bottom {
 
270
        background-image: none;
 
271
        background-position: 0 100%;
 
272
        margin: 0 -5px;
 
273
        clear: both;
 
274
}
 
275
 
 
276
span.corners-bottom span {
 
277
        background-image: none;
 
278
        background-position: 100% 100%;
 
279
}
 
280
 
 
281
.headbg span.corners-bottom {
 
282
        margin-bottom: -1px;
 
283
}
 
284
 
 
285
.post span.corners-top, .post span.corners-bottom, .panel span.corners-top, .panel span.corners-bottom, .navbar span.corners-top, .navbar span.corners-bottom {
 
286
        margin: 0 -10px;
 
287
}
 
288
 
 
289
.rules span.corners-top {
 
290
        margin: 0 -10px 5px -10px;
 
291
}
 
292
 
 
293
.rules span.corners-bottom {
 
294
        margin: 5px -10px 0 -10px;
 
295
}
 
296
 
 
297
/* Horizontal lists
 
298
----------------------------------------*/
 
299
ul.linklist {
 
300
        display: block;
 
301
        margin: 0;
 
302
}
 
303
 
 
304
ul.linklist li {
 
305
        display: block;
 
306
        list-style-type: none;
 
307
        float: left;
 
308
        width: auto;
 
309
        margin-right: 5px;
 
310
        font-size: 1.1em;
 
311
        line-height: 2.2em;
 
312
}
 
313
 
 
314
ul.linklist li.rightside, p.rightside {
 
315
        float: right;
 
316
        margin-right: 0;
 
317
        margin-left: 5px;
 
318
        text-align: right;
 
319
}
 
320
 
 
321
ul.navlinks {
 
322
        padding-bottom: 1px;
 
323
        margin-bottom: 1px;
 
324
        border-bottom: 1px solid #FFFFFF;
 
325
        font-weight: bold;
 
326
}
 
327
 
 
328
ul.leftside {
 
329
        float: left;
 
330
        margin-left: 0;
 
331
        margin-right: 5px;
 
332
        text-align: left;
 
333
}
 
334
 
 
335
ul.rightside {
 
336
        float: right;
 
337
        margin-left: 5px;
 
338
        margin-right: -5px;
 
339
        text-align: right;
 
340
}
 
341
 
 
342
/* Table styles
 
343
----------------------------------------*/
 
344
table.table1 {
 
345
        /* See tweaks.css */
 
346
}
 
347
 
 
348
#ucp-main table.table1 {
 
349
        padding: 2px;
 
350
}
 
351
 
 
352
table.table1 thead th {
 
353
        font-weight: normal;
 
354
        text-transform: uppercase;
 
355
        color: #FFFFFF;
 
356
        line-height: 1.3em;
 
357
        font-size: 1em;
 
358
        padding: 0 0 4px 3px;
 
359
}
 
360
 
 
361
table.table1 thead th span {
 
362
        padding-left: 7px;
 
363
}
 
364
 
 
365
table.table1 tbody tr {
 
366
        border: 1px solid #cfcfcf;
 
367
}
 
368
 
 
369
table.table1 tbody tr:hover, table.table1 tbody tr.hover {
 
370
        background-color: #f6f6f6;
 
371
        color: #000;
 
372
}
 
373
 
 
374
table.table1 td {
 
375
        color: #6a6a6a;
 
376
        font-size: 1.1em;
 
377
}
 
378
 
 
379
table.table1 tbody td {
 
380
        padding: 5px;
 
381
        border-top: 1px solid #FAFAFA;
 
382
}
 
383
 
 
384
table.table1 tbody th {
 
385
        padding: 5px;
 
386
        border-bottom: 1px solid #000000;
 
387
        text-align: left;
 
388
        color: #333333;
 
389
        background-color: #FFFFFF;
 
390
}
 
391
 
 
392
/* Specific column styles */
 
393
table.table1 .name              { text-align: left; }
 
394
table.table1 .posts             { text-align: center !important; width: 7%; }
 
395
table.table1 .joined    { text-align: left; width: 15%; }
 
396
table.table1 .active    { text-align: left; width: 15%; }
 
397
table.table1 .mark              { text-align: center; width: 7%; }
 
398
table.table1 .info              { text-align: left; width: 30%; }
 
399
table.table1 .info div  { width: 100%; white-space: normal; overflow: hidden; }
 
400
table.table1 .autocol   { line-height: 2em; white-space: nowrap; }
 
401
table.table1 thead .autocol { padding-left: 1em; }
 
402
 
 
403
table.table1 span.rank-img {
 
404
        float: right;
 
405
        width: auto;
 
406
}
 
407
 
 
408
table.info td {
 
409
        padding: 3px;
 
410
}
 
411
 
 
412
table.info tbody th {
 
413
        padding: 3px;
 
414
        text-align: right;
 
415
        vertical-align: top;
 
416
        color: #000000;
 
417
        font-weight: normal;
 
418
}
 
419
 
 
420
.forumbg table.table1 {
 
421
        margin: 0;
 
422
}
 
423
 
 
424
.forumbg-table > .inner {
 
425
        margin: 0 -1px;
 
426
}
 
427
 
 
428
.forumbg-table > .inner > span.corners-top {
 
429
        margin: 0 -4px -1px -4px;
 
430
}
 
431
 
 
432
.forumbg-table > .inner > span.corners-bottom {
 
433
        margin: -1px -4px 0 -4px;
 
434
}
 
435
 
 
436
/* Misc layout styles
 
437
---------------------------------------- */
 
438
/* column[1-2] styles are containers for two column layouts 
 
439
   Also see tweaks.css */
 
440
.column1 {
 
441
        float: left;
 
442
        clear: left;
 
443
        width: 49%;
 
444
}
 
445
 
 
446
.column2 {
 
447
        float: right;
 
448
        clear: right;
 
449
        width: 49%;
 
450
}
 
451
 
 
452
/* General classes for placing floating blocks */
 
453
.left-box {
 
454
        float: left;
 
455
        width: auto;
 
456
        text-align: left;
 
457
}
 
458
 
 
459
.right-box {
 
460
        float: right;
 
461
        width: auto;
 
462
        text-align: right;
 
463
}
 
464
 
 
465
dl.details {
 
466
        /*font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;*/
 
467
        font-size: 1.1em;
 
468
}
 
469
 
 
470
dl.details dt {
 
471
        float: left;
 
472
        clear: left;
 
473
        width: 30%;
 
474
        text-align: right;
 
475
        color: #000000;
 
476
        display: block;
 
477
}
 
478
 
 
479
dl.details dd {
 
480
        margin-left: 0;
 
481
        padding-left: 5px;
 
482
        margin-bottom: 5px;
 
483
        color: #828282;
 
484
        float: left;
 
485
        width: 65%;
 
486
}
 
487
 
 
488
/* Pagination
 
489
---------------------------------------- */
 
490
.pagination {
 
491
        height: 1%; /* IE tweak (holly hack) */
 
492
        width: auto;
 
493
        text-align: right;
 
494
        margin-top: 5px;
 
495
        float: right;
 
496
}
 
497
 
 
498
.pagination span.page-sep {
 
499
        display: none;
 
500
}
 
501
 
 
502
li.pagination {
 
503
        margin-top: 0;
 
504
}
 
505
 
 
506
.pagination strong, .pagination b {
 
507
        font-weight: normal;
 
508
}
 
509
 
 
510
.pagination span strong {
 
511
        padding: 0 2px;
 
512
        margin: 0 2px;
 
513
        font-weight: normal;
 
514
        color: #FFFFFF;
 
515
        background-color: #bfbfbf;
 
516
        border: 1px solid #bfbfbf;
 
517
        font-size: 0.9em;
 
518
}
 
519
 
 
520
.pagination span a, .pagination span a:link, .pagination span a:visited, .pagination span a:active {
 
521
        font-weight: normal;
 
522
        text-decoration: none;
 
523
        color: #747474;
 
524
        margin: 0 2px;
 
525
        padding: 0 2px;
 
526
        background-color: #eeeeee;
 
527
        border: 1px solid #bababa;
 
528
        font-size: 0.9em;
 
529
        line-height: 1.5em;
 
530
}
 
531
 
 
532
.pagination span a:hover {
 
533
        border-color: #d2d2d2;
 
534
        background-color: #d2d2d2;
 
535
        color: #FFF;
 
536
        text-decoration: none;
 
537
}
 
538
 
 
539
.pagination img {
 
540
        vertical-align: middle;
 
541
}
 
542
 
 
543
/* Pagination in viewforum for multipage topics */
 
544
.row .pagination {
 
545
        display: block;
 
546
        float: right;
 
547
        width: auto;
 
548
        margin-top: 0;
 
549
        padding: 1px 0 1px 15px;
 
550
        font-size: 0.9em;
 
551
        background: none 0 50% no-repeat;
 
552
}
 
553
 
 
554
.row .pagination span a, li.pagination span a {
 
555
        background-color: #FFFFFF;
 
556
}
 
557
 
 
558
.row .pagination span a:hover, li.pagination span a:hover {
 
559
        background-color: #d2d2d2;
 
560
}
 
561
 
 
562
/* Miscellaneous styles
 
563
---------------------------------------- */
 
564
#forum-permissions {
 
565
        float: right;
 
566
        width: auto;
 
567
        padding-left: 5px;
 
568
        margin-left: 5px;
 
569
        margin-top: 10px;
 
570
        text-align: right;
 
571
}
 
572
 
 
573
.copyright {
 
574
        padding: 5px;
 
575
        text-align: center;
 
576
        color: #555555;
 
577
}
 
578
 
 
579
.small {
 
580
        font-size: 0.9em !important;
 
581
}
 
582
 
 
583
.titlespace {
 
584
        margin-bottom: 15px;
 
585
}
 
586
 
 
587
.headerspace {
 
588
        margin-top: 20px;
 
589
}
 
590
 
 
591
.error {
 
592
        color: #bcbcbc;
 
593
        font-weight: bold;
 
594
        font-size: 1em;
 
595
}
 
596
 
 
597
.reported {
 
598
        background-color: #f7f7f7;
 
599
}
 
600
 
 
601
li.reported:hover {
 
602
        background-color: #ececec;
 
603
}
 
604
 
 
605
div.rules {
 
606
        background-color: #ececec;
 
607
        color: #bcbcbc;
 
608
        padding: 0 10px;
 
609
        margin: 10px 0;
 
610
        font-size: 1.1em;
 
611
}
 
612
 
 
613
div.rules ul, div.rules ol {
 
614
        margin-left: 20px;
 
615
}
 
616
 
 
617
p.rules {
 
618
        background-color: #ececec;
 
619
        background-image: none;
 
620
        padding: 5px;
 
621
}
 
622
 
 
623
p.rules img {
 
624
        vertical-align: middle;
 
625
        padding-top: 5px;
 
626
}
 
627
 
 
628
p.rules a {
 
629
        vertical-align: middle;
 
630
        clear: both;
 
631
}
 
632
 
 
633
#top {
 
634
        position: absolute;
 
635
        top: -20px;
 
636
}
 
637
 
 
638
.clear {
 
639
        display: block;
 
640
        clear: both;
 
641
        font-size: 1px;
 
642
        line-height: 1px;
 
643
        background: transparent;
 
644
}