IMDb - Dark and Gray Simple v.11

Dark and Gray Simply...

目前為 2023-04-19 提交的版本,檢視 最新版本

  1. /* ==UserStyle==
  2. @name IMDb - Dark and Gray Simple v.11
  3. @namespace https://gf.qytechs.cn/fr/users/8-decembre?sort=updated
  4. @version 11.0.0
  5. @description Dark and Gray Simply...
  6. @author decembre
  7. @license unlicense
  8. ==/UserStyle== */
  9.  
  10. @-moz-document domain("imdb.com"), domain("www.imdb.com") {
  11.  
  12. /* ==== 0- IMDb - Dark and Gray Simple v.10 (new10) - TEST FRESH ==== */
  13.  
  14. /* BACKGOUND IMDb:
  15. BACKGOUND IMDb - Near #222:
  16. background: #1f1f1f !important;
  17. BACKGROUND - DARK LINEAR-GRADIENT IMDB - Near #222:
  18. background: rgba(0, 0, 0, 0) linear-gradient(90deg, rgb(31, 31, 31), 20%, rgba(31, 31, 31, 0.6), 80%, rgb(31, 31, 31)) repeat scroll 0 0 !important;
  19. ==== */
  20.  
  21.  
  22. /* ==== COLOR - ALL */
  23.  
  24. /* (new8) ===== COLOR ===== */
  25.  
  26. :root {
  27. --ipt-base-rgb: 0,0,0 !important;
  28. --ipt-on-base-rgb: 255,255,255 !important;
  29. --ipt-base-shade3-rgb: 0,0,0 !important;
  30. --ipt-on-base-accent2-rgb: 0,190,250 !important;
  31. }
  32. /* #root {
  33. background: red !important;
  34. } */
  35.  
  36. /* (new8) COLOR - BUTTON - #333 + OPACITY - :not([href^="https://help.imdb.com/article/imdb/discover-watch/"]) */
  37. .ipc-btn.ipc-btn--full-width.ipc-btn--left-align-content.ipc-btn--large-height.ipc-btn--core-accent1.ipc-btn--theme-baseAlt ,
  38. .ipc-title__actions ,
  39. .ipc-btn[href^="https://contribute.imdb.com/"] {
  40. opacity: 0.6 !important;
  41. pointer-events: auto !important;
  42. background: rgb(221, 178, 22) !important;
  43. background: #333 !important;
  44. }
  45. .ipc-btn.ipc-btn--full-width.ipc-btn--left-align-content.ipc-btn--large-height.ipc-btn--core-accent1.ipc-btn--theme-baseAlt:hover ,
  46. .ipc-title__actions:hover ,
  47. .ipc-btn[href^="https://contribute.imdb.com/"]:hover {
  48. opacity: 1 !important;
  49. /* border: 1px solid gray !important; */
  50. /* background: #222 !important; */
  51. }
  52. .ipc-btn.ipc-btn--full-width.ipc-btn--left-align-content.ipc-btn--large-height.ipc-btn--core-accent1.ipc-btn--theme-baseAlt {
  53. color: grey !important;
  54. }
  55. /* (new4) COLOR - BACKGROUND - DARK IMDB- Near #222: */
  56. .celwidget[data-testid="Filmography"] ,
  57. #ipc-wrap-background-id ,
  58. .celwidget[data-testid="Filmography"],
  59. .celwidget[data-testid="Filmography"][data-cel-widget="StaticFeature_Filmography"] {
  60. background: #1f1f1f !important;
  61. }
  62. /* (new5) COLOR - BACKGROUND - DARK LINEAR-GRADIENT IMDB - Near #222: */
  63. .ipc-page-background--baseAlt ,
  64. #ipc-wrap-background-id, .celwidget[data-testid="Filmography"],
  65. .celwidget[data-testid="Filmography"][data-cel-widget="StaticFeature_Filmography"] ,
  66.  
  67. .ipc-page-content-container--center .ipc-page-background.ipc-page-background--base.jtTbgg ,
  68. .ipc-page-content-container--center {
  69. background: #1f1f1f !important;
  70. /* background: rgba(0, 0, 0, 0) linear-gradient(90deg, rgb(31, 31, 31), 20%, rgba(31, 31, 31, 0.6), 80%, rgb(31, 31, 31)) repeat scroll 0 0 !important; */
  71. }
  72.  
  73. /* (new2) COLOR - BACKGROUND - BLACK */
  74. .ezIlqu.ipc-page-background--baseAlt {
  75. background: black !important;
  76. }
  77.  
  78. /* (new11) COLOR - BACKGROUND - BLACK LIGHT (#1d2124) - NO TEXT / BORDER / BOX SHADOW */
  79.  
  80. #wrapper #pagecontent div[class^="aux-content-widget-"] {
  81. background: #1d2124 !important;
  82. }
  83. div[class^="aux-content-widget-"] {
  84. background-color: #1d2124 !important;
  85. }
  86.  
  87.  
  88. /* (new11) COLOR - BACKGROUND - BLACK LIGHT (#1d2124) + TEXT + BORDER - + BOX SHADOW AROUND rgba(0, 0, 0, 0.3)*/
  89.  
  90. /* #sidebar > div.aux-content-widget-2 , */
  91. .ipc-list-card--base ,
  92. .ipc-page-grid__item.ipc-page-grid__item--span-1 .ipc-page-section--base ,
  93. .ipc-page-grid.ipc-page-grid--bias-left .ipc-page-section.ipc-page-section--base.celwidget {
  94. background-color: #1d2124 !important;
  95. /* border-color: #171a1d !important; */
  96. border-color: #222 !important;
  97. color: #fff !important;
  98. /* BOX SHADOW AROUND - TEST */
  99. box-shadow: -3px -3px 3px rgba(230, 224, 224, 0.08) !important;
  100. box-shadow: inset 2px 2px 2px 2px red !important;
  101. box-shadow: 0px -1px 2px 1px rgba(0, 0, 0, 0.3), 1px 1px 3px 1px rgba(0, 0, 0, 0.3) !important;
  102. box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.3), 0px 0px 4px 1px rgba(0, 0, 0, 0.3) inset !important;
  103. /* JUST INSET */
  104. box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.3) inset !important;
  105. }
  106.  
  107. /* (new13) COLOR - BACKGROUND - rgb(30, 32, 34) */
  108. .ipc-page-section.ipc-page-section--base {
  109. Background: rgb(30, 32, 34) !important;
  110. }
  111.  
  112. /* COLOR - BACKGROUND IMAGE - GRADIENT - DIVERS */
  113. #filmography .head {
  114. background-image: -webkit-linear-gradient(bottom, #333 0%, #222 50%);
  115. text-shadow: unset !important;
  116. }
  117.  
  118. /* COLOR - BACKGROUND IMAGE - GRADIENT - ELLIPSIS VERTICAL - BLACK LIGHT to BLACK */
  119. .ipc-overflowText.ipc-overflowText--base.ipc-overflowText--listCard .ipc-overflowText-overlay {
  120. background: transparent -moz-linear-gradient(center top , rgba(45, 45, 45, 0.61), rgba(10, 10, 10, 0.68), rgba(17, 17, 17, 0.85)) repeat scroll 0 0;
  121. }
  122. /* (new8) COLOR - BACKGROUND IMAGE - GRADIENT - ELLIPSIS VERTICAL - TRANSPARENT to BLACK */
  123. .lister-list .lister-item .gradient-container {
  124. background: transparent linear-gradient(transparent, #111) repeat scroll 0 0 !important;
  125. }
  126.  
  127. /* (new11) COLOR - BACKGROUND - #111 */
  128.  
  129. #content-2-wide::before ,
  130. main.ipc-page-wrapper--base .ipc-page-content-container.ipc-page-content-container--full > .ipc-page-background.ipc-page-background--base > .ipc-page-background.ipc-page-background--baseAlt > .ipc-page-content-container.ipc-page-content-container--center:last-of-type> section > section > div:last-of-type ,
  131.  
  132. .ipc-page-section.ipc-page-section--baseAlt.ipc-page-section--tp-none.ipc-page-section--bp-xs > div:last-of-type ,
  133. .ipc-page-wrapper.ipc-page-wrapper--baseAlt .ipc-page-content-container.ipc-page-content-container--center .ipc-page-grid ,
  134. .ipc-page-wrapper.ipc-page-wrapper--baseAlt .ipc-page-content-container.ipc-page-content-container--center .ipc-page-grid.ipc-page-grid--bias-left [data-testid="video-info-container"],
  135. .ipc-page-wrapper.ipc-page-wrapper--baseAlt .ipc-page-content-container.ipc-page-content-container--center .ipc-page-grid.ipc-page-grid--bias-left ,
  136. .celwidget[data-testid="VideoInfo"] ,
  137. .iDwMSU ,
  138. .ipc-page-grid.ipc-page-grid--bias-left .ipc-page-section.ipc-page-section--base.celwidget:not([data-cel-widget="StaticFeature_Awards"]):not([data-cel-widget="StaticFeature_Videos"]):not([data-cel-widget="StaticFeature_Photos"]) .ipc-title--section-title ,
  139. #imdbHeader ,
  140. .ipc-page-grid__item.ipc-page-grid__item--span-1:hover ,
  141. .ipc-page-grid__item.ipc-page-grid__item--span-1:hover .nas-slot + .ipc-page-section:first-of-type > .ipc-title> hgroup ,
  142. .celwidget[data-testid="Filmography"] .ipc-page-section.ipc-page-section--base:last-of-type .ipc-title.ipc-title--section-title.ipc-title--base.ipc-title--on-textPrimary ,
  143. .drawer.hamburger__drawer.imdb-header__nav-drawer ,
  144. .eSmZzJ ,
  145. table.findList td.primary_photo {
  146. background-color: #111 !important;
  147. }
  148.  
  149. /* (new11) COLOR - BACKGROUND - #222 - ALL:INITIAL - all: initial !important; */
  150. .DocumentationLayout_pageWrapper__MFm0_ ,
  151. .listo .header .nav ,
  152. .fixed ,
  153. body#styleguide-v2 #wrapper[style="background: 000000 !important"] ,
  154. html ,
  155. html.scriptsOn ,
  156. html body#styleguide-v2.fixed #wrapper[style="background: 000000 !important"] ,
  157. html body#styleguide-v2 #wrapper[style="background: 000000 !important"] ,
  158. html #wrapper[style="background: 000000 !important"] ,
  159. html #wrapper ,
  160. html body#styleguide-v2 ,
  161. html body#styleguide-v2.fixed ,
  162. html body#styleguide-v2 #wrapper ,
  163. html body#styleguide-v2.fixed #wrapper {
  164. all: initial !important;
  165. background-color: #222 !important;
  166. background-image: unset !important;
  167. background-attachment: unset !important;
  168. background-clip: unset !important;
  169. background-origin: unset !important;
  170. background-position: unset !important;
  171. background-repeat: unset !important;
  172. background-size: unset !important;
  173. }
  174.  
  175.  
  176. /* (new4) COLOR - BACKGROUND - #333 */
  177.  
  178.  
  179. .article.name-overview.with-hero .name-overview-widget #prometer_container ,
  180. #prometer #meterRank ,
  181. #pagecontent ,
  182. .ipc-poster-card.ipc-poster-card--base.ipc-poster-card--dynamic-width.ipc-sub-grid-item.ipc-sub-grid-item--span-2 {
  183. Background: #333 !important;
  184. }
  185.  
  186. /* (new13) COLOR - BACKGROUND #333 + BACKGOUD IMAGE */
  187. #prometer {
  188. background-color: #333 !important;
  189. box-shadow: -1px 2px 5px #222 !important;
  190. }
  191.  
  192.  
  193. /* (new11) COLOR - BACKGROUND - #222 + TEXT- GRAY + BORDER #333 */
  194. :not(pre) > code ,
  195. .recently-viewed ,
  196. div.findMoreMatches ,
  197. .article ,
  198. .article.on-tv {
  199. color: gray !important;
  200. background: #222 !important;
  201. border: 1px solid #333 !important;;
  202. }
  203.  
  204. /* (new9 - BACKGROUD with IMG */
  205. .list_item div.image a.add-image {
  206. background-color: #111 !important;
  207. }
  208. .hover-over-image.zero-z-index.no-ep-poster .add-image +div ,
  209. .add-image-container.episode-list {
  210. background-color: #111 !important;
  211. }
  212. /* (new11) BACKGROUND - ZEBRA */
  213. /* .odd ,
  214. .filmo-category-section .filmo-row.odd {
  215. background: #333 !important;
  216. border: 1px solid #333;
  217. color: gray;
  218. } */
  219. /* .even ,
  220. .devitem.even ,
  221. .filmo-category-section .filmo-row.even {
  222. background: #222 !important;
  223. border: 1px solid #333;
  224. color: gray;
  225. }
  226. */
  227. /* ODD */
  228. table.chart tbody tr:nth-child(odd) ,
  229. .ipc-metadata-list-summary-item:nth-child(odd) ,
  230. .filmo-category-section .filmo-row.odd ,
  231. .ipl-zebra-list__item:nth-child(odd) ,
  232. /* .lister-item.mode-advanced:nth-child(odd) , */
  233. .lister-item:nth-child(odd) ,
  234. .list-preview.odd ,
  235. .devitem.odd ,
  236. .soda.odd ,
  237. .odd {
  238. color: gray !important;
  239. background: #222 !important;
  240. /* border: 1px solid green !important; */
  241. border: 1px solid transparent !important;
  242. border-bottom: 1px solid black !important;
  243. border-top: 1px solid #3c3c3c !important;
  244. }
  245. /* EVEN */
  246. table.chart tbody tr:nth-child(even) ,
  247. .ipc-metadata-list-summary-itemn:nth-child(even) ,
  248. .filmo-category-section .filmo-row.even ,
  249. .ipl-zebra-list__item:nth-child(even) ,
  250. /* .lister-item.mode-advanced:nth-child(even) , */
  251. .lister-item:nth-child(even) ,
  252. .list-preview.even ,
  253. .devitem.even ,
  254. .soda.even ,
  255. .even {
  256. color: gray !important;
  257. background: #333 !important;
  258. /* border: 1px solid red !important; */
  259. border: 1px solid transparent !important;
  260. border-bottom: 1px solid black !important;
  261. border-top: 1px solid #3c3c3c !important;
  262. }
  263.  
  264. /* (new13) COLOR - SVG - CHANGE COLOR BY FILTER - BLACK TO PERU*/
  265.  
  266. .ipc-media--fallback svg.ipc-media__icon {
  267. fill: blue !important;
  268. color: red !important;
  269. filter: invert(15%) sepia(100%) saturate(6481%) hue-rotate(46deg) brightness(102%) contrast(43%) !important;
  270. }
  271. .ipc-media--base::before {
  272. background: rgba(17, 17, 17, 0.81);
  273. }
  274.  
  275. /* (new13) COLOR - SVG - FILL - THUMB */
  276. svg#iconContext-thumb-up {
  277. fill: green !important;
  278. }
  279. svg#iconContext-thumb-down {
  280. fill: red !important;
  281. }
  282.  
  283. /* (new13) COLOR - TEXT WHITE */
  284. .ipc-page-grid.ipc-page-grid--bias-left .ipc-page-section.ipc-page-section--base.celwidget:not([data-cel-widget="StaticFeature_Awards"]):not([data-cel-widget="StaticFeature_Videos"]):not([data-cel-widget="StaticFeature_Photos"]) .ipc-title--section-title h3 ,
  285. .article h1.header span.itemprop ,
  286. .article h1.findHeader span.findSearchTerm ,
  287. .ipc-rating-star--maxRating ,
  288. .ipc-list-card__content a > div > div > div,
  289. .ipc-signpost.ipc-signpost--accent1.ipc-signpost--left-aligned + div ,
  290. .ipc-metadata-list-item__list-content-item--subText ,
  291. .ipc-title__description ,
  292. .ipc-chip.ipc-chip--on-base ,
  293. .ewdPHp ,
  294. .ipc-metadata-list-item__label ,
  295. .ipc-title__text ,
  296. .ipc-html-content.ipc-html-content--base>div ,
  297. .ipc-page-section.ipc-page-section--base.celwidget > div{
  298. color: #fff !important;
  299. }
  300.  
  301.  
  302. /* (new11) COLOR - TEXT GRAY SILVER */
  303.  
  304. div[class^="aux-content-widget-"]>table>tbody>tr>td ,
  305. .hide-seen>label ,
  306. #sidebar h2,
  307. #sidebar h3 ,
  308. h1,
  309. h2,
  310. h3 {
  311. color: silver !important;
  312. }
  313.  
  314.  
  315.  
  316. /* (new4) COLOR - TEXT GRAY */
  317. .cast_list .character ,
  318. .bigcell ,
  319. .allText ,
  320. .ReleaseNotesSummary_pageSection__9xB_g>div ,
  321. .documentation_pageContainer__jSal_ h3 ,
  322. .documentation_pageContainer__jSal_ h2 ,
  323. .documentation_pageContainer__jSal_ h1 ,
  324. .DocumentationPage_content__wXkMT h3 ,
  325. .DocumentationPage_content__wXkMT h2 ,
  326. .DocumentationPage_content__wXkMT h1 ,
  327. .ipc-page-grid__item.ipc-page-grid__item--span-2>h1 ,
  328. .sample-queries_heading__lOa1J ,
  329. p ,
  330. .documentation_topParagraph__huUSI ,
  331. .Products_column__KrTze.ColumnLayout_column__wUt7d>p ,
  332. .ipc-page-wrapper ,
  333. .Products_paragraphTexts__KIm98 p ,
  334. .Products_productText__7TVow ,
  335. .UseCases_title__4jv8P ,
  336. .ipc-html-content-inner-div>p ,
  337. .text-primary ,
  338. .lister-item-content span.text-primary ,
  339. .text-muted ,
  340. .subnav h4 ,
  341. .article h1.header ,
  342. .listo .header .nav .desc{
  343. color: gray !important;
  344. }
  345.  
  346. /* (new13) COLOR - TEXT - GOLD */
  347. .ipc-rating-star--base ,
  348. .ipc-title__subtext ,
  349. .gwBsXc ,
  350. .dbUarY ,
  351. .ktSkVi ul,
  352. .ipc-metadata-list.ipc-metadata-list--dividers-all.ipc-metadata-list--base{
  353. color: gold !important;
  354. }
  355.  
  356. /* COLOR - TXT / LINKS - PERU */
  357. #personal-details>p>span>time ,
  358. #personal-details>h3 ,
  359. .rightcornerlink form select.fixed ,
  360. .rightcornerlink span.filmo-show-hide-all ,
  361. a.jFeBIw ,
  362. a .esZWnh ,
  363. a {
  364. color: peru !important;
  365. }
  366. /* (new3) COLOR - BORDER - RED */
  367. .hWwhTB > .ipc-page-content-container.ipc-page-content-container--center {
  368. border-top: 1px solid red !important;
  369. }
  370.  
  371. /* (new3) COLOR - BOW SHADOW */
  372. .Cmihf {
  373. box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.3), 0px 0px 4px 1px rgba(0, 0, 0, 0.3) inset !important;
  374. }
  375.  
  376. /* 0- IMDB - ROOT - ALL:INITIAL === */
  377. #styleguide-v2, #styleguide-v2 #wrapper {
  378. margin: auto;
  379. min-width: 1008px;
  380. position: static;
  381. width: auto;
  382. all: initial !important;
  383. }
  384. /* END === COLOR - ALL === */
  385.  
  386. }
  387.  
  388.  
  389.  
  390.  
  391.  
  392.  
  393.  
  394.  
  395.  
  396.  
  397.  
  398.  
  399.  
  400.  
  401.  
  402.  
  403.  
  404.  
  405.  
  406.  

QingJ © 2025

镜像随时可能失效,请加Q群300939539或关注我们的公众号极客氢云获取最新地址