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