SensCritique - Philou Edition

Un thème pour moderniser SensCritique, avec dark-mode, meilleure gestion images entre autres.

  1. /* ==UserStyle==
  2. @name SensCritique - Philou Edition
  3. @description Un thème pour moderniser SensCritique, avec dark-mode, meilleure gestion images entre autres.
  4. @version 1.0.2
  5. @namespace phileas.tv
  6. @licence AGPL-3.0-or-later
  7. @supportURL https://github.com/phileastv/SC_Philou
  8. @var color green "Accent color" #0ad06f
  9. @var range paddingimgproduit "Hauteur images - Produits" [55, 0, 100, 5, "vh"]
  10. @var range taille-img-accueil "Hauteur images - Accueil" [60, 0, 100, 5, "vh"]
  11. ==/UserStyle== */
  12. @-moz-document url-prefix("https://www.senscritique.com")
  13. {
  14. /* Thème personnalisé pour SensCritique
  15. Crée par Philéas
  16. https://www.senscritique.com/phileas_imt
  17. https://phileas.tv
  18.  
  19. Fork du dark mode de zhyar -
  20. https://userstyles.org/styles/147711/senscritique-th-me-sombre
  21.  
  22. Enjoy ! */
  23. :root
  24. {
  25. --dark: #18191c;
  26. --grey: #202225;
  27. --lightgrey: #d4d4d4;
  28. --blue: #428cff;
  29. --blue2: #5d85dd;
  30. --lightblue: #66a0ff;
  31. /* --green: #0ad06f; */
  32. --bg: var(--dark);
  33. --bg2: var(--grey);
  34. --text: var(--lightgrey);
  35. --border: rgba(255, 255, 255, .05);
  36. --loader-mask: rgba(0, 0, 0.3);
  37. --link: var(--blue);
  38. --link-hover: var(--blue2)/* --paddingimgproduit: 50vh; */
  39. --paddingprofil: 30vh;
  40. --taille-header: 145px;
  41. --taille-header-negatif: -145px;
  42. --taille-avatar-user: 60px;
  43. /* Default : 50px, recommandé : 60px */
  44. }
  45.  
  46. /*
  47. IMPORT
  48. DES
  49. POLICES
  50. */
  51. /* Import Space Grotesk */
  52. /* vietnamese */
  53. @font-face
  54. {
  55. font-family: 'Space Grotesk';
  56. font-style: normal;
  57. font-weight: 300;
  58. src: url(https://fonts.gstatic.com/s/spacegrotesk/v1/V8mDoQDjQSkFtoMM3T6r8E7mPb54C_k3HqUtEw.woff2) format('woff2');
  59. unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
  60. }
  61.  
  62. /* latin-ext */
  63. @font-face
  64. {
  65. font-family: 'Space Grotesk';
  66. font-style: normal;
  67. font-weight: 300;
  68. src: url(https://fonts.gstatic.com/s/spacegrotesk/v1/V8mDoQDjQSkFtoMM3T6r8E7mPb94C_k3HqUtEw.woff2) format('woff2');
  69. unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  70. }
  71.  
  72. /* latin */
  73. @font-face
  74. {
  75. font-family: 'Space Grotesk';
  76. font-style: normal;
  77. font-weight: 300;
  78. src: url(https://fonts.gstatic.com/s/spacegrotesk/v1/V8mDoQDjQSkFtoMM3T6r8E7mPbF4C_k3HqU.woff2) format('woff2');
  79. unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  80. }
  81.  
  82. /* vietnamese */
  83. @font-face
  84. {
  85. font-family: 'Space Grotesk';
  86. font-style: normal;
  87. font-weight: 400;
  88. src: url(https://fonts.gstatic.com/s/spacegrotesk/v1/V8mDoQDjQSkFtoMM3T6r8E7mPb54C_k3HqUtEw.woff2) format('woff2');
  89. unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
  90. }
  91.  
  92. /* latin-ext */
  93. @font-face
  94. {
  95. font-family: 'Space Grotesk';
  96. font-style: normal;
  97. font-weight: 400;
  98. src: url(https://fonts.gstatic.com/s/spacegrotesk/v1/V8mDoQDjQSkFtoMM3T6r8E7mPb94C_k3HqUtEw.woff2) format('woff2');
  99. unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  100. }
  101.  
  102. /* latin */
  103. @font-face
  104. {
  105. font-family: 'Space Grotesk';
  106. font-style: normal;
  107. font-weight: 400;
  108. src: url(https://fonts.gstatic.com/s/spacegrotesk/v1/V8mDoQDjQSkFtoMM3T6r8E7mPbF4C_k3HqU.woff2) format('woff2');
  109. unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  110. }
  111.  
  112. /* vietnamese */
  113. @font-face
  114. {
  115. font-family: 'Space Grotesk';
  116. font-style: normal;
  117. font-weight: 500;
  118. src: url(https://fonts.gstatic.com/s/spacegrotesk/v1/V8mDoQDjQSkFtoMM3T6r8E7mPb54C_k3HqUtEw.woff2) format('woff2');
  119. unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
  120. }
  121.  
  122. /* latin-ext */
  123. @font-face
  124. {
  125. font-family: 'Space Grotesk';
  126. font-style: normal;
  127. font-weight: 500;
  128. src: url(https://fonts.gstatic.com/s/spacegrotesk/v1/V8mDoQDjQSkFtoMM3T6r8E7mPb94C_k3HqUtEw.woff2) format('woff2');
  129. unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  130. }
  131.  
  132. /* latin */
  133. @font-face
  134. {
  135. font-family: 'Space Grotesk';
  136. font-style: normal;
  137. font-weight: 500;
  138. src: url(https://fonts.gstatic.com/s/spacegrotesk/v1/V8mDoQDjQSkFtoMM3T6r8E7mPbF4C_k3HqU.woff2) format('woff2');
  139. unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  140. }
  141.  
  142. /* vietnamese */
  143. @font-face
  144. {
  145. font-family: 'Space Grotesk';
  146. font-style: normal;
  147. font-weight: 600;
  148. src: url(https://fonts.gstatic.com/s/spacegrotesk/v1/V8mDoQDjQSkFtoMM3T6r8E7mPb54C_k3HqUtEw.woff2) format('woff2');
  149. unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
  150. }
  151.  
  152. /* latin-ext */
  153. @font-face
  154. {
  155. font-family: 'Space Grotesk';
  156. font-style: normal;
  157. font-weight: 600;
  158. src: url(https://fonts.gstatic.com/s/spacegrotesk/v1/V8mDoQDjQSkFtoMM3T6r8E7mPb94C_k3HqUtEw.woff2) format('woff2');
  159. unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  160. }
  161.  
  162. /* latin */
  163. @font-face
  164. {
  165. font-family: 'Space Grotesk';
  166. font-style: normal;
  167. font-weight: 600;
  168. src: url(https://fonts.gstatic.com/s/spacegrotesk/v1/V8mDoQDjQSkFtoMM3T6r8E7mPbF4C_k3HqU.woff2) format('woff2');
  169. unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  170. }
  171.  
  172. /* vietnamese */
  173. @font-face
  174. {
  175. font-family: 'Space Grotesk';
  176. font-style: normal;
  177. font-weight: 700;
  178. src: url(https://fonts.gstatic.com/s/spacegrotesk/v1/V8mDoQDjQSkFtoMM3T6r8E7mPb54C_k3HqUtEw.woff2) format('woff2');
  179. unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
  180. }
  181.  
  182. /* latin-ext */
  183. @font-face
  184. {
  185. font-family: 'Space Grotesk';
  186. font-style: normal;
  187. font-weight: 700;
  188. src: url(https://fonts.gstatic.com/s/spacegrotesk/v1/V8mDoQDjQSkFtoMM3T6r8E7mPb94C_k3HqUtEw.woff2) format('woff2');
  189. unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  190. }
  191.  
  192. /* latin */
  193. @font-face
  194. {
  195. font-family: 'Space Grotesk';
  196. font-style: normal;
  197. font-weight: 700;
  198. src: url(https://fonts.gstatic.com/s/spacegrotesk/v1/V8mDoQDjQSkFtoMM3T6r8E7mPbF4C_k3HqU.woff2) format('woff2');
  199. unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  200. }
  201.  
  202. /* Import Space Mono */
  203. /* vietnamese */
  204. @font-face
  205. {
  206. font-family: 'Space Mono';
  207. font-style: normal;
  208. font-weight: 400;
  209. src: url(https://fonts.gstatic.com/s/spacemono/v6/i7dPIFZifjKcF5UAWdDRYE58RXi4EwSsbg.woff2) format('woff2');
  210. unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
  211. }
  212.  
  213. /* latin-ext */
  214. @font-face
  215. {
  216. font-family: 'Space Mono';
  217. font-style: normal;
  218. font-weight: 400;
  219. src: url(https://fonts.gstatic.com/s/spacemono/v6/i7dPIFZifjKcF5UAWdDRYE98RXi4EwSsbg.woff2) format('woff2');
  220. unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  221. }
  222.  
  223. /* latin */
  224. @font-face
  225. {
  226. font-family: 'Space Mono';
  227. font-style: normal;
  228. font-weight: 400;
  229. src: url(https://fonts.gstatic.com/s/spacemono/v6/i7dPIFZifjKcF5UAWdDRYEF8RXi4EwQ.woff2) format('woff2');
  230. unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  231. }
  232.  
  233. /* cyrillic-ext */
  234. /* Import IBM Plex Serif */
  235. @font-face
  236. {
  237. font-family: 'IBM Plex Serif';
  238. font-style: italic;
  239. font-weight: 100;
  240. src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizHREVNn1dOx-zrZ2X3pZvkTiUa41YjgX7Motmp5r61.woff2) format('woff2');
  241. unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  242. }
  243.  
  244. /* cyrillic */
  245. @font-face
  246. {
  247. font-family: 'IBM Plex Serif';
  248. font-style: italic;
  249. font-weight: 100;
  250. src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizHREVNn1dOx-zrZ2X3pZvkTiUa41YjiH7Motmp5r61.woff2) format('woff2');
  251. unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  252. }
  253.  
  254. /* vietnamese */
  255. @font-face
  256. {
  257. font-family: 'IBM Plex Serif';
  258. font-style: italic;
  259. font-weight: 100;
  260. src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizHREVNn1dOx-zrZ2X3pZvkTiUa41Yjg37Motmp5r61.woff2) format('woff2');
  261. unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
  262. }
  263.  
  264. /* latin-ext */
  265. @font-face
  266. {
  267. font-family: 'IBM Plex Serif';
  268. font-style: italic;
  269. font-weight: 100;
  270. src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizHREVNn1dOx-zrZ2X3pZvkTiUa41Yjgn7Motmp5r61.woff2) format('woff2');
  271. unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  272. }
  273.  
  274. /* latin */
  275. @font-face
  276. {
  277. font-family: 'IBM Plex Serif';
  278. font-style: italic;
  279. font-weight: 100;
  280. src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizHREVNn1dOx-zrZ2X3pZvkTiUa41YjjH7Motmp5g.woff2) format('woff2');
  281. unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  282. }
  283.  
  284. /* cyrillic-ext */
  285. @font-face
  286. {
  287. font-family: 'IBM Plex Serif';
  288. font-style: italic;
  289. font-weight: 200;
  290. src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizGREVNn1dOx-zrZ2X3pZvkTiUa4_oym1TpjfGj7oaMBg.woff2) format('woff2');
  291. unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  292. }
  293.  
  294. /* cyrillic */
  295. @font-face
  296. {
  297. font-family: 'IBM Plex Serif';
  298. font-style: italic;
  299. font-weight: 200;
  300. src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizGREVNn1dOx-zrZ2X3pZvkTiUa4_oym13pjfGj7oaMBg.woff2) format('woff2');
  301. unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  302. }
  303.  
  304. /* vietnamese */
  305. @font-face
  306. {
  307. font-family: 'IBM Plex Serif';
  308. font-style: italic;
  309. font-weight: 200;
  310. src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizGREVNn1dOx-zrZ2X3pZvkTiUa4_oym1bpjfGj7oaMBg.woff2) format('woff2');
  311. unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
  312. }
  313.  
  314. /* latin-ext */
  315. @font-face
  316. {
  317. font-family: 'IBM Plex Serif';
  318. font-style: italic;
  319. font-weight: 200;
  320. src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizGREVNn1dOx-zrZ2X3pZvkTiUa4_oym1fpjfGj7oaMBg.woff2) format('woff2');
  321. unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  322. }
  323.  
  324. /* latin */
  325. @font-face
  326. {
  327. font-family: 'IBM Plex Serif';
  328. font-style: italic;
  329. font-weight: 200;
  330. src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizGREVNn1dOx-zrZ2X3pZvkTiUa4_oym1npjfGj7oY.woff2) format('woff2');
  331. unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  332. }
  333.  
  334. /* cyrillic-ext */
  335. @font-face
  336. {
  337. font-family: 'IBM Plex Serif';
  338. font-style: italic;
  339. font-weight: 300;
  340. src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizGREVNn1dOx-zrZ2X3pZvkTiUa454xm1TpjfGj7oaMBg.woff2) format('woff2');
  341. unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  342. }
  343.  
  344. /* cyrillic */
  345. @font-face
  346. {
  347. font-family: 'IBM Plex Serif';
  348. font-style: italic;
  349. font-weight: 300;
  350. src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizGREVNn1dOx-zrZ2X3pZvkTiUa454xm13pjfGj7oaMBg.woff2) format('woff2');
  351. unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  352. }
  353.  
  354. /* vietnamese */
  355. @font-face
  356. {
  357. font-family: 'IBM Plex Serif';
  358. font-style: italic;
  359. font-weight: 300;
  360. src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizGREVNn1dOx-zrZ2X3pZvkTiUa454xm1bpjfGj7oaMBg.woff2) format('woff2');
  361. unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
  362. }
  363.  
  364. /* latin-ext */
  365. @font-face
  366. {
  367. font-family: 'IBM Plex Serif';
  368. font-style: italic;
  369. font-weight: 300;
  370. src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizGREVNn1dOx-zrZ2X3pZvkTiUa454xm1fpjfGj7oaMBg.woff2) format('woff2');
  371. unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  372. }
  373.  
  374. /* latin */
  375. @font-face
  376. {
  377. font-family: 'IBM Plex Serif';
  378. font-style: italic;
  379. font-weight: 300;
  380. src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizGREVNn1dOx-zrZ2X3pZvkTiUa454xm1npjfGj7oY.woff2) format('woff2');
  381. unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  382. }
  383.  
  384. /* cyrillic-ext */
  385. @font-face
  386. {
  387. font-family: 'IBM Plex Serif';
  388. font-style: italic;
  389. font-weight: 400;
  390. src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizBREVNn1dOx-zrZ2X3pZvkTiUa6zgTjnTLgNuZ5w.woff2) format('woff2');
  391. unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  392. }
  393.  
  394. /* cyrillic */
  395. @font-face
  396. {
  397. font-family: 'IBM Plex Serif';
  398. font-style: italic;
  399. font-weight: 400;
  400. src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizBREVNn1dOx-zrZ2X3pZvkTiUa6zETjnTLgNuZ5w.woff2) format('woff2');
  401. unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  402. }
  403.  
  404. /* vietnamese */
  405. @font-face
  406. {
  407. font-family: 'IBM Plex Serif';
  408. font-style: italic;
  409. font-weight: 400;
  410. src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizBREVNn1dOx-zrZ2X3pZvkTiUa6zoTjnTLgNuZ5w.woff2) format('woff2');
  411. unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
  412. }
  413.  
  414. /* latin-ext */
  415. @font-face
  416. {
  417. font-family: 'IBM Plex Serif';
  418. font-style: italic;
  419. font-weight: 400;
  420. src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizBREVNn1dOx-zrZ2X3pZvkTiUa6zsTjnTLgNuZ5w.woff2) format('woff2');
  421. unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  422. }
  423.  
  424. /* latin */
  425. @font-face
  426. {
  427. font-family: 'IBM Plex Serif';
  428. font-style: italic;
  429. font-weight: 400;
  430. src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizBREVNn1dOx-zrZ2X3pZvkTiUa6zUTjnTLgNs.woff2) format('woff2');
  431. unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  432. }
  433.  
  434. /* cyrillic-ext */
  435. @font-face
  436. {
  437. font-family: 'IBM Plex Serif';
  438. font-style: italic;
  439. font-weight: 500;
  440. src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizGREVNn1dOx-zrZ2X3pZvkTiUa48Ywm1TpjfGj7oaMBg.woff2) format('woff2');
  441. unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  442. }
  443.  
  444. /* cyrillic */
  445. @font-face
  446. {
  447. font-family: 'IBM Plex Serif';
  448. font-style: italic;
  449. font-weight: 500;
  450. src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizGREVNn1dOx-zrZ2X3pZvkTiUa48Ywm13pjfGj7oaMBg.woff2) format('woff2');
  451. unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  452. }
  453.  
  454. /* vietnamese */
  455. @font-face
  456. {
  457. font-family: 'IBM Plex Serif';
  458. font-style: italic;
  459. font-weight: 500;
  460. src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizGREVNn1dOx-zrZ2X3pZvkTiUa48Ywm1bpjfGj7oaMBg.woff2) format('woff2');
  461. unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
  462. }
  463.  
  464. /* latin-ext */
  465. @font-face
  466. {
  467. font-family: 'IBM Plex Serif';
  468. font-style: italic;
  469. font-weight: 500;
  470. src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizGREVNn1dOx-zrZ2X3pZvkTiUa48Ywm1fpjfGj7oaMBg.woff2) format('woff2');
  471. unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  472. }
  473.  
  474. /* latin */
  475. @font-face
  476. {
  477. font-family: 'IBM Plex Serif';
  478. font-style: italic;
  479. font-weight: 500;
  480. src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizGREVNn1dOx-zrZ2X3pZvkTiUa48Ywm1npjfGj7oY.woff2) format('woff2');
  481. unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  482. }
  483.  
  484. /* cyrillic-ext */
  485. @font-face
  486. {
  487. font-family: 'IBM Plex Serif';
  488. font-style: italic;
  489. font-weight: 600;
  490. src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizGREVNn1dOx-zrZ2X3pZvkTiUa4-o3m1TpjfGj7oaMBg.woff2) format('woff2');
  491. unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  492. }
  493.  
  494. /* cyrillic */
  495. @font-face
  496. {
  497. font-family: 'IBM Plex Serif';
  498. font-style: italic;
  499. font-weight: 600;
  500. src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizGREVNn1dOx-zrZ2X3pZvkTiUa4-o3m13pjfGj7oaMBg.woff2) format('woff2');
  501. unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  502. }
  503.  
  504. /* vietnamese */
  505. @font-face
  506. {
  507. font-family: 'IBM Plex Serif';
  508. font-style: italic;
  509. font-weight: 600;
  510. src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizGREVNn1dOx-zrZ2X3pZvkTiUa4-o3m1bpjfGj7oaMBg.woff2) format('woff2');
  511. unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
  512. }
  513.  
  514. /* latin-ext */
  515. @font-face
  516. {
  517. font-family: 'IBM Plex Serif';
  518. font-style: italic;
  519. font-weight: 600;
  520. src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizGREVNn1dOx-zrZ2X3pZvkTiUa4-o3m1fpjfGj7oaMBg.woff2) format('woff2');
  521. unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  522. }
  523.  
  524. /* latin */
  525. @font-face
  526. {
  527. font-family: 'IBM Plex Serif';
  528. font-style: italic;
  529. font-weight: 600;
  530. src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizGREVNn1dOx-zrZ2X3pZvkTiUa4-o3m1npjfGj7oY.woff2) format('woff2');
  531. unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  532. }
  533.  
  534. /* cyrillic-ext */
  535. @font-face
  536. {
  537. font-family: 'IBM Plex Serif';
  538. font-style: italic;
  539. font-weight: 700;
  540. src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizGREVNn1dOx-zrZ2X3pZvkTiUa4442m1TpjfGj7oaMBg.woff2) format('woff2');
  541. unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  542. }
  543.  
  544. /* cyrillic */
  545. @font-face
  546. {
  547. font-family: 'IBM Plex Serif';
  548. font-style: italic;
  549. font-weight: 700;
  550. src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizGREVNn1dOx-zrZ2X3pZvkTiUa4442m13pjfGj7oaMBg.woff2) format('woff2');
  551. unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  552. }
  553.  
  554. /* vietnamese */
  555. @font-face
  556. {
  557. font-family: 'IBM Plex Serif';
  558. font-style: italic;
  559. font-weight: 700;
  560. src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizGREVNn1dOx-zrZ2X3pZvkTiUa4442m1bpjfGj7oaMBg.woff2) format('woff2');
  561. unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
  562. }
  563.  
  564. /* latin-ext */
  565. @font-face
  566. {
  567. font-family: 'IBM Plex Serif';
  568. font-style: italic;
  569. font-weight: 700;
  570. src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizGREVNn1dOx-zrZ2X3pZvkTiUa4442m1fpjfGj7oaMBg.woff2) format('woff2');
  571. unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  572. }
  573.  
  574. /* latin */
  575. @font-face
  576. {
  577. font-family: 'IBM Plex Serif';
  578. font-style: italic;
  579. font-weight: 700;
  580. src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizGREVNn1dOx-zrZ2X3pZvkTiUa4442m1npjfGj7oY.woff2) format('woff2');
  581. unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  582. }
  583.  
  584. /* cyrillic-ext */
  585. @font-face
  586. {
  587. font-family: 'IBM Plex Serif';
  588. font-style: normal;
  589. font-weight: 100;
  590. src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizBREVNn1dOx-zrZ2X3pZvkTi186zgTjnTLgNuZ5w.woff2) format('woff2');
  591. unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  592. }
  593.  
  594. /* cyrillic */
  595. @font-face
  596. {
  597. font-family: 'IBM Plex Serif';
  598. font-style: normal;
  599. font-weight: 100;
  600. src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizBREVNn1dOx-zrZ2X3pZvkTi186zETjnTLgNuZ5w.woff2) format('woff2');
  601. unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  602. }
  603.  
  604. /* vietnamese */
  605. @font-face
  606. {
  607. font-family: 'IBM Plex Serif';
  608. font-style: normal;
  609. font-weight: 100;
  610. src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizBREVNn1dOx-zrZ2X3pZvkTi186zoTjnTLgNuZ5w.woff2) format('woff2');
  611. unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
  612. }
  613.  
  614. /* latin-ext */
  615. @font-face
  616. {
  617. font-family: 'IBM Plex Serif';
  618. font-style: normal;
  619. font-weight: 100;
  620. src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizBREVNn1dOx-zrZ2X3pZvkTi186zsTjnTLgNuZ5w.woff2) format('woff2');
  621. unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  622. }
  623.  
  624. /* latin */
  625. @font-face
  626. {
  627. font-family: 'IBM Plex Serif';
  628. font-style: normal;
  629. font-weight: 100;
  630. src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizBREVNn1dOx-zrZ2X3pZvkTi186zUTjnTLgNs.woff2) format('woff2');
  631. unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  632. }
  633.  
  634. /* cyrillic-ext */
  635. @font-face
  636. {
  637. font-family: 'IBM Plex Serif';
  638. font-style: normal;
  639. font-weight: 200;
  640. src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizAREVNn1dOx-zrZ2X3pZvkTi3Q-iI5q1vjitOh3oc.woff2) format('woff2');
  641. unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  642. }
  643.  
  644. /* cyrillic */
  645. @font-face
  646. {
  647. font-family: 'IBM Plex Serif';
  648. font-style: normal;
  649. font-weight: 200;
  650. src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizAREVNn1dOx-zrZ2X3pZvkTi3Q-iIwq1vjitOh3oc.woff2) format('woff2');
  651. unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  652. }
  653.  
  654. /* vietnamese */
  655. @font-face
  656. {
  657. font-family: 'IBM Plex Serif';
  658. font-style: normal;
  659. font-weight: 200;
  660. src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizAREVNn1dOx-zrZ2X3pZvkTi3Q-iI7q1vjitOh3oc.woff2) format('woff2');
  661. unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
  662. }
  663.  
  664. /* latin-ext */
  665. @font-face
  666. {
  667. font-family: 'IBM Plex Serif';
  668. font-style: normal;
  669. font-weight: 200;
  670. src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizAREVNn1dOx-zrZ2X3pZvkTi3Q-iI6q1vjitOh3oc.woff2) format('woff2');
  671. unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  672. }
  673.  
  674. /* latin */
  675. @font-face
  676. {
  677. font-family: 'IBM Plex Serif';
  678. font-style: normal;
  679. font-weight: 200;
  680. src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizAREVNn1dOx-zrZ2X3pZvkTi3Q-iI0q1vjitOh.woff2) format('woff2');
  681. unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  682. }
  683.  
  684. /* cyrillic-ext */
  685. @font-face
  686. {
  687. font-family: 'IBM Plex Serif';
  688. font-style: normal;
  689. font-weight: 300;
  690. src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizAREVNn1dOx-zrZ2X3pZvkTi20-SI5q1vjitOh3oc.woff2) format('woff2');
  691. unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  692. }
  693.  
  694. /* cyrillic */
  695. @font-face
  696. {
  697. font-family: 'IBM Plex Serif';
  698. font-style: normal;
  699. font-weight: 300;
  700. src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizAREVNn1dOx-zrZ2X3pZvkTi20-SIwq1vjitOh3oc.woff2) format('woff2');
  701. unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  702. }
  703.  
  704. /* vietnamese */
  705. @font-face
  706. {
  707. font-family: 'IBM Plex Serif';
  708. font-style: normal;
  709. font-weight: 300;
  710. src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizAREVNn1dOx-zrZ2X3pZvkTi20-SI7q1vjitOh3oc.woff2) format('woff2');
  711. unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
  712. }
  713.  
  714. /* latin-ext */
  715. @font-face
  716. {
  717. font-family: 'IBM Plex Serif';
  718. font-style: normal;
  719. font-weight: 300;
  720. src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizAREVNn1dOx-zrZ2X3pZvkTi20-SI6q1vjitOh3oc.woff2) format('woff2');
  721. unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  722. }
  723.  
  724. /* latin */
  725. @font-face
  726. {
  727. font-family: 'IBM Plex Serif';
  728. font-style: normal;
  729. font-weight: 300;
  730. src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizAREVNn1dOx-zrZ2X3pZvkTi20-SI0q1vjitOh.woff2) format('woff2');
  731. unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  732. }
  733.  
  734. /* cyrillic-ext */
  735. @font-face
  736. {
  737. font-family: 'IBM Plex Serif';
  738. font-style: normal;
  739. font-weight: 400;
  740. src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizDREVNn1dOx-zrZ2X3pZvkTiUS2zcZiVbJsNo.woff2) format('woff2');
  741. unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  742. }
  743.  
  744. /* cyrillic */
  745. @font-face
  746. {
  747. font-family: 'IBM Plex Serif';
  748. font-style: normal;
  749. font-weight: 400;
  750. src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizDREVNn1dOx-zrZ2X3pZvkTiUb2zcZiVbJsNo.woff2) format('woff2');
  751. unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  752. }
  753.  
  754. /* vietnamese */
  755. @font-face
  756. {
  757. font-family: 'IBM Plex Serif';
  758. font-style: normal;
  759. font-weight: 400;
  760. src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizDREVNn1dOx-zrZ2X3pZvkTiUQ2zcZiVbJsNo.woff2) format('woff2');
  761. unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
  762. }
  763.  
  764. /* latin-ext */
  765. @font-face
  766. {
  767. font-family: 'IBM Plex Serif';
  768. font-style: normal;
  769. font-weight: 400;
  770. src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizDREVNn1dOx-zrZ2X3pZvkTiUR2zcZiVbJsNo.woff2) format('woff2');
  771. unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  772. }
  773.  
  774. /* latin */
  775. @font-face
  776. {
  777. font-family: 'IBM Plex Serif';
  778. font-style: normal;
  779. font-weight: 400;
  780. src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizDREVNn1dOx-zrZ2X3pZvkTiUf2zcZiVbJ.woff2) format('woff2');
  781. unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  782. }
  783.  
  784. /* cyrillic-ext */
  785. @font-face
  786. {
  787. font-family: 'IBM Plex Serif';
  788. font-style: normal;
  789. font-weight: 500;
  790. src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizAREVNn1dOx-zrZ2X3pZvkTi3s-CI5q1vjitOh3oc.woff2) format('woff2');
  791. unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  792. }
  793.  
  794. /* cyrillic */
  795. @font-face
  796. {
  797. font-family: 'IBM Plex Serif';
  798. font-style: normal;
  799. font-weight: 500;
  800. src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizAREVNn1dOx-zrZ2X3pZvkTi3s-CIwq1vjitOh3oc.woff2) format('woff2');
  801. unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  802. }
  803.  
  804. /* vietnamese */
  805. @font-face
  806. {
  807. font-family: 'IBM Plex Serif';
  808. font-style: normal;
  809. font-weight: 500;
  810. src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizAREVNn1dOx-zrZ2X3pZvkTi3s-CI7q1vjitOh3oc.woff2) format('woff2');
  811. unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
  812. }
  813.  
  814. /* latin-ext */
  815. @font-face
  816. {
  817. font-family: 'IBM Plex Serif';
  818. font-style: normal;
  819. font-weight: 500;
  820. src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizAREVNn1dOx-zrZ2X3pZvkTi3s-CI6q1vjitOh3oc.woff2) format('woff2');
  821. unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  822. }
  823.  
  824. /* latin */
  825. @font-face
  826. {
  827. font-family: 'IBM Plex Serif';
  828. font-style: normal;
  829. font-weight: 500;
  830. src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizAREVNn1dOx-zrZ2X3pZvkTi3s-CI0q1vjitOh.woff2) format('woff2');
  831. unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  832. }
  833.  
  834. /* cyrillic-ext */
  835. @font-face
  836. {
  837. font-family: 'IBM Plex Serif';
  838. font-style: normal;
  839. font-weight: 600;
  840. src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizAREVNn1dOx-zrZ2X3pZvkTi3A_yI5q1vjitOh3oc.woff2) format('woff2');
  841. unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  842. }
  843.  
  844. /* cyrillic */
  845. @font-face
  846. {
  847. font-family: 'IBM Plex Serif';
  848. font-style: normal;
  849. font-weight: 600;
  850. src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizAREVNn1dOx-zrZ2X3pZvkTi3A_yIwq1vjitOh3oc.woff2) format('woff2');
  851. unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  852. }
  853.  
  854. /* vietnamese */
  855. @font-face
  856. {
  857. font-family: 'IBM Plex Serif';
  858. font-style: normal;
  859. font-weight: 600;
  860. src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizAREVNn1dOx-zrZ2X3pZvkTi3A_yI7q1vjitOh3oc.woff2) format('woff2');
  861. unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
  862. }
  863.  
  864. /* latin-ext */
  865. @font-face
  866. {
  867. font-family: 'IBM Plex Serif';
  868. font-style: normal;
  869. font-weight: 600;
  870. src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizAREVNn1dOx-zrZ2X3pZvkTi3A_yI6q1vjitOh3oc.woff2) format('woff2');
  871. unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  872. }
  873.  
  874. /* latin */
  875. @font-face
  876. {
  877. font-family: 'IBM Plex Serif';
  878. font-style: normal;
  879. font-weight: 600;
  880. src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizAREVNn1dOx-zrZ2X3pZvkTi3A_yI0q1vjitOh.woff2) format('woff2');
  881. unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  882. }
  883.  
  884. /* cyrillic-ext */
  885. @font-face
  886. {
  887. font-family: 'IBM Plex Serif';
  888. font-style: normal;
  889. font-weight: 700;
  890. src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizAREVNn1dOx-zrZ2X3pZvkTi2k_iI5q1vjitOh3oc.woff2) format('woff2');
  891. unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  892. }
  893.  
  894. /* cyrillic */
  895. @font-face
  896. {
  897. font-family: 'IBM Plex Serif';
  898. font-style: normal;
  899. font-weight: 700;
  900. src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizAREVNn1dOx-zrZ2X3pZvkTi2k_iIwq1vjitOh3oc.woff2) format('woff2');
  901. unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  902. }
  903.  
  904. /* vietnamese */
  905. @font-face
  906. {
  907. font-family: 'IBM Plex Serif';
  908. font-style: normal;
  909. font-weight: 700;
  910. src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizAREVNn1dOx-zrZ2X3pZvkTi2k_iI7q1vjitOh3oc.woff2) format('woff2');
  911. unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
  912. }
  913.  
  914. /* latin-ext */
  915. @font-face
  916. {
  917. font-family: 'IBM Plex Serif';
  918. font-style: normal;
  919. font-weight: 700;
  920. src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizAREVNn1dOx-zrZ2X3pZvkTi2k_iI6q1vjitOh3oc.woff2) format('woff2');
  921. unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  922. }
  923.  
  924. /* latin */
  925. @font-face
  926. {
  927. font-family: 'IBM Plex Serif';
  928. font-style: normal;
  929. font-weight: 700;
  930. src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizAREVNn1dOx-zrZ2X3pZvkTi2k_iI0q1vjitOh.woff2) format('woff2');
  931. unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  932. }
  933.  
  934. /*
  935. CODE DE ZHYAR
  936. http://uso-archive.surge.sh/?author=zhyar&sort=undefined&style=147711
  937. */
  938. .auli-header,
  939. .auli-register,
  940. .cag-calendar-day.inactive,
  941. .csa-filters-action,
  942. .d-dialog-body,
  943. .d-grid .pmin-grid-aside,
  944. .d-modal-footer,
  945. .d-modal-header,
  946. .d-rubric-description,
  947. .efcom-subComment,
  948. .eldi-timeline-dot,
  949. .eldi-timeline-year,
  950. .elme-search-result,
  951. .elsh-shelf::after,
  952. .elsh-shelf::before,
  953. .ere-review,
  954. .etco-comment-form textarea,
  955. .header,
  956. .header-placeholder,
  957. .hint-feed,
  958. .hint-quotes,
  959. .hint-rubric,
  960. .patl-list-search,
  961. .pep-casting tr:nth-child(2n+1),
  962. .pmin-list,
  963. .pmin-message-field,
  964. .ued-account-preview,
  965. .uvi-ranking-toggle,
  966. .vein-location-form,
  967. .wrap,
  968. [class^="Header__Wrapper"],
  969. .header-explorer,
  970. [class^="EditList__Container"],
  971. [class^="TopPolls__Container"],
  972. [class^="ListComment__Container"],
  973. [class^="TopPolls__Wrapper"],
  974. .wrap,
  975. .wrap__content,
  976. body
  977. {
  978. background-color: var(--bg) !important
  979. }
  980.  
  981. .acin-focus,
  982. .autograf-contribute,
  983. .cag-calendar-day,
  984. .csa-scouts,
  985. .csa-scouts-inactive,
  986. .d-dialog-close,
  987. .d-dialog-footer,
  988. .d-filter2,
  989. .d-modal-body,
  990. .d-modal-close,
  991. .d-modal-content,
  992. .d-modal-footer,
  993. .d-rubric-highlighted,
  994. .d-rubric-inset,
  995. .d-rubric-menu,
  996. .d-tabs,
  997. .ecap-products:hover .ecap-resultsLabel-goTo,
  998. .ecot-contact-caption:hover,
  999. .ecot-contact:hover .ecot-contact-caption,
  1000. .efco-rightCol,
  1001. .efto-topic.highlight,
  1002. .eivi-message-preview.active,
  1003. .eivi-message-preview:hover,
  1004. .elco-review,
  1005. .eldi-collection-item,
  1006. .elfa-attachment,
  1007. .elme-search-result:nth-child(even),
  1008. .elme-search-results-actions,
  1009. .elpa-product-collection,
  1010. .elpo-rank,
  1011. .elt-tracks-item:nth-child(odd),
  1012. .eptvt-episodes-list,
  1013. .esco-more:hover,
  1014. .eshv-shout-box,
  1015. .etco-comment,
  1016. .evs-venuesSchedules,
  1017. .foin-filters,
  1018. .fov-newTopic-container,
  1019. .header::before,
  1020. .hint-friends,
  1021. .laho-nav-navFilter:not(.active):not(.disabled):hover,
  1022. .lascmc-modal-review .d-modal-content,
  1023. .lascmc-tabItem,
  1024. .lascmc-tabs,
  1025. .lvi-likes-callToAction,
  1026. .lvi-update-content,
  1027. .nin-privileges,
  1028. .pde-data tr:nth-child(odd),
  1029. .pde-detail:nth-child(odd),
  1030. .pin-poll-item,
  1031. .pmin-message-fieldset,
  1032. .pmin-toolbar,
  1033. .pse-episode:nth-child(even),
  1034. .pse-season,
  1035. .pvi-emptyTopic,
  1036. .pvi-rubric-inset,
  1037. .pvi-shout-mine textarea,
  1038. .pvi-venues,
  1039. .pvid-social,
  1040. .rvi-review,
  1041. .rvi-review-social,
  1042. .scsec-social-buttons,
  1043. .scsec-user,
  1044. .scsec-user-collection,
  1045. .uinv-links-content,
  1046. .uve-details,
  1047. .uve-versus,
  1048. .uvi-stats-global,
  1049. .uvi-versus,
  1050. .vibp-item,
  1051. [class^="ProductSearchResult__Container"],
  1052. [class^="SearchUserComponent__MainContainer"],
  1053. .laho-nav-navFilter.active,
  1054. [class^="ProductListItem__Container"],
  1055. [class^="PollItem__ContentBottom"],
  1056. .pvi-setup-progress-message,
  1057. [class^="common__ItemsContainer"],
  1058. [class^="EditListHeader__Container"],
  1059. [class^="TrendingSidebar__StyledH3"],
  1060. [class^="PollYearSidebar__Container"],
  1061. [class^="PollYearSidebar__LinkBottom"],
  1062. .ccv-product,
  1063. [class^="TrendingSidebarItem__Wrapper"],
  1064. [class^="TrendingSidebar__LinkBottom"]
  1065. {
  1066. background-color: var(--bg2) !important
  1067. }
  1068.  
  1069. .laho-nav-navFilter.active::after
  1070. {
  1071. border-left-color: var(--bg2) !important
  1072. }
  1073.  
  1074. .d-modal-body::after,
  1075. .d-rubric-inset,
  1076. .eptvt-episode-aired-date,
  1077. .fov-newTopic-container,
  1078. .lafo-footer,
  1079. .pvi-emptyTopic,
  1080. .pvi-rubric-inset,
  1081. .pvid-social,
  1082. .rad-product,
  1083. .uvi-versus,
  1084. .wrap
  1085. {
  1086. background-image: none !important
  1087. }
  1088.  
  1089. .d-loader-mask,
  1090. .emkt-quote,
  1091. .eptvt-episode-action-done:hover,
  1092. .eptvt-episode-item:hover,
  1093. .foin-newTopic-container,
  1094. .pse-episode-number,
  1095. .pse-season-item.active,
  1096. .vein-navigation-item.active
  1097. {
  1098. background-color: rgba(255, 255, 255, 0.1) !important
  1099. }
  1100.  
  1101. .d-filter1.active,
  1102. .vein-navigation-item
  1103. {
  1104. background-color: var(--bg2) !important
  1105. }
  1106.  
  1107. .elli-option,
  1108. .uco-menu .d-tabs
  1109. {
  1110. background-color: transparent !important
  1111. }
  1112.  
  1113. .cag-calendar-day.active
  1114. {
  1115. background-color: #243842 !important
  1116. }
  1117.  
  1118. .pse-action-done:hover
  1119. {
  1120. background-color: #666 !important
  1121. }
  1122.  
  1123. .ecot-contact-caption
  1124. {
  1125. background-color: rgba(0, 0, 0, .7)
  1126. }
  1127.  
  1128. .acin-achievements-label,
  1129. .csa-activity-username,
  1130. .cvi-knownproducts-product,
  1131. .d-filter1.active,
  1132. .d-modal-title,
  1133. .eas-rubric-title,
  1134. .ecap-products:hover .ecap-resultsLabel-goTo,
  1135. .ecot-contact-caption,
  1136. .efcom-comment > *,
  1137. .efcom-comment > a,
  1138. .efcom-comment-footer,
  1139. .efcom-subComment > *,
  1140. .efcom-subComment > a,
  1141. .elco-anchor,
  1142. .elpa-product-collection .epri-score,
  1143. .elt-tracks-title .d-link-alt,
  1144. .elth-thumbnail-heading,
  1145. .ere-review-excerpt,
  1146. .ere-review-heading,
  1147. .eshv-shout-box,
  1148. .esli-realname,
  1149. .esli-username,
  1150. .etco-comment-form textarea,
  1151. .evs-venuesSchedules-day,
  1152. .evs-venuesSchedules-showtimes-label,
  1153. .fov-topic-text,
  1154. .header-user-name,
  1155. .ivein-item-link,
  1156. .ivein-item-name,
  1157. .lahe-breadcrumb-content,
  1158. .laho-navFilter-label,
  1159. .lascmc-tabItem,
  1160. .nin-date-span,
  1161. .nin-line-agenda-product-title,
  1162. .pep-episode-title,
  1163. .pmin-message-field,
  1164. .poip-poll-title,
  1165. .ppr-details,
  1166. .prdt-activity-username,
  1167. .prind-item,
  1168. .psa-answers-scout,
  1169. .pvi-shout-mine textarea,
  1170. .pvi-shout-minearea::placeholder,
  1171. .rvi-poster,
  1172. .rvi-review-content,
  1173. .uvi-ranking-title,
  1174. .uvi-stats-label,
  1175. .uvi-versus-count,
  1176. [class^="ProductSearchResult__Container"] [class^="Texts__Text"],
  1177. .sk-hierarchical-menu-option__text,
  1178. .sk-item-list-option__text,
  1179. [class^="CommentInput__Input"],
  1180. .product-providers__title,
  1181. body
  1182. {
  1183. color: var(--text) !important;
  1184. text-shadow: none !important
  1185. }
  1186.  
  1187. input.vein-navigation-search-input::placeholder
  1188. {
  1189. color: #fff !important
  1190. }
  1191.  
  1192. .d-tabs-item:not(.active)
  1193. {
  1194. color: #bdbebf
  1195. }
  1196.  
  1197. .d-tabs-item:hover,
  1198. .pmin-toolbar-anchor,
  1199. .pmin-toolbar-anchor:hover
  1200. {
  1201. color: #3774d4
  1202. }
  1203.  
  1204. ._3R0guj2uziOY9DOsZtgFBa,
  1205. .cvi-title .d-link-alt,
  1206. .d-modal-content,
  1207. .d-rubric-menu,
  1208. .elli-annotation,
  1209. .elpt-product-ranking,
  1210. .ere-versus,
  1211. .header-navigation-universe-item a,
  1212. .patl-listItems-label,
  1213. [class^="EditAnnotationItem__AnnotationWrapper"]
  1214. {
  1215. color: #343434 !important
  1216. }
  1217.  
  1218. [class^="EditAnnotationItem__EditionWrapper"] textarea
  1219. {
  1220. color: white !important
  1221. }
  1222.  
  1223. .d-filter2.active,
  1224. .d-filter2:hover,
  1225. .d-filter3.toggle,
  1226. .d-modal-header,
  1227. .d-tabs-button:hover,
  1228. .eas-rubric-title,
  1229. .eas-title,
  1230. .ecap-resultsLabel-goTo,
  1231. .ecvi-title,
  1232. .efcom-comment-text,
  1233. .eivi-message-preview.active .eivi-message-message,
  1234. .elag-item .d-link-alt,
  1235. .elag-item.d-link-alt,
  1236. .eldi-collection-rating .epri-score,
  1237. .elfs-story-info,
  1238. .elmv-miniview-title2,
  1239. .elrb-heading,
  1240. .elth-thumbnail-descr,
  1241. .eptvt-episode-aired-date,
  1242. .ere-related-anchor,
  1243. .esfr-anchor,
  1244. .fov-topic-statCount,
  1245. .fov-topic-stats,
  1246. .ivein-item-desc,
  1247. .lafo-footer-anchor,
  1248. .lafo-resume-item,
  1249. .psa-answers-row:hover .psa-answers-totalCount,
  1250. .pvid-label,
  1251. .rad-scOptions-action,
  1252. .rvi-related-anchor,
  1253. .uvi-liked-date,
  1254. .uvi-ranking-anchor,
  1255. .uvi-ranking-toggle,
  1256. .uvi-versus-more
  1257. {
  1258. color: #7d7e7f !important
  1259. }
  1260.  
  1261. .cag-month-label,
  1262. .d-heading2,
  1263. .d-link-alt,
  1264. .d-modal-content,
  1265. .elco-anchor,
  1266. .eldi-timeline-year,
  1267. .elen-item-title,
  1268. .elfa-attachment-title,
  1269. .elfs-story-actor,
  1270. .elth-thumbnail-heading,
  1271. .epca-title,
  1272. .lkim-user-username,
  1273. .uvi-liked-label,
  1274. .uvi-ranking-anchor,
  1275. [class^="ProductListItem__Title"],
  1276. .sk-range-input__input
  1277. {
  1278. color: #e2e2e2 !important
  1279. }
  1280.  
  1281. .acin-focus,
  1282. .cag-calendar-day,
  1283. .csa-filters-action,
  1284. .csa-scouts-activity,
  1285. .d-border-top,
  1286. .d-cover-naked,
  1287. .d-filter2,
  1288. .d-grid .pmin-grid-aside,
  1289. .d-grid .pmin-grid-main,
  1290. .d-modal-header,
  1291. .d-rubric-border,
  1292. .d-rubric-highlighted,
  1293. .d-rubric-inset,
  1294. .ecap-products:hover .ecap-resultsLabel-goTo,
  1295. .ecli-item,
  1296. .ecot-contact-caption,
  1297. .efco-rightCol,
  1298. .efcom-subComment,
  1299. .efto-topic,
  1300. .efto-topic.highlight,
  1301. .eivi-message,
  1302. .elco-collection-item,
  1303. .elco-collection-rating.user,
  1304. .eldi-list-item.eldi-new-date.year::before,
  1305. .eldi-list::after,
  1306. .eldi-timeline-dot,
  1307. .elfs-story,
  1308. .elli-annotation-button,
  1309. .elli-item,
  1310. .elme-description-update,
  1311. .elpo-item,
  1312. .elpr-item,
  1313. .elt-tracks-item,
  1314. .elth-thumbnail,
  1315. .eptvt-episode-item,
  1316. .ere-review,
  1317. .ere-versus-review + .ere-versus-review,
  1318. .esco-item,
  1319. .eshv-shout-box,
  1320. .esli-item,
  1321. .etco-comment,
  1322. .etco-comment-form textarea,
  1323. .etco-component,
  1324. .evs-venuesSchedules,
  1325. .foin-newTopic-container,
  1326. .fov-newTopic-container,
  1327. .fov-topicAuthor,
  1328. .hint-feed,
  1329. .hint-rubric,
  1330. .hoin-feed-filter,
  1331. .hoin-feed-filters,
  1332. .ivein-item,
  1333. .lafo-footer,
  1334. .lafo-footer,
  1335. .laho-listingTitle,
  1336. .laho-nav,
  1337. .laho-nav-navFilter:not(.active):not(.disabled):hover,
  1338. .lvi-likes-callToAction,
  1339. .nin-line,
  1340. .pdrt-container,
  1341. .pmin-message-field,
  1342. .pmin-message-fieldset,
  1343. .pmin-toolbar,
  1344. .pmin-toolbar-main,
  1345. .pse-episode .pse-actions,
  1346. .pvi-emptyTopic,
  1347. .pvi-season-item,
  1348. .pvi-shout-mine textarea,
  1349. .rad-product,
  1350. .rvi-related-product,
  1351. .rvi-review,
  1352. .sin-heading,
  1353. .ued-group,
  1354. .uinv-links-content,
  1355. .uve-details,
  1356. .uve-graph + .uve-graph,
  1357. .uve-user + .uve-user,
  1358. .uvi-ranking-toggle,
  1359. .uvi-versus,
  1360. .vein-location-form,
  1361. .vein-navigation,
  1362. .vibp-item
  1363. {
  1364. border-color: var(--border) !important
  1365. }
  1366.  
  1367. .etco-component::after
  1368. {
  1369. border-bottom-color: var(--bg2) !important
  1370. }
  1371.  
  1372. [class^="TrendingSidebarItem__Wrapper"]
  1373. {
  1374. border-bottom-color: var(--bg) !important
  1375. }
  1376.  
  1377. .header-user-ratings
  1378. {
  1379. border: 1px solid var(--border)
  1380. }
  1381.  
  1382. .efco-box::after,
  1383. .eldi-collection-item::before,
  1384. .fov-userComment-container::after
  1385. {
  1386. border-right-color: #222 !important
  1387. }
  1388.  
  1389. .eshv-shout-box.shoutWithUser::before,
  1390. .pvi-shout-mine::after
  1391. {
  1392. border-top-color: #343434 !important
  1393. }
  1394.  
  1395. .pvi-shout-mine::after
  1396. {
  1397. z-index: -1
  1398. }
  1399.  
  1400. .efco-box::before,
  1401. .fov-userComment-container::before
  1402. {
  1403. border-right-color: #343434
  1404. }
  1405.  
  1406. .eshv-shout-box.shoutWithUser::after,
  1407. .pse-season::after
  1408. {
  1409. border-top-color: var(--bg2) !important
  1410. }
  1411.  
  1412. .pse-episode .pse-action-done
  1413. {
  1414. border-color: #666 !important
  1415. }
  1416.  
  1417. .pse-episode .pse-action-done
  1418. {
  1419. border-color: var(--bg) !important;
  1420. margin-right: -20px
  1421. }
  1422.  
  1423. form.d-modal-body
  1424. {
  1425. padding-bottom: 0;
  1426. border-bottom: 1px solid var(--border)
  1427. }
  1428.  
  1429. .etco-component
  1430. {
  1431. border: none
  1432. }
  1433.  
  1434. input.laho-nav-searchField
  1435. {
  1436. padding: 8px 0 8px 35px;
  1437. width: 95%
  1438. }
  1439.  
  1440. .prdt-ratings-activity,
  1441. [class^="TrendingSidebar__Container"]
  1442. {
  1443. background: none;
  1444. border-bottom: 1px dashed var(--border)
  1445. }
  1446.  
  1447. .elth-thumbnail
  1448. {
  1449. height: 215px
  1450. }
  1451.  
  1452. .csa-scouts .csa_stat
  1453. {
  1454. cursor: pointer
  1455. }
  1456.  
  1457. .cen-refresh-list,
  1458. .d-button,
  1459. .d-button-xl,
  1460. .d-rubric-inset,
  1461. .elfa-attachment-button,
  1462. .elt-tracks-item:not(:hover) td,
  1463. .header-navigation-universe-others,
  1464. .header-user-infos-options,
  1465. [class^="ProductListItem__Container"],
  1466. [class^="PollItem__Wrapper"],
  1467. [class^="common__ItemsContainer"],
  1468. [class^="EditListHeader__Container"],
  1469. [class^="PollYearSidebar__Container"],
  1470. [class^="TrendingSidebar__Container"]
  1471. {
  1472. box-shadow: none !important
  1473. }
  1474.  
  1475. .eipa-anchor,
  1476. .eipa-current
  1477. {
  1478. border: none !important
  1479. }
  1480.  
  1481. .cin-reset-filters.active .eins-delete,
  1482. .d-dialog-close .eins-delete,
  1483. .d-modal-close .eins-delete,
  1484. .ecap-products-resultsLabel .eins-sprite,
  1485. .eins-clock,
  1486. .eins-feed-small,
  1487. .eins-friends-small,
  1488. .eins-logo-small,
  1489. .elco-product-detail .eins-sprite.eins-settings,
  1490. .elli-option .eins-sprite,
  1491. .pvi-season-progress .eins-settings,
  1492. .vein-navigation .eins-sprite
  1493. {
  1494. filter: invert(1)
  1495. }
  1496.  
  1497. .eins-done.black
  1498. {
  1499. background-position: 0 -200px !important
  1500. }
  1501.  
  1502. .csa_stats .csa_stat .csa_icon
  1503. {
  1504. background: transparent url("https://static.senscritique.com/img/product/sprite_rating.png") no-repeat 0 0;
  1505. width: 16px;
  1506. height: 16px;
  1507. display: inline-block
  1508. }
  1509.  
  1510. .csa_scouts_more
  1511. {
  1512. background: transparent url("https://static.senscritique.com/img/product/sprite_rating.png") 0 0;
  1513. background-position-x: 38px;
  1514. filter: invert(1)
  1515. }
  1516.  
  1517. .elag-item.type-1,
  1518. .elth-thumbnail-heading.type-1::before,
  1519. .epca-cover.type-1
  1520. {
  1521. border-color: #31ACE0
  1522. }
  1523.  
  1524. .elag-item.type-2,
  1525. .elth-thumbnail-heading.type-2::before,
  1526. .epca-cover.type-2
  1527. {
  1528. border-color: #FCDD34
  1529. }
  1530.  
  1531. .elag-item.type-3,
  1532. .elth-thumbnail-heading.type-3::before,
  1533. .epca-cover.type-3
  1534. {
  1535. border-color: #FF4500
  1536. }
  1537.  
  1538. .elag-item.type-4,
  1539. .elth-thumbnail-heading.type-4::before,
  1540. .epca-cover.type-4
  1541. {
  1542. border-color: #43E4F7
  1543. }
  1544.  
  1545. .elag-item.type-5,
  1546. .elth-thumbnail-heading.type-5::before,
  1547. .epca-cover.type-5
  1548. {
  1549. border-color: #FF9200
  1550. }
  1551.  
  1552. .elag-item.type-6,
  1553. .elth-thumbnail-heading.type-6::before,
  1554. .epca-cover.type-6
  1555. {
  1556. border-color: #E171E2
  1557. }
  1558.  
  1559. .hint-top-product.type-1::before,
  1560. .pvi-tops10 .pvi-tops10-value1,
  1561. .uvi-ranking-item.type-1 .uvi-ranking-anchor::before
  1562. {
  1563. color: #31ACE0 !important
  1564. }
  1565.  
  1566. .hint-top-product.type-2::before,
  1567. .pvi-tops10 .pvi-tops10-value2,
  1568. .uvi-ranking-item.type-2 .uvi-ranking-anchor::before
  1569. {
  1570. color: #FCDD34 !important
  1571. }
  1572.  
  1573. .hint-top-product.type-3::before,
  1574. .pvi-tops10 .pvi-tops10-value3,
  1575. .uvi-ranking-item.type-3 .uvi-ranking-anchor::before
  1576. {
  1577. color: #FF4500 !important
  1578. }
  1579.  
  1580. .hint-top-product.type-4::before,
  1581. .pvi-tops10 .pvi-tops10-value4,
  1582. .uvi-ranking-item.type-4 .uvi-ranking-anchor::before
  1583. {
  1584. color: #43E4F7 !important
  1585. }
  1586.  
  1587. .hint-top-product.type-5::before,
  1588. .pvi-tops10 .pvi-tops10-value5,
  1589. .uvi-ranking-item.type-5 .uvi-ranking-anchor::before
  1590. {
  1591. color: #FF9200 !important
  1592. }
  1593.  
  1594. .hint-top-product.type-6::before,
  1595. .pvi-tops10 .pvi-tops10-value6,
  1596. .uvi-ranking-item.type-6 .uvi-ranking-anchor::before
  1597. {
  1598. color: #E171E2 !important
  1599. }
  1600.  
  1601. .epba-badge.type-1 .epba-no-badge::after,
  1602. .pvi-poll-rank.type-1
  1603. {
  1604. background-color: #31ACE0
  1605. }
  1606.  
  1607. .epba-badge.type-2 .epba-no-badge::after,
  1608. .pvi-poll-rank.type-2
  1609. {
  1610. background-color: #FCDD34
  1611. }
  1612.  
  1613. .epba-badge.type-3 .epba-no-badge::after,
  1614. .pvi-poll-rank.type-3
  1615. {
  1616. background-color: #FF4500
  1617. }
  1618.  
  1619. .epba-badge.type-4 .epba-no-badge::after,
  1620. .pvi-poll-rank.type-4
  1621. {
  1622. background-color: #43E4F7
  1623. }
  1624.  
  1625. .epba-badge.type-5 .epba-no-badge::after,
  1626. .pvi-poll-rank.type-5
  1627. {
  1628. background-color: #FF9200
  1629. }
  1630.  
  1631. .epba-badge.type-6 .epba-no-badge::after,
  1632. .pvi-poll-rank.type-6
  1633. {
  1634. background-color: #E171E2
  1635. }
  1636.  
  1637. .efto-topic-universe.type-1::before
  1638. {
  1639. background-color: #31ACE0
  1640. }
  1641.  
  1642. .efto-topic-universe.type-2::before
  1643. {
  1644. background-color: #FCDD34
  1645. }
  1646.  
  1647. .efto-topic-universe.type-3::before
  1648. {
  1649. background-color: #FF4500
  1650. }
  1651.  
  1652. .efto-topic-universe.type-4::before
  1653. {
  1654. background-color: #43E4F7
  1655. }
  1656.  
  1657. .efto-topic-universe.type-5::before
  1658. {
  1659. background-color: #FF9200
  1660. }
  1661.  
  1662. .efto-topic-universe.type-6::before
  1663. {
  1664. background-color: #E171E2
  1665. }
  1666.  
  1667. .efto-topic-universe.type-1::before
  1668. {
  1669. background-color: #31ACE0
  1670. }
  1671.  
  1672. .efto-topic-universe.type-2::before
  1673. {
  1674. background-color: #FCDD34
  1675. }
  1676.  
  1677. .efto-topic-universe.type-3::before
  1678. {
  1679. background-color: #FF4500
  1680. }
  1681.  
  1682. .efto-topic-universe.type-4::before
  1683. {
  1684. background-color: #43E4F7
  1685. }
  1686.  
  1687. .efto-topic-universe.type-5::before
  1688. {
  1689. background-color: #FF9200
  1690. }
  1691.  
  1692. .efto-topic-universe.type-6::before
  1693. {
  1694. background-color: #E171E2
  1695. }
  1696.  
  1697. .lahe-breadcrumb-content.first-level.type-1::before
  1698. {
  1699. background-color: #31ACE0
  1700. }
  1701.  
  1702. .lahe-breadcrumb-content.first-level.type-2::before
  1703. {
  1704. background-color: #FCDD34
  1705. }
  1706.  
  1707. .lahe-breadcrumb-content.first-level.type-3::before
  1708. {
  1709. background-color: #FF4500
  1710. }
  1711.  
  1712. .lahe-breadcrumb-content.first-level.type-4::before
  1713. {
  1714. background-color: #43E4F7
  1715. }
  1716.  
  1717. .lahe-breadcrumb-content.first-level.type-5::before
  1718. {
  1719. background-color: #FF9200
  1720. }
  1721.  
  1722. .lahe-breadcrumb-content.first-level.type-6::before
  1723. {
  1724. background-color: #E171E2
  1725. }
  1726.  
  1727. .efta-topicTag1:first-child
  1728. {
  1729. background-color: #31ACE0
  1730. }
  1731.  
  1732. .efta-topicTag2:first-child
  1733. {
  1734. background-color: #FCDD34
  1735. }
  1736.  
  1737. .efta-topicTag3:first-child
  1738. {
  1739. background-color: #FF4500
  1740. }
  1741.  
  1742. .efta-topicTag4:first-child
  1743. {
  1744. background-color: #43E4F7
  1745. }
  1746.  
  1747. .efta-topicTag5:first-child
  1748. {
  1749. background-color: #FF9200
  1750. }
  1751.  
  1752. .efta-topicTag6:first-child
  1753. {
  1754. background-color: #E171E2
  1755. }
  1756.  
  1757. .patl-listItems.type-1 .patl-listItems-item
  1758. {
  1759. border-color: #31ACE0
  1760. }
  1761.  
  1762. .patl-listItems.type-2 .patl-listItems-item
  1763. {
  1764. border-color: #FCDD34
  1765. }
  1766.  
  1767. .patl-listItems.type-3 .patl-listItems-item
  1768. {
  1769. border-color: #FF4500
  1770. }
  1771.  
  1772. .patl-listItems.type-4 .patl-listItems-item
  1773. {
  1774. border-color: #43E4F7
  1775. }
  1776.  
  1777. .patl-listItems.type-5 .patl-listItems-item
  1778. {
  1779. border-color: #FF9200
  1780. }
  1781.  
  1782. .patl-listItems.type-6 .patl-listItems-item
  1783. {
  1784. border-color: #E171E2
  1785. }
  1786.  
  1787. .eipa-anchor,
  1788. .eipa-current
  1789. {
  1790. background-color: var(--border);
  1791. color: #e2e2e2
  1792. }
  1793.  
  1794. .eipa-current
  1795. {
  1796. background-color: #3774d4
  1797. }
  1798.  
  1799. .eipa-anchor:hover
  1800. {
  1801. background-color: #686868;
  1802. color: #e2e2e2
  1803. }
  1804.  
  1805. .cin-filter .d-filter3-active.active,
  1806. .csa-scouts-more,
  1807. .d-filter1,
  1808. .d-link,
  1809. .d-tabs-item.active,
  1810. .elfs-footer-action,
  1811. .elfs-story-more,
  1812. .elic-countlike,
  1813. .eptvt-next-button,
  1814. .lahe-breadcrumb-anchor,
  1815. a
  1816. {
  1817. color: var(--link)
  1818. }
  1819.  
  1820. .csa-scouts-more:hover,
  1821. .d-filter1:hover,
  1822. .d-link:hover,
  1823. .elfs-story-more:hover,
  1824. .elic-countlike:hover,
  1825. .eptvt-next-button:hover,
  1826. .lahe-breadcrumb-anchor:hover,
  1827. .pse-episode-details:hover,
  1828. a:hover
  1829. {
  1830. color: var(--link-hover)
  1831. }
  1832.  
  1833. .d-tabs-item.active,
  1834. .d-tabs-item:hover
  1835. {
  1836. border-bottom-color: #3775d3
  1837. }
  1838.  
  1839. .elfs-footer-action
  1840. {
  1841. color: #5d85dd !important
  1842. }
  1843.  
  1844. /* MODIFICATIONS
  1845. PAR
  1846. PHILEAS
  1847. A
  1848. PARTIR
  1849. D'ICI
  1850. */
  1851. /* G L O B A L */
  1852. /* Avatar users ronds */
  1853. .d-avatar
  1854. {
  1855. border-radius: 50px;
  1856. }
  1857.  
  1858. /* Marge commentaire plus grande */
  1859. .etco-comment-form
  1860. {
  1861. margin-left: 80px !important;
  1862. }
  1863.  
  1864. /* Toutes les images légèrement arrondie */
  1865. img
  1866. {
  1867. border-radius: 5px;
  1868. }
  1869.  
  1870. /* Tous les boutons arrondis */
  1871. button
  1872. {
  1873. border-radius: 15px !important;
  1874. }
  1875.  
  1876. /*
  1877. F O N T S
  1878. */
  1879. /* Titres Principaux des pages Home */
  1880. body
  1881. {
  1882. font-family: 'Space Grotesk';
  1883. }
  1884.  
  1885. h1 *:not(uco-cover-username)
  1886. {
  1887. font-family: 'Space Grotesk' !important;
  1888. font-weight: bold;
  1889. display: inline-block;
  1890. /* font-size: 9rem;*/
  1891. text-align: center;
  1892. font-weight: bold;
  1893. }
  1894.  
  1895. /* Textes Globaux */
  1896. h2,
  1897. h4,
  1898. .d-link-alt,
  1899. .ecap-resultsLabel-label,
  1900. .ecap-products-resultsLabel,
  1901. .ecap-trigger-label,
  1902. a.header-register,
  1903. a.uvi-ranking-anchor,
  1904. a.d-heading3.esli-anchor,
  1905. a.header-explorer,
  1906. span.elth-thumbnail-heading,
  1907. p.pvi-productDetails-resume,
  1908. .PollItem__Wrapper-sc-1yr7c60-8.SChUp a
  1909. {
  1910. font-family: 'Space Grotesk' !important;
  1911. }
  1912.  
  1913. /* Font des boutons actions et navigation, .d-heading3 */
  1914. .ecap-resultsLabel-goTo,
  1915. .pvi-product-year,
  1916. .d-menu-item,
  1917. .pco-social-action,
  1918. a,
  1919. button.d-link,
  1920. a.eipa-anchor
  1921. {
  1922. font-family: 'Space Mono';
  1923. }
  1924.  
  1925. /* Titres oeuvres */
  1926. .d-heading4.elpt-product-title,
  1927. .search__StyledResultsColumn-sc-1mr42vn-4.igWMhV h3,
  1928. .d-heading4.eshv-product-title
  1929. {
  1930. font-family: 'Space Grotesk';
  1931. }
  1932.  
  1933. /* Titres secondaires sur page Home */
  1934. .d-heading2-opt,
  1935. .laho-sectionTitle,
  1936. .ecap-resultsLabel-label,
  1937. strong.ecbi-billboard-title,
  1938. div.d-heading3,
  1939. span.d-heading3,
  1940. a.uvi-ranking-title,
  1941. h1.d-heading1,
  1942. .d-heading3.uvi-heading.d-grid
  1943. {
  1944. font-family: 'Space Grotesk';
  1945. color: white;
  1946. font-weight: 600;
  1947. }
  1948.  
  1949. ol.podium .elpo-item:nth-child(-n + 3) .elpo-rank-item
  1950. {
  1951. color: var(--green);
  1952. }
  1953.  
  1954. /* Affichage Note */
  1955. svg.ecbi-billboard-score,
  1956. pvi-scrating-value,
  1957. span.erra-scouts
  1958. {
  1959. font-family: 'Space Grotesk', boold;
  1960. font-weight: 900;
  1961. }
  1962.  
  1963. /* Nom utilisateurs */
  1964. a.elfs-story-actor,
  1965. a.d-link-alt,
  1966. .nin-line-data a
  1967. {
  1968. font-family: 'Space Grotesk';
  1969. font-weight: 600;
  1970. }
  1971.  
  1972. .d-rubric
  1973. {
  1974. margin-bottom: 50px;
  1975. margin-top: 50px;
  1976. }
  1977.  
  1978. a .header-navigation-main-item,
  1979. li.header-navigation-main-item a
  1980. {
  1981. color: white;
  1982. }
  1983.  
  1984. /* Textes utilisateurs (critiques, statuts...) */
  1985. .d-heading2.ere-review-heading,
  1986. p.elth-thumbnail-descr,
  1987. .eshv-shout-box,
  1988. .uvi-resume-description
  1989. {
  1990. font-family: 'IBM Plex Serif';
  1991. }
  1992.  
  1993. /* Contenu par les utilisateurs (critiques, activités, statuts */
  1994. .ere-review-excerpt,
  1995. .etco-comment-content,
  1996. eshv-shout-box
  1997. {
  1998. font-family: IBM Plex Serif;
  1999. font-weight: 300;
  2000. }
  2001.  
  2002. .d-heading2.ere-review-heading
  2003. {
  2004. font-weight: 400;
  2005. }
  2006.  
  2007. .d-heading2-opt
  2008. {
  2009. font-weight: 800;
  2010. }
  2011.  
  2012. .pvi-hero-overlay
  2013. {
  2014. background-image: linear-gradient(to bottom, #0000009c 0, rgba(0, 0, 0, 0) 100%);
  2015. height: 100%;
  2016. }
  2017.  
  2018. .pvi-hero-product,
  2019. .pvi-product-originaltitle
  2020. {
  2021. text-shadow: 5px 5px 10px black;
  2022. }
  2023.  
  2024. /*
  2025. R E C H E R C H E
  2026. */
  2027. /* Barre recherche arrondie dans page recherche */
  2028. .sk-search-box form
  2029. {
  2030. border-radius: 25px;
  2031. }
  2032.  
  2033. .sk-search-box
  2034. {
  2035. background: none;
  2036. }
  2037.  
  2038. /* Recherche autocomplete - fiche plus grandes */
  2039. ._1pDGS5WNnRtxCcfwOU55mo:not(:last-child)
  2040. {
  2041. font-size: 10pt;
  2042. }
  2043.  
  2044. /* Recherche autocomplete - police */
  2045. ._1pDGS5WNnRtxCcfwOU55mo a
  2046. {
  2047. font-family: 'Space Grotesk';
  2048. }
  2049.  
  2050. /* Titres blancs dans page recherche */
  2051. .idRPzT
  2052. {
  2053. color: rgb(255, 255, 255);
  2054. }
  2055.  
  2056. .hNzGvG
  2057. {
  2058. color: white;
  2059. }
  2060.  
  2061. .la-dDOZ
  2062. {
  2063. color: white;
  2064. }
  2065.  
  2066. /* Recherche Artiste */
  2067. .SearchArtistResult__Container-sc-19zp711-0.eACiIN
  2068. {
  2069. border-radius: 25px;
  2070. background-color: var(--bg2);
  2071. }
  2072.  
  2073. /* Recherche Top et Membres */
  2074. .PollItem__Wrapper-sc-1yr7c60-8.SChUp,
  2075. .SearchUserComponent__MainContainer-a3l3tb-3.OWIdn
  2076. {
  2077. border-radius: 25px;
  2078. margin: 10px;
  2079. width: 95%;
  2080. }
  2081.  
  2082. /* Recherche utilisateurs images arrondies */
  2083. .Image__StyledImage-ws6p7x-2.bDKAqz
  2084. {
  2085. border-radius: 60px;
  2086. }
  2087.  
  2088. /* Rechercher artistes images arrondies */
  2089. .Image__StyledImage-ws6p7x-2.jqAkTD
  2090. {
  2091. border-radius: 25px;
  2092. }
  2093.  
  2094. /*
  2095. H E A D E R
  2096. */
  2097. /* Barre de recherhce ronde transparente et texte/icone blanc */
  2098. /* Header semi-transparent */
  2099. input._25jdusMm9PFEdy9TPVD0IK
  2100. {
  2101. font-family: 'Space Grotesk';
  2102. letter-spacing: 1px;
  2103. }
  2104.  
  2105. div.wrap,
  2106. div.header-placeholder,
  2107. header.header
  2108. {
  2109. background-color: linear-gradient(to bottom, var(--dark), transparent) !important;
  2110. }
  2111.  
  2112. /* Bouton noter rond */
  2113. .header-user-ratings-number
  2114. {
  2115. border-radius: 15px;
  2116. }
  2117.  
  2118. /* Titre univers navigation blancs */
  2119. .header-navigation-main-item:not(:last-child)
  2120. {
  2121. color: white !important;
  2122. text-shadow: 3px 3px 5px black !important;
  2123. }
  2124.  
  2125. /* Logo warner blanc */
  2126. .header-navigation-main-item.header-navigation-main-item--warner img
  2127. {
  2128. filter: invert();
  2129. }
  2130.  
  2131. ._21m6Rw6g7EXxTEFyhikpLe
  2132. {
  2133. background-color: transparent;
  2134. }
  2135.  
  2136. #header-autocomplete
  2137. {
  2138. background-color: transparent;
  2139. }
  2140.  
  2141. ._1ubz4flJX9nhcvdMnRV6CA
  2142. {
  2143. border: 1px solid white;
  2144. border-radius: 30px;
  2145. fill: white;
  2146. }
  2147.  
  2148. ._25jdusMm9PFEdy9TPVD0IK[type="search"],
  2149. ._25jdusMm9PFEdy9TPVD0IK[type="text"]
  2150. {
  2151. color: #fff;
  2152. }
  2153.  
  2154. .header-user-infos-link
  2155. {
  2156. font-size: 9pt;
  2157. }
  2158.  
  2159. .header-explorer
  2160. {
  2161. text-shadow: 2px 2px 10px black;
  2162. }
  2163.  
  2164. .header-user-name
  2165. {
  2166. font-family: 'Space Grotesk';
  2167. }
  2168.  
  2169. /* Conserver le fond de du sticky header */
  2170. .header.sticky
  2171. {
  2172. background-color: var(--dark) !important
  2173. }
  2174.  
  2175. /* Icone notifs par google font */
  2176. .eins-notification-header
  2177. {
  2178. background: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white" width="40px" height="18px"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M12 22c1.1 0 2-.9 2-2h-4c0 1.1.9 2 2 2zm6-6v-5c0-3.07-1.63-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.64 5.36 6 7.92 6 11v5l-2 2v1h16v-1l-2-2zm-2 1H8v-6c0-2.48 1.51-4.5 4-4.5s4 2.02 4 4.5v6z"/></svg>');
  2179. height: 23px;
  2180. width: 38px;
  2181. font-size: x-large;
  2182. background-size: 55px;
  2183. }
  2184.  
  2185. /* Meilleur spacing dans header */
  2186. .header-explorer
  2187. {
  2188. color: var(--blue);
  2189. margin-left: 16px;
  2190. }
  2191.  
  2192. @media only screen and (min-width: 1025px)
  2193. {
  2194. .header-user
  2195. {
  2196. /* width: 285px; */
  2197. width: 305px;
  2198. }
  2199. }
  2200.  
  2201. @media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 580px) and (max-width: 767px)
  2202. {
  2203. .isConnected .header-input
  2204. {
  2205. width: calc(100% - 120px - 40px);
  2206. }
  2207. }
  2208.  
  2209. @media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 580px) and (max-width: 767px)
  2210. {
  2211. .isConnected .header-user
  2212. {
  2213. /* width: 120px; */
  2214. width: 135px;
  2215. }
  2216. }
  2217.  
  2218. /* Actions users en noir avec Space Mono */
  2219. .elrua-useraction-action
  2220. {
  2221. background-color: #000;
  2222. border-bottom: 0px;
  2223. }
  2224.  
  2225. .elrua-useraction-action.scout,
  2226. .elrua-useraction
  2227. {
  2228. font-family: 'Space Grotesk', monospace;
  2229. font-weight: bold;
  2230. }
  2231.  
  2232. .elco-anchor
  2233. {
  2234. font-family: 'Space Grotesk';
  2235. color: white;
  2236. }
  2237.  
  2238. .elco-baseline
  2239. {
  2240. font-family: 'Space Grotesk'
  2241. }
  2242.  
  2243. /* Textes actions en vert */
  2244. .elrua-useraction .elrua-useraction-inner.only-child
  2245. {
  2246. display: inline-block;
  2247. text-align: center;
  2248. color: var(--green);
  2249. }
  2250.  
  2251. /*
  2252. P A G E S P R O D U I T
  2253. */
  2254. /* Boutons caroussel arrondis */
  2255. button.ecbi-billboard-btn
  2256. {
  2257. border-radius: 25px !important;
  2258. }
  2259.  
  2260. .pvi-scouts-loading
  2261. {
  2262. background-color: var(--dark) !important;
  2263. }
  2264.  
  2265. .d-loader-circular-small
  2266. {
  2267. background: url(https://static.senscritique.com/img/layout/icons/misc/loader-circular-small.gif?202011101789412) no-repeat;
  2268. }
  2269.  
  2270. /* Padding sur produit sans image */
  2271. .pvi-hero.naked .pvi-hero-overlay
  2272. {
  2273. padding-top: var(--taille-header) !important;
  2274. }
  2275.  
  2276. /* Navigation sur Produit*/
  2277. .d-menu-item
  2278. {
  2279. font-size: 16px;
  2280. letter-spacing: 2px;
  2281. padding: 20px;
  2282. }
  2283.  
  2284. /* Bouton action review */
  2285. .ere-versus-review .ere-review-anchor,
  2286. .ere-review-anchor
  2287. {
  2288. font-size: 13px;
  2289. }
  2290.  
  2291. /* Etoiles remplacées */
  2292. .eins-rate.active
  2293. {
  2294. background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%230ad06f' width='35px' height='35px'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z'/%3E%3C/svg%3E");
  2295. fill: var(--green);
  2296. height: 35px;
  2297. width: 35px;
  2298. }
  2299.  
  2300. .eins-rate
  2301. {
  2302. background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white' width='35px' height='35px'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M22 9.24l-7.19-.62L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.63-7.03L22 9.24zM12 15.4l-3.76 2.27 1-4.28-3.32-2.88 4.38-.38L12 6.1l1.71 4.04 4.38.38-3.32 2.88 1 4.28L12 15.4z'/%3E%3C/svg%3E");
  2303. height: 35px;
  2304. width: 35px;
  2305. }
  2306.  
  2307. /* Tags sur page produit en dark mode */
  2308. .popcornstags
  2309. {
  2310. background-color: #000;
  2311. }
  2312.  
  2313. .popcornstags__title
  2314. {
  2315. color: white;
  2316. }
  2317.  
  2318. .popcornstags__title-container
  2319. {
  2320. fill: white !important;
  2321. }
  2322.  
  2323. .header-user-ratings
  2324. {
  2325. border: none !important;
  2326. }
  2327.  
  2328. ._1ubz4flJX9nhcvdMnRV6CA
  2329. {
  2330. padding-left: 20px;
  2331. }
  2332.  
  2333. /* Texte Explorer Dark mode */
  2334. a.header-explorer
  2335. {
  2336. background-color: transparent !important;
  2337. }
  2338.  
  2339. /* Virer le fil d'arianne */
  2340. .lahe-breadcrumb-anchor
  2341. {
  2342. visibility: hidden;
  2343. }
  2344.  
  2345. .lahe-breadcrumb-anchor,
  2346. .lahe-breadcrumb-item
  2347. {
  2348. visibility: hidden;
  2349. }
  2350.  
  2351. .lahe-breadcrumb-divider
  2352. {
  2353. visibility: hidden;
  2354. }
  2355.  
  2356. /* Bouton comment vert */
  2357. .elfa-attachment-button-share:hover,
  2358. input.etco-comment-submit:hover
  2359. {
  2360. /* background: #f0f0f0; */
  2361. background: var(--green);
  2362. }
  2363.  
  2364. input.etco-comment-submit
  2365. {
  2366. background-color: var(--dark);
  2367. border-color: var(--green);
  2368. border-width: 2px;
  2369. color: white;
  2370. }
  2371.  
  2372. .etco-comment-options,
  2373. input.etco-comment-submit
  2374. {
  2375. /* border-radius: 5px; */
  2376. border-radius: 20px;
  2377. }
  2378.  
  2379. @media screen and (min-height: 930px)
  2380. {
  2381. .pvi-hero-content
  2382. {
  2383. /* padding-top: 210px; */
  2384. padding-top: var(--taille-header);
  2385. }
  2386. }
  2387.  
  2388. @media screen and (min-width: 1100px)
  2389. {
  2390. .pvi-hero-overlay
  2391. {
  2392. padding-top: var(--paddingimgproduit);
  2393. }
  2394. }
  2395.  
  2396. /* Fond gradient au-dessus du header */
  2397. .pvi-hero-overlay::before
  2398. {
  2399. position: absolute;
  2400. top: 0;
  2401. left: 0;
  2402. height: 35%;
  2403. width: 100%;
  2404. background: linear-gradient(to bottom, #0000009c 0, rgba(0, 0, 0, 0) 100%);
  2405. content: "";
  2406. }
  2407.  
  2408. .pvi-hero
  2409. {
  2410. position: relative;
  2411. top: -145px;
  2412. margin-bottom: -145px;
  2413. /* -webkit-mask-image: -webkit-linear-gradient(black, transparent 0%, black); */
  2414. }
  2415.  
  2416. div.d-grid-extend:nth-child(1)
  2417. {
  2418. margin-bottom: -145px;
  2419. }
  2420.  
  2421. .header::before
  2422. {
  2423. height: 0px;
  2424. }
  2425.  
  2426. .pvi-hero::after
  2427. {
  2428. height: 100%;
  2429. width: 100%;
  2430. position: absolute;
  2431. top: 0px;
  2432. left: 0px;
  2433. background-image: inherit;
  2434. filter: blur(30px);
  2435. background-clip: inherit;
  2436. background-size: cover;
  2437. -webkit-mask-image: linear-gradient(0deg, transparent 60%, black);
  2438. }
  2439.  
  2440. .pvi-product-scrating
  2441. {
  2442. /* Note sur image avec ombre */
  2443. text-shadow: 5px 5px 5px #000000a3;
  2444. }
  2445.  
  2446. /* Boutons admin positionnés */
  2447. .pvi-hero-stats
  2448. {
  2449. position: fixed;
  2450. top: 0;
  2451. z-index: 9999999;
  2452. }
  2453.  
  2454. .pvi-distrib-button
  2455. {
  2456. top: 0;
  2457. position: fixed;
  2458. right: 70px;
  2459. z-index: 9999999;
  2460. }
  2461.  
  2462. /* Page produit - Panneau éclaireur dark */
  2463. .csa-scouts-ratings
  2464. {
  2465. background-color: var(--dark);
  2466. }
  2467.  
  2468. /* Page produit - Fiches acteurs arrondis */
  2469. .ecot-contact img,
  2470. .ecot-contact-caption
  2471. {
  2472. border-radius: 25px;
  2473. }
  2474.  
  2475. /*
  2476. H O M E
  2477. */
  2478. /* Bouton Filtre Feed Actif Blanc */
  2479. .hoin-feed-filter.active
  2480. {
  2481. color: white;
  2482. }
  2483.  
  2484. /* Grandes images sur Home Page */
  2485. .ecbi-billboard-container
  2486. {
  2487. top: var(--taille-header-negatif);
  2488. margin-bottom: var(--taille-header-negatif);
  2489. }
  2490.  
  2491. /* Boutons caroussel rond */
  2492. .ecbi-billboard-navAction
  2493. {
  2494. border-radius: 50px !important;
  2495. }
  2496.  
  2497. .ecbi-billboard-item
  2498. {
  2499. height: calc(var(--taille-header) + var(--taille-img-accueil));
  2500. }
  2501.  
  2502. .ecbi-billboard-nav
  2503. {
  2504. top: var(--taille-header-negatif);
  2505. }
  2506.  
  2507. .ecbi-billboard
  2508. {
  2509. -webkit-mask-image: -webkit-linear-gradient(black, transparent 0%, black 25%);
  2510. }
  2511.  
  2512. .ecbi-billboard-popularItem
  2513. {
  2514. border-radius: 5px;
  2515. }
  2516.  
  2517. .hoin-title
  2518. {
  2519. color: white;
  2520. }
  2521.  
  2522. /* Titres home thématiques en blanc */
  2523. .d-heading1.d-heading1--with-gap
  2524. {
  2525. color: white;
  2526. }
  2527.  
  2528. #actualite
  2529. {
  2530. color: white;
  2531. }
  2532.  
  2533. /* Carroussel video bien placé */
  2534. .d-video-carousel__wrapper
  2535. {
  2536. top: var(--taille-header);
  2537. }
  2538.  
  2539. /*
  2540. P R O F I L
  2541. */
  2542. /* Agrandissement posters */
  2543. .elsh-item,
  2544. /* Produit dans collection */
  2545. .Image__Container-ws6p7x-0.igHccC,
  2546. /* Produits dans recherche */
  2547. .pvi-hero-figure/* Poster page produit */
  2548. {
  2549. -webkit-transform: scale(1) !important -moz-transform: scale(1) !important;
  2550. -o-transform: scale(1) !important;
  2551. -webkit-transition-duration: 0.5s;
  2552. -moz-transition-duration: 0.5s;
  2553. -o-transition-duration: 0.5s;
  2554. margin: 0 10px 5px 0;
  2555. }
  2556.  
  2557. .elsh-item:hover,
  2558. /* Produit dans collection */
  2559. .Image__Container-ws6p7x-0.igHccC:hover,
  2560. /* Produits dans recherche */
  2561. .pvi-hero-figure:hover/* Poster page produit */
  2562. {
  2563. -webkit-transform: scale(1.3) !important;
  2564. -moz-transform: scale(1.3) !important;
  2565. -o-transform: scale(1.3) !important;
  2566. box-shadow: 0px 0px 20px black;
  2567. -webkit-box-shadow: 0px 0px 20px black;
  2568. -moz-box-shadow: 0px 0px 20px black;
  2569. }
  2570.  
  2571. /* Bouton affichage collection */
  2572. .d-button.first-child,
  2573. .d-button.last-child
  2574. {
  2575. color: white;
  2576. margin-right: 10px;
  2577. background: var(--dark);
  2578. border: 2px solid var(--lightgrey);
  2579. }
  2580.  
  2581. .d-button.first-child.active,
  2582. .d-button.last-child.active
  2583. {
  2584. border: 2px solid var(--blue);
  2585. background: var(--loader-mask);
  2586. }
  2587.  
  2588. .eins-magnify-glass.cin-search-icon.active
  2589. {
  2590. filter: invert();
  2591. }
  2592.  
  2593. .uco-cover
  2594. {
  2595. top: var(--taille-header-negatif);
  2596. margin-bottom: var(--taille-header-negatif);
  2597. -webkit-mask-image: -webkit-linear-gradient(black, transparent 0%, black);
  2598. }
  2599.  
  2600. .uco-cover-container
  2601. {
  2602. height: 460px;
  2603. }
  2604.  
  2605. .uco-cover
  2606. {
  2607. height: 480px;
  2608. background-position: center;
  2609. }
  2610.  
  2611. .uco-cover-updateCover
  2612. {
  2613. top: var(--taille-header);
  2614. }
  2615.  
  2616. /* Listes */
  2617. .elth-thumbnail.by3 img,
  2618. .elth-thumbnail
  2619. {
  2620. border-radius: 25px;
  2621. }
  2622.  
  2623. /* Page Profil - Avatar Rond */
  2624. .uco-cover-avatar
  2625. {
  2626. border-radius: 65px;
  2627. box-shadow: 5px 5px 20px black;
  2628. }
  2629.  
  2630. .img.esli-avatar
  2631. {
  2632. border-radius: 30px;
  2633. height: 6%;
  2634. width: 6%;
  2635. }
  2636.  
  2637. /* Produits avec bordure ronde */
  2638. a .elsh-product
  2639. {
  2640. border-radius: 10px;
  2641. }
  2642.  
  2643. /* Grandes images sur autres onglet page produit */
  2644. .d-cover-strip
  2645. {
  2646. position: relative;
  2647. top: var(--taille-header-negatif);
  2648. margin-bottom: var(--taille-header-negatif);
  2649. }
  2650.  
  2651. .d-cover-overlay
  2652. {
  2653. padding-top: var(--paddingimgproduit);
  2654. }
  2655.  
  2656. /* Bouton Paramètre page Profil */
  2657. .uco-controls.d-button
  2658. {
  2659. border-radius: 15px;
  2660. background: var(--dark);
  2661. color: var(--text);
  2662. }
  2663.  
  2664. .uco-controls.d-button:hover
  2665. {
  2666. color: var(--blue);
  2667. border-color: var(--blue);
  2668. }
  2669.  
  2670. /* Transition Produit */
  2671. @-webkit-keyframes growIn
  2672. {
  2673. 0%
  2674. {
  2675. -webkit-transform: scale(0.2);
  2676. opacity: 0;
  2677. }
  2678.  
  2679. 50%
  2680. {
  2681. -webkit-transform: scale(1.2);
  2682. }
  2683.  
  2684. 100%
  2685. {
  2686. -webkit-transform: scale(1);
  2687. opacity: 1;
  2688. }
  2689. }
  2690.  
  2691. @keyframes growIn
  2692. {
  2693. 0%
  2694. {
  2695. transform: scale(0.2);
  2696. opacity: 0;
  2697. }
  2698.  
  2699. 50%
  2700. {
  2701. transform: scale(1.2);
  2702. }
  2703.  
  2704. 100%
  2705. {
  2706. transform: scale(1);
  2707. opacity: 1;
  2708. }
  2709. }
  2710.  
  2711. /* Petits boutons action sur page produit */
  2712. .d-button.pvi-product-scaction,
  2713. .d-button.pvi-product-contextmenu
  2714. {
  2715. content: "";
  2716. font-size: 0px;
  2717. border-radius: 30px !important;
  2718. width: 40px;
  2719. height: 40px;
  2720. background-color: #00000075;
  2721. }
  2722.  
  2723. .eins-current.blue,
  2724. .eins-current.green,
  2725. .eins-current.white .d-button.pvi-product-scaction
  2726. {
  2727. position: relative;
  2728. left: -5px;
  2729. top: 3px;
  2730. }
  2731.  
  2732. .eins-recommend.blue,
  2733. .eins-review.blue,
  2734. .eins-current.green,
  2735. .eins-current.white,
  2736. .eins-sprite.eins-wish.blue
  2737. {
  2738. position: relative;
  2739. top: 3px;
  2740. left: -4px;
  2741. }
  2742.  
  2743. .eins-sprite.eins-extend
  2744. {
  2745. position: relative;
  2746. left: -2px;
  2747. }
  2748.  
  2749. /* Transition home page */
  2750. .d-media.small.d-product-checked-wrapper.pvi-hero-figure
  2751. {
  2752. animation: 0.5s ease-in-out 0s 1 growIn;
  2753. animation-delay: 1s;
  2754. animation-fill-mode: forwards;
  2755. opacity: 0;
  2756. }
  2757.  
  2758. .ecbi-billboard-popularItem
  2759. {
  2760. animation: 0.5s ease-in-out 0s 1 growIn;
  2761. animation-delay: 1s;
  2762. animation-fill-mode: forwards;
  2763. opacity: 0;
  2764. }
  2765.  
  2766. /*
  2767. L I S T E S
  2768. */
  2769. #list-cover
  2770. {
  2771. background-size: cover;
  2772. height: var(--paddingimgproduit);
  2773. margin-bottom: -250px;
  2774. -webkit-mask-image: -webkit-linear-gradient(black, transparent 0%, black 25%);
  2775. pointer-events: none;
  2776. }
  2777.  
  2778. .d-coverEdito
  2779. {
  2780. background: var(--dark);
  2781. pointer-events: none;
  2782. }
  2783.  
  2784. span.elli-rank
  2785. {
  2786. font-family: 'Space Mono';
  2787. }
  2788.  
  2789. .d-grid.d-rubric-description
  2790. {
  2791. border-radius: 50px;
  2792. border: none;
  2793. }
  2794.  
  2795. .elcv-cover-updateCover
  2796. {
  2797. top: var(--taille-header);
  2798. }
  2799.  
  2800. /* Couleur box commentaire */
  2801. .etco-component-privacy
  2802. {
  2803. padding-left: 10px;
  2804. border-radius: 15px;
  2805. color: white;
  2806. background: var(--dark);
  2807. }
  2808.  
  2809. /* Titre des listes blanc */
  2810. .elme-listTitle
  2811. {
  2812. color: white;
  2813. }
  2814.  
  2815. /* Page listes - Carrés notes dark mode */
  2816. .erra-ratings
  2817. {
  2818. background: black;
  2819. border: none;
  2820. }
  2821.  
  2822. .erra-global
  2823. {
  2824. color: white;
  2825. padding-left: 7px;
  2826. }
  2827. }

QingJ © 2025

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