Advertisement
Gotolei

Gunnerkrigg Forum Tweaks v2019.1

May 16th, 2019
210
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 4.81 KB | None | 0 0
  1. @-moz-document domain("gunnerkrigg.proboards.com") {
  2. .link a:hover,
  3. .user-link:hover,
  4. .message a:hover,
  5. .signature a:hover,
  6. #pbn-bar-wrapper + div a:hover,
  7. .footer-text a:hover,
  8. .footer-links a:hover,
  9. .link a:focus,
  10. .user-link:focus,
  11. .message a:focus,
  12. .signature a:focus,
  13. #pbn-bar-wrapper + div a:focus,
  14. .footer-text a:focus,
  15. .footer-links a:focus {
  16.   text-decoration: underline !important;
  17. }
  18.  
  19. input[type="text"]:not([role="search"]) {
  20.   border: 1px solid #d9d9d9 !important;
  21.   border-radius: 5px !important;
  22. }
  23.  
  24. input[type="text"]:not([role="search"]):hover,
  25. input[type="text"]:not([role="search"]):focus,
  26. textarea[name="message"]:hover,
  27. textarea[name="message"]:focus {
  28.   border-color: #a7a7a7 !important;
  29. }
  30.  
  31. #banner #logo {
  32.   font-family: "Ale and Wenches BB", "Spirit Medium", "Trebuchet MS", Verdana, Arial !important;
  33. }
  34.  
  35. .wysiwyg-tabs #menu-item-visual {
  36.   background: #fff !important;
  37. }
  38.  
  39. .wysiwyg-tabs #menu-item-bbcode a {
  40.   font-family: Monospace, Courier New !important;
  41.   line-height: 1.3 !important;
  42. }
  43.  
  44. tbody .thread.state-hover {
  45.   /* needs fix to be more specific */
  46.   background-color: #eaeaea !important;
  47. }
  48.  
  49. tr.post.even {
  50.   /* alternating post bg */
  51.   background-color: #eaeaea !important;
  52. }
  53.  
  54. .unblocked {
  55.   /* every post */
  56.   padding: 0 !important;
  57.   padding-right: 10px !important;
  58. }
  59.  
  60. .message {
  61.   margin-bottom: 5px !important;
  62. }
  63.  
  64. div.content-head.ui-helper-clearfix {
  65.   padding-bottom: 0 !important;
  66. }
  67.  
  68. .signature {
  69.   margin-top: 0 !important;
  70. }
  71.  
  72. .edited_by {
  73.   margin-bottom: 4px !important;
  74.   margin-top: 0 !important;
  75. }
  76.  
  77. .post_attachments blockquote {
  78.   margin: 0 !important;
  79.   margin-left: 10px !important;
  80. }
  81.  
  82. div.content-head.ui-helper-clearfix > .controls,
  83. .signature {
  84.   /* vertically center buttons and sig */
  85.   padding-top: 5px !important;
  86.   padding-bottom: 5px !important;
  87. }
  88.  
  89. .controls .button {
  90.   background: rgba(0, 0, 0, 0.03);
  91.   border: 1px solid rgba(0, 0, 0, 0.1);
  92. }
  93.  
  94. .controls .button:hover {
  95.   background: transparent;
  96.   color: inherit;
  97. }
  98.  
  99. .controls .button.state-selected,
  100. .controls .liked.likes-button {
  101.   background: rgba(255, 255, 255, 0.5);
  102.   border-color: rgba(0, 0, 0, 0.25);
  103.   box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.25) !important;
  104. }
  105.  
  106. .quote_body,
  107. .spoiler {
  108.   /* possibly look into alternating spoiler colors a la mobile version */
  109.   background: rgba(0, 0, 0, 0.03) !important;
  110.   padding: 10px !important;
  111.   border: 1px solid rgba(0, 0, 0, 0.05) !important;
  112.   border-left-width: 3px !important;
  113.   border-radius: 0px !important;
  114. }
  115.  
  116. .mini-profile {
  117.   padding-bottom: 0 !important;
  118.   border: none !important;
  119. }
  120.  
  121. .left-panel {
  122.   border-right: 1px solid #d9d9d9 !important;
  123. }
  124.  
  125. .avatar-wrapper {
  126.   /* remove vertical avatar padding */
  127.   height: auto !important;
  128. }
  129.  
  130. .avatar-wrapper img[src*="defaultavatar.png"] {
  131.   /* hides gray alien thing default avatar */
  132.   /* perhaps look into fix for quotes as well other than just a blank space */
  133.   display: none !important;
  134. }
  135.  
  136. .mini-profile .info,
  137. .personal-text {
  138.   text-align: center !important;
  139. }
  140.  
  141. .personal-text + br {
  142.   /* hides gap below personal text/status/whatever it is */
  143.   display: none !important;
  144. }
  145.  
  146. .mini-profile .info .float-right {
  147.   /* gender icon centering "fix"
  148.      I'm guessing there's a better way to do it than this but idk */
  149.   margin-left: -16px !important;
  150. }
  151.  
  152.  
  153. /* DARKER THEME */
  154. .grv_dark_bg,
  155. html[class ~="js"] body {
  156.   /* have to do this, or it modifies reply page text input for some reason
  157.      only works properly on https page, fix yo bookmarks */
  158.   background: #2B3856;
  159. }
  160.  
  161. #banner {
  162.   /*  background: url("https://i.imgur.com/GiOgn5S.png") center #000 !important; */
  163.   /* would like to make a better banner eventually, this'll have to do for now I guess */
  164.   background-color: #333;
  165. }
  166.  
  167. #welcome a:hover {
  168.   color: #A5ACD2 !important;
  169.   text-decoration: underline !important;
  170. }
  171.  
  172. #navigation-menu,
  173. .title-bar,
  174. .ui-dialog-titlebar {
  175.   background-color: #000 !important;
  176. }
  177.  
  178. #navigation-menu .state-active,
  179. .title-bar .controls a[role=button],
  180. .reply-button {
  181.   background-color: #222 !important;
  182. }
  183.  
  184. #nav-tree,
  185. .recent-threads-button {
  186.   background: #A5ACD2 !important;
  187. }
  188.  
  189. #nav-tree li span {
  190.   border-left-color: #000 !important;
  191. }
  192.  
  193. /* span below overlaps span above */
  194. #nav-tree li span span {
  195.   border-left-color: #A5ACD2 !important;
  196. }
  197.  
  198. #nav-tree li:hover {
  199.   background: #A5ACD2 !important;
  200. }
  201.  
  202. #nav-tree li div a:hover,
  203. .recent-threads-button:hover {
  204.   color: #000 !important;
  205.   text-decoration: underline !important;
  206. }
  207.  
  208. .new-icon {
  209.   background: #737CA1 !important;
  210. }
  211.  
  212. .container .control-bar {
  213.   background-color: #A5ACD2 !important;
  214. }
  215.  
  216. .search-filters-button {
  217.   background-color: #F2F2F2 !important;
  218.   border-left: 1px solid #D2D2D2 !important;
  219.   padding-left: 4px !important;
  220. }
  221.  
  222. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement