1
/* phpBB 3.0 Admin Style Sheet
2
------------------------------------------------------------------------
3
Original author: subBlue ( http://www.subblue.com/ )
4
Copyright 2007 phpBB Group ( http://www.phpbb.com/ )
5
------------------------------------------------------------------------
8
/* General markup styles
9
---------------------------------------- */
11
/* Reset browsers default margin, padding and font sizes */
17
body, div, p, th, td, li, dd {
19
voice-family: "\"}\"";
20
voice-family: inherit;
24
html>body, html>div, html>p, html>th, html>td, html>li, html>dd {
31
/* Always show a scrollbar for short pages - stops the jump when the scrollbar appears. non-ie browsers */
37
/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
38
font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
41
font-size: 62.5%; /* This sets the default font size to be equivalent to 10px */
50
font-family: "Trebuchet MS", Helvetica, sans-serif;
57
font-family: "Trebuchet MS", Helvetica, sans-serif;
65
.rtl h2, .rtl caption {
70
font-family: "Trebuchet MS", Helvetica, sans-serif;
72
text-decoration: none;
94
border-top: 1px dashed #999999;
107
text-decoration: none;
112
text-decoration: underline;
117
text-decoration: none;
125
---------------------------------------- */
134
background: url("../images/phpbb_logo.gif") top left no-repeat;
142
background: url("../images/phpbb_logo.gif") top right no-repeat;
147
font-family: "Trebuchet MS",Helvetica,sans-serif;
156
#page-header p#skip {
172
padding: 30px 10px 10px;
198
#page-body.simple-page-body {
205
Based on: http://www.alistapart.com/articles/slidingdoors2/
206
----------------------------------------*/
209
margin: 0 0 -6px 7px;
214
margin: 0 7px -6px 0;
233
background:url("../images/bg_tabs1.gif") no-repeat 0% -34px;
236
text-decoration: none;
247
background: url("../images/bg_tabs2.gif") no-repeat 100% -34px;
248
padding: 7px 10px 4px 4px;
251
font-family: Arial, Helvetica, sans-serif;
252
text-transform: uppercase;
260
/* Commented Backslash Hack hides rule from IE5-Mac \*/
261
#tabs a span, .rtl #tabs a span { float:none;}
269
background-position: 0 0;
270
border-bottom: 1px solid #DCDEE2;
273
#tabs #activetab a span {
274
background-position: 100% 0;
280
background-position: 0 -69px;
284
background-position: 100% -69px;
287
#tabs #activetab a:hover span {
293
---------------------------------------- */
298
background-color: #FFFFFF;
299
border: 1px #999999 solid;
303
background: #F3F3F3 url("../images/innerbox_bg.gif") repeat-x top;
307
span.corners-top, span.corners-bottom,
308
span.corners-top span, span.corners-bottom span {
313
background-repeat: no-repeat;
317
background-image: url("../images/corners_left.gif");
318
background-position: 0 0;
322
span.corners-top span {
323
background-image: url("../images/corners_right.gif");
324
background-position: 100% 0;
327
span.corners-bottom {
328
background-image: url("../images/corners_left.gif");
329
background-position: 0 100%;
334
span.corners-bottom span {
335
background-image: url("../images/corners_right.gif");
336
background-position: 100% 100%;
340
* html span.corners-top, * html span.corners-bottom { background-image: url("../images/corners_left.gif"); }
341
* html span.corners-top span, * html span.corners-bottom span { background-image: url("../images/corners_right.gif"); }
344
/* Sub-navigation Menu
345
---------------------------------------- */
369
background-image: url(../images/toggle.gif);
372
.rtl #toggle-handle {
373
background-image: url(../images/toggle.gif);
374
background-position: 100% 50%;
383
border-right: 1px solid #CCCFD3;
389
border-left: 1px solid #CCCFD3;
402
/* Default list state */
411
/* Link styles for the sub-section links */
414
padding: 3px 3px 3px 8px;
416
text-decoration: none;
422
padding: 3px 8px 3px 3px;
425
#menu li a:hover, #menu li a:hover span {
426
text-decoration: none;
427
background-color: #FFFFFF;
431
#menu li a:active, #menu li a:active span {
435
#menu li#activemenu a span {
436
text-decoration: none;
439
background: transparent url("../images/arrow_right.gif") 0% 50% no-repeat;
442
.rtl #menu li#activemenu a span {
443
background: transparent url("../images/arrow_left.gif") 100% 50% no-repeat;
446
#menu li#activemenu a:hover span, #menu li#activemenu span {
447
text-decoration: none;
450
background: #FFFFFF url("../images/arrow_right.gif") 1% 50% no-repeat;
453
.rtl #menu li#activemenu a:hover span, .rtl #menu li#activemenu span {
454
background: #FFFFFF url("../images/arrow_left.gif") 99% 50% no-repeat;
457
#menu li a:active, #menu li a:active span, #menu li#activemenu a:active span {
461
#menu li span.completed {
462
text-decoration: none;
463
padding: 3px 3px 3px 12px;
464
background: url("../images/arrow_down.gif") 1% 50% no-repeat;
467
.rtl #menu li span.completed {
468
text-decoration: none;
469
padding: 3px 12px 3px 3px;
470
background: url("../images/arrow_down.gif") 99% 50% no-repeat;
474
font-family: Tahoma, Helvetica, sans-serif;
478
border-bottom: 1px solid #327AA5;
481
text-transform: uppercase;
486
---------------------------------------- */
490
border: 1px solid #CCCFD3;
491
background-color: #FFFFFF;
498
background: #70AED3 url("../images/gradient2b.gif") bottom left repeat-x;
499
border-top: 1px solid #6DACD2;
500
border-bottom: 1px solid #327AA5;
503
text-transform: uppercase;
536
table.type2 td.name {
538
vertical-align: middle;
545
background-color: transparent;
553
table.type3 thead th {
554
background-color: transparent;
561
text-transform: none;
564
table.type3 tbody th {
567
text-transform: none;
575
.rtl table.type3 tbody th {
611
.row1 { background-color: #F9F9F9; }
612
.row2 { background-color: #DCEBFE; }
613
.row3 { background-color: #DBDFE2; }
614
.row4 { background-color: #E4E8EB; }
615
.col1 { background-color: #DCEBFE; }
616
.col2 { background-color: #F9F9F9; }
619
background-color: #DBDFE2;
624
/* General form styles
625
----------------------------------------*/
629
border-top: 1px solid #D7D7D7;
630
border-right: 1px solid #CCCCCC;
631
border-bottom: 1px solid #CCCCCC;
632
border-left: 1px solid #D7D7D7;
633
background-color: #FFFFFF;
638
border-top: 1px solid #D7D7D7;
639
border-right: 1px solid #D7D7D7;
640
border-bottom: 1px solid #CCCCCC;
641
border-left: 1px solid #CCCCCC;
645
padding: 0 10px 5px 10px;
654
font-family: Tahoma,arial,Verdana,Sans-serif;
660
text-transform: none;
663
vertical-align: middle;
666
/* Hide from macIE \*/
667
legend { top: -1.2em; }
671
margin: 0 0 -10px -7px;
676
/* Holly hack, .rtl comes after html */
683
font-family: Verdana, Helvetica, Arial, sans-serif;
687
vertical-align: middle;
690
border-left: 1px solid #AFAEAA;
691
border-top: 1px solid #AFAEAA;
692
border-right: 1px solid #D5D5C8;
693
border-bottom: 1px solid #D5D5C8;
694
background-color: #E3DFD8;
697
.rtl input, .rtl textarea {
698
border-left: 1px solid #D5D5C8;
699
border-top: 1px solid #AFAEAA;
700
border-right: 1px solid #AFAEAA;
701
border-bottom: 1px solid #D5D5C8;
704
input:hover, textarea:hover {
705
border-left: 1px solid #AFAEAA;
706
border-top: 1px solid #AFAEAA;
707
border-right: 1px solid #AFAEAA;
708
border-bottom: 1px solid #AFAEAA;
709
background-color: #E9E9E2;
712
input.langvalue, textarea.langvalue {
717
font-family: Verdana, Helvetica, Arial, sans-serif;
722
vertical-align: middle;
732
optgroup.disabled-options {
734
background-color: gray;
742
option.disabled-option {
759
font-family: Verdana, Helvetica, Arial, sans-serif;
777
vertical-align: middle;
781
vertical-align: middle;
784
fieldset.quick, p.quick {
788
background-color: transparent;
792
.rtl fieldset.quick, .rtl p.quick {
796
fieldset.quick legend {
808
fieldset.tabulated legend {
816
background-color: transparent;
819
fieldset.display-options {
820
margin: 15px 0 2px 0;
823
background-color: transparent;
828
fieldset.display-options select, fieldset.display-options input, fieldset.display-options label {
830
vertical-align: middle;
833
select option.disabled {
834
background-color: #bbb;
838
/* Special case inputs */
839
select#board_timezone,
840
select#full_folder_action {
844
/* Definition list layout for forms
845
Other general def. list properties defined in prosilver_main.css
846
---------------------------------------- */
848
font-family: Verdana, Helvetica, Arial, sans-serif;
861
dd { color: #666666;}
862
dd + dd { padding-top: 5px;}
863
dt span { padding: 0 5px 0 0;}
864
.rtl dt span { padding: 0 0 0 5px;}
866
dt .explain { font-style: italic;}
890
html>body dd label input { vertical-align: text-bottom;} /* Tweak for Moz to align checkboxes/radio buttons nicely */
922
border-right: 1px solid #CCCCCC;
929
border-left: 1px solid #CCCCCC;
936
border-left: 1px solid #CCCCCC;
945
border-right: 1px solid #CCCCCC;
948
dd.full, .rtl dd.full {
957
/* Hover highlights for form rows */
958
fieldset dl:hover dt, fieldset dl:hover dd {
959
border-color: #666666;
962
fieldset dl:hover dt label {
966
fieldset dl dd label:hover {
970
input:focus, textarea:focus {
971
border: 1px solid #BC2A4D;
972
background-color: #E9E9E2;
976
/* Submit button fieldset or paragraph
977
---------------------------------------- */
978
fieldset.submit-buttons {
981
background-color: transparent;
994
fieldset.submit-buttons input, p.submit-buttons input {
998
fieldset.submit-buttons legend {
1002
/* Input field styles
1003
---------------------------------------- */
1005
input.radio, input.permissions-checkbox {
1006
width: auto !important;
1007
background-color: transparent;
1017
* html input.full, * html textarea.full { width: 95%;}
1018
input.medium { width: 50%;}
1019
input.narrow { width: 25%;}
1020
input.tiny { width: 10%;}
1021
input.autowidth { width: auto !important;}
1022
.box2 .inputbox { background-color: #E9E9E9;}
1024
/* Form button styles
1025
---------------------------------------- */
1026
a.button1, input.button1, input.button3,
1027
a.button2, input.button2 {
1028
width: auto !important;
1029
padding: 1px 3px 0 3px;
1030
font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
1033
background: #EFEFEF url("../images/bg_button.gif") repeat-x top;
1037
a.button1, input.button1 {
1039
border: 1px solid #666666;
1042
/* Alternative button */
1043
a.button2, input.button2 {
1044
border: 1px solid #666666;
1047
/* <a> button in the style of the form buttons */
1048
a.button1, a.button1:link, a.button1:visited, a.button1:active,
1049
a.button2, a.button2:link, a.button2:visited, a.button2:active {
1050
text-decoration: none;
1056
a.button1:hover, input.button1:hover,
1057
a.button2:hover, input.button2:hover {
1058
border: 1px solid #BC2A4D;
1059
background: #EFEFEF url("../images/bg_button.gif") repeat bottom;
1064
font-weight: normal;
1069
---------------------------------------- */
1071
height: 1%; /* IE tweak (holly hack) */
1076
padding-bottom: 2px;
1085
font-weight: normal;
1088
.pagination span.page-sep {
1092
.pagination span strong {
1095
font-weight: normal;
1098
background: #4692BF;
1099
border: 1px solid #4692BF;
1102
.pagination span a, .pagination span a:link, .pagination span a:visited, .pagination span a:active {
1103
font-weight: normal;
1105
text-decoration: none;
1109
background: #ECEDEE;
1110
border: 1px solid #B4BAC0;
1113
.pagination span a:hover {
1114
border-color: #368AD2;
1115
background: #368AD2;
1117
text-decoration: none;
1121
vertical-align: middle;
1125
/* Action Highlighting
1126
---------------------------------------- */
1127
.successbox, .errorbox {
1143
background-color: #228822;
1147
background-color: #BC2A4D;
1150
* html .errorbox, * html .successbox { height: 1%; } /* Pixel shift fix for IE */
1152
.successbox h3, .errorbox h3 {
1156
font-family: "Lucida Grande",Verdana,Helvetica,Arial,sans-serif;
1159
.successbox p, .errorbox p {
1165
.errorbox a:link, .errorbox a:active, .errorbox a:visited,
1166
.successbox a:link, .successbox a:active, .successbox a:visited {
1168
text-decoration: underline;
1172
.errorbox a:hover, .successbox a:hover {
1174
text-decoration: none;
1178
/* Special cases for the error page */
1179
#errorpage #page-header a {
1184
#errorpage #content {
1188
#errorpage #content h1 {
1192
#errorpage #content h2 {
1195
border-bottom: 1px solid #CCCCCC;
1196
padding-bottom: 5px;
1200
/* Tooltip for permission roles */
1205
border: 1px solid #AAA;
1209
background: #EFEFEF;
1214
.tooltip span.bottom {
1217
background: #FFFFFF;
1221
Format Buttons for signature editor
1224
margin: 15px 0 2px 0;
1227
#format-buttons input, #format-buttons select {
1228
vertical-align: middle;
1231
/* Nice method for clearing floated blocks without having to insert any extra markup
1232
From http://www.positioniseverything.net/easyclearing.html
1233
.clearfix:after, #tabs:after, .row:after, #content:after, fieldset dl:after, #page-body:after {
1241
.clearfix, #tabs, .row, #content, fieldset dl, #page-body {
1246
/* Syntax Highlighting
1247
---------------------------------------- */
1250
font-family: Monaco, 'Courier New', monospace;
1253
line-height: 1.20em;
1263
font-family: Monaco, 'Courier New', monospace;
1265
line-height: 1.20em;
1293
/* Permission interface
1294
---------------------------------------- */
1296
fieldset.permissions legend {
1297
text-transform: none;
1300
fieldset.permissions legend input{
1304
/* Permission sections */
1305
fieldset.permissions .permissions-simple {
1310
.rtl fieldset.permissions .permissions-simple {
1314
fieldset.permissions .permissions-advanced {
1315
padding: 10px 0 0 5px;
1316
vertical-align: top;
1320
.rtl fieldset.permissions .permissions-advanced {
1321
padding: 10px 5px 0 0;
1325
fieldset.permissions .permissions-switch {
1329
.rtl fieldset.permissions .permissions-switch {
1333
fieldset.permissions .padding {
1336
.permissions-switch a {
1337
text-decoration: underline;
1341
.permissions-reset {
1343
padding-bottom: 10px;
1346
.permissions-reset a {
1351
.permissions-category {
1352
line-height: normal;
1353
margin: 0 0 -1px 7px;
1358
.rtl .permissions-category {
1359
margin: 0 7px -1px 0;
1362
.permissions-category ul {
1368
.permissions-category li {
1376
.permissions-category a {
1378
background: url("../images/bg_tabs_alt1.gif") no-repeat 0% -35px;
1381
text-decoration: none;
1385
.rtl .permissions-category a {
1389
.permissions-category a span.tabbg {
1392
background: url("../images/bg_tabs_alt2.gif") no-repeat 100% -35px;
1393
padding: 7px 12px 6px 6px;
1395
white-space: nowrap;
1398
.rtl .permissions-category a span.tabbg {
1402
/* Commented Backslash Hack hides rule from IE5-Mac \*/
1403
.permissions-category a span.tabbg, .rtl .permissions-category a span.tabbg { float: none;}
1406
.permissions-category a:hover span.tabbg {
1410
.permissions-category .activetab a {
1411
background-position: 0 0;
1414
.permissions-category .activetab a span.tabbg {
1415
background-position: 100% 0;
1416
padding-bottom: 7px;
1420
.permissions-category a:hover {
1421
background-position: 0 -70px;
1424
.permissions-category a:hover span.tabbg {
1425
background-position: 100% -70px;
1428
.permissions-category .activetab a:hover span.tabbg {
1430
background-position: 100% 0;
1433
.permissions-category .activetab a:hover {
1434
background-position: 0 0;
1437
.permissions-category a span.colour {
1438
border: 1px solid #536482;
1446
/* Most browsers will have to live with a left aligned icon in RTL mode, as (currently) only Firefox 3.0 Alpha 3 renders it correctly without destroying it
1447
.rtl .permissions-category a span.colour {
1453
.permissions-category .activetab span.colour {
1454
border-color: #333333;
1457
.permissions-category a:hover span.colour {
1458
border-color: #DD6900;
1461
.permissions-category .activetab a:hover span.colour {
1462
border-color: #333333;
1465
/* Permission preset colours */
1466
.permissions-preset-yes span.colour,
1468
background-color: #86F786;
1471
.permissions-preset-custom span.colour {
1472
background-color: #B2BBDD;
1475
.permissions-preset-never span.colour {
1476
background-color: #DD0000;
1479
.permissions-preset-no span.colour,
1481
background-color: #EFB0B2;
1485
---------------------------------------- */
1486
.permissions-panel {
1488
background-color: #CADCEB;
1492
.rtl .permissions-panel {
1496
.permissions-panel span.corners-top {
1497
background-image: url("../images/corners_left2.gif");
1500
.permissions-panel span.corners-top span {
1501
background-image: url("../images/corners_right2.gif");
1504
.permissions-panel span.corners-bottom {
1505
background-image: url("../images/corners_left2.gif");
1508
.permissions-panel span.corners-bottom span {
1509
background-image: url("../images/corners_right2.gif");
1512
.permissions-panel span.corners-top, .permissions-panel span.corners-bottom,
1513
.permissions-panel span.corners-top span, .permissions-panel span.corners-bottom span {
1518
background-repeat: no-repeat;
1521
.permissions-panel span.corners-top {
1522
background-image: url("../images/corners_left2.gif");
1523
background-position: 0 0;
1527
.permissions-panel span.corners-top span {
1528
background-image: url("../images/corners_right2.gif");
1529
background-position: 100% 0;
1532
.permissions-panel span.corners-bottom {
1533
background-image: url("../images/corners_left2.gif");
1534
background-position: 0 100%;
1539
.permissions-panel span.corners-bottom span {
1540
background-image: url("../images/corners_right2.gif");
1541
background-position: 100% 100%;
1545
---------------------------------------- */
1546
.permissions-panel .tablewrap {
1550
.permissions-panel table {
1554
.permissions-panel th {
1555
text-transform: none;
1558
.permissions-panel th.value {
1562
.permissions-panel th.name {
1565
text-transform: none;
1568
.rtl .permissions-panel th.name {
1572
.permissions-panel th.permissions-name {
1575
font-weight: normal;
1578
.permissions-panel th.permissions-name a.trace {
1582
.permissions-panel th.row3 {
1583
background-image: none;
1584
background-color: #D1D7DC;
1589
.permissions-panel th.row4 {
1590
background-image: none;
1591
background-color: #E4E8EB;
1596
.permissions-panel th a:link, .permissions-panel th a:hover, .permissions-panel th a:visited {
1599
text-decoration: underline;
1602
.permissions-panel td.permissions-yes label:hover {
1603
background-color: #86F786;
1606
.permissions-panel td.permissions-no label:hover {
1607
background-color: #EFB0B2;
1610
.permissions-panel td.permissions-never label:hover {
1611
background-color: #DD0000;
1614
.permissions-panel td {
1620
.permissions-panel td label {
1626
/* Classes for additional tasks
1627
---------------------------------------- */
1635
.phpinfo td, .phpinfo th, .phpinfo h2, .phpinfo h1 {