API tools faq
paste
Advertisement
Greywyne

Dotabooru V2.1

Greywyne
Dec 23rd, 2018
141
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 13.22 KB | None | 0 0
raw download clone embed print report
  1. /*Show banned users with strikethrough*/
  2. .user-banned {
  3.     text-decoration: line-through !important;
  4. }
  5.  
  6. /*Disable the Blacklist Notification Box*/
  7. #blacklist-box {
  8.     display: none !important;
  9. }
  10.  
  11. /*Remove the black line from paginator*/
  12. #posts > hr {
  13.     display: none !important;
  14. }
  15.  
  16. /*Remove the page number menu from paginator*/
  17. div.paginator li a,div.paginator:nth-child(1) > menu:nth-child(1) {
  18.     border:none;
  19.  
  20.     }
  21. /*Disable Save Search Button*/
  22. #save-search {
  23.     display: none !important;
  24. }
  25.  
  26. /*
  27.  * - Restyle all buttons and edit boxes into something a bit nicer looking than
  28.  *   the browser default.
  29.  * - Redesign the Edit form on posts to take up less vertical space and to make
  30.  *   the source & tag edit boxes wide enough to see what we're doing.
  31.  */
  32.     /* Restyle buttons and edit boxes into something a bit nicer than the
  33.      * browser default. This is designed to match the buttons used in
  34.      * Danbooru's various jQuery dialogs. */
  35.     button, input, select, textarea {
  36.         border:  1px solid #D3D3D3;
  37.         color:   #555;
  38.         padding: 4px;
  39.  
  40.         /*
  41.          * Keep the increased padding from increasing the overall width/height
  42.          * of the element and throwing off the layout.
  43.          */
  44.         box-sizing: border-box;
  45.     }
  46.  
  47.     button:hover, input[type="submit"]:hover {
  48.         border:     1px solid #999;
  49.         background: #dadada;
  50.         color:      #212121
  51.     }
  52.  
  53.     select {
  54.         background: white;
  55.     }
  56.  
  57.     /* /users page. */
  58.  
  59.     /* Make tag blacklist and custom CSS boxes bigger. */
  60.     #c-users textarea {
  61.         width:  100% !important;
  62.         height: 15em;
  63.     }
  64.  
  65.     /* /posts/1234 page. */
  66.  
  67.     /* Add margins above & below the Comments / Edit / Share links. */
  68.     #c-posts #a-show menu#post-sections {
  69.         margin: 1em 0 !important;
  70.     }
  71.  
  72.     /* Optional: Hide the Fetch Source Info box. It can be useful, but it tends to get in the way. */
  73.     #c-posts #a-show #source-info {
  74.         display: none;
  75.     }
  76.  
  77.     /* Move form labels to the left of input elements instead of above them. */
  78.     #c-posts #a-show #edit #form .input > label,      /* Rating / Lock / Parent / Source labels */
  79.     #c-posts #a-show #edit #form .input > div > label /* Tags label */ {
  80.         display:   inline-block;
  81.         min-width: 10%;
  82.     }
  83.  
  84.     /* Make the Parent ID / Tags input boxes wider. */
  85.     #c-posts #a-show #edit #form #post_parent_id,
  86.     #c-posts #a-show #edit #form textarea#post_tag_string {
  87.         width: 89%;
  88.     }
  89.  
  90.     /* Size the Source input box to accomodate the Similar & Artist buttons. */
  91.     #c-posts #a-show #edit #form #post_source {
  92.         width: 73%;
  93.     }
  94.  
  95.     #c-posts #a-show #edit #form #similar-button,
  96.     #c-posts #a-show #edit #form #find-artist-button {
  97.         width: 7.5%;
  98.     }
  99.  
  100.     /* Put a margin between the tag edit box and the related tags buttons. */
  101.     #c-posts #a-show #post_tag_string {
  102.         margin-bottom: 1em;
  103.         height: 12em !important;
  104.         resize: vertical;
  105.     }
  106.  
  107.     /* Left align the related tags buttons beneath the tag edit form. */
  108.     #c-posts #a-show #related-tags-button,
  109.     #c-posts #a-show #related-artists-button,
  110.     #c-posts #a-show #related-characters-button,
  111.     #c-posts #a-show #related-copyrights-button,
  112.     #c-posts #a-show #edit #form input[type="submit"] {
  113.         position: relative;
  114.         left:     10%;
  115.         margin:   0 5px;
  116.     }
  117.  
  118.     /* Move the link to the tag edit dialog to the top right of the tag edit form. */
  119.     #c-posts #a-show #open-edit-dialog {
  120.         position: absolute;
  121.  
  122.         /* 6px = 4px of textarea padding + 1px of textarea border + 1px of button border.  */
  123.         right:  6px;
  124.         top:    0px;
  125.         margin: 0;
  126.     }
  127.  
  128.     /* Anchor the tag edit box container div so we can reposition the tag edit dialog link as per above. */
  129.     #c-posts #a-show div.input:nth-child(13) {
  130.         position: relative;
  131.     }
  132.  
  133.     /* Make the tag edit box resizeable in the popout edit box. */
  134.     #edit-dialog #post_tag_string { resize: vertical !important; }
  135.  
  136.     /* Left align Find Similar thumbnails with the rest of the form. */
  137.     #c-posts #a-show #iqdb-similar article {
  138.         position: relative;
  139.         left:     10%;
  140.     }
  141.  
  142.     /* Anchor the Find Similar thumbnail container div so we can reposition the thumbnails as per above. */
  143.     #c-posts #a-show #iqdb-similar {
  144.         position: relative;
  145.     }
  146.  
  147.     /* Improve padding for when the artist column wraps around beneath a related tags column. */
  148.     #c-posts #a-show #related-tags             { padding: 0; }
  149.     #c-posts #a-show #related-tags-container   { padding: 0; }
  150.     #c-posts #a-show #related-tags .tag-column { margin:  1em; }
  151.  
  152.     /* Optional. Make the related tags box scrollable when it's too tall. */
  153.     /*
  154.     #c-posts #a-show #related-tags {
  155.         max-height: 20em;
  156.         overflow-y: auto;
  157.     }
  158.     */
  159.  
  160.  
  161. /* Do a search & replace to the colors however you like. Use transparent to hide a border type. */
  162.  
  163. .post-preview.post-status-flagged      img { border-color: red       !important; }
  164. .post-preview.post-status-pending      img { border-color: #6267AF   !important; }
  165. .post-preview.post-status-deleted      img { border-color: black     !important; }
  166. .post-preview.post-status-has-children img { border-color: limegreen !important; }
  167. .post-preview.post-status-has-parent   img { border-color: orange    !important; }
  168.  
  169. .post-preview.post-status-has-children.post-status-deleted img { border-color: limegreen black black limegreen !important; }
  170. .post-preview.post-status-has-parent.post-status-deleted   img { border-color: orange    black black orange    !important; }
  171.  
  172. .post-preview.post-status-has-children.post-status-pending img { border-color: limegreen #6267AF #6267AF limegreen !important; }
  173. .post-preview.post-status-has-parent.post-status-pending   img { border-color: orange    #6267AF #6267AF orange    !important; }
  174.  
  175. .post-preview.post-status-has-children.post-status-flagged img { border-color: limegreen red red limegreen !important; }
  176. .post-preview.post-status-has-parent.post-status-flagged   img { border-color: orange    red red orange    !important; }
  177.  
  178. .post-preview.post-status-has-children.post-status-has-parent img { border-color: limegreen orange limegreen orange !important; }
  179.  
  180. .post-preview.post-status-has-children.post-status-has-parent.post-status-deleted img { border-color: limegreen black black orange !important; }
  181. .post-preview.post-status-has-children.post-status-has-parent.post-status-pending img { border-color: limegreen #6267AF #6267AF  orange !important; }
  182. .post-preview.post-status-has-children.post-status-has-parent.post-status-flagged img { border-color: limegreen red   red   orange !important; }
  183.  
  184.    
  185.  
  186.    
  187. /*MY SHIT*//*MY SHIT*//*MY SHIT*//*MY SHIT*//*MY SHIT*//*MY SHIT*/
  188.  
  189.  
  190. /*makes the image previews more uniform*/
  191.  
  192. /*article.post-preview{
  193.     width: 120px !important;
  194.     height: 120px !important; */
  195.  
  196. /*Background shit*/
  197. footer#page-footer {
  198.     clear: both;
  199.     width: 100%;
  200.     margin-top: 1em;
  201.     text-align: center;
  202.     padding: 1em 0 1em;
  203.     border:none;
  204.     color:white;
  205. }
  206.  
  207. body,#page,#page-footer,div.prose pre {
  208.     background-color:#13191F !important;
  209.     color:white;
  210. }
  211.  
  212. /*Sidebar Hijinks*/
  213. #sidebar h1 {
  214.     color: white !important;
  215.     text-shadow: 2px 2px 4px #000 !important;
  216. }
  217.  
  218. #show-posts-link {
  219.     color: white !important;
  220.     text-decoration: none !important;
  221.     text-shadow: 2px 2px 4px #000 !important;
  222. }
  223.  
  224. h2 {
  225.     color: white !important;
  226.     text-decoration: none !important;
  227.     text-shadow: 1px 1px 2px #000 !important;
  228. }
  229. /*Various White Text*/
  230. #post-information, p, a:link,.search-name,div#c-users div#a-show table.user-statistics td,h4,div.prose li,div#c-static div#a-site-map section h1,label,li,strong,time,span.info,h6{
  231.   color:white
  232. }
  233. /*White with a Shadow*/
  234.     h1,div#c-users div#a-show table.user-statistics th{
  235.         color:white;
  236.         text-shadow: 2px 2px 4px #000
  237.     }
  238. /*Green Text/Links*/
  239. a:link,#comments > h2:nth-child(1) > a:nth-child(1),#related-list > li:nth-child(1) > a:nth-child(1),div#c-users div#a-edit .active{
  240.     color:#A9CF3C;
  241.    
  242. }
  243.     a:visited{
  244.         color:#608600;
  245.     }
  246.    
  247. /*Notice Box Styles*/
  248. div#c-posts div.notice.notice-child,div#c-posts div.notice.notice-parent, div#c-posts div#a-show #artist-commentary,div#c-posts div.notice.notice-pending,div#c-posts div.notice.notice-resized,div#c-posts div.nav-notice,blockquote,div.expandable-content,div.expandable-header,a.other-name,textarea,div.related-tags,div#c-posts div.notice.notice-deleted{
  249.     background-color:#242F39!important;
  250.     border:white solid 1px!important;
  251.     position: relative!important;
  252.     box-shadow: 2px 2px 5px black!important;
  253.     color:white!important;  
  254. }    
  255.     /* Banned Posts Notice*/
  256. div#c-posts div.notice.notice-deleted{
  257.     background-color: #AF2020!important;
  258.     }
  259.    
  260.     /*Resize Notice*/
  261.     div#c-posts div.notice.notice-resized{
  262.         background-color:#6D3E8F!important;
  263.     }
  264.    
  265.     /*Pending notice*/
  266.     div#c-posts div.notice.notice-pending{
  267.         background-color:#50518F!important;
  268.     }
  269.    
  270. /*Copyright Tag*/
  271. .category-3 a,a.tag-type-3,.ui-state-focus a.tag-type-3 {
  272.     color: #E840FF !important;
  273. }
  274.  
  275. .category-3 a:hover,a.tag-type-3:hover,.ui-state-focus a.tag-type-3:hover {
  276.     color: #ED7FFF !important;
  277. }
  278.  
  279. /*Character Tag*/
  280. .category-4 a,a.tag-type-4,.ui-state-focus a.tag-type-4 {
  281.     color: #9FFF40 !important;
  282. }
  283.  
  284. .category-4 a:hover,a.tag-type-4:hover,.ui-state-focus a.tag-type-4:hover {
  285.     color: #BFFF7F !important;
  286. }
  287.  
  288. /*General Tag*/
  289. .category-0 a,a.tag-type-0,.ui-state-focus a.tag-type-0 {
  290.     color: #B4CCCC !important;
  291. }
  292.  
  293. .category-0 a:hover,a.tag-type-0:hover,.ui-state-focus a.tag-type-0:hover {
  294.     color: #D1EFEF !important;
  295. }
  296.  
  297. /*Artist Tag*/
  298. .category-1 a, a.tag-type-1, .ui-state-focus a.tag-type-1 {
  299.     color: #FC3F3F!important;
  300. }
  301.  
  302. .category-1 a:hover, a.tag-type-1:hover, .ui-state-focus a.tag-type-1:hover {
  303.     color: #FF7F7F!important;
  304. }
  305.  
  306. /*Sorting Tag*/
  307. .ui-menu .ui-menu-item a{
  308.     color: #3FB4FC;
  309. }
  310.  
  311. .ui-menu .ui-menu-item a:hover{
  312.     color: #7FCFFF!important;
  313. }
  314.    
  315. /*Menu at the top stylin'*/
  316. #sticky-header,header#top menu.main,#top{
  317.     background-color:#1D252E!important;
  318. }
  319. header#top menu,header#top menu.main li.current a{
  320.     background-color:#2E3740!important;
  321. }
  322. header#top menu li a{
  323.     color:white;
  324. }
  325. #site-map-link{
  326.     color:orange !important;
  327. }
  328. .main > li:nth-child(1) > a:nth-child(1){
  329.     color:#39CCCC !important;
  330. }
  331. /*Danbooru Header*/
  332. #sticky-header > h1:nth-child(1) > a:nth-child(1),#top > h1:nth-child(1) > a:nth-child(1){
  333.     color:#ED3B1C!important;
  334.     text-transform:uppercase!important;
  335.        
  336. }
  337.    
  338.     /*User Level Colours*/
  339.     a.user-gold.with-style{
  340.         color:Gold;
  341.     }
  342.     a.user-admin.with-style{
  343.         color:#ED3B1C;
  344.     }
  345.     a.user-builder.with-style{
  346.         color:violet;
  347.     }
  348.     a.user-platinum.with-style{
  349.         color:whitesmoke;
  350.     }
  351.     a.user-member.with-style{
  352.         color:grey;
  353.     }
  354.     a.user-janitor.with-style{
  355.         color:lightgreen;        
  356.     }
  357.    
  358.    
  359. /*Forum and Table Stuff*/    
  360.         .even {
  361.         background-color:#1D252E!important;
  362.     }
  363.         .odd{
  364.         background-color:#27333F!important;
  365.     }
  366.    
  367.      .even:hover,
  368.     .odd:hover
  369.     {
  370.         background: #444 !important;
  371.     }
  372.         table.striped th{
  373.         color:white!important;
  374.         background-color:#1D252E;
  375.     }
  376.     td{
  377.         color:white;
  378.     }
  379.    
  380.     div#c-forum-topics span.new{
  381.         color:#ED3B1C;
  382.     }
  383.    
  384. tr:nth-child(even) td {
  385. background:#1D252E !important;
  386. }
  387. tr:nth-child(odd) td {
  388. background:#27333F !important;
  389. }
  390.    
  391.         /*Fixes the size of the user page rows*/
  392. .user-statistics {
  393. width:50% !important;
  394. }
  395.     div#c-users div#a-show table.user-statistics th {
  396. width:25% !important;
  397. }
  398.    
  399. /*some shit to make the column colours work on the tags page.This is probably bloated as fuck*/
  400.     .search > tbody:nth-child(1) > tr:nth-child(odd) > td:nth-child(2) > div:nth-child(1), .search > tbody:nth-child(1) > tr:nth-child(even) > td:nth-child(2) > div:nth-child(1),.search > tbody:nth-child(1) > tr:nth-child(9) > td:nth-child(2),.search > tbody:nth-child(1) > tr:nth-child(9) > td:nth-child(1){
  401.         background-color:#13191F!important;
  402.     }
  403.    
  404. /*Searchbox Changes*/    
  405.     #sidebar > section:nth-child(1) > form:nth-child(2) > input:nth-child(2),.ui-widget-content,input,select{
  406.         background-color:#36424F!important;
  407.         background:#36424F;
  408.         color:white;
  409.         border-color:#2B353F;
  410.         border-width:1px;
  411.     }
  412.     .ui-menu .ui-menu-item{
  413.         background-color:transparent;
  414.         background:#36424F;
  415.         border-color:transparent;
  416.     }
  417.  
  418. /* Makes notes text black again*/
  419. div#note-container div.note-body{
  420.   color:black;
  421. }
  422.    
  423.     /* Smaller font size*/
  424.   header h1 {
  425.         font-size: 200% !important;
  426.     }
  427.  
  428.     h1, h2, h3  {
  429.         font-size: 120% !important;
  430.     }
  431.     body,
  432.     #page menu,.new-comment p,.row.notices {
  433.         font-size: 83% !important;
  434.                                        
  435.     }
  436.  
  437. .ui-button.gradient{
  438.     background:white;
  439. }
  440.  
  441. #top > h1:nth-child(2) > a:nth-child(1){
  442.     color: #ed3b1c;
  443.     text-transform: uppercase;
  444. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!