├── README.md └── nzbget_custom_darkblue.css /README.md: -------------------------------------------------------------------------------- 1 | # DarkerNZBget 2 | [![Discord](https://img.shields.io/badge/Chat-Discord-738bd7.svg?style=for-the-badge)](https://discord.gg/fKcCXwb)
3 | Custom CSS to apply to NZBget using an NGINX subfilter 4 | 5 | Using a NGINX sub filter is the only way to apply this specific branch of the repo to NZBget. Below, is one example, of how to use a reverse proxy block in NGINX to apply. If you're looking for a different/better way, go to the [Develop](https://github.com/ydkmlt84/DarkerNZBget/tree/develop) branch and read the README over there. 6 | ``` 7 | #NZBGet ReverseProxy 8 | location /nzbget { 9 | proxy_pass http://localhost:; 10 | proxy_set_header Host $host; 11 | proxy_set_header X-Real-IP $remote_addr; 12 | proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; 13 | proxy_set_header Accept-Encoding ""; 14 | sub_filter '' ''; 15 | sub_filter_once on; 16 | } 17 | 18 | ``` 19 |
20 | Rawgit link for master branch = https://rawgit.com/ydkmlt84/DarkerNZBget/master/nzbget_custom_darkblue.css
21 |
22 | Screenshots 23 |
24 | 25 |
26 | 27 | -------------------------------------------------------------------------------- /nzbget_custom_darkblue.css: -------------------------------------------------------------------------------- 1 | @import url('https://fonts.googleapis.com/css?family=Nanum+Gothic'); 2 | body { 3 | background-color: #272727 !important; 4 | background-image: url("https://i.imgur.com/TYh5E3n.png"); 5 | background-repeat: no-repeat; 6 | background-attachment: fixed; 7 | background-position: top; 8 | color:#adb1b1 !important; 9 | } 10 | body::-webkit-scrollbar { 11 | width:.6em; 12 | background-color:transparent; 13 | } 14 | 15 | body::-webkit-scrollbar-thumb { 16 | background-color: #626262; 17 | -webkit-border-radius:5px; 18 | } 19 | .navbar .nav .active > a, .navbar .nav .active > a:hover { 20 | border-radius: 3px; 21 | background: transparent; 22 | border: 0px; 23 | color: #3a87ad; 24 | font-size:13px; 25 | font-weight:bold; 26 | border-radius:2px; 27 | font-family: 'Nanum Gothic', sans-serif; 28 | text-transform:uppercase; 29 | } 30 | .navbar .nav > li > a { 31 | color: #a8a8a8; 32 | font-size: 13px; 33 | font-weight:bold; 34 | font-family: 'Nanum Gothic', sans-serif; 35 | text-transform:uppercase; 36 | } 37 | .navbar .nav > li > a:hover { 38 | color: #3a87ad; 39 | font-size: 13px; 40 | font-family: 'Nanum Gothic', sans-serif; 41 | text-transform:uppsercase; 42 | } 43 | 44 | #NavLinks .badge.badge2 { 45 | background: #626262; 46 | border-radius:5px; 47 | font-size:12px; 48 | } 49 | #NavLinks .badge{ 50 | background:#626262; 51 | border-radius:5px; 52 | font-size:12px; 53 | } 54 | tr.checked, tr.checked td, tr.checked:nth-child(odd) .progress { 55 | background-color: #3a87ad; 56 | } 57 | .table thead th a{ 58 | color: #a8a8a8; 59 | } 60 | .table thead th { 61 | color:#a8a8a8; 62 | padding:8px; 63 | border-radius: 0px; 64 | } 65 | .btn { 66 | text-transform: uppercase; 67 | font-family:'Nanum Gothic', sans-serif; 68 | } 69 | .table-striped tbody tr:nth-child(odd) td, .table-striped tbody tr:nth-child(odd) th { 70 | color:black; 71 | } 72 | td.dropdown-cell { 73 | color:#adb1b1; 74 | } 75 | thead{ 76 | background:#414141; 77 | } 78 | 79 | #DownloadsTab thead{ 80 | background-color: #414141; 81 | } 82 | tbody { 83 | background-color: transparent; 84 | color:#adb1b1; 85 | border: .5px solid white; 86 | } 87 | .table { 88 | border-radius: unset; 89 | border: none; 90 | } 91 | .navbar-search .search-query, .navbar-search .search-query:focus, .navbar-search .search-query.focused { 92 | width: 180px; 93 | border-radius: 2px; 94 | background-color: #414141; 95 | text-shadow: unset; 96 | color: #a8a8a8; 97 | border:0px; 98 | } 99 | .navbar .dropdown-menu:after{ 100 | border-bottom: 6px solid #414141; 101 | } 102 | .alert-info { 103 | font-weight: bold; 104 | border-radius: unset; 105 | border-bottom-left-radius: 0px; 106 | border-bottom-right-radius: 0px; 107 | border:0px; 108 | background-color:#414141; 109 | text-shadow:unset; 110 | color:#adb1b1; 111 | text-transform:capitalize; 112 | } 113 | .alert-info h4 { 114 | text-transform:uppercase; 115 | } 116 | div.check:hover { 117 | border: 1px solid black; 118 | } 119 | div.check { 120 | background-color: white !important; 121 | } 122 | .table-striped tbody tr.checked:nth-child(odd) td, .checked .progress { 123 | background-color: transparent; 124 | } 125 | .table a { 126 | color: #adb1b1; 127 | } 128 | .table-striped tbody tr:nth-child(odd) td, .table-striped tbody tr:nth-child(odd) th { 129 | background-color: transparent; 130 | color:#adb1b1; 131 | } 132 | .table a:hover { 133 | color:#adb1b1; 134 | } 135 | .td { 136 | color: #adb1b1; 137 | } 138 | .tr { 139 | background: transparent; 140 | } 141 | 142 | .table tbody tr:hover td, .table tbody tr:hover th { 143 | background-color: transparent; 144 | } 145 | .table tbody tr:hover td, .table tbody tr th { 146 | background-color: transparent; 147 | } 148 | 149 | .table-striped tbody tr:nth-child(odd) { 150 | background-color: transparent; 151 | } 152 | tr.checked, tr.checked td, tr.checked:nth-child(odd) .progress { 153 | background-color: transparent; 154 | } 155 | .table tbody tr.checked:hover, .table tbody tr.checked:hover td { 156 | background-color: transparent; 157 | } 158 | .table tbody tr:hover, .table tbody tr:hover td { 159 | background-color: transparent; 160 | } 161 | .modal-body { 162 | background-color: #414141; 163 | color:#cccccc; 164 | } 165 | .modal-body::-webkit-scrollbar { 166 | width:.6em; 167 | background-color:transparent; 168 | } 169 | 170 | .modal-body::-webkit-scrollbar-thumb { 171 | background-color: #626262; 172 | -webkit-border-radius:5px; 173 | } 174 | .modal-header h3 { 175 | color:#cccccc; 176 | background-color:#414141; 177 | } 178 | .modal-header { 179 | background-color:#414141; 180 | border:0px; 181 | } 182 | .modal-footer { 183 | background-color:#414141; 184 | border-top:1px solid #adb1b1; 185 | box-shadow:unset; 186 | } 187 | .modal-footer .btn + .btn { 188 | margin-bottom: 0; 189 | background:#3a87ad; 190 | margin-left: 5px; 191 | } 192 | .modal { 193 | background-color: #414141; 194 | border:0px; 195 | } 196 | .modal a.btn{ 197 | background:#414141; 198 | color:white; 199 | text-shadow:unset; 200 | } 201 | #LimitDialog_SpeedInput{ 202 | background:#2c2c2c; 203 | border:0px; 204 | color: white; 205 | } 206 | #LimitDialog_SpeedInputGroup > div > span{ 207 | background:#414141; 208 | border:1px solid #2c2c2c; 209 | text-shadow:unset; 210 | font-weight:bold; 211 | cursor:default; 212 | } 213 | .modal .input-xlarge { 214 | color:white; 215 | border:0px; 216 | background:#2c2c2c 217 | } 218 | #HistoryEdit_Category{ 219 | background:#2c2c2c; 220 | color:white; 221 | border:0px; 222 | } 223 | .modal-bottom-toolbar .btn{ 224 | background:#2c2c2c; 225 | color:white; 226 | text-shadow:unset; 227 | } 228 | .modal-body .form-horizontal .control-label{ 229 | color: #CCCCCC; 230 | font-weight:bold; 231 | } 232 | .modal-body p { 233 | color:#adb1b1; 234 | } 235 | .modal-body h1 { 236 | color:#adb1b1; 237 | } 238 | .modal-body h2 { 239 | color:#cccccc; 240 | } 241 | .modal-body p a { 242 | color: #3a87ad; 243 | text-decoration:underline; 244 | } 245 | .modal-body .table thead th { 246 | color: #cccccc; 247 | font-weight:bold; 248 | padding: 10px; 249 | } 250 | .modal .input-small{ 251 | background:#2c2c2c; 252 | color:white; 253 | border:0px; 254 | } 255 | #HistoryEdit_DupeTab > div > form > fieldset > div > div > label{ 256 | color:#cccccc; 257 | } 258 | #HistoryEdit_LogTab > div> div.btn-toolbar.form-inline.clearfix.modal-toolbox > div.pull-left.btn-group > button{ 259 | background:#2c2c2c; 260 | color:white; 261 | text-shadow:unset; 262 | font-weight:bold; 263 | } 264 | .modal div.toolbox-length select{ 265 | background:#2c2c2c; 266 | } 267 | #HistoryEdit_LogTable_filter{ 268 | background:#2c2c2c; 269 | color:white; 270 | border:0px; 271 | border-radius:4px; 272 | } 273 | .modal .btn.btn-primary{ 274 | background:#3a87ad; 275 | color:#2c2c2c; 276 | text-shadow:unset; 277 | } 278 | .modal .btn{ 279 | background: #414141; 280 | color:#cccccc; 281 | text-shadow:unset; 282 | } 283 | .modal .input-medium{ 284 | background:#2c2c2c; 285 | color:white; 286 | border:0px; 287 | } 288 | .modal .input-xblarge{ 289 | background:#2c2c2c; 290 | color:white; 291 | border:0px; 292 | } 293 | #AddDialog_Priority{ 294 | background:#2c2c2c; 295 | color:white; 296 | border:0px; 297 | } 298 | #AddDialog_Category{ 299 | background:#2c2c2c; 300 | color:white; 301 | border:0px; 302 | } 303 | #AddDialog_Target > div > form > fieldset > div > div > label{ 304 | color:#cccccc; 305 | } 306 | .modal .radio{ 307 | color:#cccccc; 308 | } 309 | .modal .radio:hover{ 310 | color:#3a87ad; 311 | } 312 | .modal-open .dropdown-menu { 313 | background: #414141; 314 | } 315 | #StatDialog_Server{ 316 | background:#414141; 317 | } 318 | .modal .input-mini{ 319 | background:#2c2c2c; 320 | color:white; 321 | border:0px; 322 | } 323 | .modal .btn-inverse{ 324 | color:#3a87ad; 325 | } 326 | /*end of modal*/ 327 | .table.check-simple tbody tr.checked:hover, .table.check-simple tbody tr.checked:hover td { 328 | background-color: transparent; 329 | cursor:default; 330 | } 331 | table > thead > tr > th.table-selector { 332 | color:black; 333 | } 334 | #RefreshMenu { 335 | background-color:#414141; 336 | border-radius:5px; 337 | border: 1px solid #2c2c2c; 338 | } 339 | #RefreshMenu > li.menu-header { 340 | color:white; 341 | } 342 | #RefreshMenu > li > a > table > tbody{ 343 | border:0px; 344 | } 345 | .progress-block { 346 | color:black; 347 | border-radius:3px; 348 | background-color:rgba(255,255,255, .2) 349 | } 350 | .progress { 351 | background:#2c2c2c; 352 | } 353 | #DownloadsTable > tbody > tr > td:nth-child(7) > div > div.progress.progress-striped.progress-none{ 354 | background-color:transparent; 355 | } 356 | #DownloadsTable > tbody > tr.checked >td:nth-child(7) >div >div.progress{ 357 | background-color:rgba(248, 148, 6, .8); 358 | } 359 | #DownloadsTable > tbody > tr > td:nth-child(7) > div > div.progress{ 360 | background-color:rgba(248, 148, 6, .8); 361 | } 362 | #DownloadsTable > tbody > tr > td:nth-child(7) > div > div.progress.progress-striped.progress-success{ 363 | background-color:transparent; 364 | } 365 | .table tbody tr.checked, .table tbody tr.checked td{ 366 | background:#414141; 367 | color:white; 368 | } 369 | .table tbody tr.checked a, .table tbody tr.checked td a{ 370 | color:white; 371 | } 372 | .table tbody tr.checked:hover, .table tbody tr.checked:hover td{ 373 | background:rgba(87,87,87,.9); 374 | color:white; 375 | } 376 | .table tbody tr.checked:hover a, .table tbody tr.checked:hover td a{ 377 | color:white; 378 | } 379 | .table tbody tr.checked:nth-child(even), .table tbody tr.checked:nth-child(even) td{ 380 | background:#414141; 381 | color:white; 382 | } 383 | .table tbody tr.checked:nth-child(even) a, .table tbody tr.checked:nth-child(even) td a{ 384 | color:white; 385 | } 386 | .table tbody tr.checked:hover, .table tbody tr.checked:hover td{ 387 | background:rgba(87,87,87,.9); 388 | color:white; 389 | } 390 | .table tbody tr.checked:hover a, .table tbody tr.checked:hover td a{ 391 | color:white; 392 | } 393 | .pagination a { 394 | color:#adb1b1; 395 | border:unset; 396 | } 397 | .pagination .disabled span, .pagination .disabled a, .pagination .disabled a:hover{ 398 | color:#414141; 399 | } 400 | .pagination a:hover { 401 | color:#3a87ad; 402 | background:transparent; 403 | font-weight:bold; 404 | border-radius: 4px; 405 | } 406 | .pagination li:first-child a:hover{ 407 | background:transparent; 408 | } 409 | .pagination li:last-child a:hover{ 410 | background:transparent; 411 | } 412 | .pagination .active a{ 413 | color:#3a87ad; 414 | font-weight:bold; 415 | background-color:transparent; 416 | border-radius:4px; 417 | } 418 | span.help-option-title { 419 | color: #bbbbbb; 420 | } 421 | #_Unpack_Password{ 422 | background-color:#2c2c2c; 423 | border:0px; 424 | color:white; 425 | } 426 | .row-fluid .span9 { 427 | background-color: rgba(44,44,44,.75); 428 | border-radius: 3px; 429 | padding: 2px; 430 | margin:auto; 431 | } 432 | #ConfigNav.nav-list a { 433 | color:#a8a8a8; 434 | text-shadow:unset; 435 | } 436 | #ConfigNav.nav-list a:hover { 437 | color:#3a87ad; 438 | background-color:transparent; 439 | } 440 | #ConfigNav.nav-list a:active { 441 | color:white; 442 | text-shadow:unset; 443 | background-color:transparent; 444 | border-radius:2px; 445 | } 446 | #ConfigNav.nav-list > .active > a, #ConfigNav.nav-list > .active > a:hover { 447 | color:white; 448 | border-radius:2px; 449 | background-color:rgba(58,135,173,.7); 450 | } 451 | #ConfigNav { 452 | background-color: rgba(44,44,44,.7); 453 | border:0px; 454 | width:200px; 455 | text-align:center; 456 | margin:auto; 457 | } 458 | .row-fluid .span9 p{ 459 | padding-left: 2px; 460 | } 461 | .row-fluid .span9 h4{ 462 | padding-left: 2px; 463 | } 464 | #ConfigContent .config-header{ 465 | border-radius:0px; 466 | border-bottom: 2px solid #a8a8a8; 467 | } 468 | #ConfigContent hr { 469 | border:0px; 470 | } 471 | #ConfigContent div.control-group { 472 | border-bottom: 1px solid #a8a8a8; 473 | } 474 | #ConfigContent .control-label { 475 | color:#adb1b1; 476 | } 477 | .config-header .btn-group { 478 | padding-right:5px; 479 | } 480 | #ConfigContent p.help-block { 481 | color:#adb1b1; 482 | text-transform:capitalize; 483 | } 484 | #ConfigContent .help-option-title { 485 | color:#adb1b1; 486 | text-transform:uppercase; 487 | font-weight: bold; 488 | } 489 | #ConfigContent .editlarge { 490 | background: #626261; 491 | color: white; 492 | border:0px; 493 | } 494 | #ConfigContent .editsmall { 495 | background: #626262; 496 | color: white; 497 | border:0px; 498 | } 499 | .config-settitle { 500 | background-color: transparent; 501 | border-radius:0px; 502 | text-shadow: 2px 1px 1px #0088cc; 503 | border-bottom:0px; 504 | } 505 | #ConfigContent .editnumeric { 506 | width: 70px; 507 | background: #626261; 508 | color: white; 509 | border:0px; 510 | } 511 | #ConfigData > div > div > div > span.add-on{ 512 | background-color:#414141; 513 | color:white; 514 | text-shadow:unset; 515 | font-weight:bold; 516 | cursor:default; 517 | border:0px; 518 | } 519 | #ConfigData > div > div > div > span > label.checkbox { 520 | color:white; 521 | } 522 | #ConfigContent table.editor input { 523 | width: 100%; 524 | background-color: #626262; 525 | color: white; 526 | border:0px; 527 | } 528 | #ConfigData > div > div > table { 529 | border-collapse:unset; 530 | } 531 | .config-header .btn{ 532 | background:#414141; 533 | color:#adb1b1; 534 | text-shadow:unset; 535 | } 536 | .nav-list .divider{ 537 | border-bottom:2px solid #a8a8a8; 538 | background-color:transparent; 539 | } 540 | #Config_ViewMenu { 541 | background:transparent; 542 | background-color:#414141; 543 | color:#adb1b1; 544 | text-shadow:unset; 545 | border:0px; 546 | } 547 | #Config_Save { 548 | background:#414141; 549 | font-family:'Nanum-Gothic', sans-serif; 550 | color:#a8a8a8; 551 | margin:auto; 552 | } 553 | #ConfigData > div> div > button.btn.btn-danger { 554 | background:#ad292c; 555 | text-shadow:unset; 556 | } 557 | #ConfigData > div:nth-child(3) > div > button, 558 | #ConfigData > div:nth-child(4) > div > button, 559 | #ConfigData > div:nth-child(5) > div > button { 560 | text-shadow:unset; 561 | background:#414141; 562 | color:white; 563 | } 564 | #ConfigData input.btn.btn-primary{ 565 | background:#3a87ad; 566 | text-shadow:unset; 567 | color:white; 568 | } 569 | #ConfigData input.btn{ 570 | background:#414141; 571 | text-shadow:unset; 572 | color:#a8a8a8; 573 | } 574 | #Config_ViewButton{ 575 | background:#414141; 576 | color:#a8a8a8; 577 | } 578 | #ConfigData > div > div > p > a { 579 | color:#3a87ad; 580 | } 581 | #UpdateDialog_Versions #UpdateDialog_AvailRow td:hover, #UpdateDialog_Versions tr:hover td { 582 | background-color: transparent; 583 | } 584 | #PlayMenu { 585 | background:#414141; 586 | } 587 | #PlayMenu > li{ 588 | color:white; 589 | text-shadow:unset; 590 | font-weight:bold; 591 | font-size:12px; 592 | } 593 | #PlayMenu > li > a > table > tbody{ 594 | border:0px; 595 | } 596 | .dropdown-menu a{ 597 | color: #adb1b1; 598 | background:transparent; 599 | } 600 | div.toolbox-length select { 601 | width: 75px; 602 | height: 28px; 603 | background-color: #414141; 604 | color: #adb1b1; 605 | border: 0px; 606 | } 607 | #DownloadsToolbar > div > button { 608 | background:#414141; 609 | color:#a8a8a8; 610 | text-shadow:unset; 611 | font-weight: bold; 612 | } 613 | #DownloadsToolbar > div > button:hover { 614 | background:#414141; 615 | color:#a8a8a8; 616 | text-shadow:unset; 617 | border-bottom:1px solid #3a87ad; 618 | } 619 | #DownloadsToolbar > div > button:active { 620 | background:#414141; 621 | color:white; 622 | text-shadow:unset; 623 | border-bottom:1px solid #3a87ad; 624 | } 625 | #HistoryTab_Toolbar > div > button { 626 | background:#414141; 627 | color:#a8a8a8; 628 | text-shadow:unset; 629 | font-weight: bold; 630 | } 631 | #HistoryTab_Toolbar > div > button:hover { 632 | background:#414141; 633 | color:#a8a8a8; 634 | text-shadow:unset; 635 | border-bottom:1px solid #3a87ad; 636 | } 637 | #HistoryTab_Toolbar > div > button:active { 638 | background:#414141; 639 | color:white; 640 | text-shadow:unset; 641 | border-bottom:1px solid #3a87ad; 642 | } 643 | #HistoryCategoryMenu{ 644 | background:#414141; 645 | } 646 | .badge { 647 | background-color: rgb(98, 98, 98); 648 | color:white; 649 | border-radius:4px; 650 | } 651 | #MessagesTab_Toolbar > div > button{ 652 | background:#414141; 653 | color:#a8a8a8; 654 | text-shadow:unset; 655 | font-weight: bold; 656 | } 657 | #MessagesTab_Toolbar > div > button:hover{ 658 | background:#414141; 659 | color:#a8a8a8; 660 | text-shadow:unset; 661 | border-bottom:1px solid #3a87ad; 662 | } 663 | #MessagesTab_Toolbar > div > button:active{ 664 | background:#414141; 665 | color:white; 666 | text-shadow:unset; 667 | border-bottom:1px solid #3a87ad; 668 | } 669 | .menu-header { 670 | color:white; 671 | text-shadow:unset; 672 | } 673 | #HistoryTab_Toolbar > div.btn-group.open > ul{ 674 | background:#414141 675 | } 676 | #HistoryActionsMenu { 677 | background:#414141 678 | } 679 | #FilterMenu { 680 | background:#414141; 681 | } 682 | #Notif_Downloads_Select{ 683 | background:#2c2c2c; 684 | color:#adb1b1; 685 | border:0px; 686 | } 687 | #HistoryTab_Toolbar > div.btn-group.phone-hide > button.btn.history-filter.btn-inverse{ 688 | border-bottom:1px solid #3a87ad; 689 | color:white; 690 | } 691 | #MessagesTab_Toolbar > div.btn-group.phone-hide > button.btn.btn-inverse{ 692 | border-bottom:1px solid #3a87ad; 693 | color:white; 694 | } 695 | #ConfigData > div > button.btn{ 696 | background:#414141; 697 | color:#adb1b1; 698 | font-weight:bold; 699 | text-shadow:unset; 700 | } 701 | #ConfigData > div > button.btn:hover{ 702 | background:#414141; 703 | color:#3a87ad; 704 | font-weight:bold; 705 | text-shadow:unset; 706 | } 707 | .dropdown-menu a:hover { 708 | 709 | color: #adb1b1; 710 | background: transparent; 711 | border-radius:2px; 712 | } 713 | #ConfigData > div > div > table > tbody > tr > td>.btn{ 714 | background:#414141; 715 | color:#adb1b1; 716 | text-shadow:unset; 717 | font-weight:bold; 718 | } 719 | #Config_Save:hover{ 720 | background-color:#ad292c; 721 | color:#adb1b1; 722 | } 723 | #Notif_History_Select{ 724 | background:#2c2c2c; 725 | border:1px solid #2c2c2c; 726 | color:#adb1b1; 727 | } 728 | #DownloadsActionsMenu { 729 | background: #414141; 730 | } 731 | #PriorityMenu > li > a > table > tbody{ 732 | border:0px; 733 | } 734 | #HistoryCategoryMenu > li > a > table > tbody{ 735 | border:0px; 736 | } 737 | #PriorityMenu{ 738 | background:#2c2c2c; 739 | color:#adb1b1; 740 | } 741 | #DownloadsEdit_Priority{ 742 | background:#2c2c2c; 743 | color:#adb1b1; 744 | border:0px; 745 | } 746 | #DownloadsEdit_Category{ 747 | background:#2c2c2c; 748 | border:0px; 749 | color:#adb1b1; 750 | } 751 | #DownloadsEdit_FileTable_filter{ 752 | background:#2c2c2c; 753 | border:0px; 754 | color:#adb1b1; 755 | } 756 | .modal-inner-scroll::-webkit-scrollbar{ 757 | width:.6em; 758 | background-color:#2c2c2c; 759 | } 760 | .modal-inner-scroll::-webkit-scrollbar-thumb{ 761 | background-color: #626262; 762 | -webkit-border-radius:5px; 763 | } 764 | #DownloadsEdit_LogTable_filter{ 765 | background:#2c2c2c; 766 | border:0px; 767 | color:#adb1b1; 768 | } 769 | ::selection{ 770 | background:#3a87adcf; 771 | } 772 | table.datatable > tbody > tr:hover{ 773 | background:#414141; 774 | } 775 | .table tbody tr:hover, .table tbody tr:hover td, .table tbody tr:hover a { 776 | color:white; 777 | } 778 | #MessagesTable > tbody > tr:hover{ 779 | background:transparent; 780 | } 781 | #MessagesTable > tbody > tr:hover td{ 782 | color:#adb1b1; 783 | } 784 | --------------------------------------------------------------------------------