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