universe

Universe
git clone https://git.dasho.dev/universe.git
Log | Files | Refs | Submodules | README

sprite.css (21875B)

      1 /* Sprites */
      2 .container
      3  > header
      4  > .centerWrap
      5  > .userNav
      6  > .userDrop
      7  > .event
      8  > .username::after {
      9  position: absolute;
     10  top: 50%;
     11  right: 0;
     12  max-height: 12px;
     13  max-width: 12px;
     14  content: "";
     15  background-image: url(../images/sprite.png);
     16  margin-top: -6px;
     17  width: 32px;
     18  height: 32px;
     19  background-position: 88.2056% 17.2917%;
     20  background-size: 3200%;
     21 }
     22 
     23 .decaptcha > .init-ui:after {
     24  position: absolute;
     25  top: 58%;
     26  right: 12px;
     27  margin-top: -21px;
     28  max-width: 42px;
     29  max-height: 35px;
     30  width: 42px;
     31  height: 42px;
     32  background-repeat: no-repeat;
     33  background-image: url(../images/sprite.png);
     34  content: "";
     35  background-position: 76.2987% 0.461894%;
     36  background-size: 1024%;
     37 }
     38 
     39 .filterSettings > .timespan:after {
     40  position: absolute;
     41  right: 0;
     42  top: 2px;
     43  width: 16px;
     44  height: 16px;
     45  content: "";
     46  background-image: url(../images/filter.png);
     47  background-position: center center;
     48  background-repeat: no-repeat;
     49  background-size: 16px 16px;
     50 }
     51 
     52 form.chatroom-form > .mute-btn > .icon {
     53  position: absolute;
     54  top: 50%;
     55  left: 0;
     56  right: 0;
     57  width: 20px;
     58  height: 20px;
     59  margin: -10px auto 0;
     60  background-image: url(../images/muted-user.png);
     61  background-size: contain;
     62  background-position: center center;
     63  background-repeat: no-repeat;
     64 }
     65 
     66 .chatroom_container .message-window > .item > .bubble > .action-menu {
     67  position: absolute;
     68  display: block;
     69  width: 20px;
     70  height: 20px;
     71  top: 50%;
     72  margin-top: -10px;
     73  background-image: url(../images/chat-action.png);
     74  background-size: contain;
     75  background-position: center center;
     76  background-repeat: no-repeat;
     77  cursor: pointer;
     78  transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out;
     79  right: 15px;
     80  opacity: 0;
     81  visibility: hidden;
     82 }
     83 
     84 .suggested_module > .suggested > .icon {
     85  display: inline-block;
     86  vertical-align: middle;
     87  width: 60px;
     88  height: 60px;
     89  border-radius: 100%;
     90  background-color: #9b59b6;
     91  background-size: cover;
     92  background-position: center center;
     93  background-image: url(../images/dread-icon-lg.png);
     94  margin-right: 10px;
     95 }
     96 
     97 .admin-panel > .panel-content .panel-list.subdreads > .item > .icon {
     98  position: absolute;
     99  left: 10px;
    100  width: 50px;
    101  height: 50px;
    102  border-radius: 100%;
    103  background-color: #9b59b6;
    104  background-size: cover;
    105  background-position: center center;
    106  background-image: url(../images/dread-icon-lg.png);
    107  top: 50%;
    108  margin-top: -25px;
    109 }
    110 
    111 .modadmin_list > .item > .left > .icon {
    112  display: inline-block;
    113  vertical-align: middle;
    114  width: 40px;
    115  height: 40px;
    116  -webkit-border-radius: 100%;
    117  -moz-border-radius: 100%;
    118  border-radius: 100%;
    119  background-color: #9b59b6;
    120  margin-right: 10px;
    121  background-image: url(../images/dread-icon-lg.png);
    122  background-size: cover;
    123  background-position: center center;
    124  background-repeat: no-repeat;
    125 }
    126 
    127 .modadmin > .item.unread > .icon {
    128  background-position: 28.125% 27.6786%;
    129  background-image: url(../images/sprite.png);
    130 }
    131 
    132 .modadmin > .item > .icon {
    133  display: inline-block;
    134  vertical-align: top;
    135  max-width: 40px;
    136  max-height: 40px;
    137  margin-right: 15px;
    138  background-image: url(../images/sprite.png);
    139  background-repeat: no-repeat;
    140  width: 64px;
    141  height: 64px;
    142  background-position: 21.25% 27.6786%;
    143  background-size: 1600%;
    144 }
    145 
    146 .colorPicker > .colors > .item:after {
    147  display: none;
    148  width: 30px;
    149  height: 30px;
    150  background-image: url(../images/check.png);
    151  background-size: 30px 30px;
    152  background-position: center center;
    153  background-repeat: no-repeat;
    154  content: "";
    155  position: absolute;
    156  top: 50%;
    157  left: 0;
    158  right: 0;
    159  margin: -15px auto 0 auto;
    160 }
    161 
    162 .conversationView > .messageHeader > .right > .action > .event {
    163  display: block;
    164  width: 40px;
    165  height: 40px;
    166  background-image: url(../images/more-icon.png);
    167  background-size: 32px 32px;
    168  background-position: center center;
    169  background-repeat: no-repeat;
    170 }
    171 
    172 .conversationView > .messageHeader > .recipient > .icon {
    173  display: inline-block;
    174  vertical-align: middle;
    175  max-width: 40px;
    176  max-height: 40px;
    177  -webkit-border-radius: 100%;
    178  -moz-border-radius: 100%;
    179  border-radius: 100%;
    180  background-size: contain;
    181  width: 64px;
    182  height: 64px;
    183  background: #9b59b6 url(../images/sprite.png) no-repeat 55.625% 27.6786%;
    184  background-size: 1600%;
    185 }
    186 
    187 .conversationList > .inner > .list > .item.unread > .icon {
    188  background-position: 28.125% 27.6786%;
    189  background-size: 1600%;
    190 }
    191 
    192 .conversationList > .inner > .list > .item > .icon {
    193  display: inline-block;
    194  vertical-align: top;
    195  max-width: 40px;
    196  max-height: 40px;
    197  margin-right: 15px;
    198  background-image: url(../images/sprite.png);
    199  background-repeat: no-repeat;
    200  width: 64px;
    201  height: 64px;
    202  background-position: 21.25% 27.6786%;
    203  background-size: 1600%;
    204 }
    205 
    206 .notificationBoard .list > .item > .icon {
    207  display: inline-block;
    208  vertical-align: middle;
    209  width: 40px;
    210  height: 40px;
    211  margin-right: 15px;
    212  background-image: url(../images/notification.png);
    213  background-size: 50% 50%;
    214  background-position: center center;
    215  background-repeat: no-repeat;
    216 }
    217 
    218 .popout-box.login:after {
    219  background-color: #713c86;
    220  position: absolute;
    221  top: 0;
    222  left: 0;
    223  width: 30%;
    224  height: 100%;
    225  content: "";
    226  background-image: url(../images/dread-d.png);
    227  background-position: center center;
    228  background-size: 60% auto;
    229  background-repeat: no-repeat;
    230 }
    231 
    232 .profileHeader > .inside > .right > .action > .event {
    233  display: block;
    234  width: 40px;
    235  height: 40px;
    236  background-image: url(../images/more-icon.png);
    237  background-size: 32px 32px;
    238  background-position: center center;
    239  background-repeat: no-repeat;
    240 }
    241 
    242 .profileHeader > .inside > .left > .usericon {
    243  position: absolute;
    244  left: 0;
    245  max-width: 50px;
    246  max-height: 50px;
    247  background-color: #9b59b6;
    248  -webkit-border-radius: 100%;
    249  -moz-border-radius: 100%;
    250  border-radius: 100%;
    251  background-image: url(../images/sprite.png);
    252  width: 64px;
    253  height: 64px;
    254  background-position: 55.625% 27.6786%;
    255  background-size: 1600%;
    256 }
    257 
    258 .postComments .comment > .commentContent > .top > .username > .flair.sticky {
    259  background-color: #27ae60;
    260  background-image: url(../images/sprite.png);
    261  background-repeat: no-repeat;
    262  max-height: 16px;
    263  max-width: 16px;
    264  width: 32px;
    265  height: 32px;
    266  background-position: 89.9% 42.5%;
    267  background-size: 2322%;
    268 }
    269 
    270 .container > .dreadSidebar > .sub-header > .subicon {
    271  display: block;
    272  margin: 0 auto 10px auto;
    273  width: 60px;
    274  height: 60px;
    275  background-color: #9b59b6;
    276  background-size: cover;
    277  background-position: center center;
    278  background-repeat: no-repeat;
    279  overflow: hidden;
    280  -webkit-border-radius: 100%;
    281  -moz-border-radius: 100%;
    282  border-radius: 100%;
    283  background-image: url(../images/dread-icon-lg.png);
    284 }
    285 
    286 .container > .dreadSidebar > .sect > .heading {
    287  display: block;
    288  margin-bottom: 15px;
    289  height: 25px;
    290  line-height: 25px;
    291  font-size: 16px;
    292  color: #000;
    293  background-position: 0 center;
    294  background-size: 20px 20px;
    295  background-repeat: no-repeat;
    296 }
    297 
    298 .container > .dreadSidebar > .sect > .heading.icon {
    299  padding-left: 30px;
    300 }
    301 
    302 .container > .dreadSidebar > .sect > .heading.subs {
    303  background-image: url(../images/sidebar-subs.png);
    304 }
    305 
    306 .container > .dreadSidebar > .sect > .heading.mods {
    307  background-image: url(../images/sidebar-mods.png);
    308 }
    309 .container > .dreadSidebar > .sect > .heading.mods::before {
    310  width: 30px;
    311  background-position: 75.9557% 42.5%;
    312  background-size: 3413.33%;
    313  background-image: url(../images/sprite.png);
    314 }
    315 
    316 .container > .dreadSidebar > .sect > .heading.tools {
    317  background-image: url(../images/sidebar-tools.png);
    318 }
    319 .sprite-sidebar-mods {
    320 }
    321 .sprite-sidebar-subs {
    322  width: 32px;
    323  height: 32px;
    324  background-position: 79.3347% 42.5%;
    325  background-size: 3200%;
    326 }
    327 .sprite-sidebar-tools {
    328  width: 30px;
    329  height: 32px;
    330  background-position: 82.5956% 42.5%;
    331  background-size: 3413.33%;
    332 }
    333 
    334 .container > .content > .postBoard > .item > .postTop > .title > .flair.sticky {
    335  background-color: #27ae60;
    336  background-image: url(../images/sticky.png);
    337  background-size: 70% 70%;
    338  background-position: center center;
    339  background-repeat: no-repeat;
    340  height: 18px;
    341  width: 18px;
    342  padding: 0;
    343 }
    344 
    345 .container > .content > .postBoard > .item > .postTop > .title > .flair.locked {
    346  background-color: #2c3e50;
    347  background-image: url(../images/locked.png);
    348  background-size: 70% 70%;
    349  background-position: center center;
    350  background-repeat: no-repeat;
    351  height: 18px;
    352  width: 18px;
    353  padding: 0;
    354 }
    355 
    356 .post_queue > .item > .icon {
    357  display: inline-block;
    358  vertical-align: middle;
    359  max-width: 40px;
    360  max-height: 40px;
    361  margin-right: 15px;
    362  background-repeat: no-repeat;
    363  background-image: url(../images/sprite.png);
    364  width: 64px;
    365  height: 64px;
    366  background-position: 41.875% 27.6786%;
    367  background-size: 1600%;
    368 }
    369 
    370 .post_queue > .item > .icon.comment {
    371  width: 64px;
    372  height: 64px;
    373  background-position: 94.6875% 0.446429%;
    374  background-size: 1600%;
    375 }
    376 
    377 .post_queue > .item > .icon.user {
    378  width: 64px;
    379  height: 64px;
    380  background-position: 48.75% 27.6786%;
    381  background-size: 1600%;
    382  background-image: url(../images/sprite.png);
    383 }
    384 
    385 .container > .content > .postBoard > .item.comment > .icon {
    386  display: inline-block;
    387  vertical-align: top;
    388  max-width: 37px;
    389  max-height: 25px;
    390  margin-right: 15px;
    391  width: 64px;
    392  height: 64px;
    393  background-position: 94.85% 0.5%;
    394  background-size: 1126%;
    395  background-image: url(../images/sprite.png);
    396 }
    397 
    398 .filterSettings > .sort {
    399  display: inline-block;
    400  vertical-align: top;
    401  height: 20px;
    402  line-height: 20px;
    403  margin-right: 20px;
    404  padding-left: 25px;
    405  position: relative;
    406  background-position: 0 center;
    407  background-repeat: no-repeat;
    408  background-size: 16px 16px;
    409  font-size: 12px;
    410  color: #a1a1a1;
    411  background-image: url(../images/sort.png);
    412 }
    413 
    414 .postComments .comment > form.voting > button,
    415 .postComments .comment > form.voting > a {
    416  display: block;
    417  width: 18px;
    418  height: 18px;
    419  margin: 0 auto 5px auto;
    420  border: none;
    421  outline: 0;
    422  cursor: pointer;
    423  background-size: 18px auto;
    424  background: no-repeat 0 0;
    425  text-decoration: none;
    426 }
    427 
    428 .container > .content > .postBoard > .item > .voting > button,
    429 .container > .content > .postBoard > .item > .voting > a {
    430  display: block;
    431  width: 20px;
    432  height: 20px;
    433  cursor: pointer;
    434  outline: 0;
    435  border: none;
    436  margin: 0 auto;
    437  background-size: 20px auto;
    438  background: none no-repeat 0 0;
    439  text-decoration: none;
    440 }
    441 
    442 button[name="vote_up"],
    443 a[name="vote_up"] {
    444  background-image: url(../images/sprite.png) !important;
    445  background-position: 74.496% 17.2917% !important;
    446  background-size: 3200% !important;
    447  margin-bottom: 5px !important;
    448 }
    449 
    450 button[name="vote_up"]:hover,
    451 a[name="vote_up"]:hover,
    452 button[name="vote_up"].voted {
    453  background-image: url(../images/sprite.png) !important;
    454  background-position: 77.9234% 17.2917% !important;
    455  margin-bottom: 5px !important;
    456 }
    457 
    458 button[name="vote_down"],
    459 a[name="vote_down"] {
    460  background-image: url(../images/sprite.png) !important;
    461  background-position: 98.2863% 0.416667% !important;
    462  background-size: 3200% !important;
    463  margin-top: 5px !important;
    464 }
    465 
    466 button[name="vote_down"]:hover,
    467 a[name="vote_down"]:hover,
    468 button[name="vote_down"].voted {
    469  background-image: url(../images/sprite.png) !important;
    470  background-position: 71.0685% 17.2917% !important;
    471  margin-top: 5px !important;
    472 }
    473 
    474 .container
    475  > header
    476  > .centerWrap
    477  > .userNav
    478  > .userDrop
    479  > .dropdown
    480  > .panel
    481  > a:before {
    482  position: absolute;
    483  top: 50%;
    484  left: 15px;
    485  width: 18px;
    486  height: 18px;
    487  content: "";
    488  margin-top: -9px;
    489  background-image: url(../images/sprite.png);
    490 }
    491 
    492 .container
    493  > header
    494  > .centerWrap
    495  > .userNav
    496  > .userDrop
    497  > .dropdown
    498  > .panel
    499  > a.profile:before {
    500  background-position: 48.6895% 42.5%;
    501  background-size: 3200%;
    502 }
    503 .container
    504  > header
    505  > .centerWrap
    506  > .userNav
    507  > .userDrop
    508  > .dropdown
    509  > .panel
    510  > a.profile:hover::before {
    511  background-position: 52.1169% 42.5%;
    512 }
    513 
    514 .container
    515  > header
    516  > .centerWrap
    517  > .userNav
    518  > .userDrop
    519  > .dropdown
    520  > .panel
    521  > a.subscriptions:before {
    522  background-position: 62.3992% 42.5%;
    523  background-size: 3200%;
    524 }
    525 .container
    526  > header
    527  > .centerWrap
    528  > .userNav
    529  > .userDrop
    530  > .dropdown
    531  > .panel
    532  > a.subscriptions:hover::before {
    533  background-position: 65.8266% 42.5%;
    534  background-size: 3200%;
    535 }
    536 
    537 .container
    538  > header
    539  > .centerWrap
    540  > .userNav
    541  > .userDrop
    542  > .dropdown
    543  > .panel
    544  > a.signout:before {
    545  background-position: 77.621% 25.8333%;
    546  background-size: 3200%;
    547 }
    548 .container
    549  > header
    550  > .centerWrap
    551  > .userNav
    552  > .userDrop
    553  > .dropdown
    554  > .panel
    555  > a.signout:hover::before {
    556  background-position: 81.0484% 25.8333%;
    557  background-size: 3200%;
    558 }
    559 
    560 .container
    561  > header
    562  > .centerWrap
    563  > .userNav
    564  > .userDrop
    565  > .dropdown
    566  > .panel
    567  > a.account:before {
    568  background-position: 63.9113% 25.8333%;
    569  background-size: 3200%;
    570 }
    571 .container
    572  > header
    573  > .centerWrap
    574  > .userNav
    575  > .userDrop
    576  > .dropdown
    577  > .panel
    578  > a.account:hover::before {
    579  background-position: 67.3387% 25.8333%;
    580  background-size: 3200%;
    581 }
    582 
    583 .container
    584  > header
    585  > .centerWrap
    586  > .userNav
    587  > .userDrop
    588  > .dropdown
    589  > .panel
    590  > a.donate:before {
    591  background-position: 70.7661% 25.8333%;
    592  background-size: 3200%;
    593 }
    594 .container
    595  > header
    596  > .centerWrap
    597  > .userNav
    598  > .userDrop
    599  > .dropdown
    600  > .panel
    601  > a.donate:hover::before {
    602  background-position: 74.1935% 25.8333%;
    603  background-size: 3200%;
    604 }
    605 
    606 .container
    607  > header
    608  > .centerWrap
    609  > .userNav
    610  > .userDrop
    611  > .dropdown
    612  > .panel
    613  > a.management:before {
    614  background-position: 84.4758% 25.8333%;
    615  background-size: 3200%;
    616 }
    617 .container
    618  > header
    619  > .centerWrap
    620  > .userNav
    621  > .userDrop
    622  > .dropdown
    623  > .panel
    624  > a.management:hover::before {
    625  background-position: 87.9032% 25.8333%;
    626  background-size: 3200%;
    627 }
    628 
    629 .container
    630  > input[type="checkbox"][name="toggleSidebar"]:checked
    631  ~ header
    632  > .centerWrap
    633  > .userNav
    634  > .iconLink.sidebar
    635  > span,
    636 .container
    637  > input[type="checkbox"][name="toggleSidebar"]:hover
    638  ~ header
    639  > .centerWrap
    640  > .userNav
    641  > .iconLink.sidebar
    642  > span {
    643  background-position: 58.9718% 42.5% !important;
    644  background-size: 3200%;
    645 }
    646 
    647 .sprite-chat-action {
    648  width: 32px;
    649  height: 32px;
    650  background-position: 81.3508% 17.2917%;
    651  background-size: 3200%;
    652 }
    653 .sprite-check {
    654  width: 32px;
    655  height: 32px;
    656  background-position: 84.7782% 17.2917%;
    657  background-size: 3200%;
    658 }
    659 .sprite-chevron-down {
    660  width: 32px;
    661  height: 32px;
    662  background-position: 88.2056% 17.2917%;
    663  background-size: 3200%;
    664 }
    665 .sprite-comment-reply {
    666  width: 64px;
    667  height: 64px;
    668  background-position: 94.6875% 0.446429%;
    669  background-size: 1600%;
    670 }
    671 .sprite-decaptcha-logo {
    672  width: 100px;
    673  height: 79px;
    674  background-position: 76.2987% 0.461894%;
    675  background-size: 1024%;
    676 }
    677 .sprite-decaptcha-logo-night {
    678  width: 30px;
    679  height: 23.7px;
    680  background-position: 87.3377% 0.461894%;
    681  background-size: 1024%;
    682 }
    683 .sprite-donate-title {
    684  width: 377px;
    685  height: 120px;
    686  background-position: 31.5301% 0.510204%;
    687  background-size: 271.618%;
    688 }
    689 .sprite-dread-d {
    690  width: 120px;
    691  height: 120px;
    692  background-position: 64.4912% 0.510204%;
    693  background-size: 853.333%;
    694 }
    695 .sprite-dread-icon {
    696  width: 30px;
    697  height: 30px;
    698  background-position: 98.0885% 7.46888%;
    699  background-size: 3413.33%;
    700 }
    701 .sprite-dread-icon-lg {
    702  width: 200px;
    703  height: 200px;
    704  background-position: 0.242718% 0.641026%;
    705  background-size: 512%;
    706 }
    707 .sprite-filter {
    708  width: 32px;
    709  height: 32px;
    710  background-position: 91.6331% 17.2917%;
    711  background-size: 3200%;
    712 }
    713 .sprite-full-logo {
    714  width: 377px;
    715  height: 120px;
    716  background-position: 0.309119% 52.0408%;
    717  background-size: 271.618%;
    718 }
    719 .sprite-locked {
    720  width: 32px;
    721  height: 32px;
    722  background-position: 95.0605% 17.2917%;
    723  background-size: 3200%;
    724 }
    725 .sprite-message {
    726  width: 64px;
    727  height: 64px;
    728  background-position: 21.25% 27.6786%;
    729  background-size: 1600%;
    730 }
    731 .sprite-message-unread {
    732  width: 64px;
    733  height: 64px;
    734  background-position: 28.125% 27.6786%;
    735  background-size: 1600%;
    736 }
    737 .sprite-more-icon {
    738  width: 32px;
    739  height: 32px;
    740  background-position: 98.4879% 17.2917%;
    741  background-size: 3200%;
    742 }
    743 .sprite-muted-user {
    744  width: 32px;
    745  height: 32px;
    746  background-position: 60.4839% 25.8333%;
    747  background-size: 3200%;
    748 }
    749 .sprite-nav-account {
    750  width: 32px;
    751  height: 32px;
    752  background-position: 63.9113% 25.8333%;
    753  background-size: 3200%;
    754 }
    755 .sprite-nav-account:hover {
    756  width: 32px;
    757  height: 32px;
    758  background-position: 67.3387% 25.8333%;
    759  background-size: 3200%;
    760 }
    761 .sprite-nav-donate {
    762  width: 32px;
    763  height: 32px;
    764  background-position: 70.7661% 25.8333%;
    765  background-size: 3200%;
    766 }
    767 .sprite-nav-donate:hover {
    768  width: 32px;
    769  height: 32px;
    770  background-position: 74.1935% 25.8333%;
    771  background-size: 3200%;
    772 }
    773 .sprite-nav-logout {
    774  width: 25px;
    775  height: 25px;
    776  background-position: 77.621% 25.8333%;
    777  background-size: 3200%;
    778 }
    779 .sprite-nav-logout:hover {
    780  width: 25px;
    781  height: 25px;
    782  background-position: 81.0484% 25.8333%;
    783  background-size: 3200%;
    784 }
    785 .sprite-nav-management {
    786  width: 32px;
    787  height: 32px;
    788  background-position: 84.4758% 25.8333%;
    789  background-size: 3200%;
    790 }
    791 .sprite-nav-management:hover {
    792  width: 32px;
    793  height: 32px;
    794  background-position: 87.9032% 25.8333%;
    795  background-size: 3200%;
    796 }
    797 .sprite-nav-messages {
    798  width: 32px;
    799  height: 32px;
    800  background-position: 91.3306% 25.8333%;
    801  background-size: 3200%;
    802 }
    803 .sprite-nav-messages:hover {
    804  width: 32px;
    805  height: 32px;
    806  background-position: 94.7581% 25.8333%;
    807  background-size: 3200%;
    808 }
    809 .sprite-nav-modadmin {
    810  width: 25px;
    811  height: 25px;
    812  background-position: 98.1855% 25.8333%;
    813  background-size: 3200%;
    814 }
    815 .sprite-nav-modadmin:hover {
    816  width: 25px;
    817  height: 25px;
    818  background-position: 38.4073% 42.5%;
    819  background-size: 3200%;
    820 }
    821 .sprite-nav-notifications {
    822  width: 25px;
    823  height: 25px;
    824  background-position: 41.8347% 42.5%;
    825  background-size: 3200%;
    826 }
    827 .sprite-nav-notifications:hover {
    828  width: 25px;
    829  height: 25px;
    830  background-position: 45.2621% 42.5%;
    831  background-size: 3200%;
    832 }
    833 .sprite-nav-profile {
    834  width: 25px;
    835  height: 25px;
    836  background-position: 48.6895% 42.5%;
    837  background-size: 3200%;
    838 }
    839 .sprite-nav-profile:hover {
    840  width: 25px;
    841  height: 25px;
    842  background-position: 52.1169% 42.5%;
    843  background-size: 3200%;
    844 }
    845 .sprite-nav-sidebar {
    846  width: 32px;
    847  height: 32px;
    848  background-position: 55.5444% 42.5%;
    849  background-size: 3200%;
    850 }
    851 .sprite-nav-sidebar:hover {
    852  width: 32px;
    853  height: 32px;
    854  background-position: 58.9718% 42.5%;
    855  background-size: 3200%;
    856 }
    857 .sprite-nav-subs {
    858  width: 32px;
    859  height: 32px;
    860  background-position: 62.3992% 42.5%;
    861  background-size: 3200%;
    862 }
    863 .sprite-nav-subs:hover {
    864  width: 32px;
    865  height: 32px;
    866  background-position: 65.8266% 42.5%;
    867  background-size: 3200%;
    868 }
    869 .sprite-notification {
    870  width: 64px;
    871  height: 64px;
    872  background-position: 35% 27.6786%;
    873  background-size: 1600%;
    874 }
    875 .sprite-post {
    876  width: 64px;
    877  height: 64px;
    878  background-position: 41.875% 27.6786%;
    879  background-size: 1600%;
    880 }
    881 .sprite-search {
    882  width: 32px;
    883  height: 32px;
    884  background-position: 69.254% 42.5%;
    885  background-size: 3200%;
    886 }
    887 .sprite-search:hover {
    888  width: 32px;
    889  height: 32px;
    890  background-position: 72.6815% 42.5%;
    891  background-size: 3200%;
    892 }
    893 .sprite-sidebar-mods {
    894  width: 30px;
    895  height: 32px;
    896  background-position: 75.9557% 42.5%;
    897  background-size: 3413.33%;
    898 }
    899 .sprite-sidebar-subs {
    900  width: 32px;
    901  height: 32px;
    902  background-position: 79.3347% 42.5%;
    903  background-size: 3200%;
    904 }
    905 .sprite-sidebar-tools {
    906  width: 30px;
    907  height: 32px;
    908  background-position: 82.5956% 42.5%;
    909  background-size: 3413.33%;
    910 }
    911 .sprite-sort {
    912  width: 32px;
    913  height: 32px;
    914  background-position: 85.9879% 42.5%;
    915  background-size: 3200%;
    916 }
    917 .sprite-sticky {
    918  width: 32px;
    919  height: 32px;
    920  background-position: 89.4153% 42.5%;
    921  background-size: 3200%;
    922 }
    923 .sprite-user {
    924  width: 25px;
    925  height: 25px;
    926  background-position: 48.75% 27.6786%;
    927  background-size: 1600%;
    928 }
    929 .sprite-user-icon {
    930  width: 25px;
    931  height: 25px;
    932  background-position: 55.625% 27.6786%;
    933  background-size: 1600%;
    934  right: 70px;
    935  position: fixed;
    936 }
    937 .sprite-vote-down {
    938  width: 32px;
    939  height: 32px;
    940  background-position: 98.2863% 0.416667%;
    941  background-size: 3200%;
    942 }
    943 .sprite-vote-down:hover {
    944  width: 32px;
    945  height: 32px;
    946  background-position: 71.0685% 17.2917%;
    947  background-size: 3200%;
    948 }
    949 .sprite-vote-up {
    950  width: 32px;
    951  height: 32px;
    952  background-position: 74.496% 17.2917%;
    953  background-size: 3200%;
    954 }
    955 .sprite-vote-up:hover {
    956  width: 32px;
    957  height: 32px;
    958  background-position: 77.9234% 17.2917%;
    959  background-size: 3200%;
    960 }
    961 
    962 .sprite-chat-action,
    963 .sprite-check,
    964 .sprite-chevron-down,
    965 .sprite-comment-reply,
    966 .sprite-decaptcha-logo,
    967 .sprite-decaptcha-logo-night,
    968 .sprite-donate-title,
    969 .sprite-dread-d,
    970 .sprite-dread-icon,
    971 .sprite-dread-icon-lg,
    972 .sprite-filter,
    973 .sprite-full-logo,
    974 .sprite-locked,
    975 .sprite-message,
    976 .sprite-message-unread,
    977 .sprite-more-icon,
    978 .sprite-muted-user,
    979 .sprite-nav-account,
    980 .sprite-nav-account:hover,
    981 .sprite-nav-donate,
    982 .sprite-nav-donate:hover,
    983 .sprite-nav-logout,
    984 .sprite-nav-logout:hover,
    985 .sprite-nav-management,
    986 .sprite-nav-management:hover,
    987 .sprite-nav-messages,
    988 .sprite-nav-messages:hover,
    989 .sprite-nav-modadmin,
    990 .sprite-nav-modadmin:hover,
    991 .sprite-nav-notifications,
    992 .sprite-nav-notifications:hover,
    993 .sprite-nav-profile,
    994 .sprite-nav-profile:hover,
    995 .sprite-nav-sidebar,
    996 .sprite-nav-sidebar:hover,
    997 .sprite-nav-subs,
    998 .sprite-nav-subs:hover,
    999 .sprite-notification,
   1000 .sprite-post,
   1001 .sprite-search,
   1002 .sprite-search:hover,
   1003 .sprite-sidebar-mods,
   1004 .sprite-sidebar-subs,
   1005 .sprite-sidebar-tools,
   1006 .sprite-sort,
   1007 .sprite-sticky,
   1008 .sprite-user,
   1009 .sprite-user-icon,
   1010 .sprite-vote-down,
   1011 .sprite-vote-down:hover,
   1012 .sprite-vote-up,
   1013 .sprite-vote-up:hover {
   1014  display: inline-block;
   1015  overflow: hidden;
   1016  background-repeat: no-repeat;
   1017  background-image: url(../pngs/sprite.png) !important;
   1018 }