Verzeichnisstruktur phpBB-3.2.0
- Veröffentlicht
- 06.01.2017
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 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.png") 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.png") 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 z-index: 1;
0529 }
0530
0531 .rtl #menu {
0532 float: right;
0533 border: none;
0534 border-left: 1px solid #CCCFD3;
0535 }
0536
0537 #menu p {
0538 font-size: 0.85em;
0539 }
0540
0541 #menu ul {
0542 list-style: none;
0543 margin: 0;
0544 padding: 0;
0545 word-wrap: normal;
0546 }
0547
0548 /* Default list state */
0549 #menu li, #menu .header {
0550 padding: 0;
0551 margin: 0;
0552 font-size: 0.85em;
0553 font-weight: bold;
0554 display: block;
0555 }
0556
0557 /* Link styles for the sub-section links */
0558 #menu li span {
0559 display: block;
0560 padding: 3px 3px 3px 8px;
0561 margin: 1px 0;
0562 text-decoration: none;
0563 font-weight: normal;
0564 color: #138ECB;
0565 }
0566
0567 .rtl #menu li span {
0568 padding: 3px 8px 3px 3px;
0569 }
0570
0571 #menu li a:hover, #menu li a:hover span {
0572 text-decoration: none;
0573 background-color: #FFFFFF;
0574 color: #BC2A4D;
0575 }
0576
0577 #menu li a:active, #menu li a:active span {
0578 color: #F632A0;
0579 }
0580
0581 #menu li#activemenu a span {
0582 text-decoration: none;
0583 font-weight: bold;
0584 color: #1180B7;
0585 background: transparent url("../images/arrow_right.gif") 0% 50% no-repeat;
0586 }
0587
0588 .rtl #menu li#activemenu a span {
0589 background: transparent url("../images/arrow_left.gif") 100% 50% no-repeat;
0590 }
0591
0592 #menu li#activemenu a:hover span, #menu li#activemenu span {
0593 text-decoration: none;
0594 font-weight: bold;
0595 color: #BC2A4D;
0596 background: #FFFFFF url("../images/arrow_right.gif") 1% 50% no-repeat;
0597 }
0598
0599 .rtl #menu li#activemenu a:hover span, .rtl #menu li#activemenu span {
0600 background: #FFFFFF url("../images/arrow_left.gif") 99% 50% no-repeat;
0601 }
0602
0603 #menu li a:active, #menu li a:active span, #menu li#activemenu a:active span {
0604 color: #F632A0;
0605 }
0606
0607 #menu li span.completed {
0608 text-decoration: none;
0609 padding: 3px 3px 3px 12px;
0610 background: url("../images/arrow_down.gif") 1% 50% no-repeat;
0611 }
0612
0613 .rtl #menu li span.completed {
0614 text-decoration: none;
0615 padding: 3px 12px 3px 3px;
0616 background: url("../images/arrow_down.gif") 99% 50% no-repeat;
0617 }
0618
0619 #menu .header {
0620 font-family: Tahoma, Helvetica, sans-serif;
0621 display: block;
0622 font-weight: bold;
0623 color: #115098;
0624 border-bottom: 1px solid #327AA5;
0625 padding: 4px 0 2px;
0626 margin-top: 15px;
0627 text-transform: uppercase;
0628 font-size: 0.75em;
0629 text-decoration: none;
0630 cursor: inherit;
0631 outline-style: none;
0632 }
0633
0634 @media only screen and (max-width: 700px), only screen and (max-device-width: 700px)
0635 {
0636 #menu, .rtl #menu {
0637 float: none;
0638 width: auto;
0639 border-width: 0;
0640 max-width: 200px;
0641 margin: 0 auto 10px;
0642 }
0643
0644 #menu p {
0645 text-align: center;
0646 }
0647
0648 #menu .menu-block.active {
0649 margin: 0 -5px;
0650 padding: 0 5px 3px;
0651 background: rgba(255, 255, 255, .5);
0652 border-radius: 5px;
0653 }
0654
0655 #menu .menu-block.no-header.active {
0656 padding-top: 3px;
0657 }
0658
0659 #menu .menu-block .header {
0660 margin-top: 5px;
0661 cursor: pointer;
0662 border-bottom-width: 0;
0663 position: relative;
0664 text-decoration: underline;
0665 }
0666
0667 #menu .menu-block .header:focus, #menu .menu-block.active .header {
0668 color: #D31141;
0669 text-decoration: none;
0670 }
0671
0672 #menu .menu-block ul {
0673 display: none;
0674 }
0675
0676 .nojs #menu .menu-block:hover ul, #menu .menu-block.active ul, #menu .menu-block.no-header ul {
0677 display: block;
0678 }
0679
0680 #menu .menu-block li:last-child {
0681 border-bottom: 1px solid #327AA5;
0682 }
0683
0684 #menu .menu-block:last-child li:last-child, #menu .menu-block.active li:last-child {
0685 border-bottom-width: 0;
0686 }
0687
0688 #menu .menu-block li a span {
0689 border-radius: 2px;
0690 }
0691 }
0692
0693
0694 /* Table styles
0695 ---------------------------------------- */
0696
0697 table {
0698 width: 100%;
0699 border: 1px solid #CCCFD3;
0700 background-color: #FFFFFF;
0701 padding: 1px;
0702 }
0703
0704 th {
0705 padding: 3px 4px;
0706 color: #FFFFFF;
0707 background: #70AED3 url("../images/gradient2b.gif") bottom left repeat-x;
0708 border-top: 1px solid #6DACD2;
0709 border-bottom: 1px solid #327AA5;
0710 text-align: left;
0711 font-size: 0.75em;
0712 text-transform: uppercase;
0713 }
0714
0715 td {
0716 text-align: left;
0717 font-size: 0.85em;
0718 padding: 4px;
0719 line-height: 1.20em;
0720 }
0721
0722 .rtl th, .rtl td {
0723 text-align: right;
0724 }
0725
0726 .table1 {
0727 border-collapse: separate;
0728 border-spacing: 1px;
0729 clear: both;
0730 }
0731
0732 dt#color_palette_placeholder table {
0733 margin-right: 5px;
0734 width: 80px;
0735 }
0736
0737 #color_palette_placeholder td {
0738 padding: 0;
0739 }
0740
0741 table.type2 {
0742 border: none;
0743 background: none;
0744 padding: 0;
0745 }
0746
0747 table.type2 th {
0748 background: none;
0749 border-top: none;
0750 text-align: center;
0751 color: #115098;
0752 padding: 2px 0;
0753 }
0754
0755 table.type2 td {
0756 padding: 0;
0757 font-size: 1em;
0758 }
0759
0760 table.type2 td.name {
0761 padding: 2px;
0762 vertical-align: middle;
0763 }
0764
0765 table.type3 {
0766 float: right;
0767 width: 300px;
0768 border: none;
0769 background-color: transparent;
0770 padding: 0;
0771 }
0772
0773 .rtl table.type3 {
0774 float: left;
0775 }
0776
0777 table.type3 thead th {
0778 background-color: transparent;
0779 border-top: none;
0780 text-align: center;
0781 color: #115098;
0782 padding: 0 3px;
0783 font-size: 0.85em;
0784 font-weight: normal;
0785 text-transform: none;
0786 }
0787
0788 table.type3 tbody th {
0789 border-top: none;
0790 text-align: left;
0791 text-transform: none;
0792 padding: 0;
0793 border: none;
0794 font-size: 0.90em;
0795 font-weight: normal;
0796 width: 100%;
0797 }
0798
0799 .rtl table.type3 tbody th {
0800 text-align: right;
0801 }
0802
0803 table.type3 td {
0804 text-align: center;
0805 padding: 1px;
0806 }
0807
0808 th.name {
0809 text-align: left;
0810 width: auto;
0811 }
0812
0813 .rtl th.name {
0814 text-align: right;
0815 }
0816
0817 td.name {
0818 text-align: left;
0819 font-weight: bold;
0820 }
0821
0822 .rtl td.name {
0823 text-align: right;
0824 }
0825
0826 .entry {
0827 text-align: left;
0828 font-weight: normal;
0829 }
0830
0831 .rtl .entry {
0832 text-align: right;
0833 }
0834
0835 .row1 {
0836 background-color: #F9F9F9;
0837 }
0838
0839 table.zebra-table tbody tr:nth-child(odd) {
0840 background-color: #F9F9F9;
0841 }
0842
0843 .row2 {
0844 background-color: #DCEBFE;
0845 }
0846
0847 table.zebra-table tbody tr:nth-child(even) {
0848 background-color: #DCEBFE;
0849 }
0850
0851 .row3 { background-color: #DBDFE2; }
0852 .row4 { background-color: #E4E8EB; }
0853 .col1 { background-color: #DCEBFE; }
0854 .col2 { background-color: #F9F9F9; }
0855
0856 /* 4 row background colours for trees */
0857 .row1a { background-color: #F9F9F9; }
0858 .row1b { background-color: #F6F6F6; }
0859 .row2a { background-color: #E7EEF4; }
0860 .row2b { background-color: #E3EBF2; }
0861
0862 tr.row-highlight:hover td { background-color: #DBDFE2; }
0863
0864 .spacer {
0865 background-color: #DBDFE2;
0866 height: 1px;
0867 line-height: 1px;
0868 }
0869
0870 /* Deactivated row */
0871 .row-inactive {
0872 color: #999;
0873 }
0874 .row-inactive a, .row-inactive strong {
0875 color: #888;
0876 }
0877 .row-inactive a:hover {
0878 color: #BC2A4D;
0879 }
0880
0881 /* Specific tables */
0882 table.forums td.folder {
0883 width: 27px;
0884 text-align: center;
0885 }
0886
0887 table td.actions {
0888 vertical-align: middle;
0889 width: 100px;
0890 text-align: center;
0891 white-space: nowrap;
0892 }
0893
0894 table tr:first-child td.actions .up, table tr:last-child td.actions .down {
0895 display: none;
0896 }
0897
0898 table tr:first-child td.actions .up-disabled, table tr:last-child td.actions .down-disabled {
0899 display: inline !important;
0900 }
0901
0902 table.styles td.users, table td.mark {
0903 text-align: center;
0904 }
0905
0906 table.fixed-width-table {
0907 table-layout: fixed;
0908 word-break: break-word;
0909 }
0910
0911 @media only screen and (max-width: 700px), only screen and (max-device-width: 700px)
0912 {
0913 table.responsive, table.responsive tbody, table.responsive tr, table.responsive td {
0914 display: block;
0915 }
0916
0917 table.responsive thead, table.responsive th, table.responsive colgroup {
0918 display: none;
0919 }
0920
0921 table.responsive.show-header thead, table.responsive.show-header th:first-child, table.responsive caption {
0922 display: block;
0923 width: auto !important;
0924 text-align: left !important;
0925 margin: 0;
0926 }
0927
0928 table.responsive {
0929 background: transparent none;
0930 border-width: 0;
0931 padding: 0;
0932 }
0933
0934 table.responsive caption {
0935 padding: 3px 4px;
0936 color: #FFFFFF;
0937 background: #70AED3 url("../images/gradient2b.gif") bottom left repeat-x;
0938 border-top: 1px solid #6DACD2;
0939 border-bottom: 1px solid #327AA5;
0940 text-align: left;
0941 font-size: 0.75em;
0942 font-weight: bold;
0943 text-transform: uppercase;
0944 }
0945
0946 table.responsive.show-header th:first-child span.rank-img, table.responsive.no-caption caption, table.responsive.no-header thead {
0947 display: none;
0948 }
0949
0950 table.responsive tr {
0951 margin: 2px 0;
0952 border: 1px solid #CCCFD3;
0953 background-color: #FFFFFF;
0954 padding: 1px 1px 0;
0955 overflow: hidden;
0956 }
0957
0958 table.responsive tr.row1 td { background-color: #F9F9F9; }
0959 table.responsive tr.row2 td { background-color: #DCEBFE; }
0960 table.responsive tr.row3 td { background-color: #DBDFE2; }
0961 table.responsive tr.row4 td { background-color: #E4E8EB; }
0962 table.responsive tr.col1 td { background-color: #DCEBFE; }
0963 table.responsive tr.col2 td { background-color: #F9F9F9; }
0964 table.responsive tr.row1a td { background-color: #F9F9F9; }
0965 table.responsive tr.row1b td { background-color: #F6F6F6; }
0966 table.responsive tr.row2a td { background-color: #E7EEF4; }
0967 table.responsive tr.row2b td { background-color: #E3EBF2; }
0968
0969 table.responsive td {
0970 width: auto !important;
0971 text-align: left !important;
0972 padding: 4px;
0973 margin-bottom: 1px;
0974 }
0975
0976 .rtl table.responsive td {
0977 text-align: right !important;
0978 }
0979
0980 table.responsive td.empty {
0981 display: none !important;
0982 }
0983
0984 table.responsive td > dfn {
0985 display: inline-block !important;
0986 }
0987
0988 table.responsive td > dfn:after {
0989 content: ':';
0990 padding-right: 5px;
0991 }
0992
0993 table.responsive.two-columns td {
0994 width: 50% !important;
0995 float: left;
0996 -moz-box-sizing: border-box;
0997 box-sizing: border-box;
0998 }
0999
1000 .rtl table.responsive.two-columns td {
1001 float: right;
1002 }
1003
1004 table.responsive.two-columns td:nth-child(2n+1) {
1005 clear: left;
1006 }
1007
1008 table.responsive span.rank-img {
1009 float: none;
1010 padding-right: 5px;
1011 }
1012
1013 table.responsive#memberlist td:first-child input[type="checkbox"] {
1014 float: right;
1015 }
1016
1017 /* Specific tables */
1018 table.responsive.forums td.folder {
1019 float: left;
1020 width: 27px;
1021 background: transparent;
1022 }
1023 .rtl table.responsive.forums td.folder {
1024 float: right;
1025 }
1026
1027 table.responsive.forums td.forum-desc {
1028 margin-left: 35px;
1029 min-height: 27px;
1030 background: transparent;
1031 }
1032
1033 .rtl table.responsive.forums td.forum-desc {
1034 margin-left: 0;
1035 margin-right: 35px;
1036 }
1037
1038 table.responsive td.actions {
1039 clear: both;
1040 text-align: right !important;
1041 }
1042
1043 .rtl table.responsive td.actions {
1044 text-align: left !important;
1045 }
1046
1047 table.responsive.styles tr.responsive-style-row td:first-child {
1048 padding-left: 4px !important;
1049 padding-right: 4px !important;
1050 }
1051
1052 table.responsive.styles td:first-child > dfn, table.responsive td.actions > dfn {
1053 display: none !important;
1054 }
1055
1056 .horizontal-palette td:nth-child(2n), .vertical-palette tr:nth-child(2n) {
1057 display: none;
1058 }
1059
1060 .colour-palette a {
1061 display: inline-block !important;
1062 }
1063 }
1064
1065 /* General form styles
1066 ----------------------------------------*/
1067 fieldset {
1068 margin: 15px 0;
1069 padding: 10px;
1070 border-top: 1px solid #D7D7D7;
1071 border-right: 1px solid #CCCCCC;
1072 border-bottom: 1px solid #CCCCCC;
1073 border-left: 1px solid #D7D7D7;
1074 background-color: #FFFFFF;
1075 position: relative;
1076 border-radius: 3px;
1077 }
1078
1079 fieldset h2 {
1080 margin-top: 0;
1081 }
1082
1083 .rtl fieldset {
1084 border-top: 1px solid #D7D7D7;
1085 border-right: 1px solid #D7D7D7;
1086 border-bottom: 1px solid #CCCCCC;
1087 border-left: 1px solid #CCCCCC;
1088 }
1089
1090 fieldset p {
1091 font-size: 0.85em;
1092 }
1093
1094 legend {
1095 padding: 1px 0;
1096 font-family: Tahoma,arial,Verdana,Sans-serif;
1097 font-size: .9em;
1098 font-weight: bold;
1099 color: #115098;
1100 margin-top: -.4em;
1101 position: relative;
1102 text-transform: none;
1103 line-height: 1.2em;
1104 top: -.2em;
1105 vertical-align: middle;
1106 }
1107
1108 input, textarea {
1109 font-family: Verdana, Helvetica, Arial, sans-serif;
1110 font-size: 0.90em;
1111 font-weight: normal;
1112 vertical-align: middle;
1113 padding: 2px;
1114 color: #111111;
1115 border-left: 1px solid #AFAEAA;
1116 border-top: 1px solid #AFAEAA;
1117 border-right: 1px solid #D5D5C8;
1118 border-bottom: 1px solid #D5D5C8;
1119 background-color: #E3DFD8;
1120 }
1121
1122 .rtl input, .rtl textarea {
1123 border-left: 1px solid #D5D5C8;
1124 border-top: 1px solid #AFAEAA;
1125 border-right: 1px solid #AFAEAA;
1126 border-bottom: 1px solid #D5D5C8;
1127 }
1128
1129 input:hover, textarea:hover {
1130 border-left: 1px solid #AFAEAA;
1131 border-top: 1px solid #AFAEAA;
1132 border-right: 1px solid #AFAEAA;
1133 border-bottom: 1px solid #AFAEAA;
1134 background-color: #E9E9E2;
1135 }
1136
1137 input.langvalue, textarea.langvalue {
1138 width: 90%;
1139 }
1140
1141 input[type="number"] {
1142 width: 60px;
1143 -moz-padding-end: 0;
1144 }
1145
1146 optgroup, select {
1147 background-color: #FAFAFA;
1148 border: 1px solid #666666;
1149 font-family: Verdana, Helvetica, Arial, sans-serif;
1150 font-size: 0.85em;
1151 font-weight: normal;
1152 font-style: normal;
1153 cursor: pointer;
1154 padding: 1px;
1155 vertical-align: middle;
1156 width: auto;
1157 color: #000;
1158 }
1159
1160 select:focus {
1161 outline-style: none;
1162 }
1163
1164 optgroup {
1165 font-size: 1.00em;
1166 font-weight: bold;
1167 }
1168
1169 optgroup.disabled-options {
1170 display: none;
1171 background-color: gray;
1172 }
1173
1174 option {
1175 padding: 0 1em 0 0;
1176 color: #000;
1177 }
1178
1179 option.disabled-option {
1180 color: graytext;
1181 }
1182
1183 .rtl option {
1184 padding: 0 0 0 1em;
1185 }
1186
1187 .sep {
1188 font-weight: bold;
1189 }
1190
1191 .username-coloured {
1192 font-weight: bold;
1193 }
1194
1195 textarea {
1196 font-family: Verdana, Helvetica, Arial, sans-serif;
1197 font-size: 0.85em;
1198 width: 60%;
1199 padding: 2px;
1200 }
1201
1202 label {
1203 cursor: pointer;
1204 font-size: 0.85em;
1205 padding: 0 5px 0 0;
1206 }
1207
1208 .rtl label {
1209 padding: 0 0 0 5px;
1210 }
1211
1212 label input {
1213 font-size: 1.00em;
1214 vertical-align: middle;
1215 }
1216
1217 label img {
1218 vertical-align: middle;
1219 }
1220
1221 fieldset.quick, p.quick {
1222 margin: 0 0 5px;
1223 padding: 5px 0 0;
1224 border: none;
1225 background-color: transparent;
1226 text-align: right;
1227 }
1228
1229 .rtl fieldset.quick, .rtl p.quick {
1230 text-align: left;
1231 }
1232
1233 fieldset.quick legend {
1234 display: none;
1235 }
1236
1237 fieldset.tabulated {
1238 background: none;
1239 margin: 0;
1240 margin-top: 5px;
1241 padding: 0;
1242 border: 0;
1243 }
1244
1245 fieldset.tabulated legend {
1246 display: none;
1247 }
1248
1249 fieldset.nobg {
1250 margin: 15px 0 0 0;
1251 padding: 0;
1252 border: none;
1253 background-color: transparent;
1254 }
1255
1256 fieldset.display-options {
1257 margin: 15px 0 2px 0;
1258 padding: 0 0 4px 0;
1259 border: none;
1260 background-color: transparent;
1261 text-align: center;
1262 font-size: 0.85em;
1263 }
1264
1265 fieldset.display-options select, fieldset.display-options input, fieldset.display-options label {
1266 font-size: 1.00em;
1267 vertical-align: middle;
1268 }
1269
1270 select option.disabled {
1271 background-color: #bbb;
1272 color: #fff;
1273 }
1274
1275 /* Special case inputs */
1276 select#board_timezone,
1277 select#full_folder_action {
1278 width: 95%;
1279 }
1280
1281 @media only screen and (max-width: 700px), only screen and (max-device-width: 700px)
1282 {
1283 fieldset {
1284 padding: 5px;
1285 }
1286
1287 fieldset.quick, p.quick {
1288 float: none !important;
1289 text-align: center;
1290 }
1291
1292 fieldset.display-options {
1293 clear: both;
1294 }
1295 }
1296
1297 /* Definition list layout for forms
1298 Other general def. list properties defined in prosilver_main.css
1299 ---------------------------------------- */
1300 dl {
1301 font-family: Verdana, Helvetica, Arial, sans-serif;
1302 font-size: 1.00em;
1303 }
1304
1305 dt {
1306 float: left;
1307 width: auto;
1308 }
1309
1310 .rtl dt {
1311 float: right;
1312 }
1313
1314 dd { color: #666666;}
1315 dd + dd { padding-top: 5px;}
1316 dt span { padding: 0 5px 0 0;}
1317 .rtl dt span { padding: 0 0 0 5px;}
1318
1319 dt .explain { font-style: italic;}
1320
1321 dt label {
1322 font-size: 1.00em;
1323 text-align: left;
1324 font-weight: bold;
1325 color: #4A5A73;
1326 }
1327
1328 .rtl dt label {
1329 text-align: right;
1330 }
1331
1332 dd label {
1333 font-size: 1.00em;
1334 white-space: nowrap;
1335 margin: 0 10px 0 0;
1336 color: #4A5A73;
1337 }
1338
1339 .rtl dd label {
1340 margin: 0 0 0 10px;
1341 }
1342
1343 html>body dd label input { vertical-align: text-bottom;} /* Tweak for Moz to align checkboxes/radio buttons nicely */
1344
1345 dd input {
1346 font-size: 1.00em;
1347 max-width: 100%;
1348 margin: 2px 0;
1349 }
1350
1351 dd select {
1352 font-size: 100%;
1353 font-size: 1em;
1354 width: auto;
1355 max-width: 100%;
1356 margin: 2px 0;
1357 }
1358
1359 dd textarea {
1360 font-size: 0.90em;
1361 width: 90%;
1362 }
1363
1364 fieldset dl {
1365 margin-bottom: 10px;
1366 font-size: 0.85em;
1367 }
1368
1369 fieldset dt {
1370 width: 45%;
1371 text-align: left;
1372 border: none;
1373 border-right: 1px solid #CCCCCC;
1374 padding-top: 3px;
1375 }
1376
1377 .rtl fieldset dt {
1378 text-align: right;
1379 border: none;
1380 border-left: 1px solid #CCCCCC;
1381 }
1382
1383 fieldset #color_palette_placeholder {
1384 padding-top: 0;
1385 }
1386
1387 fieldset dd {
1388 margin: 0 0 0 45%;
1389 padding: 0 0 0 5px;
1390 border: none;
1391 border-left: 1px solid #CCCCCC;
1392 vertical-align: top;
1393 font-size: 1.00em;
1394 }
1395
1396 .rtl fieldset dd {
1397 margin: 0 45% 0 0;
1398 padding: 0 5px 0 0;
1399 border: none;
1400 border-right: 1px solid #CCCCCC;
1401 }
1402
1403 dd.full, .rtl dd.full {
1404 margin: 0;
1405 border: 0;
1406 padding: 0;
1407 padding-top: 3px;
1408 text-align: center;
1409 width: 95%;
1410 }
1411
1412 /* Hover highlights for form rows */
1413 fieldset dl:hover dt, fieldset dl:hover dd {
1414 border-color: #666666;
1415 }
1416
1417 fieldset dl:hover dt label {
1418 color: #000000;
1419 }
1420
1421 fieldset dl dd label:hover {
1422 color: #BC2A4D;
1423 }
1424
1425 input:focus, textarea:focus {
1426 border: 1px solid #BC2A4D;
1427 background-color: #E9E9E2;
1428 color: #BC2A4D;
1429 outline-style: none;
1430 }
1431
1432 @media only screen and (max-width: 700px), only screen and (max-device-width: 700px)
1433 {
1434 fieldset dl {
1435 margin-bottom: 5px;
1436 padding-bottom: 5px;
1437 border-bottom: 1px solid #e8e8e8;
1438 }
1439
1440 fieldset > dl:last-child, fieldset > form:last-child > dl:last-child {
1441 border-bottom-width: 0;
1442 margin-bottom: 0;
1443 }
1444
1445 fieldset dt, .rtl fieldset dt, fieldset dd, .rtl fieldset dd {
1446 border-width: 0;
1447 margin-left: 0;
1448 margin-right: 0;
1449 float: none;
1450 width: auto;
1451 }
1452
1453 fieldset .responsive-columns dt {
1454 float: left;
1455 }
1456
1457 .ltr fieldset dd {
1458 padding-left: 20px;
1459 }
1460
1461 .rtl fieldset dd {
1462 padding-right: 20px;
1463 }
1464
1465 select, dd select, dd input {
1466 max-width: 300px;
1467 }
1468
1469 input[type="number"], dd input[type="number"] {
1470 max-width: 70px;
1471 }
1472 }
1473
1474 @media only screen and (max-width: 400px), only screen and (max-device-width: 400px)
1475 {
1476 select, dd select, dd input {
1477 max-width: 240px;
1478 }
1479 }
1480
1481 /* Submit button fieldset or paragraph
1482 ---------------------------------------- */
1483 fieldset.submit-buttons {
1484 text-align: center;
1485 border: none;
1486 background-color: transparent;
1487 margin: 0;
1488 padding: 4px;
1489 margin-top: -1px;
1490 }
1491
1492 p.submit-buttons {
1493 text-align: center;
1494 margin: 0;
1495 padding: 4px;
1496 margin-top: 10px;
1497 }
1498
1499 fieldset.submit-buttons input, p.submit-buttons input {
1500 padding: 3px 2px;
1501 }
1502
1503 fieldset.submit-buttons legend {
1504 display: none;
1505 }
1506
1507 @media only screen and (max-width: 700px), only screen and (max-device-width: 700px)
1508 {
1509 p.submit-buttons {
1510 margin-top: 0;
1511 }
1512 }
1513
1514 /* Input field styles
1515 ---------------------------------------- */
1516
1517 input.radio, input.checkbox, input.permissions-checkbox {
1518 width: auto !important;
1519 background-color: transparent;
1520 border: none;
1521 cursor: pointer;
1522 }
1523
1524 input.full,
1525 textarea.full {
1526 width: 99%;
1527 }
1528
1529 input.medium { width: 50%;}
1530 input.narrow { width: 25%;}
1531 input.tiny { width: 10%;}
1532 input.autowidth { width: auto !important;}
1533 .box2 .inputbox { background-color: #E9E9E9;}
1534
1535 /* Form button styles
1536 ---------------------------------------- */
1537 a.button1, input.button1,
1538 a.button2, input.button2 {
1539 width: auto !important;
1540 padding: 1px 3px 0 3px;
1541 font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
1542 color: #000;
1543 font-size: 0.85em;
1544 background: #EFEFEF url("../images/bg_button.gif") repeat-x top;
1545 cursor: pointer;
1546 }
1547
1548 a.button1, input.button1 {
1549 font-weight: bold;
1550 border: 1px solid #666666;
1551 }
1552
1553 /* Alternative button */
1554 a.button2, input.button2 {
1555 border: 1px solid #666666;
1556 }
1557
1558 /* <a> button in the style of the form buttons */
1559 a.button1, a.button1:link, a.button1:visited, a.button1:active,
1560 a.button2, a.button2:link, a.button2:visited, a.button2:active {
1561 text-decoration: none;
1562 color: #000000;
1563 padding: 4px 8px;
1564 }
1565
1566 /* Hover states */
1567 a.button1:hover, input.button1:hover,
1568 a.button2:hover, input.button2:hover {
1569 border: 1px solid #BC2A4D;
1570 background: #EFEFEF url("../images/bg_button.gif") repeat bottom;
1571 color: #BC2A4D;
1572 }
1573
1574 input.disabled {
1575 font-weight: normal;
1576 color: #666666;
1577 }
1578
1579 /* Focus states */
1580 input.button1:focus, input.button2:focus {
1581 outline-style: none;
1582 }
1583
1584 /* jQuery popups
1585 ---------------------------------------- */
1586 .phpbb_alert {
1587 background-color: #FFFFFF;
1588 border: 1px solid #999999;
1589 position: fixed;
1590 display: none;
1591 top: 150px;
1592 left: 0;
1593 right: 0;
1594 width: 620px;
1595 margin: 0 auto;
1596 z-index: 50;
1597 padding: 25px;
1598 padding: 0 25px 20px 25px;
1599 }
1600
1601 .phpbb_alert .alert_close {
1602 display: block;
1603 float: right;
1604 width: 16px;
1605 height: 16px;
1606 overflow: hidden;
1607 text-decoration: none !important;
1608 background: transparent url("../images/alert_close.png") 0 0 no-repeat;
1609 margin-top: -7px;
1610 margin-right: -31px;
1611 }
1612 .phpbb_alert .alert_close:hover {
1613 background-position: 0 -16px;
1614 }
1615
1616
1617 .phpbb_alert p {
1618 margin: 8px 0;
1619 padding-bottom: 8px;
1620 }
1621
1622 .phpbb_alert label {
1623 display: block;
1624 margin: 8px 0;
1625 padding-bottom: 8px;
1626 }
1627
1628 .phpbb_alert div.alert_text > p,
1629 .phpbb_alert div.alert_text > label,
1630 .phpbb_alert div.alert_text > select,
1631 .phpbb_alert div.alert_text > textarea,
1632 .phpbb_alert div.alert_text > input {
1633 font-size: 0.9em;
1634 }
1635
1636 #darkenwrapper {
1637 display: none;
1638 position: relative;
1639 z-index: 44;
1640 }
1641
1642 #darken {
1643 position: fixed;
1644 left: 0;
1645 top: 0;
1646 width: 100%;
1647 height: 100%;
1648 background-color: #000000;
1649 opacity: 0.5;
1650 z-index: 45;
1651 }
1652
1653 @media only screen and (max-height: 500px), only screen and (max-device-width: 500px)
1654 {
1655 .phpbb_alert {
1656 top: 25px;
1657 }
1658 }
1659
1660 @media only screen and (max-width: 700px), only screen and (max-device-width: 700px)
1661 {
1662 .phpbb_alert {
1663 width: auto;
1664 margin: 0 25px;
1665 }
1666 }
1667
1668 #loading_indicator {
1669 background: #000000 url("../images/loading.gif") center center no-repeat;
1670 border-radius: 5px;
1671 display: none;
1672 opacity: 0.8;
1673 margin-top: -50px;
1674 margin-left: -50px;
1675 height: 50px;
1676 width: 50px;
1677 position: fixed;
1678 left: 50%;
1679 top: 50%;
1680 z-index: 51;
1681 }
1682
1683 /* Pagination
1684 ---------------------------------------- */
1685 .pagination {
1686 font-size: .85em;
1687 height: 1%; /* IE tweak (holly hack) */
1688 width: auto;
1689 text-align: right;
1690 margin: 5px 0;
1691 }
1692
1693 .top-pagination {
1694 float: right;
1695 margin: 15px 0 5px 0;
1696 }
1697
1698 .rtl .pagination {
1699 text-align: left;
1700 float: left;
1701 }
1702
1703 li.pagination {
1704 margin-top: 0;
1705 }
1706
1707 .pagination img {
1708 vertical-align: middle;
1709 }
1710
1711 .pagination ul {
1712 display: inline-block;
1713 *display: inline; /* IE7 inline-block hack */
1714 *zoom: 1;
1715 margin-left: 0;
1716 margin-bottom: 0;
1717 }
1718
1719 li.pagination ul {
1720 margin-top: -2px;
1721 vertical-align: middle;
1722 }
1723
1724 .pagination ul li, dl .pagination ul li, dl.icon .pagination ul li {
1725 display: inline;
1726 padding: 0;
1727 font-size: 100%;
1728 line-height: normal;
1729 }
1730
1731 .pagination li a, .pagnation li span, li .pagination li a, li .pagnation li span, .pagination li.active span, .pagination li.ellipsis span {
1732 font-weight: normal;
1733 text-decoration: none;
1734 padding: 0 2px;
1735 border: 1px solid transparent;
1736 font-size: 0.9em;
1737 line-height: 1.5em;
1738 }
1739
1740 .pagination li a, .pagination li a:link, .pagination li a:visited {
1741 color: #5C758C;
1742 background-color: #ECEDEE;
1743 border-color: #B4BAC0;
1744 }
1745
1746 .pagination li.ellipsis span {
1747 background-color: transparent;
1748 color: #000000;
1749 }
1750
1751 .pagination li.active span {
1752 color: #FFFFFF;
1753 background-color: #4692BF;
1754 border-color: #4692BF;
1755 }
1756
1757 .pagination li a:hover, .pagination .active a:hover {
1758 color: #FFFFFF;
1759 background-color: #368AD2;
1760 border-color: #368AD2;
1761 }
1762
1763 .pagination li a:active, .pagination li.active a:active {
1764 color: #5C758C;
1765 background-color: #ECEDEE;
1766 border-color: #B4BAC0;
1767 }
1768
1769 @media only screen and (max-width: 700px), only screen and (max-device-width: 700px)
1770 {
1771 .pagination, .rtl .pagination {
1772 float: none;
1773 text-align: center;
1774 margin: 5px 0;
1775 }
1776
1777 .pagination li a, .pagination li span {
1778 display: inline-block;
1779 min-width: 10px;
1780 }
1781 }
1782
1783 /* Action Highlighting
1784 ---------------------------------------- */
1785 .successbox, .errorbox, .warningbox {
1786 padding: 8px;
1787 margin: 10px 0;
1788 color: #FFFFFF;
1789 text-align: center;
1790 clear: both;
1791 }
1792
1793 .success {
1794 color: #228822;
1795 }
1796
1797 .error {
1798 color: #BC2A4D;
1799 }
1800
1801 .successbox {
1802 background-color: #228822;
1803 }
1804
1805 .errorbox {
1806 background-color: #BC2A4D;
1807 }
1808
1809 .warningbox {
1810 background-color: #fca600;
1811 }
1812
1813 .successbox h3, .errorbox h3 {
1814 color: #FFFFFF;
1815 margin: 0 0 0.5em;
1816 font-size: 1.10em;
1817 font-family: "Lucida Grande",Verdana,Helvetica,Arial,sans-serif;
1818 }
1819
1820 .successbox p, .errorbox p {
1821 color: #FFFFFF;
1822 font-size: 0.85em;
1823 margin-bottom: 0;
1824 }
1825
1826 .errorbox a:link, .errorbox a:active, .errorbox a:visited,
1827 .successbox a:link, .successbox a:active, .successbox a:visited {
1828 color: #DBD7D1;
1829 text-decoration: underline;
1830 font-weight: bold;
1831 }
1832
1833 .errorbox a:hover, .successbox a:hover {
1834 color: #FFFFFF;
1835 text-decoration: none;
1836 font-weight: bold;
1837 }
1838
1839 #log-container {
1840 display: none;
1841 max-height: 300px;
1842 padding: 8px;
1843 margin: 10px 0;
1844 clear: both;
1845 overflow-y: auto;
1846 background-color: #FFFFFF;
1847 }
1848
1849 #log-container.show_log_container {
1850 display: block;
1851 border: 1px solid #DBD7D1;
1852 }
1853
1854 .log {
1855 font-size: 0.8em;
1856 }
1857
1858 .notice {
1859 background-color: #62A5CC;
1860 }
1861
1862 .download-box {
1863 margin: 10px 0 10px 0;
1864 }
1865
1866 /* Special cases for the error page */
1867 #errorpage #page-header a {
1868 font-weight: bold;
1869 line-height: 6em;
1870 }
1871
1872 #errorpage #content {
1873 padding-top: 10px;
1874 }
1875
1876 #errorpage #content h1 {
1877 color: #DF075C;
1878 }
1879
1880 #errorpage #content h2 {
1881 margin-top: 20px;
1882 margin-bottom: 5px;
1883 border-bottom: 1px solid #CCCCCC;
1884 padding-bottom: 5px;
1885 color: #333333;
1886 }
1887
1888 /* Tooltip for permission roles */
1889 .tooltip {
1890 width: 200px;
1891 color: #000;
1892 text-align: center;
1893 border: 1px solid #AAA;
1894 opacity: .95;
1895 }
1896
1897 .tooltip span.top {
1898 background: #EFEFEF;
1899 font-weight: bold;
1900 padding: 2px;
1901 }
1902
1903 .tooltip span.bottom {
1904 padding: 5px;
1905 color: #000000;
1906 background: #FFFFFF;
1907 }
1908
1909 /*
1910 Format Buttons for signature editor
1911 */
1912 #format-buttons {
1913 margin: 15px 0 2px 0;
1914 }
1915
1916 #format-buttons input, #format-buttons select {
1917 vertical-align: middle;
1918 }
1919
1920 .row, fieldset dl {
1921 overflow: hidden;
1922 }
1923
1924 /* Syntax Highlighting
1925 ---------------------------------------- */
1926 .sourcenum {
1927 color: gray;
1928 font-family: Monaco, 'Courier New', monospace;
1929 font-size: 1.25em;
1930 font-weight: bold;
1931 line-height: 1.20em;
1932 text-align: right;
1933 padding: 0;
1934 }
1935
1936 .rtl .sourcenum {
1937 text-align: left;
1938 }
1939
1940 .source {
1941 font-family: Monaco, 'Courier New', monospace;
1942 font-size: 1.25em;
1943 line-height: 1.20em;
1944 padding: 0;
1945 }
1946
1947 .syntaxbg {
1948 color: #FFFFFF;
1949 }
1950
1951 .syntaxcomment {
1952 color: #FF8000;
1953 }
1954
1955 .syntaxdefault {
1956 color: #0000BB;
1957 }
1958
1959 .syntaxhtml {
1960 color: #000000;
1961 }
1962
1963 .syntaxkeyword {
1964 color: #007700;
1965 }
1966
1967 .syntaxstring {
1968 color: #DD0000;
1969 }
1970
1971 /* Permission interface
1972 ---------------------------------------- */
1973
1974 .column1, .column2 {
1975 width: 48%;
1976 float: left;
1977 }
1978
1979 .ltr .column2, .rtl .column1 {
1980 float: right;
1981 }
1982
1983 fieldset.permissions legend {
1984 text-transform: none;
1985 }
1986
1987 fieldset.permissions legend input{
1988 height: 1.1em;
1989 }
1990
1991 /* Permission sections */
1992 fieldset.permissions .permissions-simple {
1993 text-align: left;
1994 padding-top: 3px;
1995 }
1996
1997 .rtl fieldset.permissions .permissions-simple {
1998 text-align: right;
1999 }
2000
2001 fieldset.permissions .permissions-advanced {
2002 padding: 10px 0 0 5px;
2003 vertical-align: top;
2004 clear: right;
2005 }
2006
2007 .rtl fieldset.permissions .permissions-advanced {
2008 padding: 10px 5px 0 0;
2009 clear: left;
2010 }
2011
2012 fieldset.permissions .permissions-switch {
2013 float: right;
2014 }
2015
2016 .rtl fieldset.permissions .permissions-switch {
2017 float: left;
2018 }
2019
2020 fieldset.permissions .padding {
2021 }
2022
2023 .permissions-switch {
2024 margin-top: -6px;
2025 font-size: .9em;
2026 }
2027
2028 .permissions-switch a {
2029 text-decoration: underline;
2030 }
2031
2032 .permissions-reset {
2033 padding-bottom: 10px;
2034 }
2035
2036 .permissions-reset a {
2037 font-size: .85em;
2038 }
2039
2040 /* Tabbed menu */
2041 .permissions-category {
2042 line-height: normal;
2043 margin: 0 0 -1px 7px;
2044 min-width: 570px;
2045 font-size: 0.85em;
2046 }
2047
2048 .rtl .permissions-category {
2049 margin: 0 7px -1px 0;
2050 }
2051
2052 .permissions-category ul {
2053 margin: 0;
2054 padding: 0;
2055 list-style: none;
2056 }
2057
2058 .permissions-category li {
2059 display: inline;
2060 margin: 0;
2061 padding: 0;
2062 font-size: 1em;
2063 font-weight: bold;
2064 }
2065
2066 .permissions-category a {
2067 float: left;
2068 background: url("../images/bg_tabs_alt1.gif") no-repeat 0% -35px;
2069 margin: 0 1px 0 0;
2070 padding: 0 0 0 6px;
2071 text-decoration: none;
2072 position: relative;
2073 }
2074
2075 .rtl .permissions-category a {
2076 float: right;
2077 }
2078
2079 .permissions-category a span.tabbg {
2080 float: left;
2081 display: block;
2082 background: url("../images/bg_tabs_alt2.gif") no-repeat 100% -35px;
2083 padding: 7px 12px 6px 6px;
2084 color: #536482;
2085 white-space: nowrap;
2086 }
2087
2088 .rtl .permissions-category a span.tabbg {
2089 float: right;
2090 }
2091
2092 /* Commented Backslash Hack hides rule from IE5-Mac \*/
2093 .permissions-category a span.tabbg, .rtl .permissions-category a span.tabbg { float: none;}
2094 /* End hack */
2095
2096 .permissions-category a:hover span.tabbg {
2097 color: #DD6900;
2098 }
2099
2100 .permissions-category .activetab a {
2101 background-position: 0 0;
2102 }
2103
2104 .permissions-category .activetab a span.tabbg {
2105 background-position: 100% 0;
2106 padding-bottom: 7px;
2107 color: #333333;
2108 }
2109
2110 .permissions-category a:hover {
2111 background-position: 0 -70px;
2112 }
2113
2114 .permissions-category a:hover span.tabbg {
2115 background-position: 100% -70px;
2116 }
2117
2118 .permissions-category .activetab a:hover span.tabbg {
2119 color: #333333;
2120 background-position: 100% 0;
2121 }
2122
2123 .permissions-category .activetab a:hover {
2124 background-position: 0 0;
2125 }
2126
2127 .permissions-category a span.colour {
2128 border: 1px solid #536482;
2129 display: block;
2130 float: left;
2131 width: 10px;
2132 height: 10px;
2133 margin: 0 5px 0 0;
2134 }
2135
2136 /* 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
2137 .rtl .permissions-category a span.colour {
2138 float: right;
2139 margin: 0 0 0 5px;
2140 }
2141 */
2142
2143 .permissions-category .activetab span.colour {
2144 border-color: #333333;
2145 }
2146
2147 .permissions-category a:hover span.colour {
2148 border-color: #DD6900;
2149 }
2150
2151 .permissions-category .activetab a:hover span.colour {
2152 border-color: #333333;
2153 }
2154
2155 /* Permission preset colours */
2156 .permissions-preset-yes span.colour,
2157 .yes {
2158 background-color: #86F786;
2159 }
2160
2161 .permissions-preset-custom span.colour {
2162 background-color: #B2BBDD;
2163 }
2164
2165 .permissions-preset-never span.colour {
2166 background-color: #DD0000;
2167 }
2168
2169 .permissions-preset-no span.colour,
2170 .never {
2171 background-color: #EFB0B2;
2172 }
2173
2174 /* Permission panel
2175 ---------------------------------------- */
2176 .permissions-panel {
2177 float: left;
2178 background-color: #CADCEB;
2179 width: 100%;
2180 border-radius: 5px;
2181 overflow: hidden;
2182 padding: 5px 0;
2183 }
2184
2185 .rtl .permissions-panel {
2186 float: right;
2187 }
2188
2189 /* Permission table
2190 ---------------------------------------- */
2191 .permissions-panel .tablewrap {
2192 margin: 0 10px;
2193 }
2194
2195 .permissions-panel table {
2196 width: 100%;
2197 }
2198
2199 .permissions-panel th {
2200 text-transform: none;
2201 }
2202
2203 .permissions-panel th.value {
2204 text-align: center;
2205 }
2206
2207 .permissions-panel th.name {
2208 text-align: left;
2209 width: auto;
2210 text-transform: none;
2211 }
2212
2213 .rtl .permissions-panel th.name {
2214 text-align: right;
2215 }
2216
2217 .permissions-panel th.permissions-name {
2218 border: none;
2219 color: #536482;
2220 font-weight: normal;
2221 }
2222
2223 .permissions-panel th.permissions-name a.trace {
2224 display: inline;
2225 }
2226
2227 .permissions-panel th.row3 {
2228 background-image: none;
2229 background-color: #D1D7DC;
2230 color: #536482;
2231 border: none;
2232 }
2233
2234 .permissions-panel th.row4 {
2235 background-image: none;
2236 background-color: #E4E8EB;
2237 color: #536482;
2238 border: none;
2239 }
2240
2241 .permissions-panel th a:link, .permissions-panel th a:hover, .permissions-panel th a:visited {
2242 display: block;
2243 color: #FFFFFF;
2244 text-decoration: underline;
2245 }
2246
2247 .permissions-panel td.permissions-yes label:hover {
2248 background-color: #86F786;
2249 }
2250
2251 .permissions-panel td.permissions-no label:hover {
2252 background-color: #EFB0B2;
2253 }
2254
2255 .permissions-panel td.permissions-never label:hover {
2256 background-color: #DD0000;
2257 }
2258
2259 .permissions-panel td {
2260 padding: 0;
2261 text-align: center;
2262 width: 10%;
2263 }
2264
2265 .permissions-panel td label {
2266 display: block;
2267 margin: 0;
2268 padding: 0;
2269 }
2270
2271 @media only screen and (max-width: 700px), only screen and (max-device-width: 700px)
2272 {
2273 .column1, .column2 {
2274 float: none !important;
2275 width: auto;
2276 }
2277
2278 .permissions-simple {
2279 clear: both;
2280 }
2281
2282 .permissions-simple td, .permissions-simple dd {
2283 width: auto !important;
2284 margin-left: 0 !important;
2285 margin-right: 0 !important;
2286 }
2287
2288 .permissions-simple dd {
2289 margin-top: 5px;
2290 }
2291
2292 .permissions-panel .tablewrap {
2293 margin: 0 5px;
2294 }
2295
2296 .permissions-category {
2297 min-width: 0;
2298 margin: 0 !important;
2299 }
2300
2301 .permissions-category a, .permissions-category a span.tabbg {
2302 display: block;
2303 float: none !important;
2304 background: transparent none;
2305 }
2306
2307 .permissions-category a {
2308 background: #d9e5ee;
2309 margin: 5px 0;
2310 padding: 0 !important;
2311 border-radius: 3px;
2312 text-decoration: underline;
2313 }
2314
2315 .permissions-category .activetab a {
2316 background-color: #dd6900;
2317 color: #fff;
2318 }
2319
2320 .permissions-category a span.tabbg {
2321 color: inherit !important;
2322 padding-top: 6px !important;
2323 padding-bottom: 6px !important;
2324 }
2325
2326 .permissions-category .activetab span.colour {
2327 border-color: #fff;
2328 }
2329 }
2330
2331 /* Avatars gallery
2332 ---------------------------------------- */
2333 #gallery {
2334 display: block;
2335 margin: 0 -5px;
2336 padding: 0;
2337 overflow: hidden;
2338 }
2339
2340 #gallery li {
2341 display: block;
2342 float: left;
2343 border: 1px solid #ccc;
2344 border-radius: 2px;
2345 background: #fff;
2346 padding: 5px;
2347 margin: 5px;
2348 }
2349
2350 #gallery li:hover {
2351 background-color: #eee;
2352 }
2353
2354 #gallery li label {
2355 display: block;
2356 text-align: center;
2357 padding: 0;
2358 }
2359
2360 /* Dropdown menu
2361 ----------------------------------------*/
2362 .dropdown {
2363 position: absolute;
2364 left: 0;
2365 top: 22px;
2366 z-index: 2;
2367 border: 1px solid transparent;
2368 border-radius: 5px;
2369 padding: 9px 0 0;
2370 }
2371
2372 .dropdown-up .dropdown {
2373 top: auto;
2374 bottom: 18px;
2375 padding: 0 0 9px;
2376 }
2377
2378 .dropdown-left .dropdown {
2379 left: auto;
2380 right: 0;
2381 }
2382
2383 .dropdown .pointer, .dropdown .pointer-inner {
2384 position: absolute;
2385 width: 0;
2386 height: 0;
2387 border-top-width: 0;
2388 border-bottom: 10px solid transparent;
2389 border-left: 10px dashed transparent;
2390 border-right: 10px dashed transparent;
2391 -webkit-transform: rotate(360deg); /* better anti-aliasing in webkit */
2392 display: block;
2393 }
2394
2395 .dropdown-up .pointer, .dropdown-up .pointer-inner {
2396 border-bottom-width: 0;
2397 border-top: 10px solid transparent;
2398 }
2399
2400 .dropdown .pointer {
2401 right: auto;
2402 left: 10px;
2403 top: 0;
2404 z-index: 3;
2405 }
2406
2407 .dropdown-up .pointer {
2408 bottom: 0;
2409 top: auto;
2410 }
2411
2412 .dropdown-left .dropdown .pointer {
2413 left: auto;
2414 right: 10px;
2415 }
2416
2417 .dropdown .pointer-inner {
2418 top: auto;
2419 bottom: -11px;
2420 left: -10px;
2421 }
2422
2423 .dropdown-up .pointer-inner {
2424 bottom: auto;
2425 top: -11px;
2426 }
2427
2428 .dropdown .pointer {
2429 border-color: #B9B9B9 transparent;
2430 }
2431
2432 .dropdown .pointer-inner {
2433 border-color: #FFF transparent;
2434 }
2435
2436 .dropdown .dropdown-contents {
2437 z-index: 2;
2438 overflow: hidden;
2439 overflow-y: auto;
2440 background: #fff;
2441 border: 1px solid #b9b9b9;
2442 border-radius: 5px;
2443 padding: 5px;
2444 position: relative;
2445 min-width: 40px;
2446 max-height: 200px;
2447 box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.2);
2448 -webkit-box-sizing: border-box;
2449 -moz-box-sizing: border-box;
2450 box-sizing: border-box;
2451 }
2452
2453 .dropdown-up .dropdown-contents {
2454 box-shadow: 1px 0 5px rgba(0, 0, 0, 0.2);
2455 }
2456
2457 .dropdown li {
2458 float: none;
2459 margin: 0;
2460 white-space: nowrap;
2461 text-align: left;
2462 }
2463
2464 .wrap .dropdown li, .dropdown.wrap li {
2465 white-space: normal;
2466 }
2467
2468 .dropdown li:before, .dropdown li:after {
2469 display: none !important;
2470 }
2471
2472 .roles-options > .dropdown {
2473 left: auto;
2474 top: 3.2em;
2475 width: 250px;
2476 }
2477
2478 .roles-options {
2479 -webkit-user-select: none;
2480 -moz-user-select: none;
2481 -ms-user-select: none;
2482 -o-user-select: none;
2483 user-select: none;
2484 width: 250px;
2485 }
2486
2487 .roles-options > span {
2488 border: 1px solid #DEDEDE;
2489 border-radius: 3px;
2490 padding: 4px;
2491 width: 250px;
2492 display: none;
2493 background: url('../images/arrow_down.gif') no-repeat 245px .7em;
2494 }
2495
2496 .roles-options li {
2497 list-style: none;
2498 }
2499
2500 .roles-highlight {
2501 background-color: #1e90ff;
2502 color: #fff;
2503 }
2504
2505
2506 /* Classes for additional tasks
2507 ---------------------------------------- */
2508
2509 .phpinfo {
2510 overflow: auto;
2511 width: 99%;
2512 direction: ltr;
2513 }
2514
2515 .phpinfo td, .phpinfo th, .phpinfo h2, .phpinfo h1 {
2516 text-align: left;
2517 }
2518
2519 .requirements_not_met {
2520 padding: 5px;
2521 background-color: #BC2A4D;
2522 }
2523
2524 .requirements_not_met dt label, .requirements_not_met dd p {
2525 color: #FFFFFF;
2526 font-size: 1.4em;
2527 }
2528
2529 @media only screen and (max-width: 700px), only screen and (max-device-width: 700px)
2530 {
2531 .responsive-hide { display: none !important; }
2532 .responsive-show { display: block !important; }
2533 .responsive-show-inline { display: inline !important; }
2534 .responsive-show-inline-block { display: inline-block !important; }
2535 }
2536
2537 .clearfix {
2538 overflow: hidden;
2539 }
2540
2541 .pagination:after,
2542 #page-header:after,
2543 #page-body:after,
2544 #tabs:after,
2545 #tabs > ul:after,
2546 #tabs li:after,
2547 #acp:after,
2548 #content:after {
2549 content: '';
2550 clear: both;
2551 display: block;
2552 }
2553
2554 #progress-bar {
2555 position: relative;
2556 width: 90%;
2557 text-align: center;
2558 height: 25px;
2559 margin: 20px auto;
2560 border: 1px solid #cecece;
2561 }
2562
2563 #progress-bar #progress-bar-text {
2564 position: absolute;
2565 top: 0;
2566 width: 100%;
2567 color: #000;
2568 }
2569
2570 #progress-bar #progress-bar-filler {
2571 display: block;
2572 position: relative;
2573 top: 0;
2574 left: 0;
2575 background-color: #3c84ad;
2576 width: 0;
2577 height: 25px;
2578 overflow: hidden;
2579 color: #fff;
2580 }
2581
2582 #progress-bar p {
2583 line-height: 25px;
2584 font-weight: bold;
2585 }
2586
2587 .send-stats-row {
2588 margin: 15px 0;
2589 }
2590
2591 .send-stats-row:before {
2592 display: table;
2593 content: " ";
2594 }
2595
2596 .send-stats-tile {
2597 position: relative;
2598 padding: 14px;
2599 margin-bottom: 20px;
2600 background-color: #eff0f2;
2601 border-radius: 6px;
2602 box-shadow: rgba(0,0,0,0.3) 1px 1px 5px;
2603 }
2604
2605 .send-stats-tile h2 {
2606 margin-top: 0;
2607 text-align: center;
2608 padding-bottom: 1em;
2609 }
2610
2611 .send-stats-tile i {
2612 padding-right: 0.3em;
2613 }
2614
2615 .icon {
2616 font-family: FontAwesome;
2617 font-style: normal;
2618 }
2619
2620 .send-stats-data-row {
2621 background: #f9f9f9;
2622 border-radius: 6px;
2623 border: #DEDEDE 1px solid;
2624 padding: 10px;
2625 border-top-width: 0;
2626 border-top-right-radius: 0;
2627 border-top-left-radius: 0;
2628 }
2629
2630 .send-stats-data-hidden .configlist {
2631 display: none;
2632 }
2633
2634 .send-stats-data-only-row {
2635 border-radius: 6px !important;
2636 border-bottom-width: 1px !important;
2637 }
2638
2639 .send-stats-data-hidden {
2640 padding: 0;
2641 border: none;
2642 }
2643
2644 .send-stats-row > .send-stats-data-row:first-child {
2645 background-color: #d9edf7;
2646 border-bottom-width: 0;
2647 border-top-right-radius: 6px;
2648 border-top-left-radius: 6px;
2649 border-top-width: 1px;
2650 border-bottom-left-radius: 0;
2651 border-bottom-right-radius: 0;
2652 }
2653
2654 .send-stats-settings dt, .send-stats-settings dd {
2655 min-width: 25px;
2656 }
2657
2658 .send-stats-settings dd {
2659 line-height: 1.5em;
2660 }
2661
2662 .send-stats-settings input {
2663 display: none;
2664 }
2665
2666 .send-stats-settings input[type=checkbox] + label:before {
2667 content: "\f096";
2668 font-family: FontAwesome;
2669 font-size: 1.5em;
2670 }
2671
2672 .send-stats-settings input[type=checkbox]:checked + label:before {
2673 content: "\f14a";
2674 color: #3c763d;
2675 }
2676
2677 .send-stats-data-row a:hover span {
2678 text-decoration: underline;
2679 }
2680
2681 .send-stats-data-row a {
2682 text-decoration: none;
2683 cursor: default;
2684 }
2685
2686 .send-stats-data-row i {
2687 padding-left: 6px;
2688 }
2689
2690 .configlist {
2691 word-wrap: break-word;
2692 word-break: break-all;
2693 }
2694