diff --git a/cssco.css b/cssco.css index 8f39dda..7c18af8 100644 --- a/cssco.css +++ b/cssco.css @@ -23,6 +23,8 @@ + + /* -------------------------------------------------------------------------- * #C1 \* -------------------------------------------------------------------------- */ @@ -38,12 +40,14 @@ .cssco.cssco--c1 img { -webkit-filter: grayscale(6%) contrast(130%); - filter: grayscale(6%) contrast(130%); + filter: grayscale(6%) contrast(130%); mix-blend-mode: hard-light; } + + /* -------------------------------------------------------------------------- * #F2 \* -------------------------------------------------------------------------- */ @@ -59,12 +63,14 @@ .cssco.cssco--f2 img { -webkit-filter: contrast(150%); - filter: contrast(150%); + filter: contrast(150%); opacity: 0.85; } + + /* -------------------------------------------------------------------------- * #G3 \* -------------------------------------------------------------------------- */ @@ -75,12 +81,14 @@ .cssco.cssco--g3 img { -webkit-filter: contrast(130%); - filter: contrast(130%); + filter: contrast(130%); mix-blend-mode: hard-light; } + + /* -------------------------------------------------------------------------- * #P5 \* -------------------------------------------------------------------------- */ @@ -96,12 +104,14 @@ .cssco.cssco--p5 img { -webkit-filter: contrast(150%) grayscale(15%); - filter: contrast(150%) grayscale(15%); + filter: contrast(150%) grayscale(15%); opacity: 0.8; } + + /* -------------------------------------------------------------------------- * #LV3 \* -------------------------------------------------------------------------- */ @@ -112,12 +122,14 @@ .cssco.cssco--lv3 img { -webkit-filter: grayscale(20%) contrast(130%); - filter: grayscale(20%) contrast(130%); + filter: grayscale(20%) contrast(130%); mix-blend-mode: hard-light; } + + /* -------------------------------------------------------------------------- * #B5 \* -------------------------------------------------------------------------- */ @@ -128,12 +140,14 @@ .cssco.cssco--b5 img { -webkit-filter: grayscale(100%) contrast(180%) brightness(95%); - filter: grayscale(100%) contrast(180%) brightness(95%); + filter: grayscale(100%) contrast(180%) brightness(95%); opacity: 0.9; } + + /* -------------------------------------------------------------------------- * #A6 \* -------------------------------------------------------------------------- */ @@ -149,12 +163,14 @@ .cssco.cssco--a6 img { -webkit-filter: grayscale(30%) contrast(140%) hue-rotate(-5deg); - filter: grayscale(30%) contrast(140%) hue-rotate(-5deg); + filter: grayscale(30%) contrast(140%) hue-rotate(-5deg); mix-blend-mode: hard-light; } + + /* -------------------------------------------------------------------------- * #M5 \* -------------------------------------------------------------------------- */ @@ -171,12 +187,14 @@ .cssco.cssco--m5 img { -webkit-filter: grayscale(40%) contrast(110%); - filter: grayscale(40%) contrast(110%); + filter: grayscale(40%) contrast(110%); mix-blend-mode: hard-light; } + + /* -------------------------------------------------------------------------- * #M3 \* -------------------------------------------------------------------------- */ @@ -193,13 +211,15 @@ .cssco.cssco--m3 img { -webkit-filter: grayscale(30%) contrast(155%); - filter: grayscale(30%) contrast(155%); + filter: grayscale(30%) contrast(155%); mix-blend-mode: hard-light; opacity: 0.75; } + + /* -------------------------------------------------------------------------- * #HB1 \* -------------------------------------------------------------------------- */ @@ -216,12 +236,14 @@ .cssco.cssco--hb1 img { -webkit-filter: grayscale(20%) contrast(130%); - filter: grayscale(20%) contrast(130%); + filter: grayscale(20%) contrast(130%); mix-blend-mode: hard-light; } + + /* -------------------------------------------------------------------------- * #HB2 \* -------------------------------------------------------------------------- */ @@ -238,12 +260,14 @@ .cssco.cssco--hb2 img { -webkit-filter: grayscale(20%) contrast(130%); - filter: grayscale(20%) contrast(130%); + filter: grayscale(20%) contrast(130%); mix-blend-mode: hard-light; } + + /* -------------------------------------------------------------------------- * #ACG \* -------------------------------------------------------------------------- */ @@ -259,13 +283,15 @@ .cssco.cssco--acg img { -webkit-filter: grayscale(40%) contrast(160%) brightness(85%) hue-rotate(-5deg); - filter: grayscale(40%) contrast(160%) brightness(85%) hue-rotate(-5deg); + filter: grayscale(40%) contrast(160%) brightness(85%) hue-rotate(-5deg); mix-blend-mode: darken; opacity: 0.85; } + + /* -------------------------------------------------------------------------- * #X1 \* -------------------------------------------------------------------------- */ @@ -281,12 +307,14 @@ .cssco.cssco--x1 img { -webkit-filter: grayscale(100%) contrast(190%) brightness(110%); - filter: grayscale(100%) contrast(190%) brightness(110%); + filter: grayscale(100%) contrast(190%) brightness(110%); opacity: 0.75; } + + /* -------------------------------------------------------------------------- * #T1 \* -------------------------------------------------------------------------- */ @@ -303,6 +331,6 @@ .cssco.cssco--t1 img { -webkit-filter: grayscale(20%) contrast(140%); - filter: grayscale(20%) contrast(140%); + filter: grayscale(20%) contrast(140%); mix-blend-mode: hard-light; }