Mercurial > web-octave
annotate css/app.css @ 289:8da97b471f16
Fix vertical height.
author | Kai T. Ohlhus <k.ohlhus@gmail.com> |
---|---|
date | Sun, 29 May 2022 01:37:16 +0900 |
parents | 2e13395adcc0 |
children | aec0725ecef3 |
rev | line source |
---|---|
241
598d7f098082
Overhaul website, less JavaScript, more FontAwesome.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
227
diff
changeset
|
1 /* Custom classes*/ |
224
e69093ab4992
Improve Release Notes display.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
223
diff
changeset
|
2 |
288
2e13395adcc0
Major design change, footer, texts.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
241
diff
changeset
|
3 body { background-color: #333; } |
2e13395adcc0
Major design change, footer, texts.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
241
diff
changeset
|
4 div.white { |
2e13395adcc0
Major design change, footer, texts.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
241
diff
changeset
|
5 background-color: #FFF; |
2e13395adcc0
Major design change, footer, texts.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
241
diff
changeset
|
6 display: -webkit-box; |
2e13395adcc0
Major design change, footer, texts.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
241
diff
changeset
|
7 display: -ms-flexbox; |
2e13395adcc0
Major design change, footer, texts.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
241
diff
changeset
|
8 display: flex; |
2e13395adcc0
Major design change, footer, texts.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
241
diff
changeset
|
9 -ms-flex-wrap: wrap; |
2e13395adcc0
Major design change, footer, texts.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
241
diff
changeset
|
10 flex-wrap: wrap; |
2e13395adcc0
Major design change, footer, texts.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
241
diff
changeset
|
11 } |
289 | 12 div.vertical-stretch { min-height: 70vh; } |
288
2e13395adcc0
Major design change, footer, texts.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
241
diff
changeset
|
13 |
241
598d7f098082
Overhaul website, less JavaScript, more FontAwesome.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
227
diff
changeset
|
14 h3, h4 { margin-top: 1em; } |
288
2e13395adcc0
Major design change, footer, texts.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
241
diff
changeset
|
15 footer { |
2e13395adcc0
Major design change, footer, texts.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
241
diff
changeset
|
16 color: #FFF; |
2e13395adcc0
Major design change, footer, texts.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
241
diff
changeset
|
17 background-color: #333; |
2e13395adcc0
Major design change, footer, texts.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
241
diff
changeset
|
18 } |
224
e69093ab4992
Improve Release Notes display.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
223
diff
changeset
|
19 |
241
598d7f098082
Overhaul website, less JavaScript, more FontAwesome.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
227
diff
changeset
|
20 .octave-logo { min-width: 160px; } |
203
3a99431030c1
Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
112
diff
changeset
|
21 .octave-logo a, |
3a99431030c1
Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
112
diff
changeset
|
22 .octave-logo a:hover { |
241
598d7f098082
Overhaul website, less JavaScript, more FontAwesome.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
227
diff
changeset
|
23 font-size: 120%; |
203
3a99431030c1
Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
112
diff
changeset
|
24 color: #FFF; |
3a99431030c1
Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
112
diff
changeset
|
25 font-weight: bold; |
3a99431030c1
Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
112
diff
changeset
|
26 } |
3a99431030c1
Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
112
diff
changeset
|
27 |
241
598d7f098082
Overhaul website, less JavaScript, more FontAwesome.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
227
diff
changeset
|
28 h2.landing-page-logo { |
203
3a99431030c1
Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
112
diff
changeset
|
29 color: #0790c0; |
3a99431030c1
Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
112
diff
changeset
|
30 font-weight: 700; |
3a99431030c1
Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
112
diff
changeset
|
31 margin: 0 0 1rem 0; |
3a99431030c1
Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
112
diff
changeset
|
32 font-size: 2.33rem; |
2
461359b1dd5c
style up the homepage
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
0
diff
changeset
|
33 } |
461359b1dd5c
style up the homepage
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
0
diff
changeset
|
34 |
241
598d7f098082
Overhaul website, less JavaScript, more FontAwesome.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
227
diff
changeset
|
35 .entry-content > :last-child { margin-bottom: 0 !important; } |
206
68d54c6d397a
More top menu bar style tweaks.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
203
diff
changeset
|
36 |
241
598d7f098082
Overhaul website, less JavaScript, more FontAwesome.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
227
diff
changeset
|
37 .grid-container-mod { padding: 1.5em; } |
203
3a99431030c1
Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
112
diff
changeset
|
38 |
241
598d7f098082
Overhaul website, less JavaScript, more FontAwesome.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
227
diff
changeset
|
39 .dark-background, |
203
3a99431030c1
Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
112
diff
changeset
|
40 .title-bar, |
3a99431030c1
Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
112
diff
changeset
|
41 .top-bar, |
241
598d7f098082
Overhaul website, less JavaScript, more FontAwesome.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
227
diff
changeset
|
42 .top-bar ul { background: #333; } |
2
461359b1dd5c
style up the homepage
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
0
diff
changeset
|
43 |
206
68d54c6d397a
More top menu bar style tweaks.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
203
diff
changeset
|
44 .top-bar { |
241
598d7f098082
Overhaul website, less JavaScript, more FontAwesome.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
227
diff
changeset
|
45 padding-left: 1.5em; |
598d7f098082
Overhaul website, less JavaScript, more FontAwesome.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
227
diff
changeset
|
46 padding-right: 1.5em; |
598d7f098082
Overhaul website, less JavaScript, more FontAwesome.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
227
diff
changeset
|
47 max-width: 75rem; |
206
68d54c6d397a
More top menu bar style tweaks.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
203
diff
changeset
|
48 margin: auto; |
68d54c6d397a
More top menu bar style tweaks.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
203
diff
changeset
|
49 } |
68d54c6d397a
More top menu bar style tweaks.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
203
diff
changeset
|
50 |
288
2e13395adcc0
Major design change, footer, texts.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
241
diff
changeset
|
51 .top-bar ul li a, |
2e13395adcc0
Major design change, footer, texts.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
241
diff
changeset
|
52 footer ul li a { color: #FFF; } |
2e13395adcc0
Major design change, footer, texts.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
241
diff
changeset
|
53 .top-bar ul li a:hover, |
2e13395adcc0
Major design change, footer, texts.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
241
diff
changeset
|
54 footer ul li a:hover { |
2e13395adcc0
Major design change, footer, texts.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
241
diff
changeset
|
55 color: #FFF; |
2e13395adcc0
Major design change, footer, texts.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
241
diff
changeset
|
56 background-color: #585858; |
2e13395adcc0
Major design change, footer, texts.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
241
diff
changeset
|
57 } |
2
461359b1dd5c
style up the homepage
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
0
diff
changeset
|
58 |
241
598d7f098082
Overhaul website, less JavaScript, more FontAwesome.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
227
diff
changeset
|
59 .reveal img { width: 100%; } |
206
68d54c6d397a
More top menu bar style tweaks.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
203
diff
changeset
|
60 |
241
598d7f098082
Overhaul website, less JavaScript, more FontAwesome.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
227
diff
changeset
|
61 a.button.warning { /* RSS Feed */ |
206
68d54c6d397a
More top menu bar style tweaks.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
203
diff
changeset
|
62 font-weight: bold; |
68d54c6d397a
More top menu bar style tweaks.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
203
diff
changeset
|
63 color: #FFF; |
68d54c6d397a
More top menu bar style tweaks.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
203
diff
changeset
|
64 } |
68d54c6d397a
More top menu bar style tweaks.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
203
diff
changeset
|
65 |
203
3a99431030c1
Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
112
diff
changeset
|
66 @media screen and (max-width: 39.9375em) { |
3a99431030c1
Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
112
diff
changeset
|
67 .button.small-only-expanded { |
3a99431030c1
Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
112
diff
changeset
|
68 display: block; |
3a99431030c1
Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
112
diff
changeset
|
69 width: 100%; |
3a99431030c1
Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
112
diff
changeset
|
70 margin-right: 0; |
241
598d7f098082
Overhaul website, less JavaScript, more FontAwesome.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
227
diff
changeset
|
71 margin-left: 0; |
598d7f098082
Overhaul website, less JavaScript, more FontAwesome.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
227
diff
changeset
|
72 } |
598d7f098082
Overhaul website, less JavaScript, more FontAwesome.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
227
diff
changeset
|
73 } |
22
3c8941fa46da
change small heading styles
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
15
diff
changeset
|
74 |
108
2f1de3071ee9
Add a new set of images for the first page.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
22
diff
changeset
|
75 |
203
3a99431030c1
Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
112
diff
changeset
|
76 /* Syntax highlighter styles */ |
5
e210b708b330
fill in site content
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
2
diff
changeset
|
77 |
241
598d7f098082
Overhaul website, less JavaScript, more FontAwesome.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
227
diff
changeset
|
78 .highlight table { border: none; } |
5
e210b708b330
fill in site content
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
2
diff
changeset
|
79 .highlight code { |
241
598d7f098082
Overhaul website, less JavaScript, more FontAwesome.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
227
diff
changeset
|
80 border: inherit; |
598d7f098082
Overhaul website, less JavaScript, more FontAwesome.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
227
diff
changeset
|
81 background-color: inherit; |
598d7f098082
Overhaul website, less JavaScript, more FontAwesome.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
227
diff
changeset
|
82 line-height: 1; |
598d7f098082
Overhaul website, less JavaScript, more FontAwesome.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
227
diff
changeset
|
83 padding: 0; |
5
e210b708b330
fill in site content
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
2
diff
changeset
|
84 } |
e210b708b330
fill in site content
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
2
diff
changeset
|
85 |
227
9057b6832c9a
Improve syntax highlight with fenced markup.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
224
diff
changeset
|
86 div.highlight, |
9057b6832c9a
Improve syntax highlight with fenced markup.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
224
diff
changeset
|
87 figure.highlight { |
241
598d7f098082
Overhaul website, less JavaScript, more FontAwesome.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
227
diff
changeset
|
88 margin: 0 0 1.5rem 0; |
598d7f098082
Overhaul website, less JavaScript, more FontAwesome.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
227
diff
changeset
|
89 border: 1px solid #ccc; |
598d7f098082
Overhaul website, less JavaScript, more FontAwesome.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
227
diff
changeset
|
90 padding: 0.5em; |
598d7f098082
Overhaul website, less JavaScript, more FontAwesome.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
227
diff
changeset
|
91 border-radius: 3px; |
598d7f098082
Overhaul website, less JavaScript, more FontAwesome.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
227
diff
changeset
|
92 font-size: 90%; |
598d7f098082
Overhaul website, less JavaScript, more FontAwesome.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
227
diff
changeset
|
93 width: 100%; |
5
e210b708b330
fill in site content
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
2
diff
changeset
|
94 } |