Skip to content

Commit ea863a2

Browse files
bbauskabbauska
authored
Create styles.css
1 parent a193ba7 commit ea863a2

1 file changed

Lines changed: 211 additions & 0 deletions

File tree

‎css/styles.css‎

Lines changed: 211 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,211 @@
1+
/* css/styles.css for dom.bauska.org */
2+
table {
3+
border-collapse: collapse;
4+
width: 100%;
5+
}
6+
th, td {
7+
padding: 3px;
8+
text-align: left;
9+
border-bottom: 1px solid #ddd;
10+
}
11+
12+
img.displayed {
13+
display: block;
14+
margin: 0 auto;
15+
}
16+
.border {
17+
border-width: 1px;
18+
border-color: #778899; /* dark grayish blue */
19+
border-style: solid;
20+
}
21+
.img-container {
22+
display: block;
23+
text-align: center;
24+
}
25+
.lighter {
26+
font-weight: 100;
27+
}
28+
29+
blockquote {
30+
font-size: 13px; /* 35px; */
31+
line-height:32px; /* 52px; */
32+
margin: 14px 0; /* 28px */
33+
overflow: hidden;
34+
padding: 0 0 0 13px; /* 0 0 0 26px; */
35+
font-weight: 500; /* 100 */
36+
color: #000000; /* cc6b39; moderate orange */
37+
position: relative;
38+
}
39+
blockquote:before {
40+
content: "";
41+
border-left: 2px solid #39348f; /* dark moderate blue */
42+
position: absolute;
43+
bottom: 7px; /* 14px; */
44+
top: 7px; /* 13px; */
45+
left: 15px; /* 0 */
46+
}
47+
48+
font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono",
49+
"Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
50+
51+
p {
52+
font-size: 13px;
53+
font-family: Bahnschrift, Inter, Helvetic, sans-serif;
54+
text-align: left;
55+
margin-left: 5px; }
56+
p.em1 {
57+
margin-left: 1em; }
58+
p.em2 {
59+
margin-left: 2em; }
60+
p.em3 {
61+
margin-left: 3em; }
62+
p.em4 {
63+
margin-left: 4em; }
64+
65+
background: linear-gradient(34deg, #5cc0fb 0%, transparent 48.18%, #83d8ff 56.429%, rgba(134,252,212,0.36) 100%);
66+
67+
a {
68+
text-decoration: none;
69+
}
70+
a[href]:hover {
71+
color: #000000; /* black */
72+
background-color: #ffff00; /* pure (or mostly pure) yellow */
73+
text-decoration: underline;
74+
}
75+
a.three:link {color:#ffff00;}
76+
a.three:visited {color:#000;}
77+
a.three:hover {background:#ee7;}
78+
79+
h1 {
80+
font-size: 21px;
81+
font-family: Inter, Georgia, BahnSchrift, sans-serif, Consolas;
82+
}
83+
h2 {
84+
font-size: 18px;
85+
font-family: Inter, Georgia, BahnSchrift, sans-serif, Consolas;
86+
}
87+
h3 {
88+
font-size: 17px;
89+
font-family: Inter, Georgia, BahnSchrift, sans-serif, Consolas;
90+
}
91+
h4 {
92+
font-size: 15px;
93+
font-family: Inter, Georgia, BahnSchrift, sans-serif, Consolas;
94+
}
95+
h5 {
96+
font-size: 12px;
97+
font-family: Bahnschrift, Inter, Helvetic, sans-serif;
98+
}
99+
h6 {
100+
font-size: 10px;
101+
font-family: Consolas, Inter, Bahnschrift, Inter, Helvetic, sans-serif;
102+
}
103+
104+
body {
105+
font-family: Bahnschrift, Inter, Helvetic, sans-serif;
106+
font-size: 13px; /* 1.2rem; */
107+
background-color: #f5f5f5; /* very light gray, was #eeeeee */
108+
color: #000000; /* black */
109+
text-align: left;
110+
padding: 10px;
111+
}
112+
113+
#myBtn {
114+
display: none;
115+
position: fixed;
116+
bottom: 20px;
117+
right: 30px;
118+
z-index: 99;
119+
font-size: 13px; /* 10 */
120+
border: none;
121+
outline: none;
122+
background-color: #8b0000; /* dark red */
123+
color: #ffcccc; /* very pale red (pink tone) */
124+
cursor: pointer;
125+
padding: 5px; /* 15px */
126+
border-radius: 1px; /* 4px */
127+
}
128+
#myBtn:hover {
129+
background-color: #ffc0cb; /* very pale red */
130+
}
131+
132+
details {
133+
font: 11px Inter, sans-serif, Bahnschrift, Calibri;
134+
width: min-content; /* 75%; */
135+
}
136+
details > summary {
137+
padding: 2px 6px;
138+
width: max-content; /* 12em */
139+
background-color: #eee; /* very light gray */
140+
border: none;
141+
box-shadow: 3px 3px 4px #00008b; /* dark blue */
142+
cursor: pointer;
143+
}
144+
details > p {
145+
border-radius: 0 0 10px 10px;
146+
background-color: #fff; /* white */
147+
padding: 2px 6px;
148+
margin: 0.2;
149+
box-shadow: 3px 3px 4px #0008b; /* dark blue */
150+
cursor: pointer;
151+
}
152+
details[open] > summary {
153+
background-color: #ffff00; /* pure (or mostly pure) yellow */
154+
}
155+
156+
pre, code {
157+
font-family: monospace, monospace;
158+
font-size: 11px;
159+
margin-left: 10px;
160+
}
161+
pre {
162+
overflow: auto;
163+
}
164+
pre > code {
165+
display: block;
166+
margin-left: 10px;
167+
padding: .2rem;
168+
word-wrap: normal;
169+
}
170+
pre[href]:hover {
171+
text-decoration: none;
172+
}
173+
pre:hover, pre:focust { width: min-content; }
174+
175+
/* line numbers */
176+
.editor {
177+
display: inline-flex;
178+
gap: 10px;
179+
font-family: monospace;
180+
line-height: 21px;
181+
background: #282a3a;
182+
border-radius: 2px;
183+
padding: 20px 10px;
184+
height: 200px;
185+
overflow-y: auto;
186+
}
187+
.line-numbers {
188+
width: 20px;
189+
text-align: right;
190+
height: 9999px;
191+
}
192+
.line-numbers span {
193+
counter-increment: linenumber;
194+
}
195+
.line-numbers span::before {
196+
content: counter(linenumber);
197+
display: block;
198+
color: #506882; /* mostly desaturated dark blue */
199+
}
200+
textarea {
201+
height: 9999px;
202+
line-height: 21px;
203+
overflow-y: hidden;
204+
padding: 0;
205+
border: 0;
206+
background: #282a3a; /* very dark grayish blue */
207+
color: #fff; /* white */
208+
min-width: 500px;
209+
outline: none;
210+
resize: none;
211+
}

0 commit comments

Comments
 (0)