Advertisement
OOZ662

OOZ662's Danbooru CSS

May 9th, 2017
321
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 7.37 KB | None | 0 0
  1. /*      Main content darkening      */
  2.  
  3.     header,
  4.     .main {
  5.         color: #333 !important;
  6.         background-color: #1b1b1b !important;
  7.     }
  8.  
  9.     body,
  10.     section,
  11.     #page,
  12.     .new-comment p,
  13.     .related-tags,
  14.     .row.notices {
  15.         color: #777 !important;
  16.         background-color: #1b1b1b !important;
  17.     }
  18.  
  19.     /*   "mobile" paginator    */
  20.  
  21.     @media screen and (max-width: 660px) {
  22.         .paginator,
  23.         .paginator a,
  24.         .paginator menu {
  25.             background-color: #2b2b2b !important;
  26.             border-color: #2b2b2b !important;
  27.         }
  28.         .forum-post .author {
  29.             background-color: #111 !important;
  30.             border: none;
  31.             border-radius: 6px 6px 0px 0px;
  32.         }
  33.     }
  34.  
  35.     blockquote,
  36.     #dmail-notice {
  37.         color: #888 !important;
  38.         background: #222 !important;
  39.         border-style: none !important;
  40.         border-radius: 3px;
  41.     }
  42.  
  43.     /*      Nested quote coloring       */
  44.  
  45.     blockquote{
  46.         border-left: solid medium #0073ff !important;
  47.     }
  48.  
  49.     blockquote > blockquote {
  50.         border-left: solid medium #FA0 !important;
  51.         background-color: #1e1e1e !important;
  52.     }
  53.  
  54.     blockquote > blockquote > blockquote{
  55.         border-left: solid medium #0F5 !important;
  56.         background-color: #191919 !important;
  57.     }
  58.  
  59.     .current a,
  60.     .paginator a {
  61.         border-style: none !important;
  62.         background: #272727 !important;
  63.     }
  64.  
  65.     footer,
  66.     nav menu,
  67.     .expandable,
  68.     .nav-notice,
  69.     .prose pre,
  70.     .ui-dialog,  /* pop-out dialogs */
  71.     .ui-dialog-content,
  72.     .ui-dialog-buttonpane,
  73.     #edit-dialog {
  74.         color: #777;
  75.         border-style: none !important;
  76.         background: #272727 !important;
  77.     }
  78.  
  79.     .ui-widget-header{
  80.         color: #777;
  81.         border-style: none !important;
  82.         background: #777 url("http://i.imgur.com/32BVwYb.png");
  83.     }
  84.  
  85.     #news-updates {
  86.         color: #888 !important;
  87.         background: #272727 !important;
  88.     }
  89.  
  90.     .note-body {
  91.         color: black;
  92.     }
  93.  
  94.     article:target {
  95.         background-color: #30301b !important;
  96.         color: #aaa !important;
  97.     }
  98.    
  99.     /*    Buttons, textboxes    */
  100.  
  101.     button,
  102.     input,
  103.     select,
  104.     textarea {
  105.         border-style: none !important;
  106.         background:#111111 !important;
  107.         color:#eee !important;
  108.         padding: 0.2em;
  109.     }
  110.  
  111.     /*   FORUM POST BACKGROUND    */
  112.  
  113.     .comment,
  114.     div.list-of-forum-posts article {
  115.         background-color: #151515;
  116.         border: none;
  117.         border-radius: 6px;
  118.         box-shadow: none;
  119.         max-width: 800px;
  120.     }
  121.  
  122.     /*  Text sizing  */
  123.  
  124.     header h1 {
  125.         font-size: 200% !important;
  126.     }
  127.  
  128.     h1, h2, h3  {
  129.         font-size: 120% !important;
  130.     }
  131.  
  132.     body,
  133.     #page menu,
  134.     .new-comment p,
  135.     .row.notices {
  136.         font-size: 83% !important;
  137.     }
  138.  
  139.  
  140. /*    Stickied Comment Styling    */
  141.  
  142.     article.comment[data-is-sticky="true"] {
  143.         background:#600 !important;
  144.         color:#ccc !important;
  145.         width: 780px;
  146.         border-radius: 5px;
  147.     }
  148.  
  149.  
  150. /*      Post Modes       */
  151.  
  152.     .mode-edit       { background-color: #1b5b1b !important; }
  153.     .mode-tag-script { background-color: #6b1b5b !important; }
  154.     .mode-add-fav,
  155.     .mode-remove-fav { background-color: #772    !important; }
  156.     .mode-rating-s   { background-color: #1b8b1b !important; }
  157.     .mode-rating-q   { background-color: #444    !important; }
  158.     .mode-rating-e   { background-color: #8b1b1b !important; }
  159.     .mode-vote-up    { background-color: #2b5b2b !important; }
  160.     .mode-vote-down  { background-color: #5b2b2b !important; }
  161.     .mode-approve    { background-color: #0A9    !important; }
  162.  
  163. /*  Styles forum and other lists with alternating colors    */
  164.  
  165.  
  166.     .striped tr:nth-child(even),
  167.     .feedback-category-neutral td:nth-child(even) {
  168.         background: #282828 !important;
  169.     }
  170.     .striped,
  171.     .feedback-category-neutral td {
  172.         background: #1b1b1b !important;
  173.     }
  174.     .striped tr:hover {
  175.         background: #444 !important;
  176.     }
  177.  
  178.     .feedback-category-positive td {
  179.         background: #003300 !important;
  180.     }
  181.  
  182.     .feedback-category-positive td:nth-child(even) {
  183.         background: #003800 !important;
  184.     }
  185.  
  186.     .feedback-category-negative td {
  187.         background: #330000 !important;
  188.     }
  189.  
  190.     .feedback-category-negative td:nth-child(even) {
  191.         background: #380000 !important;
  192.     }
  193.  
  194.     table {
  195.         border-collapse: separate;
  196.     }
  197.  
  198.  
  199. /*    Hover spoilers     */
  200.  
  201.     .spoiler:hover {
  202.         background: #121212 !important;
  203.         color: #777 !important;
  204.     }
  205.  
  206.  
  207. /*  Artist Commentary Bubble  */
  208.  
  209.     #artist-commentary,
  210.     #artist-commentary menu,
  211.     #notice,
  212.     #original-artist-commentary,
  213.     #translated-artist-commentary {
  214.         background-color: #222 !important;
  215.         border-style: none !important;
  216.         max-width: 780px;
  217.         color: #777 !important;
  218.     }
  219.  
  220.  
  221. /*  Terms of Service Bubble  */
  222.  
  223.     #tos-notice,
  224.     #tos-notice a,
  225.     #tos-notice h1 {
  226.         background-color: #443 !important;
  227.         border-style: none !important;
  228.         color: #07F !important;
  229.     }
  230.  
  231.  
  232. /*      General Navigation Bars      */
  233.  
  234.     #nav-links,
  235.     #nav-links li:hover {
  236.         background-color: #222 !important;
  237.         border-color: #333 !important;
  238.     }
  239.  
  240.  
  241. /*      Post Status Notices      */
  242.  
  243.     .notice-parent {
  244.         background-color: #242 !important;
  245.         color: #272;
  246.         border-style: none !important;
  247.         display: inline-block;
  248.         min-width: 335px;
  249.     }
  250.  
  251.     .notice-child {
  252.         background-color: #585020 !important;
  253.         color: #872;
  254.         border-style: none !important;
  255.         display: inline-block;
  256.         min-width: 335px;
  257.     }
  258.  
  259.     .notice-resized,
  260.     .notice-pending {
  261.         background-color: #224 !important;
  262.         border-style: none !important;
  263.         max-width: 335px;
  264.         color: #44C !important;
  265.     }
  266.  
  267.     .notice-appealed {
  268.         background-color: #446 !important;
  269.         border-style: none !important;
  270.         max-width: 335px;
  271.         color: #88F !important;
  272.     }
  273.  
  274.     .notice-flagged,
  275.     .notice-deleted {
  276.         background-color: #622 !important;
  277.         border-style: none !important;
  278.         color: #F00;
  279.         display: inline-block;
  280.         min-width: 335px;
  281.         max-width: 600px;
  282.     }
  283.  
  284. /*         Hover Color        */
  285.  
  286.     a.user-gold.with-style:hover,
  287.     a.user-gold:hover             { color:#FFF09E }
  288.     a.user-platinum.with-style:hover,
  289.     a.user-platinum:hover         { color:#EEEEFF }
  290.     a.user-builder.with-style:hover,
  291.     a.user-builder:hover          { color:#49FF49 }
  292.     a.user-moderator.with-style:hover,
  293.     a.user-moderator:hover        { color:#F92D88 }
  294.     a.user-admin.with-style:hover,
  295.     a.user-admin:hover            { color:#F77    }
  296.  
  297. #tags-container #face::before {
  298.   content: "";
  299.   width: 1.5em;
  300.   height: 1.5em;
  301.   display: block;
  302. }
  303.  
  304. #tags-container #face.fa-frown::before {
  305.   background: center/cover url(https://cdn.discordapp.com/emojis/515920039057031168.png);
  306. }
  307.  
  308. #tags-container #face.fa-meh::before {
  309.   background: center/cover url(https://cdn.discordapp.com/emojis/316353207150313482.png);
  310. }
  311.  
  312. #tags-container #face.fa-smile::before {
  313.   background: center/cover url(https://cdn.discordapp.com/emojis/316353206768893954.png);
  314. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement