]>
jfr.im git - irc/freenode/web-7.0.git/blob - static/css/style.css
dd2ca74c5dde822985d394e9172e57aa5a826ef1
5 --jumbotron-bg: #3a4346;
6 --copyright-bg: #292f2f;
10 --footer-link-color: #ecf7fa;
14 --text-color: #292f2f;
15 --footer-text-color: #ecf7fa;
16 --copyright-text-color: #ecf7fa;
17 --jumbotron-text-color: #ecf7fa;
20 --art-date-color: #bdbcbc;
21 --footer-hover-color: #ffffff;
24 --border-color: #292f2f;
26 --box-hover-color: #292f2f;
31 --max-width-box: 800px;
34 @custom-media --max-sm all and
(max-width: 600px);
35 @custom-media --max-md all and
(max-width: 800px);
36 @custom-media --max-rem all and
(max-width: 60rem);
38 /* reset css for browser compat */
42 box-sizing: border-box
;
47 font-family: 'Open Sans';
48 font-feature-settings: "lnum";
49 font-variant-numeric: lining-nums
;
50 color: var
(--text-color
);
57 color: var
(--link-color
);
58 text-decoration: none
;
65 background-color: var
(--navbar-bg
);
66 box-shadow: 0 3px 4px rgba
(0, 0, 0, 0.5);
73 justify-content: space-between
;
75 border-bottom: 1px solid var
(--border-color
);
83 color: var
(--fn-grey
);
84 text-shadow: .5px .5px #000;
87 color: var
(--fn-green
);
107 justify-content: space-around
;
112 text-decoration: none
;
113 color: var
(--nlink-col
);
121 padding-bottom: 11.5rem;
128 max-width: var
(--max-width
);
151 list-style-type: disc
;
164 background: var
(--jumbotron-bg
);
165 box-shadow: 0 1px 5px rgba
(0, 0, 0, 0.6);
166 color: var
(--jumbotron-text-color
);
181 justify-content: space-around
;
182 align-items: stretch
;
183 max-width: var
(--max-width-box
);
189 text-decoration: none
;
190 color: var
(--jumbotron-text-color
);
194 background-color: var
(--box-color
);
195 border-radius: var
(--box-round
);
199 .box:hover,.box:active {
200 background-color: var
(--box-hover-color
);
214 margin-top: var
(--margin-box-fa
);
217 .fa-comment,.fa-question {
218 margin-bottom: var
(--margin-box-fa
);
245 flex-direction: column
;
261 border-radius: calc
(var
(--box-round
) / 2);
276 justify-content: space-between
;
277 align-items: baseline
;
290 max-width: var
(--max-width
);
295 .artlist .art-info:not(:first-child) {
296 border-top: 1px solid var
(--border-color
);
300 display: inline-block
;
301 text-align: baseline
;
304 color: var
(--art-date-color
);
305 font-feature-settings: "tnum";
306 font-variant-numeric: tabular-nums
;
312 justify-content: space-between
;
329 list-style-type: none
;
339 /*min-height: 30vh;*/
345 background: var
(--jumbotron-bg
);
346 color: var
(--footer-text-color
);
349 box-shadow: 0 -3px 5px rgba
(150,150,150,.36);
356 justify-content: space-between
;
357 align-items: flex-start
;
366 .footerchild:last-child {
378 color: var
(--footer-link-color
);
382 color: var
(--footer-hover-color
);
387 display: inline-block
;
390 .footerchild ul, .footerchild ul ul {
394 list-style-type: none
;
403 flex-direction: column
;
414 .footerchild ul li:last-child {
423 .footer h2, .footer h3 {
431 justify-content: space-between
;
432 background: var
(--copyright-bg
);
434 color: var
(--copyright-text-color
);
440 footer
.copyright div
{
458 .copyright .footer-link {