API tools faq
paste
purpleeyed

Shengui Guo "night mode" Custom CSS v2.0

purpleeyed
Aug 10th, 2019
2,931
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 38.65 KB | None | 0 0
raw download clone embed print report
  1. /* ----------------------------------------------------------- */
  2. /* Shengui Guo Night Mode v2.0 */
  3. /* coded by Silverfish, Dec 2017 */
  4. /* last updated August 2019 */
  5. /* FREE to use, please don't repost/edit to sell */
  6. /* ----------------------------------------------------------- */
  7.  
  8. /* ----------------------------------------------------------- */
  9. /* GLOBAL */
  10. /* ----------------------------------------------------------- */
  11. html, .container-fluid {color:#D4D4D4 !important;}
  12. html a {color:#BB9142 !important;}
  13. body {color:#D4D4D4 !important; background-color:#270b18;}
  14. #content {background-color:transparent !important; box-shadow: -1px 0px #000; -webkit-box-shadow:-1px 0px #000;}
  15. #main-content {background-color:#2F2F2F !important; background-image:none; box-shadow: -1px 0px #000; -webkit-box-shadow: -1px 0px #000;}
  16. #page {background-color:#270b18;}
  17. #rightbg {background-color:#3f1226;}
  18.  
  19. /* ----------------------------------------------------------- */
  20. /* GENERAL STYLES */
  21. /* ----------------------------------------------------------- */
  22. .border {border: 1px solid #000 !important;}
  23. .rounded {border-radius: .5rem !important;}
  24. .bg-light {background-color: #191919 !important; color:#D4D4D4;}
  25. .bg-white {background-color: #4d4d4d !important;}
  26. .text-dark, .text-muted {color:#d4d4d4 !important;}
  27.  
  28. .ui.segment {background-color:#252525;}
  29. .ui.segment.user.details {background-color:#1B1B1B !important; border-color:#1B1B1B !important; box-shadow: none !important; -webkit-box-shadow: none !important;}
  30. .ui.message .ui.segment {background-color:#1b1b1b;}
  31.  
  32. .ui.attached {background-color:#2F2F2F; box-shadow: none !important; -webkit-box-shadow: none !important; border: solid 1px #000 !important; margin-left:0px !important; margin-right:0px !important; top:0px !important;}
  33.  
  34. .ui.top.attached {background-color:#1b1b1b; border-bottom:none !important;}
  35. .ui.top.attached.green {background-color:rgba(161, 207, 100, 0.8) !important;} /* subeta team post header */
  36. .ui.top.attached.red {background-color:rgba(217, 92, 92,0.9) !important;} /* admin post header */
  37. .ui.tertiary.inverted.segment {background-color: #1B1B1B !important;} /* normal post headers */
  38.  
  39. .ui.message.attached {background-color:#1b1b1b; border-bottom:none !important; color:#d4d4d4;}
  40. .ui.progress {border:none !important; background-color: #1b1b1b !important;}
  41. .ui.post {background-color: transparent !important;}
  42.  
  43. .ui.divider, .ui.dividing, hr {border-bottom: 1px solid rgba(0,0,0,0.6) !important; border-top:none;}
  44.  
  45. .card {background-color:#2F2F2F !important; border-color: #000;}
  46. .card-header, .card-footer {background-color: #1B1B1B; border-color: #000;}
  47. .card-body {padding: 1.25em;}
  48. .card-body hr {border-color:#000;}
  49. .card-body > .card {background-color:#191919 !important; border-color: #000;}
  50. .wl-private .card-body {background-color: #1B1B1B !important;}
  51.  
  52. .border.rounded.media.p-3 {background-color: #191919 !important;} /*item directory*/
  53. .border.rounded.p-2 {background-color: #191919 !important;}
  54. .col-6 > .border.rounded {background-color: #191919 !important;} /*cw shops*/
  55.  
  56. #posts {background-color:#2F2F2F !important;}
  57. .post-container {background-color: transparent !important;} /* posted linked to in page highlight */
  58. .post-container[style] .ui.post {background-color: rgba(212,212,212,0.1) !important;}
  59.  
  60. .stats .label {font-size:11px !important;}
  61. .ui.segment .stats .ui.label {background-image:none; background-color:#4D4D4D !important; color:#d4d4d4 !important; border-color:#4D4D4D !important; box-shadow:none !important; -webkit-box-shadow:none !important; text-decoration:none; font-weight:normal; border:solid 1px; transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; font-size:11px !important; height:2.3em;}
  62. .ui.segment .stats .ui.label:hover {background-color:#424242 !important; background-image:none; border-color:#424242 !important; box-shadow:none !important; -webkit-box-shadow:none !important; color:#d4d4d4 !important;  text-decoration:none;}
  63. .ui.segment .stats .ui.label:focus, .ui.segment .stats .ui.label:active {background-image:none; box-shadow: 0px 0px 2px 1px #939393 !important; -webkit-box-shadow: 0px 0px 2px 1px #939393 !important;  text-decoration:none; color:#d4d4d4 !important;}
  64.  
  65. /* badges and labels */
  66. .ui.checkbox label {color:#d4d4d4 !important;}
  67. .ui.label {background-color: #4D4D4D !important;color: #d4d4d4 !important; font-size: 0.9rem;}
  68. .ui.label.green {background-color:rgba(161, 207, 100, 0.5) !important;}
  69. .ui.label.red {background-color:rgba(217, 92, 92, 0.5) !important;}
  70. .badge-info {background-color:rgba(23, 162, 184, 0.5) !important;}
  71. .badge-success {background-color:rgba(40, 167, 69, 0.5) !important;}
  72. .badge-warning {background-color:rgba(255, 193, 7, 0.5) !important;}
  73. .badge-danger {background-color:rgba(220, 53, 69, 0.5) !important;}
  74. .badge-secondary {background-color: #4D4D4D;color: #d4d4d4; padding: 0.5em;}
  75.  
  76. /* training page */
  77. .col-3.p-3 {border: solid 5px #2F2F2F !important; background-color: #191919 !important; border-radius: 12px;}
  78. .col-3.p-3 .p-1 {background-color: #191919 !important;}
  79. /*item hunt */
  80. .card.p-3 {background-color: #191919 !important;}
  81.  
  82. #subject.editable-click {border-bottom: dashed 1px #d4d4d4 !important;}
  83.  
  84. /* font awesome icons */
  85. .fa::before {color:#d4d4d4 !important; font-size: 14px;}
  86.  
  87. /* Normal rarity item label */
  88. a[href^="item.php?n_id"]+br+br+span[style^="color: #382929"], a[href^="item.php?n_id"]+br+b+br+span[style^="color: #382929"], .tpd-content [style^="color: #382929"] {color:#d4d4d4 !important;}
  89.  
  90.  
  91. /* ----------------------------------------------------------- */
  92. /* MENU */
  93. /* ----------------------------------------------------------- */
  94. #menu {box-shadow: -1px 1px #000; -webkit-box-shadow: -1px 1px #000; left:-1px;}
  95. #menu-logo, #sidebar, #sidebar-inner, #menu-left, #menu,#menu-right,.menu-btn, .menu-btn-left, .menu-btn-right {background-image:none;}
  96.  
  97. #menu {background-image: linear-gradient(#520927 2%,#3C0F24 6%, #3C061E 32%, #220205 70%,#1D0000 90%); border: solid 1px; border-color: #732A48 #732A48 #000 #000; border-color: #732A48 #732A48 #000 #000; border-radius: 0px 13px 0px 0px; box-shadow: 1px 1px #000; -webkit-box-shadow: 1px -1px #000; margin-top: 4px; height: 40px;}
  98.  
  99. .menu-btn {border:solid 1px #000; border-radius: 13px 13px 0px 0px; border-bottom:none; top:-1px;}
  100. .menu-tab {background-image:linear-gradient(#290610,#150000); border: solid 1px #410A1C; border-radius: 13px 0px 0px 0px; border-color: #410A1C #410A1C #1E0000 #2E000A; border-right:none; height: auto !important; padding-left: 8px !important; padding-right: 6px !important; color: #d4d4d4 !important;}
  101. .menu-btn-right {background-image:linear-gradient(#340A16,#220606); border: solid 1px #521123; border-color: #521123 #521123 #300709 #521123; border-radius: 0px 13px 0px 0px; border-left:none; height:32px;}
  102. .menu-btn-right::before {display: inline; font-family: 'Icons'; content: "\f078"; font-size: 10px; padding-left: 2px; color:#BB9142;}
  103.  
  104. #menu-time {background-color:#802842; color:#BB9142; font-size:14px; border: solid 1px transparent; border-radius: 2px; margin-left: -42px; margin-top:9px; width:90px; height:auto;}
  105.  
  106. .menu-btn ul {background-color: #2F2F2F !important;}
  107. .menu-btn ul li {border:none;}
  108. .menu-btn ul li+li::before {content:""; display:block; height:1px; margin:0px 0.5em 2px 0.5em; background-color:#000;}
  109. .menu-dropdown {border-left: 1px solid #000 !important; background-color: #2F2F2F !important;}
  110.  
  111. #sidebar-toggle-button {font-size:0; width:0px; height:0x; border:none;}
  112. #sidebar-toggle-button::before {display: inline-block; font-family: 'Icons'; content: "\f0ec"; font-size: 14px; line-height: 36px; position: relative; top: -7px;}
  113. #sidebar-toggle-button:hover {box-shadow: none; -webkit-box-shadow: none;}
  114.  
  115. /* ----------------------------------------------------------- */
  116. /* HEADER */
  117. /* ----------------------------------------------------------- */
  118. #postcards {display:none;}
  119. #header {border: solid 1px #000;}
  120. #header-ban-main {background-image:url(https://78.media.tumblr.com/e2c7453795e9049c283fe9a002b5e78d/tumblr_oz83chIBWl1sxf9djo2_1280.png);}
  121. #header-ban {background-image:url(https://78.media.tumblr.com/192fa12228fa18fccc1409a5b1cd0b1d/tumblr_oz83chIBWl1sxf9djo3_500.png); background-position-x: 0px;}
  122. #header-lrc, #header-rrc {background-image:none;}
  123.  
  124. /* ----------------------------------------------------------- */
  125. /* BOOKMARKS */
  126. /* ----------------------------------------------------------- */
  127. #bookmarks {background-color:transparent;}
  128. #bookmarks .bookmark {background-color: #802841 !important;}
  129. #main-content+#bookmarks {position: absolute;top:0px;}
  130. #main-content>#bookmarks {position: absolute;top:-144px;}
  131. #bookmarks .bookmark {float:none; margin:5px 0px 5px 0px!important; padding:10px 10px 10px 0px !important;}
  132. #bookmarks .first {margin-top: 155px !important;}
  133. .bookmark>p {margin:0; padding:0;}
  134. .bookmark #bookmark-add {padding-left:5px; line-height: 20px !important;}
  135.  
  136. /* ----------------------------------------------------------- */
  137. /* SIDEBAR */
  138. /* ----------------------------------------------------------- */
  139. #events-counter-wrapper {background-color: #802841 !important;}
  140.  
  141. #sidebar {border-right: solid 1px #000;}
  142. #sidebar-top {border-bottom: solid 1px #000;}
  143. #sidebar-btn-dash {border-radius: 0px 5px 0px 0px !important; position:relative; left:-2px; width:87px;}
  144. #sidebar-btn-events {border-radius: 5px 0px 0px 0px !important; width:87px; position:relative; left:1px;}
  145. #sidebar-btn-events, #sidebar-btn-dash {background-image:none; font-size:0px; border: solid 1px transparent; color:#bb9142 !important; margin-top:4px; height:22px;}
  146. #sidebar-btn-events:hover, #sidebar-btn-dash:hover {background-color: #1b1b1b; border-bottom:1px solid #000;}
  147. .sidebar-btn-active {background-color: #1b1b1b; border: solid 1px #000 !important;}
  148. #sidebar-btn-dash::after {content:"dashboard"; font-size:14px; margin-left: 8px;}
  149. #sidebar-btn-events::before {content:"events"; font-size:14px; margin-left: 16px;}
  150.  
  151. .sidebar-widget .sidebar-widget-arrow, .sidebar-widget .sidebar-widget-arrow-closed {background-image:none; color:#D4D4D4 !important; font-size: 10px;}
  152. .sidebar-widget-arrow::before {display: inline-block; font-family: 'Icons'; content: "\f078";}
  153. .sidebar-widget-arrow-closed::before {display: inline-block; font-family: 'Icons'; content: "\f054";}
  154.  
  155. .sidebar-widget {background-color:#2F2F2F !important; border: solid 1px #000; border-radius:4px; box-shadow:none !important;}
  156.  
  157. .sidebar-widget-sep {background-color: #000 !important;}
  158.  
  159. .sidebar-widget-contents {background-image:none; background-color:transparent !important; border: none !important; padding:1px;}
  160. .sidebar-widget-header {background-color: #1B1B1B !important; border:none !important; opacity: 1 !important; border-radius:4px 4px 0px 0px; color: #D4D4D4 !important;}
  161. .event-sep {background-color: #000 !important;}
  162.  
  163. /* 100+ events */
  164. .view-all-events-link {background-image:none; margin-left:20px;}
  165.  
  166. /* ----------------------------------------------------------- */
  167. /* TABLES */
  168. /* ----------------------------------------------------------- */
  169.  
  170. tbody, tr, td, .table_cell_x {background-color: transparent !important; border-color:#000 !important;}
  171.  
  172. .table {color:#d4d4d4 !important; background-color: #2f2f2f !important; border-color:#000;}
  173. .table_cell {background-color: transparent; border:none;}
  174. .table thead {background-color: #1b1b1b !important;}
  175. .table th {color:#d4d4d4 !important; border:none;}
  176. .table thead th {border-bottom: 1px;}
  177. table.ui {border: 1px solid #000 !important;}
  178. .sp-header, .sp-header *, .sp-sub, .sp-sub *, .table_cell_y {background-color: #1b1b1b !important; border-color:#000;}
  179. .sp-cells {border: solid 1px #000;}
  180.  
  181. /* quick stock */
  182. .row {background-color: transparent !important; -webkit-box-shadow: none !important; box-shadow: none !important;}
  183. .grid .row+.row {border-top: solid 1px #000;}
  184. .column {box-shadow: none !important; -webkit-box-shadow: none !important;}
  185.  
  186. .ui.vertically.divided.grid > .row { -webkit-box-shadow: none !important; box-shadow: none !important;}
  187.  
  188. /* smail */
  189. tr[onmouseover], td[onmouseover] {background-color: transparent !important;}
  190. [style^="border: 0px; background-color: Lime; background-image:url('/images/progressbar1.gif"] {background-image: linear-gradient(to bottom,rgba(0,255,0,0.5), rgba(0,255,0,0.5)) !important;}
  191. [style^="border: 0px; background-image:url('/images/progressbar2.gif"] {background-image: linear-gradient(to bottom,rgba(255,255,255,0.75), rgba(255,255,255,0.75)) !important;}
  192. [style^="width:100%; border:1px solid #666666"] {border: solid 1px #000 !important;}
  193. tr[style^="background-color:#f4f4f4"] {background-color: #191919 !important;} /*job agency table header*/
  194.  
  195. /* RE */
  196. #random_events table {border: solid 1px #000;}
  197.  
  198. /* achievement info on game page*/
  199. table[style^="width:600px;"] {border: solid 1px #000;}
  200. table[style^="width:600px;"] td[style^="font-size:16px; background-color:#E8e8e8; border-radius: 10px; padding:5px"] {background-color: #191919 !important; border-radius: 0px !important;}
  201.  
  202. /* ----------------------------------------------------------- */
  203. /* TABBED NAVIGATION */
  204. /* ----------------------------------------------------------- */
  205. /* dashboard top page, wishlist sorting, game top page, cw shop, manage own shop */
  206. .nav-tabs, .nav {background-color: transparent !important; box-shadow:none !important; -webkit-box-shadow:none !important; border-style:none !important; margin-bottom: 3px;}
  207. .nav-item.bg-light {background-color: transparent !important;}
  208. .nav-link[href] {border: 1px solid !important; border-color: transparent transparent #000 transparent !important; margin-left:-1px; border-radius: 5px 5px 0 0 !important;}
  209. .nav-link[href].active, .nav-link[href].active:hover, .nav-item.bg-light .nav-link, .nav-item.bg-light .nav-link:hover {background-color:#1B1B1B !important; border: 1px solid #000 !important;}
  210. .nav-link[href]:focus, .nav-link[href]:hover {background-color:#1B1B1B !important; border: solid 1px !important; border-color: #1B1B1B #1B1B1B #000 #1B1B1B !important;}
  211. .nav-link.disabled {color:#d4d4d4 !important;}
  212.  
  213. /* wishlist top page, forum top page */
  214. .ui.menu {background-color: transparent !important; box-shadow:none !important; -webkit-box-shadow:none !important; border:none !important;}
  215. .ui.menu>.item::before {display:none;}
  216. .ui.menu > .item {background-color:#2F2F2F !important; border-radius: 5px 5px 0px 0px !important; border: solid 1px !important; border-color: #2F2F2F #2F2F2F #000 #2F2F2F !important; color:#bb9142 !important; box-shadow:none !important; -webkit-box-shadow:none !important;}
  217. .ui.menu > .item a {color:#bb9142 !important; text-decoration: none !important;}
  218. .ui.menu > .item:focus, .ui.menu > .item:hover {background-color:#1B1B1B !important; border-color: #1B1B1B #1B1B1B #000 #1B1B1B !important;}
  219. .ui.menu > .item.active, .ui.menu > .item.active:hover {background-color:#1B1B1B !important; border: 1px solid #000 !important; }
  220. .ui.menu > .item.header, .ui.secondary.pointing.menu .item.header {border-style:none !important; color:#D4D4D4 !important;}
  221.  
  222. .ui.vertical.menu, .ui.vertical.menu .item {background-color: transparent !important; box-shadow:none !important; -webkit-box-shadow:none !important; border:none !important;}
  223. .ui.vertical.menu > .item > .menu > .item {background-color:#2F2F2F !important; border-radius: 0px 5px 5px 0px !important; border: solid 1px !important; border-color: #2F2F2F #2F2F2F #2F2F2F #000 !important;}
  224. .ui.vertical.menu > .item > .menu > .item.active, .ui.vertical.menu > .item > .menu > .item.active:hover {background-color:#1B1B1B !important; border-color: #000 !important;}
  225. .ui.vertical.menu > .item > .menu > .item:focus, .ui.vertical.menu > .item > .menu > .item:hover {background-color:#1B1B1B !important; border-color: #1B1B1B #1B1B1B #1B1B1B #000 !important;}
  226. .ui.vertical.menu .item:hover > i.icon, .ui.vertical.menu .item:focus > i.icon, .ui.vertical.menu .item.active > i.icon {transform: scale(-1, 1);}
  227. .ui.vertical.menu .item .category.header {border:none !important;}
  228. .ui.vertical.menu > .category.header {color: #bb9142 !important; border-style:solid !important; border-color: transparent !important; border-width: 3px 6px !important;}
  229. .ui.menu.text .item {background-color: transparent !important; box-shadow:none !important; -webkit-box-shadow:none !important; border:none !important;}
  230. .ui.menu.text .item.header {color:#d4d4d4 !important;}
  231. .ui.vertical.menu .item .category.header:hover, .ui.vertical.menu .item .category.header:focus, .ui.vertical.menu > .category.header:hover, .ui.vertical.menu > .category.header:focus, .ui.menu.text .item:hover, .ui.menu.text .item:focus {text-decoration:underline !important;}
  232. .ui.vertical.menu > .category.header.active {background-color:#1B1B1B !important; border-radius:5px!important;}
  233. .ui.vertical.menu .item .category.header.active, .ui.menu.text .item.active {background-color:#1B1B1B !important; border: solid #1b1b1b !important; border-width: 3px 6px !important; border-radius:5px!important;}
  234. .ui.vertical.menu .item .category.header.active:hover, .ui.vertical.menu > .category.header.active:hover, .ui.menu.text .item.active:hover {text-decoration: none !important;}
  235.  
  236. .ui.menu.pagination {background-color:#252525 !important;}
  237. .ui.menu.pagination .item {background-color:#252525 !important; border-color: #252525 !important; border-radius: 2px !important;}
  238. .ui.menu.pagination .item.active, .ui.menu.pagination .item:focus, .ui.menu.pagination .item:hover {background-color:#1B1B1B !important; border-color: #1B1B1B !important; border-radius: 2px !important;}
  239. .pagination .page-item .page-link {background-color:#252525 !important; border-color: #252525 !important; border-radius: 2px !important;}
  240. .pagination .page-item.active .page-link, .pagination .page-item .page-link:focus, .pagination .page-item .page-link:hover {background-color:#1B1B1B !important; border-color: #1B1B1B !important; border-radius: 2px !important;}
  241.  
  242. /* battle top navigation */
  243. .battle-menu {border:none!important; font-size:0px;}
  244. .battle-menu img {display:none;}
  245. .battle-menu a {border: 1px solid !important; border-color: transparent transparent #000 transparent !important; margin-left:0px; border-radius: 5px 5px 0 0 !important;  font-size:14px; padding:5px; line-height: 35px;}
  246. .battle-menu a.active, .battle-menu a:hover {background-color:#1B1B1B !important; border: 1px solid #000 !important;text-decoration:none;}
  247. .battle-menu a:focus, .battle-menu a:hover {background-color:#1B1B1B !important; border: solid 1px !important; border-color: #1B1B1B #1B1B1B #000 #1B1B1B !important;text-decoration:none;}
  248.  
  249. /* cash shop sidebar navigation */
  250. .cc-navlink {border:none !important; opacity:1; border-radius:0px !important;}
  251. .cc-navlink:hover {box-shadow:none !important; background-color:#1B1B1B}
  252.  
  253. /* ----------------------------------------------------------- */
  254. /* MESSAGES */
  255. /* ----------------------------------------------------------- */
  256. .jumbotron {background-color:#252525 !important;}
  257.  
  258. .ui.message, .ui.message.info, .ui.message.blue, .ui.message.green, .ui.message.yellow, .ui.message.success, .alert, .notice {background-color:#252525; color:#d4d4d4; border-color:#000;}
  259. .alert hr, .ui.message hr {border-top-color:#1B1B1B !important;}
  260. .alert-danger, .alert-warning, .ui.message.red, .ui.message.warning, .ui.message.error, .bg-danger, input:checked + label {background-color:#1b1b1b !important; color:#bb9142 !important; border-color: #1b1b1b !important;}
  261. .alert-danger a, .alert-warning a, .ui.message.red a {color: #d4d4d4 !important;}
  262.  
  263. /* there is new news */
  264. .new-news-announcement-banner {background-color: #4d4d4d !important; border-color: #000 !important; border-radius: 4px; margin-bottom: 5px !important;}
  265.  
  266. /*warning on send item to buddy*/
  267. div[style^="width:80%;background-color:#ECEFFD;border:2px solid #CACFDB"] {background-color:#252525 !important; color:#d4d4d4 !important; border: 1px solid #000 !important; border-radius: 3px; padding: 3px;}
  268.  
  269. /* ----------------------------------------------------------- */
  270. /* BUTTONS */
  271. /* ----------------------------------------------------------- */
  272.  
  273. /* buttons that are part of the navigation, ie 'Create CW!', cancel tab effect */
  274. .btn.nav-link, .btn.nav-link:hover, .btn.nav-link:focus, .btn.nav-link:active {border-radius:2px 2px 2px 2px !important; background-color:#4D4D4D !important; color:#d4d4d4 !important; border-color:#4D4D4D !important; box-shadow:none !important; -webkit-box-shadow:none !important;}
  275. /* old buttons that need some help */
  276. .btn, span.btn, .button, input[type=submit] {border-radius: 0.25em; padding: 3px 4px;}
  277. /* normal buttons */
  278. .btn, .btn-link, span.btn, .button, input[type=submit], input[type=button], .ui.basic.button, .ui.positive.button, button, .awesome, .token-trading-button, input[type=submit], input[type=button], button, .stripe-button-el, .stripe-button-el span{background-image:none !important; background-color:#4D4D4D !important; color:#d4d4d4 !important; border-color:#4D4D4D !important; box-shadow:none !important; -webkit-box-shadow:none !important; text-decoration:none; font-weight:normal; border:solid 1px; transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;}
  279. .btn:hover, .btn-link:hover, span.btn:hover, .button:hover, input[type=submit]:hover, input[type=button]:hover, .ui.basic.button:hover, .ui.positive.button:hover, button:hover, .awesome:hover, .token-trading-button:hover, .stripe-button-el:hover, .stripe-button-el span:hover {background-color:#424242 !important; background-image:none; border-color:#424242 !important; box-shadow:none !important; -webkit-box-shadow:none !important; color:#d4d4d4 !important;  text-decoration:none;}
  280. .btn:focus, .btn-link:focus, span.btn:focus, .button:focus, input[type=submit]:focus, input[type=button]:focus, .ui.basic.button:focus, .ui.positive.button:focus, button:focus, .awesome:focus, .token-trading-button:focus, .stripe-button-el:focus, .stripe-button-el span:focus, .btn:active, .btn-link:active, span.btn:active, .button:active, input[type=submit]:active, input[type=button]:active, .ui.basic.button:active, .ui.positive.button:active, button:active, .awesome:active, .token-trading-button:active, .stripe-button-el:active, .stripe-button-el span:active {background-image:none; box-shadow: 0px 0px 2px 1px #939393 !important; -webkit-box-shadow: 0px 0px 2px 1px #939393 !important;  text-decoration:none; color:#d4d4d4 !important;}
  281.  
  282. /* ~~danger~~ buttons */
  283. .btn-outline-danger, .btn-danger, .btn-warning, .ui.button.negative, .ui.button.red, input[name=train_auto], input[value*="Cancel"], button.editable-cancel, .shop_highlight.yellow > div > form > .btn-primary, .delete-link {background-color:#2F2F2F !important; background-image:none; border-color: #2F2F2F !important; color: #bb9142 !important; text-decoration:none; opacity:1; text-shadow:none; text-decoration:none;}
  284. .button.negative .close, .ui.button.red .close {text-shadow:none; color: #bb9142 !important;}
  285. .btn-outline-danger:hover, .btn-danger:hover, .btn-warning:hover, .ui.button.negative:hover, .ui.button.red:hover, input[name=train_auto]:hover, input[value*="Cancel"]:hover, button.editable-cancel:hover, .shop_highlight.yellow > div > form > .btn-primary:hover, .delete-link:hover {background-color:#232323 !important; background-image:none; border-color:#232323 !important; color: #bb9142 !important; text-decoration:none;}
  286. .btn-outline-danger:focus,  .btn-danger:focus, .btn-warning:focus, .ui.button.negative:focus, .ui.button.red:focus, input[name=train_auto]:focus, input[value*="Cancel"]:focus, button.editable-cancel:focus, .shop_highlight.yellow > div > form > .btn-primary:focus, .delete-link:focus, .btn-outline-danger:active, .btn-danger:active, .btn-warning:active, .ui.button.negative:active, .ui.button.red:active, input[name=train_auto]:active, input[value*="Cancel"]:active, button.editable-cancel:active, .shop_highlight.yellow > div > form > .btn-primary:active, .delete-link:active {color: #bb9142 !important; background-image:none; box-shadow: 0px 0px 2px 1px #bb9142 !important; -webkit-box-shadow: 0px 0px 2px 1px #bb9142 !important; text-decoration:none;}
  287. .delete-link {display:block;}
  288.  
  289. /* ----------------------------------------------------------- */
  290. /* INPUT FORMS */
  291. /* ----------------------------------------------------------- */
  292.  
  293. /* dropdown menus */
  294. #category, select {background-color:#2F2F2F !important; color:#D4D4D4 !important; border: solid 1px rgba(0,0,0,0.6) !important; border-radius:3px; box-shadow: none !important; -webkit-box-shadow: none !important;}
  295.  
  296. input[type=text], input.form-control, textarea, input[type=text]:hover, input[type=text]:focus, input[type=text]:active, input.form-control:hover, input.form-control:focus, input.form-control:active, textarea:hover, textarea:focus, textarea:active {background-color: #d4d4d4 !important; color:#000 !important; box-shadow:none !important; -webkit-box-shadow: none !important; border-color: #1b1b1b !important; border-width: 1px !important; border-radius:3px !important;}
  297. input[type=text]::placeholder, .tt-dropdown-menu, input.form-control::placeholder, textarea::placeholder {color:#0f0f0f !important;}
  298. .field label {color:#d4d4d4 !important;}
  299.  
  300. .form.rounded>.category-row {background-color: #191919 !important; .5rem .5rem 0 0 !important;}
  301.  
  302. /* item directory tags */
  303. .tagify {background-color: #d4d4d4 !important; color:#000; box-shadow:none !important; -webkit-box-shadow: none !important; border-color: #1b1b1b !important; border-width: 1px !important; border-radius:3px !important;}
  304. .tagify>tag, .tagify__tag-text {color: #D4D4D4 !important;}
  305. .tagify>tag>div::before {background-color:#424242 !important; border-color:#424242 !important; box-shadow:none !important; -webkit-box-shadow:none !important; color:#d4d4d4 !important;  text-decoration:none;}
  306. .tagify__dropdown__item {color:#000;}
  307.  
  308. /* draggable order change*/
  309. .drag_bookmark {background-color: #4d4d4d; border-color:#4d4d4d !important; border-radius:3px;}
  310.  
  311. /* ----------------------------------------------------------- */
  312. /* FORUMS */
  313. /* ----------------------------------------------------------- */
  314.  
  315. .list-group-item {background-color: #191919; border: 1px solid rgba(0,0,0,1); color:#d4d4d4;} /* forum pulse */
  316. #forum-pulse .list-group-item:hover {background-color: #1B1B1B; color:#d4d4d4;}
  317.  
  318. .breadcrumb {background-color:#252525 !important; color:#D4D4D4 !important;}
  319. .breadcrumb .divider, .breadcrumb-item, .breadcrumb-item + .breadcrumb-item::before {color: #d4d4d4 !important; opacity: 1;}
  320. .breadcrumb-item+.breadcrumb-item::before {display: inline-block; font-family: 'Icons'; content: "\f101";}
  321. .breadcrumb-item:last-child::before {font-weight:bold; content: ":"; padding-left:0.2rem;}
  322.  
  323. /* create topic/reply to post are now a button */
  324. .breadcrumb-item:last-child>a {background-image:none; background-color:#4D4D4D !important; color:#d4d4d4 !important; border-color:#4D4D4D !important; box-shadow:none !important; -webkit-box-shadow:none !important; text-decoration:none; border:solid 1px; border-radius: 0.25em; padding:4px 3px; transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;}
  325. .breadcrumb-item:last-child>a:hover {background-color:#424242 !important; background-image:none; border-color:#424242 !important; box-shadow:none !important; -webkit-box-shadow:none !important; color:#d4d4d4 !important; text-decoration:none;}
  326. .breadcrumb-item:last-child>a:focus, .breadcrumb-item:last-child:active>a:active {background-image:none; box-shadow: 0px 0px 2px 1px #939393 !important; -webkit-box-shadow: 0px 0px 2px 1px #939393 !important;  text-decoration:none; color:#d4d4d4 !important;}
  327. /* fix for sCode page */
  328. .breadcrumb-item:last-child>a[href*="/forums/include/codes.php"] {background-color:transparent !important;border:none!important;}
  329. .breadcrumb-item:last-child>a:focus[href*="/forums/include/codes.php"], .breadcrumb-item:last-child>a:active[href*="/forums/include/codes.php"] {box-shadow:none !important; -webkit-box-shadow: none !important;}
  330.  
  331. /* user info in forum posts */
  332. .user.title {color: #d4d4d4 !important;}
  333.  
  334. /* forum post formatting */
  335. blockquote, .blockquote {background-color:#191919 !important; border: 0px !important;}
  336. blockquote b+.blockquote {background-color:#2F2F2F !important; border: 0px !important;}
  337. .spoiler_click {background-color:#3F1226 !important;}
  338. .spoiler_text {border-color: #4b4b4b !important;}
  339. .ui.buttons .or::before {background-color: #1b1b1b !important; border-color: #1b1b1b !important; color: #d4d4d4 !important;}
  340. .ui.buttons .or::after {display:none;}
  341. [style="background-color:#eee;"] {background-color: transparent !important;}
  342. pre.scode-code {background-color: #d4d4d4 !important; border-color: #000 !important; border-radius: 4px; color:#000 !important;}
  343. .scode-box {background-image: linear-gradient(to bottom, transparent 0px, rgba(47,47,47,0.8) 2px, rgba(47,47,47,0.8) calc(100% - 2px), transparent 100%);}
  344.  
  345. /* ----------------------------------------------------------- */
  346. /* PREVIEWS */
  347. /* ----------------------------------------------------------- */
  348. /* post preview */
  349. .modal-header, .modal-footer {border-color: #000; background-color:#1b1b1b;}
  350. .modal-header .close {display:none;}
  351. .modal-content {background-color: #2f2f2f;}
  352. .modal-body blockquote {background-color:#1b1b1b !important; border: 0px !important;}
  353. .modal-body .spoiler_click {background-color:#3F1226 !important;}
  354. .modal-body .spoiler_text {border-color: #4b4b4b !important;}
  355. .modal-body span {background-color: transparent !important;}
  356.  
  357. /* sMail preview + floating item found */
  358. #MB_window {color: #d4d4d4; background-color: #252525; border:solid 1px #4d4d4d;}
  359. #MB_frame {background-color: #252525;}
  360. #MB_header {background-color: #191919; border-bottom: 1px solid #4d4d4d !important;}
  361. #MB_caption {color: #d4d4d4; text-shadow:none;}
  362. #MB_content {border-top:none;}
  363.  
  364.  
  365. /* ----------------------------------------------------------- */
  366. /* SPECIFIC SITE SECTIONS */
  367. /* ----------------------------------------------------------- */
  368.  
  369. /* vaults */
  370. #vaults .col-auto.justify-content-end {background-color:transparent !important;}
  371. .category-name.editable-content:active, .category-name.editable-content:focus {background-color: #d4d4d4 !important; color:#000 !important; box-shadow:none !important; -webkit-box-shadow: none !important; border-color: #1b1b1b !important; border-width: 1px !important; border-radius:3px !important;}
  372. tr.category-listing, tr.category-listing:hover {background-color: #4D4D4D !important; border: solid 1px #000 !important;} /* vault category names */
  373. tr.category-listing>td {border: solid 0px !important;}
  374.  
  375. /* add item to wishlist */
  376. .wl_plus {background-color: rgba(47,47,47,0.8); color:#D4D4D4 !important;}
  377. .wishlist {border: 2px solid #252525; box-shadow: 0px 0px 1px 2px #A7C04E; -webkit-box-shadow: 0px 0px 1px 2px #A7C04E;}
  378.  
  379. /* friend feed */
  380. .feed .content .date, .ui.feed .content .summary {color:#D4D4D4 !important;}
  381. .feed_menu {background-color:#252525 !important; border-color:#252525!important;}
  382. .feed .event {border-top: 1px solid #000;}
  383. .feed .event .content blockquote {background-color:transparent !important; border: 0px !important;}
  384. .feed .event .content blockquote blockquote {background-color:#1b1b1b !important;}
  385. .ui.feed {background-color:#1b1b1b !important;}
  386.  
  387. /* ticket area */
  388. .response_staff {background-color:#1b1b1b !important; color:#d4d4d4 !important;}
  389. .ticket-menu>.ticket-menu-item {background-color: #4D4D4D; color: #d4d4d4 !important; border-color: #4D4D4D !important;text-decoration: none; transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;}
  390. .ticket-menu>.ticket-menu-item:hover {background-color:#424242; border-color: #424242 !important;}
  391. .ticket-menu>.ticket-menu-item:focus, .ticket-menu>.ticket-menu-item:active {box-shadow: 0px 0px 2px 1px #939393 !important; -webkit-box-shadow: 0px 0px 2px 1px #939393 !important;}
  392.  
  393. /* pet page */
  394. .dropdown-menu {background-color:#2F2F2F !important; border-color:#000;}
  395. .dropdown-item {background-color:#2F2F2F !important; padding: .25rem 1.2rem; text-align: center; font-size: 12px;}
  396. .dropdown-item+.dropdown-item::before {content:""; display:block; height:1px; margin:0px 0px 0px 3px; background-color:#000;}
  397. .pet_stats, .pet_information {background-color:#191919 !important;}
  398.  
  399. /* pet order */
  400. .petorder-pet {border: solid 5px #191919 !important; background-color: #191919 !important;}
  401.  
  402. /* pet job */
  403. .petjob-box {border: solid 5px #191919 !important; background-color: #191919 !important;}
  404. .job-petname, .jobdiv {border-color: #000 !important;}
  405.  
  406. /* treasure order */
  407. #treasure-cont .x-treasure {background-color:#191919 !important; border-color:#191919 !important; border-radius:5px;}
  408. .x-treasure .remove-link {background-color:#2F2F2F !important; border-color: #2F2F2F !important; color: #bb9142 !important; text-decoration:none; opacity:1; text-shadow:none; = text-decoration:none;}
  409. .x-treasure .remove-link:hover {background-color:#232323 !important; border-color:#232323 !important; color: #bb9142 !important; text-decoration:none;}
  410. .x-treasure .remove-link:focus, .x-treasure .remove-link:active {color: #bb9142 !important; box-shadow: 0px 0px 2px 1px #bb9142 !important; -webkit-box-shadow: 0px 0px 2px 1px #bb9142 !important; text-decoration:none;}
  411.  
  412. /* shop search */
  413. .shop_highlight.yellow {background-color:#4D4D4D !important; color:#d4d4d4 !important;}
  414. .shop_highlight.orange {background-color: #d4d4d4;}
  415. .shop_highlight.orange a {color:#1b1b1b !important;}
  416. .shop_highlight.blue {background-color:#939393 !important; color:#1B1B1B !important;}
  417. .shop_highlight.blue a {color:#1B1B1B !important;}
  418. #purchasedContainer {background-color:#4D4D4D !important;}
  419.  
  420. /* shops + quick stock */
  421. #quickstock-grid, #sticky {background-color:#252525 !important;}
  422. .input-group-addon {background-color: transparent !important; border:0px;}
  423.  
  424. /* collections */
  425. .item-list-display {background-color: #252525; border: 1px solid #252525; border-bottom: 5px solid #252525; padding: 5px 10px; width: 90px; color: #d4d4d4 !important;}
  426. .item-list-search {border-top: 1px solid #000;}
  427.  
  428. /* account search */
  429. span.remove-link, span.mass-remove-link {color: #bb9142 !important;}
  430.  
  431. /* tooltips */
  432. .tpd-content {color: #d4d4d4 !important;}
  433. .tpd-content .header {border-color:#4d4d4d !important;}
  434. .tpd-background {background-color:#2F2F2F !important; border-color:#4d4d4d !important;}
  435. .tpd-stem-triangle {border-top:#4d4d4d !important; border-bottom:#4d4d4d !important;}
  436.  
  437. /* cash shop */
  438. .cash_shop_row {border-color:#252525 !important; background-color: #252525 !important;}
  439.  
  440. /* battle coliseum */
  441. .battle-title {background-color: #1b1b1b !important;}
  442. #battle-ui-main {border:solid 1px #000 !important;}
  443. .battle-ui-controls {border-left:solid 1px #000 !important; background-color: #252525 !important;}
  444. .battle-ui-controls .fa {color: #bb9142 !important;}
  445. #spend-exp-form td > span {background-color: transparent !important;}
  446.  
  447. /* subetapedia color reference*/
  448. .dd-container#pet_color_select::before, .dd-container#pet_species_select::before {background-color: #1b1b1b !important; border: solid 1px #000 !important;}
  449. .dd-select, .dd-selected, .dd-option, .dd-option-selected, .dd-click-off-close {background-color: #2F2F2F !important; border-color: #000 !important; box-shadow: none !important; -webkit-box-shadow: none !important;}
  450.  
  451. /* hustler banner */
  452. .hustler {background-color: rgba(24,24,24,0.8); border-bottom: 1px solid #4D4D4D; overflow:hidden;}
  453. .buyButton {background-color:#4D4D4D !important; color:#d4d4d4 !important; border: 1px solid #4D4D4D !important; border-radius:5px; box-shadow:none !important; -webkit-box-shadow:none !important; padding: 6px 16px; text-decoration:none; text-shadow:none; transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; margin-bottom:5px;}
  454. .buyButton:hover {background-color:#424242 !important; border-color:#424242 !important; box-shadow:none !important; -webkit-box-shadow:none !important; color:#d4d4d4 !important; text-decoration:none;}
  455. .buyButton:focus, .buyButton:active {box-shadow: 0px 0px 2px 1px #939393 !important; -webkit-box-shadow: 0px 0px 2px 1px #939393 !important; text-decoration:none;}
  456. #close-hustler .close {color:#d4d4d4; text-shadow: none;}
  457.  
  458. .hustler div {z-index:3;}
  459. .hustler div[style="width: 80px"]+div+div.text_center {z-index:1 !important;}
  460. .hustler .wl_item.wishlist {box-shadow: 0 0 0 100vw rgba(176, 254, 87, 0.45);}
  461.  
  462. /* less garish shoutbox widget*/
  463. #shouts {padding-right:2px; padding-left:1px;}
  464. .shoutbox_shout {border-color:transparent !important; background-image: linear-gradient(to bottom, rgba(47,47,47,0.25), rgba(47,47,47,0.25));}
  465. .shoutbox_user {border-color: rgba(47,47,47,1); border-radius: 0 0 4px 0; background-color: rgba(47,47,47,1); left: -2px; top:-2px;}
  466. .shoutbox_options {border-radius: 4px 0 0 0; background-color: rgb(47, 47, 47); bottom: -2px; right:-2px; padding: 2px 0px 0px 2px;}
  467.  
  468. /* events widget */
  469. .sidebar-widget .x-even {background-image: linear-gradient(to bottom,#1b1b1b, #1b1b1b) !important;}
  470. .sidebar-widget h2 {background-image:none !important; border-bottom: solid 1px #000; margin-top: 15px;}
  471.  
  472. /* feed widget */
  473. .sidebar-widget .ui.feed {background-color:transparent !important;}
  474.  
  475. /*cw contest submit form*/
  476. form>table.mx-auto  {background-color:#191919 !important;}
  477.  
  478. /* cw shop */
  479. .container-fluid>.cw-message .card-header {background-color:#2F2F2F;}
  480.  
  481. /* holiday event buttons */
  482. .holiday>img {width:18px !important; float:left; margin-right:4px;}
  483. .holiday {display: inline-block; line-height:80%; margin:1px; padding: 3px 3px 1px 3px;}
  484. .holiday>a {font-weight:normal; font-style: normal; font-size:0.7em; color:#000 !important; padding-left: 0px}
  485. .tpd-content .holiday>a {font-size:0.5em;} /* username hover */
  486. .holiday.survival::after {display:none;}
  487. .holiday.survival {border-color: #c68a72;}
  488.  
  489. /*Move all floating items to top left corner*/
  490. .floating_item {position:fixed !important; left:20px !important; top:7px !important; z-index:999 !important; margin: 0px !important; border: 2px solid #252525; box-shadow: 0px 0px 1px 2px #A7C04E; -webkit-box-shadow: 0px 0px 1px 2px #A7C04E;}
  491.  
  492. /* cw contest voting */
  493. div[style^="background-color: #ffffff; padding: 20px;"], div[style^="background-color: rgb(255, 255, 255); padding: 20px;"] {background-color: #191919 !important;}
  494. div[style^="background-color: rgb(217, 239, 218); padding: 20px;"], div[style^="background-color: #d9efda; padding: 20px;"] {background-color:rgba(98, 250, 105, 0.2) !important;}
  495.  
  496. /* leviathans */
  497. img[src^="https://img.subeta.net/safe_water"], img[src^="https://img.subeta.net/battleship_tile_monster"], img[src^="https://img.subeta.net/rough_water"] {margin:1px; width:32px;}
  498. img[src^="https://img.subeta.net/rough_water"] {opacity:0.4;}
  499.  
  500.  
  501. /* ----------------------------------------------------------- */
  502. /* PERSONAL */
  503. /* ----------------------------------------------------------- */
  504. /* any custom code you want goes after here */
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!