Greasy Fork is available in English.

IMDbetter

Minor tweaks for IMDb, like dark theme, sticky navbar, dark search form, thin scrollbar and dark scrollbar for dark elements.

ユーザースタイルとしてインストール?
作者が勧める他のスクリプト

Filmweb MegaTweakも気に入るかもしれません。

ユーザースタイルとしてインストール
このスクリプトの質問や評価の投稿はこちら通報はこちらへお寄せください。
  1. /* ==UserStyle==
  2. @name IMDbetter
  3. @namespace https://greasyfork.org/users/636724-cml99
  4. @version 1.3.0
  5. @description Minor tweaks for IMDb, like dark theme, sticky navbar, dark search form, thin scrollbar and dark scrollbar for dark elements.
  6. @description:pl Drobne zmiany dla IMDb, takie jak ciemny motyw, przypięty pasek nawigacji, ciemna szukajka, wąskie i ciemne suwaki.
  7. @author CML99
  8. @license CC-BY-NC-SA-4.0
  9. @preprocessor stylus
  10. @homepageURL https://greasyfork.org/scripts/405936-imdbetter
  11. @supportURL https://greasyfork.org/scripts/405936-imdbetter/feedback
  12. @var checkbox cmlFixNavbar "↸ Sticky Navigation Bar" 1
  13. @var checkbox cmlFixListEdit "↸ Sticky List Editor" 1
  14. @var checkbox cmlRates "☆ Rating Numbers" 1
  15. @var checkbox cmlCompact "⇲ Compact Sections" 1
  16. @var checkbox cmlThinBar "↕ Thin Scrollbar" 1
  17. @var checkbox cmlDarkBar "↕ Dark Scrollbar for Dark Sections" 1
  18. @var checkbox cmlDarkSearch "⌕ Dark Search Form" 1
  19. @var checkbox cmlDarkTheme "◑ Dark Theme" 1
  20. ==/UserStyle== */
  21.  
  22. @-moz-document domain("imdb.com") {
  23. /* --- Sticky Navigation --- */
  24. if cmlFixNavbar {
  25. #imdbHeader { position: fixed; }
  26. #wrapper, .ipc-page-wrapper { padding-top: 56px; }
  27. .ipc-page-wrapper { width: 80%; left: 10%; }
  28. .banner-container { margin-top: 56px; }
  29. .react-autosuggest__suggestions-list { max-height: 90vh; overflow: scroll; }
  30. .react-autosuggest__suggestion a[data-testid="search-result--link"] { padding: 3px 10px 2px; }
  31. .react-autosuggest__suggestions-list li { margin-bottom: 0.1rem; }
  32. #react-autowhatever-1--item-0 { border-top: 1px solid #575757; }
  33. .fdoimY ._2xcsB5_XEiRCOYGbWQ05C9__image, .kyROKQ ._2xcsB5_XEiRCOYGbWQ05C9__image, .fuSwbl ._3ANMP9u58MZGX_ZS9c20p__image { height: 3rem; }
  34. /* .ipc-media__img .ipc-image { width: auto; height: 100%; } */
  35. .fdoimY._2VTfSadvr91wa2jULYtbX2, .kyROKQ._2VTfSadvr91wa2jULYtbX2, .fuSwbl._2CEX84AP_A7x357bu9PzWS { display:none; }
  36. .react-autosuggest__suggestions-list li .flYZVb._2VTfSadvr91wa2jULYtbX2[data-testid="search-result--video"] { display: none; }
  37. .promoted-provider { display: none; }
  38. .ipc-scroll-to-top-button.visible { top: 4rem; }
  39. }
  40.  
  41. /* --- Sticky List Editor ---*/
  42. if cmlFixListEdit {
  43. @media screen and (min-width: 1360px) {
  44. .lister-edit .lister-edit-total { height: 50px; width: 515px; position: fixed; margin-left: 666px; margin-top: -54px; }
  45. .lister-edit .lister-edit-total .lister-edit-actions { display: flex; padding: 10px 0px; width: 232px; }
  46. .lister-edit .lister-edit-total .lister-edit-total-selection { display: flex; padding-left: 12px; width: 115px; }
  47. .lister-edit .lister-edit-total .lister-edit-total-selection .element-selected-total { margin-right: 5px; }
  48. .lister-edit .lister-edit-total .lister-save-order { display: flex; padding-left: 5px; }
  49. }
  50. }
  51.  
  52.  
  53. /* --- Dark Search Form --- */
  54. if cmlDarkSearch {
  55. #nav-search-form { background-color:#282828; }
  56. #suggestion-search-button { background-color: #282828; }
  57. #suggestion-search-button:hover { background-color: #444; }
  58. #suggestion-search-button .ipc-icon.ipc-icon--magnify { color: #ccc; }
  59. #suggestion-search-button:hover .ipc-icon.ipc-icon--magnify { color: #f5c518; }
  60. .search-category-selector .ipc-text-button.ipc-button--core-base.ipc-button--on-textPrimary:not(:disabled),
  61. .search-category-selector .ipc-outline-button.ipc-button--core-base.ipc-button--on-textPrimary:not(:disabled),
  62. #suggestion-search { color: #ddd; caret-color: #ccc; }
  63. #suggestion-search-container .ipc-btn__text { color: #ccc; }
  64. }
  65.  
  66. /* --- Rating --- */
  67. if cmlRates {
  68. .ipc-starbar .ipc-starbar__rating__button[aria-label="Rate 1"]::after { content: "1"; color: #aaa; }
  69. .ipc-starbar .ipc-starbar__rating__button[aria-label="Rate 2"]::after { content: "2"; color: #aaa; }
  70. .ipc-starbar .ipc-starbar__rating__button[aria-label="Rate 3"]::after { content: "3"; color: #aaa; }
  71. .ipc-starbar .ipc-starbar__rating__button[aria-label="Rate 4"]::after { content: "4"; color: #aaa; }
  72. .ipc-starbar .ipc-starbar__rating__button[aria-label="Rate 5"]::after { content: "5"; color: #aaa; }
  73. .ipc-starbar .ipc-starbar__rating__button[aria-label="Rate 6"]::after { content: "6"; color: #aaa; }
  74. .ipc-starbar .ipc-starbar__rating__button[aria-label="Rate 7"]::after { content: "7"; color: #aaa; }
  75. .ipc-starbar .ipc-starbar__rating__button[aria-label="Rate 8"]::after { content: "8"; color: #aaa; }
  76. .ipc-starbar .ipc-starbar__rating__button[aria-label="Rate 9"]::after { content: "9"; color: #aaa; }
  77. .ipc-starbar .ipc-starbar__rating__button[aria-label="Rate 10"]::after { content: "10"; color: #aaa; }
  78. }
  79.  
  80. /* --- Thin White Scrollbar --- */
  81. if cmlThinBar {
  82. * { scrollbar-width: thin; }
  83. :root { scrollbar-width: thin; scrollbar-color: #bbb #eee; }
  84. ::-webkit-scrollbar { width: 8px; }
  85. ::-webkit-scrollbar:horizontal { height: 8px; }
  86. ::-webkit-scrollbar-track { background-color: #eee; }
  87. ::-webkit-scrollbar-thumb { background-color: #bbb; }
  88. ::-webkit-scrollbar-thumb:hover { background-color: #999; }
  89. }
  90.  
  91. /* --- Dark Scrollbar for Dark Lists --- */
  92. if cmlDarkBar {
  93. .wlb_dropdown_list, .mediaviewer__footer, .ipc-promptable-dialog { scrollbar-color: #444 #222; }
  94. .wlb_dropdown_list::-webkit-scrollbar, .mediaviewer__footer::-webkit-scrollbar, .ipc-promptable-dialog::-webkit-scrollbar { width: 16px; }
  95. .wlb_dropdown_list::-webkit-scrollbar-track, .mediaviewer__footer::-webkit-scrollbar-track,
  96. .ipc-promptable-dialog::-webkit-scrollbar-track { background: #222; }
  97. .wlb_dropdown_list::-webkit-scrollbar-thumb, .mediaviewer__footer::-webkit-scrollbar-thumb,
  98. .ipc-promptable-dialog::-webkit-scrollbar-thumb { background: #111; }
  99. .wlb_dropdown_list::-webkit-scrollbar-thumb:hover, .mediaviewer__footer::-webkit-scrollbar-thumb:hover,
  100. .ipc-promptable-dialog::-webkit-scrollbar-thumb:hover { background: #555; }
  101. .wlb_dropdown_list::-webkit-scrollbar-thumb:active, .mediaviewer__footer::-webkit-scrollbar-thumb:active,
  102. .ipc-promptable-dialog::-webkit-scrollbar-thumb:active { background: #444; }
  103. }
  104. if cmlDarkBar and cmlThinBar {
  105. .wlb_dropdown_list, .mediaviewer__footer, .ipc-promptable-dialog { scrollbar-width: thin; scrollbar-color: #444 #222; }
  106. .wlb_dropdown_list::-webkit-scrollbar, .mediaviewer__footer::-webkit-scrollbar, .ipc-promptable-dialog::-webkit-scrollbar { width: 8px; }
  107. .wlb_dropdown_list::-webkit-scrollbar-track, .mediaviewer__footer::-webkit-scrollbar-track,
  108. .ipc-promptable-dialog::-webkit-scrollbar-track { background: #222; }
  109. .wlb_dropdown_list::-webkit-scrollbar-thumb, .mediaviewer__footer::-webkit-scrollbar-thumb,
  110. .ipc-promptable-dialog::-webkit-scrollbar-thumb { background: #111; }
  111. .wlb_dropdown_list::-webkit-scrollbar-thumb:hover, .mediaviewer__footer::-webkit-scrollbar-thumb:hover,
  112. .ipc-promptable-dialog::-webkit-scrollbar-thumb:hover { background: #555; }
  113. .wlb_dropdown_list::-webkit-scrollbar-thumb:active, .mediaviewer__footer::-webkit-scrollbar-thumb:active,
  114. .ipc-promptable-dialog::-webkit-scrollbar-thumb:active { background: #444; }
  115. }
  116.  
  117. }
  118.  
  119. @-moz-document url("https://www.imdb.com/"), url-prefix("https://www.imdb.com/?ref_="), url-prefix("https://www.imdb.com/imdbpicks/") {
  120. /* --- Dark Scrollbar for Home Page --- */
  121. if cmlDarkBar {
  122. :root { scrollbar-color: #444 #222; }
  123. ::-webkit-scrollbar { width: 16px; }
  124. ::-webkit-scrollbar-track { background: #222; }
  125. ::-webkit-scrollbar-thumb { background: #111; }
  126. ::-webkit-scrollbar-thumb:hover { background: #555; }
  127. ::-webkit-scrollbar-thumb:active { background: #444; }
  128. }
  129. if cmlDarkBar and cmlThinBar {
  130. * { scrollbar-width: thin; }
  131. :root { scrollbar-width: thin; scrollbar-color: #444 #222; }
  132. ::-webkit-scrollbar { width: 8px; }
  133. ::-webkit-scrollbar-track { background: #222; }
  134. ::-webkit-scrollbar-thumb { background: #111; }
  135. ::-webkit-scrollbar-thumb:hover { background: #555; }
  136. ::-webkit-scrollbar-thumb:active { background: #444; }
  137. }
  138.  
  139. }
  140.  
  141. @-moz-document domain("imdb.com") {
  142. /* --- Compact Sections --- */
  143.  
  144. if cmlCompact {
  145.  
  146. /* navbar */
  147. #imdbHeader { min-height: 2.5rem; }
  148. #imdbHeader #home_img_holder { width: 55px; height: 23px; }
  149. #imdbHeader .sc-gScZFl { height: 1.5rem; }
  150. #wrapper, .ipc-page-wrapper { padding-top: 45px; }
  151. .ipc-scroll-to-top-button.visible { top: 3rem; }
  152. #imdbHeader #suggestion-search-container { min-height: 2rem; }
  153. #imdbHeader #suggestion-search-button { top: 0.2rem; }
  154. #imdbHeader .imdb-header-search__input { padding: 0em 0px 0rem 0.5rem; }
  155. #imdbHeader #nav-search-form { height: 1.75rem; }
  156. #imdbHeader .ipc-btn--default-height { min-height: 1.75rem; }
  157. #imdbHeader .ipc-btn--theme-baseAlt.ipc-btn--on-textPrimary { height: 1.75rem; }
  158. #imdbHeader .nav__userMenu { margin-top: 0.25rem; }
  159.  
  160. /* movie title */
  161. .ipc-page-background--baseAlt {
  162. h1.sc-b73cd867-0 { font-size: 2rem; line-height: 2rem; margin-bottom: 0.25rem; }
  163. .sc-11c0820-2 { height: 2.25rem; }
  164. .sc-11c0820-0 .ipc-icon-button { padding: 0rem 0.75rem; }
  165. .sc-11c0820-0::before { margin-top: 0rem; }
  166. .sc-80d4314-1, .sc-db8c1937-0 { margin-bottom: 0.5rem; }
  167. .sc-a5e73ebf-1 { width: calc(23.25% - 2rem); }
  168. .sc-a5e73ebf-4 { width: calc(60.75% - 5rem); }
  169. .sc-a5e73ebf-4, .sc-a5e73ebf-5 { display: none; }
  170. .sc-83544c38-2 { min-height: 315px; }
  171. .gqsdZT .sc-83544c38-10 { margin-top: -19.75rem; margin-left: 14.5rem; }
  172. .gqsdZT .sc-83544c38-4 { width: 60%; }
  173. .gqsdZT .sc-83544c38-5 { width: 37%; padding-top: 0; }
  174. .sc-16ede01-8 { padding-top: 0; }
  175. .ipc-chip-list .ipc-chip, .ipc-chip-list .ipc-chip-dropdown, .ipc-chip-list .ipc-chip-group { margin-bottom: 0; }
  176. .sc-16ede01-4 + .sc-16ede01-6, .sc-16ede01-5 + .sc-16ede01-6 { margin-top: 0.5rem; }
  177. .sc-80d4314-1, .sc-db8c1937-0 { margin-bottom: 0.25rem; }
  178. .ipc-metadata-list__item { min-height: 2rem; padding-bottom: .5rem; }
  179. .ipc-metadata-list-item__label { padding: .5rem .75rem 0 0; }
  180. }
  181. /* actor */
  182. .ipc-page-background--baseAlt {
  183. h1.sc-856aec89-0 { font-size: 2rem; line-height: 2rem; }
  184. .sc-42428610-1 { height: 2.25rem; }
  185. .ipc-responsive-button--transition-xs { min-height: 1rem; }
  186. .sc-42428610-3 .ipc-icon-button { padding: 0rem 0.75rem; }
  187. .sc-42428610-3::before { margin-top: 0rem; }
  188. .sc-f88cd3ea-7 { width: calc(22.75% - 2rem); }
  189. .sc-f88cd3ea-8 { width: calc(60% - 5rem); }
  190. .sc-f88cd3ea-8, .sc-f88cd3ea-9 { display: none; }
  191. .bFkvIn .sc-f88cd3ea-6 { margin-top: -27rem; margin-left: 16rem; }
  192. .bFkvIn .sc-f88cd3ea-10 { width: 60%; }
  193. .bFkvIn .sc-f88cd3ea-11 { width: 37%; }
  194. }
  195. /* grid */
  196. .ipc-page-grid.ipc-page-grid--bias-left {
  197. .ipc-page-section { padding-top: 1rem; padding-bottom: 1rem; }
  198. .ipc-metadata-list__item { min-height: 1rem; padding-bottom: 0.5rem; }
  199. .ipc-metadata-list { margin-top: 0.25rem; }
  200. .ipc-metadata-list-item__label { padding: 0.25rem 0.75rem 0 0; }
  201. .ipc-title { margin-bottom: 0.5rem; padding: 0 1rem; }
  202. .ipc-title--category-title .ipc-title__text, .ipc-title--section-title .ipc-title__text { line-height: 1.5rem; font-size: 1.5rem; }
  203. .sc-82e774ee-10 { margin-top: 0; }
  204. .ipc-watchlist-ribbon--m { font-size: 1.5rem; width: 1.75rem; height: 2rem; }
  205. .sc-82e774ee-5 { margin-top: 0.5rem; }
  206. .ipc-list-card__actions { margin: -0.35rem -1rem -1rem; }
  207. .episodes-card-container + .episodes-browse-episodes { margin-top: 0.25rem; }
  208. .ipc-shoveler__arrow.ipc-pager { padding: 0.5rem .25rem; top: 33%; }
  209. .ipc-pager--left { left: 0.5rem; }
  210. .ipc-pager--right { right: 0.5rem; }
  211. .ipc-slate-card__title { font-size: 0.85rem; line-height: 1rem; }
  212. .sc-27d2f80b-0 { margin-top: 0.5rem; margin-bottom: 0.5rem; }
  213. .sc-27d2f80b-1 { font-size: 1.1rem; line-height: 1.1rem; }
  214. .ipc-overflowText.ipc-overflowText--height-long { max-height: calc(1.5em * 5); }
  215. .ipc-overflowText.ipc-overflowText--height-long .ipc-overflowText-overlay { top: calc((1.5rem * 5) - 3rem); }
  216. .ipc-chip-list { margin-top: 0.5rem; }
  217. .ipc-list-card--border-speech { margin: 0px 0px 1rem; }
  218. .sc-3a643f09-0 { padding: 0; }
  219. .ipc-rate-button { line-height: 1rem; min-height: 1rem; }
  220. .ipc-poster-card .ipc-poster-card__actions { padding-top: 0.5rem; }
  221. .ipc-poster-card { padding-bottom: 1rem; }
  222. .ipc-poster-card .ipc-poster { margin-bottom: .25rem; }
  223. .ipc-poster-card .ipc-btn__text { height: 24px; margin-top: -0.75rem; }
  224. .ipc-poster-card .ipc-icon-button, .ipc-poster-card .ipc-icon-link { padding: 1rem; bottom: 0.25rem; opacity: 0.5; }
  225. .both-card-actions > .card-action-button { bottom: 0.25rem; }
  226. .ipc-overflowText { line-height: 1.25rem; }
  227. .sc-f9342e04-1, .sc-f9342e04-7 { width: 50%; }
  228. .ipc-html-content--base { margin-bottom: 0.5rem; }
  229. .sc-f9342e04-9 { margin-bottom: 0.5rem; }
  230. .title-cast-item__avatar { min-width: 3.85rem; }
  231. a[data-testid="title-cast-item__actor"] { line-height: 1rem; }
  232. .title-cast-item__characters-list { margin-bottom: 0; }
  233. .title-cast-item__characters-list .ipc-inline-list { margin-top: 0; }
  234. .title-cast-item__eps-toggle__large { height: 22px; }
  235. .ipc-accordion__item__label { height: 2.25rem; }
  236. .ipc-accordion__item--expanded .ipc-accordion__item__header-shadow,
  237. .ipc-accordion__item--expanded .ipc-accordion__item__header-shadow-cover { top: 2.25rem; }
  238. }
  239. .ipc-shoveler__arrow.ipc-pager { padding: 0.5rem .25rem; top: 33%; }
  240. .sc-78242121-1 .ipc-page-section { padding: 0.5rem 0; }
  241. .imdb-footer { line-height: 1rem; padding: 0.1rem 0px; }
  242. .footer__socials { margin: 0px 0px !important; }
  243. .footer__logo { min-height: 10px !important; margin: 15px !important; }
  244. /* srx no fnd */.sc-17bafbdb-5 { padding: 1rem; }
  245. /* srx sum */ .sc-702cc87d-0 { font-size: 1.5rem; line-height: 1.5rem; }
  246. #bottom_ad_wrapper { display: none; }
  247. .a-spacing-double-large, .a-ws .a-ws-spacing-double-large { margin-bottom: 5px !important; }
  248. .a-spacing-extra-large, .a-ws .a-ws-spacing-extra-large { margin-bottom: 5px !important; }
  249. .a-spacing-top-extra-large { margin-top: 10px !important; }
  250. }
  251.  
  252. }
  253.  
  254. @-moz-document domain("imdb.com") {
  255. /* --- Dark Theme --- */
  256.  
  257. if cmlDarkTheme {
  258. :root { scrollbar-color: #444 #222; }
  259. ::-webkit-scrollbar { width: 16px; }
  260. ::-webkit-scrollbar-track { background: #222; }
  261. ::-webkit-scrollbar-thumb { background: #111; }
  262. ::-webkit-scrollbar-thumb:hover { background: #555; }
  263. ::-webkit-scrollbar-thumb:active { background: #444; }
  264. }
  265. if cmlDarkTheme and cmlThinBar {
  266. * { scrollbar-width: thin; }
  267. :root { scrollbar-width: thin; scrollbar-color: #444 #222; }
  268. ::-webkit-scrollbar { width: 8px; }
  269. ::-webkit-scrollbar-track { background: #222; }
  270. ::-webkit-scrollbar-thumb { background: #111; }
  271. ::-webkit-scrollbar-thumb:hover { background: #555; }
  272. ::-webkit-scrollbar-thumb:active { background: #444; }
  273. }
  274. if cmlDarkTheme {
  275. :root {
  276. --cml-color-yellow: #f5c518;
  277. --cml-color-link-normal: #3ca9ff;
  278. --cml-color-link-hover: #aadaff;
  279. --cml-color-link-visited: #aadaff;
  280. --ipt-on-base-accent2-color: #3ca9ff;
  281. }
  282.  
  283. #nav-search-form { background-color:#282828; }
  284. #suggestion-search-button { background-color: #282828; }
  285. #suggestion-search-button:hover { background-color: #444; }
  286. #suggestion-search-button .ipc-icon.ipc-icon--magnify { color: #ccc; }
  287. #suggestion-search-button:hover .ipc-icon.ipc-icon--magnify { color: var(--cml-color-yellow); }
  288. .search-category-selector .ipc-text-button.ipc-button--core-base.ipc-button--on-textPrimary:not(:disabled),
  289. .search-category-selector .ipc-outline-button.ipc-button--core-base.ipc-button--on-textPrimary:not(:disabled),
  290. #suggestion-search { color: #ddd; caret-color: #ccc; }
  291. .btn.primary, .btn2.primary { background: var(--cml-color-yellow); border-color: var(--cml-color-yellow); color: #000; }
  292. .btn.primary:hover, .btn2.primary:hover { background: #aaa; border-color: #aaa !important; color: #000; }
  293. .btn2 { background: #aaa; border-color: #aaa; color: #000; }
  294. .btn2:hover { background: #ccc; border-color: #ccc !important; color: #000; }
  295. .btn2:hover span { color: #000 !important; }
  296. a.btn, button.btn, input.btn { background: var(--cml-color-yellow); border-color: var(--cml-color-yellow); color: #000; }
  297. a.btn:hover, button.btn:hover, input.btn:hover { background:#aaa; border-color:#aaa !important; color:#000; }
  298. .btn.small { background-color: var(--cml-color-yellow); border-color: var(--cml-color-yellow); }
  299. .btn.small:hover { background-color: #aaa; border-color: #aaa !important; }
  300. .rec_actions .rec_next_btn .btn2, .rec_actions .rec_not_interested_btn .btn2 { background: #aaa; border-color: #aaa; }
  301. .rec_actions .rec_next_btn .btn2:hover,
  302. .rec_actions .rec_not_interested_btn .btn2:hover { background: #ccc; border-color: #ccc !important; }
  303. .cast-vote { background: var(--cml-color-yellow); border-color: var(--cml-color-yellow); }
  304. .cast-vote:hover { background: #aaa; border-color: #aaa !important; }
  305. .ipl-vote-button .ipl-vote-button__button { background: var(--cml-color-yellow); border-color: var(--cml-color-yellow); }
  306. .ipl-vote-button .ipl-vote-button__button:hover { background: #aaa; border-color: #aaa !important; }
  307. .poll.active .answer .vote .button { background: var(--cml-color-yellow); border-color: var(--cml-color-yellow); }
  308. .poll.active .answer .vote .button:hover { background: #ccc; border-color: #ccc !important; }
  309. a:link { color: var(--cml-color-link-normal); }
  310. a:hover { color: var(--cml-color-link-hover); }
  311. a:visited { color: var(--cml-color-link-visited); }
  312. hr { border-color: transparent; }
  313. h1 { color: #ccc; }
  314. h2, h3 { color: var(--cml-color-yellow); }
  315. h4 { color: #ccc; }
  316. #sidebar h2, #sidebar h3 { color: #ccc; }
  317. input { background-color: #111; border-color: transparent; }
  318. input { color: #ccc; }
  319. select { background-color: #181818; border: #444 1px solid; color: #ccc; }
  320. select option { background-color: #111; }
  321. [type="checkbox"], [type="radio"] { opacity: .5; }
  322. [type="checkbox"]:checked, [type="radio"]:checked { opacity: 1; }
  323. #root, p, .imdb-search-gateway__options p { color: #aaa; }
  324. .message_box .info { background-color: #111; }
  325. .message_box .info h2, .message_box .info p { color: #aaa; }
  326. button.primary, .linkasbutton-primary { background: var(--cml-color-yellow); border-color: var(--cml-color-yellow); }
  327. button.primary:hover, .linkasbutton-primary:hover { background: #ccc; border-color: #ccc; }
  328. #wrapper, #styleguide-v2, body, html { background-color: #181818 !important; }
  329. #pagecontent { background-color: #222; }
  330. .recently-viewed { border-color: #222; background-color: #000; }
  331. .article, .aux-content-widget-3, .aux-content-widget-2, .aux-content-widget-3, .article.on-tv, .aux-content-widget-4 {
  332. border-color: transparent;
  333. background: #111;
  334. color: #ccc;
  335. }
  336. #feedback-widget { background-color: transparent !important; }
  337. .article h1.findHeader { color: #ccc; }
  338. .article h1.findHeader span.findSearchTerm { color: #ddd; }
  339. .findResult { background-color: #111; border-color: transparent; }
  340. div.findMoreMatches { background-color: #222; color: #ccc; }
  341. div#findSubHeader span#findSubHeaderLabel { color: #ccc; }
  342. .imdb-search-gateway, #root.redesign { background-color: #222; }
  343. .ipl-input__input, .ipl-select__input, .ipl-select__marker { border-color: #aaa; color: #ccc; }
  344. .ipl-input__input:focus, .ipl-select__input:focus, .ipl-select__input:focus { border-color: var(--cml-color-link-normal); }
  345. .ipl-input__input:focus ~ .ipl-input__label, .ipl-select__input:focus ~ .ipl-input__label, .ipl-select__input:focus ~ .ipl-select__label, .ipl-select__input:focus ~ .ipl-select__marker { color: var(--cml-color-link-normal); }
  346. .ilm_help_button { filter: invert(75%); }
  347. .search-box { background-color: #111; border-color: transparent; }
  348. .search-bar-results { border-color: transparent; }
  349. .search_item { background-color: #111; }
  350. .search_item:hover { background-color: #111; }
  351. #content-2-wide #main { padding-bottom: 25px; }
  352. .nameSearch, .titleSearch { border-color: #111; background: #111; }
  353. #content-2-wide .main { background-color: #111; }
  354. div#content-2-wide { background-color: #222; }
  355. #signin-options .list-group-item, #signin-options a.list-group-item:hover, a.list-group-item:focus {
  356. background-color: #222;
  357. border-color: #222;
  358. }
  359. #content-2-wide::before { background-color: #1d1d1d; border-color: transparent; }
  360. #signin-options .list-group-item:hover, #signin-options a.list-group-item:hover, a.list-group-item:focus {
  361. background-color: #111;
  362. border-color: #111;
  363. color: #ccc;
  364. }
  365. .auth-provider-text { color: #aaa; }
  366. #signin-options .list-group-item.create-account:hover { background-color: #ccc; border-color: #ccc; }
  367. #signin-perks { border-color: transparent; }
  368. #gatsby-focus-wrapper .ipc-page-wrapper--base { background-color: #111; }
  369. .UseCases-module--section--3kg4Y, .GetStarted-module--section--6j7-w { background-color: #111; }
  370. .Products-module--section--1rYnf { background-color: #222; }
  371. .ipc-link--base, .ipc-link--base:focus, .ipc-link--base:hover, .ipc-link--base:visited, a.ipc-link--base:link {
  372. color: var(--cml-color-link-hover);
  373. }
  374. .Products-module--card--3RMih { background-color: #111; }
  375. .a-ws.a-js.a-audio.a-video.a-canvas.a-svg.a-drag-drop.a-geolocation.a-history.a-webworker.a-autofocus.a-input-placeholder.a-textarea-placeholder.a-local-storage.a-gradients.a-transform3d.a-touch-scrolling.a-text-shadow.a-text-stroke.a-box-shadow.a-border-radius.a-border-image.a-opacity.a-transform.a-transition.null, .a-box .a-divider.a-divider-section .a-divider-inner::after, .a-color-base-background .a-divider.a-divider-section .a-divider-inner::after, .a-divider.a-divider-section .a-divider-inner::after, .a-box {
  376. background: #111;
  377. border-color: transparent;
  378. color: #ccc;
  379. }
  380. .a-color-secondary, .a-label.a-checkbox-label, .a-alert-content { color: #aaa !important; }
  381. #remember_me_learn_more_link .a-icon-popover { filter: invert(100%); }
  382. .a-popover-wrapper { border-color: transparent; }
  383. .a-popover-header { background: #111; border-color: transparent; }
  384. .a-popover-inner { background-color: #222; }
  385. .a-popover.a-arrow-top .a-arrow { border-top-color: #444; }
  386. .a-button-primary, .a-button-primary .a-button-inner {
  387. background: var(--cml-color-yellow) !important;
  388. border-color: var(--cml-color-yellow) !important;
  389. }
  390. .a-button-primary:hover, .a-button-primary .a-button-inner:hover {
  391. background: #ccc !important;
  392. border-color: #ccc !important;
  393. color: #000 !important;
  394. }
  395. .a-box .a-divider.a-divider-break::after, .a-color-base-background .a-divider.a-divider-break::after, .a-divider.a-divider-break::after { border-color: transparent !important; }
  396. .a-box .a-divider.a-divider-break h5, .a-color-base-background .a-divider.a-divider-break h5, .a-divider.a-divider-break h5 {
  397. background-color: #111;
  398. color: #aaa;
  399. }
  400. #auth-create-account-link { border-color: transparent; }
  401. #auth-create-account-link .a-button-inner { background: #111 !important; }
  402. #auth-create-account-link .a-button-inner:hover { background: #222 !important; }
  403. #createAccountSubmit { color: #ccc; }
  404. #logged_out_header, #logged_out_header .a-section {
  405. background-color: #444;
  406. border-color: transparent;
  407. }
  408. #imdb_pro_login_popover { color: #fff; }
  409. #imdb_pro_login_popover .a-icon-popover { filter: invert(100%); opacity: 1; }
  410. #login_buttons { background-color: #222; }
  411. .add-image-container { background-color: #222; }
  412. ul.quicklinks li.subnav_selected { background-color: #282828; }
  413. ul.quicklinks li.subnav_selected a, ul.quicklinks li.subnav_selected a:visited { color: #aaa; }
  414. .subnav h4 { color: #ccc; }
  415. .recently-viewed .header h3, h3 .nobr { color: #aaa; }
  416. .share_icon { filter: opacity(75%); }
  417. .ilm_notice { background-color: #222; color: #aaa; border-color: transparent; }
  418. .listo .header .nav { background: #111; border-color: transparent; }
  419. .listo .header .nav .desc, h4.li_group { color: #aaa; }
  420. h4.li_group::before { border-color: transparent; }
  421. .even { background-color: #181818; border-color: transparent; }
  422. .odd { background-color: #282828; border-color: transparent; }
  423. .ipl-input__label, .ipl-select__label { color: #aaa; }
  424. .text-muted, .lister .lister-controls .lister-control-group .lister-control-label { color: #aaa; }
  425. .item-privacy-lock .path { fill: #ccc; }
  426. .lister .header { background: #111; border-color: transparent; }
  427. .lister .lister-controls .lister-control-group .lister-control-sprite, .lister-widget-sprite { filter: invert(100%); }
  428. .lister .lister-controls .lister-control-group select { background-color: #181818; border-color: #444; }
  429. .overflow-menu .circle { background: #444; }
  430. .overflow-menu:hover .circle { background: #222; }
  431. .overflow-menu:hover svg { fill: #aaa; }
  432. .overflow-menu .ui-dialog { background-color: #222; }
  433. .overflow-menu .pop-up-menu-list-item-link { color: #aaa; }
  434. .overflow-menu .pop-up-menu-list-item-link:hover { background-color: #111; color: #ccc; }
  435. .lister-item.mode-grid > .lister-item-content { background-color: #222; }
  436. .text-primary, .list_meta { color: #aaa; }
  437. .lister-widget .lister-header .nav, .lister-widget .lister-controls .nav { background-color: #222; border-color: transparent; }
  438. .lister-widget .lister-header h1 { color: #aaa; }
  439. .lister-widget .lister-control-group select, .lister-widget .header-actions select, .lister-edit .lister-control-group select {
  440. background-color: #181818;
  441. border-color: #444;
  442. color: #aaa;
  443. }
  444. .lister-widget .lister-control-group .button, .lister-widget .lister-control-group button,
  445. .lister-widget .header-actions .button, .lister-widget .header-actions button {
  446. border-color: transparent;
  447. color: #aaa;
  448. }
  449. .lister-widget .lister-controls .lister-controls-expand { border-color: transparent; }
  450. .lister-widget .empty-react-watchlist .explore-prompt { color: #aaa; }
  451. .lister-widget .header-actions .button:hover::before, .lister-widget .header-actions .button:focus::before, .lister-widget .header-actions .button:active::before, .lister-widget .header-actions button:hover::before, .lister-widget .header-actions button:focus::before, .lister-widget .header-actions button:active::before { background-color: #444; }
  452. .lister-edit-form { background-color: #111; }
  453. .lister-edit .lister-header, .lister-edit .lister-controls, .lister-edit .lister-edit-total { background-color: #282828; border-color: transparent; }
  454. .global-sprite.lister-sort-reverse.descending { filter: invert(75%); }
  455. .lister-edit-form .list-edit-settings { color: var(--cml-color-link-normal); }
  456. .lister-edit-form .list-edit-settings:hover { color: var(--cml-color-link-hover); }
  457. .lister-edit .lister-list.mode-edit .lister-item .lister-item-edit, .lister-edit .lister-edit-total,
  458. .lister-edit .lister-list.mode-edit .lister-item .lister-item-content,
  459. .lister-edit .lister-list.mode-edit .lister-item .lister-item-preview,
  460. .lister-edit .lister-list.mode-edit .lister-item .list-item-age { border-color: transparent; }
  461. .lister-edit .lister-list .lister-item:nth-child(2n+1) { background-color: #222; }
  462. .lister-edit .edit.item-edit-description textarea { color: #aaa; }
  463. .ipl-ratings-bar .ratings-user-rating .user-rating-value.rating-not-rated .ipl-star-border-icon { color: #aaa; }
  464. .ipl-star-bar-widget .rating-widget-bar { background-color: #444; border-color: transparent; }
  465. #cboxContent { background-color: #222; color: #aaa; }
  466. .help-icon { fill: #ccc; }
  467. .list-actions-cbox .verify a, .list-actions-cbox .verify input[type="submit" i] { color: var(--cml-color-link-normal); }
  468. .list-actions-cbox .verify a:hover, .list-actions-cbox .verify input[type="submit" i]:hover { color: var(--cml-color-link-hover); }
  469. .list-actions-cbox .message { color: #aaa; }
  470. .lister-search .search-bar .search-bar-input { background-color: #222; }
  471. .lister-search .search-bar { background-color: var(--cml-color-yellow); }
  472. .lister-search .search-bar .search-bar-label { color: #111; }
  473. .lister-search .search-bar .search-bar-input-icon { fill: #aaa; }
  474. .lister-search .results { background-color: #111; border-color: transparent; }
  475. .lister-search .search_item:hover { background-color: #222; }
  476. .lister-widget .lister-item-age, .lister-widget .lister-item-details,
  477. #wrapper .lister-widget .lister-details,
  478. .lister-widget .lister-header .nav-right .lister-sort-by-container .lister-sort-by-label,
  479. .lister-widget .lister-controls .nav-right .lister-sort-by-container .lister-sort-by-label,
  480. .lister-widget .ratings-metascore-description { color: #aaa; }
  481. .lister-widget .star-rating-value, .lister-widget .ratings-bar > div { color: #ccc; }
  482. #wrapper .lister-widget .lister-item-credits > a, #wrapper .lister-widget .lister-item-header > a,
  483. #wrapper .lister-widget .lister-item .title-grid { color: var(--cml-color-link-normal); }
  484. #wrapper .lister-widget .lister-item-credits > a:hover,
  485. #wrapper .lister-widget .lister-item-header > a:hover,
  486. #wrapper .lister-widget .lister-item .title-grid:hover { color: var(--cml-color-link-hover); }
  487. #wrapper .lister-widget .lister-item .lister-item-content .plot::after { background-color: #111; }
  488. #wrapper .lister-widget .export { border-color: 666; }
  489. .lister-widget .metascore { color: #000; }
  490. .element-check-wrapper label::before { background-color: #111; border-color: transparent; }
  491. .ipl-ratings-bar .ratings-imdb-rating .ratings-total-votes { color: #999; }
  492. .faceter > .faceter-header { background-color: #222; border-color: transparent; }
  493. .faceter > .faceter-content { background-color: #222; border-color: transparent; }
  494. .faceter > .faceter-content > .faceter-categories > ul > li:hover, .faceter > .faceter-content > .faceter-categories > ul > li.active,
  495. .faceter > .faceter-content > .faceter-facets, .faceter > .faceter-header > .facets-active > .facet {
  496. background-color: #111;
  497. border-color: transparent;
  498. }
  499. .faceter > .faceter-header > .expand { color: var(--cml-color-link-normal); }
  500. .faceter > .faceter-header > .expand:hover { color: var(--cml-color-link-hover); }
  501. .faceter > .faceter-content > .faceter-facets > .faceter-fieldset > fieldset > label { color: #aaa; }
  502. .faceter > .faceter-content > .faceter-facets > .faceter-fieldset > fieldset > .faceter-search-btn {
  503. background: var(--cml-color-yellow);
  504. border-color: var(--cml-color-yellow);
  505. }
  506. .faceter > .faceter-content > .faceter-facets > .faceter-fieldset > fieldset > .faceter-search-btn:hover {
  507. background: #aaa;
  508. border-color: #aaa !important;
  509. }
  510. .lister-item.mode-advanced:nth-child(2n+1), .lister-item.mode-advanced.nth-child-odd, .lister-item.mode-detail:nth-child(2n+1), .lister-item.mode-detail.nth-child-odd, .lister-item.mode-simple:nth-child(2n+1), .lister-item.mode-simple.nth-child-odd {
  511. background-color: #222;
  512. }
  513. .lister-item.mode-advanced:nth-child(2n), .lister-item.mode-advanced.nth-child-even, .lister-item.mode-detail:nth-child(2n), .lister-item.mode-detail.nth-child-even, .lister-item.mode-simple:nth-child(2n), .lister-item.mode-simple.nth-child-even {
  514. background-color: #181818;
  515. }
  516. .lister-item.mode-detail .lister-item-content .ratings-metascore,
  517. .lister-item.mode-grid .lister-item-content .ratings-metascore { color: #aaa; }
  518. .lister-item .metascore { color: #000; }
  519. .global-sprite.lister-sort-reverse, .global-sprite.lister-mode { filter: invert(75%); }
  520. div.show_less, div.show_more { color: var(--cml-color-link-normal); }
  521. div.show_less:hover, div.show_more:hover { color: var(--cml-color-link-hover); }
  522. div.list_public, div.discussions_shown, div.byline, table.chart th, span.secondaryInfo { color: #aaa; }
  523. table.chart tbody tr:nth-child(2n+1) { background-color: #222; border-color: transparent; }
  524. table.chart tbody tr:nth-child(2n) { background-color: #181818; border-color: transparent; }
  525. .ab_links a.selected { background-color: #282828; }
  526. .dropdown.open > .dropdown-menu, .dropdown.open > .dropdown-overlay { background: #222; }
  527. #title-social-sharing-widget .dropdown-menu-item, #social-sharing-widget .dropdown-menu-item { border-color: transparent; }
  528. .dropdown-menu-item > a:hover, .dropdown-menu-item > a:focus, .dropdown-menu-item > a:active, .dropdown-menu-item > button:hover, .dropdown-menu-item > button:focus, .dropdown-menu-item > button:active { background-color: #111; }
  529. #title-social-sharing-widget .share-link-descriptor, #social-sharing-widget .share-link-descriptor { color: #aaa; }
  530. #social-sharing-widget .share-button-title { color: #aaa !important; }
  531. .message_box .alert { background-color: #111; }
  532. .message_box .alert p { color: #aaa; }
  533. #avatar-frame { background-color: #111; border-color: transparent; }
  534. .badge-frame .name, .user-profile .ratings .title-list span { color: #aaa; }
  535. #profile-checklist { background-color: #111; }
  536. .user-profile .widget.ratings .sharing.unshared { background-color: #222; }
  537. .user-profile .histogram-horizontal .bar, .user-profile .histogram-vertical .bar { background-color: #aaa; }
  538. .user-profile .histogram-horizontal .bar:hover, .user-profile .histogram-vertical .bar:hover { background-color: var(--cml-color-yellow); }
  539. .toggle-overflow-button.collapsed > .show-more { color: var(--cml-color-link-normal); }
  540. .toggle-overflow-button.collapsed > .show-more:hover { color: var(--cml-color-link-hover); }
  541. .ipl-zebra-list .ipl-zebra-list__item:nth-of-type(odd) { background-color: #222; }
  542. .ipl-zebra-list .ipl-zebra-list__item:nth-of-type(even) { background-color: #1a1a1a; }
  543. .ipl-zebra-list .ipl-zebra-list__item { border-color: transparent; }
  544. .overflow-menu .vertical-ellipsis svg { fill: #ddd; }
  545. .overflow-menu .vertical-ellipsis:hover svg { fill: #aaa; }
  546. .user-profile .list-meta { color: #aaa; }
  547. .rec_nav a:not(:hover) { color: var(--cml-color-link-normal); }
  548. a.rec_nav_disabled, a.rec_nav_disabled:hover { color: #ccc !important; }
  549. .rec_details .rec-jaw-upper { background-color: #111; }
  550. .rating-list { border-color: transparent; background-color: #444; }
  551. .rating-rating { color: var(--cml-color-yellow); }
  552. .rec_details .rec-jaw-lower, .rec_details .rec-jaw-lower > .rec-jaw-teeth { background: #111; }
  553. .rec_details .rec-ellipsis::before { display: none; }
  554. .rightcornerlink, .see-more { border-color: transparent; }
  555. #biography-errors-popover .header, #edit-avatar-popover .header { background-color: #181818; color: #aaa; border-color: transparent; }
  556. .user-profile #biography-errors-popover, .user-profile #edit-avatar-popover,
  557. .user-profile .ratings #sharing-popover { background-color: #222; }
  558. .heroic-overview { background-color: #222; }
  559. #top_rhs_after, .article.on-tv, .aux-content-widget-2, .aux-content-widget-3, .aux-content-widget-4, .mini-article { border-color: transparent; }
  560. .news_item small, .heroic-overview .titleReviewBar .subText { color: #aaa; }
  561. .heroic-overview .plot_summary_wrapper, .heroic-overview .titleReviewBar .divider, .pro_title_link_with_separator { border-color: transparent; }
  562. .heroic-overview .titleReviewBar .metacriticScore { color: #000; }
  563. #content-2-wide #main .article, #content-2-wide .main .article { border-color: transparent; }
  564. .redesign .article.highlighted { background-color: #111; }
  565. .see-more a span.itemprop { color: var(--cml-color-link-normal); }
  566. .see-more a:hover span.itemprop { color: var(--cml-color-link-hover); }
  567. .imdbRatingStyle1 { background-color: #181818; border-color: transparent; color: #ccc; }
  568. .imdbRatingPlugin span.ofTen { color: #aaa; }
  569. #ratingPluginHTML textarea { background-color: #222; color: #aaa; border-color: transparent; }
  570. .ipl-itemcount-header { background: #222; }
  571. .ipl-list-title, .cast_list .character, #root table.labelValueTable td.label,
  572. .listo .sort-controls, .listo #keywords_content select { color: #aaa; }
  573. .ipl-list-title::after { border-color: transparent; }
  574. .soda:hover, .soda-hovered, .content-advisories-index .advisory-severity-vote .advisory-severity-vote__container:hover.ipl-zebra-list__item {
  575. background-color: #111 !important;
  576. }
  577. .ipl-zebra-list .ipl-zebra-list__label, .content-advisories-index .advisory-severity-vote .advisory-severity-vote__container .advisory-severity-vote__title, .imdb-user-review .title, .lister-controls, .lister .header, .imdb-user-review .ipl-ratings-bar .point-scale {
  578. color: #aaa;
  579. }
  580. .lister-controls .lister-controls-group select { background-color: #222; border-color: transparent; }
  581. .imdb-user-review .text { border-color: transparent; }
  582. .lister-list .lister-item:nth-child(2n) .gradient-container { background: linear-gradient(rgba(251,251,251,0), #181818); }
  583. .lister-list .lister-item:nth-child(2n+1) .gradient-container { background: linear-gradient(rgba(251,251,251,0), #222); }
  584. .title-ratings-sub-page .sectionHeading { color: var(--cml-color-yellow); }
  585. .title-ratings-sub-page .tableHeadings, .title-ratings-sub-page .bigcell { color: #aaa; }
  586. .title-ratings-sub-page td.Selected { background: #222; }
  587. .crits_results tr:hover { background-color: #111; }
  588. .critscore { color: #ccc; }
  589. .aux-content-widget-2.theaters-near-you { background: #111; }
  590. .message_box .alert h2 { color: var(--cml-color-yellow); }
  591. div.datepicker a { background: #222; border-color: transparent; color: #aaa; }
  592. div.datepicker a:hover { background: #282828 !important; border-color: transparent; color: #aaa; }
  593. div.datepicker a.selected, .article div.options div.datepicker a.selected:hover {
  594. background: #181818;
  595. border-color: transparent;
  596. color: #aaa;
  597. }
  598. .st-title-overview-widget-layout .outline, .st-title-overview-widget-layout .txt-block,
  599. p.cert-runtime-genre, .rating_txt, .list_item div.address, h5.inline { color: #aaa; }
  600. .title-trailer { color: #000 !important; }
  601. .message_box .alert .pointer-down { border-top-color: #111; }
  602. .poll.ask .answer h3, .plugins h3 { color: #ccc; }
  603. .plugins ul { border-color: transparent; background-color: #444; }
  604. .plugins .legalMsg, .plugins #ratingPluginHTML { background-color: #181818; border-color: transparent; }
  605. .article h1 { border-color: transparent; }
  606. a.banner-link, a.banner-link:hover, a.banner-link:active { color: #000; }
  607. .ipc-page-background--base { background-color: #111; }
  608. .ipc-page-section--base { background-color: #222; }
  609. .ipc-metadata-list--base .ipc-metadata-list-item__label--link, .ipc-metadata-list-item__icon-link { color: #ccc; }
  610. .ipc-metadata-list--base .ipc-metadata-list-item__label--link:hover, .ipc-metadata-list--base .ipc-metadata-list-item--link:hover .ipc-metadata-list-item__label--link, .ipc-metadata-list--base .ipc-metadata-list-item__icon-link:active { color: var(--cml-color-yellow); }
  611. .ipc-metadata-list-item__icon-link svg { fill: #ccc; }
  612. .ipc-metadata-list-item__icon-link:hover svg { fill: var(--cml-color-yellow); }
  613. .ipc-inline-list__item, .ipc-title.ipc-title--base .ipc-title__description, .ipc-title.ipc-title--base .ipc-title__subtext, .ipc-btn--theme-base:not(:disabled).ipc-btn--on-textSecondary, .ipc-btn--theme-base:not(:disabled).ipc-btn--on-textSecondary .ipc-split-button__btn, .ipc-btn--theme-base:not(:disabled).ipc-btn--on-textSecondary .ipc-split-button__iconBtn, .hfgGvO, .ipc-metadata-list--base .ipc-metadata-list-item__icon-link, .ipc-metadata-list--base .ipc-metadata-list-item__label--link:hover, .ipc-metadata-list--base .ipc-metadata-list-item__label--link:active, .ipc-metadata-list--base .ipc-metadata-list-item__list-content-item--subText, .ipc-metadata-list--base .ipc-metadata-list-item--link:hover .ipc-metadata-list-item__label--link, .bZmQT { color: #aaa; }
  614. .ipc-list-card--base { background-color: #111; }
  615. .ipc-text-button.ipc-button--core-base.ipc-button--on-textPrimary:not(:disabled), .ipc-outline-button.ipc-button--core-base.ipc-button--on-textPrimary:not(:disabled) { color: #ccc; }
  616. .eyqFnv, .ipc-metadata-list--base .ipc-metadata-list-item__list-content-item--link,
  617. .gNIoRJ.pro-upsell--light .pro-upsell__label { color: var(--cml-color-link-normal); }
  618. .eyqFnv:hover, .ipc-metadata-list--base .ipc-metadata-list-item__list-content-item--link:hover,
  619. .gNIoRJ.pro-upsell--light .pro-upsell__label:hover { color: var(--cml-color-link-hover); }
  620. .fswvJC .title-cast-item__characters { color: var(--cml-color-link-hover); }
  621. .gNIoRJ.pro-upsell--light .pro-upsell__logo { color: #ccc; }
  622. .ipc-link__launch-icon { fill: #ccc; }
  623. .ipc-metadata-list--base .ipc-metadata-list__item { border-color: transparent; }
  624. .ipc-poster-card--base { background-color: #111; }
  625. .ipc-rating-star--base, .ipc-icon-link--base, .ipc-icon-button--base, .ipc-html-content--base { color: #aaa; }
  626. .ipc-secondary-button.ipc-button--core-base:not(:disabled) { color: var(--cml-color-link-normal); }
  627. .ipc-icon-link--base:hover, .ipc-icon-button--base:hover { color: #ccc; }
  628. .ipc-chip--on-base, .ipc-chip--on-base:hover, .ipc-chip--on-base:active, .ipc-chip--on-base:focus,
  629. .ipc-chip--on-baseAlt, .ipc-chip--on-baseAlt:hover, .ipc-chip--on-baseAlt:active, .ipc-chip--on-baseAlt:focus { border-color: #444; }
  630. .ipc-chip--on-base { color: var(--cml-color-link-normal); }
  631. .ipc-chip--on-base:hover { color: var(--cml-color-link-hover); }
  632. .ipc-metadata-list-item__label { color: #ccc; }
  633. .ipc-overflowText.ipc-overflowText--base.ipc-overflowText--listCard .ipc-overflowText-overlay { background: linear-gradient(to bottom, rgba(251,251,251,0), #111); }
  634. .ipc-overflowText.ipc-overflowText--base.ipc-overflowText--listCard .ipc-overflowText-overlay__affordance { background: #111 !important; }
  635. .ipc-overflowText.ipc-overflowText--base.ipc-overflowText--listCard .ipc-overflowText-overlay__affordance path:nth-child(2) { fill: #ccc; }
  636. .ipc-overflowText.ipc-overflowText--base.ipc-overflowText--listCard:hover .ipc-overflowText-overlay__affordance path:nth-child(2) {
  637. fill: #aaa;
  638. }
  639. .ipc-overflowText.ipc-overflowText--base.ipc-overflowText--pageSection .ipc-overflowText-overlay { background: linear-gradient(to bottom, rgba(251,251,251,0), #222); }
  640. .ipc-overflowText.ipc-overflowText--base.ipc-overflowText--pageSection .ipc-overflowText-overlay__affordance { background: #222; }
  641. .ipc-overflowText--pageSection > div:nth-child(2) > svg:nth-child(1) > path:nth-child(2) { fill: #ccc; }
  642. .cMFFlc { color: #aaa; }
  643. .ipc-html-content--base a { color: var(--cml-color-link-normal); }
  644. .ipc-html-content--base a:hover, .ipc-html-content--base a:focus, .ipc-html-content--base a:visited { color: var(--cml-color-link-hover); }
  645. .bA-dHai { color: #ccc; }
  646. .ipc-voting__label { color: #aaa; }
  647. .ipc-list-card--base.ipc-list-card--border-speech::after { background: #111; }
  648. .ipc-text-button.ipc-button--core-base.ipc-button--on-accent2:not(:disabled), .ipc-outline-button.ipc-button--core-base.ipc-button--on-accent2:not(:disabled) { color: var(--cml-color-link-normal); }
  649. .heroic-overview #quicklinksBar span { color: var(--cml-color-link-normal); }
  650. #title-social-sharing-widget .dropdown-menu-item .checkin-menu-item:hover span { color: var(--cml-color-link-hover); }
  651. #title-social-sharing-widget .dropdown-menu-item .checkin-menu-item:hover { background-color: #111; }
  652. .auth-input-container .auth-button-link { background-color: #222; color: #ccc !important; }
  653. .auth-input-container .auth-button-link:hover { background-color: #444; }
  654. .auth-input-container .auth-button-link.auth-button--primary:not(:hover) { color: #000 !important; }
  655. .multiline { border-color: transparent; background-color: #222; color: #aaa; }
  656. .a-input-text, input[type="text"], input[type="number"], input[type="tel"], input[type="password"], input[type="date"], input[type="email"], input[type="search"] { background-color: #222; }
  657. .a-unordered-list.a-box-list li, ul.a-box-list li { border-color: transparent; }
  658. .a-button .a-button-inner { background: #444; }
  659. .a-button:hover .a-button-inner { background: #444; }
  660. .a-button .a-button-text { color: #ccc; }
  661. #auth-cnep-done-button { color: #000; }
  662. .pretty_btn { color: #000; background-color: var(--cml-color-yellow); }
  663. .pretty_btn:hover { background-color: #aaa; }
  664. .account_information p { color: #aaa; }
  665. #a-autoid-0 #a-autoid-0-announce, #a-autoid-1-announce { color: #000 !important; }
  666. .ipc-metadata-list--baseAlt .ipc-metadata-list-item__list-content-item--link,
  667. a.ipc-link--baseAlt:link, .ipc-link--baseAlt { color: var(--cml-color-link-normal); }
  668. .ipc-metadata-list--baseAlt .ipc-metadata-list-item__list-content-item--link:hover,
  669. a.ipc-link--baseAlt:link:hover, .ipc-link--baseAlt:hover { color: var(--cml-color-link-hover); }
  670. .top-rated-link { color: #000 !important; }
  671. .news-sidebar-widget__title, .news-similar-widget__title { color: var(--cml-color-yellow); }
  672. .compact-news-item__detail, .news-article .news-article__footer-detail-link:not(:hover) { color: #aaa; }
  673. h1, .article h1.header span.itemprop { color: #ccc; }
  674. #bottom_ad_wrapper { background-color: #111; }
  675. .article.name-overview, td#img_primary img { border-color: transparent; }
  676. div.infobar a span.itemprop { color: var(--cml-color-link-normal); }
  677. div.infobar a:hover span.itemprop { color: var(--cml-color-link-hover); }
  678. #prometer { background-color: #333; border-color: transparent; box-shadow: none; }
  679. #prometer #meterRank { background-color: #333; }
  680. #prometer.down #meterChange { color: #ff4444; }
  681. #prometer #meterChangeRow { border-color: transparent; }
  682. #name-pro-info #name-pro-info-redesign strong { color: #ccc; }
  683. table#name-overview-widget-layout td#overview-middle div.pro-list .pro-list-title { background-color: #111; }
  684. table#name-overview-widget-layout td#overview-middle div.pro-list, table#title-overview-widget-layout td#overview-bottom div.pro-list, table#title-overview-widget-layout td#overview-bottom div.pro-list-wide, table#title-overview-widget-layout td#overview-bottom div.pro-list-watchlist, table#title-overview-widget-layout td#overview-bottom div.pro-list-no-trailer-watchlist { border-color: transparent; }
  685. a:hover span { color: #ccc !important; }
  686. #knownfor span.knownfor-ellipsis, .rightcornerlink span.filmo-show-hide-all { color: #aaa; }
  687. #filmography .head { background: #333; border-color: transparent; color: var(--cml-color-yellow) !important; text-shadow: none !important; }
  688. #filmography .head:hover { background: #222; }
  689. #filmography .head span { color: var(--cml-color-link-normal); }
  690. #filmography .head span { color: var(--cml-color-link-normal); }
  691. img.absmiddle { filter: invert(50%) brightness(130%); }
  692. .ipc-secondary-button.ipc-button--core-base.ipc-button--on-textPrimary:not(:disabled) { color: #ccc; }
  693. .redesign .article.highlighted { border-color: transparent; background-color: var(--cml-color-yellow); color: #000; }
  694. .redesign .article.highlighted a { color: #000; font-weight: bold; }
  695. .titlePageSprite { filter: invert(100%); }
  696. span.award_category, span.title_year, span.production_role { color: #aaa; }
  697. .ipl-load-more .ipl-load-more__button { background-color: #222; color: #aaa; border-color: transparent; }
  698. .ipl-load-more .ipl-load-more__button:hover { background-color: #181818; }
  699. .a-dropdown-common .a-dropdown-link.a-active { background-color: #222; border-color: transparent; color: #aaa; }
  700. .a-dropdown-common .a-dropdown-item:focus .a-dropdown-link.a-active, .a-dropdown-common .a-dropdown-item:hover .a-dropdown-link.a-active { background-color: #111; border-color: transparent; color: #ccc; }
  701. .a-color-secondary, .a-color-tertiary { color: #aaa !important; }
  702. .article h1.header span { color: #aaa; }
  703. #a-autoid-0 #a-autoid-0-announce:hover span, #a-autoid-0-announce { color: #000 !important; }
  704. .listo ul.list_tabs li.active a { background-color: #181818; border-color: transparent; color: #ccc; }
  705. .listo ul.list_tabs a { background-color: #222; border-color: transparent; color: #aaa; }
  706. .listo ul.list_tabs { border-color: transparent; }
  707. .event-header { background-color: #222; }
  708. .event-all-header .event-header__subtitle { color: #aaa; }
  709. .fkUPNi, .fGQA-Dg, .jtMAVD, .ipc-rating-star--base .ipc-rating-star--maxRating,
  710. .ipc-rating-star--base .ipc-rating-star--voteCount { color: #aaa; }
  711. .ipc-icon--inline path:nth-child(2) { fill: #aaa; }
  712. .ipc-rate-button--unrated:hover .ipc-rating-star--base { color: #ccc !important; }
  713. .ipc-watchlist-ribbon--base .ipc-watchlist-ribbon__bg-ribbon { fill: #333; }
  714. .seasonAndYearNav { background: #111; border-color: transparent; }
  715. .ipl-rating-star__total-votes, .eplist .airdate { color: #aaa; }
  716. .sort button.sort_asc { filter: invert(75%); background: url("https://m.media-amazon.com/images/S/sash/H2ExAUawEK4PtT6.png") no-repeat scroll 0 -25px transparent !important; }
  717. .sort button.sort_asc:hover { filter: invert(85%); background: url("https://m.media-amazon.com/images/S/sash/H2ExAUawEK4PtT6.png") no-repeat scroll 0 -25px transparent !important; }
  718. .user-profile .see-more { border-color: transparent; }
  719. .recently-viewed .item { background-color: #222; }
  720. .recently-viewed .item:hover { background-color: var(--cml-color-yellow); }
  721. .dataHeaderWithBorder::before { border-color: transparent; }
  722. .ipl-ratings-bar .ratings-user-rating .user-rating-value.rating-rated .ipl-star-icon, .ipl-star-bar-widget .rating-stars .rating-your .ipl-star-icon, .ipl-star-bar-widget .rating-stars .rating-hover .ipl-star-icon { fill: var(--cml-color-link-normal); }
  723. .toggle-overflow-button { color: var(--cml-color-link-normal); }
  724. .lister-edit .rendered.list-edit-title, .lister-edit .rendered.list-edit-description, .lister-edit .edit.list-edit-title, .lister-edit .edit.list-edit-description, .lister-edit .edit.item-edit-description, .lister-edit .rendered.item-edit-description { border-color: #333; }
  725. .lister-edit .rendered.list-edit-title.hover, .lister-edit .rendered.list-edit-description.hover, .lister-edit .edit.list-edit-title.hover, .lister-edit .edit.list-edit-description.hover, .lister-edit .edit.item-edit-description.hover, .lister-edit .rendered.item-edit-description.hover { background-color: #333; }
  726. .ipl-star-border-icon path:nth-of-type(1) { fill: #ccc; }
  727. .lister-edit .list-edit-title textarea, .lister-edit .list-edit-description textarea { color: #ccc; }
  728. .ipl-ratings-bar .ratings-imdb-rating .ipl-star-icon { fill: var(--cml-color-yellow); }
  729. .lister-item-content .ratings-user-rating .rate { color: var(--cml-color-link-normal); }
  730. .lister-item-content .ratings-user-rating .rate:hover { color: var(--cml-color-link-hover); }
  731. .tinystarbar { filter: invert(100%); }
  732. .tinystarbar div { filter: invert(100%) !important; }
  733. .lister-item.mode-grid > .lister-item-content.popout-right > .triangle { border-color: transparent #222 transparent transparent; }
  734. .lister-item.mode-grid > .lister-item-content.popout-left > .triangle { border-color: transparent transparent transparent #222; }
  735. .ipl-rating-selector { background-color: #333; border-color: transparent; }
  736. .ipl-rating-interactive__star .ipl-rating-star__star svg { fill: var(--cml-color-link-normal); }
  737. .ipc-page-section--baseAlt { background-color: #080808; }
  738. .ipc-page-section--bp-xs { background: #000; }
  739. .ipc-media--base { background-color: #222; }
  740. .eFtWyV, .bBKQYm { color: #aaa; }
  741. .title-ratings-sub-page .allText { color: #aaa; }
  742. .title-ratings-sub-page td.noLeftBorder, .title-ratings-sub-page td.ratingTable { border-color: #666; }
  743. #error { background-color: #333; border-color: #444; box-shadow: 0 0 5px 5px #333; }
  744. .error_quote, .error_code_403 .error_code, .error_code_404 .error_code, .error_code_400 .error_code, .error_code_409 .error_code {
  745. color: #760;
  746. }
  747. .add_primary_image_icon { filter: invert(75%) contrast(150%); }
  748. .fswvJC .title-cast-item__eps-toggle { color: #aaa; }
  749. .ipc-rating-star--base.ipc-rating-star--placeholder .ipc-icon { color: #888; }
  750. .ipc-page-wrapper--base { background: #111; }
  751. .fswvJC .title-cast-item__char { color: #aaa; }
  752. .bYVnIa.base { background: #333; color: #aaa; }
  753. .AnswersCTA__QuestionText-sc-1ebj0gg-5 { color: #aaa; }
  754. .lmNvbY, .llAmjw { color: #888; }
  755. .promoted-provider { background-color: #222; border-color: #222; }
  756. .fcCmcu .episode-season-title-next-to-image, .EpisodeDetails__ReleaseDate-sc-1cvxorb-12,
  757. .EpisodeDetails__EpisodePlot-sc-1cvxorb-10 { color: #aaa; }
  758. .dcAmBv:hover { color: var(--cml-color-link-hover); }
  759. .iHVqYV, .eXmiMF { color: #bbb; }
  760. .bVDynH:hover { color: #ccc; }
  761. .equnvm, .vFVEt { background-color: #181818; }
  762. .style__TimelineButtonContainer-sc-xnjasp-0.active .style__Icon-sc-xnjasp-5 { filter: invert(80%); }
  763. .davyDx.base { background: #111; color: #aaa; }
  764. .ljHdel { color: #aaa; }
  765. .ezTgkS:hover { color: #f5c518; }
  766. .ipc-media--base { color: #111; }
  767. .klqpHF { color: #ccc; }
  768. .fYNZwT .title-cast-item__eps-toggle, .kmmHCV { color: #aaa; }
  769. .imdb-search-gateway__text-search-options select, .imdb-search-gateway__text-search-options input { border-color: #444; }
  770. .imdb-search-gateway__text-search-columns { column-rule-color: #444; }
  771. .eGFRAr { color: #aaa; }
  772. .YgLMu.base { background: #111 !important; }
  773. .ewdPHp, .bmBepy, .doKCYk, .GoiNn, .dbUarY, .iYNZoy, .hVRUWe .title-cast-item__eps-toggle, .lhyjbj, .easpcW, .kpKPUW { color: #aaa; }
  774. .aux-content-widget-2 { padding-left: 20px; }
  775. .gJhRzH:hover { color: #aadaff; }
  776. .title-cast-item__char, .ipc-inline-list__item span { color: #aaa; }
  777. .title-cast-item__actor:hover, a[data-testid="title-cast-item__actor"]:hover { color: var(--cml-color-link-hover); }
  778. .poster-default-icon { color: #ccc; opacity: 25%; }
  779. .recently-viewed .item .name { color: #ccc; opacity: 50%; }
  780. .recently-viewed .item:hover .name { color: #000; opacity: 75%; }
  781. .recently-viewed .item:hover .poster-default-icon { color: #000; opacity: 50%; }
  782. .promoted-provider { background-color: #333; border-color: #333; }
  783. .ipc-primary-image-list-card--base .ipc-primary-image-list-card__title { color: #ccc; }
  784. .ipc-outline-button.ipc-button--core-base.ipc-button--on-textSecondary:not(:disabled), .ipc-text-button.ipc-button--core-base.ipc-button--on-textSecondary:not(:disabled) { color: #aaa; }
  785. .ipc-chip--on-base .ipc-chip__count { color: #aaa; }
  786. .ipc-chip--on-baseAlt.ipc-chip--filled { background: #444; }
  787. .ipc-accordion--base .ipc-accordion__item__header--sticky { background: #333; }
  788. .ipc-accordion__item__label--indent-full { padding: 1rem; }
  789. .credits-total { color: #aaa !important; }
  790. .ipc-primary-image-list-card__secondary, .ipc-primary-image-list-card__title, .ipc-primary-image-list-card__title-type { color: #aaa; }
  791. .ipc-primary-image-list-card--base .ipc-primary-image-list-card__title--clickable:hover { color: var(--cml-color-link-hover); }
  792. .title-cast-item__eps-toggle { color: #aaa !important; }
  793. .ipc-metadata-list-item__content-container { color: #aaa; }
  794. .ipc-chip-list--base .ipc-chip-list__arrow--right { background: linear-gradient(90deg,transparent 20%,#222 50%); }
  795. .ipc-floating-button.ipc-icon-button { background: #444; }
  796. .ipc-floating-button svg { color: #ccc; }
  797. .episode-season-title-next-to-image { color: #ccc; }
  798. .gpWIks, .zWyzB, .kPubdn { color: #aaa; }
  799. .ipc-loader { filter: invert(85%); }
  800. iconContext-add, .sc-3d11a0e5-1 { color: #aaa; }
  801. .jCezlT, .jEzTBJ { color: #aaa; }
  802. .ipc-metadata-list--base .ipc-metadata-list-item--expandable:hover .ipc-metadata-list-item__icon-link, .ipc-metadata-list--base .ipc-metadata-list-item--link:hover .ipc-metadata-list-item__icon-link, .ipc-metadata-list--base .ipc-metadata-list-item__icon-link:active, .ipc-metadata-list--base .ipc-metadata-list-item__icon-link:hover, .ipc-metadata-list--base .ipc-metadata-list-item__label--btn, .ipc-metadata-list--base .ipc-metadata-list-item__label--link, .ipc-metadata-list--base .ipc-metadata-summary-item__content-container--clickable .ipc-metadata-summary-item__label { color: #ccc; }
  803. .ipc-metadata-list--base .ipc-metadata-list-item--link:hover .ipc-metadata-list-item__label--btn, .ipc-metadata-list--base .ipc-metadata-list-item--link:hover .ipc-metadata-list-item__label--link, .ipc-metadata-list--base .ipc-metadata-list-item__icon-link, .ipc-metadata-list--base .ipc-metadata-list-item__label--btn:active, .ipc-metadata-list--base .ipc-metadata-list-item__label--btn:hover, .ipc-metadata-list--base .ipc-metadata-list-item__list-content-item--subText, .ipc-metadata-list--base .ipc-metadata-summary-item__content-container--clickable .ipc-metadata-summary-item__label:active, .ipc-metadata-list--base .ipc-metadata-summary-item__content-container--clickable .ipc-metadata-summary-item__label:focus, .ipc-metadata-list--base .ipc-metadata-summary-item__content-container--clickable .ipc-metadata-summary-item__label:hover, .ipc-metadata-list--base .ipc-metadata-summary-item__content-container--clickable:active .ipc-metadata-summary-item__label, .ipc-metadata-list--base .ipc-metadata-summary-item__content-container--clickable:hover .ipc-metadata-summary-item__label { color: #aaa; }
  804. .ipc-metadata-list--base .ipc-metadata-list-summary-item__t { color: #ccc !important; }
  805. .base[data-testid="awards"] { background: #111; color: #aaa; }
  806. .ipc-scroll-to-top-button { background: #444; color: #ccc; }
  807. span[data-testid="review-summary"] { color: #ccc; }
  808. .hWPLDP, .dwBZhr { color: #aaa; }
  809. .sc-82e774ee-10, .sc-82e774ee-7, .sc-93b8eec8-1 { color: #aaa; }
  810. .ipc-btn--theme-base:not(:disabled).ipc-btn--on-textPrimary,
  811. .ipc-btn--theme-base:not(:disabled).ipc-btn--on-textPrimary .ipc-split-button__btn,
  812. .ipc-btn--theme-base:not(:disabled).ipc-btn--on-textPrimary .ipc-split-button__iconBtn { color: #aaa; }
  813. .ipc-accordion--base.ipc-accordion--pageSection .ipc-accordion__item__header--sticky { background: #333; }
  814. .ipc-accordion--base.ipc-accordion--pageSection .ipc-accordion__item__header-shadow-cover { background: #222; }
  815. .ipc-pager { background: #111; border-color: #333; }
  816. .celwidget[cel_widget_id="StaticFeature_Storyline"] #iconContext-more-horiz path:nth-child(2) { fill: #ccc; }
  817. .pro_title_link_with_border { border-color: #333; }
  818. .pro_logo { filter: invert(100%) hue-rotate(180deg) brightness(120%); }
  819. .answers-widget__see-more, .answers-widget__learn-more, .answers-widget__question { border-color: #333; }
  820. .pro-upsell--light .pro-upsell__logo g:nth-child(1) path, .pro-upsell--light .pro-upsell__logo g:nth-child(1) rect { fill: #aaa; }
  821. .ipc-sub-grid-item #iconContext-add { color: #aaa; }
  822. .subpage_title_block .header { background-color: transparent; }
  823. .ipc-icon-button--base:hover, .ipc-icon-button--base:visited, .ipc-icon-link--base:hover, .ipc-icon-link--base:visited { color: #aaa; }
  824. .ipc-textfield--base .ipc-textfield__help-text, .ipc-textfield--base .ipc-textfield__input, .ipc-textfield--base .ipc-textfield__label,
  825. .ipc-textfield--base .ipc-textfield__post-icon, .ipc-textfield--base .ipc-textfield__pre-icon { color: #aaa; }
  826. .ipc-chip-list--base .ipc-chip-list__arrow { color: #aaa; background: #222; border-color: #666; }
  827. .ipc-accordion__item__chevron svg { fill: #ccc; }
  828. .ipc-primary-image-list-card--base .ipc-primary-image-list-card__title:focus,
  829. .ipc-primary-image-list-card--base .ipc-primary-image-list-card__title:hover,
  830. .ipc-primary-image-list-card--base.ipc-primary-image-list-card--click:hover .ipc-primary-image-list-card__title { color: #aaa; }
  831. .ipc-accordion__item--expanded .ipc-accordion__item__content { background: #181818; }
  832. .ipc-metadata-list--base .ipc-metadata-list-summary-item,
  833. .ipc-metadata-list--base .ipc-metadata-list__item,
  834. .ipc-metadata-list--base .ipc-metadata-list__summary-item { border-color: #333; }
  835. .ipc-icon--inline { fill: #ccc; }
  836. .sc-17bafbdb-5 { color: #aaa; }
  837. .sc-17bafbdb-2 { background: #181818; }
  838. .sc-4365ced1-0 { color: #aaa; }
  839. .sc-9cfefc48-0 { color: #ccc; }
  840. .hLkiIB, .dpOWPl, .iILntr, .ipqijC { color: #aaa; }
  841.  
  842.  
  843. /* --- Dark Theme Old Pages --- */
  844. /* <help> */
  845. .a-ordered-list .a-list-item, .a-unordered-list .a-list-item, ol .a-list-item, ul .a-list-item { color: #aaa; }
  846. .a-input-text:focus, input[type="search"]:focus { border-color: var(--cml-color-yellow); }
  847. .a-color-state, .article_nav_icon, #section_tabs .a-tab-content .categoryIcon { color: var(--cml-color-yellow) !important; }
  848. #top_nav, #top_nav .nav_dropdown { border-color: transparent !important; }
  849. #a-page #a-autoid-0 #a-autoid-0-announce { color: #aaa; }
  850. #a-page #a-autoid-0 #a-autoid-0-announce:hover span { color: #ccc !important; }
  851. .a-ordered-list.a-list-link a, .a-unordered-list.a-list-link a, ol.a-list-link a, ul.a-list-link a { color: #aaa; }
  852. .a-dropdown-common .a-dropdown-item:active .a-dropdown-link,
  853. .a-dropdown-common .a-dropdown-item:hover .a-dropdown-link { background-color: #111; border-color: transparent; }
  854. #footer .footer_imdbpro_logo, #footer .footer_imdb_logo { filter: invert(75%); }
  855. .cu-issue-sel-question, .cu-manual-order-id-step-question { color: #aaa; }
  856. .cu-eb-bottom, .cu-eb-bottom-left, .cu-eb-top, .cu-eb-top-left, .cu-eb-top-v2 { background: #111; }
  857. .cu-issue-sel-answer select { background-color: #222; border-color: transparent; }
  858. a.cu-is-anchor-radio-btn { background: #222; border-color: transparent; color: #aaa; }
  859. a.cu-is-anchor-radio-btn.selected, a.cu-is-anchor-radio-btn:active { background: #444; color: #ccc; }
  860. .cu-eb-middle, .cu-cs-step, .cu-dyk-container { border-color: transparent; }
  861. a.cu-btn, a.cu-btn span, a.cu-contact-channel-btn, a.cu-contact-channel-btn span { background: #111; border-color: transparent; color: var(--cml-color-link-hover); }
  862. a.a-link-section-expander { background: #111; border-color: transparent;}
  863. a.a-link-section-expander:hover { background: #222; border-color: transparent; }
  864. .a-section-expander-container, #section_tabs .a-tab-heading a, .category_row .a-column { border-color: #333; }
  865. #article_content p a { background-color: #111 !important; }
  866. .a-declarative span { color: #aaa !important; }
  867. #header #emergency_site_stripe .content_container .a-alert-container { background-color: #2d2616 !important; box-shadow: 0 0 0 4px #534318 inset; }
  868. #a-autoid-0 #a-autoid-0-announce span, #a-autoid-1-announce span { color: #ccc !important; }
  869. .a-color-alternate-background { background-color: #111 !important; }
  870. #footer { border-color: #333 !important; }
  871. #footer .footer_imdb_logo { filter: invert(80%); }
  872. .a-ordered-list .a-list-item, .a-unordered-list .a-list-item, ol .a-list-item, ul .a-list-item, .a-unordered-list, ul { color: #aaa; }
  873. .happy_or_not_wrapper .border_top { background: #333 !important; border-color: #333 !important; }
  874. #a-page { background: #111; }
  875. #top_nav, #top_nav .nav_dropdown { border-color: #111 !important; }
  876. .a-color-state { color: var(--cml-color-yellow) !important; }
  877. .article_nav_icon { color: var(--cml-color-yellow); }
  878. #search_area { background: #111; }
  879. .a-fixed-left-grid-col .a-section { background: #111; color: #aaa; }
  880. .a-dropdown-common .a-dropdown-link, .a-size-base-plus, .a-spacing-top-extra-large { color: #aaa; }
  881. .a-dropdown-common .a-dropdown-item:hover .a-dropdown-link { border-color: #333; background-color: #333 !important; }
  882. .imdbpro_black, .contribution_black, .imdb_black, .a-icon { filter: invert(80%); }
  883. .imdbpro_primary, #login_panel_content .login_imdbpro_logo::before, .logo.pro_color { filter: invert(100%) hue-rotate(185deg); }
  884. .a-input-text.a-form-focus, .a-input-text:focus, input[type="text"].a-form-focus, input[type="text"]:focus, input[type="search"].a-form-focus, input[type="search"]:focus, input[type="number"].a-form-focus, input[type="number"]:focus, input[type="tel"].a-form-focus, input[type="tel"]:focus, input[type="password"].a-form-focus, input[type="password"]:focus, select.a-select-multiple.a-form-focus, select.a-select-multiple:focus, textarea.a-form-focus, textarea:focus {
  885. background-color: #333; border-color: #333; box-shadow: 0 0 0 3px #333,0 1px 2px rgba(15,17,17,.15) inset;
  886. }
  887. .a-popover-modal .a-popover-wrapper { border-color: #444; }
  888. #login_panel_content .logo_divider { background: #444; }
  889. .a-button { background: #333; }
  890. .a-section { color: #aaa; }
  891. .a-text-bold { color: #aaa; }
  892. blockquote { color: #ccc; }
  893. #article_content th { background: #222; }
  894. #article_content td { background: #181818; }
  895. #footer .a-section { color: #aaa !important; }
  896. .article a { background: transparent !important; }
  897. /* </help> */
  898. /* <contrib> */
  899. #a-page { background: #111; }
  900. .fixed-width-body { box-shadow: none; }
  901. #updates_raw select { background-color: #222; }
  902. #updates_raw a.btn, #updates_raw button.btn, #updates_raw input.btn {
  903. background: var(--cml-color-link-normal);
  904. border-color: var(--cml-color-link-normal);
  905. color: #000;
  906. }
  907. #updates_raw a.btn:hover, #updates_raw button.btn:hover, #updates_raw input.btn:hover {
  908. background: var(--cml-color-link-hover);
  909. border-color: var(--cml-color-link-hover) !important;
  910. color: #000;
  911. }
  912. #footer { background-color: #222 !important; border-color: #222 !important; color: #aaa; }
  913. .a-input-text, input[type="text"], input[type="search"], input[type="number"], input[type="tel"], input[type="password"], select.a-select-multiple, textarea { border-color: transparent; }
  914. .a-alert-info .a-alert-container { background-color: #222; }
  915. .a-alert-info .a-alert-container .a-alert-heading { color: #aaa; }
  916. li, .contributor-homepage-small { color: #aaa; }
  917. .a-color-alternate-background { background: #222 !important; }
  918. #updates_raw table.choose tr.group td, #updates_raw table.choose tr.ignore td { border-color: #333; }
  919. .a-container { background-color: #111; }
  920. #updates_raw .item_container .header div, #updates_raw .item_container tr.header { background-color: #222; }
  921. #updates_raw #retroadds { background: #111; }
  922. .fixed-width-body { box-shadow: 0 5px 5px 5px #333 !important; border-color: #333 !important; }
  923. .a-box.a-color-alternate-background, .a-box.a-color-offset-background { background-color: #333 !important; border-color: #333; }
  924. #updates_raw select { background-color: #222; }
  925. #updates_raw table.choose tr.group td, #updates_raw table.choose tr.ignore td { color: #aaa; }
  926. #footer-amazon .footer-amazon-logo-image { filter: invert(80%) hue-rotate(180deg); }
  927. #footer-amazon { color: #aaa; }
  928. #nav-search #a-autoid-0-announce { color: #ccc !important; }
  929. #nav-user-name i.a-icon.a-icon-popover { filter: invert(0%); }
  930. .a-button-group-splitdropdown .a-button .a-button-inner, .a-dropdown-container .a-button-dropdown .a-button-inner { background: #222; }
  931. .a-button-group-splitdropdown .a-button, .a-dropdown-container .a-button-dropdown { background: #222; border-color: #333; }
  932. .a-button-group-splitdropdown .a-button:hover, .a-dropdown-container .a-button-dropdown:hover { background: #333; }
  933. .a-button-group-splitdropdown .a-button:hover .a-button-inner,
  934. .a-dropdown-container .a-button-dropdown:hover .a-button-inner { background: #333; }
  935. form { color: #aaa; }
  936. #a-page .header { background-color: #222; }
  937. #updates_raw table.item td, #updates_raw table.item td.history_bottom { border-color: #444; }
  938. #updates_raw img { filter: invert(75%); }
  939. #updates_raw .item_container .accept_data { background-color: #141; }
  940. #updates_raw .item_container .accept_warn_data, #updates_raw .item_container .accept_warn_expl,
  941. #updates_raw .item_container .warn_expl { background-color: #441; }
  942. #updates_raw .item_container .reject_data, #updates_raw .item_container .reject_expl { background-color: #422; }
  943. #updates_raw .item_container textarea { background-color: #333; color: #aaa; border-color: #000; }
  944. .accept_data .item_explain .spacer, .item_explain .spacer, .reject_data .item_explain .spacer { border-top-color: #000; }
  945. a.trackbutton { color: #000 !important; }
  946. .divider { background-color: #333; border-color: #333; }
  947. .contribution-confirmation-header { color: #fc0; }
  948. .a-box-title .a-box-inner { background: #333; }
  949. .a-section-expander-inner, .a-box-title + .a-box { border-color: #333; }
  950. .submission-summary-item-types { color: #888; }
  951. table.a-bordered tr:first-child th { background: #333; border-color: #333; }
  952. table.a-bordered tr:nth-child(2n) { background-color: #222; }
  953. table.a-bordered, table.a-bordered td, table.a-bordered th, table.a-bordered tr:last-child td { border-color: #333; }
  954. #updates_raw .item_container .message { background-color: #333; }
  955. .release-type-field__input[disabled] { background: #222; color: #ccc; border-color: #444; }
  956. .PageWrapper_pageWrapper__3SeIl .ipc-page-background, .PageWrapper_pageWrapper__3SeIl .ipc-page-wrapper { background: #333; }
  957. .Header_header__fqqrS { background: #111; }
  958. .Header_superHeading__3FuMT { color: #aaa; }
  959. .QuestionFeedHeader_questionFeedHeader__E392H { background: #222; display: none; }
  960. .QuestionCard_questionHeading__BMKQb { color: #aaa; }
  961. .ipc-select.ipc-select--base .ipc-select__help-text, .ipc-select.ipc-select--base .ipc-select__input,
  962. .ipc-select.ipc-select--base .ipc-select__label, .ipc-select.ipc-select--base .ipc-select__post-icon { color: #aaa; }
  963. .ipc-select.ipc-select--base .ipc-select__container { border-color: #444; background: #222; }
  964. .ipc-boolean-input--base { color: #aaa; }
  965. .Footer_footer__3kNLz { background-color: #111; border-color: #111; color: #aaa; }
  966. .Footer_amazonLogoImage__2DOCE { filter: invert(80%) hue-rotate(180deg); }
  967. .ipc-select .ipc-select__input option { background: #222; color: #aaa; }
  968. .ipc-select.ipc-select--base.ipc-select--with-value .ipc-select__input { color: #ccc; }
  969. .image-contribution-controls #a-autoid-1-announce span, .image-contribution-controls #a-autoid-2-announce,
  970. .image-contribution-controls #a-autoid-2-announce span, .image-contribution-controls #a-autoid-3-announce,
  971. .image-contribution-controls #a-autoid-3-announce span, .image-contribution-controls #a-autoid-12-announce,
  972. .image-contribution-controls #a-autoid-13-announce, .image-contribution-controls #a-autoid-4-announce,
  973. .image-contribution-controls #a-autoid-4-announce span, .image-contribution-controls #a-autoid-11-announce { color: #ccc !important; }
  974. /* </contrib> */
  975.  
  976. /* <pro> */
  977. #logged_out_upsell #logged_out_overlay { background-color: #111; }
  978. #logged_out_upsell #logged_out_modal, #logged_out_footer { background-color: #111; border-color: transparent; }
  979. .a-color-base-background, .a-color-offset-background { background: #181818 !important; }
  980. #a-autoid-1-announce span, #a-autoid-2-announce, #a-autoid-2-announce span, #a-autoid-3-announce, #a-autoid-3-announce span, #a-autoid-12-announce, #a-autoid-13-announce, #a-autoid-4-announce, #a-autoid-4-announce span, #a-autoid-11-announce { color: #000 !important; }
  981. ul.a-tabs .a-tab-heading.a-active a, ul.a-tabs li.a-active a { border-color: transparent; background-color: #111; }
  982. ul.a-tabs .a-tab-heading, ul.a-tabs li { background: transparent; }
  983. ul.a-tabs { background-color: #222; border-color: transparent; }
  984. ul.a-tabs .a-tab-heading.a-active a, ul.a-tabs li.a-active a, ul.a-tabs .a-tab-heading a:hover, ul.a-tabs li a:hover { color: var(--cml-color-yellow) !important; border-top-color: var(--cml-color-yellow) !important; }
  985. .primary_image_highlight:not(:hover) { border-color: transparent; }
  986. table.a-keyvalue th { background-color: #222; border-color: transparent; color: #ccc; }
  987. table.a-keyvalue td, table.a-keyvalue th, .primary_image_default_border { border-color: transparent; }
  988. .sort_column_heading:hover, .sort_column_heading.active[data-current-sort-direction="sort_up"] .sort_up, .sort_column_heading:hover[data-current-sort-direction="sort_up"] .sort_up { color: var(--cml-color-yellow); }
  989. .sort_column_heading.active .sort_icons, .sort_column_heading:hover .sort_icons { color: #aaa; }
  990. .sort_column_heading .sort_icons { color: var(--cml-color-link-normal); }
  991. #rating_breakdown .public_page_ratings { opacity: 0.5; }
  992. #footer, #footer .content > div ul, #footer .content > div .header { border-color: transparent; box-shadow: none !important; }
  993. #footer .branding .reframe__text { color: #aaa; }
  994. #footer .content > div .header, #footer .content > div ul li a { color: #aaa; text-shadow: none; }
  995. #footer .content > div ul li a:hover { color: var(--cml-color-link-hover); }
  996. .a-color-base { color: #ccc !important; }
  997. .logo.pro_granite, .plan-description-widget__feature-checkmark { filter: invert(75%); }
  998. #rankings_widget .a-tabs { background: #181818; }
  999. #rankings_widget .a-tab-content, #rankings_widget .a-tab-heading.a-active:first-child a { border-color: transparent; }
  1000. #customer_testimonial_widget .content_container #testimonial_carousel_container .testimonial_carousel_element .grid_carousel .box_not_selected_height, #customer_testimonial_widget .content_container #testimonial_carousel_container .testimonial_carousel_element .grid_carousel .box_selected_height { background: #111; border-color: transparent; }
  1001. #customer_testimonial_widget #carousel_pagination_group .testimonial_pagination_link { color: #aaa; }
  1002. #customer_testimonial_widget #carousel_pagination_group .carousel_pagination_dot a:hover, #customer_testimonial_widget #carousel_pagination_group .testimonial_pagination_link.dot_selected { color: var(--cml-color-yellow) !important; }
  1003. #main_nav > ul > li a.header.active, #main_nav > ul > li a.header:hover, #main_nav > ul > li a.header.active {
  1004. background-color: #111;
  1005. color: var(--cml-color-link-hover);
  1006. }
  1007. #main_nav > ul > li:hover .header, #main_nav > ul > li:hover span.header,
  1008. #main_nav > ul > li > ul { background-color: #111; border-color: transparent; }
  1009. #main_nav > ul > li > ul > li a { color: #aaa; background-color: #111; }
  1010. #main_nav > ul > li > ul > li a:hover { color: var(--cml-color-link-hover); background-color: #222; }
  1011. #header.new_nav .content #search_container input { color: #aaa; border-color: transparent; }
  1012. #search_container .search-dropdown, #search_container ul#instantSearch li.section, #search_container ul#instantSearch li.section, #search_container ul#instantSearch li .weblaba, #search_container ul#instantSearch li {
  1013. background-color: #222;
  1014. color: #aaa;
  1015. border-color: transparent;
  1016. }
  1017. #search_container ul#instantSearch li a .text .title { color: #aaa; }
  1018. #search_container ul#instantSearch li a.hover, #search_container ul#instantSearch li a:hover { background-color: #111; }
  1019. #search_container ul#instantSearch a.see_all { color: #aaa; }
  1020. #search_container ul#instantSearch a.see_all:hover { background-color: transparent; color: #ccc; }
  1021. #name #const_page_summary_section .featured_image:not(:hover) { border-color: transparent; }
  1022. .a-expander-partial-collapse-header { background-color: #111; }
  1023. .a-expander-content-fade { background: linear-gradient(to bottom,rgba(255,255,255,0),#111); }
  1024. .pro_title_link_with_border { background-color: #222; border-color: transparent; }
  1025. .starBarWidget .rating-list { background-color: #333; }
  1026. .a-popover.a-arrow-bottom .a-arrow { border-bottom-color: #222; }
  1027. .a-popover-wrapper { border-color: #222; background-color: #222; }
  1028. .a-button-close i { filter: invert(75%); }
  1029. .a-size-mini { color: #ccc; }
  1030. #a-page #a-autoid-0 #a-autoid-0-announce .a-size-, #a-page #a-autoid-0 #a-autoid-0-announce:hover .a-size-,
  1031. #a-autoid-6-announce, #a-autoid-6-announce:hover .a-size-,
  1032. #a-autoid-5-announce, #a-autoid-5-announce:hover .a-size- { color: #000 !important; }
  1033. .background_color_snow { background-color: #222; }
  1034. .a-size-large, .a-size-base, .a-size-medium { color: #aaa; }
  1035. .grey-bg { background: #333; border-color: #333; }
  1036. .white-bg { background: #222; }
  1037. .a-fixed-left-grid { color: #aaa; }
  1038. #hero_testimonial span { color: #000 !important; }
  1039. .a-ws div.a-column .a-section { color: #000; }
  1040. #logged_out_upsell .logged-out-modal-v2 { background: #222; }
  1041. #logged_out_upsell #a-autoid-0 #a-autoid-0-announce span,
  1042. #logged_out_upsell #a-autoid-0 #a-autoid-0-announce:hover span { color: #000 !important; }
  1043. #logged_out_upsell .aok-relative .ember_bold { color: #000; }
  1044. /* </pro> */
  1045.  
  1046. }
  1047. }