about summary refs log tree commit diff stats
path: root/example/style.css
diff options
context:
space:
mode:
Diffstat (limited to 'example/style.css')
-rw-r--r--example/style.css91
1 files changed, 91 insertions, 0 deletions
diff --git a/example/style.css b/example/style.css new file mode 100644 index 0000000..9e48064 --- /dev/null +++ b/example/style.css
@@ -0,0 +1,91 @@
1/* schwa example style */
2
3* { box-sizing: border-box; }
4
5body {
6 width: fit-content;
7 margin: auto;
8 padding: 1em;
9 background: gray;
10}
11
12main {
13 min-width: 40em;
14 background: white;
15 padding: 1em;
16 margin: 0;
17 border: 2px outset black;
18 border-top: none;
19}
20
21.ll {
22 display: inline-block;
23 width: 3em;
24 text-align: right;
25 padding-right: 0.5em;
26 margin-right: 0.5em;
27}
28
29header {
30 width: 100%;
31 color: white;
32 background: teal;
33 padding: 1em;
34 margin: 0;
35 border: 2px outset black;
36 border-bottom: none;
37 display: flex;
38 align-items: baseline;
39 justify-content: space-between;
40}
41
42header h1 {
43 margin: 4px;
44}
45
46footer, footer p {
47 margin: 0; padding: 4px;
48 text-align: right;
49 color: white;
50}
51
52footer a:link {
53 color: cyan;
54}
55
56footer a:visited {
57 color: magenta;
58}
59
60header a:link {
61 text-decoration: none;
62 background: lightgray;
63 color: black;
64 padding: 4px;
65 border: 2px outset gray;
66}
67header a:visited {
68 color: black;
69}
70header a:hover {
71 border: 2px inset gray;
72}
73header a:active {}
74
75nav ul {
76 padding: 0; margin: 0;
77}
78
79nav li {
80 display: inline-block;
81}
82
83.clone, .desc {
84 font-style: italic;
85 text-align: right;
86 margin: 0;
87}
88
89#readme {
90 max-width: 45em;
91}