diff --git a/site/css/aden.min.css b/site/css/aden.min.css index 9cb969e..a6da160 100644 --- a/site/css/aden.min.css +++ b/site/css/aden.min.css @@ -1 +1 @@ -.aden:after,.aden:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none}.aden{position:relative}.aden img{width:100%;z-index:1}.aden:before{z-index:2}.aden:after{z-index:3}.aden{-webkit-filter:hue-rotate(-20deg) contrast(.9) saturate(.85) brightness(1.2);filter:hue-rotate(-20deg) contrast(.9) saturate(.85) brightness(1.2)}.aden:after{background:-webkit-linear-gradient(left,rgba(66,10,14,.2),transparent);background:linear-gradient(to right,rgba(66,10,14,.2),transparent);mix-blend-mode:darken} \ No newline at end of file +.aden:after,.aden:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none}.aden{position:relative}.aden img{width:100%;z-index:1}.aden:before{z-index:2}.aden:after{z-index:3}.aden{-webkit-filter:hue-rotate(-20deg) contrast(.9) saturate(.85) brightness(1.2);filter:hue-rotate(-20deg) contrast(.9) saturate(.85) brightness(1.2)}.aden::after{background:-webkit-linear-gradient(left,rgba(66,10,14,.2),transparent);background:linear-gradient(to right,rgba(66,10,14,.2),transparent);mix-blend-mode:darken} \ No newline at end of file diff --git a/site/css/brooklyn.min.css b/site/css/brooklyn.min.css index d7adc6b..75c6e66 100644 --- a/site/css/brooklyn.min.css +++ b/site/css/brooklyn.min.css @@ -1 +1 @@ -.brooklyn:after,.brooklyn:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none}.brooklyn{position:relative}.brooklyn img{width:100%;z-index:1}.brooklyn:before{z-index:2}.brooklyn:after{z-index:3}.brooklyn{-webkit-filter:contrast(.9) brightness(1.1);filter:contrast(.9) brightness(1.1)}.brooklyn:after{background:-webkit-radial-gradient(circle,rgba(168,223,193,.4) 70%,#c4b7c8);background:radial-gradient(circle,rgba(168,223,193,.4) 70%,#c4b7c8);mix-blend-mode:overlay} \ No newline at end of file +.brooklyn:after,.brooklyn:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none}.brooklyn{position:relative}.brooklyn img{width:100%;z-index:1}.brooklyn:before{z-index:2}.brooklyn:after{z-index:3}.brooklyn{-webkit-filter:contrast(.9) brightness(1.1);filter:contrast(.9) brightness(1.1)}.brooklyn::after{background:-webkit-radial-gradient(circle,rgba(168,223,193,.4) 70%,#c4b7c8);background:radial-gradient(circle,rgba(168,223,193,.4) 70%,#c4b7c8);mix-blend-mode:overlay} \ No newline at end of file diff --git a/site/css/cssgram.min.css b/site/css/cssgram.min.css index c48c931..bcaf5d6 100644 --- a/site/css/cssgram.min.css +++ b/site/css/cssgram.min.css @@ -1 +1 @@ -.aden{-webkit-filter:hue-rotate(-20deg) contrast(.9) saturate(.85) brightness(1.2);filter:hue-rotate(-20deg) contrast(.9) saturate(.85) brightness(1.2)}.aden:after{background:-webkit-linear-gradient(left,rgba(66,10,14,.2),transparent);background:linear-gradient(to right,rgba(66,10,14,.2),transparent);mix-blend-mode:darken}.inkwell{-webkit-filter:sepia(.3) contrast(1.1) brightness(1.1) grayscale(1);filter:sepia(.3) contrast(1.1) brightness(1.1) grayscale(1)}.perpetua:after{background:-webkit-linear-gradient(top,#005b9a,#e6c13d);background:linear-gradient(to bottom,#005b9a,#e6c13d);mix-blend-mode:soft-light;opacity:.5}.reyes{-webkit-filter:sepia(.22) brightness(1.1) contrast(.85) saturate(.75);filter:sepia(.22) brightness(1.1) contrast(.85) saturate(.75)}.reyes:after{background:#efcdad;mix-blend-mode:soft-light;opacity:.5}.gingham{-webkit-filter:brightness(1.05) hue-rotate(-10deg);filter:brightness(1.05) hue-rotate(-10deg)}.gingham:after{background:-webkit-linear-gradient(left,rgba(66,10,14,.2),transparent);background:linear-gradient(to right,rgba(66,10,14,.2),transparent);mix-blend-mode:darken}.toaster{-webkit-filter:contrast(1.5) brightness(.9);filter:contrast(1.5) brightness(.9)}.toaster:after{background:-webkit-radial-gradient(circle,#804e0f,#3b003b);background:radial-gradient(circle,#804e0f,#3b003b);mix-blend-mode:screen}.walden{-webkit-filter:brightness(1.1) hue-rotate(-10deg) sepia(.3) saturate(1.6);filter:brightness(1.1) hue-rotate(-10deg) sepia(.3) saturate(1.6)}.walden:after{background:#04c;mix-blend-mode:screen;opacity:.3}.hudson{-webkit-filter:brightness(1.2) contrast(.9) saturate(1.1);filter:brightness(1.2) contrast(.9) saturate(1.1)}.hudson:after{background:-webkit-radial-gradient(circle,#a6b1ff 50%,#342134);background:radial-gradient(circle,#a6b1ff 50%,#342134);mix-blend-mode:multiply;opacity:.5}.earlybird{-webkit-filter:contrast(.9) sepia(.2);filter:contrast(.9) sepia(.2)}.earlybird:after{background:-webkit-radial-gradient(circle,#d0ba8e 20%,#360309 85%,#1d0210 100%);background:radial-gradient(circle,#d0ba8e 20%,#360309 85%,#1d0210 100%);mix-blend-mode:overlay}.mayfair{-webkit-filter:contrast(1.1) saturate(1.1);filter:contrast(1.1) saturate(1.1)}.mayfair:after{background:-webkit-radial-gradient(40% 40%,circle,rgba(255,255,255,.8),rgba(255,200,200,.6),#111 60%);background:radial-gradient(circle at 40% 40%,rgba(255,255,255,.8),rgba(255,200,200,.6),#111 60%);mix-blend-mode:overlay;opacity:.4}.lofi{-webkit-filter:saturate(1.1) contrast(1.5);filter:saturate(1.1) contrast(1.5)}.lofi:after{background:-webkit-radial-gradient(circle,transparent 70%,#222 150%);background:radial-gradient(circle,transparent 70%,#222 150%);mix-blend-mode:multiply}._1977{-webkit-filter:contrast(1.1) brightness(1.1) saturate(1.3);filter:contrast(1.1) brightness(1.1) saturate(1.3)}._1977:after{background:rgba(243,106,188,.3);mix-blend-mode:screen}.brooklyn{-webkit-filter:contrast(.9) brightness(1.1);filter:contrast(.9) brightness(1.1)}.brooklyn:after{background:-webkit-radial-gradient(circle,rgba(168,223,193,.4) 70%,#c4b7c8);background:radial-gradient(circle,rgba(168,223,193,.4) 70%,#c4b7c8);mix-blend-mode:overlay}.xpro2{-webkit-filter:sepia(.3);filter:sepia(.3)}.xpro2:after{background:-webkit-radial-gradient(circle,#E6E7E0 40%,rgba(43,42,161,.6) 110%);background:radial-gradient(circle,#E6E7E0 40%,rgba(43,42,161,.6) 110%);mix-blend-mode:color-burn}.nashville{-webkit-filter:sepia(.2) contrast(1.2) brightness(1.05) saturate(1.2);filter:sepia(.2) contrast(1.2) brightness(1.05) saturate(1.2)}.nashville::after{background:rgba(0,70,150,.4);mix-blend-mode:lighten}.nashville::before{background:rgba(247,176,153,.56);mix-blend-mode:darken}.lark{-webkit-filter:contrast(.9);filter:contrast(.9)}.lark:after{background:rgba(242,242,242,.8);mix-blend-mode:darken}.lark:before{background:#22253f;mix-blend-mode:color-dodge}._1977:after,._1977:before,.aden:after,.aden:before,.brooklyn:after,.brooklyn:before,.earlybird:after,.earlybird:before,.gingham:after,.gingham:before,.hudson:after,.hudson:before,.inkwell:after,.inkwell:before,.lark:after,.lark:before,.lofi:after,.lofi:before,.mayfair:after,.mayfair:before,.moon:after,.moon:before,.nashville:after,.nashville:before,.perpetua:after,.perpetua:before,.reyes:after,.reyes:before,.toaster:after,.toaster:before,.walden:after,.walden:before,.xpro2:after,.xpro2:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none}._1977,.aden,.brooklyn,.earlybird,.gingham,.hudson,.inkwell,.lark,.lofi,.mayfair,.moon,.nashville,.perpetua,.reyes,.toaster,.walden,.xpro2{position:relative}._1977 img,.aden img,.brooklyn img,.earlybird img,.gingham img,.hudson img,.inkwell img,.lark img,.lofi img,.mayfair img,.moon img,.nashville img,.perpetua img,.reyes img,.toaster img,.walden img,.xpro2 img{width:100%;z-index:1}._1977:before,.aden:before,.brooklyn:before,.earlybird:before,.gingham:before,.hudson:before,.inkwell:before,.lark:before,.lofi:before,.mayfair:before,.moon:before,.nashville:before,.perpetua:before,.reyes:before,.toaster:before,.walden:before,.xpro2:before{z-index:2}._1977:after,.aden:after,.brooklyn:after,.earlybird:after,.gingham:after,.hudson:after,.inkwell:after,.lark:after,.lofi:after,.mayfair:after,.moon:after,.nashville:after,.perpetua:after,.reyes:after,.toaster:after,.walden:after,.xpro2:after{z-index:3}.moon{-webkit-filter:grayscale(1) contrast(1.1) brightness(1.1);filter:grayscale(1) contrast(1.1) brightness(1.1)}.moon:before{background:#a0a0a0;mix-blend-mode:soft-light}.moon:after{background:#383838;mix-blend-mode:lighten} \ No newline at end of file +.aden{-webkit-filter:hue-rotate(-20deg) contrast(.9) saturate(.85) brightness(1.2);filter:hue-rotate(-20deg) contrast(.9) saturate(.85) brightness(1.2)}.aden::after{background:-webkit-linear-gradient(left,rgba(66,10,14,.2),transparent);background:linear-gradient(to right,rgba(66,10,14,.2),transparent);mix-blend-mode:darken}.inkwell{-webkit-filter:sepia(.3) contrast(1.1) brightness(1.1) grayscale(1);filter:sepia(.3) contrast(1.1) brightness(1.1) grayscale(1)}.perpetua::after{background:-webkit-linear-gradient(top,#005b9a,#e6c13d);background:linear-gradient(to bottom,#005b9a,#e6c13d);mix-blend-mode:soft-light;opacity:.5}.reyes{-webkit-filter:sepia(.22) brightness(1.1) contrast(.85) saturate(.75);filter:sepia(.22) brightness(1.1) contrast(.85) saturate(.75)}.reyes::after{background:#efcdad;mix-blend-mode:soft-light;opacity:.5}.gingham{-webkit-filter:brightness(1.05) hue-rotate(-10deg);filter:brightness(1.05) hue-rotate(-10deg)}.gingham::after{background:-webkit-linear-gradient(left,rgba(66,10,14,.2),transparent);background:linear-gradient(to right,rgba(66,10,14,.2),transparent);mix-blend-mode:darken}.toaster{-webkit-filter:contrast(1.5) brightness(.9);filter:contrast(1.5) brightness(.9)}.toaster::after{background:-webkit-radial-gradient(circle,#804e0f,#3b003b);background:radial-gradient(circle,#804e0f,#3b003b);mix-blend-mode:screen}.walden{-webkit-filter:brightness(1.1) hue-rotate(-10deg) sepia(.3) saturate(1.6);filter:brightness(1.1) hue-rotate(-10deg) sepia(.3) saturate(1.6)}.walden::after{background:#04c;mix-blend-mode:screen;opacity:.3}.hudson{-webkit-filter:brightness(1.2) contrast(.9) saturate(1.1);filter:brightness(1.2) contrast(.9) saturate(1.1)}.hudson::after{background:-webkit-radial-gradient(circle,#a6b1ff 50%,#342134);background:radial-gradient(circle,#a6b1ff 50%,#342134);mix-blend-mode:multiply;opacity:.5}.earlybird{-webkit-filter:contrast(.9) sepia(.2);filter:contrast(.9) sepia(.2)}.earlybird::after{background:-webkit-radial-gradient(circle,#d0ba8e 20%,#360309 85%,#1d0210 100%);background:radial-gradient(circle,#d0ba8e 20%,#360309 85%,#1d0210 100%);mix-blend-mode:overlay}.mayfair{-webkit-filter:contrast(1.1) saturate(1.1);filter:contrast(1.1) saturate(1.1)}.mayfair::after{background:-webkit-radial-gradient(40% 40%,circle,rgba(255,255,255,.8),rgba(255,200,200,.6),#111 60%);background:radial-gradient(circle at 40% 40%,rgba(255,255,255,.8),rgba(255,200,200,.6),#111 60%);mix-blend-mode:overlay;opacity:.4}.lofi{-webkit-filter:saturate(1.1) contrast(1.5);filter:saturate(1.1) contrast(1.5)}.lofi::after{background:-webkit-radial-gradient(circle,transparent 70%,#222 150%);background:radial-gradient(circle,transparent 70%,#222 150%);mix-blend-mode:multiply}._1977{-webkit-filter:contrast(1.1) brightness(1.1) saturate(1.3);filter:contrast(1.1) brightness(1.1) saturate(1.3)}._1977:after{background:rgba(243,106,188,.3);mix-blend-mode:screen}.brooklyn{-webkit-filter:contrast(.9) brightness(1.1);filter:contrast(.9) brightness(1.1)}.brooklyn::after{background:-webkit-radial-gradient(circle,rgba(168,223,193,.4) 70%,#c4b7c8);background:radial-gradient(circle,rgba(168,223,193,.4) 70%,#c4b7c8);mix-blend-mode:overlay}.xpro2{-webkit-filter:sepia(.3);filter:sepia(.3)}.xpro2::after{background:-webkit-radial-gradient(circle,#e6e7e0 40%,rgba(43,42,161,.6) 110%);background:radial-gradient(circle,#e6e7e0 40%,rgba(43,42,161,.6) 110%);mix-blend-mode:color-burn}.nashville{-webkit-filter:sepia(.2) contrast(1.2) brightness(1.05) saturate(1.2);filter:sepia(.2) contrast(1.2) brightness(1.05) saturate(1.2)}.nashville::after{background:rgba(0,70,150,.4);mix-blend-mode:lighten}.nashville::before{background:rgba(247,176,153,.56);mix-blend-mode:darken}.lark{-webkit-filter:contrast(.9);filter:contrast(.9)}.lark::after{background:rgba(242,242,242,.8);mix-blend-mode:darken}.lark::before{background:#22253f;mix-blend-mode:color-dodge}._1977:after,._1977:before,.aden:after,.aden:before,.brooklyn:after,.brooklyn:before,.earlybird:after,.earlybird:before,.gingham:after,.gingham:before,.hudson:after,.hudson:before,.inkwell:after,.inkwell:before,.lark:after,.lark:before,.lofi:after,.lofi:before,.mayfair:after,.mayfair:before,.moon:after,.moon:before,.nashville:after,.nashville:before,.perpetua:after,.perpetua:before,.reyes:after,.reyes:before,.toaster:after,.toaster:before,.walden:after,.walden:before,.xpro2:after,.xpro2:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none}._1977,.aden,.brooklyn,.earlybird,.gingham,.hudson,.inkwell,.lark,.lofi,.mayfair,.moon,.nashville,.perpetua,.reyes,.toaster,.walden,.xpro2{position:relative}._1977 img,.aden img,.brooklyn img,.earlybird img,.gingham img,.hudson img,.inkwell img,.lark img,.lofi img,.mayfair img,.moon img,.nashville img,.perpetua img,.reyes img,.toaster img,.walden img,.xpro2 img{width:100%;z-index:1}._1977:before,.aden:before,.brooklyn:before,.earlybird:before,.gingham:before,.hudson:before,.inkwell:before,.lark:before,.lofi:before,.mayfair:before,.moon:before,.nashville:before,.perpetua:before,.reyes:before,.toaster:before,.walden:before,.xpro2:before{z-index:2}._1977:after,.aden:after,.brooklyn:after,.earlybird:after,.gingham:after,.hudson:after,.inkwell:after,.lark:after,.lofi:after,.mayfair:after,.moon:after,.nashville:after,.perpetua:after,.reyes:after,.toaster:after,.walden:after,.xpro2:after{z-index:3}.moon{-webkit-filter:grayscale(1) contrast(1.1) brightness(1.1);filter:grayscale(1) contrast(1.1) brightness(1.1)}.moon::before{background:#a0a0a0;mix-blend-mode:soft-light}.moon::after{background:#383838;mix-blend-mode:lighten} \ No newline at end of file diff --git a/site/css/demo-site.css b/site/css/demo-site.css index e3db9af..9c986df 100644 --- a/site/css/demo-site.css +++ b/site/css/demo-site.css @@ -47,7 +47,7 @@ .aden { -webkit-filter: hue-rotate(-20deg) contrast(.9) saturate(0.85) brightness(1.2); filter: hue-rotate(-20deg) contrast(.9) saturate(0.85) brightness(1.2); } - .aden:after { + .aden::after { background: -webkit-linear-gradient(left, rgba(66, 10, 14, 0.2), transparent); background: linear-gradient(to right, rgba(66, 10, 14, 0.2), transparent); mix-blend-mode: darken; } @@ -86,7 +86,7 @@ .aden:after, .inkwell:after, .perpetua:after, .reyes:after, .gingham:after, .toaster:after, .walden:after, .hudson:after, .earlybird:after, .mayfair:after, .lofi:after, ._1977:after, .brooklyn:after, .xpro2:after, .nashville:after, .lark:after, .moon:after { z-index: 3; } -.perpetua:after { +.perpetua::after { background: -webkit-linear-gradient(top, #005b9a, #e6c13d); background: linear-gradient(to bottom, #005b9a, #e6c13d); mix-blend-mode: soft-light; @@ -120,7 +120,7 @@ .reyes { -webkit-filter: sepia(.22) brightness(1.1) contrast(.85) saturate(0.75); filter: sepia(.22) brightness(1.1) contrast(.85) saturate(0.75); } - .reyes:after { + .reyes::after { background: #efcdad; mix-blend-mode: soft-light; opacity: .5; } @@ -153,7 +153,7 @@ .gingham { -webkit-filter: brightness(1.05) hue-rotate(-10deg); filter: brightness(1.05) hue-rotate(-10deg); } - .gingham:after { + .gingham::after { background: -webkit-linear-gradient(left, rgba(66, 10, 14, 0.2), transparent); background: linear-gradient(to right, rgba(66, 10, 14, 0.2), transparent); mix-blend-mode: darken; } @@ -186,7 +186,7 @@ .toaster { -webkit-filter: contrast(1.5) brightness(.9); filter: contrast(1.5) brightness(.9); } - .toaster:after { + .toaster::after { background: -webkit-radial-gradient(circle, #804e0f, #3b003b); background: radial-gradient(circle, #804e0f, #3b003b); mix-blend-mode: screen; } @@ -219,8 +219,8 @@ .walden { -webkit-filter: brightness(1.1) hue-rotate(-10deg) sepia(.3) saturate(1.6); filter: brightness(1.1) hue-rotate(-10deg) sepia(.3) saturate(1.6); } - .walden:after { - background: #04c; + .walden::after { + background: #0044cc; mix-blend-mode: screen; opacity: .3; } @@ -252,7 +252,7 @@ .hudson { -webkit-filter: brightness(1.2) contrast(.9) saturate(1.1); filter: brightness(1.2) contrast(.9) saturate(1.1); } - .hudson:after { + .hudson::after { background: -webkit-radial-gradient(circle, #a6b1ff 50%, #342134); background: radial-gradient(circle, #a6b1ff 50%, #342134); mix-blend-mode: multiply; @@ -286,7 +286,7 @@ .earlybird { -webkit-filter: contrast(.9) sepia(.2); filter: contrast(.9) sepia(.2); } - .earlybird:after { + .earlybird::after { background: -webkit-radial-gradient(circle, #d0ba8e 20%, #360309 85%, #1d0210 100%); background: radial-gradient(circle, #d0ba8e 20%, #360309 85%, #1d0210 100%); mix-blend-mode: overlay; } @@ -319,9 +319,9 @@ .mayfair { -webkit-filter: contrast(1.1) saturate(1.1); filter: contrast(1.1) saturate(1.1); } - .mayfair:after { - background: -webkit-radial-gradient(40% 40%, circle, rgba(255, 255, 255, 0.8), rgba(255, 200, 200, 0.6), #111 60%); - background: radial-gradient(circle at 40% 40%, rgba(255, 255, 255, 0.8), rgba(255, 200, 200, 0.6), #111 60%); + .mayfair::after { + background: -webkit-radial-gradient(40% 40%, circle, rgba(255, 255, 255, 0.8), rgba(255, 200, 200, 0.6), #111111 60%); + background: radial-gradient(circle at 40% 40%, rgba(255, 255, 255, 0.8), rgba(255, 200, 200, 0.6), #111111 60%); mix-blend-mode: overlay; opacity: .4; } @@ -352,9 +352,9 @@ .lofi { -webkit-filter: saturate(1.1) contrast(1.5); filter: saturate(1.1) contrast(1.5); } - .lofi:after { - background: -webkit-radial-gradient(circle, transparent 70%, #222 150%); - background: radial-gradient(circle, transparent 70%, #222 150%); + .lofi::after { + background: -webkit-radial-gradient(circle, transparent 70%, #222222 150%); + background: radial-gradient(circle, transparent 70%, #222222 150%); mix-blend-mode: multiply; } /* @@ -416,7 +416,7 @@ .brooklyn { -webkit-filter: contrast(.9) brightness(1.1); filter: contrast(.9) brightness(1.1); } - .brooklyn:after { + .brooklyn::after { background: -webkit-radial-gradient(circle, rgba(168, 223, 193, 0.4) 70%, #c4b7c8); background: radial-gradient(circle, rgba(168, 223, 193, 0.4) 70%, #c4b7c8); mix-blend-mode: overlay; } @@ -449,9 +449,9 @@ .xpro2 { -webkit-filter: sepia(.3); filter: sepia(.3); } - .xpro2:after { - background: -webkit-radial-gradient(circle, #E6E7E0 40%, rgba(43, 42, 161, 0.6) 110%); - background: radial-gradient(circle, #E6E7E0 40%, rgba(43, 42, 161, 0.6) 110%); + .xpro2::after { + background: -webkit-radial-gradient(circle, #e6e7e0 40%, rgba(43, 42, 161, 0.6) 110%); + background: radial-gradient(circle, #e6e7e0 40%, rgba(43, 42, 161, 0.6) 110%); mix-blend-mode: color-burn; } /* @@ -516,10 +516,10 @@ .lark { -webkit-filter: contrast(.9); filter: contrast(.9); } - .lark:after { + .lark::after { background: rgba(242, 242, 242, 0.8); mix-blend-mode: darken; } - .lark:before { + .lark::before { background: #22253f; mix-blend-mode: color-dodge; } @@ -550,10 +550,10 @@ .moon { -webkit-filter: grayscale(1) contrast(1.1) brightness(1.1); filter: grayscale(1) contrast(1.1) brightness(1.1); } - .moon:before { + .moon::before { background: #a0a0a0; mix-blend-mode: soft-light; } - .moon:after { + .moon::after { background: #383838; mix-blend-mode: lighten; } diff --git a/site/css/demo-site.min.css b/site/css/demo-site.min.css index 5647875..bce64ef 100644 --- a/site/css/demo-site.min.css +++ b/site/css/demo-site.min.css @@ -1 +1 @@ -@charset "UTF-8";.aden{-webkit-filter:hue-rotate(-20deg) contrast(.9) saturate(.85) brightness(1.2);filter:hue-rotate(-20deg) contrast(.9) saturate(.85) brightness(1.2)}.aden:after{background:-webkit-linear-gradient(left,rgba(66,10,14,.2),transparent);background:linear-gradient(to right,rgba(66,10,14,.2),transparent);mix-blend-mode:darken}.inkwell{-webkit-filter:sepia(.3) contrast(1.1) brightness(1.1) grayscale(1);filter:sepia(.3) contrast(1.1) brightness(1.1) grayscale(1)}.perpetua:after{background:-webkit-linear-gradient(top,#005b9a,#e6c13d);background:linear-gradient(to bottom,#005b9a,#e6c13d);mix-blend-mode:soft-light;opacity:.5}.reyes{-webkit-filter:sepia(.22) brightness(1.1) contrast(.85) saturate(.75);filter:sepia(.22) brightness(1.1) contrast(.85) saturate(.75)}.reyes:after{background:#efcdad;mix-blend-mode:soft-light;opacity:.5}.gingham{-webkit-filter:brightness(1.05) hue-rotate(-10deg);filter:brightness(1.05) hue-rotate(-10deg)}.gingham:after{background:-webkit-linear-gradient(left,rgba(66,10,14,.2),transparent);background:linear-gradient(to right,rgba(66,10,14,.2),transparent);mix-blend-mode:darken}.toaster{-webkit-filter:contrast(1.5) brightness(.9);filter:contrast(1.5) brightness(.9)}.toaster:after{background:-webkit-radial-gradient(circle,#804e0f,#3b003b);background:radial-gradient(circle,#804e0f,#3b003b);mix-blend-mode:screen}.walden{-webkit-filter:brightness(1.1) hue-rotate(-10deg) sepia(.3) saturate(1.6);filter:brightness(1.1) hue-rotate(-10deg) sepia(.3) saturate(1.6)}.walden:after{background:#04c;mix-blend-mode:screen;opacity:.3}.hudson{-webkit-filter:brightness(1.2) contrast(.9) saturate(1.1);filter:brightness(1.2) contrast(.9) saturate(1.1)}.hudson:after{background:-webkit-radial-gradient(circle,#a6b1ff 50%,#342134);background:radial-gradient(circle,#a6b1ff 50%,#342134);mix-blend-mode:multiply;opacity:.5}.earlybird{-webkit-filter:contrast(.9) sepia(.2);filter:contrast(.9) sepia(.2)}.earlybird:after{background:-webkit-radial-gradient(circle,#d0ba8e 20%,#360309 85%,#1d0210 100%);background:radial-gradient(circle,#d0ba8e 20%,#360309 85%,#1d0210 100%);mix-blend-mode:overlay}.mayfair{-webkit-filter:contrast(1.1) saturate(1.1);filter:contrast(1.1) saturate(1.1)}.mayfair:after{background:-webkit-radial-gradient(40% 40%,circle,rgba(255,255,255,.8),rgba(255,200,200,.6),#111 60%);background:radial-gradient(circle at 40% 40%,rgba(255,255,255,.8),rgba(255,200,200,.6),#111 60%);mix-blend-mode:overlay;opacity:.4}.lofi{-webkit-filter:saturate(1.1) contrast(1.5);filter:saturate(1.1) contrast(1.5)}.lofi:after{background:-webkit-radial-gradient(circle,transparent 70%,#222 150%);background:radial-gradient(circle,transparent 70%,#222 150%);mix-blend-mode:multiply}._1977{-webkit-filter:contrast(1.1) brightness(1.1) saturate(1.3);filter:contrast(1.1) brightness(1.1) saturate(1.3)}._1977:after{background:rgba(243,106,188,.3);mix-blend-mode:screen}.brooklyn{-webkit-filter:contrast(.9) brightness(1.1);filter:contrast(.9) brightness(1.1)}.brooklyn:after{background:-webkit-radial-gradient(circle,rgba(168,223,193,.4) 70%,#c4b7c8);background:radial-gradient(circle,rgba(168,223,193,.4) 70%,#c4b7c8);mix-blend-mode:overlay}.xpro2{-webkit-filter:sepia(.3);filter:sepia(.3)}.xpro2:after{background:-webkit-radial-gradient(circle,#E6E7E0 40%,rgba(43,42,161,.6) 110%);background:radial-gradient(circle,#E6E7E0 40%,rgba(43,42,161,.6) 110%);mix-blend-mode:color-burn}.nashville{-webkit-filter:sepia(.2) contrast(1.2) brightness(1.05) saturate(1.2);filter:sepia(.2) contrast(1.2) brightness(1.05) saturate(1.2)}.nashville::after{background:rgba(0,70,150,.4);mix-blend-mode:lighten}.nashville::before{background:rgba(247,176,153,.56);mix-blend-mode:darken}.lark{-webkit-filter:contrast(.9);filter:contrast(.9)}.lark:after{background:rgba(242,242,242,.8);mix-blend-mode:darken}.lark:before{background:#22253f;mix-blend-mode:color-dodge}._1977:after,._1977:before,.aden:after,.aden:before,.brooklyn:after,.brooklyn:before,.earlybird:after,.earlybird:before,.gingham:after,.gingham:before,.hudson:after,.hudson:before,.inkwell:after,.inkwell:before,.lark:after,.lark:before,.lofi:after,.lofi:before,.mayfair:after,.mayfair:before,.moon:after,.moon:before,.nashville:after,.nashville:before,.perpetua:after,.perpetua:before,.reyes:after,.reyes:before,.toaster:after,.toaster:before,.walden:after,.walden:before,.xpro2:after,.xpro2:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none}._1977,.aden,.brooklyn,.earlybird,.gingham,.hudson,.inkwell,.lark,.lofi,.mayfair,.moon,.nashville,.perpetua,.reyes,.toaster,.walden,.xpro2{position:relative}._1977 img,.aden img,.brooklyn img,.earlybird img,.gingham img,.hudson img,.inkwell img,.lark img,.lofi img,.mayfair img,.moon img,.nashville img,.perpetua img,.reyes img,.toaster img,.walden img,.xpro2 img{width:100%;z-index:1}._1977:before,.aden:before,.brooklyn:before,.earlybird:before,.gingham:before,.hudson:before,.inkwell:before,.lark:before,.lofi:before,.mayfair:before,.moon:before,.nashville:before,.perpetua:before,.reyes:before,.toaster:before,.walden:before,.xpro2:before{z-index:2}._1977:after,.aden:after,.brooklyn:after,.earlybird:after,.gingham:after,.hudson:after,.inkwell:after,.lark:after,.lofi:after,.mayfair:after,.moon:after,.nashville:after,.perpetua:after,.reyes:after,.toaster:after,.walden:after,.xpro2:after{z-index:3}.moon{-webkit-filter:grayscale(1) contrast(1.1) brightness(1.1);filter:grayscale(1) contrast(1.1) brightness(1.1)}.moon:before{background:#a0a0a0;mix-blend-mode:soft-light}.moon:after{background:#383838;mix-blend-mode:lighten}::-moz-selection{background:#9b1c9b;color:#fff}::selection{background:#9b1c9b;color:#fff}body{font-family:'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;margin:0 auto;padding:0 2em;max-width:1200px;line-height:1.5;font-size:1.1em;overflow-x:hidden}@media (max-width:500px){body{font-size:.9em}}section{overflow-x:hidden}h1,h2{color:#9b1c9b}@media (max-width:500px){h1,h2{text-align:center}}em,h3{color:#c63082}code,pre{background:#eff1ef}code code,pre code{border:none;background:0 0}code{font-family:monospace;padding:.25em .5em}.highlight{color:#c63082;font-weight:800}.comment{color:#abb1ad}ul{width:100%;margin:0;padding:0}ol,ul{line-height:1.8}a{text-decoration:none;color:#9b1c9b;-webkit-transition-duration:.35s;transition-duration:.35s;border-bottom:1px solid #c63082;padding-bottom:.05em}a:focus,a:hover{color:#e297c0;border-color:#e297c0}figure{max-width:350px;max-height:350px;overflow:hidden;position:relative;margin:0;padding:0;-webkit-transition-duration:.35s;transition-duration:.35s}@media (max-width:1240px){figure{max-width:300px;max-height:300px}}@media (max-width:992px){figure{max-width:250px;max-height:250px}}@media (max-width:768px){figure{max-width:300px;max-height:300px}}@media (max-width:500px){figure{max-width:400px;max-height:400px}}figure:focus,figure:hover{-webkit-filter:none!important;filter:none!important}figure:focus::after,figure:focus::before,figure:hover::after,figure:hover::before{opacity:0!important}figcaption{position:absolute;bottom:1em;right:0;padding:.25em 1em .25em .25em;background:#000;color:#fff;font-weight:200}hr{clear:both;float:none;border:1px solid #eff1ef;margin:2em auto;display:block}img{display:block;margin:auto;height:auto;max-height:100%;width:auto;max-width:100%}.demo__section{font-weight:300;font-size:1.2em}.demo__subtitle{font-size:2em;text-align:center}.demo__note{font-style:italic;text-align:center;display:block;margin:2em auto 0}.demo__input-area{display:block;font-size:1em;text-align:center;font-weight:300;margin:1em auto;padding:1em 0}@media (max-width:500px){.demo__input-area{margin:0;font-size:.8em}}.demo__input-label{text-align:center;color:#9b1c9b}.demo__input-img{max-width:16em;font-size:1em;padding:.5em;border:2px solid #9b1c9b;outline:0;margin:.5em;font-weight:200;-webkit-transition-duration:.35s;transition-duration:.35s}.demo__input-img:hover{background:#f5e8f5}.demo__input-img:focus{background:#e6c6e6}.demo__option-field{color:#9b1c9b;border:1px solid #cad1cc;min-width:200px}.demo__option-img{max-width:150px;height:150px;display:inline-block;cursor:pointer}@media (max-width:768px){.demo__option-img{height:100px}}@media (max-width:500px){.demo__option-img{height:60px}}.demo__list{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.demo__item{margin:.75em;list-style:none}@media (max-width:992px){.demo__item{margin:.5em}}@media (max-width:500px){.demo__item{margin:.5em 0}}.title-section{width:100%;text-align:center}.title--logo{max-width:400px}.title--top-sub{font-weight:200;margin:0 auto;text-align:center;max-width:26em}@media (max-width:500px){.title--top-sub{font-size:1.2em}}.explanation-section,.how-to-section{font-size:1.2em;font-weight:300;max-width:40em;margin:0 auto;display:block}.attribution{padding:1em 0 4em;text-align:center}.callout{max-width:14em;background:#eff1ef;padding:2em;margin:-.5em 2em 0;display:block;font-weight:200;float:right}@media (max-width:768px){.callout{max-width:28em;margin:1em auto;float:none;font-size:.8em}}.available-classes,.available-extends,.supported-browsers{-webkit-columns:15em 2;-moz-columns:15em 2;columns:15em 2}.supported:after{content:'✔';color:#62B859;margin-left:.5em}.not-supported:after{content:'✘';color:#c63082;margin-left:.5em} \ No newline at end of file +@charset "UTF-8";.aden{-webkit-filter:hue-rotate(-20deg) contrast(.9) saturate(.85) brightness(1.2);filter:hue-rotate(-20deg) contrast(.9) saturate(.85) brightness(1.2)}.aden::after{background:-webkit-linear-gradient(left,rgba(66,10,14,.2),transparent);background:linear-gradient(to right,rgba(66,10,14,.2),transparent);mix-blend-mode:darken}.inkwell{-webkit-filter:sepia(.3) contrast(1.1) brightness(1.1) grayscale(1);filter:sepia(.3) contrast(1.1) brightness(1.1) grayscale(1)}.perpetua::after{background:-webkit-linear-gradient(top,#005b9a,#e6c13d);background:linear-gradient(to bottom,#005b9a,#e6c13d);mix-blend-mode:soft-light;opacity:.5}.reyes{-webkit-filter:sepia(.22) brightness(1.1) contrast(.85) saturate(.75);filter:sepia(.22) brightness(1.1) contrast(.85) saturate(.75)}.reyes::after{background:#efcdad;mix-blend-mode:soft-light;opacity:.5}.gingham{-webkit-filter:brightness(1.05) hue-rotate(-10deg);filter:brightness(1.05) hue-rotate(-10deg)}.gingham::after{background:-webkit-linear-gradient(left,rgba(66,10,14,.2),transparent);background:linear-gradient(to right,rgba(66,10,14,.2),transparent);mix-blend-mode:darken}.toaster{-webkit-filter:contrast(1.5) brightness(.9);filter:contrast(1.5) brightness(.9)}.toaster::after{background:-webkit-radial-gradient(circle,#804e0f,#3b003b);background:radial-gradient(circle,#804e0f,#3b003b);mix-blend-mode:screen}.walden{-webkit-filter:brightness(1.1) hue-rotate(-10deg) sepia(.3) saturate(1.6);filter:brightness(1.1) hue-rotate(-10deg) sepia(.3) saturate(1.6)}.walden::after{background:#04c;mix-blend-mode:screen;opacity:.3}.hudson{-webkit-filter:brightness(1.2) contrast(.9) saturate(1.1);filter:brightness(1.2) contrast(.9) saturate(1.1)}.hudson::after{background:-webkit-radial-gradient(circle,#a6b1ff 50%,#342134);background:radial-gradient(circle,#a6b1ff 50%,#342134);mix-blend-mode:multiply;opacity:.5}.earlybird{-webkit-filter:contrast(.9) sepia(.2);filter:contrast(.9) sepia(.2)}.earlybird::after{background:-webkit-radial-gradient(circle,#d0ba8e 20%,#360309 85%,#1d0210 100%);background:radial-gradient(circle,#d0ba8e 20%,#360309 85%,#1d0210 100%);mix-blend-mode:overlay}.mayfair{-webkit-filter:contrast(1.1) saturate(1.1);filter:contrast(1.1) saturate(1.1)}.mayfair::after{background:-webkit-radial-gradient(40% 40%,circle,rgba(255,255,255,.8),rgba(255,200,200,.6),#111 60%);background:radial-gradient(circle at 40% 40%,rgba(255,255,255,.8),rgba(255,200,200,.6),#111 60%);mix-blend-mode:overlay;opacity:.4}.lofi{-webkit-filter:saturate(1.1) contrast(1.5);filter:saturate(1.1) contrast(1.5)}.lofi::after{background:-webkit-radial-gradient(circle,transparent 70%,#222 150%);background:radial-gradient(circle,transparent 70%,#222 150%);mix-blend-mode:multiply}._1977{-webkit-filter:contrast(1.1) brightness(1.1) saturate(1.3);filter:contrast(1.1) brightness(1.1) saturate(1.3)}._1977:after{background:rgba(243,106,188,.3);mix-blend-mode:screen}.brooklyn{-webkit-filter:contrast(.9) brightness(1.1);filter:contrast(.9) brightness(1.1)}.brooklyn::after{background:-webkit-radial-gradient(circle,rgba(168,223,193,.4) 70%,#c4b7c8);background:radial-gradient(circle,rgba(168,223,193,.4) 70%,#c4b7c8);mix-blend-mode:overlay}.xpro2{-webkit-filter:sepia(.3);filter:sepia(.3)}.xpro2::after{background:-webkit-radial-gradient(circle,#e6e7e0 40%,rgba(43,42,161,.6) 110%);background:radial-gradient(circle,#e6e7e0 40%,rgba(43,42,161,.6) 110%);mix-blend-mode:color-burn}.nashville{-webkit-filter:sepia(.2) contrast(1.2) brightness(1.05) saturate(1.2);filter:sepia(.2) contrast(1.2) brightness(1.05) saturate(1.2)}.nashville::after{background:rgba(0,70,150,.4);mix-blend-mode:lighten}.nashville::before{background:rgba(247,176,153,.56);mix-blend-mode:darken}.lark{-webkit-filter:contrast(.9);filter:contrast(.9)}.lark::after{background:rgba(242,242,242,.8);mix-blend-mode:darken}.lark::before{background:#22253f;mix-blend-mode:color-dodge}._1977:after,._1977:before,.aden:after,.aden:before,.brooklyn:after,.brooklyn:before,.earlybird:after,.earlybird:before,.gingham:after,.gingham:before,.hudson:after,.hudson:before,.inkwell:after,.inkwell:before,.lark:after,.lark:before,.lofi:after,.lofi:before,.mayfair:after,.mayfair:before,.moon:after,.moon:before,.nashville:after,.nashville:before,.perpetua:after,.perpetua:before,.reyes:after,.reyes:before,.toaster:after,.toaster:before,.walden:after,.walden:before,.xpro2:after,.xpro2:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none}._1977,.aden,.brooklyn,.earlybird,.gingham,.hudson,.inkwell,.lark,.lofi,.mayfair,.moon,.nashville,.perpetua,.reyes,.toaster,.walden,.xpro2{position:relative}._1977 img,.aden img,.brooklyn img,.earlybird img,.gingham img,.hudson img,.inkwell img,.lark img,.lofi img,.mayfair img,.moon img,.nashville img,.perpetua img,.reyes img,.toaster img,.walden img,.xpro2 img{width:100%;z-index:1}._1977:before,.aden:before,.brooklyn:before,.earlybird:before,.gingham:before,.hudson:before,.inkwell:before,.lark:before,.lofi:before,.mayfair:before,.moon:before,.nashville:before,.perpetua:before,.reyes:before,.toaster:before,.walden:before,.xpro2:before{z-index:2}._1977:after,.aden:after,.brooklyn:after,.earlybird:after,.gingham:after,.hudson:after,.inkwell:after,.lark:after,.lofi:after,.mayfair:after,.moon:after,.nashville:after,.perpetua:after,.reyes:after,.toaster:after,.walden:after,.xpro2:after{z-index:3}.moon{-webkit-filter:grayscale(1) contrast(1.1) brightness(1.1);filter:grayscale(1) contrast(1.1) brightness(1.1)}.moon::before{background:#a0a0a0;mix-blend-mode:soft-light}.moon::after{background:#383838;mix-blend-mode:lighten}::-moz-selection{background:#9b1c9b;color:#fff}::selection{background:#9b1c9b;color:#fff}body{font-family:'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;margin:0 auto;padding:0 2em;max-width:1200px;line-height:1.5;font-size:1.1em;overflow-x:hidden}@media (max-width:500px){body{font-size:.9em}}section{overflow-x:hidden}h1,h2{color:#9b1c9b}@media (max-width:500px){h1,h2{text-align:center}}em,h3{color:#c63082}code,pre{background:#eff1ef}code code,pre code{border:none;background:0 0}code{font-family:monospace;padding:.25em .5em}.highlight{color:#c63082;font-weight:800}.comment{color:#abb1ad}ul{width:100%;margin:0;padding:0}ol,ul{line-height:1.8}a{text-decoration:none;color:#9b1c9b;-webkit-transition-duration:.35s;transition-duration:.35s;border-bottom:1px solid #c63082;padding-bottom:.05em}a:focus,a:hover{color:#e297c0;border-color:#e297c0}figure{max-width:350px;max-height:350px;overflow:hidden;position:relative;margin:0;padding:0;-webkit-transition-duration:.35s;transition-duration:.35s}@media (max-width:1240px){figure{max-width:300px;max-height:300px}}@media (max-width:992px){figure{max-width:250px;max-height:250px}}@media (max-width:768px){figure{max-width:300px;max-height:300px}}@media (max-width:500px){figure{max-width:400px;max-height:400px}}figure:focus,figure:hover{-webkit-filter:none!important;filter:none!important}figure:focus::after,figure:focus::before,figure:hover::after,figure:hover::before{opacity:0!important}figcaption{position:absolute;bottom:1em;right:0;padding:.25em 1em .25em .25em;background:#000;color:#fff;font-weight:200}hr{clear:both;float:none;border:1px solid #eff1ef;margin:2em auto;display:block}img{display:block;margin:auto;height:auto;max-height:100%;width:auto;max-width:100%}.demo__section{font-weight:300;font-size:1.2em}.demo__subtitle{font-size:2em;text-align:center}.demo__note{font-style:italic;text-align:center;display:block;margin:2em auto 0}.demo__input-area{display:block;font-size:1em;text-align:center;font-weight:300;margin:1em auto;padding:1em 0}@media (max-width:500px){.demo__input-area{margin:0;font-size:.8em}}.demo__input-label{text-align:center;color:#9b1c9b}.demo__input-img{max-width:16em;font-size:1em;padding:.5em;border:2px solid #9b1c9b;outline:0;margin:.5em;font-weight:200;-webkit-transition-duration:.35s;transition-duration:.35s}.demo__input-img:hover{background:#f5e8f5}.demo__input-img:focus{background:#e6c6e6}.demo__option-field{color:#9b1c9b;border:1px solid #cad1cc;min-width:200px}.demo__option-img{max-width:150px;height:150px;display:inline-block;cursor:pointer}@media (max-width:768px){.demo__option-img{height:100px}}@media (max-width:500px){.demo__option-img{height:60px}}.demo__list{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.demo__item{margin:.75em;list-style:none}@media (max-width:992px){.demo__item{margin:.5em}}@media (max-width:500px){.demo__item{margin:.5em 0}}.title-section{width:100%;text-align:center}.title--logo{max-width:400px}.title--top-sub{font-weight:200;margin:0 auto;text-align:center;max-width:26em}@media (max-width:500px){.title--top-sub{font-size:1.2em}}.explanation-section,.how-to-section{font-size:1.2em;font-weight:300;max-width:40em;margin:0 auto;display:block}.attribution{padding:1em 0 4em;text-align:center}.callout{max-width:14em;background:#eff1ef;padding:2em;margin:-.5em 2em 0;display:block;font-weight:200;float:right}@media (max-width:768px){.callout{max-width:28em;margin:1em auto;float:none;font-size:.8em}}.available-classes,.available-extends,.supported-browsers{-webkit-columns:15em 2;-moz-columns:15em 2;columns:15em 2}.supported:after{content:'✔';color:#62B859;margin-left:.5em}.not-supported:after{content:'✘';color:#c63082;margin-left:.5em} \ No newline at end of file diff --git a/site/css/earlybird.min.css b/site/css/earlybird.min.css index 3abe93a..f45c634 100644 --- a/site/css/earlybird.min.css +++ b/site/css/earlybird.min.css @@ -1 +1 @@ -.earlybird:after,.earlybird:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none}.earlybird{position:relative}.earlybird img{width:100%;z-index:1}.earlybird:before{z-index:2}.earlybird:after{z-index:3}.earlybird{-webkit-filter:contrast(.9) sepia(.2);filter:contrast(.9) sepia(.2)}.earlybird:after{background:-webkit-radial-gradient(circle,#d0ba8e 20%,#360309 85%,#1d0210 100%);background:radial-gradient(circle,#d0ba8e 20%,#360309 85%,#1d0210 100%);mix-blend-mode:overlay} \ No newline at end of file +.earlybird:after,.earlybird:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none}.earlybird{position:relative}.earlybird img{width:100%;z-index:1}.earlybird:before{z-index:2}.earlybird:after{z-index:3}.earlybird{-webkit-filter:contrast(.9) sepia(.2);filter:contrast(.9) sepia(.2)}.earlybird::after{background:-webkit-radial-gradient(circle,#d0ba8e 20%,#360309 85%,#1d0210 100%);background:radial-gradient(circle,#d0ba8e 20%,#360309 85%,#1d0210 100%);mix-blend-mode:overlay} \ No newline at end of file diff --git a/site/css/gingham.min.css b/site/css/gingham.min.css index 4a1572a..1bdd665 100644 --- a/site/css/gingham.min.css +++ b/site/css/gingham.min.css @@ -1 +1 @@ -.gingham:after,.gingham:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none}.gingham{position:relative}.gingham img{width:100%;z-index:1}.gingham:before{z-index:2}.gingham:after{z-index:3}.gingham{-webkit-filter:brightness(1.05) hue-rotate(-10deg);filter:brightness(1.05) hue-rotate(-10deg)}.gingham:after{background:-webkit-linear-gradient(left,rgba(66,10,14,.2),transparent);background:linear-gradient(to right,rgba(66,10,14,.2),transparent);mix-blend-mode:darken} \ No newline at end of file +.gingham:after,.gingham:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none}.gingham{position:relative}.gingham img{width:100%;z-index:1}.gingham:before{z-index:2}.gingham:after{z-index:3}.gingham{-webkit-filter:brightness(1.05) hue-rotate(-10deg);filter:brightness(1.05) hue-rotate(-10deg)}.gingham::after{background:-webkit-linear-gradient(left,rgba(66,10,14,.2),transparent);background:linear-gradient(to right,rgba(66,10,14,.2),transparent);mix-blend-mode:darken} \ No newline at end of file diff --git a/site/css/hudson.min.css b/site/css/hudson.min.css index 99dbd08..17a3394 100644 --- a/site/css/hudson.min.css +++ b/site/css/hudson.min.css @@ -1 +1 @@ -.hudson:after,.hudson:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none}.hudson{position:relative}.hudson img{width:100%;z-index:1}.hudson:before{z-index:2}.hudson:after{z-index:3}.hudson{-webkit-filter:brightness(1.2) contrast(.9) saturate(1.1);filter:brightness(1.2) contrast(.9) saturate(1.1)}.hudson:after{background:-webkit-radial-gradient(circle,#a6b1ff 50%,#342134);background:radial-gradient(circle,#a6b1ff 50%,#342134);mix-blend-mode:multiply;opacity:.5} \ No newline at end of file +.hudson:after,.hudson:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none}.hudson{position:relative}.hudson img{width:100%;z-index:1}.hudson:before{z-index:2}.hudson:after{z-index:3}.hudson{-webkit-filter:brightness(1.2) contrast(.9) saturate(1.1);filter:brightness(1.2) contrast(.9) saturate(1.1)}.hudson::after{background:-webkit-radial-gradient(circle,#a6b1ff 50%,#342134);background:radial-gradient(circle,#a6b1ff 50%,#342134);mix-blend-mode:multiply;opacity:.5} \ No newline at end of file diff --git a/site/css/lark.min.css b/site/css/lark.min.css index bfbdfa0..9959758 100644 --- a/site/css/lark.min.css +++ b/site/css/lark.min.css @@ -1 +1 @@ -.lark:after,.lark:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none}.lark{position:relative}.lark img{width:100%;z-index:1}.lark:before{z-index:2}.lark:after{z-index:3}.lark{-webkit-filter:contrast(.9);filter:contrast(.9)}.lark:after{background:rgba(242,242,242,.8);mix-blend-mode:darken}.lark:before{background:#22253f;mix-blend-mode:color-dodge} \ No newline at end of file +.lark:after,.lark:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none}.lark{position:relative}.lark img{width:100%;z-index:1}.lark:before{z-index:2}.lark:after{z-index:3}.lark{-webkit-filter:contrast(.9);filter:contrast(.9)}.lark::after{background:rgba(242,242,242,.8);mix-blend-mode:darken}.lark::before{background:#22253f;mix-blend-mode:color-dodge} \ No newline at end of file diff --git a/site/css/lofi.min.css b/site/css/lofi.min.css index c5a3534..3ca3a8c 100644 --- a/site/css/lofi.min.css +++ b/site/css/lofi.min.css @@ -1 +1 @@ -.lofi:after,.lofi:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none}.lofi{position:relative}.lofi img{width:100%;z-index:1}.lofi:before{z-index:2}.lofi:after{z-index:3}.lofi{-webkit-filter:saturate(1.1) contrast(1.5);filter:saturate(1.1) contrast(1.5)}.lofi:after{background:-webkit-radial-gradient(circle,transparent 70%,#222 150%);background:radial-gradient(circle,transparent 70%,#222 150%);mix-blend-mode:multiply} \ No newline at end of file +.lofi:after,.lofi:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none}.lofi{position:relative}.lofi img{width:100%;z-index:1}.lofi:before{z-index:2}.lofi:after{z-index:3}.lofi{-webkit-filter:saturate(1.1) contrast(1.5);filter:saturate(1.1) contrast(1.5)}.lofi::after{background:-webkit-radial-gradient(circle,transparent 70%,#222 150%);background:radial-gradient(circle,transparent 70%,#222 150%);mix-blend-mode:multiply} \ No newline at end of file diff --git a/site/css/mayfair.min.css b/site/css/mayfair.min.css index 9d19697..810044f 100644 --- a/site/css/mayfair.min.css +++ b/site/css/mayfair.min.css @@ -1 +1 @@ -.mayfair:after,.mayfair:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none}.mayfair{position:relative}.mayfair img{width:100%;z-index:1}.mayfair:before{z-index:2}.mayfair:after{z-index:3}.mayfair{-webkit-filter:contrast(1.1) saturate(1.1);filter:contrast(1.1) saturate(1.1)}.mayfair:after{background:-webkit-radial-gradient(40% 40%,circle,rgba(255,255,255,.8),rgba(255,200,200,.6),#111 60%);background:radial-gradient(circle at 40% 40%,rgba(255,255,255,.8),rgba(255,200,200,.6),#111 60%);mix-blend-mode:overlay;opacity:.4} \ No newline at end of file +.mayfair:after,.mayfair:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none}.mayfair{position:relative}.mayfair img{width:100%;z-index:1}.mayfair:before{z-index:2}.mayfair:after{z-index:3}.mayfair{-webkit-filter:contrast(1.1) saturate(1.1);filter:contrast(1.1) saturate(1.1)}.mayfair::after{background:-webkit-radial-gradient(40% 40%,circle,rgba(255,255,255,.8),rgba(255,200,200,.6),#111 60%);background:radial-gradient(circle at 40% 40%,rgba(255,255,255,.8),rgba(255,200,200,.6),#111 60%);mix-blend-mode:overlay;opacity:.4} \ No newline at end of file diff --git a/site/css/moon.min.css b/site/css/moon.min.css index 4eb74b6..a462f0a 100644 --- a/site/css/moon.min.css +++ b/site/css/moon.min.css @@ -1 +1 @@ -.moon:after,.moon:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none}.moon{position:relative}.moon img{width:100%;z-index:1}.moon:before{z-index:2}.moon:after{z-index:3}.moon{-webkit-filter:grayscale(1) contrast(1.1) brightness(1.1);filter:grayscale(1) contrast(1.1) brightness(1.1)}.moon:before{background:#a0a0a0;mix-blend-mode:soft-light}.moon:after{background:#383838;mix-blend-mode:lighten} \ No newline at end of file +.moon:after,.moon:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none}.moon{position:relative}.moon img{width:100%;z-index:1}.moon:before{z-index:2}.moon:after{z-index:3}.moon{-webkit-filter:grayscale(1) contrast(1.1) brightness(1.1);filter:grayscale(1) contrast(1.1) brightness(1.1)}.moon::before{background:#a0a0a0;mix-blend-mode:soft-light}.moon::after{background:#383838;mix-blend-mode:lighten} \ No newline at end of file diff --git a/site/css/perpetua.min.css b/site/css/perpetua.min.css index 8c4341b..5c8fc45 100644 --- a/site/css/perpetua.min.css +++ b/site/css/perpetua.min.css @@ -1 +1 @@ -.perpetua:after,.perpetua:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none}.perpetua{position:relative}.perpetua img{width:100%;z-index:1}.perpetua:before{z-index:2}.perpetua:after{z-index:3;background:-webkit-linear-gradient(top,#005b9a,#e6c13d);background:linear-gradient(to bottom,#005b9a,#e6c13d);mix-blend-mode:soft-light;opacity:.5} \ No newline at end of file +.perpetua:after,.perpetua:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none}.perpetua{position:relative}.perpetua img{width:100%;z-index:1}.perpetua:before{z-index:2}.perpetua:after{z-index:3}.perpetua::after{background:-webkit-linear-gradient(top,#005b9a,#e6c13d);background:linear-gradient(to bottom,#005b9a,#e6c13d);mix-blend-mode:soft-light;opacity:.5} \ No newline at end of file diff --git a/site/css/reyes.min.css b/site/css/reyes.min.css index 8a7ad26..5c84ab9 100644 --- a/site/css/reyes.min.css +++ b/site/css/reyes.min.css @@ -1 +1 @@ -.reyes:after,.reyes:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none}.reyes{position:relative}.reyes img{width:100%;z-index:1}.reyes:before{z-index:2}.reyes:after{z-index:3}.reyes{-webkit-filter:sepia(.22) brightness(1.1) contrast(.85) saturate(.75);filter:sepia(.22) brightness(1.1) contrast(.85) saturate(.75)}.reyes:after{background:#efcdad;mix-blend-mode:soft-light;opacity:.5} \ No newline at end of file +.reyes:after,.reyes:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none}.reyes{position:relative}.reyes img{width:100%;z-index:1}.reyes:before{z-index:2}.reyes:after{z-index:3}.reyes{-webkit-filter:sepia(.22) brightness(1.1) contrast(.85) saturate(.75);filter:sepia(.22) brightness(1.1) contrast(.85) saturate(.75)}.reyes::after{background:#efcdad;mix-blend-mode:soft-light;opacity:.5} \ No newline at end of file diff --git a/site/css/toaster.min.css b/site/css/toaster.min.css index 9c35195..e9b3290 100644 --- a/site/css/toaster.min.css +++ b/site/css/toaster.min.css @@ -1 +1 @@ -.toaster:after,.toaster:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none}.toaster{position:relative}.toaster img{width:100%;z-index:1}.toaster:before{z-index:2}.toaster:after{z-index:3}.toaster{-webkit-filter:contrast(1.5) brightness(.9);filter:contrast(1.5) brightness(.9)}.toaster:after{background:-webkit-radial-gradient(circle,#804e0f,#3b003b);background:radial-gradient(circle,#804e0f,#3b003b);mix-blend-mode:screen} \ No newline at end of file +.toaster:after,.toaster:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none}.toaster{position:relative}.toaster img{width:100%;z-index:1}.toaster:before{z-index:2}.toaster:after{z-index:3}.toaster{-webkit-filter:contrast(1.5) brightness(.9);filter:contrast(1.5) brightness(.9)}.toaster::after{background:-webkit-radial-gradient(circle,#804e0f,#3b003b);background:radial-gradient(circle,#804e0f,#3b003b);mix-blend-mode:screen} \ No newline at end of file diff --git a/site/css/walden.min.css b/site/css/walden.min.css index 0c7e769..b5f34cb 100644 --- a/site/css/walden.min.css +++ b/site/css/walden.min.css @@ -1 +1 @@ -.walden:after,.walden:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none}.walden{position:relative}.walden img{width:100%;z-index:1}.walden:before{z-index:2}.walden:after{z-index:3}.walden{-webkit-filter:brightness(1.1) hue-rotate(-10deg) sepia(.3) saturate(1.6);filter:brightness(1.1) hue-rotate(-10deg) sepia(.3) saturate(1.6)}.walden:after{background:#04c;mix-blend-mode:screen;opacity:.3} \ No newline at end of file +.walden:after,.walden:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none}.walden{position:relative}.walden img{width:100%;z-index:1}.walden:before{z-index:2}.walden:after{z-index:3}.walden{-webkit-filter:brightness(1.1) hue-rotate(-10deg) sepia(.3) saturate(1.6);filter:brightness(1.1) hue-rotate(-10deg) sepia(.3) saturate(1.6)}.walden::after{background:#04c;mix-blend-mode:screen;opacity:.3} \ No newline at end of file diff --git a/site/css/xpro2.min.css b/site/css/xpro2.min.css index ac56684..d69b479 100644 --- a/site/css/xpro2.min.css +++ b/site/css/xpro2.min.css @@ -1 +1 @@ -.xpro2:after,.xpro2:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none}.xpro2{position:relative}.xpro2 img{width:100%;z-index:1}.xpro2:before{z-index:2}.xpro2:after{z-index:3}.xpro2{-webkit-filter:sepia(.3);filter:sepia(.3)}.xpro2:after{background:-webkit-radial-gradient(circle,#E6E7E0 40%,rgba(43,42,161,.6) 110%);background:radial-gradient(circle,#E6E7E0 40%,rgba(43,42,161,.6) 110%);mix-blend-mode:color-burn} \ No newline at end of file +.xpro2:after,.xpro2:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none}.xpro2{position:relative}.xpro2 img{width:100%;z-index:1}.xpro2:before{z-index:2}.xpro2:after{z-index:3}.xpro2{-webkit-filter:sepia(.3);filter:sepia(.3)}.xpro2::after{background:-webkit-radial-gradient(circle,#e6e7e0 40%,rgba(43,42,161,.6) 110%);background:radial-gradient(circle,#e6e7e0 40%,rgba(43,42,161,.6) 110%);mix-blend-mode:color-burn} \ No newline at end of file diff --git a/site/test/index.html b/site/test/index.html index d5de7db..4acf029 100644 --- a/site/test/index.html +++ b/site/test/index.html @@ -19,8 +19,8 @@

– Test sheet

-
-

Aden

+
+

_1977

Instagram

@@ -32,14 +32,14 @@

CSSgram

- Instagram version of aden + Instagram version of _1977
-
- CSSgram version of aden
+
+ CSSgram version of _1977
@@ -49,14 +49,14 @@

CSSgram

- Instagram version of aden + Instagram version of _1977
-
- CSSgram version of aden
+
+ CSSgram version of _1977
@@ -66,14 +66,14 @@

CSSgram

- Instagram version of aden + Instagram version of _1977
-
- CSSgram version of aden
+
+ CSSgram version of _1977
@@ -83,14 +83,14 @@

CSSgram

- Instagram version of aden + Instagram version of _1977
-
- CSSgram version of aden
+
+ CSSgram version of _1977
@@ -100,22 +100,22 @@

CSSgram

- Instagram version of aden + Instagram version of _1977
-
- CSSgram version of aden
+
+ CSSgram version of _1977
-
-

Amaro

+
+

Aden

Instagram

@@ -127,14 +127,14 @@

CSSgram

- Instagram version of amaro + Instagram version of aden
-
- CSSgram version of amaro
+
+ CSSgram version of aden
@@ -144,14 +144,14 @@

CSSgram

- Instagram version of amaro + Instagram version of aden
-
- CSSgram version of amaro
+
+ CSSgram version of aden
@@ -161,14 +161,14 @@

CSSgram

- Instagram version of amaro + Instagram version of aden
-
- CSSgram version of amaro
+
+ CSSgram version of aden
@@ -178,14 +178,14 @@

CSSgram

- Instagram version of amaro + Instagram version of aden
-
- CSSgram version of amaro
+
+ CSSgram version of aden
@@ -195,22 +195,22 @@

CSSgram

- Instagram version of amaro + Instagram version of aden
-
- CSSgram version of amaro
+
+ CSSgram version of aden
-
-

Brannan

+
+

Amaro

Instagram

@@ -222,14 +222,14 @@

CSSgram

- Instagram version of brannan + Instagram version of amaro
-
- CSSgram version of brannan
+
+ CSSgram version of amaro
@@ -239,14 +239,14 @@

CSSgram

- Instagram version of brannan + Instagram version of amaro
-
- CSSgram version of brannan
+
+ CSSgram version of amaro
@@ -256,14 +256,14 @@

CSSgram

- Instagram version of brannan + Instagram version of amaro
-
- CSSgram version of brannan
+
+ CSSgram version of amaro
@@ -273,14 +273,14 @@

CSSgram

- Instagram version of brannan + Instagram version of amaro
-
- CSSgram version of brannan
+
+ CSSgram version of amaro
@@ -290,22 +290,22 @@

CSSgram

- Instagram version of brannan + Instagram version of amaro
-
- CSSgram version of brannan
+
+ CSSgram version of amaro
-
-

Crema

+
+

Ashby

Instagram

@@ -317,14 +317,14 @@

CSSgram

- Instagram version of crema + Instagram version of ashby
-
- CSSgram version of crema
+
+ CSSgram version of ashby
@@ -334,14 +334,14 @@

CSSgram

- Instagram version of crema + Instagram version of ashby
-
- CSSgram version of crema
+
+ CSSgram version of ashby
@@ -351,14 +351,14 @@

CSSgram

- Instagram version of crema + Instagram version of ashby
-
- CSSgram version of crema
+
+ CSSgram version of ashby
@@ -368,14 +368,14 @@

CSSgram

- Instagram version of crema + Instagram version of ashby
-
- CSSgram version of crema
+
+ CSSgram version of ashby
@@ -385,22 +385,22 @@

CSSgram

- Instagram version of crema + Instagram version of ashby
-
- CSSgram version of crema
+
+ CSSgram version of ashby
-
-

Earlybird

+
+

Brannan

Instagram

@@ -412,14 +412,14 @@

CSSgram

- Instagram version of earlybird + Instagram version of brannan
-
- CSSgram version of earlybird
+
+ CSSgram version of brannan
@@ -429,14 +429,14 @@

CSSgram

- Instagram version of earlybird + Instagram version of brannan
-
- CSSgram version of earlybird
+
+ CSSgram version of brannan
@@ -446,14 +446,14 @@

CSSgram

- Instagram version of earlybird + Instagram version of brannan
-
- CSSgram version of earlybird
+
+ CSSgram version of brannan
@@ -463,14 +463,14 @@

CSSgram

- Instagram version of earlybird + Instagram version of brannan
-
- CSSgram version of earlybird
+
+ CSSgram version of brannan
@@ -480,22 +480,22 @@

CSSgram

- Instagram version of earlybird + Instagram version of brannan
-
- CSSgram version of earlybird
+
+ CSSgram version of brannan
-
-

Hefe

+
+

Brooklyn

Instagram

@@ -507,14 +507,14 @@

CSSgram

- Instagram version of hefe + Instagram version of brooklyn
-
- CSSgram version of hefe
+
+ CSSgram version of brooklyn
@@ -524,14 +524,14 @@

CSSgram

- Instagram version of hefe + Instagram version of brooklyn
-
- CSSgram version of hefe
+
+ CSSgram version of brooklyn
@@ -541,14 +541,14 @@

CSSgram

- Instagram version of hefe + Instagram version of brooklyn
-
- CSSgram version of hefe
+
+ CSSgram version of brooklyn
@@ -558,14 +558,14 @@

CSSgram

- Instagram version of hefe + Instagram version of brooklyn
-
- CSSgram version of hefe
+
+ CSSgram version of brooklyn
@@ -575,22 +575,22 @@

CSSgram

- Instagram version of hefe + Instagram version of brooklyn
-
- CSSgram version of hefe
+
+ CSSgram version of brooklyn
-
-

Hudson

+
+

Charmes

Instagram

@@ -602,14 +602,14 @@

CSSgram

- Instagram version of hudson + Instagram version of charmes
-
- CSSgram version of hudson
+
+ CSSgram version of charmes
@@ -619,14 +619,14 @@

CSSgram

- Instagram version of hudson + Instagram version of charmes
-
- CSSgram version of hudson
+
+ CSSgram version of charmes
@@ -636,14 +636,14 @@

CSSgram

- Instagram version of hudson + Instagram version of charmes
-
- CSSgram version of hudson
+
+ CSSgram version of charmes
@@ -653,14 +653,14 @@

CSSgram

- Instagram version of hudson + Instagram version of charmes
-
- CSSgram version of hudson
+
+ CSSgram version of charmes
@@ -670,22 +670,22 @@

CSSgram

- Instagram version of hudson + Instagram version of charmes
-
- CSSgram version of hudson
+
+ CSSgram version of charmes
-
-

Inkwell

+
+

Clarendon

Instagram

@@ -697,14 +697,14 @@

CSSgram

- Instagram version of inkwell + Instagram version of clarendon
-
- CSSgram version of inkwell
+
+ CSSgram version of clarendon
@@ -714,14 +714,14 @@

CSSgram

- Instagram version of inkwell + Instagram version of clarendon
-
- CSSgram version of inkwell
+
+ CSSgram version of clarendon
@@ -731,14 +731,14 @@

CSSgram

- Instagram version of inkwell + Instagram version of clarendon
-
- CSSgram version of inkwell
+
+ CSSgram version of clarendon
@@ -748,14 +748,14 @@

CSSgram

- Instagram version of inkwell + Instagram version of clarendon
-
- CSSgram version of inkwell
+
+ CSSgram version of clarendon
@@ -765,22 +765,22 @@

CSSgram

- Instagram version of inkwell + Instagram version of clarendon
-
- CSSgram version of inkwell
+
+ CSSgram version of clarendon
-
-

Juno

+
+

Crema

Instagram

@@ -792,14 +792,14 @@

CSSgram

- Instagram version of juno + Instagram version of crema
-
- CSSgram version of juno
+
+ CSSgram version of crema
@@ -809,14 +809,14 @@

CSSgram

- Instagram version of juno + Instagram version of crema
-
- CSSgram version of juno
+
+ CSSgram version of crema
@@ -826,14 +826,14 @@

CSSgram

- Instagram version of juno + Instagram version of crema
-
- CSSgram version of juno
+
+ CSSgram version of crema
@@ -843,14 +843,14 @@

CSSgram

- Instagram version of juno + Instagram version of crema
-
- CSSgram version of juno
+
+ CSSgram version of crema
@@ -860,22 +860,22 @@

CSSgram

- Instagram version of juno + Instagram version of crema
-
- CSSgram version of juno
+
+ CSSgram version of crema
-
-

Lark

+
+

Dogpatch

Instagram

@@ -887,14 +887,14 @@

CSSgram

- Instagram version of lark + Instagram version of dogpatch
-
- CSSgram version of lark
+
+ CSSgram version of dogpatch
@@ -904,14 +904,14 @@

CSSgram

- Instagram version of lark + Instagram version of dogpatch
-
- CSSgram version of lark
+
+ CSSgram version of dogpatch
@@ -921,14 +921,14 @@

CSSgram

- Instagram version of lark + Instagram version of dogpatch
-
- CSSgram version of lark
+
+ CSSgram version of dogpatch
@@ -938,14 +938,14 @@

CSSgram

- Instagram version of lark + Instagram version of dogpatch
-
- CSSgram version of lark
+
+ CSSgram version of dogpatch
@@ -955,22 +955,22 @@

CSSgram

- Instagram version of lark + Instagram version of dogpatch
-
- CSSgram version of lark
+
+ CSSgram version of dogpatch
-
-

Lofi

+
+

Earlybird

Instagram

@@ -982,14 +982,14 @@

CSSgram

- Instagram version of lofi + Instagram version of earlybird
-
- CSSgram version of lofi
+
+ CSSgram version of earlybird
@@ -999,14 +999,14 @@

CSSgram

- Instagram version of lofi + Instagram version of earlybird
-
- CSSgram version of lofi
+
+ CSSgram version of earlybird
@@ -1016,7 +1016,957 @@

CSSgram

- Instagram version of lofi + Instagram version of earlybird +
+
+ + +
+
+ CSSgram version of earlybird
+ + + +
+
+ + +
+
+ Instagram version of earlybird +
+
+ + +
+
+ CSSgram version of earlybird
+ + + +
+
+ + +
+
+ Instagram version of earlybird +
+
+ + +
+
+ CSSgram version of earlybird
+ + + +
+ +
+
+

Gingham

+ +
+

Instagram

+

CSSgram

+
+ +
+ + +
+
+ Instagram version of gingham +
+
+ + +
+
+ CSSgram version of gingham
+ + + +
+
+ + +
+
+ Instagram version of gingham +
+
+ + +
+
+ CSSgram version of gingham
+ + + +
+
+ + +
+
+ Instagram version of gingham +
+
+ + +
+
+ CSSgram version of gingham
+ + + +
+
+ + +
+
+ Instagram version of gingham +
+
+ + +
+
+ CSSgram version of gingham
+ + + +
+
+ + +
+
+ Instagram version of gingham +
+
+ + +
+
+ CSSgram version of gingham
+ + + +
+ +
+
+

Ginza

+ +
+

Instagram

+

CSSgram

+
+ +
+ + +
+
+ Instagram version of ginza +
+
+ + +
+
+ CSSgram version of ginza
+ + + +
+
+ + +
+
+ Instagram version of ginza +
+
+ + +
+
+ CSSgram version of ginza
+ + + +
+
+ + +
+
+ Instagram version of ginza +
+
+ + +
+
+ CSSgram version of ginza
+ + + +
+
+ + +
+
+ Instagram version of ginza +
+
+ + +
+
+ CSSgram version of ginza
+ + + +
+
+ + +
+
+ Instagram version of ginza +
+
+ + +
+
+ CSSgram version of ginza
+ + + +
+ +
+
+

Hefe

+ +
+

Instagram

+

CSSgram

+
+ +
+ + +
+
+ Instagram version of hefe +
+
+ + +
+
+ CSSgram version of hefe
+ + + +
+
+ + +
+
+ Instagram version of hefe +
+
+ + +
+
+ CSSgram version of hefe
+ + + +
+
+ + +
+
+ Instagram version of hefe +
+
+ + +
+
+ CSSgram version of hefe
+ + + +
+
+ + +
+
+ Instagram version of hefe +
+
+ + +
+
+ CSSgram version of hefe
+ + + +
+
+ + +
+
+ Instagram version of hefe +
+
+ + +
+
+ CSSgram version of hefe
+ + + +
+ +
+
+

Helena

+ +
+

Instagram

+

CSSgram

+
+ +
+ + +
+
+ Instagram version of helena +
+
+ + +
+
+ CSSgram version of helena
+ + + +
+
+ + +
+
+ Instagram version of helena +
+
+ + +
+
+ CSSgram version of helena
+ + + +
+
+ + +
+
+ Instagram version of helena +
+
+ + +
+
+ CSSgram version of helena
+ + + +
+
+ + +
+
+ Instagram version of helena +
+
+ + +
+
+ CSSgram version of helena
+ + + +
+
+ + +
+
+ Instagram version of helena +
+
+ + +
+
+ CSSgram version of helena
+ + + +
+ +
+
+

Hudson

+ +
+

Instagram

+

CSSgram

+
+ +
+ + +
+
+ Instagram version of hudson +
+
+ + +
+
+ CSSgram version of hudson
+ + + +
+
+ + +
+
+ Instagram version of hudson +
+
+ + +
+
+ CSSgram version of hudson
+ + + +
+
+ + +
+
+ Instagram version of hudson +
+
+ + +
+
+ CSSgram version of hudson
+ + + +
+
+ + +
+
+ Instagram version of hudson +
+
+ + +
+
+ CSSgram version of hudson
+ + + +
+
+ + +
+
+ Instagram version of hudson +
+
+ + +
+
+ CSSgram version of hudson
+ + + +
+ +
+
+

Inkwell

+ +
+

Instagram

+

CSSgram

+
+ +
+ + +
+
+ Instagram version of inkwell +
+
+ + +
+
+ CSSgram version of inkwell
+ + + +
+
+ + +
+
+ Instagram version of inkwell +
+
+ + +
+
+ CSSgram version of inkwell
+ + + +
+
+ + +
+
+ Instagram version of inkwell +
+
+ + +
+
+ CSSgram version of inkwell
+ + + +
+
+ + +
+
+ Instagram version of inkwell +
+
+ + +
+
+ CSSgram version of inkwell
+ + + +
+
+ + +
+
+ Instagram version of inkwell +
+
+ + +
+
+ CSSgram version of inkwell
+ + + +
+ +
+
+

Juno

+ +
+

Instagram

+

CSSgram

+
+ +
+ + +
+
+ Instagram version of juno +
+
+ + +
+
+ CSSgram version of juno
+ + + +
+
+ + +
+
+ Instagram version of juno +
+
+ + +
+
+ CSSgram version of juno
+ + + +
+
+ + +
+
+ Instagram version of juno +
+
+ + +
+
+ CSSgram version of juno
+ + + +
+
+ + +
+
+ Instagram version of juno +
+
+ + +
+
+ CSSgram version of juno
+ + + +
+
+ + +
+
+ Instagram version of juno +
+
+ + +
+
+ CSSgram version of juno
+ + + +
+ +
+
+

Kelvin

+ +
+

Instagram

+

CSSgram

+
+ +
+ + +
+
+ Instagram version of kelvin +
+
+ + +
+
+ CSSgram version of kelvin
+ + + +
+
+ + +
+
+ Instagram version of kelvin +
+
+ + +
+
+ CSSgram version of kelvin
+ + + +
+
+ + +
+
+ Instagram version of kelvin +
+
+ + +
+
+ CSSgram version of kelvin
+ + + +
+
+ + +
+
+ Instagram version of kelvin +
+
+ + +
+
+ CSSgram version of kelvin
+ + + +
+
+ + +
+
+ Instagram version of kelvin +
+
+ + +
+
+ CSSgram version of kelvin
+ + + +
+ +
+
+

Lark

+ +
+

Instagram

+

CSSgram

+
+ +
+ + +
+
+ Instagram version of lark +
+
+ + +
+
+ CSSgram version of lark
+ + + +
+
+ + +
+
+ Instagram version of lark +
+
+ + +
+
+ CSSgram version of lark
+ + + +
+
+ + +
+
+ Instagram version of lark +
+
+ + +
+
+ CSSgram version of lark
+ + + +
+
+ + +
+
+ Instagram version of lark +
+
+ + +
+
+ CSSgram version of lark
+ + + +
+
+ + +
+
+ Instagram version of lark +
+
+ + +
+
+ CSSgram version of lark
+ + + +
+ +
+
+

Lofi

+ +
+

Instagram

+

CSSgram

+
+ +
+ + +
+
+ Instagram version of lofi +
+
+ + +
+
+ CSSgram version of lofi
+ + + +
+
+ + +
+
+ Instagram version of lofi +
+
+ + +
+
+ CSSgram version of lofi
+ + + +
+
+ + +
+
+ Instagram version of lofi
@@ -1033,14 +1983,489 @@

CSSgram

- Instagram version of lofi + Instagram version of lofi +
+
+ + +
+
+ CSSgram version of lofi
+ + + +
+
+ + +
+
+ Instagram version of lofi +
+
+ + +
+
+ CSSgram version of lofi
+ + + +
+ +
+
+

Ludwig

+ +
+

Instagram

+

CSSgram

+
+ +
+ + +
+
+ Instagram version of ludwig +
+
+ + +
+
+ CSSgram version of ludwig
+ + + +
+
+ + +
+
+ Instagram version of ludwig +
+
+ + +
+
+ CSSgram version of ludwig
+ + + +
+
+ + +
+
+ Instagram version of ludwig +
+
+ + +
+
+ CSSgram version of ludwig
+ + + +
+
+ + +
+
+ Instagram version of ludwig +
+
+ + +
+
+ CSSgram version of ludwig
+ + + +
+
+ + +
+
+ Instagram version of ludwig +
+
+ + +
+
+ CSSgram version of ludwig
+ + + +
+ +
+
+

Maven

+ +
+

Instagram

+

CSSgram

+
+ +
+ + +
+
+ Instagram version of maven +
+
+ + +
+
+ CSSgram version of maven
+ + + +
+
+ + +
+
+ Instagram version of maven +
+
+ + +
+
+ CSSgram version of maven
+ + + +
+
+ + +
+
+ Instagram version of maven +
+
+ + +
+
+ CSSgram version of maven
+ + + +
+
+ + +
+
+ Instagram version of maven +
+
+ + +
+
+ CSSgram version of maven
+ + + +
+
+ + +
+
+ Instagram version of maven +
+
+ + +
+
+ CSSgram version of maven
+ + + +
+ +
+
+

Mayfair

+ +
+

Instagram

+

CSSgram

+
+ +
+ + +
+
+ Instagram version of mayfair +
+
+ + +
+
+ CSSgram version of mayfair
+ + + +
+
+ + +
+
+ Instagram version of mayfair +
+
+ + +
+
+ CSSgram version of mayfair
+ + + +
+
+ + +
+
+ Instagram version of mayfair +
+
+ + +
+
+ CSSgram version of mayfair
+ + + +
+
+ + +
+
+ Instagram version of mayfair +
+
+ + +
+
+ CSSgram version of mayfair
+ + + +
+
+ + +
+
+ Instagram version of mayfair +
+
+ + +
+
+ CSSgram version of mayfair
+ + + +
+ +
+
+

Moon

+ +
+

Instagram

+

CSSgram

+
+ +
+ + +
+
+ Instagram version of moon +
+
+ + +
+
+ CSSgram version of moon
+ + + +
+
+ + +
+
+ Instagram version of moon +
+
+ + +
+
+ CSSgram version of moon
+ + + +
+
+ + +
+
+ Instagram version of moon +
+
+ + +
+
+ CSSgram version of moon
+ + + +
+
+ + +
+
+ Instagram version of moon +
+
+ + +
+
+ CSSgram version of moon
+ + + +
+
+ + +
+
+ Instagram version of moon +
+
+ + +
+
+ CSSgram version of moon
+ + + +
+ +
+
+

Nashville

+ +
+

Instagram

+

CSSgram

+
+ +
+ + +
+
+ Instagram version of nashville +
+
+ + +
+
+ CSSgram version of nashville
+ + + +
+
+ + +
+
+ Instagram version of nashville +
+
+ + +
+
+ CSSgram version of nashville
+ + + +
+
+ + +
+
+ Instagram version of nashville +
+
+ + +
+
+ CSSgram version of nashville
+ + + +
+
+ + +
+
+ Instagram version of nashville
-
- CSSgram version of lofi
+
+ CSSgram version of nashville
@@ -1050,22 +2475,22 @@

CSSgram

- Instagram version of lofi + Instagram version of nashville
-
- CSSgram version of lofi
+
+ CSSgram version of nashville
-
-

Ludwig

+
+

Perpetua

Instagram

@@ -1077,14 +2502,14 @@

CSSgram

- Instagram version of ludwig + Instagram version of perpetua
-
- CSSgram version of ludwig
+
+ CSSgram version of perpetua
@@ -1094,14 +2519,14 @@

CSSgram

- Instagram version of ludwig + Instagram version of perpetua
-
- CSSgram version of ludwig
+
+ CSSgram version of perpetua
@@ -1111,14 +2536,14 @@

CSSgram

- Instagram version of ludwig + Instagram version of perpetua
-
- CSSgram version of ludwig
+
+ CSSgram version of perpetua
@@ -1128,14 +2553,14 @@

CSSgram

- Instagram version of ludwig + Instagram version of perpetua
-
- CSSgram version of ludwig
+
+ CSSgram version of perpetua
@@ -1145,22 +2570,22 @@

CSSgram

- Instagram version of ludwig + Instagram version of perpetua
-
- CSSgram version of ludwig
+
+ CSSgram version of perpetua
-
-

Mayfair

+
+

Reyes

Instagram

@@ -1172,14 +2597,14 @@

CSSgram

- Instagram version of mayfair + Instagram version of reyes
-
- CSSgram version of mayfair
+
+ CSSgram version of reyes
@@ -1189,14 +2614,204 @@

CSSgram

- Instagram version of mayfair + Instagram version of reyes
-
- CSSgram version of mayfair
+
+ CSSgram version of reyes +
+ + +
+
+ + +
+
+ Instagram version of reyes +
+
+ + +
+
+ CSSgram version of reyes
+ + + +
+
+ + +
+
+ Instagram version of reyes +
+
+ + +
+
+ CSSgram version of reyes
+ + + +
+
+ + +
+
+ Instagram version of reyes +
+
+ + +
+
+ CSSgram version of reyes
+ + + +
+ +
+
+

Rise

+ +
+

Instagram

+

CSSgram

+
+ +
+ + +
+
+ Instagram version of rise +
+
+ + +
+
+ CSSgram version of rise
+ + + +
+
+ + +
+
+ Instagram version of rise +
+
+ + +
+
+ CSSgram version of rise
+ + + +
+
+ + +
+
+ Instagram version of rise +
+
+ + +
+
+ CSSgram version of rise
+ + + +
+
+ + +
+
+ Instagram version of rise +
+
+ + +
+
+ CSSgram version of rise
+ + + +
+
+ + +
+
+ Instagram version of rise +
+
+ + +
+
+ CSSgram version of rise
+ + + +
+ +
+
+

Sierra

+ +
+

Instagram

+

CSSgram

+
+ +
+ + +
+
+ Instagram version of sierra +
+
+ + +
+
+ CSSgram version of sierra
+ + + +
+
+ + +
+
+ Instagram version of sierra +
+
+ + +
+
+ CSSgram version of sierra
@@ -1206,14 +2821,14 @@

CSSgram

- Instagram version of mayfair + Instagram version of sierra
-
- CSSgram version of mayfair
+
+ CSSgram version of sierra
@@ -1223,14 +2838,14 @@

CSSgram

- Instagram version of mayfair + Instagram version of sierra
-
- CSSgram version of mayfair
+
+ CSSgram version of sierra
@@ -1240,22 +2855,22 @@

CSSgram

- Instagram version of mayfair + Instagram version of sierra
-
- CSSgram version of mayfair
+
+ CSSgram version of sierra
-
-

Nashville

+
+

Skyline

Instagram

@@ -1267,14 +2882,14 @@

CSSgram

- Instagram version of nashville + Instagram version of skyline
-
- CSSgram version of nashville
+
+ CSSgram version of skyline
@@ -1284,14 +2899,14 @@

CSSgram

- Instagram version of nashville + Instagram version of skyline
-
- CSSgram version of nashville
+
+ CSSgram version of skyline
@@ -1301,14 +2916,14 @@

CSSgram

- Instagram version of nashville + Instagram version of skyline
-
- CSSgram version of nashville
+
+ CSSgram version of skyline
@@ -1318,14 +2933,14 @@

CSSgram

- Instagram version of nashville + Instagram version of skyline
-
- CSSgram version of nashville
+
+ CSSgram version of skyline
@@ -1335,22 +2950,22 @@

CSSgram

- Instagram version of nashville + Instagram version of skyline
-
- CSSgram version of nashville
+
+ CSSgram version of skyline
-
-

Perpetua

+
+

Slumber

Instagram

@@ -1362,14 +2977,14 @@

CSSgram

- Instagram version of perpetua + Instagram version of slumber
-
- CSSgram version of perpetua
+
+ CSSgram version of slumber
@@ -1379,14 +2994,14 @@

CSSgram

- Instagram version of perpetua + Instagram version of slumber
-
- CSSgram version of perpetua
+
+ CSSgram version of slumber
@@ -1396,14 +3011,14 @@

CSSgram

- Instagram version of perpetua + Instagram version of slumber
-
- CSSgram version of perpetua
+
+ CSSgram version of slumber
@@ -1413,14 +3028,14 @@

CSSgram

- Instagram version of perpetua + Instagram version of slumber
-
- CSSgram version of perpetua
+
+ CSSgram version of slumber
@@ -1430,22 +3045,22 @@

CSSgram

- Instagram version of perpetua + Instagram version of slumber
-
- CSSgram version of perpetua
+
+ CSSgram version of slumber
-
-

Reyes

+
+

Stinson

Instagram

@@ -1457,14 +3072,14 @@

CSSgram

- Instagram version of reyes + Instagram version of stinson
-
- CSSgram version of reyes
+
+ CSSgram version of stinson
@@ -1474,14 +3089,14 @@

CSSgram

- Instagram version of reyes + Instagram version of stinson
-
- CSSgram version of reyes
+
+ CSSgram version of stinson
@@ -1491,14 +3106,14 @@

CSSgram

- Instagram version of reyes + Instagram version of stinson
-
- CSSgram version of reyes
+
+ CSSgram version of stinson
@@ -1508,14 +3123,14 @@

CSSgram

- Instagram version of reyes + Instagram version of stinson
-
- CSSgram version of reyes
+
+ CSSgram version of stinson
@@ -1525,22 +3140,22 @@

CSSgram

- Instagram version of reyes + Instagram version of stinson
-
- CSSgram version of reyes
+
+ CSSgram version of stinson
-
-

Rise

+
+

Sutro

Instagram

@@ -1552,14 +3167,14 @@

CSSgram

- Instagram version of rise + Instagram version of sutro
-
- CSSgram version of rise
+
+ CSSgram version of sutro
@@ -1569,14 +3184,14 @@

CSSgram

- Instagram version of rise + Instagram version of sutro
-
- CSSgram version of rise
+
+ CSSgram version of sutro
@@ -1586,14 +3201,14 @@

CSSgram

- Instagram version of rise + Instagram version of sutro
-
- CSSgram version of rise
+
+ CSSgram version of sutro
@@ -1603,14 +3218,14 @@

CSSgram

- Instagram version of rise + Instagram version of sutro
-
- CSSgram version of rise
+
+ CSSgram version of sutro
@@ -1620,22 +3235,22 @@

CSSgram

- Instagram version of rise + Instagram version of sutro
-
- CSSgram version of rise
+
+ CSSgram version of sutro
-
-

Sierra

+
+

Toaster

Instagram

@@ -1647,14 +3262,14 @@

CSSgram

- Instagram version of sierra + Instagram version of toaster
-
- CSSgram version of sierra
+
+ CSSgram version of toaster
@@ -1664,14 +3279,14 @@

CSSgram

- Instagram version of sierra + Instagram version of toaster
-
- CSSgram version of sierra
+
+ CSSgram version of toaster
@@ -1681,14 +3296,14 @@

CSSgram

- Instagram version of sierra + Instagram version of toaster
-
- CSSgram version of sierra
+
+ CSSgram version of toaster
@@ -1698,14 +3313,14 @@

CSSgram

- Instagram version of sierra + Instagram version of toaster
-
- CSSgram version of sierra
+
+ CSSgram version of toaster
@@ -1715,22 +3330,22 @@

CSSgram

- Instagram version of sierra + Instagram version of toaster
-
- CSSgram version of sierra
+
+ CSSgram version of toaster
-
-

Slumber

+
+

Valencia

Instagram

@@ -1742,14 +3357,14 @@

CSSgram

- Instagram version of slumber + Instagram version of valencia
-
- CSSgram version of slumber
+
+ CSSgram version of valencia
@@ -1759,14 +3374,14 @@

CSSgram

- Instagram version of slumber + Instagram version of valencia
-
- CSSgram version of slumber
+
+ CSSgram version of valencia
@@ -1776,14 +3391,14 @@

CSSgram

- Instagram version of slumber + Instagram version of valencia
-
- CSSgram version of slumber
+
+ CSSgram version of valencia
@@ -1793,14 +3408,14 @@

CSSgram

- Instagram version of slumber + Instagram version of valencia
-
- CSSgram version of slumber
+
+ CSSgram version of valencia
@@ -1810,22 +3425,22 @@

CSSgram

- Instagram version of slumber + Instagram version of valencia
-
- CSSgram version of slumber
+
+ CSSgram version of valencia
-
-

Valencia

+
+

Vesper

Instagram

@@ -1837,14 +3452,14 @@

CSSgram

- Instagram version of valencia + Instagram version of vesper
-
- CSSgram version of valencia
+
+ CSSgram version of vesper
@@ -1854,14 +3469,14 @@

CSSgram

- Instagram version of valencia + Instagram version of vesper
-
- CSSgram version of valencia
+
+ CSSgram version of vesper
@@ -1871,14 +3486,14 @@

CSSgram

- Instagram version of valencia + Instagram version of vesper
-
- CSSgram version of valencia
+
+ CSSgram version of vesper
@@ -1888,14 +3503,14 @@

CSSgram

- Instagram version of valencia + Instagram version of vesper
-
- CSSgram version of valencia
+
+ CSSgram version of vesper
@@ -1905,22 +3520,22 @@

CSSgram

- Instagram version of valencia + Instagram version of vesper
-
- CSSgram version of valencia
+
+ CSSgram version of vesper
-
-

Willow

+
+

Walden

Instagram

@@ -1932,14 +3547,14 @@

CSSgram

- Instagram version of willow + Instagram version of walden
-
- CSSgram version of willow
+
+ CSSgram version of walden
@@ -1949,14 +3564,14 @@

CSSgram

- Instagram version of willow + Instagram version of walden
-
- CSSgram version of willow
+
+ CSSgram version of walden
@@ -1966,14 +3581,14 @@

CSSgram

- Instagram version of willow + Instagram version of walden
-
- CSSgram version of willow
+
+ CSSgram version of walden
@@ -1983,14 +3598,14 @@

CSSgram

- Instagram version of willow + Instagram version of walden
-
- CSSgram version of willow
+
+ CSSgram version of walden
@@ -2000,22 +3615,22 @@

CSSgram

- Instagram version of willow + Instagram version of walden
-
- CSSgram version of willow
+
+ CSSgram version of walden
-
-

Xpro2

+
+

Willow

Instagram

@@ -2027,14 +3642,14 @@

CSSgram

- Instagram version of xpro2 + Instagram version of willow
-
- CSSgram version of xpro2
+
+ CSSgram version of willow
@@ -2044,14 +3659,14 @@

CSSgram

- Instagram version of xpro2 + Instagram version of willow
-
- CSSgram version of xpro2
+
+ CSSgram version of willow
@@ -2061,14 +3676,14 @@

CSSgram

- Instagram version of xpro2 + Instagram version of willow
-
- CSSgram version of xpro2
+
+ CSSgram version of willow
@@ -2078,14 +3693,14 @@

CSSgram

- Instagram version of xpro2 + Instagram version of willow
-
- CSSgram version of xpro2
+
+ CSSgram version of willow
@@ -2095,22 +3710,22 @@

CSSgram

- Instagram version of xpro2 + Instagram version of willow
-
- CSSgram version of xpro2
+
+ CSSgram version of willow
-
-

Moon

+
+

Xpro2

Instagram

@@ -2122,14 +3737,14 @@

CSSgram

- Instagram version of moon + Instagram version of xpro2
-
- CSSgram version of moon
+
+ CSSgram version of xpro2
@@ -2139,14 +3754,14 @@

CSSgram

- Instagram version of moon + Instagram version of xpro2
-
- CSSgram version of moon
+
+ CSSgram version of xpro2
@@ -2156,14 +3771,14 @@

CSSgram

- Instagram version of moon + Instagram version of xpro2
-
- CSSgram version of moon
+
+ CSSgram version of xpro2
@@ -2173,14 +3788,14 @@

CSSgram

- Instagram version of moon + Instagram version of xpro2
-
- CSSgram version of moon
+
+ CSSgram version of xpro2
@@ -2190,14 +3805,14 @@

CSSgram

- Instagram version of moon + Instagram version of xpro2
-
- CSSgram version of moon
+
+ CSSgram version of xpro2
diff --git a/site/test/ref/atx-1977.jpg b/site/test/ref/atx-_1977.jpg similarity index 100% rename from site/test/ref/atx-1977.jpg rename to site/test/ref/atx-_1977.jpg diff --git a/site/test/ref/bike-1977.jpg b/site/test/ref/bike-_1977.jpg similarity index 100% rename from site/test/ref/bike-1977.jpg rename to site/test/ref/bike-_1977.jpg diff --git a/site/test/ref/cacti-1977.jpg b/site/test/ref/cacti-_1977.jpg similarity index 100% rename from site/test/ref/cacti-1977.jpg rename to site/test/ref/cacti-_1977.jpg diff --git a/site/test/ref/lakegeneva-1977.jpg b/site/test/ref/lakegeneva-_1977.jpg similarity index 100% rename from site/test/ref/lakegeneva-1977.jpg rename to site/test/ref/lakegeneva-_1977.jpg diff --git a/site/test/ref/tahoe-1977.jpg b/site/test/ref/tahoe-_1977.jpg similarity index 100% rename from site/test/ref/tahoe-1977.jpg rename to site/test/ref/tahoe-_1977.jpg diff --git a/source/css/aden.css b/source/css/aden.css index 87091bb..c12f856 100644 --- a/source/css/aden.css +++ b/source/css/aden.css @@ -26,7 +26,7 @@ .aden { -webkit-filter: hue-rotate(-20deg) contrast(.9) saturate(0.85) brightness(1.2); filter: hue-rotate(-20deg) contrast(.9) saturate(0.85) brightness(1.2); } - .aden:after { + .aden::after { background: -webkit-linear-gradient(left, rgba(66, 10, 14, 0.2), transparent); background: linear-gradient(to right, rgba(66, 10, 14, 0.2), transparent); mix-blend-mode: darken; } diff --git a/source/css/aden.min.css b/source/css/aden.min.css index 9cb969e..a6da160 100644 --- a/source/css/aden.min.css +++ b/source/css/aden.min.css @@ -1 +1 @@ -.aden:after,.aden:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none}.aden{position:relative}.aden img{width:100%;z-index:1}.aden:before{z-index:2}.aden:after{z-index:3}.aden{-webkit-filter:hue-rotate(-20deg) contrast(.9) saturate(.85) brightness(1.2);filter:hue-rotate(-20deg) contrast(.9) saturate(.85) brightness(1.2)}.aden:after{background:-webkit-linear-gradient(left,rgba(66,10,14,.2),transparent);background:linear-gradient(to right,rgba(66,10,14,.2),transparent);mix-blend-mode:darken} \ No newline at end of file +.aden:after,.aden:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none}.aden{position:relative}.aden img{width:100%;z-index:1}.aden:before{z-index:2}.aden:after{z-index:3}.aden{-webkit-filter:hue-rotate(-20deg) contrast(.9) saturate(.85) brightness(1.2);filter:hue-rotate(-20deg) contrast(.9) saturate(.85) brightness(1.2)}.aden::after{background:-webkit-linear-gradient(left,rgba(66,10,14,.2),transparent);background:linear-gradient(to right,rgba(66,10,14,.2),transparent);mix-blend-mode:darken} \ No newline at end of file diff --git a/source/css/brooklyn.css b/source/css/brooklyn.css index 3e39352..49f660f 100644 --- a/source/css/brooklyn.css +++ b/source/css/brooklyn.css @@ -26,7 +26,7 @@ .brooklyn { -webkit-filter: contrast(.9) brightness(1.1); filter: contrast(.9) brightness(1.1); } - .brooklyn:after { + .brooklyn::after { background: -webkit-radial-gradient(circle, rgba(168, 223, 193, 0.4) 70%, #c4b7c8); background: radial-gradient(circle, rgba(168, 223, 193, 0.4) 70%, #c4b7c8); mix-blend-mode: overlay; } diff --git a/source/css/brooklyn.min.css b/source/css/brooklyn.min.css index d7adc6b..75c6e66 100644 --- a/source/css/brooklyn.min.css +++ b/source/css/brooklyn.min.css @@ -1 +1 @@ -.brooklyn:after,.brooklyn:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none}.brooklyn{position:relative}.brooklyn img{width:100%;z-index:1}.brooklyn:before{z-index:2}.brooklyn:after{z-index:3}.brooklyn{-webkit-filter:contrast(.9) brightness(1.1);filter:contrast(.9) brightness(1.1)}.brooklyn:after{background:-webkit-radial-gradient(circle,rgba(168,223,193,.4) 70%,#c4b7c8);background:radial-gradient(circle,rgba(168,223,193,.4) 70%,#c4b7c8);mix-blend-mode:overlay} \ No newline at end of file +.brooklyn:after,.brooklyn:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none}.brooklyn{position:relative}.brooklyn img{width:100%;z-index:1}.brooklyn:before{z-index:2}.brooklyn:after{z-index:3}.brooklyn{-webkit-filter:contrast(.9) brightness(1.1);filter:contrast(.9) brightness(1.1)}.brooklyn::after{background:-webkit-radial-gradient(circle,rgba(168,223,193,.4) 70%,#c4b7c8);background:radial-gradient(circle,rgba(168,223,193,.4) 70%,#c4b7c8);mix-blend-mode:overlay} \ No newline at end of file diff --git a/source/css/cssgram.css b/source/css/cssgram.css index 8dcfe10..2e92cf7 100644 --- a/source/css/cssgram.css +++ b/source/css/cssgram.css @@ -46,7 +46,7 @@ .aden { -webkit-filter: hue-rotate(-20deg) contrast(.9) saturate(0.85) brightness(1.2); filter: hue-rotate(-20deg) contrast(.9) saturate(0.85) brightness(1.2); } - .aden:after { + .aden::after { background: -webkit-linear-gradient(left, rgba(66, 10, 14, 0.2), transparent); background: linear-gradient(to right, rgba(66, 10, 14, 0.2), transparent); mix-blend-mode: darken; } @@ -85,7 +85,7 @@ .aden:after, .inkwell:after, .perpetua:after, .reyes:after, .gingham:after, .toaster:after, .walden:after, .hudson:after, .earlybird:after, .mayfair:after, .lofi:after, ._1977:after, .brooklyn:after, .xpro2:after, .nashville:after, .lark:after, .moon:after { z-index: 3; } -.perpetua:after { +.perpetua::after { background: -webkit-linear-gradient(top, #005b9a, #e6c13d); background: linear-gradient(to bottom, #005b9a, #e6c13d); mix-blend-mode: soft-light; @@ -119,7 +119,7 @@ .reyes { -webkit-filter: sepia(.22) brightness(1.1) contrast(.85) saturate(0.75); filter: sepia(.22) brightness(1.1) contrast(.85) saturate(0.75); } - .reyes:after { + .reyes::after { background: #efcdad; mix-blend-mode: soft-light; opacity: .5; } @@ -152,7 +152,7 @@ .gingham { -webkit-filter: brightness(1.05) hue-rotate(-10deg); filter: brightness(1.05) hue-rotate(-10deg); } - .gingham:after { + .gingham::after { background: -webkit-linear-gradient(left, rgba(66, 10, 14, 0.2), transparent); background: linear-gradient(to right, rgba(66, 10, 14, 0.2), transparent); mix-blend-mode: darken; } @@ -185,7 +185,7 @@ .toaster { -webkit-filter: contrast(1.5) brightness(.9); filter: contrast(1.5) brightness(.9); } - .toaster:after { + .toaster::after { background: -webkit-radial-gradient(circle, #804e0f, #3b003b); background: radial-gradient(circle, #804e0f, #3b003b); mix-blend-mode: screen; } @@ -218,8 +218,8 @@ .walden { -webkit-filter: brightness(1.1) hue-rotate(-10deg) sepia(.3) saturate(1.6); filter: brightness(1.1) hue-rotate(-10deg) sepia(.3) saturate(1.6); } - .walden:after { - background: #04c; + .walden::after { + background: #0044cc; mix-blend-mode: screen; opacity: .3; } @@ -251,7 +251,7 @@ .hudson { -webkit-filter: brightness(1.2) contrast(.9) saturate(1.1); filter: brightness(1.2) contrast(.9) saturate(1.1); } - .hudson:after { + .hudson::after { background: -webkit-radial-gradient(circle, #a6b1ff 50%, #342134); background: radial-gradient(circle, #a6b1ff 50%, #342134); mix-blend-mode: multiply; @@ -285,7 +285,7 @@ .earlybird { -webkit-filter: contrast(.9) sepia(.2); filter: contrast(.9) sepia(.2); } - .earlybird:after { + .earlybird::after { background: -webkit-radial-gradient(circle, #d0ba8e 20%, #360309 85%, #1d0210 100%); background: radial-gradient(circle, #d0ba8e 20%, #360309 85%, #1d0210 100%); mix-blend-mode: overlay; } @@ -318,9 +318,9 @@ .mayfair { -webkit-filter: contrast(1.1) saturate(1.1); filter: contrast(1.1) saturate(1.1); } - .mayfair:after { - background: -webkit-radial-gradient(40% 40%, circle, rgba(255, 255, 255, 0.8), rgba(255, 200, 200, 0.6), #111 60%); - background: radial-gradient(circle at 40% 40%, rgba(255, 255, 255, 0.8), rgba(255, 200, 200, 0.6), #111 60%); + .mayfair::after { + background: -webkit-radial-gradient(40% 40%, circle, rgba(255, 255, 255, 0.8), rgba(255, 200, 200, 0.6), #111111 60%); + background: radial-gradient(circle at 40% 40%, rgba(255, 255, 255, 0.8), rgba(255, 200, 200, 0.6), #111111 60%); mix-blend-mode: overlay; opacity: .4; } @@ -351,9 +351,9 @@ .lofi { -webkit-filter: saturate(1.1) contrast(1.5); filter: saturate(1.1) contrast(1.5); } - .lofi:after { - background: -webkit-radial-gradient(circle, transparent 70%, #222 150%); - background: radial-gradient(circle, transparent 70%, #222 150%); + .lofi::after { + background: -webkit-radial-gradient(circle, transparent 70%, #222222 150%); + background: radial-gradient(circle, transparent 70%, #222222 150%); mix-blend-mode: multiply; } /* @@ -415,7 +415,7 @@ .brooklyn { -webkit-filter: contrast(.9) brightness(1.1); filter: contrast(.9) brightness(1.1); } - .brooklyn:after { + .brooklyn::after { background: -webkit-radial-gradient(circle, rgba(168, 223, 193, 0.4) 70%, #c4b7c8); background: radial-gradient(circle, rgba(168, 223, 193, 0.4) 70%, #c4b7c8); mix-blend-mode: overlay; } @@ -448,9 +448,9 @@ .xpro2 { -webkit-filter: sepia(.3); filter: sepia(.3); } - .xpro2:after { - background: -webkit-radial-gradient(circle, #E6E7E0 40%, rgba(43, 42, 161, 0.6) 110%); - background: radial-gradient(circle, #E6E7E0 40%, rgba(43, 42, 161, 0.6) 110%); + .xpro2::after { + background: -webkit-radial-gradient(circle, #e6e7e0 40%, rgba(43, 42, 161, 0.6) 110%); + background: radial-gradient(circle, #e6e7e0 40%, rgba(43, 42, 161, 0.6) 110%); mix-blend-mode: color-burn; } /* @@ -515,10 +515,10 @@ .lark { -webkit-filter: contrast(.9); filter: contrast(.9); } - .lark:after { + .lark::after { background: rgba(242, 242, 242, 0.8); mix-blend-mode: darken; } - .lark:before { + .lark::before { background: #22253f; mix-blend-mode: color-dodge; } @@ -549,9 +549,9 @@ .moon { -webkit-filter: grayscale(1) contrast(1.1) brightness(1.1); filter: grayscale(1) contrast(1.1) brightness(1.1); } - .moon:before { + .moon::before { background: #a0a0a0; mix-blend-mode: soft-light; } - .moon:after { + .moon::after { background: #383838; mix-blend-mode: lighten; } diff --git a/source/css/cssgram.min.css b/source/css/cssgram.min.css index c48c931..bcaf5d6 100644 --- a/source/css/cssgram.min.css +++ b/source/css/cssgram.min.css @@ -1 +1 @@ -.aden{-webkit-filter:hue-rotate(-20deg) contrast(.9) saturate(.85) brightness(1.2);filter:hue-rotate(-20deg) contrast(.9) saturate(.85) brightness(1.2)}.aden:after{background:-webkit-linear-gradient(left,rgba(66,10,14,.2),transparent);background:linear-gradient(to right,rgba(66,10,14,.2),transparent);mix-blend-mode:darken}.inkwell{-webkit-filter:sepia(.3) contrast(1.1) brightness(1.1) grayscale(1);filter:sepia(.3) contrast(1.1) brightness(1.1) grayscale(1)}.perpetua:after{background:-webkit-linear-gradient(top,#005b9a,#e6c13d);background:linear-gradient(to bottom,#005b9a,#e6c13d);mix-blend-mode:soft-light;opacity:.5}.reyes{-webkit-filter:sepia(.22) brightness(1.1) contrast(.85) saturate(.75);filter:sepia(.22) brightness(1.1) contrast(.85) saturate(.75)}.reyes:after{background:#efcdad;mix-blend-mode:soft-light;opacity:.5}.gingham{-webkit-filter:brightness(1.05) hue-rotate(-10deg);filter:brightness(1.05) hue-rotate(-10deg)}.gingham:after{background:-webkit-linear-gradient(left,rgba(66,10,14,.2),transparent);background:linear-gradient(to right,rgba(66,10,14,.2),transparent);mix-blend-mode:darken}.toaster{-webkit-filter:contrast(1.5) brightness(.9);filter:contrast(1.5) brightness(.9)}.toaster:after{background:-webkit-radial-gradient(circle,#804e0f,#3b003b);background:radial-gradient(circle,#804e0f,#3b003b);mix-blend-mode:screen}.walden{-webkit-filter:brightness(1.1) hue-rotate(-10deg) sepia(.3) saturate(1.6);filter:brightness(1.1) hue-rotate(-10deg) sepia(.3) saturate(1.6)}.walden:after{background:#04c;mix-blend-mode:screen;opacity:.3}.hudson{-webkit-filter:brightness(1.2) contrast(.9) saturate(1.1);filter:brightness(1.2) contrast(.9) saturate(1.1)}.hudson:after{background:-webkit-radial-gradient(circle,#a6b1ff 50%,#342134);background:radial-gradient(circle,#a6b1ff 50%,#342134);mix-blend-mode:multiply;opacity:.5}.earlybird{-webkit-filter:contrast(.9) sepia(.2);filter:contrast(.9) sepia(.2)}.earlybird:after{background:-webkit-radial-gradient(circle,#d0ba8e 20%,#360309 85%,#1d0210 100%);background:radial-gradient(circle,#d0ba8e 20%,#360309 85%,#1d0210 100%);mix-blend-mode:overlay}.mayfair{-webkit-filter:contrast(1.1) saturate(1.1);filter:contrast(1.1) saturate(1.1)}.mayfair:after{background:-webkit-radial-gradient(40% 40%,circle,rgba(255,255,255,.8),rgba(255,200,200,.6),#111 60%);background:radial-gradient(circle at 40% 40%,rgba(255,255,255,.8),rgba(255,200,200,.6),#111 60%);mix-blend-mode:overlay;opacity:.4}.lofi{-webkit-filter:saturate(1.1) contrast(1.5);filter:saturate(1.1) contrast(1.5)}.lofi:after{background:-webkit-radial-gradient(circle,transparent 70%,#222 150%);background:radial-gradient(circle,transparent 70%,#222 150%);mix-blend-mode:multiply}._1977{-webkit-filter:contrast(1.1) brightness(1.1) saturate(1.3);filter:contrast(1.1) brightness(1.1) saturate(1.3)}._1977:after{background:rgba(243,106,188,.3);mix-blend-mode:screen}.brooklyn{-webkit-filter:contrast(.9) brightness(1.1);filter:contrast(.9) brightness(1.1)}.brooklyn:after{background:-webkit-radial-gradient(circle,rgba(168,223,193,.4) 70%,#c4b7c8);background:radial-gradient(circle,rgba(168,223,193,.4) 70%,#c4b7c8);mix-blend-mode:overlay}.xpro2{-webkit-filter:sepia(.3);filter:sepia(.3)}.xpro2:after{background:-webkit-radial-gradient(circle,#E6E7E0 40%,rgba(43,42,161,.6) 110%);background:radial-gradient(circle,#E6E7E0 40%,rgba(43,42,161,.6) 110%);mix-blend-mode:color-burn}.nashville{-webkit-filter:sepia(.2) contrast(1.2) brightness(1.05) saturate(1.2);filter:sepia(.2) contrast(1.2) brightness(1.05) saturate(1.2)}.nashville::after{background:rgba(0,70,150,.4);mix-blend-mode:lighten}.nashville::before{background:rgba(247,176,153,.56);mix-blend-mode:darken}.lark{-webkit-filter:contrast(.9);filter:contrast(.9)}.lark:after{background:rgba(242,242,242,.8);mix-blend-mode:darken}.lark:before{background:#22253f;mix-blend-mode:color-dodge}._1977:after,._1977:before,.aden:after,.aden:before,.brooklyn:after,.brooklyn:before,.earlybird:after,.earlybird:before,.gingham:after,.gingham:before,.hudson:after,.hudson:before,.inkwell:after,.inkwell:before,.lark:after,.lark:before,.lofi:after,.lofi:before,.mayfair:after,.mayfair:before,.moon:after,.moon:before,.nashville:after,.nashville:before,.perpetua:after,.perpetua:before,.reyes:after,.reyes:before,.toaster:after,.toaster:before,.walden:after,.walden:before,.xpro2:after,.xpro2:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none}._1977,.aden,.brooklyn,.earlybird,.gingham,.hudson,.inkwell,.lark,.lofi,.mayfair,.moon,.nashville,.perpetua,.reyes,.toaster,.walden,.xpro2{position:relative}._1977 img,.aden img,.brooklyn img,.earlybird img,.gingham img,.hudson img,.inkwell img,.lark img,.lofi img,.mayfair img,.moon img,.nashville img,.perpetua img,.reyes img,.toaster img,.walden img,.xpro2 img{width:100%;z-index:1}._1977:before,.aden:before,.brooklyn:before,.earlybird:before,.gingham:before,.hudson:before,.inkwell:before,.lark:before,.lofi:before,.mayfair:before,.moon:before,.nashville:before,.perpetua:before,.reyes:before,.toaster:before,.walden:before,.xpro2:before{z-index:2}._1977:after,.aden:after,.brooklyn:after,.earlybird:after,.gingham:after,.hudson:after,.inkwell:after,.lark:after,.lofi:after,.mayfair:after,.moon:after,.nashville:after,.perpetua:after,.reyes:after,.toaster:after,.walden:after,.xpro2:after{z-index:3}.moon{-webkit-filter:grayscale(1) contrast(1.1) brightness(1.1);filter:grayscale(1) contrast(1.1) brightness(1.1)}.moon:before{background:#a0a0a0;mix-blend-mode:soft-light}.moon:after{background:#383838;mix-blend-mode:lighten} \ No newline at end of file +.aden{-webkit-filter:hue-rotate(-20deg) contrast(.9) saturate(.85) brightness(1.2);filter:hue-rotate(-20deg) contrast(.9) saturate(.85) brightness(1.2)}.aden::after{background:-webkit-linear-gradient(left,rgba(66,10,14,.2),transparent);background:linear-gradient(to right,rgba(66,10,14,.2),transparent);mix-blend-mode:darken}.inkwell{-webkit-filter:sepia(.3) contrast(1.1) brightness(1.1) grayscale(1);filter:sepia(.3) contrast(1.1) brightness(1.1) grayscale(1)}.perpetua::after{background:-webkit-linear-gradient(top,#005b9a,#e6c13d);background:linear-gradient(to bottom,#005b9a,#e6c13d);mix-blend-mode:soft-light;opacity:.5}.reyes{-webkit-filter:sepia(.22) brightness(1.1) contrast(.85) saturate(.75);filter:sepia(.22) brightness(1.1) contrast(.85) saturate(.75)}.reyes::after{background:#efcdad;mix-blend-mode:soft-light;opacity:.5}.gingham{-webkit-filter:brightness(1.05) hue-rotate(-10deg);filter:brightness(1.05) hue-rotate(-10deg)}.gingham::after{background:-webkit-linear-gradient(left,rgba(66,10,14,.2),transparent);background:linear-gradient(to right,rgba(66,10,14,.2),transparent);mix-blend-mode:darken}.toaster{-webkit-filter:contrast(1.5) brightness(.9);filter:contrast(1.5) brightness(.9)}.toaster::after{background:-webkit-radial-gradient(circle,#804e0f,#3b003b);background:radial-gradient(circle,#804e0f,#3b003b);mix-blend-mode:screen}.walden{-webkit-filter:brightness(1.1) hue-rotate(-10deg) sepia(.3) saturate(1.6);filter:brightness(1.1) hue-rotate(-10deg) sepia(.3) saturate(1.6)}.walden::after{background:#04c;mix-blend-mode:screen;opacity:.3}.hudson{-webkit-filter:brightness(1.2) contrast(.9) saturate(1.1);filter:brightness(1.2) contrast(.9) saturate(1.1)}.hudson::after{background:-webkit-radial-gradient(circle,#a6b1ff 50%,#342134);background:radial-gradient(circle,#a6b1ff 50%,#342134);mix-blend-mode:multiply;opacity:.5}.earlybird{-webkit-filter:contrast(.9) sepia(.2);filter:contrast(.9) sepia(.2)}.earlybird::after{background:-webkit-radial-gradient(circle,#d0ba8e 20%,#360309 85%,#1d0210 100%);background:radial-gradient(circle,#d0ba8e 20%,#360309 85%,#1d0210 100%);mix-blend-mode:overlay}.mayfair{-webkit-filter:contrast(1.1) saturate(1.1);filter:contrast(1.1) saturate(1.1)}.mayfair::after{background:-webkit-radial-gradient(40% 40%,circle,rgba(255,255,255,.8),rgba(255,200,200,.6),#111 60%);background:radial-gradient(circle at 40% 40%,rgba(255,255,255,.8),rgba(255,200,200,.6),#111 60%);mix-blend-mode:overlay;opacity:.4}.lofi{-webkit-filter:saturate(1.1) contrast(1.5);filter:saturate(1.1) contrast(1.5)}.lofi::after{background:-webkit-radial-gradient(circle,transparent 70%,#222 150%);background:radial-gradient(circle,transparent 70%,#222 150%);mix-blend-mode:multiply}._1977{-webkit-filter:contrast(1.1) brightness(1.1) saturate(1.3);filter:contrast(1.1) brightness(1.1) saturate(1.3)}._1977:after{background:rgba(243,106,188,.3);mix-blend-mode:screen}.brooklyn{-webkit-filter:contrast(.9) brightness(1.1);filter:contrast(.9) brightness(1.1)}.brooklyn::after{background:-webkit-radial-gradient(circle,rgba(168,223,193,.4) 70%,#c4b7c8);background:radial-gradient(circle,rgba(168,223,193,.4) 70%,#c4b7c8);mix-blend-mode:overlay}.xpro2{-webkit-filter:sepia(.3);filter:sepia(.3)}.xpro2::after{background:-webkit-radial-gradient(circle,#e6e7e0 40%,rgba(43,42,161,.6) 110%);background:radial-gradient(circle,#e6e7e0 40%,rgba(43,42,161,.6) 110%);mix-blend-mode:color-burn}.nashville{-webkit-filter:sepia(.2) contrast(1.2) brightness(1.05) saturate(1.2);filter:sepia(.2) contrast(1.2) brightness(1.05) saturate(1.2)}.nashville::after{background:rgba(0,70,150,.4);mix-blend-mode:lighten}.nashville::before{background:rgba(247,176,153,.56);mix-blend-mode:darken}.lark{-webkit-filter:contrast(.9);filter:contrast(.9)}.lark::after{background:rgba(242,242,242,.8);mix-blend-mode:darken}.lark::before{background:#22253f;mix-blend-mode:color-dodge}._1977:after,._1977:before,.aden:after,.aden:before,.brooklyn:after,.brooklyn:before,.earlybird:after,.earlybird:before,.gingham:after,.gingham:before,.hudson:after,.hudson:before,.inkwell:after,.inkwell:before,.lark:after,.lark:before,.lofi:after,.lofi:before,.mayfair:after,.mayfair:before,.moon:after,.moon:before,.nashville:after,.nashville:before,.perpetua:after,.perpetua:before,.reyes:after,.reyes:before,.toaster:after,.toaster:before,.walden:after,.walden:before,.xpro2:after,.xpro2:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none}._1977,.aden,.brooklyn,.earlybird,.gingham,.hudson,.inkwell,.lark,.lofi,.mayfair,.moon,.nashville,.perpetua,.reyes,.toaster,.walden,.xpro2{position:relative}._1977 img,.aden img,.brooklyn img,.earlybird img,.gingham img,.hudson img,.inkwell img,.lark img,.lofi img,.mayfair img,.moon img,.nashville img,.perpetua img,.reyes img,.toaster img,.walden img,.xpro2 img{width:100%;z-index:1}._1977:before,.aden:before,.brooklyn:before,.earlybird:before,.gingham:before,.hudson:before,.inkwell:before,.lark:before,.lofi:before,.mayfair:before,.moon:before,.nashville:before,.perpetua:before,.reyes:before,.toaster:before,.walden:before,.xpro2:before{z-index:2}._1977:after,.aden:after,.brooklyn:after,.earlybird:after,.gingham:after,.hudson:after,.inkwell:after,.lark:after,.lofi:after,.mayfair:after,.moon:after,.nashville:after,.perpetua:after,.reyes:after,.toaster:after,.walden:after,.xpro2:after{z-index:3}.moon{-webkit-filter:grayscale(1) contrast(1.1) brightness(1.1);filter:grayscale(1) contrast(1.1) brightness(1.1)}.moon::before{background:#a0a0a0;mix-blend-mode:soft-light}.moon::after{background:#383838;mix-blend-mode:lighten} \ No newline at end of file diff --git a/source/css/earlybird.css b/source/css/earlybird.css index b7c5560..3834fbd 100644 --- a/source/css/earlybird.css +++ b/source/css/earlybird.css @@ -26,7 +26,7 @@ .earlybird { -webkit-filter: contrast(.9) sepia(.2); filter: contrast(.9) sepia(.2); } - .earlybird:after { + .earlybird::after { background: -webkit-radial-gradient(circle, #d0ba8e 20%, #360309 85%, #1d0210 100%); background: radial-gradient(circle, #d0ba8e 20%, #360309 85%, #1d0210 100%); mix-blend-mode: overlay; } diff --git a/source/css/earlybird.min.css b/source/css/earlybird.min.css index 3abe93a..f45c634 100644 --- a/source/css/earlybird.min.css +++ b/source/css/earlybird.min.css @@ -1 +1 @@ -.earlybird:after,.earlybird:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none}.earlybird{position:relative}.earlybird img{width:100%;z-index:1}.earlybird:before{z-index:2}.earlybird:after{z-index:3}.earlybird{-webkit-filter:contrast(.9) sepia(.2);filter:contrast(.9) sepia(.2)}.earlybird:after{background:-webkit-radial-gradient(circle,#d0ba8e 20%,#360309 85%,#1d0210 100%);background:radial-gradient(circle,#d0ba8e 20%,#360309 85%,#1d0210 100%);mix-blend-mode:overlay} \ No newline at end of file +.earlybird:after,.earlybird:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none}.earlybird{position:relative}.earlybird img{width:100%;z-index:1}.earlybird:before{z-index:2}.earlybird:after{z-index:3}.earlybird{-webkit-filter:contrast(.9) sepia(.2);filter:contrast(.9) sepia(.2)}.earlybird::after{background:-webkit-radial-gradient(circle,#d0ba8e 20%,#360309 85%,#1d0210 100%);background:radial-gradient(circle,#d0ba8e 20%,#360309 85%,#1d0210 100%);mix-blend-mode:overlay} \ No newline at end of file diff --git a/source/css/gingham.css b/source/css/gingham.css index b5cc327..89311f8 100644 --- a/source/css/gingham.css +++ b/source/css/gingham.css @@ -26,7 +26,7 @@ .gingham { -webkit-filter: brightness(1.05) hue-rotate(-10deg); filter: brightness(1.05) hue-rotate(-10deg); } - .gingham:after { + .gingham::after { background: -webkit-linear-gradient(left, rgba(66, 10, 14, 0.2), transparent); background: linear-gradient(to right, rgba(66, 10, 14, 0.2), transparent); mix-blend-mode: darken; } diff --git a/source/css/gingham.min.css b/source/css/gingham.min.css index 4a1572a..1bdd665 100644 --- a/source/css/gingham.min.css +++ b/source/css/gingham.min.css @@ -1 +1 @@ -.gingham:after,.gingham:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none}.gingham{position:relative}.gingham img{width:100%;z-index:1}.gingham:before{z-index:2}.gingham:after{z-index:3}.gingham{-webkit-filter:brightness(1.05) hue-rotate(-10deg);filter:brightness(1.05) hue-rotate(-10deg)}.gingham:after{background:-webkit-linear-gradient(left,rgba(66,10,14,.2),transparent);background:linear-gradient(to right,rgba(66,10,14,.2),transparent);mix-blend-mode:darken} \ No newline at end of file +.gingham:after,.gingham:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none}.gingham{position:relative}.gingham img{width:100%;z-index:1}.gingham:before{z-index:2}.gingham:after{z-index:3}.gingham{-webkit-filter:brightness(1.05) hue-rotate(-10deg);filter:brightness(1.05) hue-rotate(-10deg)}.gingham::after{background:-webkit-linear-gradient(left,rgba(66,10,14,.2),transparent);background:linear-gradient(to right,rgba(66,10,14,.2),transparent);mix-blend-mode:darken} \ No newline at end of file diff --git a/source/css/hudson.css b/source/css/hudson.css index 46ff030..8123037 100644 --- a/source/css/hudson.css +++ b/source/css/hudson.css @@ -26,7 +26,7 @@ .hudson { -webkit-filter: brightness(1.2) contrast(.9) saturate(1.1); filter: brightness(1.2) contrast(.9) saturate(1.1); } - .hudson:after { + .hudson::after { background: -webkit-radial-gradient(circle, #a6b1ff 50%, #342134); background: radial-gradient(circle, #a6b1ff 50%, #342134); mix-blend-mode: multiply; diff --git a/source/css/hudson.min.css b/source/css/hudson.min.css index 99dbd08..17a3394 100644 --- a/source/css/hudson.min.css +++ b/source/css/hudson.min.css @@ -1 +1 @@ -.hudson:after,.hudson:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none}.hudson{position:relative}.hudson img{width:100%;z-index:1}.hudson:before{z-index:2}.hudson:after{z-index:3}.hudson{-webkit-filter:brightness(1.2) contrast(.9) saturate(1.1);filter:brightness(1.2) contrast(.9) saturate(1.1)}.hudson:after{background:-webkit-radial-gradient(circle,#a6b1ff 50%,#342134);background:radial-gradient(circle,#a6b1ff 50%,#342134);mix-blend-mode:multiply;opacity:.5} \ No newline at end of file +.hudson:after,.hudson:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none}.hudson{position:relative}.hudson img{width:100%;z-index:1}.hudson:before{z-index:2}.hudson:after{z-index:3}.hudson{-webkit-filter:brightness(1.2) contrast(.9) saturate(1.1);filter:brightness(1.2) contrast(.9) saturate(1.1)}.hudson::after{background:-webkit-radial-gradient(circle,#a6b1ff 50%,#342134);background:radial-gradient(circle,#a6b1ff 50%,#342134);mix-blend-mode:multiply;opacity:.5} \ No newline at end of file diff --git a/source/css/lark.css b/source/css/lark.css index 173cb7f..90e11b1 100644 --- a/source/css/lark.css +++ b/source/css/lark.css @@ -25,9 +25,9 @@ .lark { -webkit-filter: contrast(.9); filter: contrast(.9); } - .lark:after { + .lark::after { background: rgba(242, 242, 242, 0.8); mix-blend-mode: darken; } - .lark:before { + .lark::before { background: #22253f; mix-blend-mode: color-dodge; } diff --git a/source/css/lark.min.css b/source/css/lark.min.css index bfbdfa0..9959758 100644 --- a/source/css/lark.min.css +++ b/source/css/lark.min.css @@ -1 +1 @@ -.lark:after,.lark:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none}.lark{position:relative}.lark img{width:100%;z-index:1}.lark:before{z-index:2}.lark:after{z-index:3}.lark{-webkit-filter:contrast(.9);filter:contrast(.9)}.lark:after{background:rgba(242,242,242,.8);mix-blend-mode:darken}.lark:before{background:#22253f;mix-blend-mode:color-dodge} \ No newline at end of file +.lark:after,.lark:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none}.lark{position:relative}.lark img{width:100%;z-index:1}.lark:before{z-index:2}.lark:after{z-index:3}.lark{-webkit-filter:contrast(.9);filter:contrast(.9)}.lark::after{background:rgba(242,242,242,.8);mix-blend-mode:darken}.lark::before{background:#22253f;mix-blend-mode:color-dodge} \ No newline at end of file diff --git a/source/css/lofi.css b/source/css/lofi.css index 4e9b2f2..790befa 100644 --- a/source/css/lofi.css +++ b/source/css/lofi.css @@ -25,7 +25,7 @@ .lofi { -webkit-filter: saturate(1.1) contrast(1.5); filter: saturate(1.1) contrast(1.5); } - .lofi:after { - background: -webkit-radial-gradient(circle, transparent 70%, #222 150%); - background: radial-gradient(circle, transparent 70%, #222 150%); + .lofi::after { + background: -webkit-radial-gradient(circle, transparent 70%, #222222 150%); + background: radial-gradient(circle, transparent 70%, #222222 150%); mix-blend-mode: multiply; } diff --git a/source/css/lofi.min.css b/source/css/lofi.min.css index c5a3534..3ca3a8c 100644 --- a/source/css/lofi.min.css +++ b/source/css/lofi.min.css @@ -1 +1 @@ -.lofi:after,.lofi:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none}.lofi{position:relative}.lofi img{width:100%;z-index:1}.lofi:before{z-index:2}.lofi:after{z-index:3}.lofi{-webkit-filter:saturate(1.1) contrast(1.5);filter:saturate(1.1) contrast(1.5)}.lofi:after{background:-webkit-radial-gradient(circle,transparent 70%,#222 150%);background:radial-gradient(circle,transparent 70%,#222 150%);mix-blend-mode:multiply} \ No newline at end of file +.lofi:after,.lofi:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none}.lofi{position:relative}.lofi img{width:100%;z-index:1}.lofi:before{z-index:2}.lofi:after{z-index:3}.lofi{-webkit-filter:saturate(1.1) contrast(1.5);filter:saturate(1.1) contrast(1.5)}.lofi::after{background:-webkit-radial-gradient(circle,transparent 70%,#222 150%);background:radial-gradient(circle,transparent 70%,#222 150%);mix-blend-mode:multiply} \ No newline at end of file diff --git a/source/css/mayfair.css b/source/css/mayfair.css index 1dec639..5f343d6 100644 --- a/source/css/mayfair.css +++ b/source/css/mayfair.css @@ -26,8 +26,8 @@ .mayfair { -webkit-filter: contrast(1.1) saturate(1.1); filter: contrast(1.1) saturate(1.1); } - .mayfair:after { - background: -webkit-radial-gradient(40% 40%, circle, rgba(255, 255, 255, 0.8), rgba(255, 200, 200, 0.6), #111 60%); - background: radial-gradient(circle at 40% 40%, rgba(255, 255, 255, 0.8), rgba(255, 200, 200, 0.6), #111 60%); + .mayfair::after { + background: -webkit-radial-gradient(40% 40%, circle, rgba(255, 255, 255, 0.8), rgba(255, 200, 200, 0.6), #111111 60%); + background: radial-gradient(circle at 40% 40%, rgba(255, 255, 255, 0.8), rgba(255, 200, 200, 0.6), #111111 60%); mix-blend-mode: overlay; opacity: .4; } diff --git a/source/css/mayfair.min.css b/source/css/mayfair.min.css index 9d19697..810044f 100644 --- a/source/css/mayfair.min.css +++ b/source/css/mayfair.min.css @@ -1 +1 @@ -.mayfair:after,.mayfair:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none}.mayfair{position:relative}.mayfair img{width:100%;z-index:1}.mayfair:before{z-index:2}.mayfair:after{z-index:3}.mayfair{-webkit-filter:contrast(1.1) saturate(1.1);filter:contrast(1.1) saturate(1.1)}.mayfair:after{background:-webkit-radial-gradient(40% 40%,circle,rgba(255,255,255,.8),rgba(255,200,200,.6),#111 60%);background:radial-gradient(circle at 40% 40%,rgba(255,255,255,.8),rgba(255,200,200,.6),#111 60%);mix-blend-mode:overlay;opacity:.4} \ No newline at end of file +.mayfair:after,.mayfair:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none}.mayfair{position:relative}.mayfair img{width:100%;z-index:1}.mayfair:before{z-index:2}.mayfair:after{z-index:3}.mayfair{-webkit-filter:contrast(1.1) saturate(1.1);filter:contrast(1.1) saturate(1.1)}.mayfair::after{background:-webkit-radial-gradient(40% 40%,circle,rgba(255,255,255,.8),rgba(255,200,200,.6),#111 60%);background:radial-gradient(circle at 40% 40%,rgba(255,255,255,.8),rgba(255,200,200,.6),#111 60%);mix-blend-mode:overlay;opacity:.4} \ No newline at end of file diff --git a/source/css/moon.css b/source/css/moon.css index fd15ddf..a6bdfa2 100644 --- a/source/css/moon.css +++ b/source/css/moon.css @@ -25,9 +25,9 @@ .moon { -webkit-filter: grayscale(1) contrast(1.1) brightness(1.1); filter: grayscale(1) contrast(1.1) brightness(1.1); } - .moon:before { + .moon::before { background: #a0a0a0; mix-blend-mode: soft-light; } - .moon:after { + .moon::after { background: #383838; mix-blend-mode: lighten; } diff --git a/source/css/moon.min.css b/source/css/moon.min.css index 4eb74b6..a462f0a 100644 --- a/source/css/moon.min.css +++ b/source/css/moon.min.css @@ -1 +1 @@ -.moon:after,.moon:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none}.moon{position:relative}.moon img{width:100%;z-index:1}.moon:before{z-index:2}.moon:after{z-index:3}.moon{-webkit-filter:grayscale(1) contrast(1.1) brightness(1.1);filter:grayscale(1) contrast(1.1) brightness(1.1)}.moon:before{background:#a0a0a0;mix-blend-mode:soft-light}.moon:after{background:#383838;mix-blend-mode:lighten} \ No newline at end of file +.moon:after,.moon:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none}.moon{position:relative}.moon img{width:100%;z-index:1}.moon:before{z-index:2}.moon:after{z-index:3}.moon{-webkit-filter:grayscale(1) contrast(1.1) brightness(1.1);filter:grayscale(1) contrast(1.1) brightness(1.1)}.moon::before{background:#a0a0a0;mix-blend-mode:soft-light}.moon::after{background:#383838;mix-blend-mode:lighten} \ No newline at end of file diff --git a/source/css/perpetua.css b/source/css/perpetua.css index 8d28441..3f7b439 100644 --- a/source/css/perpetua.css +++ b/source/css/perpetua.css @@ -23,7 +23,7 @@ .perpetua:after { z-index: 3; } -.perpetua:after { +.perpetua::after { background: -webkit-linear-gradient(top, #005b9a, #e6c13d); background: linear-gradient(to bottom, #005b9a, #e6c13d); mix-blend-mode: soft-light; diff --git a/source/css/perpetua.min.css b/source/css/perpetua.min.css index 8c4341b..5c8fc45 100644 --- a/source/css/perpetua.min.css +++ b/source/css/perpetua.min.css @@ -1 +1 @@ -.perpetua:after,.perpetua:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none}.perpetua{position:relative}.perpetua img{width:100%;z-index:1}.perpetua:before{z-index:2}.perpetua:after{z-index:3;background:-webkit-linear-gradient(top,#005b9a,#e6c13d);background:linear-gradient(to bottom,#005b9a,#e6c13d);mix-blend-mode:soft-light;opacity:.5} \ No newline at end of file +.perpetua:after,.perpetua:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none}.perpetua{position:relative}.perpetua img{width:100%;z-index:1}.perpetua:before{z-index:2}.perpetua:after{z-index:3}.perpetua::after{background:-webkit-linear-gradient(top,#005b9a,#e6c13d);background:linear-gradient(to bottom,#005b9a,#e6c13d);mix-blend-mode:soft-light;opacity:.5} \ No newline at end of file diff --git a/source/css/reyes.css b/source/css/reyes.css index a2361ed..7bc0c0a 100644 --- a/source/css/reyes.css +++ b/source/css/reyes.css @@ -26,7 +26,7 @@ .reyes { -webkit-filter: sepia(.22) brightness(1.1) contrast(.85) saturate(0.75); filter: sepia(.22) brightness(1.1) contrast(.85) saturate(0.75); } - .reyes:after { + .reyes::after { background: #efcdad; mix-blend-mode: soft-light; opacity: .5; } diff --git a/source/css/reyes.min.css b/source/css/reyes.min.css index 8a7ad26..5c84ab9 100644 --- a/source/css/reyes.min.css +++ b/source/css/reyes.min.css @@ -1 +1 @@ -.reyes:after,.reyes:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none}.reyes{position:relative}.reyes img{width:100%;z-index:1}.reyes:before{z-index:2}.reyes:after{z-index:3}.reyes{-webkit-filter:sepia(.22) brightness(1.1) contrast(.85) saturate(.75);filter:sepia(.22) brightness(1.1) contrast(.85) saturate(.75)}.reyes:after{background:#efcdad;mix-blend-mode:soft-light;opacity:.5} \ No newline at end of file +.reyes:after,.reyes:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none}.reyes{position:relative}.reyes img{width:100%;z-index:1}.reyes:before{z-index:2}.reyes:after{z-index:3}.reyes{-webkit-filter:sepia(.22) brightness(1.1) contrast(.85) saturate(.75);filter:sepia(.22) brightness(1.1) contrast(.85) saturate(.75)}.reyes::after{background:#efcdad;mix-blend-mode:soft-light;opacity:.5} \ No newline at end of file diff --git a/source/css/toaster.css b/source/css/toaster.css index 46b77c2..16307d9 100644 --- a/source/css/toaster.css +++ b/source/css/toaster.css @@ -26,7 +26,7 @@ .toaster { -webkit-filter: contrast(1.5) brightness(.9); filter: contrast(1.5) brightness(.9); } - .toaster:after { + .toaster::after { background: -webkit-radial-gradient(circle, #804e0f, #3b003b); background: radial-gradient(circle, #804e0f, #3b003b); mix-blend-mode: screen; } diff --git a/source/css/toaster.min.css b/source/css/toaster.min.css index 9c35195..e9b3290 100644 --- a/source/css/toaster.min.css +++ b/source/css/toaster.min.css @@ -1 +1 @@ -.toaster:after,.toaster:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none}.toaster{position:relative}.toaster img{width:100%;z-index:1}.toaster:before{z-index:2}.toaster:after{z-index:3}.toaster{-webkit-filter:contrast(1.5) brightness(.9);filter:contrast(1.5) brightness(.9)}.toaster:after{background:-webkit-radial-gradient(circle,#804e0f,#3b003b);background:radial-gradient(circle,#804e0f,#3b003b);mix-blend-mode:screen} \ No newline at end of file +.toaster:after,.toaster:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none}.toaster{position:relative}.toaster img{width:100%;z-index:1}.toaster:before{z-index:2}.toaster:after{z-index:3}.toaster{-webkit-filter:contrast(1.5) brightness(.9);filter:contrast(1.5) brightness(.9)}.toaster::after{background:-webkit-radial-gradient(circle,#804e0f,#3b003b);background:radial-gradient(circle,#804e0f,#3b003b);mix-blend-mode:screen} \ No newline at end of file diff --git a/source/css/walden.css b/source/css/walden.css index bfd4c34..4349187 100644 --- a/source/css/walden.css +++ b/source/css/walden.css @@ -26,7 +26,7 @@ .walden { -webkit-filter: brightness(1.1) hue-rotate(-10deg) sepia(.3) saturate(1.6); filter: brightness(1.1) hue-rotate(-10deg) sepia(.3) saturate(1.6); } - .walden:after { - background: #04c; + .walden::after { + background: #0044cc; mix-blend-mode: screen; opacity: .3; } diff --git a/source/css/walden.min.css b/source/css/walden.min.css index 0c7e769..b5f34cb 100644 --- a/source/css/walden.min.css +++ b/source/css/walden.min.css @@ -1 +1 @@ -.walden:after,.walden:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none}.walden{position:relative}.walden img{width:100%;z-index:1}.walden:before{z-index:2}.walden:after{z-index:3}.walden{-webkit-filter:brightness(1.1) hue-rotate(-10deg) sepia(.3) saturate(1.6);filter:brightness(1.1) hue-rotate(-10deg) sepia(.3) saturate(1.6)}.walden:after{background:#04c;mix-blend-mode:screen;opacity:.3} \ No newline at end of file +.walden:after,.walden:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none}.walden{position:relative}.walden img{width:100%;z-index:1}.walden:before{z-index:2}.walden:after{z-index:3}.walden{-webkit-filter:brightness(1.1) hue-rotate(-10deg) sepia(.3) saturate(1.6);filter:brightness(1.1) hue-rotate(-10deg) sepia(.3) saturate(1.6)}.walden::after{background:#04c;mix-blend-mode:screen;opacity:.3} \ No newline at end of file diff --git a/source/css/xpro2.css b/source/css/xpro2.css index 4a58af4..c8fe142 100644 --- a/source/css/xpro2.css +++ b/source/css/xpro2.css @@ -26,7 +26,7 @@ .xpro2 { -webkit-filter: sepia(.3); filter: sepia(.3); } - .xpro2:after { - background: -webkit-radial-gradient(circle, #E6E7E0 40%, rgba(43, 42, 161, 0.6) 110%); - background: radial-gradient(circle, #E6E7E0 40%, rgba(43, 42, 161, 0.6) 110%); + .xpro2::after { + background: -webkit-radial-gradient(circle, #e6e7e0 40%, rgba(43, 42, 161, 0.6) 110%); + background: radial-gradient(circle, #e6e7e0 40%, rgba(43, 42, 161, 0.6) 110%); mix-blend-mode: color-burn; } diff --git a/source/css/xpro2.min.css b/source/css/xpro2.min.css index ac56684..d69b479 100644 --- a/source/css/xpro2.min.css +++ b/source/css/xpro2.min.css @@ -1 +1 @@ -.xpro2:after,.xpro2:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none}.xpro2{position:relative}.xpro2 img{width:100%;z-index:1}.xpro2:before{z-index:2}.xpro2:after{z-index:3}.xpro2{-webkit-filter:sepia(.3);filter:sepia(.3)}.xpro2:after{background:-webkit-radial-gradient(circle,#E6E7E0 40%,rgba(43,42,161,.6) 110%);background:radial-gradient(circle,#E6E7E0 40%,rgba(43,42,161,.6) 110%);mix-blend-mode:color-burn} \ No newline at end of file +.xpro2:after,.xpro2:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none}.xpro2{position:relative}.xpro2 img{width:100%;z-index:1}.xpro2:before{z-index:2}.xpro2:after{z-index:3}.xpro2{-webkit-filter:sepia(.3);filter:sepia(.3)}.xpro2::after{background:-webkit-radial-gradient(circle,#e6e7e0 40%,rgba(43,42,161,.6) 110%);background:radial-gradient(circle,#e6e7e0 40%,rgba(43,42,161,.6) 110%);mix-blend-mode:color-burn} \ No newline at end of file