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