aboutsummaryrefslogtreecommitdiff
path: root/_layouts/base.html
diff options
context:
space:
mode:
Diffstat (limited to '_layouts/base.html')
-rw-r--r--_layouts/base.html22
1 files changed, 9 insertions, 13 deletions
diff --git a/_layouts/base.html b/_layouts/base.html
index 9e4d6b7..6812893 100644
--- a/_layouts/base.html
+++ b/_layouts/base.html
@@ -17,8 +17,10 @@
17 17
18 <style> 18 <style>
19 :root { 19 :root {
20 --body-max-width: 1100px;
20 --border-color: gainsboro; 21 --border-color: gainsboro;
21 --border-size: 2px; 22 --border-size: 1px;
23 --border-style: solid;
22 --link-color: blue; 24 --link-color: blue;
23 --bg-color: #eee; 25 --bg-color: #eee;
24 } 26 }
@@ -40,7 +42,7 @@
40 42
41 body { 43 body {
42 padding: 2.5rem; 44 padding: 2.5rem;
43 max-width: 1900px; 45 max-width: var(--body-max-width);
44 background: white; 46 background: white;
45 font-family: sans-serif; 47 font-family: sans-serif;
46 line-height: 1.4rem; 48 line-height: 1.4rem;
@@ -49,8 +51,9 @@
49 51
50 hr { 52 hr {
51 border: 0; 53 border: 0;
52 border-bottom: var(--border-size) solid var(--border-color); 54 border-bottom: var(--border-size) var(--border-style) var(--border-color);
53 margin-block-start: 1.5rem; 55 margin-block-start: 1.5rem;
56 margin-block-end: 1.5rem;
54 } 57 }
55 58
56 a { 59 a {
@@ -80,13 +83,13 @@
80 83
81 table { 84 table {
82 max-width: 100%; 85 max-width: 100%;
83 border: var(--border-size) solid var(--border-color); 86 border: var(--border-size) var(--border-style) var(--border-color);
84 border-collapse: separate; 87 border-collapse: separate;
85 border-spacing: 0; 88 border-spacing: 0;
86 } 89 }
87 90
88 table thead tr th { 91 table thead tr th {
89 border-bottom: var(--border-size) solid var(--border-color); 92 border-bottom: var(--border-size) var(--border-style) var(--border-color);
90 text-align: left; 93 text-align: left;
91 } 94 }
92 95
@@ -106,7 +109,7 @@
106 text-wrap: nowrap; 109 text-wrap: nowrap;
107 overflow-x: auto; 110 overflow-x: auto;
108 padding: 1em; 111 padding: 1em;
109 border: var(--border-size) solid var(--border-color); 112 border: var(--border-size) var(--border-style) var(--border-color);
110 } 113 }
111 114
112 code { 115 code {
@@ -138,8 +141,6 @@
138 img, video, audio { 141 img, video, audio {
139 width: 800px; 142 width: 800px;
140 max-width: 100%; 143 max-width: 100%;
141 border: var(--border-size) solid var(--border-color);
142 padding: 0.5em;
143 } 144 }
144 145
145 header nav { 146 header nav {
@@ -211,11 +212,6 @@
211 a { 212 a {
212 word-wrap: break-word; 213 word-wrap: break-word;
213 } 214 }
214
215 img, video, audio {
216 border: 0;
217 padding: 0em;
218 }
219 } 215 }
220 </style> 216 </style>
221 </head> 217 </head>