]>
jfr.im git - irc/freenode/web-7.0.git/blob - static/css/style.css
4 --jumbotron-bg: #3a4346;
5 --copyright-bg: #292f2f;
7 --footer-link-color: #ecf7fa;
10 --footer-text-color: #ecf7fa;
11 --copyright-text-color: #ecf7fa;
12 --jumbotron-text-color: #ecf7fa;
13 --border-color: #292f2f;
15 --box-hover-color: #292f2f;
20 /* reset css for browser compat */
24 box-sizing: border-box
;
29 font-family: 'Open Sans';
30 color: var
(--text-color
);
37 color: var
(--link-color
);
38 text-decoration: none
;
45 background-color: var
(--navbar-bg
);
46 box-shadow: 0 3px 4px rgba
(0, 0, 0, 0.5);
53 justify-content: space-between
;
55 border-bottom: 1px solid var
(--border-color
);
64 text-shadow: .5px .5px #000;
70 @media all and
(max-width: 600px) {
87 justify-content: space-around
;
92 text-decoration: none
;
93 color: var
(--nlink-col
);
101 padding-bottom: 11.5rem;
108 max-width: var
(--max-width
);
131 list-style-type: disc
;
144 background: var
(--jumbotron-bg
);
145 box-shadow: 0 1px 5px rgba
(0, 0, 0, 0.6);
146 color: var
(--jumbotron-text-color
);
161 justify-content: space-around
;
162 align-items: stretch
;
169 text-decoration: none
;
170 color: var
(--jumbotron-text-color
);
174 background-color: var
(--box-color
);
175 border-radius: var
(--box-round
);
178 .box:hover,.box:active {
179 background-color: var
(--box-hover-color
);
196 .fa-comment,.fa-question {
215 max-width: var
(--max-width
);
220 div
.art:not
(:first-child
) {
221 border-top: 1px solid var
(--border-color
);
238 font-feature-settings: tnum
;
249 @media all and
(max-width: 600px) {
264 justify-content: space-around
;
265 align-items: stretch
;
269 color: var
(--text-color
);
273 border-top: 1px solid var
(--border-color
);
274 border-left: 1px solid var
(--border-color
);
275 border-right: 1px solid var
(--border-color
);
278 a
.hchild:hover
,a
.hchild:active
{
279 background-color: var
(--box-hover-color
);
282 .hchild:first-child {
284 -webkit-border-top-left-radius: var
(--box-round
);
285 -webkit-border-top-right-radius: var
(--box-round
);
286 -moz-border-radius-topleft: var
(--box-round
);
287 -moz-border-radius-topright: var
(--box-round
);
288 border-top-left-radius: var
(--box-round
);
289 border-top-right-radius: var
(--box-round
);
294 border-bottom: 1px solid var
(--border-color
);
295 -webkit-border-bottom-right-radius: var
(--box-round
);
296 -webkit-border-bottom-left-radius: var
(--box-round
);
297 -moz-border-radius-bottomright: var
(--box-round
);
298 -moz-border-radius-bottomleft: var
(--box-round
);
299 border-bottom-right-radius: var
(--box-round
);
300 border-bottom-left-radius: var
(--box-round
);
305 /*min-height: 30vh;*/
311 background: var
(--jumbotron-bg
);
312 color: var
(--footer-text-color
);
316 justify-content: space-between
;
317 align-items: flex-start
;
318 box-shadow: 0 -3px 5px rgba
(150,150,150,.36);
328 .footerchild:last-child {
332 @media all and
(max-width: 60rem) {
340 color: var
(--footer-link-color
);
349 display: inline-block
;
352 .footerchild ul,.footerchild ul ul {
355 list-style-type: none
;
362 @media all and
(max-width: 600px) {
364 flex-direction: column
;
375 .footerchild ul li:last-child {
402 flex-direction: column
;
419 border-radius: calc
(var
(--box-round
) / 2);
424 .footer h2,.footer h3 {
432 justify-content: space-between
;
434 background: var
(--copyright-bg
);
436 color: var
(--copyright-text-color
);
440 background: var
(--copyright-bg
);