Dark and Gray flavour + more infos in a glance
目前為
/* ==UserStyle==
@name Google Chrome Webstore Dark and Gray v.2
@namespace https://greasyfork.org/en/users/8-decembre?sort=updated
@version 2.00
@author decembre
@description Dark and Gray flavour + more infos in a glance
@license unlicense
==/UserStyle== */
@-moz-document url-prefix("https://chrome.google.com/webstore/"), url-prefix("https://chromewebstore.google.com/") {
/* ==== 0-Google Chrome Webstore Dark and Gray v.2 - DEV QUANTUM ==== */
/* === SUPP === */
div[role="dialog"][aria-labelledby="promo-header"] ,
.h-e-f-gj-Ra-c{
display: none !important;
}
/* TOP HEADER */
.O-j-k {
position: fixed;
width: 100%;
left: 0;
top: 0;
padding-left: calc(100vw - 100%);
z-index: 1150;
box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.12);
}
.O-j-gb ,
.O-j-gb a ,
.S-pb-qa .O-j,
.O-j {
height: 3vh !important;
}
.F-f-k {
top: 0px !important;
}
.e-f-o {
justify-content: center !important;
min-width: 100% !important;
max-width: 100% !important;
padding: 4vh 0% 5px 0 !important;
border-bottom: 2px solid red !important;
}
.e-f-pa {
margin-top: 5px !important;
}
.e-f-b-j {
max-width: 1000px;
width: auto;
padding: 5px 5px !important;
}
.h-e-f-b-Qe {
margin-top: -4vh !important;
}
/* ITEMS IN DESCIPTION */
.C-b > div{
/* float: left !important; */
width: 50% !important;
height: 100vh !important;
margin: 0px auto 0px !important;
/* border: 1px solid blue !important; */
}
.C-b > div:first-of-type{
float: left !important;
clear: both !important;
width: 40% !important;
/* border: 1px dashed blue !important; */
}
.i-Hf.i-F-Rb.Aa.C-b-i{
display: none !important;
}
.i-k.Aa.C-b-i {
height: 52vh !important;
}
.h-C-b-i-k .i-F-Rb-k {
margin: 0 3px !important;
}
.C-b > div.C-b-p-j{
float: right !important;
min-width: 60% !important;
max-width: 60% !important;
border-left: 1px solid red !important;
/* border: 1px dashed yellow !important; */
}
.C-b-p-j-D-gi {
padding: 0 5px !important;
}
.C-b-p-j-kk-dk {
margin-left: 5px !important;
overflow: visible;
padding-left: 18px;
padding-right: 0;
border-left: 2px solid red !important;
}
.C-b-Nb-sb .C-b-p-j {
height: auto;
padding: 0px 5px !important;
}
.h-C-b-i-k {
position: relative;
display: flex;
justify-content: center;
height: 400px !important;
width: 40% !important;
padding: 0px 0 0px !important;
background-color: tan !important;
}
.tuK82 {
margin-bottom: 5px !important;
}
.C-b-p-j-Oa-i8xkGf {
position: relative;
margin: 5px 0 0 !important;
overflow: hidden;
}
/* DESCRIPTION - MINI */
pre[class$="-mb"] {
display: inline-block !important;
min-height: 55vh !important;
padding: 2px 2px 2px 5px !important;
overflow: hidden !important;
overflow-y: auto !important;
text-decoration: none;
border-left: 1px solid green !important;
}
/* DESCRIPTION - OPEN */
pre:not([class$="-mb"]) {
display: inline-block !important;
height: 75vh !important;
padding: 2px 2px 2px 5px !important;
overflow: hidden !important;
overflow-y: auto !important;
text-decoration: none;
border-left: 1px solid red !important;
}
.C-b-p-j-Oa-ArRF3d-mb::before {
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;
content: "";
height: 100%;
pointer-events: none;
position: absolute;
width: 100%;
bottom: 0 !important;
}
.g-c.g-c-aSvl1d {
margin: 10px 0 0 !important;
}
/* FLEX */
.e-f-ra-gj {
position: absolute !important;
/* flex-direction: row !important; */
display: inline-block !important;
width: 100% !important;
min-height: 3vh !important;
max-height: 2vh !important;
top: 5.5vh !important;
left: 0 !important;
padding: 5px;
align-items: center;
place-content: center;
box-sizing: border-box;
z-index: 0 !important;
background-color: #333 !important;
border-bottom: 1px solid red !important;
}
.e-f-ra-gj-Pb {
color: #fff;
font-size: 15px !important;
letter-spacing: normal;
margin-bottom: 0px;
max-width: 100% !important;
text-align: center;
}
/* CARROSEL - FIXED */
.e-f-b-x {
display: flex !important;
align-items: center;
flex-direction: row !important;
height: auto;
width: auto;
margin: 40px 0 0;
border: 1px solid yellow !important;
}
.C-b > div.h-ja-sb {
position: fixed;
display: inline-block !important;
align-items: center;
width: 100% !important;
height: 18vh !important;
bottom: -15vh !important;
padding: 0px 0;
z-index: 100 !important;
transition: all ease 0.7s !important;
background-color: #222 !important;
}
.C-b > div.h-ja-sb:hover {
bottom: 0 !important;
transition: all ease 0.7s !important;
background-color: #111 !important;
}
.C-b > div.h-ja-sb .ja-sb-o {
position: static;
line-height: 1.75rem;
margin: 0 0 10px 0 !important;
text-align: center !important;
color: red !important;
border-top: 1px solid red !important;
}
.C-b > div.h-ja-sb .ja-sb {
box-sizing: border-box;
height: 120px;
max-width: 100% !important;
width: 100%;
}
.ja-sb-i.i-k {
position: absolute;
max-width: 100% !important;
height: 120px;
left: 0;
bottom: 0;
padding-bottom: 10px;
overflow: hidden;
z-index: 2;
}
/* VISITED */
.a-d.webstore-test-wall-tile > a.a-u {
display: block;
text-decoration: none;
border: 1px solid gray !important;
}
.a-d.webstore-test-wall-tile > a.a-u:visited {
display: block;
text-decoration: none;
border: 1px solid red !important;
}
/* ASSISTANCE */
.v-b.e-f-b-x .v-b-n {
position: static;
height: auto;
width: 100%;
min-width: 60% !important;
max-width: 60% !important;
padding: 0 0% 60px 20% !important;
}
/* (new2) SIMMILAR TAB =
https://chrome.google.com/webstore/detail/disable-content-security/ieelmcmcagommplceebfedjlakkhpden/related
=== */
/* SIMILAR - TABS SELECTED */
.e-f-b.g-b-Fa[aria-selected="true"] {
background: green !important;
}
.ha-Va-bf-hf {
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
}
.ha-Va-bf-hf .ja-ha {
display: inline-block !important;
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
}
.ha-Va-bf-hf .ja-ha .ja-ha-De {
display: inline-block !important;
width: 100% !important;
min-width: 100% !important;
}
/* (new2) */
.ha-Va-bf-hf .ja-ha .ja-ha-De > div {
display: inline-block !important;
width: 24% !important;
padding: 5px 5px !important;
border: 1px solid aqua !important;
}
.ha-Va-bf-hf .ja-ha .ja-ha-De > div > div {
margin: 0px 5px 5px 0px !important;
width: 100% !important;
}
/* (new2) FIRST */
.ha-Va-bf-hf .ja-ha .ja-ha-De > div > div:first-of-type {
margin: 0px 5px 10px 0px !important;
width: 100% !important;
}
.ha-Va-bf-hf .ja-ha .ja-ha-De > div > .a-d.webstore-test-wall-tile .a-U-d{
width: 100% !important;
}
.ha-Va-bf-hf .ja-ha .ja-ha-De > div > .a-d.webstore-test-wall-tile > a.a-u {
padding: 2px !important;
}
.ha-Va-bf-hf .ja-ha .ja-ha-De .a-d-Ec {
box-sizing: border-box;
padding: 5px !important;
}
/* HOVER */
.h-l-d-x.U-d-l {
width: 99% !important;
margin: 0 !important;
padding: 1px !important;
/* border: 1px solid green !important; */
}
.h-l-d-x.U-d-l a .d-l-e.me {
display: inline-block !important;
height: 170px !important;
min-width: 100% !important;
max-width: 100% !important;
margin: 4px 0 0 0px !important;
padding: 0 !important;
/* background-color: green !important; */
/* border: 1px solid yellow !important; */
}
.h-l-d-x.U-d-l a .d-l-e.me > div ,
.h-l-d-x.U-d-l a .d-l-e.me > .d-l-pa.Aj-ha-Ze {
display: inline-block !important;
max-width: 98% !important;
padding: 0px !important;
margin: 2px 0 0 2px !important;
/* border: 1px solid blue !important; */
background-color: #111 !important;
}
/* COLOR === */
/* (new32) ICON SVG - FILL */
.NMm5M {
fill: peru !important;
}
/* BACKGROUND */
.e-f,
.t-e-f ,
.f-rd ,
.F-f-k ,
.F-ia-k ,
body ,
html {
background-color: #333 !important;
}
.RBHQF-ksKsZd,
header ,
.S-pb-qa .F-k ,
.e-f-pa {
background-color: #333 !important;
}
.YuSVae ,
.cD9yc ,
.Cb7Kte ,
.HWJfBb ,
.h-a-x ,
.F-x ,
.F-n-J ,
.e-f-b-j {
background-color: #222 !important;
}
.d-l-pa.Aj-ha-Ze ,
.ha-Va-bf-hf .ja-ha .ja-ha-De > div > .a-d.webstore-test-wall-tile .a-U-d > div ,
.h-e-f-b-Qe ,
.C-b-p-j ,
.h-C-b-i-k {
background-color: #222 !important;
}
.z-b .z-J-Q ,
.C-b-p-j-kk-dk.Ka-Ia-j ,
.e-f-o ,
.a-u.h-l-Ac ,
.ja-ha-Va ,
.C-b > div.h-ja-sb {
background-color: #111 !important;
}
/* BACKGROUND - ZEBRA */
.v-b-E-be-Eb>div:nth-child(odd) ,
.ba-fb > div:nth-child(odd){
background-color: #111 !important;
border-bottom: 1px solid red !important;
}
.v-b-E-be-Eb>div:nth-child(odd) .v-b-ob-fb ,
.ba-fb > div:nth-child(odd) .Fg-b-ob-fb ,
.ba-fb > div:nth-child(odd) .Fg-b-ob-fb > div > div{
background-color: #333 !important;
}
.v-b-E-be-Eb>div:nth-child(even) ,
.ba-fb > div:nth-child(even){
background-color: #333 !important;
border-bottom: 1px solid red !important;
}
.v-b-E-be-Eb>div:nth-child(even) .v-b-ob-fb ,
.ba-fb > div:nth-child(even) .Fg-b-ob-fb > div > div ,
.ba-fb > div:nth-child(even) .Fg-b-ob-fb{
background-color: #222 !important;
}
/* (new3) LINK / TEXT */
/* body {
color: red !important;
} */
span.LXTxRc-N5Lhkf span ,
.Uufqmb,
.g3IrHd ,
.BObyac,
.qwG2Hd ,
.VfPpkd-rymPhb li span,
.vECq8 ,
.JJ3H1e,
.Vq0ZA,
.F9iKBc,
.PmmSTd ,
.RXA6ff ,
.kcASRe ,
.LH0qne ,
.jnapE ,
.dKzM9d ,
.S7w4Mb ,
.im4wIf ul li,
.JJ3H1e.jVwmLb ,
.e-f-ih ,
.nAtiRe ,
.C-b-p-D-Xe ,
.z-J ,
.Zc-nc-db ,
.z-J-bPwzmc ,
.g-aa-ca-w ,
.n-j-Z-ea-u ,
.n-j-Z-K-o-w ,
a.n-j-O-xb-M-u ,
.d-l-pa ,
.d-l-pa.Aj-ha-Ze ,
.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 ,
.v-b-E-x-bc-k > div ,
.z-J-F .ba-Eb-ba ,
.tNOBCb-b-WsjYwc ,
.QTrzJf-fb ,
.tNOBCb-b-MnozTc ,
.e-f-b-L ,
.C-b-p-D-R ,
.Fogikc ,
.C-b-p-j-kk-dk ,
.tuK82 ,
.e-f-b.g-b-Fa ,
h1 ,
h2 ,
.e-f-Ln {
text-shadow: none !important;
color: silver !important;
}
pre[class$="-mb"] ,
.C-b-p-j-Pb {
color: silver !important;
}
pre:not([class$="-mb"]) {
color: silver !important;
}
.e-f-Sa-L {
color: red !important;
}
.xgYtHe .g-s-OAU7Vd .h-e-f-b-Qe ,
.xgYtHe .g-s-OAU7Vd {
fill: red !important;
}
.xgYtHe .g-s-OAU7Vd {
fill: gold !important;
}
/* (new3) LINKS - PERU */
.cD9yc a.UvhDdd + .TS4QDe p.GzKZcb ,
a.UvhDdd ,
.aH8fEd ,
.d2selb span ,
.UywwFc-vQzf8d ,
.mUIrbf-LgbsSe span ,
.AeBiU-LgbsSe span ,
a ,
a.mUIrbf-RLmnJb[href$="/reviews"] ,
a[href$="/reviews"].awpk2 ,
a[href$="/reviews"],
.C25Jwf,
a.e-f-y {
color: peru !important;
}
/* VISITED */
.cD9yc a.UvhDdd:visited + .TS4QDe p.GzKZcb,
.cD9yc:visited ,
a:visited ,
a.e-f-y:visited {
color: tomato !important;
}
/* ==== END ==== */
}