Greasy Fork is available in English.

IMDb Compact (Only New Names Pages) v.11

Reorganize the new Name page of IMdb:Take advantage for a Wide Screen (More infos in a glance...)

  1. /* ==UserStyle==
  2. @name IMDb Compact (Only New Names Pages) v.11
  3. @namespace https://greasyfork.org/fr/users/8-decembre?sort=updated
  4. @version 11.0.0
  5. @description Reorganize the new Name page of IMdb:Take advantage for a Wide Screen (More infos in a glance...)
  6. @author decembre
  7. @license unlicense
  8. ==/UserStyle== */
  9.  
  10. @-moz-document url-prefix("https://www.imdb.com/name/"), url-prefix("https://m.imdb.com/name/") {
  11.  
  12. /* ==== 0- IMDb Compact (Only New Names Pages) v.11 (new11) ==== */
  13.  
  14. /* INFO ABOUT IT:
  15. https://help.imdb.com/article/imdb/new-features-updates/imdb-name-page-redesign/GMWASETVPLJYXEZE?ref_=helpsect_cons_8_2#
  16. === */
  17.  
  18. /* BACKGOUND IMDb:
  19. BACKGOUND IMDb - Near #222:
  20. background: #1f1f1f !important;
  21. BACKGROUND - DARK LINEAR-GRADIENT IMDB - Near #222:
  22. 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;
  23. ==== */
  24.  
  25. /* (new8) - CHROME - BLUR THINGS */
  26. section.ipc-page-background.ipc-page-background--base > .ipc-page-background .ipc-page-content-container .ipc-page-background > div,
  27.  
  28. .fTsZdF {
  29. backdrop-filter: none !important;
  30. }
  31.  
  32. /* TOTAL CONTAINER COLOR */
  33. html {
  34. background: white ;
  35. }
  36. html {
  37. background: white ;
  38. }
  39.  
  40. /* (new6) TOP STICKY */
  41.  
  42. /* (new6) TOP NAV - TEST STICKY */
  43. nav#imdbHeader {
  44. position: fixed !important;
  45. top: 0vh !important;
  46. /* background: red !important; */
  47. }
  48.  
  49.  
  50. /* (new6) ACTOR NAME - TEST STICKY */
  51.  
  52. /* (new11) TITLE NAME - CONTAINER - PADDING TOP */
  53. section.ipc-page-background.ipc-page-background--base > .ipc-page-background .ipc-page-content-container .ipc-page-background:has([data-testid="hero-parent"]) {
  54. padding: 16vh 0 0 10px !important;
  55. /* border-bottom: 1px solid aqua !important; */
  56. }
  57.  
  58. /* (new6) TITLE NAME */
  59. section.ipc-page-background.ipc-page-background--base > .ipc-page-background .ipc-page-content-container .ipc-page-background .ipc-page-section > div:nth-child(2){
  60. position: fixed !important;
  61. width: 40.8vw !important;
  62. top: 6vh !important;
  63. z-index: 50000 !important;
  64. background:#111 !important;
  65. border-bottom: 1px solid red !important;
  66. }
  67.  
  68. /* (new6) STICKY - SUB HEADER - SMALL CENTER */
  69. /* AWARDS */
  70. .ipc-page-grid.ipc-page-grid--bias-left .ipc-page-section.ipc-page-section--base.celwidget[data-cel-widget="StaticFeature_Awards"] {
  71. position: sticky !important;
  72. display: inline-block !important;
  73. width: 39.2vw !important;
  74. top: 0vh !important;
  75. margin: 0vh 0 0vh 0 !important;
  76. padding: 1vh 0 0 0 !important;
  77. z-index: 1 !important;
  78. background: white;
  79. border-bottom: 1px dashed red !important;
  80. /* border: 1px solid yellow !important; */
  81. }
  82. /* OTHERS */
  83. .ipc-page-grid.ipc-page-grid--bias-left .ipc-page-section.ipc-page-section--base.celwidget:not([data-cel-widget="StaticFeature_Videos"]):not([data-cel-widget="StaticFeature_Photos"]) {
  84. padding: 0 0 10px 0.5rem !important;
  85. margin: 0 0 0 10px !important;
  86. border-bottom: 1px solid red !important;
  87. }
  88.  
  89. .czBPkk {
  90. -moz-box-align: center;
  91. align-items: center;
  92. flex-flow: row wrap;
  93. border-top: 1px solid red !important;
  94. border-left: 1px solid red !important;
  95. border-right: 1px solid red !important;
  96. }
  97.  
  98. /* SMALL CENTER */
  99.  
  100. /* TOP NAV */
  101. #imdbHeader {
  102. background: white ;
  103. }
  104. .ezIlqu {
  105. background: transparent ;
  106. }
  107. /* TOP HAMBURGER MENU - OPEN */
  108. .drawer.hamburger__drawer.imdb-header__nav-drawer {
  109. max-width: 40% !important;
  110. left: 30vw !important;
  111. padding: 0.5rem !important;
  112. border: 1px solid red !important;
  113. }
  114. .liGxUA .navlinkcat__listContainer {
  115. overflow: hidden;
  116. transition: border-color 0.1s ease-in 0s, height 0.2s ease 0s;
  117. }
  118. ul.ipc-list.navlinkcat__list {
  119. display: inline-block !important;
  120. width: 100% !important;
  121. min-width: 100% !important;
  122. max-width: 100% !important;
  123. list-style-type: disc !important;
  124. list-style-position: inside !important;
  125. line-height: 15px !important;
  126. vertical-align: top !important;
  127. }
  128. .liGxUA .ipc-list__item {
  129. height: auto !important;
  130. padding-bottom: 0.6rem;
  131. padding-top: 0.1rem;
  132. padding-left: 0.5rem !important;
  133. border-left: solid 2px red !important;
  134. }
  135. .ipc-list__item .ipc-list-item__text {
  136. display: list-item !important;
  137. overflow: hidden;
  138. text-overflow: ellipsis;
  139. }
  140. /* (new4) SMALL CENTER BOTTOM - RECENT - KEEP BACKGROUND BLACK */
  141. main + section.ipc-page-background.ipc-page-background--baseAlt{
  142. position: absolute !important;
  143. display: inline-block !important;
  144. min-width: 41% !important;
  145. max-width: 41% !important;
  146. left: 29.3vw !important;
  147. padding: 0rem !important;
  148. background: #111 !important;
  149. border: 1px solid red !important;
  150. }
  151. main + section.ipc-page-background.ipc-page-background--baseAlt .ipc-page-content-container--center {
  152. max-width: 100% !important;
  153. }
  154.  
  155.  
  156.  
  157. /* (new4) SMALL - CENTER - FOOTER - KEEP BACKGROUND BLACK */
  158. footer.imdb-footer.footer.jbJDWL {
  159. position: fixed !important;
  160. display: inline-block !important;
  161. max-width: 40% !important;
  162. left: 30vw !important;
  163. bottom: -69.8vh !important;
  164. padding: 0.5rem !important;
  165. z-index: 5000 !important;
  166. transition: all ease 0.7s !important;
  167. background: #222 !important;
  168. border: 1px solid red !important;
  169. }
  170. footer.imdb-footer.footer.jbJDWL:hover {
  171. bottom: 0vh !important;
  172. transition: all ease 0.7s !important;
  173. background:#111 !important;
  174. border: 1px solid red !important;
  175. }
  176. footer.imdb-footer.footer.jbJDWL:before {
  177. content: "Infos ⏏" !important;
  178. position: absolute !important;
  179. display: inline-block !important;
  180. width: auto !important;
  181. height: 15px !important;
  182. line-height: 15px !important;
  183. right: 0vw !important;
  184. top: -1.6vh !important;
  185. padding: 0 0.1rem !important;
  186. font-size: 10px !important;
  187. background: #111 !important;
  188. border: 1px solid red !important;
  189. }
  190. /* (new5) SMALL CENTER - CONTAINER */
  191. #ipc-wrap-background-id, .celwidget[data-testid="Filmography"],
  192. .celwidget[data-testid="Filmography"][data-cel-widget="StaticFeature_Filmography"] {
  193. background: white ;
  194. }
  195.  
  196.  
  197. /* (new11) FOR STICKY SUB HEADER - PB CITATIONS - :has([data-testid="hero-parent"]) */
  198. .ipc-page-content-container--center:has(.ipc-page-grid) ,
  199. .ipc-page-content-container--center:has([data-testid="hero-parent"]) {
  200. max-width: 41% !important;
  201. overflow: unset !important;
  202. overflow-x: unset !important;
  203. overflow-y: unset !important;
  204. /* 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; */
  205. /*background: brown !important;*/
  206. /*border-right: 1px solid aqua !important; */
  207. }
  208.  
  209.  
  210. /* (neww11) ANECDOCTES / CITATIONS / OEUVRES / DIVERS*/
  211. main.ipc-page-wrapper.ipc-page-wrapper--base:has([data-testid="sub-section-misc"]) ,
  212. main.ipc-page-wrapper.ipc-page-wrapper--base:has([id^="quotes_"]) ,
  213. main.ipc-page-wrapper.ipc-page-wrapper--base:has([id^="wrk"]) ,
  214. main.ipc-page-wrapper.ipc-page-wrapper--base:has([id^="trivia_"]) {
  215. position: relative;
  216. min-height: 65vh !important;
  217. min-width: 300px;
  218. background: transparent !important;
  219. }
  220.  
  221. .ipc-page-wrapper section.ipc-page-background.ipc-page-background--baseAlt:has([data-testid="poster"]) hgroup:has([data-testid="title"]) {
  222. position: fixed;
  223. display: inline-block !important;
  224. width: 28% !important;
  225. height: 100% !important;
  226. min-height: 9vh !important;
  227. max-height: 9vh !important;
  228. left: 0% !important;
  229. top: 6vh !important;
  230. margin: 0 0 0 0 !important;
  231. padding: 0 0 0 0 !important;
  232. border-radius: 0 0 5px 5px !important;
  233. z-index: 500000000 !important;
  234. pointer-events: auto !important;
  235. overflow: hidden !important;
  236. overflow-y: auto !important;
  237. background: #111 !important;
  238. border-left: 4px solid green !important;
  239. }
  240. .ipc-page-section.ipc-page-section--base:has([data-testid="sub-section-misc"]),
  241. main.ipc-page-wrapper--base .ipc-page-content-container.ipc-page-content-container--full > section:first-of-type section.ipc-page-background.ipc-page-background--base .ipc-page-grid.ipc-page-grid--bias-left .ipc-page-grid__item.ipc-page-grid__item--span-2 >div + .ipc-page-section.ipc-page-section--base {
  242. position: fixed;
  243. display: inline-block !important;
  244. width: 28% !important;
  245. height: 80vh !important;
  246. left: 0% !important;
  247. top: 15.1vh !important;
  248. margin: 0 0 0 0 !important;
  249. padding: 0 0 0 0 !important;
  250. border-radius: 0 0 5px 5px !important;
  251. z-index: 5 !important;
  252. pointer-events: auto !important;
  253. overflow: hidden !important;
  254. overflow-y: auto !important;
  255. /*background: #111 !important;*/
  256. border-left: 4px solid green !important;
  257. }
  258.  
  259. /* SOUND - :has([data-testid="sub-section-misc"]) [data-testid="sub-section-sound"] */
  260. main.ipc-page-wrapper--base .ipc-page-content-container.ipc-page-content-container--full > section:first-of-type section.ipc-page-background.ipc-page-background--base .ipc-page-grid.ipc-page-grid--bias-left .ipc-page-grid__item.ipc-page-grid__item--span-2 > div + .ipc-page-section.ipc-page-section--base > div:first-of-type + div[data-testid="sub-section-sound"],
  261. .ipc-page-content-container--center:has([data-testid="sub-section-sound"]) [data-testid="sub-section-sound"] {
  262. position: fixed !important;
  263. display: inline-block !important;
  264. height: auto !important;
  265. min-width: 28% !important;
  266. max-width: 29% !important;
  267. margin: 0vh 0 0 0 !important;
  268. top: unset !important;
  269. bottom: 5vh !important;
  270. left: unset !important;
  271. right: 0 !important;
  272. padding: 0 0px 0 0px !important;
  273. overflow: hidden !important;
  274. overflow-y: auto !important;
  275. z-index: 50000000 !important;
  276. /*background: #111 !important;*/
  277. /*background: #111 !important;*/
  278. /*border: 1px dashed green !important; */
  279. }
  280.  
  281.  
  282.  
  283. .ipc-page-section:first-of-type > div:has(.ipc-poster):not(.rvi-populated-section):not([data-testid="nm_flmg_kwn_for"]){
  284. position: fixed;
  285. display: inline-block !important;
  286. max-width: 29% !important;
  287. min-height: 94vh !important;
  288. max-height: 94vh !important;
  289. margin: 0vh 0 0 0 !important;
  290. top: 8.5vh !important;
  291. right: 0% !important;
  292. padding: 0 0px 0 0px !important;
  293. overflow: hidden !important;
  294. overflow-y: auto !important;
  295. z-index: 5000000 !important;
  296. /*background: #111 !important;*/
  297. /*background: #111 !important;*/
  298. /*border: 1px dashed green !important; */
  299. }
  300. 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 > div:last-of-type:has([data-testid="poster"]) {
  301. position: relative !important;
  302. display: inline-block !important;
  303. max-width: 100% !important;
  304. height: 100% !important;
  305. margin: 0vh 0 0 0 !important;
  306. top: 0vh !important;
  307. left: 0% !important;
  308. padding: 0 0px 0 0px !important;
  309. z-index: 5000000 !important;
  310. background: #111 !important;
  311. /*border: 1px dashed green !important;*/
  312. }
  313.  
  314. 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 > div:last-of-type:has([data-testid="poster"]) .ipc-poster {
  315. position: relative !important;
  316. display: inline-block !important;
  317. max-width: 100% !important;
  318. height: 100% !important;
  319. min-height: 42vh !important;
  320. max-height: 42vh !important;
  321. margin: 0vh 0 0 0 !important;
  322. padding: 5px 0px 5px 0px !important;
  323. text-align: center !important;
  324. overflow: hidden !important;
  325. z-index: 5000000 !important;
  326. /*border: 1px dashed green !important;*/
  327. }
  328. 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 > div:last-of-type:has([data-testid="poster"]) .ipc-poster img {
  329. position: relative !important;
  330. display: inline-block !important;
  331. width: 100% !important;
  332. min-width: 100% !important;
  333. max-width: 100% !important;
  334. height: 100% !important;
  335. min-height: 41vh !important;
  336. max-height: 41vh !important;
  337. margin: 0vh 0 0 0 !important;
  338. padding: 0 0px 0 0px !important;
  339. overflow: hidden !important;
  340. z-index: 5000000 !important;
  341. object-fit: contain !important;
  342. /*border: 1px dashed green !important;*/
  343. }
  344.  
  345. /* (new7) FOR STICKY SUB HEADER */
  346. .eYYUWh {
  347. overflow: unset !important;
  348. overflow-x: unset !important;
  349. overflow-y: unset !important;
  350. }
  351.  
  352. /* (new11) CENTER */
  353. .ipc-page-content-container--center .ipc-page-background.ipc-page-background--base.jtTbgg {
  354. /* 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; */
  355. border-top: 1px solid red !important;
  356. border-left: 1px solid red !important;
  357. border-right: 1px solid red !important;
  358. }
  359. .ipc-page-grid__item.ipc-page-grid__item--span-2 {
  360. display: inline-block !important;
  361. grid-column: unset !important;
  362. width: 100% !important;
  363. min-width: 39.9vw !important;
  364. max-width: 39.9vw !important;
  365. }
  366. /* TOP INFOS */
  367. .Cmihf {
  368. display: flex;
  369. flex-flow: row wrap;
  370. margin-bottom: 0.75rem;
  371. position: relative;
  372. /* box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.3), 0px 0px 4px 1px rgba(0, 0, 0, 0.3) inset !important; */
  373. }
  374. .caCZxA {
  375. margin-right: 0.25rem;
  376. width: calc(55% - 0.15rem / 2) !important;
  377. }
  378. .Cmihf .ipc-photo,
  379. .Cmihf .ipc-poster,
  380. .Cmihf .ipc-slate {
  381. display: inline-flex;
  382. height: 100% !important;
  383. position: relative;
  384. text-decoration: none;
  385. }
  386.  
  387. /* OPACITY */
  388. .cYzQDy ,
  389. .gwaHmt {
  390. opacity: 0.2 !important;
  391. }
  392. .cYzQDy:hover ,
  393. .gwaHmt:hover {
  394. opacity: 1 !important;
  395. }
  396.  
  397. /* (new11) CENTER - ACTOR DETAILS*/
  398. /*.ipc-page-grid.ipc-page-grid--bias-left .ipc-page-section.ipc-page-section--base.celwidget[data-testid="PersonalDetails"]*/
  399.  
  400.  
  401.  
  402. /* (new4) LEFT - FILMOGRAPHY SHORT */
  403. .celwidget[data-testid="Filmography"] {
  404. position: fixed !important;
  405. width: 29.5% !important;
  406. height: 100vh !important;
  407. top: 0vh !important;
  408. left: 0 !important;
  409.  
  410. overflow: hidden !important;
  411. overflow-y: auto !important;
  412. z-index: 5000 !important;
  413. background: white ;
  414. /* border-right: 1px solid red !important; */
  415. }
  416. .celwidget[data-testid="Filmography"] .ipc-page-section {
  417. padding: 0 0 1.5rem 0 !important;
  418. }
  419. .celwidget[data-testid="Filmography"] section:first-of-type .ipc-title {
  420. display: inline-block !important;
  421. width: 100% !important;
  422. height: 6vh !important;
  423. line-height: 5.9vh !important;
  424. vertical-align: middle !important;
  425. margin-bottom: 0rem !important;
  426. border-radius: 0 0 5px 0 !important;
  427. border-right: 1px solid red !important;
  428. border-bottom: 1px solid red !important;
  429. }
  430. .celwidget[data-testid="Filmography"] section:first-of-type .ipc-title + .jVJjba {
  431. width: 99% !important;
  432. margin: 0.5vh 0 0 0 !important;
  433. padding: 0.5rem 0.5rem 1rem 0 !important;
  434. border-top: 1px solid red !important;
  435. /* border-right: 1px solid red !important; */
  436. border-bottom: 1px solid red !important;
  437. }
  438.  
  439.  
  440. .celwidget[data-testid="Filmography"] section:first-of-type .ipc-title hgroup {
  441. display: inline-block !important;
  442. margin: 1vh 0 0 0 !important;
  443. }
  444. .celwidget[data-testid="Filmography"] section:first-of-type .ipc-sub-grid.ipc-sub-grid--page-span-2.ipc-sub-grid--wraps-at-above-l.ipc-shoveler__grid {
  445. padding: 0.7rem 0.5rem 1rem 0.5rem !important;
  446. }
  447.  
  448. /* LEFT - VIDEOS */
  449. .ipc-page-section.ipc-page-section--base.celwidget[cel_widget_id="StaticFeature_Videos"]{
  450. position: fixed !important;
  451. width: 29.2% !important;
  452. bottom: 26.8vh !important;
  453. left: 0 !important;
  454. padding: 1.5rem 0.5rem 0 0 !important;
  455. overflow: hidden !important;
  456. overflow-y: auto !important;
  457. z-index: 500000 !important;
  458. border: 1px solid red !important;
  459. }
  460. .ipc-page-grid__item.ipc-page-grid__item--span-2 .ipc-page-section.ipc-page-section--base.celwidget[cel_widget_id="StaticFeature_Videos"] {
  461. /* border-top-color: red !important; */
  462. border-bottom-color: red !important;
  463. }
  464. /* LEFT - PHOTO */
  465. .ipc-page-grid.ipc-page-grid--bias-left .celwidget[cel_widget_id="StaticFeature_Photos"] ,
  466. .ipc-page-section.ipc-page-section--base.celwidget[cel_widget_id="StaticFeature_Photos"]{
  467. position: fixed !important;
  468. width: 29.2% !important;
  469. height: 24vh !important;
  470. bottom: 0.5vh !important;
  471. left: 0 !important;
  472. padding: 1.5rem 0.5rem 2rem 0 !important;
  473. overflow: hidden !important;
  474. overflow-y: auto !important;
  475. z-index: 500000 !important;
  476. border: 1px solid red !important;
  477. }
  478. .ipc-page-grid__item.ipc-page-grid__item--span-2 .ipc-page-section.ipc-page-section--base.celwidget[cel_widget_id="StaticFeature_Photos"]{
  479. /* border-top-color: red !important; */
  480. /* border-bottom-color: red !important; */
  481. }
  482. /* RIGHT - DECOUV */
  483. .ipc-page-grid__item.ipc-page-grid__item--span-1 {
  484. position: fixed !important;
  485. width: 28.5% !important;
  486. height: 100vh !important;
  487. top: 0vh !important;
  488. right: -28.8vw !important;
  489. overflow: hidden !important;
  490. overflow-y: auto !important;
  491. z-index: 5000 !important;
  492. transition: right ease 0.7s !important;
  493. border: 1px solid red !important;
  494. }
  495. .ipc-page-grid__item.ipc-page-grid__item--span-1:hover {
  496. position: fixed !important;
  497. width: 28.5% !important;
  498. height: 100vh !important;
  499. top: 0vh !important;
  500. right: 0vw !important;
  501. overflow: hidden !important;
  502. overflow-y: auto !important;
  503. z-index: 5000 !important;
  504. transition: right ease 0.7s !important;
  505. /* background: #111 !important; */
  506. border: 1px solid red !important;
  507. }
  508. .ipc-page-grid__item.ipc-page-grid__item--span-1:not(:hover) .nas-slot + .ipc-page-section:first-of-type > .ipc-title> hgroup {
  509. position: fixed !important;
  510. top: 0vh !important;
  511. right: 0vw !important;
  512. padding: 3px 3px 3px 27px !important;
  513. z-index: 5000 !important;
  514. transform-origin: top right !important;
  515. transform: scale(0.5) !important;
  516. background: green !important;
  517. /* border: 1px solid red !important; */
  518. }
  519. .ipc-page-grid__item.ipc-page-grid__item--span-1:not(:hover) .nas-slot + .ipc-page-section:first-of-type > .ipc-title> hgroup:before {
  520. content: "◀" !important;
  521. position: absolute !important;
  522. height: 40px !important;
  523. line-height: 40px !important;
  524. top: 0.3vh !important;
  525. left: 0.2vw !important;
  526. /* padding: 3px 3px 3px 20px !important; */
  527. font-size: 25px !important;
  528. z-index: 5000 !important;
  529. transform-origin: top left !important;
  530. transform: scale(1) !important;
  531. color: gold !important;
  532. /* background: red !important; */
  533. /* border: 1px solid red !important; */
  534. }
  535. .ipc-page-grid__item.ipc-page-grid__item--span-1:hover .nas-slot + .ipc-page-section:first-of-type > .ipc-title> hgroup {
  536. position: fixed !important;
  537. width: 29.5% !important;
  538. height: 6vh !important;
  539. line-height: 5.9vh !important;
  540. margin: 1vh 0 0 !important;
  541. top: -1vh !important;
  542. right: 0vw !important;
  543. border-radius: 0 0 0 5px !important;
  544. z-index: 5000 !important;
  545. background: white ;
  546. border: 1px solid red !important;
  547. }
  548.  
  549. /* (new8) RIGHT - FILM - LISTS */
  550. .celwidget[data-testid="Filmography"] .ipc-page-section.ipc-page-section--base:last-of-type{
  551. position: fixed !important;
  552. width: 30.2% !important;
  553. height: 99vh !important;
  554. top: 0vh !important;
  555. right: -1rem !important;
  556. padding : 0 0 0 0 !important;
  557. overflow: hidden !important;
  558. overflow-y: auto !important;
  559. z-index: 5000000 !important;
  560. border-bottom: 1px solid red !important;
  561. }
  562. .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 {
  563. position: sticky;
  564. height: 5.9vh !important;
  565. line-height: 5.9vh !important;
  566. top: 0vh !important;
  567. margin: 0 0 0.2rem 0 !important;
  568. z-index: 5000000 !important;
  569. background: white ;
  570. border-radius: 0 0 0 5px !important;
  571. border-left: 1px solid red !important;
  572. border-bottom: 1px solid red !important;
  573. }
  574. .ipc-chip-list--nowrap {
  575. max-width: 100%;
  576. overflow: hidden;
  577. padding: 0.5rem 0 0 0 !important;
  578. border-top: 1px solid red !important;
  579. }
  580. .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 .ipc-title__wrapper {
  581. height: 5.9vh !important;
  582. line-height: 5.9vh !important;
  583. }
  584.  
  585. .ipc-accordion__item__header--sticky {
  586. position: sticky;
  587. top: 5.9vh !important;
  588. z-index: 1 !important;
  589. }
  590. .ipc-accordion__item__chevron {
  591. margin-right: 35px !important;
  592. }
  593.  
  594. /* (new25) GET MORE RATING */
  595. .ipc-btn.ipc-btn--theme-base.ipc-btn--core-accent1[style^="display: inline; top: 0px; left: 50%; position: fixed;"] {
  596. position: fixed;
  597. left: 20% !important;
  598. top: 1vh !important;
  599. bottom: unset !important;
  600. z-index: 5000 !important;
  601. }
  602. /* (new8) RIGHT - SEARCH/FILM INFO - ADD RATING INFOS - With GM "Add movie ratings to IMDB links [adopted]" */
  603. .celwidget[data-testid="Filmography"] .ipc-page-section.ipc-page-section--base:last-of-type .ipc-metadata-list-summary-item__tc{
  604. display: inline-block !important;
  605. min-width: 100% !important;
  606. /* border: 1px solid yellow !important; */
  607. }
  608.  
  609. /* .ipc-metadata-list-summary-item__tc a.ipc-metadata-list-summary-item__t{
  610. border: 1px solid aqua!important;
  611. } */
  612. /* (new8) RIGHT - YEAR */
  613. .celwidget[data-testid="Filmography"] .ipc-page-section.ipc-page-section--base:last-of-type .ipc-metadata-list-summary-item__cc{
  614. position: absolute !important;
  615. display: inline-block !important;
  616. min-width: 10% !important;
  617. max-width: 10% !important;
  618. right: 0 !important;
  619. height: 15px !important;
  620. line-height: 15px !important;
  621. font-size: 0.9em !important;
  622. text-align: center !important;
  623. /* background: green !important; */
  624. /* border: 1px solid brown !important; */
  625. }
  626. /* EPI */
  627. .ipc-inline-list.ipc-inline-list--show-dividers.ipc-inline-list--no-wrap.ipc-inline-list--inline.ipc-metadata-list-summary-item__cbl.base {
  628. position: relative !important;
  629. display: inline-block !important;
  630. width: 60% !important;
  631. min-width: 80px !important;
  632. max-width: 80px !important;
  633. height: 14px !important;
  634. line-height: 11px !important;
  635. margin: 2.5vh 0 0 -6vw!important;
  636. text-align: center !important;
  637. /* background: green !important; */
  638. /* border: 1px solid brown !important; */
  639. }
  640. .ipc-inline-list.ipc-inline-list--show-dividers.ipc-inline-list--no-wrap.ipc-inline-list--inline.ipc-metadata-list-summary-item__cbl.base .ipc-metadata-list-summary-item__li--btn {
  641. background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  642. border: medium none;
  643. cursor: pointer;
  644. font-family: var(--ipt-font-family);
  645. font-size: 0.775rem !important;
  646. font-weight: 700;
  647. letter-spacing: 0.01786em;
  648. line-height: 0.7rem !important;
  649. padding: 0;
  650. text-decoration: inherit;
  651. text-transform: inherit;
  652. }
  653.  
  654. /* (new8) RIGHT - BUTTOM MORE INFOS */
  655. .celwidget[data-testid="Filmography"] .ipc-page-section.ipc-page-section--base:last-of-type .ipc-icon-button.credit-card-details-button.credit-prompt-trigger {
  656. position: relative;
  657. display: inline-block;
  658. line-height: 0;
  659. padding: 1rem 0 0 1rem !important;
  660. border-radius: 50%;
  661. }
  662.  
  663.  
  664. /* RIGHT PANEL - RATING */
  665. /* a.ipc-metadata-list-summary-item__t:after {
  666. content: "(" attr(title) ")" !important;
  667. float: right !important;
  668. margin: 0 0 0 0.5em !important;
  669. font-size: 0.7em !important;
  670. color: white !important;
  671. } */
  672.  
  673. /* (new11) LEFT PANEL - GOLD IMDb rgb(245,197,24) */
  674. .celwidget[data-testid="Filmography"] {
  675. margin: 0 0 0 0 !important;
  676. border-right: 4px solid rgb(245,197,24) !important;
  677. }
  678.  
  679. /* (new11) LEFT / RIGHT INFOS - MODAL - MOVIE INFOS */
  680. .ipc-promptable-base.ipc-promptable-dialog.enter-done {
  681. display: inline-block !important;
  682. z-index: 500000000 !important;
  683. }
  684. .ipc-promptable-base.ipc-promptable-dialog.enter-done .ipc-promptable-base__panel {
  685. position: fixed !important;
  686. display: inline-block !important;
  687. right: 33% !important;
  688. top: 13vh;
  689. border: 1px solid red;
  690. }
  691.  
  692. /* (new11) LEFT PANEL - FILMOGRAPHY - RATING */
  693. .celwidget[data-testid="Filmography"] .ipc-primary-image-list-card__content-mid-top {
  694. margin: 0vh 0 0.8vh 0 !important;
  695. border-bottom: 1px solid red !important;
  696. }
  697.  
  698. /* (new11) LEFT PANEL - FILMOGRAPHY - CARDS ITEMS */
  699. .celwidget[data-testid="Filmography"] .ipc-primary-image-list-card {
  700. display: inline-block !important;
  701. flex-direction: row;
  702. height: 5.575rem !important;
  703. margin: 0vh 0 -1vh 0 !important;
  704. padding: 0;
  705. overflow: hidden;
  706. border: 1px solid rgb(245,197,24) !important;
  707. }
  708. .celwidget[data-testid="Filmography"] .ipc-primary-image-list-card .ipc-primary-image-list-card__poster {
  709. display: block !important;
  710. float: left !important;
  711. width: 4.27125rem;
  712. overflow: hidden;
  713. /*border: 1px solid yellow !important;*/
  714. }
  715.  
  716. .celwidget[data-testid="Filmography"] .ipc-primary-image-list-card--base .ipc-primary-image-list-card__content {
  717. padding: 0 0 0 0 !important;
  718. }
  719. /* (new11) LEFT PANEL - FILMOGRAPHY - CARDS ITEMS - TITLE */
  720. .celwidget[data-testid="Filmography"] .ipc-primary-image-list-card__content {
  721. display: block !important;
  722. float: right !important;
  723. width: 73% !important;
  724. line-height: 1.25rem;
  725. padding: .5rem 0 .5rem .75rem;
  726. font-size: .875rem;
  727. letter-spacing: .01786em;
  728. align-content: space-between;
  729. overflow: hidden;
  730. /*border: 1px solid aqua !important;*/
  731. }
  732. .celwidget[data-testid="Filmography"] .ipc-primary-image-list-card__content-top {
  733. display: inline-block !important;
  734. width: 100% !important;
  735. min-height: 4vh !important;
  736. max-height: 4vh !important;
  737. padding: 0 0 0 5px !important;
  738. /*border: 1px solid aqua !important;*/
  739. }
  740.  
  741. /* (new8) TITLLE - GM - .ipc-primary-image-list-card__title[data-gm-fetched="true"] */
  742. .ipc-primary-image-list-card__content-top a.ipc-primary-image-list-card__title {
  743. display: inline-block !important;
  744. width: 100% !important;
  745. height: auto !important;
  746. line-height: 0.9rem !important;
  747. padding: 0;
  748. text-align: left;
  749. letter-spacing: 0.00937em;
  750. font-size: 0.9rem !important;
  751. overflow: hidden !important;
  752. white-space: pre-wrap !important;
  753. /* border: 1px solid pink !important; */
  754. }
  755.  
  756.  
  757. /* (new8) LEFT PANEL - RATING NOT FOUND */
  758. .ipc-shoveler .ipc-primary-image-list-card__title[title="Rated RATING_NOT_FOUND by undefined users."]:after {
  759. content: "(No rating)" !important;
  760. float: right !important;
  761. font-size: 0.7em !important;
  762. opacity: 0.5 !important;
  763. color: red !important;
  764. }
  765.  
  766.  
  767.  
  768. /* (new8) NO RATING */
  769. a.ipc-metadata-list-summary-item__t:not([title]):after {
  770. content: "(No rating)" !important;
  771. /* display: none !important; */
  772. float: right !important;
  773. font-size: 0.7em !important;
  774. opacity: 0.5 !important;
  775. color: red !important;
  776. }
  777.  
  778. /* (new8) RATING NOT FOUND */
  779. a.ipc-metadata-list-summary-item__t[title="Rated RATING_NOT_FOUND by undefined users."]:after {
  780. content: "(No rating)" !important;
  781. float: right !important;
  782. font-size: 0.7em !important;
  783. opacity: 0.5 !important;
  784. color: red !important;
  785. }
  786.  
  787. /* (new8) GM RATING - SUPP DOUBLE - RIGHT PANEL */
  788. .ipc-accordion__item__content_inner button + a + div {
  789. display: none !important;
  790. }
  791.  
  792.  
  793. /* RATING - OPACITY */
  794. /* (new8) GM RATING - OPACITY - LEFT PANEL */
  795. .celwidget[data-testid="Filmography"] section:first-of-type .ipc-sub-grid.ipc-sub-grid--page-span-2.ipc-sub-grid--wraps-at-above-l.ipc-shoveler__grid .ipc-primary-image-list-card__title[title] + div {
  796. opacity: 0.5 !important;
  797. }
  798. /* (new8) GM RATING - OPACITY - RIGHT PANEL */
  799. .ipc-metadata-list-summary-item__tc a.ipc-metadata-list-summary-item__t[title] + div {
  800. /* float: right !important; */
  801. opacity: 0.3 !important;
  802. }
  803. /* (new8) GM RATING - OPACITY - CENTER PANEL */
  804. .ipc-md-link.ipc-md-link--entity + div[style="display: inline-block;"] {
  805. /* float: right !important; */
  806. opacity: 0.3 !important;
  807. }
  808.  
  809. /* HOVER - LEFT / CENTER / RIGHT */
  810. .ipc-md-link.ipc-md-link--entity:hover + div[style="display: inline-block;"] ,
  811. .celwidget[data-testid="Filmography"] section:first-of-type .ipc-sub-grid.ipc-sub-grid--page-span-2.ipc-sub-grid--wraps-at-above-l.ipc-shoveler__grid .ipc-list-card--span:hover .ipc-primary-image-list-card__title[title] + div ,
  812. .ipc-metadata-list-summary-item__tc:hover a.ipc-metadata-list-summary-item__t[title] + div {
  813. opacity: 1 !important;
  814. }
  815. .celwidget[data-testid="Filmography"] section:first-of-type .ipc-sub-grid.ipc-sub-grid--page-span-2.ipc-sub-grid--wraps-at-above-l.ipc-shoveler__grid .ipc-list-card--span:hover .ipc-primary-image-list-card__title[title] + div > span > font ,
  816. .ipc-primary-image-list-card__content-top > div > span > font ,
  817. .ipc-metadata-list-summary-item__tc>div>span>font {
  818. opacity: 1 !important;
  819. }
  820. /* KNOW FOR/ CONNUE POUR - LEFT PANEL - .ipc-primary-image-list-card__title[data-gm-fetched="true"] */
  821.  
  822. .celwidget[data-testid="Filmography"] section:first-of-type .ipc-sub-grid.ipc-sub-grid--page-span-2.ipc-sub-grid--wraps-at-above-l.ipc-shoveler__grid .ipc-primary-image-list-card__title[title] + div {
  823. position: absolute !important;
  824. display: inline-block !important;
  825. width: 100% !important;
  826. min-width: 57% !important;
  827. max-width: 57% !important;
  828. bottom: 0.7vh !important;
  829. padding-left: 2.5em !important;
  830. /* opacity: 0.5 !important; */
  831. /* border: 1px dashed aqua !important; */
  832. }
  833.  
  834. /* (new8) TV EPIS */
  835. .celwidget[data-testid="Filmography"] section:first-of-type .ipc-sub-grid.ipc-sub-grid--page-span-2.ipc-sub-grid--wraps-at-above-l.ipc-shoveler__grid .ipc-primary-image-list-card__title-type {
  836. position: absolute !important;
  837. display: inline-block !important;
  838. min-height: 0.8rem !important;
  839. max-height: 0.8rem !important;
  840. line-height: 0.6rem !important;
  841. margin: -3vh 0 0 0 !important;
  842. overflow: hidden;
  843. text-overflow: ellipsis;
  844. white-space: nowrap;
  845. font-size: 0.7rem !important;
  846. /* border: 1px solid green !important; */
  847. }
  848. /* (new8) EPISODES COUNTER */
  849. .celwidget[data-testid="Filmography"] section:first-of-type .ipc-sub-grid.ipc-sub-grid--page-span-2.ipc-sub-grid--wraps-at-above-l.ipc-shoveler__grid .ipc-primary-image-list-card__secondary-text.ipc-primary-image-list-card__secondary-text--clickable{
  850. position: absolute !important;
  851. display: inline-block !important;
  852. min-height: 0.9rem !important;
  853. max-height: 0.9rem !important;
  854. line-height: 0.6rem !important;
  855. width: 100% !important;
  856. min-width: 65% !important;
  857. max-width: 65% !important;
  858. bottom: 9.4vh !important;
  859. padding: 1px 3px !important;
  860. font-size: 0.7rem !important;
  861. text-align: right !important;
  862. opacity: 0.5 !important;
  863. /* background: #333 !important; */
  864. /* border: 1px dashed yellow !important; */
  865. }
  866. .celwidget[data-testid="Filmography"] section:first-of-type .ipc-sub-grid.ipc-sub-grid--page-span-2.ipc-sub-grid--wraps-at-above-l.ipc-shoveler__grid .ipc-primary-image-list-card__content + a + div[style="display: inline-block;"] {
  867. display: none !important;
  868. border: 1px solid yellow !important;
  869. }
  870.  
  871. /* (new8) FUNCTION */
  872. .celwidget[data-testid="Filmography"] section:first-of-type .ipc-sub-grid.ipc-sub-grid--page-span-2.ipc-sub-grid--wraps-at-above-l.ipc-shoveler__grid .ipc-primary-image-list-card__content-mid-bottom {
  873. line-height: 10px !important;
  874. margin: 0 0 10px 0 !important;
  875. /* border: 1px solid yellow !important; */
  876. }
  877.  
  878. /* END - RATING ==== */
  879.  
  880. /* (new8) PHOTOS PAGES */
  881. #pagecontent {
  882. margin: 7vh 0 0 0 !important;
  883. padding-bottom: 1px;
  884. padding-top: 1px;
  885. }
  886. /* (new8) PHOTO VIEWER - INFOS */
  887. .media-viewer__media-sheet {
  888. position: absolute !important;
  889. bottom: 0vh !important;
  890. display: flex;
  891. max-height: calc(53% - 1.5rem);
  892. width: 100%;
  893. z-index: 2;
  894. /* border: 1px solid red !important; */
  895. }
  896.  
  897.  
  898. .media-viewer__media-sheet .ipc-page-content-container > div:not([style="opacity: 1; visibility: visible;"]) {
  899. display: none !important;
  900. opacity: 0 !important;
  901. visibility: hidden !important;
  902. }
  903. .media-viewer__media-sheet .ipc-page-content-container > div[style="opacity: 1; visibility: visible;"] {
  904. display: inline-block !important;
  905. opacity: 1 !important;
  906. visibility: visible !important;
  907. /* z-index: 50000 !important; */
  908. /* border: 1px solid red !important; */
  909. }
  910. .media-viewer__media-sheet .ipc-page-content-container > .ipc-icon-border-button.media-sheet__open {
  911. position: absolute;
  912. display: inline-block !important;
  913. bottom: 0.2rem;
  914. right: -70.2%!important;
  915. opacity: 0.7 !important;
  916. transition: opacity 0.5s ease-in 0s;
  917. visibility: visible;
  918. }
  919. .media-viewer__media-sheet .ipc-page-content-container > .ipc-icon-border-button.media-sheet__close {
  920. left: 99% !important;
  921. }
  922.  
  923. /* PHOTO PLAYER */
  924. .media-viewer {
  925. height: calc(100vh - 7vh) !important;
  926. }
  927. .media-viewer img {
  928. display: inline-block !important;
  929. min-height: 74vh !important;
  930. max-height: 74vh !important;
  931. width: 100% !important;
  932. min-width: 100vw !important;
  933. max-width: 100vw !important;
  934. position: absolute;
  935. padding: 4px !important;
  936. background-size: contain !important;
  937. background-color: #111 !important;
  938. object-fit: contain !important;
  939. /* border: 1px solid yellow !important; */
  940. }
  941.  
  942.  
  943. /* END - URL-PREF - 0- IMDb Compact - New Names Pages v.3 - URL-PREF ==== */
  944.  
  945. /* ==== END ==== */
  946. }