Mercurial > web-octave
comparison css/app.css @ 288:2e13395adcc0
Major design change, footer, texts.
author | Kai T. Ohlhus <k.ohlhus@gmail.com> |
---|---|
date | Sun, 29 May 2022 01:25:16 +0900 |
parents | 598d7f098082 |
children | 8da97b471f16 |
comparison
equal
deleted
inserted
replaced
287:7b528322279e | 288:2e13395adcc0 |
---|---|
1 /* Custom classes*/ | 1 /* Custom classes*/ |
2 | 2 |
3 body { background-color: #333; } | |
4 div.white { | |
5 background-color: #FFF; | |
6 display: -webkit-box; | |
7 display: -ms-flexbox; | |
8 display: flex; | |
9 -ms-flex-wrap: wrap; | |
10 flex-wrap: wrap; | |
11 } | |
12 | |
3 h3, h4 { margin-top: 1em; } | 13 h3, h4 { margin-top: 1em; } |
4 footer { margin-top: 2em; } | 14 footer { |
15 color: #FFF; | |
16 background-color: #333; | |
17 } | |
5 | 18 |
6 .octave-logo { min-width: 160px; } | 19 .octave-logo { min-width: 160px; } |
7 .octave-logo a, | 20 .octave-logo a, |
8 .octave-logo a:hover { | 21 .octave-logo a:hover { |
9 font-size: 120%; | 22 font-size: 120%; |
32 padding-right: 1.5em; | 45 padding-right: 1.5em; |
33 max-width: 75rem; | 46 max-width: 75rem; |
34 margin: auto; | 47 margin: auto; |
35 } | 48 } |
36 | 49 |
37 .top-bar ul li a { color: #FFF; } | 50 .top-bar ul li a, |
38 .top-bar ul li a:hover { background-color: #585858; } | 51 footer ul li a { color: #FFF; } |
52 .top-bar ul li a:hover, | |
53 footer ul li a:hover { | |
54 color: #FFF; | |
55 background-color: #585858; | |
56 } | |
39 | 57 |
40 .reveal img { width: 100%; } | 58 .reveal img { width: 100%; } |
41 | 59 |
42 a.button.warning { /* RSS Feed */ | 60 a.button.warning { /* RSS Feed */ |
43 font-weight: bold; | 61 font-weight: bold; |