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 |
colours.css
0001 /*
0002 --------------------------------------------------------------
0003 Colours and backgrounds for common.css
0004 -------------------------------------------------------------- */
0005
0006 html, body {
0007 color: #536482;
0008 background-color: #F5F7FA;
0009 }
0010
0011 h1 {
0012 color: #FFFFFF;
0013 }
0014
0015 h2 {
0016 color: #28313F;
0017 }
0018
0019 h3 {
0020 border-bottom-color: #CCCCCC;
0021 color: #115098;
0022 }
0023
0024 hr {
0025 border-color: #FFFFFF;
0026 border-top-color: #CCCCCC;
0027 }
0028
0029 /*
0030 --------------------------------------------------------------
0031 Colours and backgrounds for links.css
0032 -------------------------------------------------------------- */
0033
0034 a { color: #105289; }
0035 a:hover { color: #D31141; }
0036
0037 /* Links on gradient backgrounds */
0038 .forumbg .header a, .forabg .header a, th a {
0039 color: #FFFFFF;
0040 }
0041
0042 .forumbg .header a:hover, .forabg .header a:hover, th a:hover {
0043 color: #A8D8FF;
0044 }
0045
0046 /* Notification mark read link */
0047 .dropdown-extended a.mark_read {
0048 background-color: #FFFFFF;
0049 }
0050
0051 /* Post body links */
0052 .postlink {
0053 border-bottom-color: #368AD2;
0054 color: #368AD2;
0055 }
0056
0057 .postlink:visited {
0058 border-bottom-color: #5D8FBD;
0059 color: #5D8FBD;
0060 }
0061
0062 .postlink:hover {
0063 background-color: #D0E4F6;
0064 color: #0D4473;
0065 }
0066
0067 .signature a, .signature a:hover {
0068 background-color: transparent;
0069 }
0070
0071 /* Back to top of page */
0072 .top i {
0073 color: #999999;
0074 }
0075
0076 /* Arrow links */
0077 .arrow-left:hover, .arrow-right:hover {
0078 color: #368AD2;
0079 }
0080
0081 /* Round cornered boxes and backgrounds
0082 ---------------------------------------- */
0083 .wrap {
0084 background-color: #FFF;
0085 border-color: #E6E9ED;
0086 }
0087
0088 .headerbar {
0089 color: #FFFFFF;
0090 }
0091
0092 .headerbar, .forumbg {
0093 background-color: #12A3EB;
0094 background-image: -webkit-linear-gradient(top, #6ACEFF 0%, #0076B1 2px, #12A3EB 92px, #12A3EB 100%);
0095 background-image: linear-gradient(to bottom, #6ACEFF 0%,#0076B1 2px,#12A3EB 92px,#12A3EB 100%);
0096 background-repeat: repeat-x;
0097 }
0098
0099 .forabg {
0100 background-color: #0076B1;
0101 background-image: -webkit-linear-gradient(top, #6ACEFF 0%, #12A3EB 2px, #0076B1 92px, #0076B1 100%);
0102 background-image: linear-gradient(to bottom, #6ACEFF 0%,#12A3EB 2px,#0076B1 92px,#0076B1 100%);
0103 background-repeat: repeat-x;
0104 }
0105
0106 .navbar {
0107 background-color: #CADCEB;
0108 }
0109
0110 .panel {
0111 background-color: #ECF1F3;
0112 color: #28313F;
0113 }
0114
0115 .post:target .content {
0116 color: #000000;
0117 }
0118
0119 .post:target h3 a {
0120 color: #000000;
0121 }
0122
0123 .bg1 {
0124 background-color: #ECF3F7;
0125 }
0126
0127 table.zebra-list tr:nth-child(odd) td, ul.zebra-list li:nth-child(odd) {
0128 background-color: #ECF3F7;
0129 }
0130
0131 .bg2 {
0132 background-color: #E1EBF2;
0133 }
0134
0135 table.zebra-list tr:nth-child(even) td, ul.zebra-list li:nth-child(even) {
0136 background-color: #E1EBF2;
0137 }
0138
0139 .bg3 {
0140 background-color: #CADCEB;
0141 }
0142
0143 .ucprowbg {
0144 background-color: #DCDEE2;
0145 }
0146
0147 .fieldsbg {
0148 background-color: #E7E8EA;
0149 }
0150
0151 .site_logo {
0152 background-image: url("./images/site_logo.gif");
0153 }
0154
0155 /* Horizontal lists
0156 ----------------------------------------*/
0157
0158 ul.navlinks {
0159 border-top-color: #FFFFFF;
0160 }
0161
0162 /* Table styles
0163 ----------------------------------------*/
0164 table.table1 thead th {
0165 color: #FFFFFF;
0166 }
0167
0168 table.table1 tbody tr {
0169 border-color: #BFC1CF;
0170 }
0171
0172 table.table1 tbody tr:hover, table.table1 tbody tr.hover {
0173 background-color: #CFE1F6;
0174 color: #000;
0175 }
0176
0177 table.table1 td {
0178 color: #536482;
0179 }
0180
0181 table.table1 tbody td {
0182 border-top-color: #FAFAFA;
0183 }
0184
0185 table.table1 tbody th {
0186 border-bottom-color: #000000;
0187 color: #333333;
0188 background-color: #FFFFFF;
0189 }
0190
0191 table.info tbody th {
0192 color: #000000;
0193 }
0194
0195 /* Misc layout styles
0196 ---------------------------------------- */
0197 dl.details dt {
0198 color: #000000;
0199 }
0200
0201 dl.details dd {
0202 color: #536482;
0203 }
0204
0205 .sep {
0206 color: #1198D9;
0207 }
0208
0209 /* Icon styles
0210 ---------------------------------------- */
0211 .icon.icon-blue, a:hover .icon.icon-blue {
0212 color: #196db5;
0213 }
0214
0215 .icon.icon-green, a:hover .icon.icon-green{
0216 color: #1b9A1B;
0217 }
0218
0219 .icon.icon-red, a:hover .icon.icon-red{
0220 color: #BC2A4D;
0221 }
0222
0223 .icon.icon-orange, a:hover .icon.icon-orange{
0224 color: #FF6600;
0225 }
0226
0227 .icon.icon-bluegray, a:hover .icon.icon-bluegray{
0228 color: #536482;
0229 }
0230
0231 .icon.icon-gray, a:hover .icon.icon-gray{
0232 color: #777777;
0233 }
0234
0235 .icon.icon-lightgray, a:hover .icon.icon-lightgray{
0236 color: #999999;
0237 }
0238
0239 .icon.icon-black, a:hover .icon.icon-black{
0240 color: #333333;
0241 }
0242
0243 .alert_close .icon:before {
0244 background-color: #FFFFFF;
0245 }
0246
0247 /* Jumpbox */
0248 .jumpbox .dropdown li {
0249 border-top-color: #CCCCCC;
0250 }
0251
0252 .jumpbox-cat-link {
0253 background-color: #0076b1;
0254 border-top-color: #0076B1;
0255 color: #FFFFFF;
0256 }
0257
0258 .jumpbox-cat-link:hover {
0259 background-color: #12A3EB;
0260 border-top-color: #12A3EB;
0261 color: #FFFFFF;
0262 }
0263
0264 .jumpbox-forum-link {
0265 background-color: #E1EBF2;
0266 }
0267
0268 .jumpbox-forum-link:hover {
0269 background-color: #F6F4D0;
0270 }
0271
0272 .jumpbox .dropdown .pointer-inner {
0273 border-color: #E1EBF2 transparent;
0274 }
0275
0276 .jumpbox-sub-link {
0277 background-color: #E1EBF2;
0278 }
0279
0280 .jumpbox-sub-link:hover {
0281 background-color: #F1F8FF;
0282 }
0283
0284 /* Miscellaneous styles
0285 ---------------------------------------- */
0286
0287 .copyright {
0288 color: #555555;
0289 }
0290
0291 .error {
0292 color: #BC2A4D;
0293 }
0294
0295 .reported {
0296 background-color: #F7ECEF;
0297 }
0298
0299 li.reported:hover {
0300 background-color: #ECD5D8 !important;
0301 }
0302 .sticky, .announce {
0303 /* you can add a background for stickies and announcements*/
0304 }
0305
0306 div.rules {
0307 background-color: #ECD5D8;
0308 color: #BC2A4D;
0309 }
0310
0311 p.post-notice {
0312 background-color: #ECD5D8;
0313 background-image: none;
0314 }
0315
0316 /*
0317 --------------------------------------------------------------
0318 Colours and backgrounds for content.css
0319 -------------------------------------------------------------- */
0320
0321 ul.forums {
0322 background-color: #EEF5F9; /* Old browsers */ /* FF3.6+ */
0323 background-image: -webkit-linear-gradient(top, #D2E0EB 0%, #EEF5F9 100%);
0324 background-image: linear-gradient(to bottom, #D2E0EB 0%,#EEF5F9 100%); /* W3C */
0325 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D2E0EB', endColorstr='#EEF5F9',GradientType=0 ); /* IE6-9 */
0326 }
0327
0328 ul.topiclist li {
0329 color: #4C5D77;
0330 }
0331
0332 ul.topiclist dd {
0333 border-left-color: #FFFFFF;
0334 }
0335
0336 .rtl ul.topiclist dd {
0337 border-right-color: #FFFFFF;
0338 border-left-color: transparent;
0339 }
0340
0341 li.row {
0342 border-top-color: #FFFFFF;
0343 border-bottom-color: #00608F;
0344 }
0345
0346 li.row strong {
0347 color: #000000;
0348 }
0349
0350 li.row:hover {
0351 background-color: #F6F4D0;
0352 }
0353
0354 li.row:hover dd {
0355 border-left-color: #CCCCCC;
0356 }
0357
0358 .rtl li.row:hover dd {
0359 border-right-color: #CCCCCC;
0360 border-left-color: transparent;
0361 }
0362
0363 li.header dt, li.header dd {
0364 color: #FFFFFF;
0365 }
0366
0367 /* Post body styles
0368 ----------------------------------------*/
0369 .postbody {
0370 color: #333333;
0371 }
0372
0373 /* Content container styles
0374 ----------------------------------------*/
0375 .content {
0376 color: #333333;
0377 }
0378
0379 .content h2, .panel h2 {
0380 color: #115098;
0381 border-bottom-color: #CCCCCC;
0382 }
0383
0384 dl.faq dt {
0385 color: #333333;
0386 }
0387
0388 .posthilit {
0389 background-color: #F3BFCC;
0390 color: #BC2A4D;
0391 }
0392
0393 .announce, .unreadpost {
0394 /* Highlight the announcements & unread posts box */
0395 }
0396
0397 /* Post signature */
0398 .signature {
0399 border-top-color: #CCCCCC;
0400 }
0401
0402 /* Post noticies */
0403 .notice {
0404 border-top-color: #CCCCCC;
0405 }
0406
0407 /* BB Code styles
0408 ----------------------------------------*/
0409 /* Quote block */
0410 blockquote {
0411 background-color: #EBEADD;
0412 background-image: url("./images/quote.gif");
0413 border-color:#DBDBCE;
0414 }
0415
0416 .rtl blockquote {
0417 background-image: url("./images/quote_rtl.gif");
0418 }
0419
0420 blockquote blockquote {
0421 /* Nested quotes */
0422 background-color:#EFEED9;
0423 }
0424
0425 blockquote blockquote blockquote {
0426 /* Nested quotes */
0427 background-color: #EBEADD;
0428 }
0429
0430 /* Code block */
0431 .codebox {
0432 background-color: #FFFFFF;
0433 border-color: #C9D2D8;
0434 }
0435
0436 .codebox p {
0437 border-bottom-color: #CCCCCC;
0438 }
0439
0440 .codebox code {
0441 color: #2E8B57;
0442 }
0443
0444 .syntaxbg { color: #FFFFFF; }
0445 .syntaxcomment { color: #FF8000; }
0446 .syntaxdefault { color: #0000BB; }
0447 .syntaxhtml { color: #000000; }
0448 .syntaxkeyword { color: #007700; }
0449 .syntaxstring { color: #DD0000; }
0450
0451 /* Attachments
0452 ----------------------------------------*/
0453 .attachbox {
0454 background-color: #FFFFFF;
0455 border-color: #C9D2D8;
0456 }
0457
0458 .pm-message .attachbox {
0459 background-color: #F2F3F3;
0460 }
0461
0462 .attachbox dd {
0463 border-top-color: #C9D2D8;
0464 }
0465
0466 .attachbox p {
0467 color: #666666;
0468 }
0469
0470 .attachbox p.stats {
0471 color: #666666;
0472 }
0473
0474 .attach-image img {
0475 border-color: #999999;
0476 }
0477
0478 /* Inline image thumbnails */
0479
0480 dl.file dd {
0481 color: #666666;
0482 }
0483
0484 dl.thumbnail img {
0485 border-color: #666666;
0486 background-color: #FFFFFF;
0487 }
0488
0489 dl.thumbnail dd {
0490 color: #666666;
0491 }
0492
0493 dl.thumbnail dt a:hover {
0494 background-color: #EEEEEE;
0495 }
0496
0497 dl.thumbnail dt a:hover img {
0498 border-color: #368AD2;
0499 }
0500
0501 /* Post poll styles
0502 ----------------------------------------*/
0503
0504 fieldset.polls dl {
0505 border-top-color: #DCDEE2;
0506 color: #666666;
0507 }
0508
0509 fieldset.polls dl.voted {
0510 color: #000000;
0511 }
0512
0513 fieldset.polls dd div {
0514 color: #FFFFFF;
0515 }
0516
0517 .rtl .pollbar1, .rtl .pollbar2, .rtl .pollbar3, .rtl .pollbar4, .rtl .pollbar5 {
0518 border-right-color: transparent;
0519 }
0520
0521 .pollbar1 {
0522 background-color: #AA2346;
0523 border-bottom-color: #74162C;
0524 border-right-color: #74162C;
0525 }
0526
0527 .rtl .pollbar1 {
0528 border-left-color: #74162C;
0529 }
0530
0531 .pollbar2 {
0532 background-color: #BE1E4A;
0533 border-bottom-color: #8C1C38;
0534 border-right-color: #8C1C38;
0535 }
0536
0537 .rtl .pollbar2 {
0538 border-left-color: #8C1C38;
0539 }
0540
0541 .pollbar3 {
0542 background-color: #D11A4E;
0543 border-bottom-color: #AA2346;
0544 border-right-color: #AA2346;
0545 }
0546
0547 .rtl .pollbar3 {
0548 border-left-color: #AA2346;
0549 }
0550
0551 .pollbar4 {
0552 background-color: #E41653;
0553 border-bottom-color: #BE1E4A;
0554 border-right-color: #BE1E4A;
0555 }
0556
0557 .rtl .pollbar4 {
0558 border-left-color: #BE1E4A;
0559 }
0560
0561 .pollbar5 {
0562 background-color: #F81157;
0563 border-bottom-color: #D11A4E;
0564 border-right-color: #D11A4E;
0565 }
0566
0567 .rtl .pollbar5 {
0568 border-left-color: #D11A4E;
0569 }
0570
0571 /* Poster profile block
0572 ----------------------------------------*/
0573 .postprofile {
0574 color: #666666;
0575 border-color: #FFFFFF;
0576 }
0577
0578 .pm .postprofile {
0579 border-color: #DDDDDD;
0580 }
0581
0582 .postprofile strong {
0583 color: #000000;
0584 }
0585
0586 .online {
0587 background-image: url("./en/icon_user_online.gif");
0588 }
0589
0590 dd.profile-warnings {
0591 color: #BC2A4D;
0592 }
0593
0594 /*
0595 --------------------------------------------------------------
0596 Colours and backgrounds for buttons.css
0597 -------------------------------------------------------------- */
0598 .button {
0599 border-color: #C7C3BF;
0600 background-color: #E9E9E9; /* Old browsers */ /* FF3.6+ */
0601 background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #E9E9E9 100%);
0602 background-image: linear-gradient(to bottom, #FFFFFF 0%,#E9E9E9 100%); /* W3C */
0603 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#E9E9E9',GradientType=0 ); /* IE6-9 */
0604 box-shadow: 0 0 0 1px #FFFFFF inset;
0605 -webkit-box-shadow: 0 0 0 1px #FFFFFF inset;
0606 color: #D31141;
0607 }
0608
0609 .button:hover,
0610 .button:focus {
0611 border-color: #0A8ED0;
0612 background-color: #FFFFFF; /* Old browsers */ /* FF3.6+ */
0613 background-image: -webkit-linear-gradient(top, #E9E9E9 0%, #FFFFFF 100%);
0614 background-image: linear-gradient(to bottom, #E9E9E9 0%,#FFFFFF 100%); /* W3C */
0615 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E9E9E9', endColorstr='#FFFFFF',GradientType=0 ); /* IE6-9 */
0616 text-shadow: 1px 1px 0 #FFFFFF, -1px -1px 0 #FFFFFF, -1px -1px 0 rgba(188, 42, 77, 0.2);
0617 }
0618
0619
0620 .button .icon,
0621 .button-secondary {
0622 color: #8f8f8f;
0623 }
0624
0625 .button-secondary:focus,
0626 .button-secondary:hover,
0627 .button:focus .icon,
0628 .button:hover .icon {
0629 color: #0A8ED0;
0630 }
0631
0632 .button-search:hover,
0633 .button-search-end:hover {
0634 border-color: #C7C3BF;
0635 }
0636
0637 .caret { border-color: #DADADA; }
0638 .caret { border-color: #C7C3BF; }
0639
0640 .contact-icons a { border-color: #DCDCDC; }
0641 .contact-icons a:hover { background-color: #F2F6F9; }
0642
0643 /* Pagination
0644 ---------------------------------------- */
0645
0646 .pagination li a {
0647 background: #ECEDEE;
0648 filter: none;
0649 border-color: #B4BAC0;
0650 box-shadow: none;
0651 -webkit-box-shadow: none;
0652 color: #5C758C;
0653 }
0654
0655 .pagination li.ellipsis span {
0656 background: transparent;
0657 color: #000000;
0658 }
0659
0660 .pagination li.active span {
0661 background: #4692BF;
0662 border-color: #4692BF;
0663 color: #FFFFFF;
0664 }
0665
0666 .pagination li a:hover, .pagination li a:hover .icon, .pagination .dropdown-visible a.dropdown-trigger, .nojs .pagination .dropdown-container:hover a.dropdown-trigger {
0667 background: #368AD2;
0668 border-color: #368AD2;
0669 filter: none;
0670 color: #FFFFFF;
0671 text-shadow: none;
0672 }
0673
0674 /* Search box
0675 --------------------------------------------- */
0676
0677 .search-box .inputbox,
0678 .search-box .inputbox:hover,
0679 .search-box .inputbox:focus {
0680 border-color: #C7C3BF;
0681 }
0682
0683 .search-header {
0684 box-shadow: 0 0 10px #0075B0;
0685 }
0686
0687 /* Icon images
0688 ---------------------------------------- */
0689
0690 .contact-icon { background-image: url("./images/icons_contact.png"); }
0691
0692 /* Profile & navigation icons */
0693 .pm-icon { background-position: 0 0; }
0694 .email-icon { background-position: -21px 0; }
0695 .jabber-icon { background-position: -80px 0; }
0696 .phpbb_icq-icon { background-position: -61px 0 ; }
0697 .phpbb_wlm-icon { background-position: -182px 0; }
0698 .phpbb_aol-icon { background-position: -244px 0; }
0699 .phpbb_website-icon { background-position: -40px 0; }
0700 .phpbb_youtube-icon { background-position: -98px 0; }
0701 .phpbb_facebook-icon { background-position: -119px 0; }
0702 .phpbb_googleplus-icon { background-position: -140px 0; }
0703 .phpbb_skype-icon { background-position: -161px 0; }
0704 .phpbb_twitter-icon { background-position: -203px 0; }
0705 .phpbb_yahoo-icon { background-position: -224px 0; }
0706
0707 /* Forum icons & Topic icons */
0708 .global_read { background-image: url("./images/announce_read.gif"); }
0709 .global_read_mine { background-image: url("./images/announce_read_mine.gif"); }
0710 .global_read_locked { background-image: url("./images/announce_read_locked.gif"); }
0711 .global_read_locked_mine { background-image: url("./images/announce_read_locked_mine.gif"); }
0712 .global_unread { background-image: url("./images/announce_unread.gif"); }
0713 .global_unread_mine { background-image: url("./images/announce_unread_mine.gif"); }
0714 .global_unread_locked { background-image: url("./images/announce_unread_locked.gif"); }
0715 .global_unread_locked_mine { background-image: url("./images/announce_unread_locked_mine.gif"); }
0716
0717 .announce_read { background-image: url("./images/announce_read.gif"); }
0718 .announce_read_mine { background-image: url("./images/announce_read_mine.gif"); }
0719 .announce_read_locked { background-image: url("./images/announce_read_locked.gif"); }
0720 .announce_read_locked_mine { background-image: url("./images/announce_read_locked_mine.gif"); }
0721 .announce_unread { background-image: url("./images/announce_unread.gif"); }
0722 .announce_unread_mine { background-image: url("./images/announce_unread_mine.gif"); }
0723 .announce_unread_locked { background-image: url("./images/announce_unread_locked.gif"); }
0724 .announce_unread_locked_mine { background-image: url("./images/announce_unread_locked_mine.gif"); }
0725
0726 .forum_link { background-image: url("./images/forum_link.gif"); }
0727 .forum_read { background-image: url("./images/forum_read.gif"); }
0728 .forum_read_locked { background-image: url("./images/forum_read_locked.gif"); }
0729 .forum_read_subforum { background-image: url("./images/forum_read_subforum.gif"); }
0730 .forum_unread { background-image: url("./images/forum_unread.gif"); }
0731 .forum_unread_locked { background-image: url("./images/forum_unread_locked.gif"); }
0732 .forum_unread_subforum { background-image: url("./images/forum_unread_subforum.gif"); }
0733
0734 .sticky_read { background-image: url("./images/sticky_read.gif"); }
0735 .sticky_read_mine { background-image: url("./images/sticky_read_mine.gif"); }
0736 .sticky_read_locked { background-image: url("./images/sticky_read_locked.gif"); }
0737 .sticky_read_locked_mine { background-image: url("./images/sticky_read_locked_mine.gif"); }
0738 .sticky_unread { background-image: url("./images/sticky_unread.gif"); }
0739 .sticky_unread_mine { background-image: url("./images/sticky_unread_mine.gif"); }
0740 .sticky_unread_locked { background-image: url("./images/sticky_unread_locked.gif"); }
0741 .sticky_unread_locked_mine { background-image: url("./images/sticky_unread_locked_mine.gif"); }
0742
0743 .topic_moved { background-image: url("./images/topic_moved.gif"); }
0744 .pm_read,
0745 .topic_read { background-image: url("./images/topic_read.gif"); }
0746 .topic_read_mine { background-image: url("./images/topic_read_mine.gif"); }
0747 .topic_read_hot { background-image: url("./images/topic_read_hot.gif"); }
0748 .topic_read_hot_mine { background-image: url("./images/topic_read_hot_mine.gif"); }
0749 .topic_read_locked { background-image: url("./images/topic_read_locked.gif"); }
0750 .topic_read_locked_mine { background-image: url("./images/topic_read_locked_mine.gif"); }
0751 .pm_unread,
0752 .topic_unread { background-image: url("./images/topic_unread.gif"); }
0753 .topic_unread_mine { background-image: url("./images/topic_unread_mine.gif"); }
0754 .topic_unread_hot { background-image: url("./images/topic_unread_hot.gif"); }
0755 .topic_unread_hot_mine { background-image: url("./images/topic_unread_hot_mine.gif"); }
0756 .topic_unread_locked { background-image: url("./images/topic_unread_locked.gif"); }
0757 .topic_unread_locked_mine { background-image: url("./images/topic_unread_locked_mine.gif"); }
0758
0759
0760 /*
0761 --------------------------------------------------------------
0762 Colours and backgrounds for cp.css
0763 -------------------------------------------------------------- */
0764
0765 /* Main CP box
0766 ----------------------------------------*/
0767
0768 .panel-container h3, .panel-container hr, .cp-menu hr {
0769 border-color: #A4B3BF;
0770 }
0771
0772 .panel-container .panel li.row {
0773 border-bottom-color: #B5C1CB;
0774 border-top-color: #F9F9F9;
0775 }
0776
0777 ul.cplist {
0778 border-top-color: #B5C1CB;
0779 }
0780
0781 .panel-container .panel li.header dd, .panel-container .panel li.header dt {
0782 color: #000000;
0783 }
0784
0785 .panel-container table.table1 thead th {
0786 color: #333333;
0787 border-bottom-color: #333333;
0788 }
0789
0790 .cp-main .pm-message {
0791 border-color: #DBDEE2;
0792 background-color: #FFFFFF;
0793 }
0794
0795 /* CP tabbed menu
0796 ----------------------------------------*/
0797 .tabs .tab > a {
0798 background: #BACCD9;
0799 color: #536482;
0800 }
0801
0802 .tabs .tab > a:hover {
0803 background: #DDEDFB;
0804 color: #D31141;
0805 }
0806
0807 .tabs .activetab > a,
0808 .tabs .activetab > a:hover {
0809 background-color: #CADCEB; /* Old browsers */ /* FF3.6+ */
0810 background-image: -webkit-linear-gradient(top, #E2F2FF 0%, #CADCEB 100%);
0811 background-image: linear-gradient(to bottom, #E2F2FF 0%,#CADCEB 100%); /* W3C */
0812 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E2F2FF', endColorstr='#CADCEB',GradientType=0 ); /* IE6-9 */
0813 border-color: #CADCEB;
0814 box-shadow: 0 1px 1px #F2F9FF inset;
0815 color: #333333;
0816 }
0817
0818 .tabs .activetab > a:hover {
0819 color: #000000;
0820 }
0821
0822 /* Mini tabbed menu used in MCP
0823 ----------------------------------------*/
0824 .minitabs .tab > a {
0825 background-color: #E1EBF2;
0826 }
0827
0828 .minitabs .activetab > a,
0829 .minitabs .activetab > a:hover {
0830 background-color: #F9F9F9;
0831 color: #333333;
0832 }
0833
0834 /* Responsive tabs
0835 ----------------------------------------*/
0836 .responsive-tab .responsive-tab-link:before {
0837 border-color: #536482;
0838 }
0839
0840 .responsive-tab .responsive-tab-link:hover:before {
0841 border-color: #D31141;
0842 }
0843
0844 /* UCP navigation menu
0845 ----------------------------------------*/
0846
0847 /* Link styles for the sub-section links */
0848 .navigation a {
0849 color: #333;
0850 background: #CADCEB; /* Old browsers */ /* FF3.6+ */
0851 background: -webkit-linear-gradient(left, #B4C4D1 50%, #CADCEB 100%);
0852 background: linear-gradient(to right, #B4C4D1 50%,#CADCEB 100%); /* W3C */
0853 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#B4C4D1', endColorstr='#CADCEB',GradientType=1 ); /* IE6-9 */
0854 }
0855
0856 .rtl .navigation a {
0857 background: #B4C4D1; /* Old browsers */ /* FF3.6+ */
0858 background: -webkit-linear-gradient(left, #CADCEB 50%, #B4C4D1 100%);
0859 background: linear-gradient(to right, #CADCEB 50%,#B4C4D1 100%); /* W3C */
0860 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CADCEB', endColorstr='#B4C4D1',GradientType=1 ); /* IE6-9 */
0861 }
0862
0863 .navigation a:hover {
0864 background: #AABAC6;
0865 color: #BC2A4D;
0866 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
0867 }
0868
0869 .navigation .active-subsection a {
0870 background: #F9F9F9;
0871 color: #D31141;
0872 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
0873 }
0874
0875 .navigation .active-subsection a:hover {
0876 color: #D31141;
0877 }
0878
0879 @media only screen and (max-width: 900px), only screen and (max-device-width: 900px)
0880 {
0881 #navigation a, .rtl #navigation a {
0882 background: #B2C2CF;
0883 }
0884 }
0885
0886 /* Preferences pane layout
0887 ----------------------------------------*/
0888 .panel-container h2 {
0889 color: #333333;
0890 }
0891
0892 .panel-container .panel {
0893 background-color: #F9F9F9;
0894 }
0895
0896 .cp-main .pm {
0897 background-color: #FFFFFF;
0898 }
0899
0900 /* Friends list */
0901 .cp-mini {
0902 background-color: #EEF5F9;
0903 }
0904
0905 dl.mini dt {
0906 color: #425067;
0907 }
0908
0909 /* PM Styles
0910 ----------------------------------------*/
0911 /* PM Message history */
0912 .current {
0913 color: #000000 !important;
0914 }
0915
0916 /* PM marking colours */
0917 .pmlist li.pm_message_reported_colour, .pm_message_reported_colour {
0918 border-left-color: #BC2A4D;
0919 border-right-color: #BC2A4D;
0920 }
0921
0922 .pmlist li.pm_marked_colour, .pm_marked_colour {
0923 border-color: #FF6600;
0924 }
0925
0926 .pmlist li.pm_replied_colour, .pm_replied_colour {
0927 border-color: #A9B8C2;
0928 }
0929
0930 .pmlist li.pm_friend_colour, .pm_friend_colour {
0931 border-color: #5D8FBD;
0932 }
0933
0934 .pmlist li.pm_foe_colour, .pm_foe_colour {
0935 border-color: #000000;
0936 }
0937
0938 /* Avatar gallery */
0939 .gallery label {
0940 background: #FFFFFF;
0941 border-color: #CCC;
0942 }
0943
0944 .gallery label:hover {
0945 background-color: #EEE;
0946 }
0947
0948 /*
0949 --------------------------------------------------------------
0950 Colours and backgrounds for forms.css
0951 -------------------------------------------------------------- */
0952
0953 /* General form styles
0954 ----------------------------------------*/
0955 select {
0956 border-color: #666666;
0957 background-color: #FAFAFA;
0958 color: #000;
0959 }
0960
0961 label {
0962 color: #425067;
0963 }
0964
0965 option.disabled-option {
0966 color: graytext;
0967 }
0968
0969 /* Definition list layout for forms
0970 ---------------------------------------- */
0971 dd label {
0972 color: #333;
0973 }
0974
0975 fieldset.fields1 {
0976 background-color: transparent;
0977 }
0978
0979 /* Hover effects */
0980 fieldset dl:hover dt label {
0981 color: #000000;
0982 }
0983
0984 fieldset.fields2 dl:hover dt label {
0985 color: inherit;
0986 }
0987
0988 /* Quick-login on index page */
0989 fieldset.quick-login input.inputbox {
0990 background-color: #F2F3F3;
0991 }
0992
0993 /* Posting page styles
0994 ----------------------------------------*/
0995
0996 .message-box textarea {
0997 color: #333333;
0998 }
0999
1000 .message-box textarea.drag-n-drop {
1001 outline-color: rgba(102, 102, 102, 0.5);
1002 }
1003
1004 .message-box textarea.drag-n-drop-highlight {
1005 outline-color: rgba(17, 163, 234, 0.5);
1006 }
1007
1008 /* Input field styles
1009 ---------------------------------------- */
1010 .inputbox {
1011 background-color: #FFFFFF;
1012 border-color: #B4BAC0;
1013 color: #333333;
1014 }
1015
1016 .inputbox:-moz-placeholder {
1017 color: #333333;
1018 }
1019
1020 .inputbox::-webkit-input-placeholder {
1021 color: #333333;
1022 }
1023
1024 .inputbox:hover {
1025 border-color: #11A3EA;
1026 }
1027
1028 .inputbox:focus {
1029 border-color: #11A3EA;
1030 }
1031
1032 .inputbox:focus:-moz-placeholder {
1033 color: transparent;
1034 }
1035
1036 .inputbox:focus::-webkit-input-placeholder {
1037 color: transparent;
1038 }
1039
1040
1041 /* Form button styles
1042 ---------------------------------------- */
1043
1044 a.button1, input.button1, input.button3, a.button2, input.button2 {
1045 color: #000;
1046 background-color: #EFEFEF; /* Old browsers */ /* FF3.6+ */
1047 background-image: -webkit-linear-gradient(top, #D2D2D2 0%, #EFEFEF 100%);
1048 background-image: linear-gradient(to bottom, #D2D2D2 0%,#EFEFEF 100%); /* W3C */
1049 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D2D2D2', endColorstr='#EFEFEF',GradientType=0 ); /* IE6-9 */
1050 }
1051
1052 a.button1, input.button1 {
1053 border-color: #666666;
1054 }
1055
1056 input.button3 {
1057 background-image: none;
1058 }
1059
1060 /* Alternative button */
1061 a.button2, input.button2, input.button3 {
1062 border-color: #666666;
1063 }
1064
1065 /* <a> button in the style of the form buttons */
1066 a.button1, a.button2 {
1067 color: #000000;
1068 }
1069
1070 /* Hover states */
1071 a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover {
1072 border-color: #D31141;
1073 color: #D31141;
1074 background-color: #D2D2D2; /* Old browsers */ /* FF3.6+ */
1075 background-image: -webkit-linear-gradient(top, #EFEFEF 0%, #D2D2D2 100%);
1076 background-image: linear-gradient(to bottom, #EFEFEF 0%,#D2D2D2 100%); /* W3C */
1077 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EFEFEF', endColorstr='#D2D2D2',GradientType=0 ); /* IE6-9 */
1078 }
1079
1080 /* Focus states */
1081 input.button1:focus, input.button2:focus, input.button3:focus {
1082 border-color: #11A3EA;
1083 color: #0F4987;
1084 }
1085
1086 input.disabled {
1087 color: #666666;
1088 }
1089
1090 /* jQuery popups
1091 ---------------------------------------- */
1092 .phpbb_alert {
1093 background-color: #FFFFFF;
1094 border-color: #999999;
1095 }
1096 .darken {
1097 background-color: #000000;
1098 }
1099
1100 .loading_indicator {
1101 background-color: #000000;
1102 background-image: url("./images/loading.gif");
1103 }
1104
1105 .dropdown-extended ul li {
1106 border-top-color: #B9B9B9;
1107 }
1108
1109 .dropdown-extended ul li:hover {
1110 background-color: #CFE1F6;
1111 color: #000000;
1112 }
1113
1114 .dropdown-extended .header, .dropdown-extended .footer {
1115 border-color: #B9B9B9;
1116 color: #000000;
1117 }
1118
1119 .dropdown-extended .footer {
1120 border-top-style: solid;
1121 border-top-width: 1px;
1122 }
1123
1124 .dropdown-extended .header {
1125 background-color: #F1F8FF; /* Old browsers */ /* FF3.6+ */
1126 background-image: -webkit-linear-gradient(top, #F1F8FF 0%, #CADCEB 100%);
1127 background-image: linear-gradient(to bottom, #F1F8FF 0%,#CADCEB 100%); /* W3C */
1128 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F1F8FF', endColorstr='#CADCEB',GradientType=0 ); /* IE6-9 */
1129 }
1130
1131 .dropdown .pointer {
1132 border-color: #B9B9B9 transparent;
1133 }
1134
1135 .dropdown .pointer-inner {
1136 border-color: #FFF transparent;
1137 }
1138
1139 .dropdown-extended .pointer-inner {
1140 border-color: #F1F8FF transparent;
1141 }
1142
1143 .dropdown .dropdown-contents {
1144 background: #fff;
1145 border-color: #B9B9B9;
1146 box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.2);
1147 }
1148
1149 .dropdown-up .dropdown-contents {
1150 box-shadow: 1px 0 5px rgba(0, 0, 0, 0.2);
1151 }
1152
1153 .dropdown li, .dropdown li li {
1154 border-color: #DCDCDC;
1155 }
1156
1157 .dropdown li.separator {
1158 border-color: #DCDCDC;
1159 }
1160
1161 /* Notifications
1162 ---------------------------------------- */
1163
1164 .notification_list p.notification-time {
1165 color: #4C5D77;
1166 }
1167
1168 li.notification-reported strong, li.notification-disapproved strong {
1169 color: #D31141;
1170 }
1171
1172 .badge {
1173 background-color: #D31141;
1174 color: #ffffff;
1175 }
1176