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;