Mercurial

annotate mrjunejune/src/base.css @ 256:30c2196d03d4

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
[site] Integrate Zenbu themes and components Co-authored-by: Copilot <[email protected]>
author MrJuneJune <me@mrjunejune.com>
date Tue, 04 Aug 2026 16:49:01 -0700
parents 3b47e82ac57e
children 60a876c4587a
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
92
655ea0b661fd [Seobeo] Added few endpoints for handling files. [Dowa] Added few functions for random number and generating uuids
June Park <parkjune1995@gmail.com>
parents: 91
diff changeset
1 /* Reset CSS: https://meyerweb.com/eric/tools/css/reset/ */
655ea0b661fd [Seobeo] Added few endpoints for handling files. [Dowa] Added few functions for random number and generating uuids
June Park <parkjune1995@gmail.com>
parents: 91
diff changeset
2 html, body, div, span, applet, object, iframe,
655ea0b661fd [Seobeo] Added few endpoints for handling files. [Dowa] Added few functions for random number and generating uuids
June Park <parkjune1995@gmail.com>
parents: 91
diff changeset
3 h1, h2, h3, h4, h5, h6, p, blockquote, pre,
655ea0b661fd [Seobeo] Added few endpoints for handling files. [Dowa] Added few functions for random number and generating uuids
June Park <parkjune1995@gmail.com>
parents: 91
diff changeset
4 a, abbr, acronym, address, big, cite, code,
655ea0b661fd [Seobeo] Added few endpoints for handling files. [Dowa] Added few functions for random number and generating uuids
June Park <parkjune1995@gmail.com>
parents: 91
diff changeset
5 del, dfn, em, img, ins, kbd, q, s, samp,
655ea0b661fd [Seobeo] Added few endpoints for handling files. [Dowa] Added few functions for random number and generating uuids
June Park <parkjune1995@gmail.com>
parents: 91
diff changeset
6 small, strike, strong, sub, sup, tt, var,
655ea0b661fd [Seobeo] Added few endpoints for handling files. [Dowa] Added few functions for random number and generating uuids
June Park <parkjune1995@gmail.com>
parents: 91
diff changeset
7 b, u, i, center,
655ea0b661fd [Seobeo] Added few endpoints for handling files. [Dowa] Added few functions for random number and generating uuids
June Park <parkjune1995@gmail.com>
parents: 91
diff changeset
8 dl, dt, dd, ol, ul, li,
655ea0b661fd [Seobeo] Added few endpoints for handling files. [Dowa] Added few functions for random number and generating uuids
June Park <parkjune1995@gmail.com>
parents: 91
diff changeset
9 fieldset, form, label, legend,
655ea0b661fd [Seobeo] Added few endpoints for handling files. [Dowa] Added few functions for random number and generating uuids
June Park <parkjune1995@gmail.com>
parents: 91
diff changeset
10 table, caption, tbody, tfoot, thead, tr, th, td,
655ea0b661fd [Seobeo] Added few endpoints for handling files. [Dowa] Added few functions for random number and generating uuids
June Park <parkjune1995@gmail.com>
parents: 91
diff changeset
11 article, aside, canvas, details, embed,
655ea0b661fd [Seobeo] Added few endpoints for handling files. [Dowa] Added few functions for random number and generating uuids
June Park <parkjune1995@gmail.com>
parents: 91
diff changeset
12 figure, figcaption, footer, header, hgroup,
655ea0b661fd [Seobeo] Added few endpoints for handling files. [Dowa] Added few functions for random number and generating uuids
June Park <parkjune1995@gmail.com>
parents: 91
diff changeset
13 menu, nav, output, ruby, section, summary,
655ea0b661fd [Seobeo] Added few endpoints for handling files. [Dowa] Added few functions for random number and generating uuids
June Park <parkjune1995@gmail.com>
parents: 91
diff changeset
14 time, mark, audio, video {
655ea0b661fd [Seobeo] Added few endpoints for handling files. [Dowa] Added few functions for random number and generating uuids
June Park <parkjune1995@gmail.com>
parents: 91
diff changeset
15 margin: 0;
655ea0b661fd [Seobeo] Added few endpoints for handling files. [Dowa] Added few functions for random number and generating uuids
June Park <parkjune1995@gmail.com>
parents: 91
diff changeset
16 padding: 0;
655ea0b661fd [Seobeo] Added few endpoints for handling files. [Dowa] Added few functions for random number and generating uuids
June Park <parkjune1995@gmail.com>
parents: 91
diff changeset
17 border: 0;
655ea0b661fd [Seobeo] Added few endpoints for handling files. [Dowa] Added few functions for random number and generating uuids
June Park <parkjune1995@gmail.com>
parents: 91
diff changeset
18 font-size: 100%;
655ea0b661fd [Seobeo] Added few endpoints for handling files. [Dowa] Added few functions for random number and generating uuids
June Park <parkjune1995@gmail.com>
parents: 91
diff changeset
19 font: inherit;
655ea0b661fd [Seobeo] Added few endpoints for handling files. [Dowa] Added few functions for random number and generating uuids
June Park <parkjune1995@gmail.com>
parents: 91
diff changeset
20 vertical-align: baseline;
655ea0b661fd [Seobeo] Added few endpoints for handling files. [Dowa] Added few functions for random number and generating uuids
June Park <parkjune1995@gmail.com>
parents: 91
diff changeset
21 }
655ea0b661fd [Seobeo] Added few endpoints for handling files. [Dowa] Added few functions for random number and generating uuids
June Park <parkjune1995@gmail.com>
parents: 91
diff changeset
22
655ea0b661fd [Seobeo] Added few endpoints for handling files. [Dowa] Added few functions for random number and generating uuids
June Park <parkjune1995@gmail.com>
parents: 91
diff changeset
23 /* --- Colors ---*/
7
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
24 :root {
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
25 --white: #ffffff;
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
26 --black: hsl(224, 12%, 4%);
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
27 --darkgray: #333333;
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
28 --gray: #5d5d5d;
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
29 --lightgray: #999999;
133
902e29c38d66 [Blog] Final copy for websocket one.
June Park <parkjune1995@gmail.com>
parents: 100
diff changeset
30 --gray-light: var(--lightgray);
7
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
31 --green: #c2e15f;
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
32 --orange: #fda333;
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
33 --purple: #d3a4f9;
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
34 --red: #fb4485;
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
35 --blue: #6ce0f1;
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
36 --darktext: #414141;
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
37 /* from astro */
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
38 --accent: #2337ff;
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
39 --accent-dark: #000d8a;
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
40 --gray: 96, 115, 159;
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
41 --gray-light: 229, 233, 240;
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
42 --gray-dark: 34, 41, 57;
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
43 --gray-gradient: rgba(var(--gray-light), 50%), #fff;
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
44 --box-shadow: 0 2px 6px rgba(var(--gray), 25%),
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
45 0 8px 24px rgba(var(--gray), 33%), 0 16px 32px rgba(var(--gray), 33%);
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
46 --awesome: #dc3522;
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
47 --main-width: 720px;
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
48 }
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
49 .dark {
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
50 --white: hsl(224, 10%, 10%);
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
51 --black: hsl(0, 0%, 90%);
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
52 --darkgray: #cccccc; /* Inverted */
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
53 --lightgray: #666666; /* Inverted */
133
902e29c38d66 [Blog] Final copy for websocket one.
June Park <parkjune1995@gmail.com>
parents: 100
diff changeset
54 --gray-light: var(--lightgray);
7
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
55 --green: #3d1ea0; /* Complementary */
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
56 --orange: #025ccc; /* Complementary */
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
57 --purple: #2b5b06; /* Complementary */
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
58 --red: #04bb7a; /* Complementary */
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
59 --blue: #932f0e; /* Complementary */
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
60 --darktext: #bebebe; /* Inverted */
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
61 --text: var(--lightgray); /* Opposite of --darkgray */
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
62 --graytext: var(--lightgray); /* Opposite of --gray */
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
63 --lighttext: var(--darkgray); /* Opposite of --lightgray */
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
64 --awesome: #23cade; /* Complementary */
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
65
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
66 /* Opposite of Astro Colors */
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
67 --accent: #ffcc00; /* Complementary */
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
68 --accent-dark: #ffb275; /* Modified complementary */
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
69 --gray: 159, 140, 96; /* Inverted */
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
70 --gray-light: 26, 22, 15; /* Inverted */
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
71 --gray-dark: 221, 214, 198; /* Inverted */
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
72 --gray-gradient: rgba(26, 22, 15, 50%), #000; /* Adjusted */
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
73 --box-shadow: 0 -2px -6px rgba(159, 140, 96, 25%),
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
74 0 -8px -24px rgba(159, 140, 96, 33%), 0 -16px -32px rgba(159, 140, 96, 33%);
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
75 }
92
655ea0b661fd [Seobeo] Added few endpoints for handling files. [Dowa] Added few functions for random number and generating uuids
June Park <parkjune1995@gmail.com>
parents: 91
diff changeset
76 @media (prefers-color-scheme: dark) {
256
30c2196d03d4 [site] Integrate Zenbu themes and components
MrJuneJune <me@mrjunejune.com>
parents: 209
diff changeset
77 :root:not([data-zen-theme]) {
92
655ea0b661fd [Seobeo] Added few endpoints for handling files. [Dowa] Added few functions for random number and generating uuids
June Park <parkjune1995@gmail.com>
parents: 91
diff changeset
78 --white: hsl(224, 10%, 10%);
655ea0b661fd [Seobeo] Added few endpoints for handling files. [Dowa] Added few functions for random number and generating uuids
June Park <parkjune1995@gmail.com>
parents: 91
diff changeset
79 --black: hsl(0, 0%, 90%);
655ea0b661fd [Seobeo] Added few endpoints for handling files. [Dowa] Added few functions for random number and generating uuids
June Park <parkjune1995@gmail.com>
parents: 91
diff changeset
80 --darkgray: #cccccc;
655ea0b661fd [Seobeo] Added few endpoints for handling files. [Dowa] Added few functions for random number and generating uuids
June Park <parkjune1995@gmail.com>
parents: 91
diff changeset
81 --lightgray: #666666;
133
902e29c38d66 [Blog] Final copy for websocket one.
June Park <parkjune1995@gmail.com>
parents: 100
diff changeset
82 --gray-light: var(--lightgray);
92
655ea0b661fd [Seobeo] Added few endpoints for handling files. [Dowa] Added few functions for random number and generating uuids
June Park <parkjune1995@gmail.com>
parents: 91
diff changeset
83 --green: #3d1ea0;
655ea0b661fd [Seobeo] Added few endpoints for handling files. [Dowa] Added few functions for random number and generating uuids
June Park <parkjune1995@gmail.com>
parents: 91
diff changeset
84 --orange: #025ccc;
655ea0b661fd [Seobeo] Added few endpoints for handling files. [Dowa] Added few functions for random number and generating uuids
June Park <parkjune1995@gmail.com>
parents: 91
diff changeset
85 --purple: #2b5b06;
655ea0b661fd [Seobeo] Added few endpoints for handling files. [Dowa] Added few functions for random number and generating uuids
June Park <parkjune1995@gmail.com>
parents: 91
diff changeset
86 --red: #04bb7a;
655ea0b661fd [Seobeo] Added few endpoints for handling files. [Dowa] Added few functions for random number and generating uuids
June Park <parkjune1995@gmail.com>
parents: 91
diff changeset
87 --blue: #932f0e;
655ea0b661fd [Seobeo] Added few endpoints for handling files. [Dowa] Added few functions for random number and generating uuids
June Park <parkjune1995@gmail.com>
parents: 91
diff changeset
88 --darktext: #bebebe;
655ea0b661fd [Seobeo] Added few endpoints for handling files. [Dowa] Added few functions for random number and generating uuids
June Park <parkjune1995@gmail.com>
parents: 91
diff changeset
89 --awesome: #23cade;
655ea0b661fd [Seobeo] Added few endpoints for handling files. [Dowa] Added few functions for random number and generating uuids
June Park <parkjune1995@gmail.com>
parents: 91
diff changeset
90 --accent: #ffcc00;
655ea0b661fd [Seobeo] Added few endpoints for handling files. [Dowa] Added few functions for random number and generating uuids
June Park <parkjune1995@gmail.com>
parents: 91
diff changeset
91 --accent-dark: #ffb275;
655ea0b661fd [Seobeo] Added few endpoints for handling files. [Dowa] Added few functions for random number and generating uuids
June Park <parkjune1995@gmail.com>
parents: 91
diff changeset
92 --gray: 159, 140, 96;
655ea0b661fd [Seobeo] Added few endpoints for handling files. [Dowa] Added few functions for random number and generating uuids
June Park <parkjune1995@gmail.com>
parents: 91
diff changeset
93 --gray-light: 26, 22, 15;
655ea0b661fd [Seobeo] Added few endpoints for handling files. [Dowa] Added few functions for random number and generating uuids
June Park <parkjune1995@gmail.com>
parents: 91
diff changeset
94 --gray-dark: 221, 214, 198;
655ea0b661fd [Seobeo] Added few endpoints for handling files. [Dowa] Added few functions for random number and generating uuids
June Park <parkjune1995@gmail.com>
parents: 91
diff changeset
95 --gray-gradient: rgba(26, 22, 15, 50%), #000;
655ea0b661fd [Seobeo] Added few endpoints for handling files. [Dowa] Added few functions for random number and generating uuids
June Park <parkjune1995@gmail.com>
parents: 91
diff changeset
96 --box-shadow: 0 -2px -6px rgba(159, 140, 96, 25%),
655ea0b661fd [Seobeo] Added few endpoints for handling files. [Dowa] Added few functions for random number and generating uuids
June Park <parkjune1995@gmail.com>
parents: 91
diff changeset
97 0 -8px -24px rgba(159, 140, 96, 33%), 0 -16px -32px rgba(159, 140, 96, 33%);
655ea0b661fd [Seobeo] Added few endpoints for handling files. [Dowa] Added few functions for random number and generating uuids
June Park <parkjune1995@gmail.com>
parents: 91
diff changeset
98 }
7
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
99 }
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
100
256
30c2196d03d4 [site] Integrate Zenbu themes and components
MrJuneJune <me@mrjunejune.com>
parents: 209
diff changeset
101 :root {
30c2196d03d4 [site] Integrate Zenbu themes and components
MrJuneJune <me@mrjunejune.com>
parents: 209
diff changeset
102 --zen-font-editorial: "More Thin", "Roboto", sans-serif;
30c2196d03d4 [site] Integrate Zenbu themes and components
MrJuneJune <me@mrjunejune.com>
parents: 209
diff changeset
103 --zen-font-playful: "More", "More Thin", sans-serif;
30c2196d03d4 [site] Integrate Zenbu themes and components
MrJuneJune <me@mrjunejune.com>
parents: 209
diff changeset
104 --zen-font-sans: var(--zen-font-editorial);
30c2196d03d4 [site] Integrate Zenbu themes and components
MrJuneJune <me@mrjunejune.com>
parents: 209
diff changeset
105 }
30c2196d03d4 [site] Integrate Zenbu themes and components
MrJuneJune <me@mrjunejune.com>
parents: 209
diff changeset
106
30c2196d03d4 [site] Integrate Zenbu themes and components
MrJuneJune <me@mrjunejune.com>
parents: 209
diff changeset
107 :root:not([data-zen-theme]),
30c2196d03d4 [site] Integrate Zenbu themes and components
MrJuneJune <me@mrjunejune.com>
parents: 209
diff changeset
108 :root[data-zen-theme] {
30c2196d03d4 [site] Integrate Zenbu themes and components
MrJuneJune <me@mrjunejune.com>
parents: 209
diff changeset
109 --white: var(--zen-color-surface);
30c2196d03d4 [site] Integrate Zenbu themes and components
MrJuneJune <me@mrjunejune.com>
parents: 209
diff changeset
110 --black: var(--zen-color-text);
30c2196d03d4 [site] Integrate Zenbu themes and components
MrJuneJune <me@mrjunejune.com>
parents: 209
diff changeset
111 --darkgray: var(--zen-color-border-strong);
30c2196d03d4 [site] Integrate Zenbu themes and components
MrJuneJune <me@mrjunejune.com>
parents: 209
diff changeset
112 --lightgray: var(--zen-color-border-muted);
30c2196d03d4 [site] Integrate Zenbu themes and components
MrJuneJune <me@mrjunejune.com>
parents: 209
diff changeset
113 --gray-light: var(--zen-color-border-muted);
30c2196d03d4 [site] Integrate Zenbu themes and components
MrJuneJune <me@mrjunejune.com>
parents: 209
diff changeset
114 --green: var(--zen-color-success);
30c2196d03d4 [site] Integrate Zenbu themes and components
MrJuneJune <me@mrjunejune.com>
parents: 209
diff changeset
115 --orange: var(--zen-color-warning);
30c2196d03d4 [site] Integrate Zenbu themes and components
MrJuneJune <me@mrjunejune.com>
parents: 209
diff changeset
116 --purple: var(--zen-color-violet-400);
30c2196d03d4 [site] Integrate Zenbu themes and components
MrJuneJune <me@mrjunejune.com>
parents: 209
diff changeset
117 --red: var(--zen-color-danger);
30c2196d03d4 [site] Integrate Zenbu themes and components
MrJuneJune <me@mrjunejune.com>
parents: 209
diff changeset
118 --blue: var(--zen-color-info);
30c2196d03d4 [site] Integrate Zenbu themes and components
MrJuneJune <me@mrjunejune.com>
parents: 209
diff changeset
119 --darktext: var(--zen-color-text-muted);
30c2196d03d4 [site] Integrate Zenbu themes and components
MrJuneJune <me@mrjunejune.com>
parents: 209
diff changeset
120 --text: var(--zen-color-text);
30c2196d03d4 [site] Integrate Zenbu themes and components
MrJuneJune <me@mrjunejune.com>
parents: 209
diff changeset
121 --graytext: var(--zen-color-text-muted);
30c2196d03d4 [site] Integrate Zenbu themes and components
MrJuneJune <me@mrjunejune.com>
parents: 209
diff changeset
122 --lighttext: var(--zen-color-text-subtle);
30c2196d03d4 [site] Integrate Zenbu themes and components
MrJuneJune <me@mrjunejune.com>
parents: 209
diff changeset
123 --awesome: var(--zen-color-persimmon);
30c2196d03d4 [site] Integrate Zenbu themes and components
MrJuneJune <me@mrjunejune.com>
parents: 209
diff changeset
124 --accent: var(--zen-color-info);
30c2196d03d4 [site] Integrate Zenbu themes and components
MrJuneJune <me@mrjunejune.com>
parents: 209
diff changeset
125 --accent-dark: var(--zen-color-indigo);
30c2196d03d4 [site] Integrate Zenbu themes and components
MrJuneJune <me@mrjunejune.com>
parents: 209
diff changeset
126 --gray-dark: var(--zen-color-text);
30c2196d03d4 [site] Integrate Zenbu themes and components
MrJuneJune <me@mrjunejune.com>
parents: 209
diff changeset
127 --gray-gradient: linear-gradient(
30c2196d03d4 [site] Integrate Zenbu themes and components
MrJuneJune <me@mrjunejune.com>
parents: 209
diff changeset
128 var(--zen-color-canvas),
30c2196d03d4 [site] Integrate Zenbu themes and components
MrJuneJune <me@mrjunejune.com>
parents: 209
diff changeset
129 var(--zen-color-surface)
30c2196d03d4 [site] Integrate Zenbu themes and components
MrJuneJune <me@mrjunejune.com>
parents: 209
diff changeset
130 );
30c2196d03d4 [site] Integrate Zenbu themes and components
MrJuneJune <me@mrjunejune.com>
parents: 209
diff changeset
131 --box-shadow: var(--zen-shadow-md);
30c2196d03d4 [site] Integrate Zenbu themes and components
MrJuneJune <me@mrjunejune.com>
parents: 209
diff changeset
132 }
30c2196d03d4 [site] Integrate Zenbu themes and components
MrJuneJune <me@mrjunejune.com>
parents: 209
diff changeset
133
92
655ea0b661fd [Seobeo] Added few endpoints for handling files. [Dowa] Added few functions for random number and generating uuids
June Park <parkjune1995@gmail.com>
parents: 91
diff changeset
134 /* --- fonts --- */
655ea0b661fd [Seobeo] Added few endpoints for handling files. [Dowa] Added few functions for random number and generating uuids
June Park <parkjune1995@gmail.com>
parents: 91
diff changeset
135 /*
7
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
136 @font-face {
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
137 font-family: "Atkinson";
91
19cccf6e866a Added Epi photo reels.
June Park <parkjune1995@gmail.com>
parents: 84
diff changeset
138 src: url("/public/fonts/atkinson-regular.woff") format("woff");
7
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
139 font-weight: 400;
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
140 font-style: normal;
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
141 }
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
142 @font-face {
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
143 font-family: "Atkinson";
91
19cccf6e866a Added Epi photo reels.
June Park <parkjune1995@gmail.com>
parents: 84
diff changeset
144 src: url("/public/fonts/atkinson-bold.woff") format("woff");
7
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
145 font-weight: 700;
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
146 font-style: normal;
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
147 }
92
655ea0b661fd [Seobeo] Added few endpoints for handling files. [Dowa] Added few functions for random number and generating uuids
June Park <parkjune1995@gmail.com>
parents: 91
diff changeset
148 */
7
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
149 @font-face {
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
150 font-family: "Roboto";
91
19cccf6e866a Added Epi photo reels.
June Park <parkjune1995@gmail.com>
parents: 84
diff changeset
151 src: url("/public/fonts/Roboto-Regular.ttf");
7
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
152 }
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
153 @font-face {
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
154 font-family: "Roboto Light";
91
19cccf6e866a Added Epi photo reels.
June Park <parkjune1995@gmail.com>
parents: 84
diff changeset
155 src: url("/public/fonts/Roboto-Thin.ttf");
19cccf6e866a Added Epi photo reels.
June Park <parkjune1995@gmail.com>
parents: 84
diff changeset
156 }
19cccf6e866a Added Epi photo reels.
June Park <parkjune1995@gmail.com>
parents: 84
diff changeset
157 @font-face {
19cccf6e866a Added Epi photo reels.
June Park <parkjune1995@gmail.com>
parents: 84
diff changeset
158 font-family: "More Thin";
19cccf6e866a Added Epi photo reels.
June Park <parkjune1995@gmail.com>
parents: 84
diff changeset
159 src: url("/public/fonts/more-sugar.thin.otf");
19cccf6e866a Added Epi photo reels.
June Park <parkjune1995@gmail.com>
parents: 84
diff changeset
160 }
19cccf6e866a Added Epi photo reels.
June Park <parkjune1995@gmail.com>
parents: 84
diff changeset
161 @font-face {
19cccf6e866a Added Epi photo reels.
June Park <parkjune1995@gmail.com>
parents: 84
diff changeset
162 font-family: "More";
19cccf6e866a Added Epi photo reels.
June Park <parkjune1995@gmail.com>
parents: 84
diff changeset
163 src: url("/public/fonts/more-sugar.regular.otf");
7
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
164 }
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
165
92
655ea0b661fd [Seobeo] Added few endpoints for handling files. [Dowa] Added few functions for random number and generating uuids
June Park <parkjune1995@gmail.com>
parents: 91
diff changeset
166 /* -- HTML Tags only --*/
655ea0b661fd [Seobeo] Added few endpoints for handling files. [Dowa] Added few functions for random number and generating uuids
June Park <parkjune1995@gmail.com>
parents: 91
diff changeset
167 html {
655ea0b661fd [Seobeo] Added few endpoints for handling files. [Dowa] Added few functions for random number and generating uuids
June Park <parkjune1995@gmail.com>
parents: 91
diff changeset
168 background: var(--white);
655ea0b661fd [Seobeo] Added few endpoints for handling files. [Dowa] Added few functions for random number and generating uuids
June Park <parkjune1995@gmail.com>
parents: 91
diff changeset
169 }
655ea0b661fd [Seobeo] Added few endpoints for handling files. [Dowa] Added few functions for random number and generating uuids
June Park <parkjune1995@gmail.com>
parents: 91
diff changeset
170
7
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
171 a {
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
172 color: inherit; /* blue colors for links too */
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
173 text-decoration: inherit; /* no underline */
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
174 }
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
175
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
176 body {
256
30c2196d03d4 [site] Integrate Zenbu themes and components
MrJuneJune <me@mrjunejune.com>
parents: 209
diff changeset
177 font-family: var(--zen-font-sans, "More Thin", sans-serif);
7
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
178 margin: 0;
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
179 padding: 0;
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
180 text-align: left;
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
181 background: var(--gray-gradient);
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
182 background-size: 100% 600px;
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
183 word-wrap: break-word;
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
184 overflow-wrap: break-word;
256
30c2196d03d4 [site] Integrate Zenbu themes and components
MrJuneJune <me@mrjunejune.com>
parents: 209
diff changeset
185 color: var(--gray-dark);
7
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
186 font-size: 20px;
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
187 line-height: 1.7;
97
3bdfffaad162 [MrJuneJune] Updated so it is mobile friendly and fixed few font sizes.
June Park <parkjune1995@gmail.com>
parents: 92
diff changeset
188 -webkit-font-smoothing: antialiased;
3bdfffaad162 [MrJuneJune] Updated so it is mobile friendly and fixed few font sizes.
June Park <parkjune1995@gmail.com>
parents: 92
diff changeset
189 -moz-osx-font-smoothing: grayscale;
7
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
190 }
80
d55157451947 [MrJuneJune] Updating my homepage.
June Park <parkjune1995@gmail.com>
parents: 76
diff changeset
191
7
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
192 main {
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
193 background: var(--white);
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
194 width: var(--main-width);
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
195 max-width: calc(100% - 2em);
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
196 margin: auto;
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
197 }
80
d55157451947 [MrJuneJune] Updating my homepage.
June Park <parkjune1995@gmail.com>
parents: 76
diff changeset
198
7
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
199 h1,
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
200 h2,
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
201 h3,
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
202 h4,
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
203 h5,
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
204 h6 {
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
205 margin: 0 0 0.5rem 0;
256
30c2196d03d4 [site] Integrate Zenbu themes and components
MrJuneJune <me@mrjunejune.com>
parents: 209
diff changeset
206 color: var(--black);
7
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
207 line-height: 1.2;
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
208 }
92
655ea0b661fd [Seobeo] Added few endpoints for handling files. [Dowa] Added few functions for random number and generating uuids
June Park <parkjune1995@gmail.com>
parents: 91
diff changeset
209
7
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
210 h1 {
97
3bdfffaad162 [MrJuneJune] Updated so it is mobile friendly and fixed few font sizes.
June Park <parkjune1995@gmail.com>
parents: 92
diff changeset
211 font-size: 2.5em;
7
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
212 }
92
655ea0b661fd [Seobeo] Added few endpoints for handling files. [Dowa] Added few functions for random number and generating uuids
June Park <parkjune1995@gmail.com>
parents: 91
diff changeset
213
7
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
214 h2 {
97
3bdfffaad162 [MrJuneJune] Updated so it is mobile friendly and fixed few font sizes.
June Park <parkjune1995@gmail.com>
parents: 92
diff changeset
215 font-size: 2em;
7
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
216 }
92
655ea0b661fd [Seobeo] Added few endpoints for handling files. [Dowa] Added few functions for random number and generating uuids
June Park <parkjune1995@gmail.com>
parents: 91
diff changeset
217
7
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
218 h3 {
97
3bdfffaad162 [MrJuneJune] Updated so it is mobile friendly and fixed few font sizes.
June Park <parkjune1995@gmail.com>
parents: 92
diff changeset
219 font-size: 1.75em;
7
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
220 }
92
655ea0b661fd [Seobeo] Added few endpoints for handling files. [Dowa] Added few functions for random number and generating uuids
June Park <parkjune1995@gmail.com>
parents: 91
diff changeset
221
7
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
222 h4 {
97
3bdfffaad162 [MrJuneJune] Updated so it is mobile friendly and fixed few font sizes.
June Park <parkjune1995@gmail.com>
parents: 92
diff changeset
223 font-size: 1.5em;
7
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
224 }
92
655ea0b661fd [Seobeo] Added few endpoints for handling files. [Dowa] Added few functions for random number and generating uuids
June Park <parkjune1995@gmail.com>
parents: 91
diff changeset
225
7
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
226 h5 {
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
227 font-size: 1.25em;
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
228 }
92
655ea0b661fd [Seobeo] Added few endpoints for handling files. [Dowa] Added few functions for random number and generating uuids
June Park <parkjune1995@gmail.com>
parents: 91
diff changeset
229
7
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
230 strong,
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
231 b {
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
232 font-weight: 700;
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
233 }
92
655ea0b661fd [Seobeo] Added few endpoints for handling files. [Dowa] Added few functions for random number and generating uuids
June Park <parkjune1995@gmail.com>
parents: 91
diff changeset
234
7
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
235 p {
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
236 margin-bottom: 1em;
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
237 }
92
655ea0b661fd [Seobeo] Added few endpoints for handling files. [Dowa] Added few functions for random number and generating uuids
June Park <parkjune1995@gmail.com>
parents: 91
diff changeset
238
7
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
239 .prose p {
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
240 margin-bottom: 2em;
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
241 }
92
655ea0b661fd [Seobeo] Added few endpoints for handling files. [Dowa] Added few functions for random number and generating uuids
June Park <parkjune1995@gmail.com>
parents: 91
diff changeset
242
7
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
243 textarea {
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
244 width: 100%;
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
245 font-size: 16px;
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
246 }
92
655ea0b661fd [Seobeo] Added few endpoints for handling files. [Dowa] Added few functions for random number and generating uuids
June Park <parkjune1995@gmail.com>
parents: 91
diff changeset
247
7
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
248 input {
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
249 font-size: 16px;
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
250 }
92
655ea0b661fd [Seobeo] Added few endpoints for handling files. [Dowa] Added few functions for random number and generating uuids
June Park <parkjune1995@gmail.com>
parents: 91
diff changeset
251
7
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
252 table {
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
253 width: 100%;
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
254 }
92
655ea0b661fd [Seobeo] Added few endpoints for handling files. [Dowa] Added few functions for random number and generating uuids
June Park <parkjune1995@gmail.com>
parents: 91
diff changeset
255
7
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
256 img {
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
257 max-width: 100%;
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
258 height: auto;
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
259 border-radius: 8px;
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
260 }
92
655ea0b661fd [Seobeo] Added few endpoints for handling files. [Dowa] Added few functions for random number and generating uuids
June Park <parkjune1995@gmail.com>
parents: 91
diff changeset
261
7
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
262 code {
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
263 padding: 2px 5px;
256
30c2196d03d4 [site] Integrate Zenbu themes and components
MrJuneJune <me@mrjunejune.com>
parents: 209
diff changeset
264 background-color: var(--gray-light);
7
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
265 border-radius: 2px;
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
266 }
92
655ea0b661fd [Seobeo] Added few endpoints for handling files. [Dowa] Added few functions for random number and generating uuids
June Park <parkjune1995@gmail.com>
parents: 91
diff changeset
267
7
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
268 pre {
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
269 padding: 1.5em;
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
270 border-radius: 8px;
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
271 }
92
655ea0b661fd [Seobeo] Added few endpoints for handling files. [Dowa] Added few functions for random number and generating uuids
June Park <parkjune1995@gmail.com>
parents: 91
diff changeset
272
7
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
273 blockquote {
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
274 border-left: 4px solid var(--accent);
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
275 padding: 0 0 0 20px;
158
1c0878eb17de [MrJuneJune] Readme file gets compiled in server side.
June Park <parkjune1995@gmail.com>
parents: 133
diff changeset
276 margin-bottom: 1.25em;
7
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
277 font-size: 1.333em;
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
278 }
92
655ea0b661fd [Seobeo] Added few endpoints for handling files. [Dowa] Added few functions for random number and generating uuids
June Park <parkjune1995@gmail.com>
parents: 91
diff changeset
279
158
1c0878eb17de [MrJuneJune] Readme file gets compiled in server side.
June Park <parkjune1995@gmail.com>
parents: 133
diff changeset
280 ul {
1c0878eb17de [MrJuneJune] Readme file gets compiled in server side.
June Park <parkjune1995@gmail.com>
parents: 133
diff changeset
281 margin-bottom: 1.25em;
1c0878eb17de [MrJuneJune] Readme file gets compiled in server side.
June Park <parkjune1995@gmail.com>
parents: 133
diff changeset
282 }
1c0878eb17de [MrJuneJune] Readme file gets compiled in server side.
June Park <parkjune1995@gmail.com>
parents: 133
diff changeset
283
7
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
284 hr {
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
285 border: none;
256
30c2196d03d4 [site] Integrate Zenbu themes and components
MrJuneJune <me@mrjunejune.com>
parents: 209
diff changeset
286 border-top: 1px solid var(--gray-light);
7
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
287 }
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
288
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
289 .center {
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
290 display: flex;
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
291 justify-content: center;
114cad94008f [Seobeo] Updated to support thread and edge server calls.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
292 }
76
35b1abc37969 Updating my website to use seobeo library.
June Park <parkjune1995@gmail.com>
parents: 73
diff changeset
293
80
d55157451947 [MrJuneJune] Updating my homepage.
June Park <parkjune1995@gmail.com>
parents: 76
diff changeset
294 a {
d55157451947 [MrJuneJune] Updating my homepage.
June Park <parkjune1995@gmail.com>
parents: 76
diff changeset
295 text-decoration: underline;
d55157451947 [MrJuneJune] Updating my homepage.
June Park <parkjune1995@gmail.com>
parents: 76
diff changeset
296 }
d55157451947 [MrJuneJune] Updating my homepage.
June Park <parkjune1995@gmail.com>
parents: 76
diff changeset
297
d55157451947 [MrJuneJune] Updating my homepage.
June Park <parkjune1995@gmail.com>
parents: 76
diff changeset
298 a::before {
d55157451947 [MrJuneJune] Updating my homepage.
June Park <parkjune1995@gmail.com>
parents: 76
diff changeset
299 content: "";
d55157451947 [MrJuneJune] Updating my homepage.
June Park <parkjune1995@gmail.com>
parents: 76
diff changeset
300 display: inline-block;
d55157451947 [MrJuneJune] Updating my homepage.
June Park <parkjune1995@gmail.com>
parents: 76
diff changeset
301 width: 1em;
d55157451947 [MrJuneJune] Updating my homepage.
June Park <parkjune1995@gmail.com>
parents: 76
diff changeset
302 height: 1em;
d55157451947 [MrJuneJune] Updating my homepage.
June Park <parkjune1995@gmail.com>
parents: 76
diff changeset
303 margin-right: 8px;
d55157451947 [MrJuneJune] Updating my homepage.
June Park <parkjune1995@gmail.com>
parents: 76
diff changeset
304 vertical-align: middle;
92
655ea0b661fd [Seobeo] Added few endpoints for handling files. [Dowa] Added few functions for random number and generating uuids
June Park <parkjune1995@gmail.com>
parents: 91
diff changeset
305 background-color: #FF69B4;
80
d55157451947 [MrJuneJune] Updating my homepage.
June Park <parkjune1995@gmail.com>
parents: 76
diff changeset
306 -webkit-mask: url('/public/paw.svg') no-repeat center;
d55157451947 [MrJuneJune] Updating my homepage.
June Park <parkjune1995@gmail.com>
parents: 76
diff changeset
307 mask: url('/public/paw.svg') no-repeat center;
d55157451947 [MrJuneJune] Updating my homepage.
June Park <parkjune1995@gmail.com>
parents: 76
diff changeset
308 animation: pawStep 0.6s ease-out forwards;
d55157451947 [MrJuneJune] Updating my homepage.
June Park <parkjune1995@gmail.com>
parents: 76
diff changeset
309 }
d55157451947 [MrJuneJune] Updating my homepage.
June Park <parkjune1995@gmail.com>
parents: 76
diff changeset
310
d55157451947 [MrJuneJune] Updating my homepage.
June Park <parkjune1995@gmail.com>
parents: 76
diff changeset
311 @keyframes pawStep {
d55157451947 [MrJuneJune] Updating my homepage.
June Park <parkjune1995@gmail.com>
parents: 76
diff changeset
312 0% { transform: scale(0); opacity: 0; }
d55157451947 [MrJuneJune] Updating my homepage.
June Park <parkjune1995@gmail.com>
parents: 76
diff changeset
313 100% { transform: scale(1); opacity: 1; }
d55157451947 [MrJuneJune] Updating my homepage.
June Park <parkjune1995@gmail.com>
parents: 76
diff changeset
314 }
d55157451947 [MrJuneJune] Updating my homepage.
June Park <parkjune1995@gmail.com>
parents: 76
diff changeset
315
d55157451947 [MrJuneJune] Updating my homepage.
June Park <parkjune1995@gmail.com>
parents: 76
diff changeset
316 a:hover::before {
d55157451947 [MrJuneJune] Updating my homepage.
June Park <parkjune1995@gmail.com>
parents: 76
diff changeset
317 animation: wiggle 0.4s ease-in-out infinite;
d55157451947 [MrJuneJune] Updating my homepage.
June Park <parkjune1995@gmail.com>
parents: 76
diff changeset
318 }
d55157451947 [MrJuneJune] Updating my homepage.
June Park <parkjune1995@gmail.com>
parents: 76
diff changeset
319
d55157451947 [MrJuneJune] Updating my homepage.
June Park <parkjune1995@gmail.com>
parents: 76
diff changeset
320 @keyframes wiggle {
d55157451947 [MrJuneJune] Updating my homepage.
June Park <parkjune1995@gmail.com>
parents: 76
diff changeset
321 0%, 100% { transform: rotate(-15deg); }
d55157451947 [MrJuneJune] Updating my homepage.
June Park <parkjune1995@gmail.com>
parents: 76
diff changeset
322 50% { transform: rotate(15deg); }
d55157451947 [MrJuneJune] Updating my homepage.
June Park <parkjune1995@gmail.com>
parents: 76
diff changeset
323 }
92
655ea0b661fd [Seobeo] Added few endpoints for handling files. [Dowa] Added few functions for random number and generating uuids
June Park <parkjune1995@gmail.com>
parents: 91
diff changeset
324
655ea0b661fd [Seobeo] Added few endpoints for handling files. [Dowa] Added few functions for random number and generating uuids
June Park <parkjune1995@gmail.com>
parents: 91
diff changeset
325
655ea0b661fd [Seobeo] Added few endpoints for handling files. [Dowa] Added few functions for random number and generating uuids
June Park <parkjune1995@gmail.com>
parents: 91
diff changeset
326 /* -- mobile -- */
655ea0b661fd [Seobeo] Added few endpoints for handling files. [Dowa] Added few functions for random number and generating uuids
June Park <parkjune1995@gmail.com>
parents: 91
diff changeset
327 @media (max-width: 720px) {
655ea0b661fd [Seobeo] Added few endpoints for handling files. [Dowa] Added few functions for random number and generating uuids
June Park <parkjune1995@gmail.com>
parents: 91
diff changeset
328 body {
655ea0b661fd [Seobeo] Added few endpoints for handling files. [Dowa] Added few functions for random number and generating uuids
June Park <parkjune1995@gmail.com>
parents: 91
diff changeset
329 font-size: 18px;
97
3bdfffaad162 [MrJuneJune] Updated so it is mobile friendly and fixed few font sizes.
June Park <parkjune1995@gmail.com>
parents: 92
diff changeset
330 line-height: 1.8;
92
655ea0b661fd [Seobeo] Added few endpoints for handling files. [Dowa] Added few functions for random number and generating uuids
June Park <parkjune1995@gmail.com>
parents: 91
diff changeset
331 }
97
3bdfffaad162 [MrJuneJune] Updated so it is mobile friendly and fixed few font sizes.
June Park <parkjune1995@gmail.com>
parents: 92
diff changeset
332
92
655ea0b661fd [Seobeo] Added few endpoints for handling files. [Dowa] Added few functions for random number and generating uuids
June Park <parkjune1995@gmail.com>
parents: 91
diff changeset
333 main {
97
3bdfffaad162 [MrJuneJune] Updated so it is mobile friendly and fixed few font sizes.
June Park <parkjune1995@gmail.com>
parents: 92
diff changeset
334 padding: 1.5em 1em;
3bdfffaad162 [MrJuneJune] Updated so it is mobile friendly and fixed few font sizes.
June Park <parkjune1995@gmail.com>
parents: 92
diff changeset
335 }
3bdfffaad162 [MrJuneJune] Updated so it is mobile friendly and fixed few font sizes.
June Park <parkjune1995@gmail.com>
parents: 92
diff changeset
336
3bdfffaad162 [MrJuneJune] Updated so it is mobile friendly and fixed few font sizes.
June Park <parkjune1995@gmail.com>
parents: 92
diff changeset
337 h1 {
3bdfffaad162 [MrJuneJune] Updated so it is mobile friendly and fixed few font sizes.
June Park <parkjune1995@gmail.com>
parents: 92
diff changeset
338 font-size: 2em;
3bdfffaad162 [MrJuneJune] Updated so it is mobile friendly and fixed few font sizes.
June Park <parkjune1995@gmail.com>
parents: 92
diff changeset
339 }
3bdfffaad162 [MrJuneJune] Updated so it is mobile friendly and fixed few font sizes.
June Park <parkjune1995@gmail.com>
parents: 92
diff changeset
340
3bdfffaad162 [MrJuneJune] Updated so it is mobile friendly and fixed few font sizes.
June Park <parkjune1995@gmail.com>
parents: 92
diff changeset
341 h2 {
3bdfffaad162 [MrJuneJune] Updated so it is mobile friendly and fixed few font sizes.
June Park <parkjune1995@gmail.com>
parents: 92
diff changeset
342 font-size: 1.75em;
3bdfffaad162 [MrJuneJune] Updated so it is mobile friendly and fixed few font sizes.
June Park <parkjune1995@gmail.com>
parents: 92
diff changeset
343 }
3bdfffaad162 [MrJuneJune] Updated so it is mobile friendly and fixed few font sizes.
June Park <parkjune1995@gmail.com>
parents: 92
diff changeset
344
3bdfffaad162 [MrJuneJune] Updated so it is mobile friendly and fixed few font sizes.
June Park <parkjune1995@gmail.com>
parents: 92
diff changeset
345 h3 {
3bdfffaad162 [MrJuneJune] Updated so it is mobile friendly and fixed few font sizes.
June Park <parkjune1995@gmail.com>
parents: 92
diff changeset
346 font-size: 1.5em;
3bdfffaad162 [MrJuneJune] Updated so it is mobile friendly and fixed few font sizes.
June Park <parkjune1995@gmail.com>
parents: 92
diff changeset
347 }
3bdfffaad162 [MrJuneJune] Updated so it is mobile friendly and fixed few font sizes.
June Park <parkjune1995@gmail.com>
parents: 92
diff changeset
348
3bdfffaad162 [MrJuneJune] Updated so it is mobile friendly and fixed few font sizes.
June Park <parkjune1995@gmail.com>
parents: 92
diff changeset
349 h4 {
3bdfffaad162 [MrJuneJune] Updated so it is mobile friendly and fixed few font sizes.
June Park <parkjune1995@gmail.com>
parents: 92
diff changeset
350 font-size: 1.25em;
3bdfffaad162 [MrJuneJune] Updated so it is mobile friendly and fixed few font sizes.
June Park <parkjune1995@gmail.com>
parents: 92
diff changeset
351 }
3bdfffaad162 [MrJuneJune] Updated so it is mobile friendly and fixed few font sizes.
June Park <parkjune1995@gmail.com>
parents: 92
diff changeset
352
3bdfffaad162 [MrJuneJune] Updated so it is mobile friendly and fixed few font sizes.
June Park <parkjune1995@gmail.com>
parents: 92
diff changeset
353 h5 {
3bdfffaad162 [MrJuneJune] Updated so it is mobile friendly and fixed few font sizes.
June Park <parkjune1995@gmail.com>
parents: 92
diff changeset
354 font-size: 1.1em;
3bdfffaad162 [MrJuneJune] Updated so it is mobile friendly and fixed few font sizes.
June Park <parkjune1995@gmail.com>
parents: 92
diff changeset
355 }
3bdfffaad162 [MrJuneJune] Updated so it is mobile friendly and fixed few font sizes.
June Park <parkjune1995@gmail.com>
parents: 92
diff changeset
356
3bdfffaad162 [MrJuneJune] Updated so it is mobile friendly and fixed few font sizes.
June Park <parkjune1995@gmail.com>
parents: 92
diff changeset
357 p {
3bdfffaad162 [MrJuneJune] Updated so it is mobile friendly and fixed few font sizes.
June Park <parkjune1995@gmail.com>
parents: 92
diff changeset
358 margin-bottom: 1.25em;
3bdfffaad162 [MrJuneJune] Updated so it is mobile friendly and fixed few font sizes.
June Park <parkjune1995@gmail.com>
parents: 92
diff changeset
359 }
3bdfffaad162 [MrJuneJune] Updated so it is mobile friendly and fixed few font sizes.
June Park <parkjune1995@gmail.com>
parents: 92
diff changeset
360
3bdfffaad162 [MrJuneJune] Updated so it is mobile friendly and fixed few font sizes.
June Park <parkjune1995@gmail.com>
parents: 92
diff changeset
361 /* Better touch targets for mobile */
3bdfffaad162 [MrJuneJune] Updated so it is mobile friendly and fixed few font sizes.
June Park <parkjune1995@gmail.com>
parents: 92
diff changeset
362 a {
3bdfffaad162 [MrJuneJune] Updated so it is mobile friendly and fixed few font sizes.
June Park <parkjune1995@gmail.com>
parents: 92
diff changeset
363 padding: 0.25em 0;
3bdfffaad162 [MrJuneJune] Updated so it is mobile friendly and fixed few font sizes.
June Park <parkjune1995@gmail.com>
parents: 92
diff changeset
364 display: inline-block;
3bdfffaad162 [MrJuneJune] Updated so it is mobile friendly and fixed few font sizes.
June Park <parkjune1995@gmail.com>
parents: 92
diff changeset
365 }
3bdfffaad162 [MrJuneJune] Updated so it is mobile friendly and fixed few font sizes.
June Park <parkjune1995@gmail.com>
parents: 92
diff changeset
366
3bdfffaad162 [MrJuneJune] Updated so it is mobile friendly and fixed few font sizes.
June Park <parkjune1995@gmail.com>
parents: 92
diff changeset
367 button, input[type="submit"], input[type="button"] {
3bdfffaad162 [MrJuneJune] Updated so it is mobile friendly and fixed few font sizes.
June Park <parkjune1995@gmail.com>
parents: 92
diff changeset
368 min-height: 44px;
3bdfffaad162 [MrJuneJune] Updated so it is mobile friendly and fixed few font sizes.
June Park <parkjune1995@gmail.com>
parents: 92
diff changeset
369 padding: 0.75em 1.5em;
3bdfffaad162 [MrJuneJune] Updated so it is mobile friendly and fixed few font sizes.
June Park <parkjune1995@gmail.com>
parents: 92
diff changeset
370 font-size: 1em;
3bdfffaad162 [MrJuneJune] Updated so it is mobile friendly and fixed few font sizes.
June Park <parkjune1995@gmail.com>
parents: 92
diff changeset
371 }
3bdfffaad162 [MrJuneJune] Updated so it is mobile friendly and fixed few font sizes.
June Park <parkjune1995@gmail.com>
parents: 92
diff changeset
372
3bdfffaad162 [MrJuneJune] Updated so it is mobile friendly and fixed few font sizes.
June Park <parkjune1995@gmail.com>
parents: 92
diff changeset
373 input, textarea, select {
3bdfffaad162 [MrJuneJune] Updated so it is mobile friendly and fixed few font sizes.
June Park <parkjune1995@gmail.com>
parents: 92
diff changeset
374 font-size: 16px; /* Prevents zoom on iOS */
3bdfffaad162 [MrJuneJune] Updated so it is mobile friendly and fixed few font sizes.
June Park <parkjune1995@gmail.com>
parents: 92
diff changeset
375 }
3bdfffaad162 [MrJuneJune] Updated so it is mobile friendly and fixed few font sizes.
June Park <parkjune1995@gmail.com>
parents: 92
diff changeset
376
3bdfffaad162 [MrJuneJune] Updated so it is mobile friendly and fixed few font sizes.
June Park <parkjune1995@gmail.com>
parents: 92
diff changeset
377 /* Improve blockquote readability */
3bdfffaad162 [MrJuneJune] Updated so it is mobile friendly and fixed few font sizes.
June Park <parkjune1995@gmail.com>
parents: 92
diff changeset
378 blockquote {
3bdfffaad162 [MrJuneJune] Updated so it is mobile friendly and fixed few font sizes.
June Park <parkjune1995@gmail.com>
parents: 92
diff changeset
379 font-size: 1.1em;
3bdfffaad162 [MrJuneJune] Updated so it is mobile friendly and fixed few font sizes.
June Park <parkjune1995@gmail.com>
parents: 92
diff changeset
380 padding: 0.5em 0 0.5em 1em;
3bdfffaad162 [MrJuneJune] Updated so it is mobile friendly and fixed few font sizes.
June Park <parkjune1995@gmail.com>
parents: 92
diff changeset
381 }
3bdfffaad162 [MrJuneJune] Updated so it is mobile friendly and fixed few font sizes.
June Park <parkjune1995@gmail.com>
parents: 92
diff changeset
382
3bdfffaad162 [MrJuneJune] Updated so it is mobile friendly and fixed few font sizes.
June Park <parkjune1995@gmail.com>
parents: 92
diff changeset
383 /* Better code block sizing */
3bdfffaad162 [MrJuneJune] Updated so it is mobile friendly and fixed few font sizes.
June Park <parkjune1995@gmail.com>
parents: 92
diff changeset
384 code {
3bdfffaad162 [MrJuneJune] Updated so it is mobile friendly and fixed few font sizes.
June Park <parkjune1995@gmail.com>
parents: 92
diff changeset
385 font-size: 0.9em;
3bdfffaad162 [MrJuneJune] Updated so it is mobile friendly and fixed few font sizes.
June Park <parkjune1995@gmail.com>
parents: 92
diff changeset
386 }
3bdfffaad162 [MrJuneJune] Updated so it is mobile friendly and fixed few font sizes.
June Park <parkjune1995@gmail.com>
parents: 92
diff changeset
387
3bdfffaad162 [MrJuneJune] Updated so it is mobile friendly and fixed few font sizes.
June Park <parkjune1995@gmail.com>
parents: 92
diff changeset
388 pre {
92
655ea0b661fd [Seobeo] Added few endpoints for handling files. [Dowa] Added few functions for random number and generating uuids
June Park <parkjune1995@gmail.com>
parents: 91
diff changeset
389 padding: 1em;
97
3bdfffaad162 [MrJuneJune] Updated so it is mobile friendly and fixed few font sizes.
June Park <parkjune1995@gmail.com>
parents: 92
diff changeset
390 overflow-x: auto;
92
655ea0b661fd [Seobeo] Added few endpoints for handling files. [Dowa] Added few functions for random number and generating uuids
June Park <parkjune1995@gmail.com>
parents: 91
diff changeset
391 }
655ea0b661fd [Seobeo] Added few endpoints for handling files. [Dowa] Added few functions for random number and generating uuids
June Park <parkjune1995@gmail.com>
parents: 91
diff changeset
392 }
655ea0b661fd [Seobeo] Added few endpoints for handling files. [Dowa] Added few functions for random number and generating uuids
June Park <parkjune1995@gmail.com>
parents: 91
diff changeset
393
655ea0b661fd [Seobeo] Added few endpoints for handling files. [Dowa] Added few functions for random number and generating uuids
June Park <parkjune1995@gmail.com>
parents: 91
diff changeset
394
209
3b47e82ac57e [MrJuneJune] PWA updates.
MrJuneJune <me@mrjunejune.com>
parents: 158
diff changeset
395 /* pwa icon */
3b47e82ac57e [MrJuneJune] PWA updates.
MrJuneJune <me@mrjunejune.com>
parents: 158
diff changeset
396 #pwa-install-btn {
3b47e82ac57e [MrJuneJune] PWA updates.
MrJuneJune <me@mrjunejune.com>
parents: 158
diff changeset
397 position: fixed;
3b47e82ac57e [MrJuneJune] PWA updates.
MrJuneJune <me@mrjunejune.com>
parents: 158
diff changeset
398 bottom: 20px;
3b47e82ac57e [MrJuneJune] PWA updates.
MrJuneJune <me@mrjunejune.com>
parents: 158
diff changeset
399 right: 20px;
3b47e82ac57e [MrJuneJune] PWA updates.
MrJuneJune <me@mrjunejune.com>
parents: 158
diff changeset
400 padding: 12px 24px 12px 36px;
3b47e82ac57e [MrJuneJune] PWA updates.
MrJuneJune <me@mrjunejune.com>
parents: 158
diff changeset
401 background: #000000;
3b47e82ac57e [MrJuneJune] PWA updates.
MrJuneJune <me@mrjunejune.com>
parents: 158
diff changeset
402 color: #eeffee;
3b47e82ac57e [MrJuneJune] PWA updates.
MrJuneJune <me@mrjunejune.com>
parents: 158
diff changeset
403 border: none;
3b47e82ac57e [MrJuneJune] PWA updates.
MrJuneJune <me@mrjunejune.com>
parents: 158
diff changeset
404 border-radius: 8px;
3b47e82ac57e [MrJuneJune] PWA updates.
MrJuneJune <me@mrjunejune.com>
parents: 158
diff changeset
405 cursor: pointer;
3b47e82ac57e [MrJuneJune] PWA updates.
MrJuneJune <me@mrjunejune.com>
parents: 158
diff changeset
406 font-size: 14px;
3b47e82ac57e [MrJuneJune] PWA updates.
MrJuneJune <me@mrjunejune.com>
parents: 158
diff changeset
407 font-weight: bold;
3b47e82ac57e [MrJuneJune] PWA updates.
MrJuneJune <me@mrjunejune.com>
parents: 158
diff changeset
408 box-shadow: 0 4px 12px rgba(0,0,0,0.2);
3b47e82ac57e [MrJuneJune] PWA updates.
MrJuneJune <me@mrjunejune.com>
parents: 158
diff changeset
409 z-index: 1000;
3b47e82ac57e [MrJuneJune] PWA updates.
MrJuneJune <me@mrjunejune.com>
parents: 158
diff changeset
410 font-family: inherit;
3b47e82ac57e [MrJuneJune] PWA updates.
MrJuneJune <me@mrjunejune.com>
parents: 158
diff changeset
411 }
3b47e82ac57e [MrJuneJune] PWA updates.
MrJuneJune <me@mrjunejune.com>
parents: 158
diff changeset
412
3b47e82ac57e [MrJuneJune] PWA updates.
MrJuneJune <me@mrjunejune.com>
parents: 158
diff changeset
413 #pwa-install-btn.with-icon::before {
3b47e82ac57e [MrJuneJune] PWA updates.
MrJuneJune <me@mrjunejune.com>
parents: 158
diff changeset
414 content: "";
3b47e82ac57e [MrJuneJune] PWA updates.
MrJuneJune <me@mrjunejune.com>
parents: 158
diff changeset
415 position: absolute;
3b47e82ac57e [MrJuneJune] PWA updates.
MrJuneJune <me@mrjunejune.com>
parents: 158
diff changeset
416 left: 14px;
3b47e82ac57e [MrJuneJune] PWA updates.
MrJuneJune <me@mrjunejune.com>
parents: 158
diff changeset
417 top: 50%;
3b47e82ac57e [MrJuneJune] PWA updates.
MrJuneJune <me@mrjunejune.com>
parents: 158
diff changeset
418 transform: translateY(-50%);
3b47e82ac57e [MrJuneJune] PWA updates.
MrJuneJune <me@mrjunejune.com>
parents: 158
diff changeset
419 width: 18px;
3b47e82ac57e [MrJuneJune] PWA updates.
MrJuneJune <me@mrjunejune.com>
parents: 158
diff changeset
420 height: 18px;
3b47e82ac57e [MrJuneJune] PWA updates.
MrJuneJune <me@mrjunejune.com>
parents: 158
diff changeset
421
3b47e82ac57e [MrJuneJune] PWA updates.
MrJuneJune <me@mrjunejune.com>
parents: 158
diff changeset
422 /* Masked icon */
3b47e82ac57e [MrJuneJune] PWA updates.
MrJuneJune <me@mrjunejune.com>
parents: 158
diff changeset
423 -webkit-mask: url('/public/paw.svg') no-repeat center;
3b47e82ac57e [MrJuneJune] PWA updates.
MrJuneJune <me@mrjunejune.com>
parents: 158
diff changeset
424 mask: url('/public/paw.svg') no-repeat center;
3b47e82ac57e [MrJuneJune] PWA updates.
MrJuneJune <me@mrjunejune.com>
parents: 158
diff changeset
425 mask-size: contain;
3b47e82ac57e [MrJuneJune] PWA updates.
MrJuneJune <me@mrjunejune.com>
parents: 158
diff changeset
426 mask-repeat: no-repeat;
3b47e82ac57e [MrJuneJune] PWA updates.
MrJuneJune <me@mrjunejune.com>
parents: 158
diff changeset
427
3b47e82ac57e [MrJuneJune] PWA updates.
MrJuneJune <me@mrjunejune.com>
parents: 158
diff changeset
428 /* Icon color = button text color */
3b47e82ac57e [MrJuneJune] PWA updates.
MrJuneJune <me@mrjunejune.com>
parents: 158
diff changeset
429 background-color: currentColor;
3b47e82ac57e [MrJuneJune] PWA updates.
MrJuneJune <me@mrjunejune.com>
parents: 158
diff changeset
430 }