[Summary view] [Print] [Text view]

   1  /*
   2  --------------------------------------------------------------
   3  Colours and backgrounds for common.css
   4  -------------------------------------------------------------- */
   5  
   6  html, body {
   7      color: #536482;
   8      background-color: #F5F7FA;
   9  }
  10  
  11  h1 {
  12      color: #FFFFFF;
  13  }
  14  
  15  h2 {
  16      color: #28313F;
  17  }
  18  
  19  h3 {
  20      border-bottom-color: #CCCCCC;
  21      color: #115098;
  22  }
  23  
  24  hr {
  25      border-color: #FFFFFF;
  26      border-top-color: #CCCCCC;
  27  }
  28  
  29  /*
  30  --------------------------------------------------------------
  31  Colours and backgrounds for links.css
  32  -------------------------------------------------------------- */
  33  
  34  a { color: #105289; }
  35  a:hover { color: #D31141; }
  36  
  37  /* Links on gradient backgrounds */
  38  .forumbg .header a, .forabg .header a, th a {
  39      color: #FFFFFF;
  40  }
  41  
  42  .forumbg .header a:hover, .forabg .header a:hover, th a:hover {
  43      color: #A8D8FF;
  44  }
  45  
  46  /* Notification mark read link */
  47  .dropdown-extended a.mark_read {
  48      background-color: #FFFFFF;
  49  }
  50  
  51  /* Post body links */
  52  .postlink {
  53      border-bottom-color: #368AD2;
  54      color: #368AD2;
  55  }
  56  
  57  .postlink:visited {
  58      border-bottom-color: #5D8FBD;
  59      color: #5D8FBD;
  60  }
  61  
  62  .postlink:hover {
  63      background-color: #D0E4F6;
  64      color: #0D4473;
  65  }
  66  
  67  .signature a, .signature a:hover {
  68      background-color: transparent;
  69  }
  70  
  71  /* Back to top of page */
  72  .top i {
  73      color: #999999;
  74  }
  75  
  76  /* Arrow links  */
  77  .arrow-left:hover, .arrow-right:hover {
  78      color: #368AD2;
  79  }
  80  
  81  /* Round cornered boxes and backgrounds
  82  ---------------------------------------- */
  83  .wrap {
  84      background-color: #FFF;
  85      border-color: #E6E9ED;
  86  }
  87  
  88  .headerbar {
  89      color: #FFFFFF;
  90  }
  91  
  92  .headerbar, .forumbg {
  93      background-color: #12A3EB;
  94      background-image: -webkit-linear-gradient(top, #6ACEFF 0%, #0076B1 2px, #12A3EB 92px, #12A3EB 100%);
  95      background-image: linear-gradient(to bottom, #6ACEFF 0%,#0076B1 2px,#12A3EB 92px,#12A3EB 100%);
  96      background-repeat: repeat-x;
  97  }
  98  
  99  .forabg {
 100      background-color: #0076B1;
 101      background-image: -webkit-linear-gradient(top, #6ACEFF 0%, #12A3EB 2px, #0076B1 92px, #0076B1 100%);
 102      background-image: linear-gradient(to bottom, #6ACEFF 0%,#12A3EB 2px,#0076B1 92px,#0076B1 100%);
 103      background-repeat: repeat-x;
 104  }
 105  
 106  .navbar {
 107      background-color: #CADCEB;
 108  }
 109  
 110  .panel {
 111      background-color: #ECF1F3;
 112      color: #28313F;
 113  }
 114  
 115  .post:target .content {
 116      color: #000000;
 117  }
 118  
 119  .post h3 a.first-unread,
 120  .post:target h3 a {
 121      color: #000000;
 122  }
 123  
 124  .bg1 {
 125      background-color: #ECF3F7;
 126  }
 127  
 128  table.zebra-list tr:nth-child(odd) td, ul.zebra-list li:nth-child(odd) {
 129      background-color: #ECF3F7;
 130  }
 131  
 132  .bg2 {
 133      background-color: #E1EBF2;
 134  }
 135  
 136  table.zebra-list tr:nth-child(even) td, ul.zebra-list li:nth-child(even) {
 137      background-color: #E1EBF2;
 138  }
 139  
 140  .bg3 {
 141      background-color: #CADCEB;
 142  }
 143  
 144  .ucprowbg {
 145      background-color: #DCDEE2;
 146  }
 147  
 148  .fieldsbg {
 149      background-color: #E7E8EA;
 150  }
 151  
 152  .site_logo {
 153      background-image: url("./images/site_logo.svg");
 154  }
 155  
 156  /* Horizontal lists
 157  ----------------------------------------*/
 158  
 159  ul.navlinks {
 160      border-top-color: #FFFFFF;
 161  }
 162  
 163  /* Table styles
 164  ----------------------------------------*/
 165  table.table1 thead th {
 166      color: #FFFFFF;
 167  }
 168  
 169  table.table1 tbody tr {
 170      border-color: #BFC1CF;
 171  }
 172  
 173  table.table1 tbody tr:hover, table.table1 tbody tr.hover {
 174      background-color: #CFE1F6;
 175      color: #000;
 176  }
 177  
 178  table.table1 td {
 179      color: #536482;
 180  }
 181  
 182  table.table1 tbody td {
 183      border-top-color: #FAFAFA;
 184  }
 185  
 186  table.table1 tbody th {
 187      border-bottom-color: #000000;
 188      color: #333333;
 189      background-color: #FFFFFF;
 190  }
 191  
 192  table.info tbody th {
 193      color: #000000;
 194  }
 195  
 196  /* Misc layout styles
 197  ---------------------------------------- */
 198  dl.details dt {
 199      color: #000000;
 200  }
 201  
 202  dl.details dd {
 203      color: #536482;
 204  }
 205  
 206  .sep {
 207      color: #1198D9;
 208  }
 209  
 210  /* Icon styles
 211  ---------------------------------------- */
 212  .icon.icon-blue, a:hover .icon.icon-blue {
 213      color: #196db5;
 214  }
 215  
 216  .icon.icon-green, a:hover .icon.icon-green {
 217      color: #1b9A1B;
 218  }
 219  
 220  .icon.icon-red, a:hover .icon.icon-red {
 221      color: #BC2A4D;
 222  }
 223  
 224  .icon.icon-orange, a:hover .icon.icon-orange {
 225      color: #FF6600;
 226  }
 227  
 228  .icon.icon-bluegray, a:hover .icon.icon-bluegray {
 229      color: #536482;
 230  }
 231  
 232  .icon.icon-gray, a:hover .icon.icon-gray {
 233      color: #777777;
 234  }
 235  
 236  .icon.icon-lightgray, a:hover .icon.icon-lightgray {
 237      color: #999999;
 238  }
 239  
 240  .icon.icon-black, a:hover .icon.icon-black {
 241      color: #333333;
 242  }
 243  
 244  .alert_close .icon:before {
 245      background-color: #FFFFFF;
 246  }
 247  
 248  /* Jumpbox */
 249  .jumpbox .dropdown li {
 250      border-top-color: #CCCCCC;
 251  }
 252  
 253  .jumpbox-cat-link {
 254      background-color: #0076b1;
 255      border-top-color: #0076B1;
 256      color: #FFFFFF;
 257  }
 258  
 259  .jumpbox-cat-link:hover {
 260      background-color: #12A3EB;
 261      border-top-color: #12A3EB;
 262      color: #FFFFFF;
 263  }
 264  
 265  .jumpbox-forum-link {
 266      background-color: #E1EBF2;
 267  }
 268  
 269  .jumpbox-forum-link:hover {
 270      background-color: #F6F4D0;
 271  }
 272  
 273  .jumpbox .dropdown .pointer-inner {
 274      border-color: #E1EBF2 transparent;
 275  }
 276  
 277  .jumpbox-sub-link {
 278      background-color: #E1EBF2;
 279  }
 280  
 281  .jumpbox-sub-link:hover {
 282      background-color: #F1F8FF;
 283  }
 284  
 285  /* Miscellaneous styles
 286  ---------------------------------------- */
 287  
 288  .copyright {
 289      color: #555555;
 290  }
 291  
 292  .error {
 293      color: #BC2A4D;
 294  }
 295  
 296  .reported {
 297      background-color: #F7ECEF;
 298  }
 299  
 300  li.reported:hover {
 301      background-color: #ECD5D8 !important;
 302  }
 303  .sticky, .announce {
 304      /* you can add a background for stickies and announcements*/
 305  }
 306  
 307  div.rules {
 308      background-color: #ECD5D8;
 309      color: #BC2A4D;
 310  }
 311  
 312  p.post-notice {
 313      background-color: #ECD5D8;
 314      background-image: none;
 315  }
 316  
 317  /*
 318  --------------------------------------------------------------
 319  Colours and backgrounds for content.css
 320  -------------------------------------------------------------- */
 321  
 322  ul.forums {
 323      background-color: #EEF5F9; /* Old browsers */ /* FF3.6+ */
 324      background-image: -webkit-linear-gradient(top, #D2E0EB 0%, #EEF5F9 100%);
 325      background-image: linear-gradient(to bottom, #D2E0EB 0%,#EEF5F9 100%); /* W3C */
 326      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D2E0EB', endColorstr='#EEF5F9',GradientType=0 ); /* IE6-9 */
 327  }
 328  
 329  ul.topiclist li {
 330      color: #4C5D77;
 331  }
 332  
 333  ul.topiclist dd {
 334      border-left-color: #FFFFFF;
 335  }
 336  
 337  .rtl ul.topiclist dd {
 338      border-right-color: #FFFFFF;
 339      border-left-color: transparent;
 340  }
 341  
 342  li.row {
 343      border-top-color: #FFFFFF;
 344      border-bottom-color: #00608F;
 345  }
 346  
 347  li.row strong {
 348      color: #000000;
 349  }
 350  
 351  li.row:hover {
 352      background-color: #F6F4D0;
 353  }
 354  
 355  li.row:hover dd {
 356      border-left-color: #CCCCCC;
 357  }
 358  
 359  .rtl li.row:hover dd {
 360      border-right-color: #CCCCCC;
 361      border-left-color: transparent;
 362  }
 363  
 364  li.header dt, li.header dd {
 365      color: #FFFFFF;
 366  }
 367  
 368  /* Post body styles
 369  ----------------------------------------*/
 370  .postbody {
 371      color: #333333;
 372  }
 373  
 374  /* Content container styles
 375  ----------------------------------------*/
 376  .content {
 377      color: #333333;
 378  }
 379  
 380  .content h2, .panel h2 {
 381      color: #115098;
 382      border-bottom-color: #CCCCCC;
 383  }
 384  
 385  dl.faq dt {
 386      color: #333333;
 387  }
 388  
 389  .posthilit {
 390      background-color: #F3BFCC;
 391      color: #BC2A4D;
 392  }
 393  
 394  .announce, .unreadpost {
 395      /* Highlight the announcements & unread posts box */
 396  }
 397  
 398  /* Post signature */
 399  .signature {
 400      border-top-color: #CCCCCC;
 401  }
 402  
 403  /* Post noticies */
 404  .notice {
 405      border-top-color: #CCCCCC;
 406  }
 407  
 408  /* BB Code styles
 409  ----------------------------------------*/
 410  /* Quote block */
 411  blockquote {
 412      background-color: #EBEADD;
 413      border-color:#DBDBCE;
 414  }
 415  
 416  blockquote blockquote {
 417      /* Nested quotes */
 418      background-color: #EFEED9;
 419  }
 420  
 421  blockquote blockquote blockquote {
 422      /* Nested quotes */
 423      background-color: #EBEADD;
 424  }
 425  
 426  /* Code block */
 427  .codebox {
 428      background-color: #FFFFFF;
 429      border-color: #C9D2D8;
 430  }
 431  
 432  .codebox p {
 433      border-bottom-color: #CCCCCC;
 434  }
 435  
 436  .codebox code {
 437      color: #2E8B57;
 438  }
 439  
 440  /* Attachments
 441  ----------------------------------------*/
 442  .attachbox {
 443      background-color: #FFFFFF;
 444      border-color: #C9D2D8;
 445  }
 446  
 447  .pm-message .attachbox {
 448      background-color: #F2F3F3;
 449  }
 450  
 451  .attachbox dd {
 452      border-top-color: #C9D2D8;
 453  }
 454  
 455  .attachbox p {
 456      color: #666666;
 457  }
 458  
 459  .attachbox p.stats {
 460      color: #666666;
 461  }
 462  
 463  .attach-image img {
 464      border-color: #999999;
 465  }
 466  
 467  /* Inline image thumbnails */
 468  
 469  dl.file dd {
 470      color: #666666;
 471  }
 472  
 473  dl.thumbnail img {
 474      border-color: #666666;
 475      background-color: #FFFFFF;
 476  }
 477  
 478  dl.thumbnail dd {
 479      color: #666666;
 480  }
 481  
 482  dl.thumbnail dt a:hover {
 483      background-color: #EEEEEE;
 484  }
 485  
 486  dl.thumbnail dt a:hover img {
 487      border-color: #368AD2;
 488  }
 489  
 490  /* Post poll styles
 491  ----------------------------------------*/
 492  
 493  fieldset.polls dl {
 494      border-top-color: #DCDEE2;
 495      color: #666666;
 496  }
 497  
 498  fieldset.polls dl.voted {
 499      color: #000000;
 500  }
 501  
 502  fieldset.polls dd div {
 503      color: #FFFFFF;
 504  }
 505  
 506  .rtl .pollbar1, .rtl .pollbar2, .rtl .pollbar3, .rtl .pollbar4, .rtl .pollbar5 {
 507      border-right-color: transparent;
 508  }
 509  
 510  .pollbar1 {
 511      background-color: #AA2346;
 512      border-bottom-color: #74162C;
 513      border-right-color: #74162C;
 514  }
 515  
 516  .rtl .pollbar1 {
 517      border-left-color: #74162C;
 518  }
 519  
 520  .pollbar2 {
 521      background-color: #BE1E4A;
 522      border-bottom-color: #8C1C38;
 523      border-right-color: #8C1C38;
 524  }
 525  
 526  .rtl .pollbar2 {
 527      border-left-color: #8C1C38;
 528  }
 529  
 530  .pollbar3 {
 531      background-color: #D11A4E;
 532      border-bottom-color: #AA2346;
 533      border-right-color: #AA2346;
 534  }
 535  
 536  .rtl .pollbar3 {
 537      border-left-color: #AA2346;
 538  }
 539  
 540  .pollbar4 {
 541      background-color: #E41653;
 542      border-bottom-color: #BE1E4A;
 543      border-right-color: #BE1E4A;
 544  }
 545  
 546  .rtl .pollbar4 {
 547      border-left-color: #BE1E4A;
 548  }
 549  
 550  .pollbar5 {
 551      background-color: #F81157;
 552      border-bottom-color: #D11A4E;
 553      border-right-color: #D11A4E;
 554  }
 555  
 556  .rtl .pollbar5 {
 557      border-left-color: #D11A4E;
 558  }
 559  
 560  /* Poster profile block
 561  ----------------------------------------*/
 562  .postprofile {
 563      color: #666666;
 564      border-color: #FFFFFF;
 565  }
 566  
 567  .pm .postprofile {
 568      border-color: #DDDDDD;
 569  }
 570  
 571  .postprofile strong {
 572      color: #000000;
 573  }
 574  
 575  .online {
 576      background-image: url("./en/icon_user_online.gif");
 577  }
 578  
 579  dd.profile-warnings {
 580      color: #BC2A4D;
 581  }
 582  
 583  /*
 584  --------------------------------------------------------------
 585  Colours and backgrounds for buttons.css
 586  -------------------------------------------------------------- */
 587  .button {
 588      border-color: #C7C3BF;
 589      background-color: #E9E9E9; /* Old browsers */ /* FF3.6+ */
 590      background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #E9E9E9 100%);
 591      background-image: linear-gradient(to bottom, #FFFFFF 0%,#E9E9E9 100%); /* W3C */
 592      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#E9E9E9',GradientType=0 ); /* IE6-9 */
 593      box-shadow: 0 0 0 1px #FFFFFF inset;
 594      -webkit-box-shadow: 0 0 0 1px #FFFFFF inset;
 595      color: #D31141;
 596  }
 597  
 598  .button:hover,
 599  .button:focus {
 600      border-color: #0A8ED0;
 601      background-color: #FFFFFF; /* Old browsers */ /* FF3.6+ */
 602      background-image: -webkit-linear-gradient(top, #E9E9E9 0%, #FFFFFF 100%);
 603      background-image: linear-gradient(to bottom, #E9E9E9 0%,#FFFFFF 100%); /* W3C */
 604      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E9E9E9', endColorstr='#FFFFFF',GradientType=0 ); /* IE6-9 */
 605      text-shadow: 1px 1px 0 #FFFFFF, -1px -1px 0 #FFFFFF, -1px -1px 0 rgba(188, 42, 77, 0.2);
 606  }
 607  
 608  .button .icon,
 609  .button-secondary {
 610      color: #8f8f8f;
 611  }
 612  
 613  .button-secondary:focus,
 614  .button-secondary:hover,
 615  .button:focus .icon,
 616  .button:hover .icon {
 617      color: #0A8ED0;
 618  }
 619  
 620  .button-search:hover,
 621  .button-search-end:hover {
 622      border-color: #C7C3BF;
 623  }
 624  
 625  .caret    { border-color: #DADADA; }
 626  .caret    { border-color: #C7C3BF; }
 627  
 628  .contact-icons a    { border-color: #DCDCDC; }
 629  .contact-icons a:hover    { background-color: #F2F6F9; }
 630  
 631  /* Pagination
 632  ---------------------------------------- */
 633  
 634  .pagination li a {
 635      background: #ECEDEE;
 636      filter: none;
 637      border-color: #B4BAC0;
 638      box-shadow: none;
 639      -webkit-box-shadow: none;
 640      color: #5C758C;
 641  }
 642  
 643  .pagination li.ellipsis span {
 644      background: transparent;
 645      color: #000000;
 646  }
 647  
 648  .pagination li.active span {
 649      background: #4692BF;
 650      border-color: #4692BF;
 651      color: #FFFFFF;
 652  }
 653  
 654  .pagination li a:hover, .pagination li a:hover .icon, .pagination .dropdown-visible a.dropdown-trigger, .nojs .pagination .dropdown-container:hover a.dropdown-trigger {
 655      background: #368AD2;
 656      border-color: #368AD2;
 657      filter: none;
 658      color: #FFFFFF;
 659      text-shadow: none;
 660  }
 661  
 662  /* Search box
 663  --------------------------------------------- */
 664  
 665  .search-box .inputbox,
 666  .search-box .inputbox:hover,
 667  .search-box .inputbox:focus {
 668      border-color: #C7C3BF;
 669  }
 670  
 671  .search-header {
 672      box-shadow: 0 0 10px #0075B0;
 673  }
 674  
 675  .search-results li:hover,
 676  .search-results li.active {
 677      background-color: #CFE1F6;
 678  }
 679  
 680  /* Icon images
 681  ---------------------------------------- */
 682  
 683  .contact-icon                        { background-image: url("./images/icons_contact.png"); }
 684  
 685  /* Profile & navigation icons */
 686  .pm-icon                        { background-position: 0 0; }
 687  .email-icon                        { background-position: -21px 0; }
 688  .jabber-icon                        { background-position: -80px 0; }
 689  .phpbb_icq-icon                        { background-position: -61px 0 ; }
 690  .phpbb_wlm-icon                        { background-position: -182px 0; }
 691  .phpbb_aol-icon                        { background-position: -244px 0; }
 692  .phpbb_website-icon                    { background-position: -40px 0; }
 693  .phpbb_youtube-icon                    { background-position: -98px 0; }
 694  .phpbb_facebook-icon                    { background-position: -119px 0; }
 695  .phpbb_skype-icon                    { background-position: -161px 0; }
 696  .phpbb_twitter-icon                    { background-position: -203px 0; }
 697  .phpbb_yahoo-icon                    { background-position: -224px 0; }
 698  
 699  /* Forum icons & Topic icons */
 700  .global_read                        { background-image: url("./images/announce_read.gif"); }
 701  .global_read_mine                    { background-image: url("./images/announce_read_mine.gif"); }
 702  .global_read_locked                    { background-image: url("./images/announce_read_locked.gif"); }
 703  .global_read_locked_mine                { background-image: url("./images/announce_read_locked_mine.gif"); }
 704  .global_unread                        { background-image: url("./images/announce_unread.gif"); }
 705  .global_unread_mine                    { background-image: url("./images/announce_unread_mine.gif"); }
 706  .global_unread_locked                    { background-image: url("./images/announce_unread_locked.gif"); }
 707  .global_unread_locked_mine                { background-image: url("./images/announce_unread_locked_mine.gif"); }
 708  
 709  .announce_read                        { background-image: url("./images/announce_read.gif"); }
 710  .announce_read_mine                    { background-image: url("./images/announce_read_mine.gif"); }
 711  .announce_read_locked                    { background-image: url("./images/announce_read_locked.gif"); }
 712  .announce_read_locked_mine                { background-image: url("./images/announce_read_locked_mine.gif"); }
 713  .announce_unread                    { background-image: url("./images/announce_unread.gif"); }
 714  .announce_unread_mine                    { background-image: url("./images/announce_unread_mine.gif"); }
 715  .announce_unread_locked                    { background-image: url("./images/announce_unread_locked.gif"); }
 716  .announce_unread_locked_mine                { background-image: url("./images/announce_unread_locked_mine.gif"); }
 717  
 718  .forum_link                        { background-image: url("./images/forum_link.gif"); }
 719  .forum_read                        { background-image: url("./images/forum_read.gif"); }
 720  .forum_read_locked                    { background-image: url("./images/forum_read_locked.gif"); }
 721  .forum_read_subforum                    { background-image: url("./images/forum_read_subforum.gif"); }
 722  .forum_unread                        { background-image: url("./images/forum_unread.gif"); }
 723  .forum_unread_locked                    { background-image: url("./images/forum_unread_locked.gif"); }
 724  .forum_unread_subforum                    { background-image: url("./images/forum_unread_subforum.gif"); }
 725  
 726  .sticky_read                        { background-image: url("./images/sticky_read.gif"); }
 727  .sticky_read_mine                    { background-image: url("./images/sticky_read_mine.gif"); }
 728  .sticky_read_locked                    { background-image: url("./images/sticky_read_locked.gif"); }
 729  .sticky_read_locked_mine                { background-image: url("./images/sticky_read_locked_mine.gif"); }
 730  .sticky_unread                        { background-image: url("./images/sticky_unread.gif"); }
 731  .sticky_unread_mine                    { background-image: url("./images/sticky_unread_mine.gif"); }
 732  .sticky_unread_locked                    { background-image: url("./images/sticky_unread_locked.gif"); }
 733  .sticky_unread_locked_mine                { background-image: url("./images/sticky_unread_locked_mine.gif"); }
 734  
 735  .topic_moved                        { background-image: url("./images/topic_moved.gif"); }
 736  .pm_read,
 737  .topic_read                        { background-image: url("./images/topic_read.gif"); }
 738  .topic_read_mine                    { background-image: url("./images/topic_read_mine.gif"); }
 739  .topic_read_hot                        { background-image: url("./images/topic_read_hot.gif"); }
 740  .topic_read_hot_mine                    { background-image: url("./images/topic_read_hot_mine.gif"); }
 741  .topic_read_locked                    { background-image: url("./images/topic_read_locked.gif"); }
 742  .topic_read_locked_mine                    { background-image: url("./images/topic_read_locked_mine.gif"); }
 743  .pm_unread,
 744  .topic_unread                        { background-image: url("./images/topic_unread.gif"); }
 745  .topic_unread_mine                    { background-image: url("./images/topic_unread_mine.gif"); }
 746  .topic_unread_hot                    { background-image: url("./images/topic_unread_hot.gif"); }
 747  .topic_unread_hot_mine                    { background-image: url("./images/topic_unread_hot_mine.gif"); }
 748  .topic_unread_locked                    { background-image: url("./images/topic_unread_locked.gif"); }
 749  .topic_unread_locked_mine                { background-image: url("./images/topic_unread_locked_mine.gif"); }
 750  
 751  
 752  /*
 753  --------------------------------------------------------------
 754  Colours and backgrounds for cp.css
 755  -------------------------------------------------------------- */
 756  
 757  /* Main CP box
 758  ----------------------------------------*/
 759  
 760  .panel-container h3, .panel-container hr, .cp-menu hr {
 761      border-color: #A4B3BF;
 762  }
 763  
 764  .panel-container .panel li.row {
 765      border-bottom-color: #B5C1CB;
 766      border-top-color: #F9F9F9;
 767  }
 768  
 769  ul.cplist {
 770      border-top-color: #B5C1CB;
 771  }
 772  
 773  .panel-container .panel li.header dd, .panel-container .panel li.header dt {
 774      color: #000000;
 775  }
 776  
 777  .panel-container table.table1 thead th {
 778      color: #333333;
 779      border-bottom-color: #333333;
 780  }
 781  
 782  .cp-main .pm-message {
 783      border-color: #DBDEE2;
 784      background-color: #FFFFFF;
 785  }
 786  
 787  /* CP tabbed menu
 788  ----------------------------------------*/
 789  .tabs .tab > a {
 790      background: #BACCD9;
 791      color: #536482;
 792  }
 793  
 794  .tabs .tab > a:hover {
 795      background: #DDEDFB;
 796      color: #D31141;
 797  }
 798  
 799  .tabs .activetab > a,
 800  .tabs .activetab > a:hover {
 801      background-color: #CADCEB; /* Old browsers */ /* FF3.6+ */
 802      background-image: -webkit-linear-gradient(top, #E2F2FF 0%, #CADCEB 100%);
 803      background-image: linear-gradient(to bottom, #E2F2FF 0%,#CADCEB 100%); /* W3C */
 804      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E2F2FF', endColorstr='#CADCEB',GradientType=0 ); /* IE6-9 */
 805      border-color: #CADCEB;
 806      box-shadow: 0 1px 1px #F2F9FF inset;
 807      color: #333333;
 808  }
 809  
 810  .tabs .activetab > a:hover {
 811      color: #000000;
 812  }
 813  
 814  /* Mini tabbed menu used in MCP
 815  ----------------------------------------*/
 816  .minitabs .tab > a {
 817      background-color: #E1EBF2;
 818  }
 819  
 820  .minitabs .activetab > a,
 821  .minitabs .activetab > a:hover {
 822      background-color: #F9F9F9;
 823      color: #333333;
 824  }
 825  
 826  /* Responsive tabs
 827  ----------------------------------------*/
 828  .responsive-tab .responsive-tab-link:before {
 829      border-color: #536482;
 830  }
 831  
 832  .responsive-tab .responsive-tab-link:hover:before {
 833      border-color: #D31141;
 834  }
 835  
 836  /* UCP navigation menu
 837  ----------------------------------------*/
 838  
 839  /* Link styles for the sub-section links */
 840  .navigation a {
 841      color: #333;
 842      background: #CADCEB; /* Old browsers */ /* FF3.6+ */
 843      background: -webkit-linear-gradient(left, #B4C4D1 50%, #CADCEB 100%);
 844      background: linear-gradient(to right, #B4C4D1 50%,#CADCEB 100%); /* W3C */
 845      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#B4C4D1', endColorstr='#CADCEB',GradientType=1 ); /* IE6-9 */
 846  }
 847  
 848  .rtl .navigation a {
 849      background: #B4C4D1; /* Old browsers */ /* FF3.6+ */
 850      background: -webkit-linear-gradient(left, #CADCEB 50%, #B4C4D1 100%);
 851      background: linear-gradient(to right, #CADCEB 50%,#B4C4D1 100%); /* W3C */
 852      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CADCEB', endColorstr='#B4C4D1',GradientType=1 ); /* IE6-9 */
 853  }
 854  
 855  .navigation a:hover {
 856      background: #AABAC6;
 857      color: #BC2A4D;
 858      filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
 859  }
 860  
 861  .navigation .active-subsection a {
 862      background: #F9F9F9;
 863      color: #D31141;
 864      filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
 865  }
 866  
 867  .navigation .active-subsection a:hover {
 868      color: #D31141;
 869  }
 870  
 871  @media only screen and (max-width: 900px), only screen and (max-device-width: 900px)
 872  {
 873      #navigation a, .rtl #navigation a {
 874          background: #B2C2CF;
 875      }
 876  }
 877  
 878  /* Preferences pane layout
 879  ----------------------------------------*/
 880  .panel-container h2 {
 881      color: #333333;
 882  }
 883  
 884  .panel-container .panel {
 885      background-color: #F9F9F9;
 886  }
 887  
 888  .cp-main .pm {
 889      background-color: #FFFFFF;
 890  }
 891  
 892  /* Friends list */
 893  .cp-mini {
 894      background-color: #EEF5F9;
 895  }
 896  
 897  dl.mini dt {
 898      color: #425067;
 899  }
 900  
 901  /* PM Styles
 902  ----------------------------------------*/
 903  /* PM Message history */
 904  .current {
 905      color: #000000 !important;
 906  }
 907  
 908  /* PM marking colours */
 909  .pmlist li.pm_message_reported_colour, .pm_message_reported_colour {
 910      border-left-color: #BC2A4D;
 911      border-right-color: #BC2A4D;
 912  }
 913  
 914  .pmlist li.pm_marked_colour, .pm_marked_colour {
 915      border-color: #FF6600;
 916  }
 917  
 918  .pmlist li.pm_replied_colour, .pm_replied_colour {
 919      border-color: #A9B8C2;
 920  }
 921  
 922  .pmlist li.pm_friend_colour, .pm_friend_colour {
 923      border-color: #5D8FBD;
 924  }
 925  
 926  .pmlist li.pm_foe_colour, .pm_foe_colour {
 927      border-color: #000000;
 928  }
 929  
 930  /* Avatar gallery */
 931  .gallery label {
 932      background: #FFFFFF;
 933      border-color: #CCC;
 934  }
 935  
 936  .gallery label:hover {
 937      background-color: #EEE;
 938  }
 939  
 940  /*
 941  --------------------------------------------------------------
 942  Colours and backgrounds for forms.css
 943  -------------------------------------------------------------- */
 944  
 945  /* General form styles
 946  ----------------------------------------*/
 947  select {
 948      border-color: #666666;
 949      background-color: #FAFAFA;
 950      color: #000;
 951  }
 952  
 953  label {
 954      color: #425067;
 955  }
 956  
 957  option.disabled-option {
 958      color: graytext;
 959  }
 960  
 961  /* Definition list layout for forms
 962  ---------------------------------------- */
 963  dd label {
 964      color: #333;
 965  }
 966  
 967  fieldset.fields1 {
 968      background-color: transparent;
 969  }
 970  
 971  /* Hover effects */
 972  fieldset dl:hover dt label {
 973      color: #000000;
 974  }
 975  
 976  fieldset.fields2 dl:hover dt label {
 977      color: inherit;
 978  }
 979  
 980  /* Quick-login on index page */
 981  fieldset.quick-login input.inputbox {
 982      background-color: #F2F3F3;
 983  }
 984  
 985  /* Posting page styles
 986  ----------------------------------------*/
 987  
 988  .message-box textarea {
 989      color: #333333;
 990  }
 991  
 992  .message-box textarea.drag-n-drop {
 993      outline-color: rgba(102, 102, 102, 0.5);
 994  }
 995  
 996  .message-box textarea.drag-n-drop-highlight {
 997      outline-color: rgba(17, 163, 234, 0.5);
 998  }
 999  
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  }