/* Increase the space above the navbar */ menu.main { margin-top: 15px }
/* Shove the forum post IDs listed on the Reply rows to the right and color them white. */ div.list-of-forum-posts menu li:first-child { float:right; color:white }
/* Hide the post search Go button */ *#search-box form input[type="submit"] { display: none }
/* Reduce height between thumbnail blocks on profile pages */ div#c-users div#a-show div.box { margin-bottom: 0em; }
/* Make font size more uniform */ body { font-size: 80% } textarea { font-size: 1.2em }
/* Increase the space around thumbnails */ article.post-preview { min-height: 175px; min-width: 165px; } .preview { min-height: 175px; min-width: 160px; }
/* Put a little space between the thumbnails and their status borders. */ .post-preview img { padding:2px }
/* Shrink the comment width a tiny bit to accommodate the above width changes */ .list-of-comments { width: 98% }
Some thumbnail filtering, just to show the power of selectors combined with the data danbooru provides. Granted, opacity tweaks can be replaced with anything else. More stuff to come after/if issue #1902 gets implemented.
Show
/*Dim the thumbnails for NSFW images*/ .post-preview[data-rating="q"] img {opacity: 0.2;} .post-preview[data-rating="e"] img {opacity: 0.2;}
/*Dim the thumbnails for images from a certain uploader*/ .post-preview[data-uploader="Type-kun"] img {opacity: 0.2;}
/*Dim the thumbnails for images with negative score*/ .post-preview[data-score^="-"] img {opacity: 0.2;}
/*Dim the thumbnails for images containing a certain tag*/ .post-preview[data-tags~="1boy"] img {opacity: 0.2;} /*The same for a combination of tags*/ .post-preview[data-tags~="1girl"][data-tags~="1boy"] img {opacity: 0.2;}
Ah, thank you, but I was only hoping to change the colors of the main background without affecting the borders that show different modes (e.g. note edit, tag script, etc.).
There are other implications as well - notably, changing to a dark background often means you want to change the foreground colour to something lighter.
The "dark colour scheme" part of my "Small Mode" style set (in topic #9037) is the most comprehensive I know of; it should work fine on its own, without needing any of the other bits. There's also a simpler one by Gollagh in topic #9588 (it may need tweaking to accommodate the extra classes RaisingK mentions, since I think it predates those changes, but that should be easy enough).
Both may be a little long for inclusion with other rules in the Miscellaneous Tweaks section, but that'll be hard to avoid if you want to cover everything; Danbooru's style sheets get reasonably complex, so any after-the-fact tweaks have to work with that complexity.
An additional tweak for the thread (unrelated to the whole dark-colours thing):
Visual indicators of translation status
/* Visually indicate translation status of posts on their previews in */ /* relevant Danbooru pages (pools, search results, etc) */ /* CSS by kounishin; adapted from idea by itsonlyaname in forum #84726 */ /* Borders are set to 1px + 1px padding so as not to change the page layout: */ /* Danbooru 2 uses 2px transparent borders on the <article> elements at time */ /* of writing (2013-02-23). This will break if the Danbooru styles change. */ /* Last match wins. partially_translated comes last because all posts with */ /* that tag also have translation_request by automatic implication. */
It only struck me to type it now, it's that not important. I'd like to request a CSS for "clickable" blacklisted tags on the post page (much like in danbooru 1, what tag(s) is/are being actually blacklisted was/were also hidden, until a click on the number of posts hidden, except I'll be fine with the whole name to be clickable), because I'm not using it to be flaunted what exactly I DON'T want to see is on the page and be explicitly and always informed about that. (I'm not approving any of those by definition.) Is that possible? Thanks in advance.
