[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:target h3 a {
 120      color: #000000;
 121  }
 122  
 123  .bg1 {
 124      background-color: #ECF3F7;
 125  }
 126  
 127  table.zebra-list tr:nth-child(odd) td, ul.zebra-list li:nth-child(odd) {
 128      background-color: #ECF3F7;
 129  }
 130  
 131  .bg2 {
 132      background-color: #E1EBF2;
 133  }
 134  
 135  table.zebra-list tr:nth-child(even) td, ul.zebra-list li:nth-child(even) {
 136      background-color: #E1EBF2;
 137  }
 138  
 139  .bg3    {
 140      background-color: #CADCEB;
 141  }
 142  
 143  .ucprowbg {
 144      background-color: #DCDEE2;
 145  }
 146  
 147  .fieldsbg {
 148      background-color: #E7E8EA;
 149  }
 150  
 151  .site_logo {
 152      background-image: url("./images/site_logo.gif");
 153  }
 154  
 155  /* Horizontal lists
 156  ----------------------------------------*/
 157  
 158  ul.navlinks {
 159      border-top-color: #FFFFFF;
 160  }
 161  
 162  /* Table styles
 163  ----------------------------------------*/
 164  table.table1 thead th {
 165      color: #FFFFFF;
 166  }
 167  
 168  table.table1 tbody tr {
 169      border-color: #BFC1CF;
 170  }
 171  
 172  table.table1 tbody tr:hover, table.table1 tbody tr.hover {
 173      background-color: #CFE1F6;
 174      color: #000;
 175  }
 176  
 177  table.table1 td {
 178      color: #536482;
 179  }
 180  
 181  table.table1 tbody td {
 182      border-top-color: #FAFAFA;
 183  }
 184  
 185  table.table1 tbody th {
 186      border-bottom-color: #000000;
 187      color: #333333;
 188      background-color: #FFFFFF;
 189  }
 190  
 191  table.info tbody th {
 192      color: #000000;
 193  }
 194  
 195  /* Misc layout styles
 196  ---------------------------------------- */
 197  dl.details dt {
 198      color: #000000;
 199  }
 200  
 201  dl.details dd {
 202      color: #536482;
 203  }
 204  
 205  .sep {
 206      color: #1198D9;
 207  }
 208  
 209  /* Icon styles
 210  ---------------------------------------- */
 211  .icon.icon-blue, a:hover .icon.icon-blue {
 212      color: #196db5;
 213  }
 214  
 215  .icon.icon-green, a:hover .icon.icon-green{
 216      color: #1b9A1B;
 217  }
 218  
 219  .icon.icon-red, a:hover .icon.icon-red{
 220      color: #BC2A4D;
 221  }
 222  
 223  .icon.icon-orange, a:hover .icon.icon-orange{
 224      color: #FF6600;
 225  }
 226  
 227  .icon.icon-bluegray, a:hover .icon.icon-bluegray{
 228      color: #536482;
 229  }
 230  
 231  .icon.icon-gray, a:hover .icon.icon-gray{
 232      color: #777777;
 233  }
 234  
 235  .icon.icon-lightgray, a:hover .icon.icon-lightgray{
 236      color: #999999;
 237  }
 238  
 239  .icon.icon-black, a:hover .icon.icon-black{
 240      color: #333333;
 241  }
 242  
 243  .alert_close .icon:before {
 244      background-color: #FFFFFF;
 245  }
 246  
 247  /* Jumpbox */
 248  .jumpbox .dropdown li {
 249      border-top-color: #CCCCCC;
 250  }
 251  
 252  .jumpbox-cat-link {
 253      background-color: #0076b1;
 254      border-top-color: #0076B1;
 255      color: #FFFFFF;
 256  }
 257  
 258  .jumpbox-cat-link:hover {
 259      background-color: #12A3EB;
 260      border-top-color: #12A3EB;
 261      color: #FFFFFF;
 262  }
 263  
 264  .jumpbox-forum-link {
 265      background-color: #E1EBF2;
 266  }
 267  
 268  .jumpbox-forum-link:hover {
 269      background-color: #F6F4D0;
 270  }
 271  
 272  .jumpbox .dropdown .pointer-inner {
 273      border-color: #E1EBF2 transparent;
 274  }
 275  
 276  .jumpbox-sub-link {
 277      background-color: #E1EBF2;
 278  }
 279  
 280  .jumpbox-sub-link:hover {
 281      background-color: #F1F8FF;
 282  }
 283  
 284  /* Miscellaneous styles
 285  ---------------------------------------- */
 286  
 287  .copyright {
 288      color: #555555;
 289  }
 290  
 291  .error {
 292      color: #BC2A4D;
 293  }
 294  
 295  .reported {
 296      background-color: #F7ECEF;
 297  }
 298  
 299  li.reported:hover {
 300      background-color: #ECD5D8 !important;
 301  }
 302  .sticky, .announce {
 303      /* you can add a background for stickies and announcements*/
 304  }
 305  
 306  div.rules {
 307      background-color: #ECD5D8;
 308      color: #BC2A4D;
 309  }
 310  
 311  p.post-notice {
 312      background-color: #ECD5D8;
 313      background-image: none;
 314  }
 315  
 316  /*
 317  --------------------------------------------------------------
 318  Colours and backgrounds for content.css
 319  -------------------------------------------------------------- */
 320  
 321  ul.forums {
 322      background-color: #EEF5F9; /* Old browsers */ /* FF3.6+ */
 323      background-image: -webkit-linear-gradient(top, #D2E0EB 0%, #EEF5F9 100%);
 324      background-image: linear-gradient(to bottom, #D2E0EB 0%,#EEF5F9 100%); /* W3C */
 325      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D2E0EB', endColorstr='#EEF5F9',GradientType=0 ); /* IE6-9 */
 326  }
 327  
 328  ul.topiclist li {
 329      color: #4C5D77;
 330  }
 331  
 332  ul.topiclist dd {
 333      border-left-color: #FFFFFF;
 334  }
 335  
 336  .rtl ul.topiclist dd {
 337      border-right-color: #FFFFFF;
 338      border-left-color: transparent;
 339  }
 340  
 341  li.row {
 342      border-top-color:  #FFFFFF;
 343      border-bottom-color: #00608F;
 344  }
 345  
 346  li.row strong {
 347      color: #000000;
 348  }
 349  
 350  li.row:hover {
 351      background-color: #F6F4D0;
 352  }
 353  
 354  li.row:hover dd {
 355      border-left-color: #CCCCCC;
 356  }
 357  
 358  .rtl li.row:hover dd {
 359      border-right-color: #CCCCCC;
 360      border-left-color: transparent;
 361  }
 362  
 363  li.header dt, li.header dd {
 364      color: #FFFFFF;
 365  }
 366  
 367  /* Post body styles
 368  ----------------------------------------*/
 369  .postbody {
 370      color: #333333;
 371  }
 372  
 373  /* Content container styles
 374  ----------------------------------------*/
 375  .content {
 376      color: #333333;
 377  }
 378  
 379  .content h2, .panel h2 {
 380      color: #115098;
 381      border-bottom-color:  #CCCCCC;
 382  }
 383  
 384  dl.faq dt {
 385      color: #333333;
 386  }
 387  
 388  .posthilit {
 389      background-color: #F3BFCC;
 390      color: #BC2A4D;
 391  }
 392  
 393  .announce, .unreadpost {
 394      /* Highlight the announcements & unread posts box */
 395  }
 396  
 397  /* Post signature */
 398  .signature {
 399      border-top-color: #CCCCCC;
 400  }
 401  
 402  /* Post noticies */
 403  .notice {
 404      border-top-color:  #CCCCCC;
 405  }
 406  
 407  /* BB Code styles
 408  ----------------------------------------*/
 409  /* Quote block */
 410  blockquote {
 411      background-color: #EBEADD;
 412      border-color:#DBDBCE;
 413  }
 414  
 415  blockquote blockquote {
 416      /* Nested quotes */
 417      background-color:#EFEED9;
 418  }
 419  
 420  blockquote blockquote blockquote {
 421      /* Nested quotes */
 422      background-color: #EBEADD;
 423  }
 424  
 425  /* Code block */
 426  .codebox {
 427      background-color: #FFFFFF;
 428      border-color: #C9D2D8;
 429  }
 430  
 431  .codebox p {
 432      border-bottom-color:  #CCCCCC;
 433  }
 434  
 435  .codebox code {
 436      color: #2E8B57;
 437  }
 438  
 439  /* Attachments
 440  ----------------------------------------*/
 441  .attachbox {
 442      background-color: #FFFFFF;
 443      border-color:  #C9D2D8;
 444  }
 445  
 446  .pm-message .attachbox {
 447      background-color: #F2F3F3;
 448  }
 449  
 450  .attachbox dd {
 451      border-top-color: #C9D2D8;
 452  }
 453  
 454  .attachbox p {
 455      color: #666666;
 456  }
 457  
 458  .attachbox p.stats {
 459      color: #666666;
 460  }
 461  
 462  .attach-image img {
 463      border-color: #999999;
 464  }
 465  
 466  /* Inline image thumbnails */
 467  
 468  dl.file dd {
 469      color: #666666;
 470  }
 471  
 472  dl.thumbnail img {
 473      border-color: #666666;
 474      background-color: #FFFFFF;
 475  }
 476  
 477  dl.thumbnail dd {
 478      color: #666666;
 479  }
 480  
 481  dl.thumbnail dt a:hover {
 482      background-color: #EEEEEE;
 483  }
 484  
 485  dl.thumbnail dt a:hover img {
 486      border-color: #368AD2;
 487  }
 488  
 489  /* Post poll styles
 490  ----------------------------------------*/
 491  
 492  fieldset.polls dl {
 493      border-top-color: #DCDEE2;
 494      color: #666666;
 495  }
 496  
 497  fieldset.polls dl.voted {
 498      color: #000000;
 499  }
 500  
 501  fieldset.polls dd div {
 502      color: #FFFFFF;
 503  }
 504  
 505  .rtl .pollbar1, .rtl .pollbar2, .rtl .pollbar3, .rtl .pollbar4, .rtl .pollbar5 {
 506      border-right-color: transparent;
 507  }
 508  
 509  .pollbar1 {
 510      background-color: #AA2346;
 511      border-bottom-color: #74162C;
 512      border-right-color: #74162C;
 513  }
 514  
 515  .rtl .pollbar1 {
 516      border-left-color: #74162C;
 517  }
 518  
 519  .pollbar2 {
 520      background-color: #BE1E4A;
 521      border-bottom-color: #8C1C38;
 522      border-right-color: #8C1C38;
 523  }
 524  
 525  .rtl .pollbar2 {
 526      border-left-color: #8C1C38;
 527  }
 528  
 529  .pollbar3 {
 530      background-color: #D11A4E;
 531      border-bottom-color: #AA2346;
 532      border-right-color: #AA2346;
 533  }
 534  
 535  .rtl .pollbar3 {
 536      border-left-color: #AA2346;
 537  }
 538  
 539  .pollbar4 {
 540      background-color: #E41653;
 541      border-bottom-color: #BE1E4A;
 542      border-right-color: #BE1E4A;
 543  }
 544  
 545  .rtl .pollbar4 {
 546      border-left-color: #BE1E4A;
 547  }
 548  
 549  .pollbar5 {
 550      background-color: #F81157;
 551      border-bottom-color: #D11A4E;
 552      border-right-color: #D11A4E;
 553  }
 554  
 555  .rtl .pollbar5 {
 556      border-left-color: #D11A4E;
 557  }
 558  
 559  /* Poster profile block
 560  ----------------------------------------*/
 561  .postprofile {
 562      color: #666666;
 563      border-color: #FFFFFF;
 564  }
 565  
 566  .pm .postprofile {
 567      border-color: #DDDDDD;
 568  }
 569  
 570  .postprofile strong {
 571      color: #000000;
 572  }
 573  
 574  .online {
 575      background-image: url("./en/icon_user_online.gif");
 576  }
 577  
 578  dd.profile-warnings {
 579      color: #BC2A4D;
 580  }
 581  
 582  /*
 583  --------------------------------------------------------------
 584  Colours and backgrounds for buttons.css
 585  -------------------------------------------------------------- */
 586  .button {
 587      border-color: #C7C3BF;
 588      background-color: #E9E9E9; /* Old browsers */ /* FF3.6+ */
 589      background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #E9E9E9 100%);
 590      background-image: linear-gradient(to bottom, #FFFFFF 0%,#E9E9E9 100%); /* W3C */
 591      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#E9E9E9',GradientType=0 ); /* IE6-9 */
 592      box-shadow: 0 0 0 1px #FFFFFF inset;
 593      -webkit-box-shadow: 0 0 0 1px #FFFFFF inset;
 594      color: #D31141;
 595  }
 596  
 597  .button:hover,
 598  .button:focus {
 599      border-color: #0A8ED0;
 600      background-color: #FFFFFF; /* Old browsers */ /* FF3.6+ */
 601      background-image: -webkit-linear-gradient(top, #E9E9E9 0%, #FFFFFF 100%);
 602      background-image: linear-gradient(to bottom, #E9E9E9 0%,#FFFFFF 100%); /* W3C */
 603      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E9E9E9', endColorstr='#FFFFFF',GradientType=0 ); /* IE6-9 */
 604      text-shadow: 1px 1px 0 #FFFFFF, -1px -1px 0 #FFFFFF, -1px -1px 0 rgba(188, 42, 77, 0.2);
 605  }
 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  /* Icon images
 676  ---------------------------------------- */
 677  
 678  .contact-icon                        { background-image: url("./images/icons_contact.png"); }
 679  
 680  /* Profile & navigation icons */
 681  .pm-icon                            { background-position: 0 0; }
 682  .email-icon                            { background-position: -21px 0; }
 683  .jabber-icon                        { background-position: -80px 0; }
 684  .phpbb_icq-icon                        { background-position: -61px 0 ; }
 685  .phpbb_wlm-icon                        { background-position: -182px 0; }
 686  .phpbb_aol-icon                        { background-position: -244px 0; }
 687  .phpbb_website-icon                    { background-position: -40px 0; }
 688  .phpbb_youtube-icon                    { background-position: -98px 0; }
 689  .phpbb_facebook-icon                { background-position: -119px 0; }
 690  .phpbb_googleplus-icon                { background-position: -140px 0; }
 691  .phpbb_skype-icon                    { background-position: -161px 0; }
 692  .phpbb_twitter-icon                    { background-position: -203px 0; }
 693  .phpbb_yahoo-icon                    { background-position: -224px 0; }
 694  
 695  /* Forum icons & Topic icons */
 696  .global_read                        { background-image: url("./images/announce_read.gif"); }
 697  .global_read_mine                    { background-image: url("./images/announce_read_mine.gif"); }
 698  .global_read_locked                    { background-image: url("./images/announce_read_locked.gif"); }
 699  .global_read_locked_mine            { background-image: url("./images/announce_read_locked_mine.gif"); }
 700  .global_unread                        { background-image: url("./images/announce_unread.gif"); }
 701  .global_unread_mine                    { background-image: url("./images/announce_unread_mine.gif"); }
 702  .global_unread_locked                { background-image: url("./images/announce_unread_locked.gif"); }
 703  .global_unread_locked_mine            { background-image: url("./images/announce_unread_locked_mine.gif"); }
 704  
 705  .announce_read                        { background-image: url("./images/announce_read.gif"); }
 706  .announce_read_mine                    { background-image: url("./images/announce_read_mine.gif"); }
 707  .announce_read_locked                { background-image: url("./images/announce_read_locked.gif"); }
 708  .announce_read_locked_mine            { background-image: url("./images/announce_read_locked_mine.gif"); }
 709  .announce_unread                    { background-image: url("./images/announce_unread.gif"); }
 710  .announce_unread_mine                { background-image: url("./images/announce_unread_mine.gif"); }
 711  .announce_unread_locked                { background-image: url("./images/announce_unread_locked.gif"); }
 712  .announce_unread_locked_mine        { background-image: url("./images/announce_unread_locked_mine.gif"); }
 713  
 714  .forum_link                            { background-image: url("./images/forum_link.gif"); }
 715  .forum_read                            { background-image: url("./images/forum_read.gif"); }
 716  .forum_read_locked                    { background-image: url("./images/forum_read_locked.gif"); }
 717  .forum_read_subforum                { background-image: url("./images/forum_read_subforum.gif"); }
 718  .forum_unread                        { background-image: url("./images/forum_unread.gif"); }
 719  .forum_unread_locked                { background-image: url("./images/forum_unread_locked.gif"); }
 720  .forum_unread_subforum                { background-image: url("./images/forum_unread_subforum.gif"); }
 721  
 722  .sticky_read                        { background-image: url("./images/sticky_read.gif"); }
 723  .sticky_read_mine                    { background-image: url("./images/sticky_read_mine.gif"); }
 724  .sticky_read_locked                    { background-image: url("./images/sticky_read_locked.gif"); }
 725  .sticky_read_locked_mine            { background-image: url("./images/sticky_read_locked_mine.gif"); }
 726  .sticky_unread                        { background-image: url("./images/sticky_unread.gif"); }
 727  .sticky_unread_mine                    { background-image: url("./images/sticky_unread_mine.gif"); }
 728  .sticky_unread_locked                { background-image: url("./images/sticky_unread_locked.gif"); }
 729  .sticky_unread_locked_mine            { background-image: url("./images/sticky_unread_locked_mine.gif"); }
 730  
 731  .topic_moved                        { background-image: url("./images/topic_moved.gif"); }
 732  .pm_read,
 733  .topic_read                            { background-image: url("./images/topic_read.gif"); }
 734  .topic_read_mine                    { background-image: url("./images/topic_read_mine.gif"); }
 735  .topic_read_hot                        { background-image: url("./images/topic_read_hot.gif"); }
 736  .topic_read_hot_mine                { background-image: url("./images/topic_read_hot_mine.gif"); }
 737  .topic_read_locked                    { background-image: url("./images/topic_read_locked.gif"); }
 738  .topic_read_locked_mine                { background-image: url("./images/topic_read_locked_mine.gif"); }
 739  .pm_unread,
 740  .topic_unread                        { background-image: url("./images/topic_unread.gif"); }
 741  .topic_unread_mine                    { background-image: url("./images/topic_unread_mine.gif"); }
 742  .topic_unread_hot                    { background-image: url("./images/topic_unread_hot.gif"); }
 743  .topic_unread_hot_mine                { background-image: url("./images/topic_unread_hot_mine.gif"); }
 744  .topic_unread_locked                { background-image: url("./images/topic_unread_locked.gif"); }
 745  .topic_unread_locked_mine            { background-image: url("./images/topic_unread_locked_mine.gif"); }
 746  
 747  
 748  /*
 749  --------------------------------------------------------------
 750  Colours and backgrounds for cp.css
 751  -------------------------------------------------------------- */
 752  
 753  /* Main CP box
 754  ----------------------------------------*/
 755  
 756  .panel-container h3, .panel-container hr, .cp-menu hr {
 757      border-color: #A4B3BF;
 758  }
 759  
 760  .panel-container .panel li.row {
 761      border-bottom-color: #B5C1CB;
 762      border-top-color: #F9F9F9;
 763  }
 764  
 765  ul.cplist {
 766      border-top-color: #B5C1CB;
 767  }
 768  
 769  .panel-container .panel li.header dd, .panel-container .panel li.header dt {
 770      color: #000000;
 771  }
 772  
 773  .panel-container table.table1 thead th {
 774      color: #333333;
 775      border-bottom-color: #333333;
 776  }
 777  
 778  .cp-main .pm-message {
 779      border-color: #DBDEE2;
 780      background-color: #FFFFFF;
 781  }
 782  
 783  /* CP tabbed menu
 784  ----------------------------------------*/
 785  .tabs .tab > a {
 786      background: #BACCD9;
 787      color: #536482;
 788  }
 789  
 790  .tabs .tab > a:hover {
 791      background: #DDEDFB;
 792      color: #D31141;
 793  }
 794  
 795  .tabs .activetab > a,
 796  .tabs .activetab > a:hover {
 797      background-color: #CADCEB; /* Old browsers */ /* FF3.6+ */
 798      background-image: -webkit-linear-gradient(top, #E2F2FF 0%, #CADCEB 100%);
 799      background-image: linear-gradient(to bottom, #E2F2FF 0%,#CADCEB 100%); /* W3C */
 800      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E2F2FF', endColorstr='#CADCEB',GradientType=0 ); /* IE6-9 */
 801      border-color: #CADCEB;
 802      box-shadow: 0 1px 1px #F2F9FF inset;
 803      color: #333333;
 804  }
 805  
 806  .tabs .activetab > a:hover {
 807      color: #000000;
 808  }
 809  
 810  /* Mini tabbed menu used in MCP
 811  ----------------------------------------*/
 812  .minitabs .tab > a {
 813      background-color: #E1EBF2;
 814  }
 815  
 816  .minitabs .activetab > a,
 817  .minitabs .activetab > a:hover {
 818      background-color: #F9F9F9;
 819      color: #333333;
 820  }
 821  
 822  /* Responsive tabs
 823  ----------------------------------------*/
 824  .responsive-tab .responsive-tab-link:before {
 825      border-color: #536482;
 826  }
 827  
 828  .responsive-tab .responsive-tab-link:hover:before {
 829      border-color: #D31141;
 830  }
 831  
 832  /* UCP navigation menu
 833  ----------------------------------------*/
 834  
 835  /* Link styles for the sub-section links */
 836  .navigation a {
 837      color: #333;
 838      background: #CADCEB; /* Old browsers */ /* FF3.6+ */
 839      background: -webkit-linear-gradient(left, #B4C4D1 50%, #CADCEB 100%);
 840      background: linear-gradient(to right, #B4C4D1 50%,#CADCEB 100%); /* W3C */
 841      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#B4C4D1', endColorstr='#CADCEB',GradientType=1 ); /* IE6-9 */
 842  }
 843  
 844  .rtl .navigation a {
 845      background: #B4C4D1; /* Old browsers */ /* FF3.6+ */
 846      background: -webkit-linear-gradient(left, #CADCEB 50%, #B4C4D1 100%);
 847      background: linear-gradient(to right, #CADCEB 50%,#B4C4D1 100%); /* W3C */
 848      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CADCEB', endColorstr='#B4C4D1',GradientType=1 ); /* IE6-9 */
 849  }
 850  
 851  .navigation a:hover {
 852      background: #AABAC6;
 853      color: #BC2A4D;
 854      filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
 855  }
 856  
 857  .navigation .active-subsection a {
 858      background: #F9F9F9;
 859      color: #D31141;
 860      filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
 861  }
 862  
 863  .navigation .active-subsection a:hover {
 864      color: #D31141;
 865  }
 866  
 867  @media only screen and (max-width: 900px), only screen and (max-device-width: 900px)
 868  {
 869      #navigation a, .rtl #navigation a {
 870          background: #B2C2CF;
 871      }
 872  }
 873  
 874  /* Preferences pane layout
 875  ----------------------------------------*/
 876  .panel-container h2 {
 877      color: #333333;
 878  }
 879  
 880  .panel-container .panel {
 881      background-color: #F9F9F9;
 882  }
 883  
 884  .cp-main .pm {
 885      background-color: #FFFFFF;
 886  }
 887  
 888  /* Friends list */
 889  .cp-mini {
 890      background-color: #EEF5F9;
 891  }
 892  
 893  dl.mini dt {
 894      color: #425067;
 895  }
 896  
 897  /* PM Styles
 898  ----------------------------------------*/
 899  /* PM Message history */
 900  .current {
 901      color: #000000 !important;
 902  }
 903  
 904  /* PM marking colours */
 905  .pmlist li.pm_message_reported_colour, .pm_message_reported_colour {
 906      border-left-color: #BC2A4D;
 907      border-right-color: #BC2A4D;
 908  }
 909  
 910  .pmlist li.pm_marked_colour, .pm_marked_colour {
 911      border-color: #FF6600;
 912  }
 913  
 914  .pmlist li.pm_replied_colour, .pm_replied_colour {
 915      border-color: #A9B8C2;
 916  }
 917  
 918  .pmlist li.pm_friend_colour, .pm_friend_colour {
 919      border-color: #5D8FBD;
 920  }
 921  
 922  .pmlist li.pm_foe_colour, .pm_foe_colour {
 923      border-color: #000000;
 924  }
 925  
 926  /* Avatar gallery */
 927  .gallery label {
 928      background: #FFFFFF;
 929      border-color: #CCC;
 930  }
 931  
 932  .gallery label:hover {
 933      background-color: #EEE;
 934  }
 935  
 936  /*
 937  --------------------------------------------------------------
 938  Colours and backgrounds for forms.css
 939  -------------------------------------------------------------- */
 940  
 941  /* General form styles
 942  ----------------------------------------*/
 943  select {
 944      border-color: #666666;
 945      background-color: #FAFAFA;
 946      color: #000;
 947  }
 948  
 949  label {
 950      color: #425067;
 951  }
 952  
 953  option.disabled-option {
 954      color: graytext;
 955  }
 956  
 957  /* Definition list layout for forms
 958  ---------------------------------------- */
 959  dd label {
 960      color: #333;
 961  }
 962  
 963  fieldset.fields1 {
 964      background-color: transparent;
 965  }
 966  
 967  /* Hover effects */
 968  fieldset dl:hover dt label {
 969      color: #000000;
 970  }
 971  
 972  fieldset.fields2 dl:hover dt label {
 973      color: inherit;
 974  }
 975  
 976  /* Quick-login on index page */
 977  fieldset.quick-login input.inputbox {
 978      background-color: #F2F3F3;
 979  }
 980  
 981  /* Posting page styles
 982  ----------------------------------------*/
 983  
 984  .message-box textarea {
 985      color: #333333;
 986  }
 987  
 988  .message-box textarea.drag-n-drop {
 989      outline-color: rgba(102, 102, 102, 0.5);
 990  }
 991  
 992  .message-box textarea.drag-n-drop-highlight {
 993      outline-color: rgba(17, 163, 234, 0.5);
 994  }
 995  
 996  /* Input field styles
 997  ---------------------------------------- */
 998  .inputbox {
 999      background-color: #FFFFFF;
1000      border-color: #B4BAC0;
1001      color: #333333;
1002  }
1003  
1004  .inputbox:-moz-placeholder {
1005      color: #333333;
1006  }
1007  
1008  .inputbox::-webkit-input-placeholder {
1009      color: #333333;
1010  }
1011  
1012  .inputbox:hover {
1013      border-color: #11A3EA;
1014  }
1015  
1016  .inputbox:focus {
1017      border-color: #11A3EA;
1018  }
1019  
1020  .inputbox:focus:-moz-placeholder {
1021      color: transparent;
1022  }
1023  
1024  .inputbox:focus::-webkit-input-placeholder {
1025      color: transparent;
1026  }
1027  
1028  
1029  /* Form button styles
1030  ---------------------------------------- */
1031  
1032  a.button1, input.button1, input.button3, a.button2, input.button2 {
1033      color: #000;
1034      background-color: #EFEFEF; /* Old browsers */ /* FF3.6+ */
1035      background-image: -webkit-linear-gradient(top, #D2D2D2 0%, #EFEFEF 100%);
1036      background-image: linear-gradient(to bottom, #D2D2D2 0%,#EFEFEF 100%); /* W3C */
1037      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D2D2D2', endColorstr='#EFEFEF',GradientType=0 ); /* IE6-9 */
1038  }
1039  
1040  a.button1, input.button1 {
1041      border-color: #666666;
1042  }
1043  
1044  input.button3 {
1045      background-image: none;
1046  }
1047  
1048  /* Alternative button */
1049  a.button2, input.button2, input.button3 {
1050      border-color: #666666;
1051  }
1052  
1053  /* <a> button in the style of the form buttons */
1054  a.button1, a.button2 {
1055      color: #000000;
1056  }
1057  
1058  /* Hover states */
1059  a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover {
1060      border-color: #D31141;
1061      color: #D31141;
1062      background-color: #D2D2D2; /* Old browsers */ /* FF3.6+ */
1063      background-image: -webkit-linear-gradient(top, #EFEFEF 0%, #D2D2D2 100%);
1064      background-image: linear-gradient(to bottom, #EFEFEF 0%,#D2D2D2 100%); /* W3C */
1065      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EFEFEF', endColorstr='#D2D2D2',GradientType=0 ); /* IE6-9 */
1066  }
1067  
1068  /* Focus states */
1069  input.button1:focus, input.button2:focus, input.button3:focus {
1070      border-color: #11A3EA;
1071      color: #0F4987;
1072  }
1073  
1074  input.disabled {
1075      color: #666666;
1076  }
1077  
1078  /* jQuery popups
1079  ---------------------------------------- */
1080  .phpbb_alert {
1081      background-color: #FFFFFF;
1082      border-color: #999999;
1083  }
1084  .darken {
1085      background-color: #000000;
1086  }
1087  
1088  .loading_indicator {
1089      background-color: #000000;
1090      background-image: url("./images/loading.gif");
1091  }
1092  
1093  .dropdown-extended ul li {
1094      border-top-color: #B9B9B9;
1095  }
1096  
1097  .dropdown-extended ul li:hover {
1098      background-color: #CFE1F6;
1099      color: #000000;
1100  }
1101  
1102  .dropdown-extended .header, .dropdown-extended .footer {
1103      border-color: #B9B9B9;
1104      color: #000000;
1105  }
1106  
1107  .dropdown-extended .footer {
1108      border-top-style: solid;
1109      border-top-width: 1px;
1110  }
1111  
1112  .dropdown-extended .header {
1113      background-color: #F1F8FF; /* Old browsers */ /* FF3.6+ */
1114      background-image: -webkit-linear-gradient(top, #F1F8FF 0%, #CADCEB 100%);
1115      background-image: linear-gradient(to bottom, #F1F8FF 0%,#CADCEB 100%); /* W3C */
1116      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F1F8FF', endColorstr='#CADCEB',GradientType=0 ); /* IE6-9 */
1117  }
1118  
1119  .dropdown .pointer {
1120      border-color: #B9B9B9 transparent;
1121  }
1122  
1123  .dropdown .pointer-inner {
1124      border-color: #FFF transparent;
1125  }
1126  
1127  .dropdown-extended .pointer-inner {
1128      border-color: #F1F8FF transparent;
1129  }
1130  
1131  .dropdown .dropdown-contents {
1132      background: #fff;
1133      border-color: #B9B9B9;
1134      box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.2);
1135  }
1136  
1137  .dropdown-up .dropdown-contents {
1138      box-shadow: 1px 0 5px rgba(0, 0, 0, 0.2);
1139  }
1140  
1141  .dropdown li, .dropdown li li {
1142      border-color: #DCDCDC;
1143  }
1144  
1145  .dropdown li.separator {
1146      border-color: #DCDCDC;
1147  }
1148  
1149  /* Notifications
1150  ---------------------------------------- */
1151  
1152  .notification_list p.notification-time {
1153      color: #4C5D77;
1154  }
1155  
1156  li.notification-reported strong, li.notification-disapproved strong {
1157      color: #D31141;
1158  }
1159  
1160  .badge {
1161      background-color: #D31141;
1162      color: #ffffff;
1163  }