☰

3DMM.com Noir

Updated version of the 3DMM.com Dark Theme.

  1. /* ==UserStyle==
  2. @name         3DMM.com Noir
  3. @namespace    USO Archive
  4. @author       Plopilpy
  5. @description  Updated version of the 3DMM.com Dark Theme.
  6. @version      20220917.21.35
  7. @license      NONE
  8. @preprocessor uso
  9. ==/UserStyle== */
  10. .alt1 {
  11.     background-color: #3b3b3b;
  12.     color:white;
  13. }
  14. .alt1 a:link, .alt1Active a:link, .alt1 a:visited {
  15.     color: #afbade;
  16.     text-decoration: none;
  17. }
  18. .tcat {
  19.     background: #D2D2D2 url(https://cdn.discordapp.com/attachments/785693139729383424/1020549900754231337/unknown.png) repeat-x top left;
  20.     color: #48474C;
  21.     font: bold 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
  22. }
  23. .alt1, .alt1Active {
  24.     background: #2a2a2a;
  25.     color: #cfcfcf;
  26. }
  27. .alt2, .alt2Active {
  28.     background: #333;
  29.     color: #cfcfcf;
  30. }
  31. .tborder {
  32.     background: #212121;
  33.     border: 1px solid #48474C;
  34. }
  35. .time {
  36.     color: #cccccc;
  37. }
  38. .alt2 a:link, .alt2Active a:link {
  39.     color: #cfd4e8;
  40.     text-decoration: none;
  41. }
  42. .alt1 a:hover, .alt1 a:active, .alt1Active a:hover, .alt1Active a:active {
  43.   color: #979797;
  44. }
  45. .tcat, .tcat a:visited, .tcat a:link{
  46. color: #7d7b83;
  47. }
  48. .tcat a:hover, .tcat a:active {
  49.   color: #656565;
  50. }
  51. .alt2 a:link, .alt2Active a:link, .alt2 a:visited, .alt2Active a:visited {
  52.   color: #8786a9;
  53. }
  54. .alt2 a:hover, .alt2 a:active, .alt2Active a:hover, .alt2Active a:active {
  55.   color: #b3afb8;
  56. }
  57. .vbmenu_control, td.thead, div.thead, .tfoot{
  58. background-color: #171717;
  59. }
  60. .panel {
  61.   background: #161616;
  62. }
  63. .panelsurround{
  64. background-color: #0a0a0a;
  65. }
  66. .vBulletin_editor{
  67. background: #313030;
  68. }
  69. .imagebutton{
  70. background:  #00000000 none repeat scroll 0% 0% !important;
  71.   -webkit-filter: drop-shadow(0px 0px 5px #555);
  72.   filter: drop-shadow(0px 0px 5px #555);
  73. }
  74. #vB_Editor_QR_textarea, .bginput, #vB_Editor_001_textarea{
  75. background: #141414;
  76. border: 1px solid #373636;
  77. color: #d9d9d9;
  78. }
  79. #vB_Editor_001_textarea{
  80. border: 1px solid #2b2b2b;
  81. }
  82. .thead2, .thead2 a:link{
  83. background: #D2D2D2 url(https://cdn.discordapp.com/attachments/785693139729383424/1020570030246723604/unknown.png) repeat-x top left;
  84. color: #c4c4c4;
  85. }
  86. .fieldset{
  87. border: 2px ridge #222;
  88. }
  89. .button, select{
  90. background: #151515;
  91. border: 2px outset #414141;
  92. color: #b2b2b2;
  93. border-radius: 4px;
  94. }
  95. .button:hover{
  96. background: #282828;
  97. border: 2px outset #414141;
  98. color: #b2b2b2;
  99. border-radius: 4px;
  100. }
  101. .page, .tfoot[align="right"]{
  102. background: #494953 !important;
  103. }
  104. .vbmenu_option{
  105. background: #1d1d1d;
  106. }
  107. .vbmenu_popup{
  108. background: #373737;
  109. }
  110. .fjdpth0{
  111. background: #282828;
  112. color: white;
  113. }
  114.  
  115. img[src*="images/vbulletin/threedmm/statusicon/forum_new.gif"] {
  116.     filter: brightness(21.5%);
  117. }
  118. img[src*="images/vbulletin/threedmm/statusicon/forum_old.gif"] {
  119.     filter: brightness(21.5%);
  120. }
  121. img[src*="images/vbulletin/threedmm/statusicon/thread_lock.gif"] {
  122.     filter: brightness(21.5%);
  123. }
  124. img[src*="images/vbulletin/threedmm/statusicon/thread_hot_lock.gif"] {
  125.     filter: brightness(21.5%);
  126. }
  127. img[src*="images/vbulletin/threedmm/statusicon/thread_hot.gif"] {
  128.     filter: brightness(21.5%);
  129. }
  130. img[src*="images/vbulletin/threedmm/statusicon/thread_hot_new.gif"] {
  131.     filter: brightness(21.5%);
  132. }
  133. img[src*="images/vbulletin/threedmm/statusicon/thread_new.gif"] {
  134.     filter: brightness(21.5%);
  135. }
  136. img[src*="images/vbulletin/threedmm/statusicon/thread.gif"] {
  137.     filter: brightness(21.5%);
  138. }
  139. img[src*="images/vbulletin/threedmm/statusicon/thread_dot_new.gif"] {
  140.     filter: brightness(21.5%);
  141. }
  142. img[src*="images/vbulletin/threedmm/buttons/firstnew.gif"] {
  143.     filter: brightness(21.5%);
  144. }
  145. img[src*="images/vbulletin/threedmm/buttons/lastpost.gif"] {
  146.     filter: brightness(0.27) contrast(1.2) saturate(10);
  147. }
  148. img[src*="images/vbulletin/threedmm/statusicon/user_offline.gif"] {
  149.     filter: brightness(0.4) contrast(2) saturate(4);
  150. }
  151. img[src*="images/vbulletin/threedmm/statusicon/user_online.gif"] {
  152.     filter: brightness(0.4) contrast(2) saturate(4);
  153. }
  154. img[src*="images/vbulletin/threedmm/misc/navbits_start.gif"] {
  155.     filter: brightness(21.5%);
  156. }
  157. img[src*="images/vbulletin/threedmm/misc/navbits_finallink.gif"] {
  158.     filter: brightness(21.5%);
  159. }
  160. img[src*="images/vbulletin/threedmm/rating/stars_small_5.gif"] {
  161.     filter: brightness(0.4) contrast(1.7);
  162. }
  163. img[src*="images/vbulletin/threedmm/rating/stars_small_4.gif"] {
  164.     filter: brightness(0.4) contrast(1.7);
  165. }
  166. img[src*="images/vbulletin/threedmm/rating/stars_small_3.gif"] {
  167.     filter: brightness(0.4) contrast(1.7);
  168. }
  169. img[src*="images/vbulletin/threedmm/rating/stars_small_2.gif"] {
  170.     filter: brightness(0.4) contrast(1.7);
  171. }
  172. img[src*="images/vbulletin/threedmm/rating/stars_small_1.gif"] {
  173.     filter: brightness(0.4) contrast(1.7);
  174. }
  175. img[src*="images/vbulletin/threedmm/misc/multipage.gif"] {
  176.     filter: brightness(21.5%);
  177. }
  178. img[src*="images/vbulletin/threedmm/buttons/quote.gif"] {
  179.     filter: brightness(0.26) contrast(1.3);
  180. }
  181. img[src*="images/vbulletin/threedmm/buttons/rate.gif"] {
  182.     filter: brightness(0.26) contrast(1.3);
  183. }
  184. img[src*="images/vbulletin/threedmm/buttons/edit.gif"] {
  185.     filter: brightness(0.26) contrast(1.3);
  186. }
  187. img[src*="images/vbulletin/threedmm/buttons/quickreply.gif"] {
  188.     filter: brightness(0.26) contrast(1.3);
  189. }
  190. img[src*="images/vbulletin/threedmm/misc/winxp.gif"] {
  191.     filter: brightness(21.5%);
  192. }
  193. img[src*="images/vbulletin/threedmm/misc/win98.gif"] {
  194.     filter: brightness(21.5%);
  195. }
  196. img[src*="images/vbulletin/threedmm/buttons/report.gif"] {
  197.     filter: brightness(21.5%);
  198. }
  199. img[src*="images/vbulletin/threedmm/statusicon/thread_dot.gif"] {
  200.     filter: brightness(21.5%);
  201. }
  202. img[src*="images/vbulletin/threedmm/statusicon/thread_dot_hot.gif"] {
  203.     filter: brightness(21.5%);
  204. }
  205. img[src*="images/vbulletin/threedmm/misc/whos_online.gif"] {
  206.     filter: brightness(21.5%);
  207. }
  208. img[src*="images/vbulletin/threedmm/misc/stats.gif"] {
  209.     filter: brightness(21.5%);
  210. }
  211. img[src*="images/vbulletin/threedmm/statusicon/thread_moved.gif"] {
  212.     filter: brightness(21.5%);
  213. }
  214. img[src*="images/vbulletin/threedmm/buttons/collapse_tcat.gif"] {
  215.     filter: brightness(0.27) contrast(1.2) saturate(10);
  216. }
  217. img[src*="images/vbulletin/threedmm/buttons/collapse_tcat_collapsed.gif"] {
  218.     filter: brightness(0.27) contrast(1.2) saturate(10);
  219. }
  220. img[src*="images/vbulletin/threedmm/buttons/collapse_thead.gif"] {
  221.     filter: brightness(0.8) contrast(1.9);
  222. }
  223. img[src*="images/vbulletin/threedmm/buttons/collapse_thead_collapsed.gif"] {
  224.     filter: brightness(0.8) contrast(1.9);
  225. }
  226. img[src*="images/vbulletin/threedmm/statusicon/post_old.gif"] {
  227.     filter: brightness(0.27) contrast(1.3) saturate(10);
  228. }
  229. img[src*="images/vbulletin/threedmm/statusicon/post_new.gif"] {
  230.     filter: brightness(0.27) contrast(1.3) saturate(10);
  231. }
  232. img[src*="images/footer_logo_3dmmcom.gif"], img[src*="images/vbulletin/threedmm/buttons/reply.gif"], img[src*="images/vbulletin/threedmm/buttons/newmovie.gif"], img[src*="images/vbulletin/threedmm/buttons/newreview.gif"], img[src*="images/vbulletin/threedmm/buttons/newmod.gif"], img[src*="images/vbulletin/threedmm/buttons/newthread.gif"], img[src*="images/menu_button.gif"], img[src*="images/menu_movies.gif"], img[src*="images/menu_reviews.gif"], img[src*="images/menu_awards.gif"], img[src*="images/menu_mods.gif"], img[src*="images/menu_about.gif"], img[src*="images/menu_stats.gif"], img[src*="images/menu_uploader.gif"], img[src*="images/menu_links.gif"], img[src*="images/menu_logo.gif"], img[src*="images/menu_3dmmcom.gif"] {
  233.     filter: brightness(61%);
  234. }
  235. img[src*="images/vbulletin/threedmm/misc/menu_open.gif"], img[src*="images/vbulletin/threedmm/buttons/sortasc.gif"], img[src*="images/vbulletin/threedmm/buttons/sortdesc.gif"] {
  236.     filter: brightness(0.8) contrast(1.9);
  237. }
  238.  
  239. .threedmm_border_left{
  240. background: url(https://cdn.discordapp.com/attachments/785693139729383424/1020717381024231565/unknown.png) #494953 repeat-y top left;
  241. }
  242.  
  243. .threedmm_corner_bottom_left{
  244. background: url(https://cdn.discordapp.com/attachments/785693139729383424/1020717593478307840/border_bottom_left.png) #494953 repeat-y top left;
  245. }
  246.  
  247. .threedmm_border_bottom{
  248. background: url(https://cdn.discordapp.com/attachments/785693139729383424/1020720813265133628/unknown.png) repeat-x bottom;
  249. }
  250.  
  251. .threedmm_border_right{
  252. background: url(https://cdn.discordapp.com/attachments/785693139729383424/1020721103557103676/unknown.png) #494953 repeat-y top right
  253. }
  254.  
  255. .threedmm_corner_top_left {
  256.   background: url(https://cdn.discordapp.com/attachments/785693139729383424/1020721729707982959/corner_top_left.png) no-repeat top left;
  257. }
  258.  
  259. .threedmm_corner_bottom_right {
  260.   background: url(https://cdn.discordapp.com/attachments/785693139729383424/1020721728982372372/corner_bottom_right.png) no-repeat bottom right;
  261. }
  262.  
  263. .threedmm_corner_top_right {
  264.   background: url(https://cdn.discordapp.com/attachments/785693139729383424/1020721729330479196/corner_top_right.png) no-repeat top right;
  265. }
  266.  
  267. .threedmm_border_top {
  268.   background: url(https://cdn.discordapp.com/attachments/785693139729383424/1020722264276217896/unknown.png) repeat-x top;
  269. }
  270.  
  271. html[dir="ltr"] body{
  272. background-image: url(https://cdn.discordapp.com/attachments/785693139729383424/1020722382849183804/unknown.png);
  273. }
  274.  
  275. /* i really want this to be global */