Verzeichnisstruktur phpBB-3.1.0
- Veröffentlicht
- 27.10.2014
So funktioniert es
|
|
Auf das letzte Element klicken. Dies geht jeweils ein Schritt zurück |
Auf das Icon klicken, dies öffnet das Verzeichnis. Nochmal klicken schließt das Verzeichnis. |
|
|
(Beispiel Datei-Icons)
|
Auf das Icon klicken um den Quellcode anzuzeigen |
admin.css
0001 /* phpBB 3.1 Admin Style Sheet
0002 ------------------------------------------------------------------------
0003 Original author: subBlue ( http://www.subblue.com/ )
0004 Copyright (c) phpBB Limited <https://www.phpbb.com>
0005
0006 For full copyright and license information, please see
0007 the docs/CREDITS.txt file.
0008 ------------------------------------------------------------------------
0009 */
0010
0011 /* General markup styles
0012 ---------------------------------------- */
0013 * {
0014 /* Reset browsers default margin, padding and font sizes */
0015 margin: 0;
0016 padding: 0;
0017 font-size: 100%;
0018 }
0019
0020 body, div, p, th, td, li, dd {
0021 font-size: x-small;
0022 voice-family: "\"}\"";
0023 voice-family: inherit;
0024 font-size: small;
0025 }
0026
0027 html>body, html>div, html>p, html>th, html>td, html>li, html>dd {
0028 font-size: small;
0029 }
0030
0031 html {
0032 color: #536482;
0033 background: #DBD7D1;
0034 /* Always show a scrollbar for short pages - stops the jump when the scrollbar appears. non-ie browsers */
0035 height: 100%;
0036 margin-bottom: 1px;
0037 word-wrap: break-word;
0038 }
0039
0040 body {
0041 /* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
0042 font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
0043 color: #536482;
0044 background: #DBD7D1;
0045 font-size: 62.5%; /* This sets the default font size to be equivalent to 10px */
0046 margin: 10px 15px;
0047 }
0048
0049 code, samp {
0050 font-size: 1.2em;
0051 }
0052
0053 img {
0054 border: 0;
0055 }
0056
0057 h1 {
0058 font-family: "Trebuchet MS", Helvetica, sans-serif;
0059 font-size: 1.70em;
0060 font-weight: normal;
0061 color: #333333;
0062 }
0063
0064 h2, caption {
0065 font-family: "Trebuchet MS", Helvetica, sans-serif;
0066 font-size: 1.40em;
0067 font-weight: normal;
0068 color: #115098;
0069 text-align: left;
0070 margin-top: 25px;
0071 }
0072
0073 .rtl h2, .rtl caption {
0074 text-align: right;
0075 }
0076
0077 h3, h4 {
0078 font-family: "Trebuchet MS", Helvetica, sans-serif;
0079 font-size: 1.20em;
0080 text-decoration: none;
0081 line-height: 1.20em;
0082 margin-top: 25px;
0083 }
0084
0085 p {
0086 margin-bottom: 0.7em;
0087 line-height: 1.40em;
0088 font-size: 0.90em;
0089 }
0090
0091 ul {
0092 list-style: disc;
0093 margin: 0 0 1em 2em;
0094 }
0095
0096 .rtl ul {
0097 margin: 0 2em 1em 0;
0098 }
0099
0100 hr {
0101 border: 0 none;
0102 border-top: 1px dashed #999999;
0103 margin-bottom: 5px;
0104 padding-bottom: 5px;
0105 height: 1px;
0106 }
0107
0108 .centered-text {
0109 text-align: center;
0110 }
0111
0112 .search-box {
0113 float: left;
0114 }
0115
0116 .rtl .search-box {
0117 float: right;
0118 }
0119
0120 .small {
0121 font-size: 0.85em;
0122 }
0123
0124 .hidden {
0125 display: none;
0126 }
0127
0128 @media only screen and (max-width: 800px), only screen and (max-device-width: 800px)
0129 {
0130 body {
0131 margin: 5px 5px 0;
0132 }
0133 }
0134
0135 @media only screen and (max-width: 700px), only screen and (max-device-width: 700px)
0136 {
0137 html, body {
0138 height: auto;
0139 margin: 0;
0140 padding: 0;
0141 }
0142 }
0143
0144
0145 /* General links */
0146 a:link, a:visited {
0147 color: #105289;
0148 text-decoration: none;
0149 }
0150
0151 a:hover {
0152 color: #BC2A4D;
0153 text-decoration: underline;
0154 }
0155
0156 a:active {
0157 color: #368AD2;
0158 text-decoration: none;
0159 }
0160
0161 .install-body p a {
0162 font-weight: bold;
0163 }
0164
0165 a#maincontent, a#acl, a#assigned_to {
0166 display: block;
0167 }
0168
0169 /* List items */
0170 ul, ol {
0171 list-style-position: inside;
0172 margin-left: 1em;
0173 }
0174
0175 li {
0176 display: list-item;
0177 list-style-type: inherit;
0178 }
0179
0180
0181 /* Main blocks
0182 ---------------------------------------- */
0183 #wrap {
0184 padding: 0 0 15px 0;
0185 min-width: 615px;
0186 }
0187
0188 #page-header {
0189 text-align: right;
0190 background: url("../images/phpbb_logo.png") top left no-repeat;
0191 height: 54px;
0192 font-size: 0.85em;
0193 margin-bottom: 10px;
0194 }
0195
0196 .rtl #page-header {
0197 text-align: left;
0198 background: url("../images/phpbb_logo.png") top right no-repeat;
0199 }
0200
0201 #page-header h1 {
0202 color: #767676;
0203 font-family: "Trebuchet MS",Helvetica,sans-serif;
0204 font-size: 1.70em;
0205 padding-top: 10px;
0206 }
0207
0208 #page-header p {
0209 font-size: 1.00em;
0210 }
0211
0212 #page-header p#skip {
0213 display: none;
0214 }
0215
0216 #page-body {
0217 min-width: 650px;
0218 }
0219
0220 .copyright {
0221 font-size: 0.75em;
0222 text-align: center;
0223 }
0224
0225 #content {
0226 padding: 30px 10px 10px;
0227 position: relative;
0228 }
0229
0230 #content h1 {
0231 color: #115098;
0232 line-height: 1.2em;
0233 margin-bottom: 0;
0234 }
0235
0236 #main {
0237 float: right;
0238 width: 100%;
0239 margin: 0 0 0 -210px;
0240 }
0241
0242 .rtl #main {
0243 float: left;
0244 margin: 0 -210px 0 0;
0245 }
0246
0247 .main {
0248 margin-left: 210px;
0249 }
0250
0251 .rtl .main {
0252 margin-left: 0;
0253 margin-right: 210px;
0254 }
0255
0256 #page-body.simple-page-body {
0257 padding: 0;
0258 padding-right: 10px;
0259 min-width: 0;
0260 }
0261
0262 @media only screen and (max-width: 700px), only screen and (max-device-width: 700px)
0263 {
0264 #wrap, #page-body, #page-body.simple-page-body {
0265 padding: 0;
0266 min-width: 300px;
0267 }
0268
0269 #page-header {
0270 margin: 5px;
0271 padding-left: 160px;
0272 height: auto;
0273 min-height: 54px;
0274 overflow: hidden;
0275 }
0276
0277 .rtl #page-header {
0278 padding-right: 160px;
0279 padding-left: 0;
0280 }
0281
0282 #page-header h1 {
0283 font-size: 1.2em;
0284 white-space: nowrap;
0285 overflow: hidden;
0286 text-overflow: ellipsis;
0287 }
0288
0289 #page-header fieldset {
0290 margin-top: 5px;
0291 }
0292
0293 #main, .rtl #main, .main, .rtl .main {
0294 float: none;
0295 width: auto;
0296 margin: 0;
0297 }
0298
0299 #content {
0300 background: #F3F3F3 url("../images/innerbox_bg.gif") repeat-x top;
0301 padding: 5px;
0302 }
0303
0304 #page-footer {
0305 padding: 0 5px 5px;
0306 }
0307 }
0308
0309 @media only screen and (max-width: 400px), only screen and (max-device-width: 400px)
0310 {
0311 #page-header {
0312 background-size: 76px 26.5px;
0313 padding-left: 80px;
0314 min-height: 30px;
0315 }
0316
0317 .rtl #page-header {
0318 padding-right: 80px;
0319 }
0320
0321 #page-header h1 {
0322 padding-top: 0;
0323 font-size: 1.1em;
0324 }
0325 }
0326
0327
0328 /* Tabbed menu
0329 ----------------------------------------*/
0330 #tabs {
0331 font-family: Arial, Helvetica, sans-serif;
0332 line-height: normal;
0333 margin: 0 7px;
0334 position: relative;
0335 z-index: 2;
0336 }
0337
0338 #tabs > ul {
0339 list-style: none;
0340 margin: 0;
0341 padding: 0;
0342 }
0343
0344 #tabs .tab {
0345 display: inline-block;
0346 float: left;
0347 font-size: 0.85em;
0348 font-weight: bold;
0349 line-height: 14px;
0350 }
0351
0352 .rtl #tabs .tab {
0353 float: right;
0354 }
0355
0356 #tabs .tab > a {
0357 background: #D4D6DA;
0358 background: -moz-linear-gradient(top, #CACBCF 0%, #D4D6DA 100%);
0359 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #CACBCF), color-stop(100%, #D4D6DA));
0360 background: -webkit-linear-gradient(top, #CACBCF 0%, #D4D6DA 100%);
0361 background: -o-linear-gradient(top, #CACBCF 0%, #D4D6DA 100%);
0362 background: -ms-linear-gradient(top, #CACBCF 0%, #D4D6DA 100%);
0363 background: linear-gradient(to bottom, #CACBCF 0%, #D4D6DA 100%);
0364 border: 1px solid #BBB;
0365 border-bottom-width: 0;
0366 border-radius: 5px 5px 0 0;
0367 color: #767676;
0368 display: block;
0369 font-weight: bold;
0370 margin: 1px 1px 2px 0;
0371 padding: 6px 9px 4px;
0372 position: relative;
0373 text-decoration: none;
0374 text-transform: uppercase;
0375 white-space: nowrap;
0376 cursor: pointer;
0377 }
0378
0379 #tabs .tab > a:hover {
0380 background: #F1F1EE;
0381 border-color: #C0BFBB;
0382 color: #BC2A4D;
0383 }
0384
0385 #tabs .activetab > a,
0386 #tabs .activetab > a:hover {
0387 background: #DCDEE2;
0388 background: -moz-linear-gradient(top, #F2F2F2 0%, #DCDEE2 100%);
0389 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F2F2F2), color-stop(100%, #DCDEE2));
0390 background: -webkit-linear-gradient(top, #F2F2F2 0%, #DCDEE2 100%);
0391 background: -o-linear-gradient(top, #F2F2F2 0%, #DCDEE2 100%);
0392 background: -ms-linear-gradient(top, #F2F2F2 0%, #DCDEE2 100%);
0393 background: linear-gradient(to bottom, #F2F2F2 0%, #DCDEE2 100%);
0394 border-color: #999;
0395 border-bottom: 2px solid #DCDEE2;
0396 box-shadow: 0 1px 1px #FFF inset;
0397 color: #23649F;
0398 margin: 0 1px 0 0;
0399 padding: 7px 10px 4px;
0400 }
0401
0402 #tabs .activetab > a:hover {
0403 color: #115098;
0404 }
0405
0406 /* Responsive tabs
0407 ----------------------------------------*/
0408 .responsive-tab {
0409 position: relative;
0410 }
0411
0412 .responsive-tab > a.responsive-tab-link {
0413 display: block;
0414 font-size: 16px;
0415 position: relative;
0416 width: 16px;
0417 line-height: 14px;
0418 text-decoration: none;
0419 padding-left: 9px !important;
0420 padding-right: 9px !important;
0421 }
0422
0423 .responsive-tab .responsive-tab-link:before {
0424 content: '';
0425 position: absolute;
0426 left: 10px;
0427 top: 7px;
0428 height: .125em;
0429 width: 14px;
0430 border-bottom: 0.125em solid #767676;
0431 border-top: 0.375em double #767676;
0432 }
0433
0434 .responsive-tab .responsive-tab-link:hover:before {
0435 border-color: #BC2A4D;
0436 }
0437
0438 .responsive-tab.activetab .responsive-tab-link:before {
0439 border-color: #23649F;
0440 }
0441
0442 .responsive-tab.activetab .responsive-tab-link:hover:before {
0443 border-color: #115098;
0444 }
0445
0446 #tabs .dropdown, #minitabs .dropdown {
0447 top: 20px;
0448 margin-right: -2px;
0449 font-weight: normal;
0450 }
0451
0452 #tabs .dropdown-right .dropdown {
0453 margin-left: -2px;
0454 }
0455
0456 #tabs .dropdown-contents {
0457 list-style: none;
0458 margin: 0;
0459 }
0460
0461 #tabs .dropdown li {
0462 border-bottom: 1px dotted #DCDCDC;
0463 }
0464
0465 #tabs .dropdown li:last-child {
0466 border-bottom: none;
0467 }
0468
0469 #tabs .dropdown a {
0470 display: block;
0471 padding: 4px 8px;
0472 text-align: right;
0473 }
0474
0475 /* Main Panel
0476 ---------------------------------------- */
0477 #acp {
0478 position: relative;
0479 top: -2px;
0480 margin: 0 0 2px;
0481 padding: 3px 1px;
0482 min-width: 550px;
0483 background: #F3F3F3 url("../images/innerbox_bg.gif") repeat-x top;
0484 border: 1px #999999 solid;
0485 border-radius: 5px;
0486 box-shadow: #FFF 0 0 0 1px inset;
0487 }
0488
0489 #acp:first-child {
0490 top: 0;
0491 }
0492
0493 .panel {
0494 background: #F3F3F3 url("../images/innerbox_bg.gif") repeat-x top;
0495 padding: 5px 0;
0496 border-radius: 5px;
0497 overflow: hidden;
0498 }
0499
0500 @media only screen and (max-width: 700px), only screen and (max-device-width: 700px)
0501 {
0502 #acp {
0503 min-width: 0;
0504 min-height: 0;
0505 border-radius: 0;
0506 border-width: 1px 0;
0507 background: #fff;
0508 padding: 1px 0;
0509 box-shadow: none;
0510 }
0511 }
0512
0513 /* Sub-navigation Menu
0514 ---------------------------------------- */
0515
0516 /* Menu */
0517 #menu {
0518 float: left;
0519 width: 200px;
0520 font-size: 1.00em;
0521 padding: 0;
0522 border-right: 1px solid #CCCFD3;
0523 position: relative;
0524 z-index: 1;
0525 }
0526
0527 .rtl #menu {
0528 float: right;
0529 border: none;
0530 border-left: 1px solid #CCCFD3;
0531 }
0532
0533 #menu p {
0534 font-size: 0.85em;
0535 }
0536
0537 #menu ul {
0538 list-style: none;
0539 margin: 0;
0540 padding: 0;
0541 word-wrap: normal;
0542 }
0543
0544 /* Default list state */
0545 #menu li, #menu .header {
0546 padding: 0;
0547 margin: 0;
0548 font-size: 0.85em;
0549 font-weight: bold;
0550 display: block;
0551 }
0552
0553 /* Link styles for the sub-section links */
0554 #menu li span {
0555 display: block;
0556 padding: 3px 3px 3px 8px;
0557 margin: 1px 0;
0558 text-decoration: none;
0559 font-weight: normal;
0560 color: #138ECB;
0561 }
0562
0563 .rtl #menu li span {
0564 padding: 3px 8px 3px 3px;
0565 }
0566
0567 #menu li a:hover, #menu li a:hover span {
0568 text-decoration: none;
0569 background-color: #FFFFFF;
0570 color: #BC2A4D;
0571 }
0572
0573 #menu li a:active, #menu li a:active span {
0574 color: #F632A0;
0575 }
0576
0577 #menu li#activemenu a span {
0578 text-decoration: none;
0579 font-weight: bold;
0580 color: #1180B7;
0581 background: transparent url("../images/arrow_right.gif") 0% 50% no-repeat;
0582 }
0583
0584 .rtl #menu li#activemenu a span {
0585 background: transparent url("../images/arrow_left.gif") 100% 50% no-repeat;
0586 }
0587
0588 #menu li#activemenu a:hover span, #menu li#activemenu span {
0589 text-decoration: none;
0590 font-weight: bold;
0591 color: #BC2A4D;
0592 background: #FFFFFF url("../images/arrow_right.gif") 1% 50% no-repeat;
0593 }
0594
0595 .rtl #menu li#activemenu a:hover span, .rtl #menu li#activemenu span {
0596 background: #FFFFFF url("../images/arrow_left.gif") 99% 50% no-repeat;
0597 }
0598
0599 #menu li a:active, #menu li a:active span, #menu li#activemenu a:active span {
0600 color: #F632A0;
0601 }
0602
0603 #menu li span.completed {
0604 text-decoration: none;
0605 padding: 3px 3px 3px 12px;
0606 background: url("../images/arrow_down.gif") 1% 50% no-repeat;
0607 }
0608
0609 .rtl #menu li span.completed {
0610 text-decoration: none;
0611 padding: 3px 12px 3px 3px;
0612 background: url("../images/arrow_down.gif") 99% 50% no-repeat;
0613 }
0614
0615 #menu .header {
0616 font-family: Tahoma, Helvetica, sans-serif;
0617 display: block;
0618 font-weight: bold;
0619 color: #115098;
0620 border-bottom: 1px solid #327AA5;
0621 padding: 4px 0 2px;
0622 margin-top: 15px;
0623 text-transform: uppercase;
0624 font-size: 0.75em;
0625 text-decoration: none;
0626 cursor: inherit;
0627 outline-style: none;
0628 }
0629
0630 @media only screen and (max-width: 700px), only screen and (max-device-width: 700px)
0631 {
0632 #menu, .rtl #menu {
0633 float: none;
0634 width: auto;
0635 border-width: 0;
0636 max-width: 200px;
0637 margin: 0 auto 10px;
0638 }
0639
0640 #menu p {
0641 text-align: center;
0642 }
0643
0644 #menu .menu-block.active {
0645 margin: 0 -5px;
0646 padding: 0 5px 3px;
0647 background: rgba(255, 255, 255, .5);
0648 border-radius: 5px;
0649 }
0650
0651 #menu .menu-block.no-header.active {
0652 padding-top: 3px;
0653 }
0654
0655 #menu .menu-block .header {
0656 margin-top: 5px;
0657 cursor: pointer;
0658 border-bottom-width: 0;
0659 position: relative;
0660 text-decoration: underline;
0661 }
0662
0663 #menu .menu-block .header:focus, #menu .menu-block.active .header {
0664 color: #D31141;
0665 text-decoration: none;
0666 }
0667
0668 #menu .menu-block ul {
0669 display: none;
0670 }
0671
0672 .nojs #menu .menu-block:hover ul, #menu .menu-block.active ul, #menu .menu-block.no-header ul {
0673 display: block;
0674 }
0675
0676 #menu .menu-block li:last-child {
0677 border-bottom: 1px solid #327AA5;
0678 }
0679
0680 #menu .menu-block:last-child li:last-child, #menu .menu-block.active li:last-child {
0681 border-bottom-width: 0;
0682 }
0683
0684 #menu .menu-block li a span {
0685 border-radius: 2px;
0686 }
0687 }
0688
0689
0690 /* Table styles
0691 ---------------------------------------- */
0692
0693 table {
0694 width: 100%;
0695 border: 1px solid #CCCFD3;
0696 background-color: #FFFFFF;
0697 padding: 1px;
0698 }
0699
0700 th {
0701 padding: 3px 4px;
0702 color: #FFFFFF;
0703 background: #70AED3 url("../images/gradient2b.gif") bottom left repeat-x;
0704 border-top: 1px solid #6DACD2;
0705 border-bottom: 1px solid #327AA5;
0706 text-align: left;
0707 font-size: 0.75em;
0708 text-transform: uppercase;
0709 }
0710
0711 td {
0712 text-align: left;
0713 font-size: 0.85em;
0714 padding: 4px;
0715 line-height: 1.20em;
0716 }
0717
0718 .rtl th, .rtl td {
0719 text-align: right;
0720 }
0721
0722 .table1 {
0723 border-collapse: separate;
0724 border-spacing: 1px;
0725 clear: both;
0726 }
0727
0728 dt#color_palette_placeholder table {
0729 margin-right: 5px;
0730 width: 80px;
0731 }
0732
0733 #color_palette_placeholder td {
0734 padding: 0;
0735 }
0736
0737 table.type2 {
0738 border: none;
0739 background: none;
0740 padding: 0;
0741 }
0742
0743 table.type2 th {
0744 background: none;
0745 border-top: none;
0746 text-align: center;
0747 color: #115098;
0748 padding: 2px 0;
0749 }
0750
0751 table.type2 td {
0752 padding: 0;
0753 font-size: 1em;
0754 }
0755
0756 table.type2 td.name {
0757 padding: 2px;
0758 vertical-align: middle;
0759 }
0760
0761 table.type3 {
0762 float: right;
0763 width: 300px;
0764 border: none;
0765 background-color: transparent;
0766 padding: 0;
0767 }
0768
0769 .rtl table.type3 {
0770 float: left;
0771 }
0772
0773 table.type3 thead th {
0774 background-color: transparent;
0775 border-top: none;
0776 text-align: center;
0777 color: #115098;
0778 padding: 0 3px;
0779 font-size: 0.85em;
0780 font-weight: normal;
0781 text-transform: none;
0782 }
0783
0784 table.type3 tbody th {
0785 border-top: none;
0786 text-align: left;
0787 text-transform: none;
0788 padding: 0;
0789 border: none;
0790 font-size: 0.90em;
0791 font-weight: normal;
0792 width: 100%;
0793 }
0794
0795 .rtl table.type3 tbody th {
0796 text-align: right;
0797 }
0798
0799 table.type3 td {
0800 text-align: center;
0801 padding: 1px;
0802 }
0803
0804 th.name {
0805 text-align: left;
0806 width: auto;
0807 }
0808
0809 .rtl th.name {
0810 text-align: right;
0811 }
0812
0813 td.name {
0814 text-align: left;
0815 font-weight: bold;
0816 }
0817
0818 .rtl td.name {
0819 text-align: right;
0820 }
0821
0822 .entry {
0823 text-align: left;
0824 font-weight: normal;
0825 }
0826
0827 .rtl .entry {
0828 text-align: right;
0829 }
0830
0831 .row1 {
0832 background-color: #F9F9F9;
0833 }
0834
0835 table.zebra-table tbody tr:nth-child(odd) {
0836 background-color: #F9F9F9;
0837 }
0838
0839 .row2 {
0840 background-color: #DCEBFE;
0841 }
0842
0843 table.zebra-table tbody tr:nth-child(even) {
0844 background-color: #DCEBFE;
0845 }
0846
0847 .row3 { background-color: #DBDFE2; }
0848 .row4 { background-color: #E4E8EB; }
0849 .col1 { background-color: #DCEBFE; }
0850 .col2 { background-color: #F9F9F9; }
0851
0852 /* 4 row background colours for trees */
0853 .row1a { background-color: #F9F9F9; }
0854 .row1b { background-color: #F6F6F6; }
0855 .row2a { background-color: #E7EEF4; }
0856 .row2b { background-color: #E3EBF2; }
0857
0858 .spacer {
0859 background-color: #DBDFE2;
0860 height: 1px;
0861 line-height: 1px;
0862 }
0863
0864 /* Deactivated row */
0865 .row-inactive {
0866 color: #999;
0867 }
0868 .row-inactive a, .row-inactive strong {
0869 color: #888;
0870 }
0871 .row-inactive a:hover {
0872 color: #BC2A4D;
0873 }
0874
0875 /* Specific tables */
0876 table.forums td.folder {
0877 width: 27px;
0878 text-align: center;
0879 }
0880
0881 table td.actions {
0882 vertical-align: middle;
0883 width: 100px;
0884 text-align: center;
0885 white-space: nowrap;
0886 }
0887
0888 table tr:first-child td.actions .up, table tr:last-child td.actions .down {
0889 display: none;
0890 }
0891
0892 table tr:first-child td.actions .up-disabled, table tr:last-child td.actions .down-disabled {
0893 display: inline !important;
0894 }
0895
0896 table.styles td.users, table td.mark {
0897 text-align: center;
0898 }
0899
0900 table.fixed-width-table {
0901 table-layout: fixed;
0902 word-break: break-word;
0903 }
0904
0905 @media only screen and (max-width: 700px), only screen and (max-device-width: 700px)
0906 {
0907 table.responsive, table.responsive tbody, table.responsive tr, table.responsive td {
0908 display: block;
0909 }
0910
0911 table.responsive thead, table.responsive th, table.responsive colgroup {
0912 display: none;
0913 }
0914
0915 table.responsive.show-header thead, table.responsive.show-header th:first-child, table.responsive caption {
0916 display: block;
0917 width: auto !important;
0918 text-align: left !important;
0919 margin: 0;
0920 }
0921
0922 table.responsive {
0923 background: transparent none;
0924 border-width: 0;
0925 padding: 0;
0926 }
0927
0928 table.responsive caption {
0929 padding: 3px 4px;
0930 color: #FFFFFF;
0931 background: #70AED3 url("../images/gradient2b.gif") bottom left repeat-x;
0932 border-top: 1px solid #6DACD2;
0933 border-bottom: 1px solid #327AA5;
0934 text-align: left;
0935 font-size: 0.75em;
0936 font-weight: bold;
0937 text-transform: uppercase;
0938 }
0939
0940 table.responsive.show-header th:first-child span.rank-img, table.responsive.no-caption caption, table.responsive.no-header thead {
0941 display: none;
0942 }
0943
0944 table.responsive tr {
0945 margin: 2px 0;
0946 border: 1px solid #CCCFD3;
0947 background-color: #FFFFFF;
0948 padding: 1px 1px 0;
0949 overflow: hidden;
0950 }
0951
0952 table.responsive tr.row1 td { background-color: #F9F9F9; }
0953 table.responsive tr.row2 td { background-color: #DCEBFE; }
0954 table.responsive tr.row3 td { background-color: #DBDFE2; }
0955 table.responsive tr.row4 td { background-color: #E4E8EB; }
0956 table.responsive tr.col1 td { background-color: #DCEBFE; }
0957 table.responsive tr.col2 td { background-color: #F9F9F9; }
0958 table.responsive tr.row1a td { background-color: #F9F9F9; }
0959 table.responsive tr.row1b td { background-color: #F6F6F6; }
0960 table.responsive tr.row2a td { background-color: #E7EEF4; }
0961 table.responsive tr.row2b td { background-color: #E3EBF2; }
0962
0963 table.responsive td {
0964 width: auto !important;
0965 text-align: left !important;
0966 padding: 4px;
0967 margin-bottom: 1px;
0968 }
0969
0970 .rtl table.responsive td {
0971 text-align: right !important;
0972 }
0973
0974 table.responsive td.empty {
0975 display: none !important;
0976 }
0977
0978 table.responsive td > dfn {
0979 display: inline-block !important;
0980 }
0981
0982 table.responsive td > dfn:after {
0983 content: ':';
0984 padding-right: 5px;
0985 }
0986
0987 table.responsive.two-columns td {
0988 width: 50% !important;
0989 float: left;
0990 -moz-box-sizing: border-box;
0991 box-sizing: border-box;
0992 }
0993
0994 .rtl table.responsive.two-columns td {
0995 float: right;
0996 }
0997
0998 table.responsive.two-columns td:nth-child(2n+1) {
0999 clear: left;
1000 }
1001
1002 table.responsive span.rank-img {
1003 float: none;
1004 padding-right: 5px;
1005 }
1006
1007 table.responsive#memberlist td:first-child input[type="checkbox"] {
1008 float: right;
1009 }
1010
1011 /* Specific tables */
1012 table.responsive.forums td.folder {
1013 float: left;
1014 width: 27px;
1015 background: transparent;
1016 }
1017 .rtl table.responsive.forums td.folder {
1018 float: right;
1019 }
1020
1021 table.responsive.forums td.forum-desc {
1022 margin-left: 35px;
1023 min-height: 27px;
1024 background: transparent;
1025 }
1026
1027 .rtl table.responsive.forums td.forum-desc {
1028 margin-left: 0;
1029 margin-right: 35px;
1030 }
1031
1032 table.responsive td.actions {
1033 clear: both;
1034 text-align: right !important;
1035 }
1036
1037 .rtl table.responsive td.actions {
1038 text-align: left !important;
1039 }
1040
1041 table.responsive.styles tr.responsive-style-row td:first-child {
1042 padding-left: 4px !important;
1043 padding-right: 4px !important;
1044 }
1045
1046 table.responsive.styles td:first-child > dfn, table.responsive td.actions > dfn {
1047 display: none !important;
1048 }
1049
1050 .horizontal-palette td:nth-child(2n), .vertical-palette tr:nth-child(2n) {
1051 display: none;
1052 }
1053
1054 .colour-palette a {
1055 display: inline-block !important;
1056 }
1057 }
1058
1059 /* General form styles
1060 ----------------------------------------*/
1061 fieldset {
1062 margin: 15px 0;
1063 padding: 10px;
1064 border-top: 1px solid #D7D7D7;
1065 border-right: 1px solid #CCCCCC;
1066 border-bottom: 1px solid #CCCCCC;
1067 border-left: 1px solid #D7D7D7;
1068 background-color: #FFFFFF;
1069 position: relative;
1070 border-radius: 3px;
1071 }
1072
1073 fieldset h2 {
1074 margin-top: 0;
1075 }
1076
1077 .rtl fieldset {
1078 border-top: 1px solid #D7D7D7;
1079 border-right: 1px solid #D7D7D7;
1080 border-bottom: 1px solid #CCCCCC;
1081 border-left: 1px solid #CCCCCC;
1082 }
1083
1084 fieldset p {
1085 font-size: 0.85em;
1086 }
1087
1088 legend {
1089 padding: 1px 0;
1090 font-family: Tahoma,arial,Verdana,Sans-serif;
1091 font-size: .9em;
1092 font-weight: bold;
1093 color: #115098;
1094 margin-top: -.4em;
1095 position: relative;
1096 text-transform: none;
1097 line-height: 1.2em;
1098 top: -.2em;
1099 vertical-align: middle;
1100 }
1101
1102 input, textarea {
1103 font-family: Verdana, Helvetica, Arial, sans-serif;
1104 font-size: 0.90em;
1105 font-weight: normal;
1106 vertical-align: middle;
1107 padding: 2px;
1108 color: #111111;
1109 border-left: 1px solid #AFAEAA;
1110 border-top: 1px solid #AFAEAA;
1111 border-right: 1px solid #D5D5C8;
1112 border-bottom: 1px solid #D5D5C8;
1113 background-color: #E3DFD8;
1114 }
1115
1116 .rtl input, .rtl textarea {
1117 border-left: 1px solid #D5D5C8;
1118 border-top: 1px solid #AFAEAA;
1119 border-right: 1px solid #AFAEAA;
1120 border-bottom: 1px solid #D5D5C8;
1121 }
1122
1123 input:hover, textarea:hover {
1124 border-left: 1px solid #AFAEAA;
1125 border-top: 1px solid #AFAEAA;
1126 border-right: 1px solid #AFAEAA;
1127 border-bottom: 1px solid #AFAEAA;
1128 background-color: #E9E9E2;
1129 }
1130
1131 input.langvalue, textarea.langvalue {
1132 width: 90%;
1133 }
1134
1135 input[type="number"] {
1136 width: 60px;
1137 -moz-padding-end: 0;
1138 }
1139
1140 optgroup, select {
1141 background-color: #FAFAFA;
1142 border: 1px solid #666666;
1143 font-family: Verdana, Helvetica, Arial, sans-serif;
1144 font-size: 0.85em;
1145 font-weight: normal;
1146 font-style: normal;
1147 cursor: pointer;
1148 padding: 1px;
1149 vertical-align: middle;
1150 width: auto;
1151 color: #000;
1152 }
1153
1154 select:focus {
1155 outline-style: none;
1156 }
1157
1158 optgroup {
1159 font-size: 1.00em;
1160 font-weight: bold;
1161 }
1162
1163 optgroup.disabled-options {
1164 display: none;
1165 background-color: gray;
1166 }
1167
1168 option {
1169 padding: 0 1em 0 0;
1170 color: #000;
1171 }
1172
1173 option.disabled-option {
1174 color: graytext;
1175 }
1176
1177 .rtl option {
1178 padding: 0 0 0 1em;
1179 }
1180
1181 .sep {
1182 font-weight: bold;
1183 }
1184
1185 .username-coloured {
1186 font-weight: bold;
1187 }
1188
1189 textarea {
1190 font-family: Verdana, Helvetica, Arial, sans-serif;
1191 font-size: 0.85em;
1192 width: 60%;
1193 padding: 2px;
1194 }
1195
1196 label {
1197 cursor: pointer;
1198 font-size: 0.85em;
1199 padding: 0 5px 0 0;
1200 }
1201
1202 .rtl label {
1203 padding: 0 0 0 5px;
1204 }
1205
1206 label input {
1207 font-size: 1.00em;
1208 vertical-align: middle;
1209 }
1210
1211 label img {
1212 vertical-align: middle;
1213 }
1214
1215 fieldset.quick, p.quick {
1216 margin: 0 0 5px;
1217 padding: 5px 0 0;
1218 border: none;
1219 background-color: transparent;
1220 text-align: right;
1221 }
1222
1223 .rtl fieldset.quick, .rtl p.quick {
1224 text-align: left;
1225 }
1226
1227 fieldset.quick legend {
1228 display: none;
1229 }
1230
1231 fieldset.tabulated {
1232 background: none;
1233 margin: 0;
1234 margin-top: 5px;
1235 padding: 0;
1236 border: 0;
1237 }
1238
1239 fieldset.tabulated legend {
1240 display: none;
1241 }
1242
1243 fieldset.nobg {
1244 margin: 15px 0 0 0;
1245 padding: 0;
1246 border: none;
1247 background-color: transparent;
1248 }
1249
1250 fieldset.display-options {
1251 margin: 15px 0 2px 0;
1252 padding: 0 0 4px 0;
1253 border: none;
1254 background-color: transparent;
1255 text-align: center;
1256 font-size: 0.85em;
1257 }
1258
1259 fieldset.display-options select, fieldset.display-options input, fieldset.display-options label {
1260 font-size: 1.00em;
1261 vertical-align: middle;
1262 }
1263
1264 select option.disabled {
1265 background-color: #bbb;
1266 color: #fff;
1267 }
1268
1269 /* Special case inputs */
1270 select#board_timezone,
1271 select#full_folder_action {
1272 width: 95%;
1273 }
1274
1275 @media only screen and (max-width: 700px), only screen and (max-device-width: 700px)
1276 {
1277 fieldset {
1278 padding: 5px;
1279 }
1280
1281 fieldset.quick, p.quick {
1282 float: none !important;
1283 text-align: center;
1284 }
1285
1286 fieldset.display-options {
1287 clear: both;
1288 }
1289 }
1290
1291 /* Definition list layout for forms
1292 Other general def. list properties defined in prosilver_main.css
1293 ---------------------------------------- */
1294 dl {
1295 font-family: Verdana, Helvetica, Arial, sans-serif;
1296 font-size: 1.00em;
1297 }
1298
1299 dt {
1300 float: left;
1301 width: auto;
1302 }
1303
1304 .rtl dt {
1305 float: right;
1306 }
1307
1308 dd { color: #666666;}
1309 dd + dd { padding-top: 5px;}
1310 dt span { padding: 0 5px 0 0;}
1311 .rtl dt span { padding: 0 0 0 5px;}
1312
1313 dt .explain { font-style: italic;}
1314
1315 dt label {
1316 font-size: 1.00em;
1317 text-align: left;
1318 font-weight: bold;
1319 color: #4A5A73;
1320 }
1321
1322 .rtl dt label {
1323 text-align: right;
1324 }
1325
1326 dd label {
1327 font-size: 1.00em;
1328 white-space: nowrap;
1329 margin: 0 10px 0 0;
1330 color: #4A5A73;
1331 }
1332
1333 .rtl dd label {
1334 margin: 0 0 0 10px;
1335 }
1336
1337 html>body dd label input { vertical-align: text-bottom;} /* Tweak for Moz to align checkboxes/radio buttons nicely */
1338
1339 dd input {
1340 font-size: 1.00em;
1341 max-width: 100%;
1342 margin: 2px 0;
1343 }
1344
1345 dd select {
1346 font-size: 100%;
1347 font-size: 1em;
1348 width: auto;
1349 max-width: 100%;
1350 margin: 2px 0;
1351 }
1352
1353 dd textarea {
1354 font-size: 0.90em;
1355 width: 90%;
1356 }
1357
1358 fieldset dl {
1359 margin-bottom: 10px;
1360 font-size: 0.85em;
1361 }
1362
1363 fieldset dt {
1364 width: 45%;
1365 text-align: left;
1366 border: none;
1367 border-right: 1px solid #CCCCCC;
1368 padding-top: 3px;
1369 }
1370
1371 .rtl fieldset dt {
1372 text-align: right;
1373 border: none;
1374 border-left: 1px solid #CCCCCC;
1375 }
1376
1377 fieldset #color_palette_placeholder {
1378 padding-top: 0;
1379 }
1380
1381 fieldset dd {
1382 margin: 0 0 0 45%;
1383 padding: 0 0 0 5px;
1384 border: none;
1385 border-left: 1px solid #CCCCCC;
1386 vertical-align: top;
1387 font-size: 1.00em;
1388 }
1389
1390 .rtl fieldset dd {
1391 margin: 0 45% 0 0;
1392 padding: 0 5px 0 0;
1393 border: none;
1394 border-right: 1px solid #CCCCCC;
1395 }
1396
1397 dd.full, .rtl dd.full {
1398 margin: 0;
1399 border: 0;
1400 padding: 0;
1401 padding-top: 3px;
1402 text-align: center;
1403 width: 95%;
1404 }
1405
1406 /* Hover highlights for form rows */
1407 fieldset dl:hover dt, fieldset dl:hover dd {
1408 border-color: #666666;
1409 }
1410
1411 fieldset dl:hover dt label {
1412 color: #000000;
1413 }
1414
1415 fieldset dl dd label:hover {
1416 color: #BC2A4D;
1417 }
1418
1419 input:focus, textarea:focus {
1420 border: 1px solid #BC2A4D;
1421 background-color: #E9E9E2;
1422 color: #BC2A4D;
1423 outline-style: none;
1424 }
1425
1426 @media only screen and (max-width: 700px), only screen and (max-device-width: 700px)
1427 {
1428 fieldset dl {
1429 margin-bottom: 5px;
1430 padding-bottom: 5px;
1431 border-bottom: 1px solid #e8e8e8;
1432 }
1433
1434 fieldset > dl:last-child, fieldset > form:last-child > dl:last-child {
1435 border-bottom-width: 0;
1436 margin-bottom: 0;
1437 }
1438
1439 fieldset dt, .rtl fieldset dt, fieldset dd, .rtl fieldset dd {
1440 border-width: 0;
1441 margin-left: 0;
1442 margin-right: 0;
1443 float: none;
1444 width: auto;
1445 }
1446
1447 fieldset .responsive-columns dt {
1448 float: left;
1449 }
1450
1451 .ltr fieldset dd {
1452 padding-left: 20px;
1453 }
1454
1455 .rtl fieldset dd {
1456 padding-right: 20px;
1457 }
1458
1459 select, dd select, dd input {
1460 max-width: 300px;
1461 }
1462
1463 input[type="number"], dd input[type="number"] {
1464 max-width: 70px;
1465 }
1466 }
1467
1468 @media only screen and (max-width: 400px), only screen and (max-device-width: 400px)
1469 {
1470 select, dd select, dd input {
1471 max-width: 240px;
1472 }
1473 }
1474
1475 /* Submit button fieldset or paragraph
1476 ---------------------------------------- */
1477 fieldset.submit-buttons {
1478 text-align: center;
1479 border: none;
1480 background-color: transparent;
1481 margin: 0;
1482 padding: 4px;
1483 margin-top: -1px;
1484 }
1485
1486 p.submit-buttons {
1487 text-align: center;
1488 margin: 0;
1489 padding: 4px;
1490 margin-top: 10px;
1491 }
1492
1493 fieldset.submit-buttons input, p.submit-buttons input {
1494 padding: 3px 2px;
1495 }
1496
1497 fieldset.submit-buttons legend {
1498 display: none;
1499 }
1500
1501 @media only screen and (max-width: 700px), only screen and (max-device-width: 700px)
1502 {
1503 p.submit-buttons {
1504 margin-top: 0;
1505 }
1506 }
1507
1508 /* Input field styles
1509 ---------------------------------------- */
1510
1511 input.radio, input.checkbox, input.permissions-checkbox {
1512 width: auto !important;
1513 background-color: transparent;
1514 border: none;
1515 cursor: pointer;
1516 }
1517
1518 input.full,
1519 textarea.full {
1520 width: 99%;
1521 }
1522
1523 input.medium { width: 50%;}
1524 input.narrow { width: 25%;}
1525 input.tiny { width: 10%;}
1526 input.autowidth { width: auto !important;}
1527 .box2 .inputbox { background-color: #E9E9E9;}
1528
1529 /* Form button styles
1530 ---------------------------------------- */
1531 a.button1, input.button1,
1532 a.button2, input.button2 {
1533 width: auto !important;
1534 padding: 1px 3px 0 3px;
1535 font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
1536 color: #000;
1537 font-size: 0.85em;
1538 background: #EFEFEF url("../images/bg_button.gif") repeat-x top;
1539 cursor: pointer;
1540 }
1541
1542 a.button1, input.button1 {
1543 font-weight: bold;
1544 border: 1px solid #666666;
1545 }
1546
1547 /* Alternative button */
1548 a.button2, input.button2 {
1549 border: 1px solid #666666;
1550 }
1551
1552 /* <a> button in the style of the form buttons */
1553 a.button1, a.button1:link, a.button1:visited, a.button1:active,
1554 a.button2, a.button2:link, a.button2:visited, a.button2:active {
1555 text-decoration: none;
1556 color: #000000;
1557 padding: 4px 8px;
1558 }
1559
1560 /* Hover states */
1561 a.button1:hover, input.button1:hover,
1562 a.button2:hover, input.button2:hover {
1563 border: 1px solid #BC2A4D;
1564 background: #EFEFEF url("../images/bg_button.gif") repeat bottom;
1565 color: #BC2A4D;
1566 }
1567
1568 input.disabled {
1569 font-weight: normal;
1570 color: #666666;
1571 }
1572
1573 /* Focus states */
1574 input.button1:focus, input.button2:focus {
1575 outline-style: none;
1576 }
1577
1578 /* jQuery popups
1579 ---------------------------------------- */
1580 .phpbb_alert {
1581 background-color: #FFFFFF;
1582 border: 1px solid #999999;
1583 position: fixed;
1584 display: none;
1585 top: 150px;
1586 left: 0;
1587 right: 0;
1588 width: 620px;
1589 margin: 0 auto;
1590 z-index: 50;
1591 padding: 25px;
1592 padding: 0 25px 20px 25px;
1593 }
1594
1595 .phpbb_alert .alert_close {
1596 display: block;
1597 float: right;
1598 width: 16px;
1599 height: 16px;
1600 overflow: hidden;
1601 text-decoration: none !important;
1602 background: transparent url("../images/alert_close.png") 0 0 no-repeat;
1603 margin-top: -7px;
1604 margin-right: -31px;
1605 }
1606 .phpbb_alert .alert_close:hover {
1607 background-position: 0 -16px;
1608 }
1609
1610
1611 .phpbb_alert p {
1612 margin: 8px 0;
1613 padding-bottom: 8px;
1614 }
1615
1616 .phpbb_alert label {
1617 display: block;
1618 margin: 8px 0;
1619 padding-bottom: 8px;
1620 }
1621
1622 .phpbb_alert div.alert_text > p,
1623 .phpbb_alert div.alert_text > label,
1624 .phpbb_alert div.alert_text > select,
1625 .phpbb_alert div.alert_text > textarea,
1626 .phpbb_alert div.alert_text > input {
1627 font-size: 0.9em;
1628 }
1629
1630 #darkenwrapper {
1631 display: none;
1632 position: relative;
1633 z-index: 44;
1634 }
1635
1636 #darken {
1637 position: fixed;
1638 left: 0;
1639 top: 0;
1640 width: 100%;
1641 height: 100%;
1642 background-color: #000000;
1643 opacity: 0.5;
1644 z-index: 45;
1645 }
1646
1647 @media only screen and (max-height: 500px), only screen and (max-device-width: 500px)
1648 {
1649 .phpbb_alert {
1650 top: 25px;
1651 }
1652 }
1653
1654 @media only screen and (max-width: 700px), only screen and (max-device-width: 700px)
1655 {
1656 .phpbb_alert {
1657 width: auto;
1658 margin: 0 25px;
1659 }
1660 }
1661
1662 #loading_indicator {
1663 background: #000000 url("../images/loading.gif") center center no-repeat;
1664 border-radius: 5px;
1665 display: none;
1666 opacity: 0.8;
1667 margin-top: -50px;
1668 margin-left: -50px;
1669 height: 50px;
1670 width: 50px;
1671 position: fixed;
1672 left: 50%;
1673 top: 50%;
1674 z-index: 51;
1675 }
1676
1677 /* Pagination
1678 ---------------------------------------- */
1679 .pagination {
1680 font-size: .85em;
1681 height: 1%; /* IE tweak (holly hack) */
1682 width: auto;
1683 text-align: right;
1684 margin: 5px 0;
1685 }
1686
1687 .top-pagination {
1688 float: right;
1689 margin: 15px 0 5px 0;
1690 }
1691
1692 .rtl .pagination {
1693 text-align: left;
1694 float: left;
1695 }
1696
1697 li.pagination {
1698 margin-top: 0;
1699 }
1700
1701 .pagination img {
1702 vertical-align: middle;
1703 }
1704
1705 .pagination ul {
1706 display: inline-block;
1707 *display: inline; /* IE7 inline-block hack */
1708 *zoom: 1;
1709 margin-left: 0;
1710 margin-bottom: 0;
1711 }
1712
1713 li.pagination ul {
1714 margin-top: -2px;
1715 vertical-align: middle;
1716 }
1717
1718 .pagination ul li, dl .pagination ul li, dl.icon .pagination ul li {
1719 display: inline;
1720 padding: 0;
1721 font-size: 100%;
1722 line-height: normal;
1723 }
1724
1725 .pagination li a, .pagnation li span, li .pagination li a, li .pagnation li span, .pagination li.active span, .pagination li.ellipsis span {
1726 font-weight: normal;
1727 text-decoration: none;
1728 padding: 0 2px;
1729 border: 1px solid transparent;
1730 font-size: 0.9em;
1731 line-height: 1.5em;
1732 }
1733
1734 .pagination li a, .pagination li a:link, .pagination li a:visited {
1735 color: #5C758C;
1736 background-color: #ECEDEE;
1737 border-color: #B4BAC0;
1738 }
1739
1740 .pagination li.ellipsis span {
1741 background-color: transparent;
1742 color: #000000;
1743 }
1744
1745 .pagination li.active span {
1746 color: #FFFFFF;
1747 background-color: #4692BF;
1748 border-color: #4692BF;
1749 }
1750
1751 .pagination li a:hover, .pagination .active a:hover {
1752 color: #FFFFFF;
1753 background-color: #368AD2;
1754 border-color: #368AD2;
1755 }
1756
1757 .pagination li a:active, .pagination li.active a:active {
1758 color: #5C758C;
1759 background-color: #ECEDEE;
1760 border-color: #B4BAC0;
1761 }
1762
1763 @media only screen and (max-width: 700px), only screen and (max-device-width: 700px)
1764 {
1765 .pagination, .rtl .pagination {
1766 float: none;
1767 text-align: center;
1768 margin: 5px 0;
1769 }
1770
1771 .pagination li a, .pagination li span {
1772 display: inline-block;
1773 min-width: 10px;
1774 }
1775 }
1776
1777 /* Action Highlighting
1778 ---------------------------------------- */
1779 .successbox, .errorbox {
1780 padding: 8px;
1781 margin: 10px 0;
1782 color: #FFFFFF;
1783 text-align: center;
1784 clear: both;
1785 }
1786
1787 .success {
1788 color: #228822;
1789 }
1790
1791 .error {
1792 color: #BC2A4D;
1793 }
1794
1795 .successbox {
1796 background-color: #228822;
1797 }
1798
1799 .errorbox {
1800 background-color: #BC2A4D;
1801 }
1802
1803 .successbox h3, .errorbox h3 {
1804 color: #FFFFFF;
1805 margin: 0 0 0.5em;
1806 font-size: 1.10em;
1807 font-family: "Lucida Grande",Verdana,Helvetica,Arial,sans-serif;
1808 }
1809
1810 .successbox p, .errorbox p {
1811 color: #FFFFFF;
1812 font-size: 0.85em;
1813 margin-bottom: 0;
1814 }
1815
1816 .errorbox a:link, .errorbox a:active, .errorbox a:visited,
1817 .successbox a:link, .successbox a:active, .successbox a:visited {
1818 color: #DBD7D1;
1819 text-decoration: underline;
1820 font-weight: bold;
1821 }
1822
1823 .errorbox a:hover, .successbox a:hover {
1824 color: #FFFFFF;
1825 text-decoration: none;
1826 font-weight: bold;
1827 }
1828
1829 .notice {
1830 background-color: #62A5CC;
1831 }
1832
1833 /* Special cases for the error page */
1834 #errorpage #page-header a {
1835 font-weight: bold;
1836 line-height: 6em;
1837 }
1838
1839 #errorpage #content {
1840 padding-top: 10px;
1841 }
1842
1843 #errorpage #content h1 {
1844 color: #DF075C;
1845 }
1846
1847 #errorpage #content h2 {
1848 margin-top: 20px;
1849 margin-bottom: 5px;
1850 border-bottom: 1px solid #CCCCCC;
1851 padding-bottom: 5px;
1852 color: #333333;
1853 }
1854
1855 /* Tooltip for permission roles */
1856 .tooltip {
1857 width: 200px;
1858 color: #000;
1859 text-align: center;
1860 border: 1px solid #AAA;
1861 }
1862
1863 .tooltip span.top {
1864 background: #EFEFEF;
1865 font-weight: bold;
1866 padding: 2px;
1867 }
1868
1869 .tooltip span.bottom {
1870 padding: 5px;
1871 color: #000000;
1872 background: #FFFFFF;
1873 }
1874
1875 /*
1876 Format Buttons for signature editor
1877 */
1878 #format-buttons {
1879 margin: 15px 0 2px 0;
1880 }
1881
1882 #format-buttons input, #format-buttons select {
1883 vertical-align: middle;
1884 }
1885
1886 .row, fieldset dl {
1887 overflow: hidden;
1888 }
1889
1890 /* Syntax Highlighting
1891 ---------------------------------------- */
1892 .sourcenum {
1893 color: gray;
1894 font-family: Monaco, 'Courier New', monospace;
1895 font-size: 1.25em;
1896 font-weight: bold;
1897 line-height: 1.20em;
1898 text-align: right;
1899 padding: 0;
1900 }
1901
1902 .rtl .sourcenum {
1903 text-align: left;
1904 }
1905
1906 .source {
1907 font-family: Monaco, 'Courier New', monospace;
1908 font-size: 1.25em;
1909 line-height: 1.20em;
1910 padding: 0;
1911 }
1912
1913 .syntaxbg {
1914 color: #FFFFFF;
1915 }
1916
1917 .syntaxcomment {
1918 color: #FF8000;
1919 }
1920
1921 .syntaxdefault {
1922 color: #0000BB;
1923 }
1924
1925 .syntaxhtml {
1926 color: #000000;
1927 }
1928
1929 .syntaxkeyword {
1930 color: #007700;
1931 }
1932
1933 .syntaxstring {
1934 color: #DD0000;
1935 }
1936
1937 /* Permission interface
1938 ---------------------------------------- */
1939
1940 .column1, .column2 {
1941 width: 48%;
1942 float: left;
1943 }
1944
1945 .ltr .column2, .rtl .column1 {
1946 float: right;
1947 }
1948
1949 fieldset.permissions legend {
1950 text-transform: none;
1951 }
1952
1953 fieldset.permissions legend input{
1954 height: 1.1em;
1955 }
1956
1957 /* Permission sections */
1958 fieldset.permissions .permissions-simple {
1959 text-align: left;
1960 padding-top: 3px;
1961 }
1962
1963 .rtl fieldset.permissions .permissions-simple {
1964 text-align: right;
1965 }
1966
1967 fieldset.permissions .permissions-advanced {
1968 padding: 10px 0 0 5px;
1969 vertical-align: top;
1970 clear: right;
1971 }
1972
1973 .rtl fieldset.permissions .permissions-advanced {
1974 padding: 10px 5px 0 0;
1975 clear: left;
1976 }
1977
1978 fieldset.permissions .permissions-switch {
1979 float: right;
1980 }
1981
1982 .rtl fieldset.permissions .permissions-switch {
1983 float: left;
1984 }
1985
1986 fieldset.permissions .padding {
1987 }
1988
1989 .permissions-switch {
1990 margin-top: -6px;
1991 font-size: .9em;
1992 }
1993
1994 .permissions-switch a {
1995 text-decoration: underline;
1996 }
1997
1998 .permissions-reset {
1999 padding-bottom: 10px;
2000 }
2001
2002 .permissions-reset a {
2003 font-size: .85em;
2004 }
2005
2006 /* Tabbed menu */
2007 .permissions-category {
2008 line-height: normal;
2009 margin: 0 0 -1px 7px;
2010 min-width: 570px;
2011 font-size: 0.85em;
2012 }
2013
2014 .rtl .permissions-category {
2015 margin: 0 7px -1px 0;
2016 }
2017
2018 .permissions-category ul {
2019 margin: 0;
2020 padding: 0;
2021 list-style: none;
2022 }
2023
2024 .permissions-category li {
2025 display: inline;
2026 margin: 0;
2027 padding: 0;
2028 font-size: 1em;
2029 font-weight: bold;
2030 }
2031
2032 .permissions-category a {
2033 float: left;
2034 background: url("../images/bg_tabs_alt1.gif") no-repeat 0% -35px;
2035 margin: 0 1px 0 0;
2036 padding: 0 0 0 6px;
2037 text-decoration: none;
2038 position: relative;
2039 }
2040
2041 .rtl .permissions-category a {
2042 float: right;
2043 }
2044
2045 .permissions-category a span.tabbg {
2046 float: left;
2047 display: block;
2048 background: url("../images/bg_tabs_alt2.gif") no-repeat 100% -35px;
2049 padding: 7px 12px 6px 6px;
2050 color: #536482;
2051 white-space: nowrap;
2052 }
2053
2054 .rtl .permissions-category a span.tabbg {
2055 float: right;
2056 }
2057
2058 /* Commented Backslash Hack hides rule from IE5-Mac \*/
2059 .permissions-category a span.tabbg, .rtl .permissions-category a span.tabbg { float: none;}
2060 /* End hack */
2061
2062 .permissions-category a:hover span.tabbg {
2063 color: #DD6900;
2064 }
2065
2066 .permissions-category .activetab a {
2067 background-position: 0 0;
2068 }
2069
2070 .permissions-category .activetab a span.tabbg {
2071 background-position: 100% 0;
2072 padding-bottom: 7px;
2073 color: #333333;
2074 }
2075
2076 .permissions-category a:hover {
2077 background-position: 0 -70px;
2078 }
2079
2080 .permissions-category a:hover span.tabbg {
2081 background-position: 100% -70px;
2082 }
2083
2084 .permissions-category .activetab a:hover span.tabbg {
2085 color: #333333;
2086 background-position: 100% 0;
2087 }
2088
2089 .permissions-category .activetab a:hover {
2090 background-position: 0 0;
2091 }
2092
2093 .permissions-category a span.colour {
2094 border: 1px solid #536482;
2095 display: block;
2096 float: left;
2097 width: 10px;
2098 height: 10px;
2099 margin: 0 5px 0 0;
2100 }
2101
2102 /* 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
2103 .rtl .permissions-category a span.colour {
2104 float: right;
2105 margin: 0 0 0 5px;
2106 }
2107 */
2108
2109 .permissions-category .activetab span.colour {
2110 border-color: #333333;
2111 }
2112
2113 .permissions-category a:hover span.colour {
2114 border-color: #DD6900;
2115 }
2116
2117 .permissions-category .activetab a:hover span.colour {
2118 border-color: #333333;
2119 }
2120
2121 /* Permission preset colours */
2122 .permissions-preset-yes span.colour,
2123 .yes {
2124 background-color: #86F786;
2125 }
2126
2127 .permissions-preset-custom span.colour {
2128 background-color: #B2BBDD;
2129 }
2130
2131 .permissions-preset-never span.colour {
2132 background-color: #DD0000;
2133 }
2134
2135 .permissions-preset-no span.colour,
2136 .never {
2137 background-color: #EFB0B2;
2138 }
2139
2140 /* Permission panel
2141 ---------------------------------------- */
2142 .permissions-panel {
2143 float: left;
2144 background-color: #CADCEB;
2145 width: 100%;
2146 border-radius: 5px;
2147 overflow: hidden;
2148 padding: 5px 0;
2149 }
2150
2151 .rtl .permissions-panel {
2152 float: right;
2153 }
2154
2155 /* Permission table
2156 ---------------------------------------- */
2157 .permissions-panel .tablewrap {
2158 margin: 0 10px;
2159 }
2160
2161 .permissions-panel table {
2162 width: 100%;
2163 }
2164
2165 .permissions-panel th {
2166 text-transform: none;
2167 }
2168
2169 .permissions-panel th.value {
2170 text-align: center;
2171 }
2172
2173 .permissions-panel th.name {
2174 text-align: left;
2175 width: auto;
2176 text-transform: none;
2177 }
2178
2179 .rtl .permissions-panel th.name {
2180 text-align: right;
2181 }
2182
2183 .permissions-panel th.permissions-name {
2184 border: none;
2185 color: #536482;
2186 font-weight: normal;
2187 }
2188
2189 .permissions-panel th.permissions-name a.trace {
2190 display: inline;
2191 }
2192
2193 .permissions-panel th.row3 {
2194 background-image: none;
2195 background-color: #D1D7DC;
2196 color: #536482;
2197 border: none;
2198 }
2199
2200 .permissions-panel th.row4 {
2201 background-image: none;
2202 background-color: #E4E8EB;
2203 color: #536482;
2204 border: none;
2205 }
2206
2207 .permissions-panel th a:link, .permissions-panel th a:hover, .permissions-panel th a:visited {
2208 display: block;
2209 color: #FFFFFF;
2210 text-decoration: underline;
2211 }
2212
2213 .permissions-panel td.permissions-yes label:hover {
2214 background-color: #86F786;
2215 }
2216
2217 .permissions-panel td.permissions-no label:hover {
2218 background-color: #EFB0B2;
2219 }
2220
2221 .permissions-panel td.permissions-never label:hover {
2222 background-color: #DD0000;
2223 }
2224
2225 .permissions-panel td {
2226 padding: 0;
2227 text-align: center;
2228 width: 10%;
2229 }
2230
2231 .permissions-panel td label {
2232 display: block;
2233 margin: 0;
2234 padding: 0;
2235 }
2236
2237 @media only screen and (max-width: 700px), only screen and (max-device-width: 700px)
2238 {
2239 .column1, .column2 {
2240 float: none !important;
2241 width: auto;
2242 }
2243
2244 .permissions-simple {
2245 clear: both;
2246 }
2247
2248 .permissions-simple td, .permissions-simple dd {
2249 width: auto !important;
2250 margin-left: 0 !important;
2251 margin-right: 0 !important;
2252 }
2253
2254 .permissions-simple dd {
2255 margin-top: 5px;
2256 }
2257
2258 .permissions-panel .tablewrap {
2259 margin: 0 5px;
2260 }
2261
2262 .permissions-category {
2263 min-width: 0;
2264 margin: 0 !important;
2265 }
2266
2267 .permissions-category a, .permissions-category a span.tabbg {
2268 display: block;
2269 float: none !important;
2270 background: transparent none;
2271 }
2272
2273 .permissions-category a {
2274 background: #d9e5ee;
2275 margin: 5px 0;
2276 padding: 0 !important;
2277 border-radius: 3px;
2278 text-decoration: underline;
2279 }
2280
2281 .permissions-category .activetab a {
2282 background-color: #dd6900;
2283 color: #fff;
2284 }
2285
2286 .permissions-category a span.tabbg {
2287 color: inherit !important;
2288 padding-top: 6px !important;
2289 padding-bottom: 6px !important;
2290 }
2291
2292 .permissions-category .activetab span.colour {
2293 border-color: #fff;
2294 }
2295 }
2296
2297 /* Avatars gallery
2298 ---------------------------------------- */
2299 #gallery {
2300 display: block;
2301 margin: 0 -5px;
2302 padding: 0;
2303 overflow: hidden;
2304 }
2305
2306 #gallery li {
2307 display: block;
2308 float: left;
2309 border: 1px solid #ccc;
2310 border-radius: 2px;
2311 background: #fff;
2312 padding: 5px;
2313 margin: 5px;
2314 }
2315
2316 #gallery li:hover {
2317 background-color: #eee;
2318 }
2319
2320 #gallery li label {
2321 display: block;
2322 text-align: center;
2323 padding: 0;
2324 }
2325
2326 /* Dropdown menu
2327 ----------------------------------------*/
2328 .dropdown {
2329 position: absolute;
2330 left: 0;
2331 top: 22px;
2332 z-index: 2;
2333 border: 1px solid transparent;
2334 border-radius: 5px;
2335 padding: 9px 0 0;
2336 }
2337
2338 .dropdown-up .dropdown {
2339 top: auto;
2340 bottom: 18px;
2341 padding: 0 0 9px;
2342 }
2343
2344 .dropdown-left .dropdown {
2345 left: auto;
2346 right: 0;
2347 }
2348
2349 .dropdown .pointer, .dropdown .pointer-inner {
2350 position: absolute;
2351 width: 0;
2352 height: 0;
2353 border-top-width: 0;
2354 border-bottom: 10px solid transparent;
2355 border-left: 10px dashed transparent;
2356 border-right: 10px dashed transparent;
2357 -webkit-transform: rotate(360deg); /* better anti-aliasing in webkit */
2358 display: block;
2359 }
2360
2361 .dropdown-up .pointer, .dropdown-up .pointer-inner {
2362 border-bottom-width: 0;
2363 border-top: 10px solid transparent;
2364 }
2365
2366 .dropdown .pointer {
2367 right: auto;
2368 left: 10px;
2369 top: 0;
2370 z-index: 3;
2371 }
2372
2373 .dropdown-up .pointer {
2374 bottom: 0;
2375 top: auto;
2376 }
2377
2378 .dropdown-left .dropdown .pointer {
2379 left: auto;
2380 right: 10px;
2381 }
2382
2383 .dropdown .pointer-inner {
2384 top: auto;
2385 bottom: -11px;
2386 left: -10px;
2387 }
2388
2389 .dropdown-up .pointer-inner {
2390 bottom: auto;
2391 top: -11px;
2392 }
2393
2394 .dropdown .pointer {
2395 border-color: #B9B9B9 transparent;
2396 }
2397
2398 .dropdown .pointer-inner {
2399 border-color: #FFF transparent;
2400 }
2401
2402 .dropdown .dropdown-contents {
2403 z-index: 2;
2404 overflow: hidden;
2405 overflow-y: auto;
2406 background: #fff;
2407 border: 1px solid #b9b9b9;
2408 border-radius: 5px;
2409 padding: 5px;
2410 position: relative;
2411 min-width: 40px;
2412 max-height: 200px;
2413 box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.2);
2414 -webkit-box-sizing: border-box;
2415 -moz-box-sizing: border-box;
2416 box-sizing: border-box;
2417 }
2418
2419 .dropdown-up .dropdown-contents {
2420 box-shadow: 1px 0 5px rgba(0, 0, 0, 0.2);
2421 }
2422
2423 .dropdown li {
2424 float: none;
2425 margin: 0;
2426 white-space: nowrap;
2427 text-align: left;
2428 }
2429
2430 .wrap .dropdown li, .dropdown.wrap li {
2431 white-space: normal;
2432 }
2433
2434 .dropdown li:before, .dropdown li:after {
2435 display: none !important;
2436 }
2437
2438
2439 /* Classes for additional tasks
2440 ---------------------------------------- */
2441
2442 .phpinfo {
2443 overflow: auto;
2444 width: 99%;
2445 direction: ltr;
2446 }
2447
2448 .phpinfo td, .phpinfo th, .phpinfo h2, .phpinfo h1 {
2449 text-align: left;
2450 }
2451
2452 .requirements_not_met {
2453 padding: 5px;
2454 background-color: #BC2A4D;
2455 }
2456
2457 .requirements_not_met dt label, .requirements_not_met dd p {
2458 color: #FFFFFF;
2459 font-size: 1.4em;
2460 }
2461
2462 @media only screen and (max-width: 700px), only screen and (max-device-width: 700px)
2463 {
2464 .responsive-hide { display: none !important; }
2465 .responsive-show { display: block !important; }
2466 .responsive-show-inline { display: inline !important; }
2467 .responsive-show-inline-block { display: inline-block !important; }
2468 }
2469
2470 .clearfix {
2471 overflow: hidden;
2472 }
2473
2474 .pagination:after,
2475 #page-header:after,
2476 #page-body:after,
2477 #tabs:after,
2478 #tabs > ul:after,
2479 #tabs li:after,
2480 #acp:after,
2481 #content:after {
2482 content: '';
2483 clear: both;
2484 display: block;
2485 }
2486