☰

Google Chrome Webstore Dark and Gray v.2

Dark and Gray flavour + more infos in a glance

  1. /* ==UserStyle==
  2. @name        Google Chrome Webstore Dark and Gray v.2
  3. @namespace   https://greatest.deepsurf.us/en/users/8-decembre?sort=updated
  4. @version     2.00
  5. @author      decembre
  6. @description Dark and Gray flavour + more infos in a glance
  7. @license     unlicense
  8. ==/UserStyle== */
  9.  
  10. @-moz-document url-prefix("https://chrome.google.com/webstore/"), url-prefix("https://chromewebstore.google.com/") {
  11. /* ==== 0-Google Chrome Webstore Dark and Gray v.2 - DEV QUANTUM ==== */
  12.  
  13. /* === SUPP === */
  14. div[role="dialog"][aria-labelledby="promo-header"] ,
  15. .h-e-f-gj-Ra-c{
  16.     display: none  !important;
  17. }
  18.  
  19. /* TOP HEADER */
  20. .O-j-k {
  21.     position: fixed;
  22.     width: 100%;
  23.     left: 0;
  24.     top: 0;
  25.     padding-left: calc(100vw - 100%);
  26.     z-index: 1150;
  27.     box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.12);
  28. }
  29. .O-j-gb ,
  30. .O-j-gb a ,
  31. .S-pb-qa .O-j,
  32. .O-j {
  33.     height: 3vh !important;
  34. }
  35. .F-f-k {
  36.     top: 0px !important;
  37. }
  38. .e-f-o {
  39.     justify-content: center !important;
  40.     min-width: 100% !important;
  41.     max-width: 100% !important;
  42.     padding: 4vh 0% 5px 0 !important;
  43. border-bottom: 2px solid red !important;
  44. }
  45. .e-f-pa {
  46.     margin-top: 5px !important;
  47. }
  48. .e-f-b-j {
  49.     max-width: 1000px;
  50.     width: auto;
  51.     padding: 5px 5px !important;
  52. }
  53. .h-e-f-b-Qe {
  54.     margin-top: -4vh !important;
  55. }
  56.  
  57. /* ITEMS IN DESCIPTION */
  58. .C-b > div{
  59. /* float: left !important; */
  60.     width: 50% !important;
  61.     height: 100vh !important;
  62.     margin: 0px auto 0px !important;
  63. /* border: 1px solid blue !important; */
  64. }
  65. .C-b > div:first-of-type{
  66. float: left !important;
  67. clear: both  !important;
  68.     width: 40% !important;
  69. /* border: 1px dashed blue !important; */
  70. }
  71. .i-Hf.i-F-Rb.Aa.C-b-i{
  72.     display: none  !important;
  73. }
  74. .i-k.Aa.C-b-i {
  75.     height: 52vh !important;
  76. }
  77.  
  78. .h-C-b-i-k .i-F-Rb-k {
  79.     margin: 0 3px !important;
  80. }
  81.  
  82. .C-b > div.C-b-p-j{
  83. float: right !important;
  84.     min-width: 60% !important;
  85.     max-width: 60% !important;
  86. border-left: 1px solid red !important;
  87. /* border: 1px dashed yellow !important; */
  88. }
  89. .C-b-p-j-D-gi {
  90.     padding: 0 5px !important;
  91. }
  92.  
  93. .C-b-p-j-kk-dk {
  94.  
  95.     margin-left: 5px !important;
  96.     overflow: visible;
  97.     padding-left: 18px;
  98.     padding-right: 0;
  99. border-left: 2px solid red !important;
  100. }
  101.  
  102. .C-b-Nb-sb .C-b-p-j {
  103.     height: auto;
  104.     padding: 0px 5px !important;
  105. }
  106. .h-C-b-i-k {
  107.     position: relative;
  108.     display: flex;
  109.     justify-content: center;
  110.     height: 400px !important;
  111.     width: 40% !important;
  112.     padding: 0px 0 0px !important;
  113. background-color: tan !important;
  114. }
  115. .tuK82 {
  116.     margin-bottom: 5px !important;
  117. }
  118. .C-b-p-j-Oa-i8xkGf {
  119.     position: relative;
  120.     margin: 5px 0 0 !important;
  121.     overflow: hidden;
  122. }
  123.  
  124. /* DESCRIPTION - MINI */
  125. pre[class$="-mb"] {
  126.     display: inline-block !important;
  127. min-height: 55vh !important;
  128. padding: 2px 2px 2px 5px !important;
  129. overflow: hidden !important;
  130. overflow-y: auto !important;
  131.     text-decoration: none;
  132. border-left: 1px solid green !important;
  133. }
  134. /* DESCRIPTION - OPEN */
  135. pre:not([class$="-mb"]) {
  136.     display: inline-block !important;
  137. height: 75vh !important;
  138. padding: 2px 2px 2px 5px !important;
  139. overflow: hidden !important;
  140. overflow-y: auto !important;
  141.     text-decoration: none;
  142. border-left: 1px solid red !important;
  143. }
  144. .C-b-p-j-Oa-ArRF3d-mb::before {
  145.     background: rgba(0, 0, 0, 0) linear-gradient(to top, rgba(50, 48, 48, 0.46), rgba(27, 26, 26, 0.73) 2px, rgba(37, 35, 35, 0.81) 24px, transparent 24px, transparent) repeat scroll 0 0 !important;
  146.     content: "";
  147.     height: 100%;
  148.     pointer-events: none;
  149.     position: absolute;
  150.     width: 100%;
  151.     bottom: 0 !important;
  152. }
  153. .g-c.g-c-aSvl1d {
  154.     margin: 10px 0 0 !important;
  155. }
  156.  
  157.  
  158. /* FLEX */
  159.  
  160. .e-f-ra-gj {
  161. position: absolute !important;
  162. /*     flex-direction: row !important; */
  163.     display: inline-block !important;
  164.     width: 100% !important;
  165.     min-height: 3vh !important;
  166.     max-height: 2vh !important;
  167. top: 5.5vh !important;
  168. left: 0 !important;
  169.     padding: 5px;
  170.     align-items: center;
  171.     place-content: center;
  172.     box-sizing: border-box;
  173. z-index: 0 !important;
  174. background-color: #333 !important;
  175. border-bottom: 1px solid red !important;
  176. }
  177. .e-f-ra-gj-Pb {
  178.     color: #fff;
  179.     font-size: 15px  !important;
  180.     letter-spacing: normal;
  181.     margin-bottom: 0px;
  182.     max-width: 100% !important;
  183.     text-align: center;
  184. }
  185.  
  186.  
  187. /* CARROSEL - FIXED */
  188. .e-f-b-x {
  189.     display: flex !important;
  190.     align-items: center;
  191.     flex-direction: row !important;
  192.     height: auto;
  193.     width: auto;
  194.     margin: 40px 0 0;
  195. border: 1px solid yellow !important;
  196. }
  197. .C-b > div.h-ja-sb {
  198.     position: fixed;
  199.     display: inline-block !important;
  200.     align-items: center;
  201.     width: 100% !important;
  202.     height: 18vh !important;
  203.     bottom: -15vh !important;
  204.     padding: 0px 0;
  205.     z-index: 100 !important;
  206. transition: all ease 0.7s !important;
  207. background-color: #222 !important;
  208. }
  209. .C-b > div.h-ja-sb:hover {
  210.     bottom: 0 !important;
  211. transition: all ease 0.7s !important;
  212. background-color: #111 !important;
  213. }
  214. .C-b > div.h-ja-sb .ja-sb-o {
  215.     position: static;
  216.     line-height: 1.75rem;
  217.     margin: 0 0 10px 0 !important;
  218.     text-align: center !important;
  219. color: red !important;
  220. border-top: 1px solid red !important;
  221. }
  222. .C-b > div.h-ja-sb .ja-sb {
  223.     box-sizing: border-box;
  224.     height: 120px;
  225.     max-width: 100% !important;
  226.     width: 100%;
  227. }
  228. .ja-sb-i.i-k {
  229.     position: absolute;
  230.     max-width: 100% !important;
  231.  
  232.     height: 120px;
  233.     left: 0;
  234.     bottom: 0;
  235.     padding-bottom: 10px;
  236.     overflow: hidden;
  237.  
  238.     z-index: 2;
  239. }
  240.  
  241. /* VISITED */
  242. .a-d.webstore-test-wall-tile > a.a-u {
  243.     display: block;
  244.     text-decoration: none;
  245. border: 1px solid gray !important;
  246. }
  247.  
  248. .a-d.webstore-test-wall-tile > a.a-u:visited {
  249.     display: block;
  250.     text-decoration: none;
  251. border: 1px solid red !important;
  252. }
  253.  
  254.  
  255. /* ASSISTANCE */
  256. .v-b.e-f-b-x .v-b-n {
  257.     position: static;
  258.     height: auto;
  259.     width: 100%;
  260.     min-width: 60% !important;
  261.     max-width: 60% !important;
  262.     padding: 0 0% 60px 20% !important;
  263.  
  264.  
  265. }
  266.  
  267. /* (new2) SIMMILAR TAB =
  268. https://chrome.google.com/webstore/detail/disable-content-security/ieelmcmcagommplceebfedjlakkhpden/related
  269. === */
  270. /* SIMILAR - TABS SELECTED */
  271. .e-f-b.g-b-Fa[aria-selected="true"] {
  272.   background: green !important;
  273.  
  274. }
  275.  
  276.  
  277. .ha-Va-bf-hf {
  278.     width: 100% !important;
  279.     min-width: 100% !important;
  280.     max-width: 100% !important;
  281. }
  282. .ha-Va-bf-hf .ja-ha {
  283.     display: inline-block !important;
  284.     width: 100% !important;
  285.     min-width: 100% !important;
  286.     max-width: 100% !important;
  287. }
  288. .ha-Va-bf-hf .ja-ha  .ja-ha-De {
  289.     display: inline-block !important;
  290.     width: 100% !important;
  291.     min-width: 100% !important;
  292. }
  293. /* (new2) */
  294. .ha-Va-bf-hf .ja-ha  .ja-ha-De > div {
  295.     display: inline-block !important;
  296.     width: 24% !important;
  297.     padding: 5px 5px  !important;
  298. border: 1px solid aqua  !important;
  299. }
  300. .ha-Va-bf-hf .ja-ha  .ja-ha-De > div > div {
  301.     margin: 0px 5px 5px 0px !important;
  302.     width: 100% !important;
  303. }
  304. /* (new2) FIRST */
  305. .ha-Va-bf-hf .ja-ha .ja-ha-De > div > div:first-of-type {
  306.     margin: 0px 5px 10px 0px !important;
  307.     width: 100% !important;
  308. }
  309.  
  310.  
  311. .ha-Va-bf-hf .ja-ha  .ja-ha-De > div > .a-d.webstore-test-wall-tile .a-U-d{
  312.     width: 100% !important;
  313. }
  314.  
  315. .ha-Va-bf-hf .ja-ha  .ja-ha-De > div > .a-d.webstore-test-wall-tile > a.a-u {
  316.     padding: 2px !important;
  317. }
  318. .ha-Va-bf-hf .ja-ha  .ja-ha-De .a-d-Ec {
  319.     box-sizing: border-box;
  320.     padding: 5px !important;
  321. }
  322.  
  323. /* HOVER */
  324. .h-l-d-x.U-d-l  {
  325.     width: 99% !important;
  326. margin: 0 !important;
  327.     padding: 1px !important;
  328. /*     border: 1px solid green !important; */
  329. }
  330. .h-l-d-x.U-d-l a .d-l-e.me {
  331. display: inline-block !important;
  332. height: 170px  !important;
  333.     min-width: 100% !important;
  334.     max-width: 100% !important;
  335. margin: 4px 0 0 0px !important;
  336.     padding: 0 !important;
  337. /* background-color: green !important; */
  338. /*     border: 1px solid yellow !important; */
  339. }
  340.  
  341. .h-l-d-x.U-d-l a .d-l-e.me > div ,
  342. .h-l-d-x.U-d-l a .d-l-e.me > .d-l-pa.Aj-ha-Ze {
  343.     display: inline-block !important;
  344.     max-width: 98% !important;
  345.     padding: 0px !important;
  346. margin: 2px 0 0 2px !important;
  347. /*     border: 1px solid blue !important; */
  348. background-color: #111 !important;
  349. }
  350.  
  351.  
  352.  
  353. /* COLOR === */
  354.  
  355. /* (new32) ICON SVG - FILL */
  356. .NMm5M {
  357.   fill: peru !important;
  358. }
  359.  
  360. /* BACKGROUND  */
  361. .e-f, 
  362. .t-e-f  ,
  363. .f-rd ,
  364. .F-f-k ,
  365. .F-ia-k ,
  366. body ,
  367. html {
  368.     background-color: #333 !important;
  369. }
  370.  
  371. .RBHQF-ksKsZd,
  372. header ,
  373. .S-pb-qa .F-k ,
  374. .e-f-pa {
  375.     background-color: #333 !important;
  376. }
  377.  
  378.  
  379. .YuSVae ,
  380. .cD9yc ,
  381. .Cb7Kte ,
  382. .HWJfBb ,
  383. .h-a-x ,
  384. .F-x ,
  385. .F-n-J ,
  386. .e-f-b-j  {
  387.     background-color: #222 !important;
  388. }
  389. .d-l-pa.Aj-ha-Ze ,
  390. .ha-Va-bf-hf .ja-ha .ja-ha-De > div > .a-d.webstore-test-wall-tile .a-U-d  > div ,
  391. .h-e-f-b-Qe ,
  392. .C-b-p-j ,
  393. .h-C-b-i-k {
  394.     background-color: #222 !important;
  395. }
  396.  
  397. .z-b .z-J-Q ,
  398. .C-b-p-j-kk-dk.Ka-Ia-j ,
  399. .e-f-o ,
  400. .a-u.h-l-Ac ,
  401. .ja-ha-Va ,
  402. .C-b > div.h-ja-sb {
  403.     background-color: #111 !important;
  404. }
  405.  
  406. /* BACKGROUND - ZEBRA */
  407. .v-b-E-be-Eb>div:nth-child(odd) ,
  408. .ba-fb > div:nth-child(odd){
  409.     background-color: #111 !important;
  410. border-bottom: 1px solid red !important;
  411. }
  412. .v-b-E-be-Eb>div:nth-child(odd) .v-b-ob-fb ,
  413. .ba-fb > div:nth-child(odd) .Fg-b-ob-fb ,
  414. .ba-fb > div:nth-child(odd) .Fg-b-ob-fb > div > div{
  415.     background-color: #333 !important;
  416. }
  417.  
  418. .v-b-E-be-Eb>div:nth-child(even) ,
  419. .ba-fb > div:nth-child(even){
  420.     background-color: #333 !important;
  421. border-bottom: 1px solid red !important;
  422. }
  423. .v-b-E-be-Eb>div:nth-child(even) .v-b-ob-fb ,
  424. .ba-fb > div:nth-child(even) .Fg-b-ob-fb > div > div ,
  425. .ba-fb > div:nth-child(even) .Fg-b-ob-fb{
  426.     background-color: #222 !important;
  427. }
  428.  
  429.  
  430. /* (new3) LINK / TEXT */
  431.  
  432. /* body {
  433.     color: red !important;
  434. } */
  435.  
  436. span.LXTxRc-N5Lhkf span ,
  437. .Uufqmb,
  438. .g3IrHd ,
  439. .BObyac,
  440. .qwG2Hd  ,
  441. .VfPpkd-rymPhb li span,
  442. .vECq8 ,
  443. .JJ3H1e,
  444. .Vq0ZA,
  445. .F9iKBc,
  446. .PmmSTd ,
  447. .RXA6ff ,
  448. .kcASRe ,
  449. .LH0qne ,
  450. .jnapE ,
  451. .dKzM9d ,
  452. .S7w4Mb ,
  453. .im4wIf ul li,
  454. .JJ3H1e.jVwmLb ,
  455. .e-f-ih ,
  456. .nAtiRe ,
  457. .C-b-p-D-Xe ,
  458. .z-J ,
  459. .Zc-nc-db ,
  460. .z-J-bPwzmc ,
  461. .g-aa-ca-w ,
  462.  
  463. .n-j-Z-ea-u ,
  464. .n-j-Z-K-o-w ,
  465. a.n-j-O-xb-M-u ,
  466. .d-l-pa ,
  467. .d-l-pa.Aj-ha-Ze ,
  468. .ha-Va-bf-hf .ja-ha .ja-ha-De > div > .a-d.webstore-test-wall-tile .a-U-d  > div .a-U-d-w-va-k > div ,
  469. .v-b-E-x-bc-k > div ,
  470. .z-J-F .ba-Eb-ba ,
  471. .tNOBCb-b-WsjYwc ,
  472. .QTrzJf-fb ,
  473. .tNOBCb-b-MnozTc ,
  474. .e-f-b-L ,
  475. .C-b-p-D-R ,
  476. .Fogikc ,
  477. .C-b-p-j-kk-dk ,
  478. .tuK82 ,
  479. .e-f-b.g-b-Fa ,
  480. h1 ,
  481. h2 ,
  482. .e-f-Ln {
  483.     text-shadow: none !important;
  484.     color: silver !important;
  485. }
  486.  
  487. pre[class$="-mb"] ,
  488. .C-b-p-j-Pb {
  489.     color: silver !important;
  490. }
  491. pre:not([class$="-mb"]) {
  492.     color: silver !important;
  493. }
  494.  
  495. .e-f-Sa-L {
  496.     color: red !important;
  497. }
  498. .xgYtHe .g-s-OAU7Vd .h-e-f-b-Qe ,
  499. .xgYtHe .g-s-OAU7Vd {
  500.     fill: red !important;
  501. }
  502. .xgYtHe .g-s-OAU7Vd {
  503.     fill: gold !important;
  504. }
  505.  
  506. /* (new3) LINKS - PERU */
  507.  
  508. .cD9yc a.UvhDdd + .TS4QDe p.GzKZcb ,
  509. a.UvhDdd ,
  510. .aH8fEd ,
  511. .d2selb span ,
  512. .UywwFc-vQzf8d ,
  513. .mUIrbf-LgbsSe span ,
  514. .AeBiU-LgbsSe span ,
  515. a ,
  516. a.mUIrbf-RLmnJb[href$="/reviews"] ,
  517. a[href$="/reviews"].awpk2 ,
  518. a[href$="/reviews"],
  519. .C25Jwf,
  520. a.e-f-y {
  521.     color: peru !important;
  522. }
  523.  
  524. /* VISITED */
  525. .cD9yc a.UvhDdd:visited + .TS4QDe p.GzKZcb,
  526. .cD9yc:visited ,
  527. a:visited ,
  528. a.e-f-y:visited {
  529.     color: tomato !important;
  530. }
  531. /* ==== END ==== */
  532. }