Skip to content

Commit fbe0e1e

Browse files
author
UNA A. KRAVETS
committed
updated images to 100% width of figure
1 parent 9661b69 commit fbe0e1e

34 files changed

+446
-18
lines changed

‎site/css/demo-site.css‎

Lines changed: 372 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,379 @@
11
@charset "UTF-8";
2+
.aden, .perpetua, .reyes, .gingham, .toaster, .walden, .hudson, .earlybird, .mayfair, .lofi, ._1977, .brooklyn, .xpro2 {
3+
position: relative; }
4+
.aden img, .perpetua img, .reyes img, .gingham img, .toaster img, .walden img, .hudson img, .earlybird img, .mayfair img, .lofi img, ._1977 img, .brooklyn img, .xpro2 img {
5+
width: 100%; }
6+
.aden: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 {
7+
content: '';
8+
display: block;
9+
height: 100%;
10+
width: 100%;
11+
top: 0;
12+
left: 0;
13+
position: absolute;
14+
pointer-events: none; }
15+
16+
/*
17+
*
18+
* Aden
19+
*
20+
*/
21+
.aden, .perpetua, .reyes, .gingham, .toaster, .walden, .hudson, .earlybird, .mayfair, .lofi, ._1977, .brooklyn, .xpro2 {
22+
position: relative; }
23+
.aden img, .perpetua img, .reyes img, .gingham img, .toaster img, .walden img, .hudson img, .earlybird img, .mayfair img, .lofi img, ._1977 img, .brooklyn img, .xpro2 img {
24+
width: 100%; }
25+
.aden: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 {
26+
content: '';
27+
display: block;
28+
height: 100%;
29+
width: 100%;
30+
top: 0;
31+
left: 0;
32+
position: absolute;
33+
pointer-events: none; }
34+
35+
.aden {
36+
-webkit-filter: hue-rotate(-20deg) contrast(.9) saturate(0.85) brightness(1.2);
37+
filter: hue-rotate(-20deg) contrast(.9) saturate(0.85) brightness(1.2); }
38+
.aden:after {
39+
background: -webkit-linear-gradient(left, rgba(66, 10, 14, 0.2), transparent);
40+
background: linear-gradient(to right, rgba(66, 10, 14, 0.2), transparent);
41+
mix-blend-mode: darken; }
42+
43+
/*
44+
*
45+
* Inkwell
46+
*
47+
*/
48+
.inkwell {
49+
-webkit-filter: sepia(.3) contrast(1.1) brightness(1.1) grayscale(1);
50+
filter: sepia(.3) contrast(1.1) brightness(1.1) grayscale(1); }
51+
52+
/*
53+
*
54+
* Perpetua
55+
*
56+
*/
57+
.aden, .perpetua, .reyes, .gingham, .toaster, .walden, .hudson, .earlybird, .mayfair, .lofi, ._1977, .brooklyn, .xpro2 {
58+
position: relative; }
59+
.aden img, .perpetua img, .reyes img, .gingham img, .toaster img, .walden img, .hudson img, .earlybird img, .mayfair img, .lofi img, ._1977 img, .brooklyn img, .xpro2 img {
60+
width: 100%; }
61+
.aden: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 {
62+
content: '';
63+
display: block;
64+
height: 100%;
65+
width: 100%;
66+
top: 0;
67+
left: 0;
68+
position: absolute;
69+
pointer-events: none; }
70+
71+
.perpetua:after {
72+
background: -webkit-linear-gradient(top, #005b9a, #e6c13d);
73+
background: linear-gradient(to bottom, #005b9a, #e6c13d);
74+
mix-blend-mode: soft-light;
75+
opacity: .5; }
76+
77+
/*
78+
*
79+
* Reyes
80+
*
81+
*/
82+
.aden, .perpetua, .reyes, .gingham, .toaster, .walden, .hudson, .earlybird, .mayfair, .lofi, ._1977, .brooklyn, .xpro2 {
83+
position: relative; }
84+
.aden img, .perpetua img, .reyes img, .gingham img, .toaster img, .walden img, .hudson img, .earlybird img, .mayfair img, .lofi img, ._1977 img, .brooklyn img, .xpro2 img {
85+
width: 100%; }
86+
.aden: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 {
87+
content: '';
88+
display: block;
89+
height: 100%;
90+
width: 100%;
91+
top: 0;
92+
left: 0;
93+
position: absolute;
94+
pointer-events: none; }
95+
96+
.reyes {
97+
-webkit-filter: sepia(.22) brightness(1.1) contrast(.85) saturate(0.75);
98+
filter: sepia(.22) brightness(1.1) contrast(.85) saturate(0.75); }
99+
.reyes:after {
100+
background: #efcdad;
101+
mix-blend-mode: soft-light;
102+
opacity: .5; }
103+
104+
/*
105+
*
106+
* Gingham
107+
*
108+
*/
109+
.aden, .perpetua, .reyes, .gingham, .toaster, .walden, .hudson, .earlybird, .mayfair, .lofi, ._1977, .brooklyn, .xpro2 {
110+
position: relative; }
111+
.aden img, .perpetua img, .reyes img, .gingham img, .toaster img, .walden img, .hudson img, .earlybird img, .mayfair img, .lofi img, ._1977 img, .brooklyn img, .xpro2 img {
112+
width: 100%; }
113+
.aden: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 {
114+
content: '';
115+
display: block;
116+
height: 100%;
117+
width: 100%;
118+
top: 0;
119+
left: 0;
120+
position: absolute;
121+
pointer-events: none; }
122+
123+
.gingham {
124+
-webkit-filter: brightness(1.05) hue-rotate(-10deg);
125+
filter: brightness(1.05) hue-rotate(-10deg); }
126+
.gingham:after {
127+
background: -webkit-linear-gradient(left, rgba(66, 10, 14, 0.2), transparent);
128+
background: linear-gradient(to right, rgba(66, 10, 14, 0.2), transparent);
129+
mix-blend-mode: darken; }
130+
131+
/*
132+
*
133+
* Toaster
134+
*
135+
*/
136+
.aden, .perpetua, .reyes, .gingham, .toaster, .walden, .hudson, .earlybird, .mayfair, .lofi, ._1977, .brooklyn, .xpro2 {
137+
position: relative; }
138+
.aden img, .perpetua img, .reyes img, .gingham img, .toaster img, .walden img, .hudson img, .earlybird img, .mayfair img, .lofi img, ._1977 img, .brooklyn img, .xpro2 img {
139+
width: 100%; }
140+
.aden: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 {
141+
content: '';
142+
display: block;
143+
height: 100%;
144+
width: 100%;
145+
top: 0;
146+
left: 0;
147+
position: absolute;
148+
pointer-events: none; }
149+
150+
.toaster {
151+
-webkit-filter: contrast(1.5) brightness(.9);
152+
filter: contrast(1.5) brightness(.9); }
153+
.toaster:after {
154+
background: -webkit-radial-gradient(circle, #804e0f, #3b003b);
155+
background: radial-gradient(circle, #804e0f, #3b003b);
156+
mix-blend-mode: screen; }
157+
158+
/*
159+
*
160+
* Walden
161+
*
162+
*/
163+
.aden, .perpetua, .reyes, .gingham, .toaster, .walden, .hudson, .earlybird, .mayfair, .lofi, ._1977, .brooklyn, .xpro2 {
164+
position: relative; }
165+
.aden img, .perpetua img, .reyes img, .gingham img, .toaster img, .walden img, .hudson img, .earlybird img, .mayfair img, .lofi img, ._1977 img, .brooklyn img, .xpro2 img {
166+
width: 100%; }
167+
.aden: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 {
168+
content: '';
169+
display: block;
170+
height: 100%;
171+
width: 100%;
172+
top: 0;
173+
left: 0;
174+
position: absolute;
175+
pointer-events: none; }
176+
177+
.walden {
178+
-webkit-filter: brightness(1.1) hue-rotate(-10deg) sepia(.3) saturate(1.6);
179+
filter: brightness(1.1) hue-rotate(-10deg) sepia(.3) saturate(1.6); }
180+
.walden:after {
181+
background: #04c;
182+
mix-blend-mode: screen;
183+
opacity: .3; }
184+
185+
/*
186+
*
187+
* Hudson
188+
*
189+
*/
190+
.aden, .perpetua, .reyes, .gingham, .toaster, .walden, .hudson, .earlybird, .mayfair, .lofi, ._1977, .brooklyn, .xpro2 {
191+
position: relative; }
192+
.aden img, .perpetua img, .reyes img, .gingham img, .toaster img, .walden img, .hudson img, .earlybird img, .mayfair img, .lofi img, ._1977 img, .brooklyn img, .xpro2 img {
193+
width: 100%; }
194+
.aden: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 {
195+
content: '';
196+
display: block;
197+
height: 100%;
198+
width: 100%;
199+
top: 0;
200+
left: 0;
201+
position: absolute;
202+
pointer-events: none; }
203+
204+
.hudson {
205+
-webkit-filter: brightness(1.2) contrast(.9) saturate(1.1);
206+
filter: brightness(1.2) contrast(.9) saturate(1.1); }
207+
.hudson:after {
208+
background: -webkit-radial-gradient(circle, #a6b1ff 50%, #342134);
209+
background: radial-gradient(circle, #a6b1ff 50%, #342134);
210+
mix-blend-mode: multiply;
211+
opacity: .5; }
212+
213+
/*
214+
*
215+
* Earlybird
216+
*
217+
*/
218+
.aden, .perpetua, .reyes, .gingham, .toaster, .walden, .hudson, .earlybird, .mayfair, .lofi, ._1977, .brooklyn, .xpro2 {
219+
position: relative; }
220+
.aden img, .perpetua img, .reyes img, .gingham img, .toaster img, .walden img, .hudson img, .earlybird img, .mayfair img, .lofi img, ._1977 img, .brooklyn img, .xpro2 img {
221+
width: 100%; }
222+
.aden: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 {
223+
content: '';
224+
display: block;
225+
height: 100%;
226+
width: 100%;
227+
top: 0;
228+
left: 0;
229+
position: absolute;
230+
pointer-events: none; }
231+
232+
.earlybird {
233+
-webkit-filter: contrast(.9) sepia(.2);
234+
filter: contrast(.9) sepia(.2); }
235+
.earlybird:after {
236+
background: -webkit-radial-gradient(circle, #d0ba8e 20%, #360309 85%, #1d0210 100%);
237+
background: radial-gradient(circle, #d0ba8e 20%, #360309 85%, #1d0210 100%);
238+
mix-blend-mode: overlay; }
239+
240+
/*
241+
*
242+
* Mayfair
243+
*
244+
*/
245+
.aden, .perpetua, .reyes, .gingham, .toaster, .walden, .hudson, .earlybird, .mayfair, .lofi, ._1977, .brooklyn, .xpro2 {
246+
position: relative; }
247+
.aden img, .perpetua img, .reyes img, .gingham img, .toaster img, .walden img, .hudson img, .earlybird img, .mayfair img, .lofi img, ._1977 img, .brooklyn img, .xpro2 img {
248+
width: 100%; }
249+
.aden: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 {
250+
content: '';
251+
display: block;
252+
height: 100%;
253+
width: 100%;
254+
top: 0;
255+
left: 0;
256+
position: absolute;
257+
pointer-events: none; }
258+
259+
.mayfair {
260+
-webkit-filter: contrast(1.1) saturate(1.1);
261+
filter: contrast(1.1) saturate(1.1); }
262+
.mayfair:after {
263+
background: -webkit-radial-gradient(40% 40%, circle, rgba(255, 255, 255, 0.8), rgba(255, 200, 200, 0.6), #111 60%);
264+
background: radial-gradient(circle at 40% 40%, rgba(255, 255, 255, 0.8), rgba(255, 200, 200, 0.6), #111 60%);
265+
mix-blend-mode: overlay;
266+
opacity: .4; }
267+
268+
/*
269+
* Lo-fi
270+
*
271+
*/
272+
.aden, .perpetua, .reyes, .gingham, .toaster, .walden, .hudson, .earlybird, .mayfair, .lofi, ._1977, .brooklyn, .xpro2 {
273+
position: relative; }
274+
.aden img, .perpetua img, .reyes img, .gingham img, .toaster img, .walden img, .hudson img, .earlybird img, .mayfair img, .lofi img, ._1977 img, .brooklyn img, .xpro2 img {
275+
width: 100%; }
276+
.aden: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 {
277+
content: '';
278+
display: block;
279+
height: 100%;
280+
width: 100%;
281+
top: 0;
282+
left: 0;
283+
position: absolute;
284+
pointer-events: none; }
285+
286+
.lofi {
287+
-webkit-filter: saturate(1.1) contrast(1.5);
288+
filter: saturate(1.1) contrast(1.5); }
289+
.lofi:after {
290+
background: -webkit-radial-gradient(circle, transparent 70%, #222 150%);
291+
background: radial-gradient(circle, transparent 70%, #222 150%);
292+
mix-blend-mode: multiply; }
293+
294+
/*
295+
* 1977
296+
*
297+
*/
298+
.aden, .perpetua, .reyes, .gingham, .toaster, .walden, .hudson, .earlybird, .mayfair, .lofi, ._1977, .brooklyn, .xpro2 {
299+
position: relative; }
300+
.aden img, .perpetua img, .reyes img, .gingham img, .toaster img, .walden img, .hudson img, .earlybird img, .mayfair img, .lofi img, ._1977 img, .brooklyn img, .xpro2 img {
301+
width: 100%; }
302+
.aden: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 {
303+
content: '';
304+
display: block;
305+
height: 100%;
306+
width: 100%;
307+
top: 0;
308+
left: 0;
309+
position: absolute;
310+
pointer-events: none; }
311+
312+
._1977 {
313+
-webkit-filter: contrast(1.1) brightness(1.1) saturate(1.3);
314+
filter: contrast(1.1) brightness(1.1) saturate(1.3); }
315+
._1977:after {
316+
background: rgba(243, 106, 188, 0.3);
317+
mix-blend-mode: screen; }
318+
319+
/*
320+
*
321+
* Brooklyn
322+
*
323+
*/
324+
.aden, .perpetua, .reyes, .gingham, .toaster, .walden, .hudson, .earlybird, .mayfair, .lofi, ._1977, .brooklyn, .xpro2 {
325+
position: relative; }
326+
.aden img, .perpetua img, .reyes img, .gingham img, .toaster img, .walden img, .hudson img, .earlybird img, .mayfair img, .lofi img, ._1977 img, .brooklyn img, .xpro2 img {
327+
width: 100%; }
328+
.aden: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 {
329+
content: '';
330+
display: block;
331+
height: 100%;
332+
width: 100%;
333+
top: 0;
334+
left: 0;
335+
position: absolute;
336+
pointer-events: none; }
337+
338+
.brooklyn {
339+
-webkit-filter: contrast(.9) brightness(1.1);
340+
filter: contrast(.9) brightness(1.1); }
341+
.brooklyn:after {
342+
background: -webkit-radial-gradient(circle, rgba(168, 223, 193, 0.4) 70%, #c4b7c8);
343+
background: radial-gradient(circle, rgba(168, 223, 193, 0.4) 70%, #c4b7c8);
344+
mix-blend-mode: overlay; }
345+
346+
/*
347+
*
348+
* X-Pro II
349+
*
350+
*/
351+
.aden, .perpetua, .reyes, .gingham, .toaster, .walden, .hudson, .earlybird, .mayfair, .lofi, ._1977, .brooklyn, .xpro2 {
352+
position: relative; }
353+
.aden img, .perpetua img, .reyes img, .gingham img, .toaster img, .walden img, .hudson img, .earlybird img, .mayfair img, .lofi img, ._1977 img, .brooklyn img, .xpro2 img {
354+
width: 100%; }
355+
.aden: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 {
356+
content: '';
357+
display: block;
358+
height: 100%;
359+
width: 100%;
360+
top: 0;
361+
left: 0;
362+
position: absolute;
363+
pointer-events: none; }
364+
365+
.xpro2 {
366+
-webkit-filter: sepia(.3);
367+
filter: sepia(.3); }
368+
.xpro2:after {
369+
background: -webkit-radial-gradient(circle, #E6E7E0 40%, rgba(43, 42, 161, 0.6) 110%);
370+
background: radial-gradient(circle, #E6E7E0 40%, rgba(43, 42, 161, 0.6) 110%);
371+
mix-blend-mode: color-burn; }
372+
2373
::-moz-selection {
3374
background: #9b1c9b;
4375
color: white; }
376+
5377
::selection {
6378
background: #9b1c9b;
7379
color: white; }

0 commit comments

Comments
 (0)