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