Verzeichnisstruktur phpBB-3.3.15


Veröffentlicht
28.08.2024

So funktioniert es


Auf das letzte Element klicken. Dies geht jeweils ein Schritt zurück

Auf das Icon klicken, dies öffnet das Verzeichnis. Nochmal klicken schließt das Verzeichnis.
Auf den Verzeichnisnamen klicken, dies zeigt nur das Verzeichnis mit Inhalt an

(Beispiel Datei-Icons)

Auf das Icon klicken um den Quellcode anzuzeigen

colours.css

Zuletzt modifiziert: 02.04.2025, 15:02 - Dateigröße: 24.90 KiB


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