Mercurial > web-octave
annotate css/app.css @ 223:122936d3389a
css/app.css: improve footer readablility.
author | Kai T. Ohlhus <k.ohlhus@gmail.com> |
---|---|
date | Tue, 15 Sep 2020 16:09:22 +0900 |
parents | 370d7d0cdf7d |
children | e69093ab4992 |
rev | line source |
---|---|
203
3a99431030c1
Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
112
diff
changeset
|
1 /* Custom classes */ |
2
461359b1dd5c
style up the homepage
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
0
diff
changeset
|
2 |
223
122936d3389a
css/app.css: improve footer readablility.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
213
diff
changeset
|
3 footer { |
122936d3389a
css/app.css: improve footer readablility.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
213
diff
changeset
|
4 margin-top: 2em; |
122936d3389a
css/app.css: improve footer readablility.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
213
diff
changeset
|
5 margin-bottom: 2em; |
122936d3389a
css/app.css: improve footer readablility.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
213
diff
changeset
|
6 } |
122936d3389a
css/app.css: improve footer readablility.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
213
diff
changeset
|
7 |
203
3a99431030c1
Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
112
diff
changeset
|
8 .octave-logo a, |
3a99431030c1
Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
112
diff
changeset
|
9 .octave-logo a:hover { |
3a99431030c1
Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
112
diff
changeset
|
10 color: #FFF; |
3a99431030c1
Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
112
diff
changeset
|
11 font-weight: bold; |
3a99431030c1
Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
112
diff
changeset
|
12 } |
3a99431030c1
Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
112
diff
changeset
|
13 |
3a99431030c1
Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
112
diff
changeset
|
14 .landing-page-logo { |
3a99431030c1
Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
112
diff
changeset
|
15 color: #0790c0; |
3a99431030c1
Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
112
diff
changeset
|
16 font-weight: 700; |
3a99431030c1
Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
112
diff
changeset
|
17 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
|
18 font-size: 2.33rem; |
2
461359b1dd5c
style up the homepage
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
0
diff
changeset
|
19 } |
461359b1dd5c
style up the homepage
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
0
diff
changeset
|
20 |
206
68d54c6d397a
More top menu bar style tweaks.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
203
diff
changeset
|
21 .dark-background { |
68d54c6d397a
More top menu bar style tweaks.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
203
diff
changeset
|
22 background: #333; |
68d54c6d397a
More top menu bar style tweaks.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
203
diff
changeset
|
23 } |
68d54c6d397a
More top menu bar style tweaks.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
203
diff
changeset
|
24 |
203
3a99431030c1
Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
112
diff
changeset
|
25 /* Foundation 6 modifications */ |
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 .title-bar, |
3a99431030c1
Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
112
diff
changeset
|
28 .top-bar, |
3a99431030c1
Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
112
diff
changeset
|
29 .top-bar ul { |
3a99431030c1
Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
112
diff
changeset
|
30 background: #333; |
2
461359b1dd5c
style up the homepage
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
0
diff
changeset
|
31 } |
461359b1dd5c
style up the homepage
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
0
diff
changeset
|
32 |
206
68d54c6d397a
More top menu bar style tweaks.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
203
diff
changeset
|
33 .top-bar { |
68d54c6d397a
More top menu bar style tweaks.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
203
diff
changeset
|
34 max-width: 1200px; |
68d54c6d397a
More top menu bar style tweaks.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
203
diff
changeset
|
35 margin: auto; |
68d54c6d397a
More top menu bar style tweaks.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
203
diff
changeset
|
36 } |
68d54c6d397a
More top menu bar style tweaks.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
203
diff
changeset
|
37 |
203
3a99431030c1
Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
112
diff
changeset
|
38 .top-bar ul li a { |
3a99431030c1
Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
112
diff
changeset
|
39 color: #FFF; |
2
461359b1dd5c
style up the homepage
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
0
diff
changeset
|
40 } |
461359b1dd5c
style up the homepage
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
0
diff
changeset
|
41 |
203
3a99431030c1
Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
112
diff
changeset
|
42 .top-bar ul li a:hover { |
3a99431030c1
Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
112
diff
changeset
|
43 background-color: #585858; |
2
461359b1dd5c
style up the homepage
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
0
diff
changeset
|
44 } |
461359b1dd5c
style up the homepage
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
0
diff
changeset
|
45 |
206
68d54c6d397a
More top menu bar style tweaks.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
203
diff
changeset
|
46 @media screen and (max-width: 1023px) { |
68d54c6d397a
More top menu bar style tweaks.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
203
diff
changeset
|
47 .top-bar .top-bar-left { display: none; } |
68d54c6d397a
More top menu bar style tweaks.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
203
diff
changeset
|
48 .top-bar .top-bar-right { margin-left: 0px; } |
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 |
203
3a99431030c1
Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
112
diff
changeset
|
51 .reveal img { |
3a99431030c1
Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
112
diff
changeset
|
52 width: 100%; |
2
461359b1dd5c
style up the homepage
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
0
diff
changeset
|
53 } |
461359b1dd5c
style up the homepage
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
0
diff
changeset
|
54 |
206
68d54c6d397a
More top menu bar style tweaks.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
203
diff
changeset
|
55 a.button.warning { /* RSS Feed */ |
68d54c6d397a
More top menu bar style tweaks.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
203
diff
changeset
|
56 font-weight: bold; |
68d54c6d397a
More top menu bar style tweaks.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
203
diff
changeset
|
57 color: #FFF; |
68d54c6d397a
More top menu bar style tweaks.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
203
diff
changeset
|
58 } |
68d54c6d397a
More top menu bar style tweaks.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
203
diff
changeset
|
59 |
203
3a99431030c1
Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
112
diff
changeset
|
60 /* Foundation 6 responsive buttons */ |
5
e210b708b330
fill in site content
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
2
diff
changeset
|
61 |
203
3a99431030c1
Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
112
diff
changeset
|
62 @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
|
63 .button.small-only-expanded { |
3a99431030c1
Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
112
diff
changeset
|
64 display: block; |
3a99431030c1
Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
112
diff
changeset
|
65 width: 100%; |
3a99431030c1
Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
112
diff
changeset
|
66 margin-right: 0; |
3a99431030c1
Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
112
diff
changeset
|
67 margin-left: 0; } } |
3a99431030c1
Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
112
diff
changeset
|
68 @media screen and (min-width: 40em) and (max-width: 63.9375em) { |
3a99431030c1
Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
112
diff
changeset
|
69 .button.medium-only-expanded { |
3a99431030c1
Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
112
diff
changeset
|
70 display: block; |
3a99431030c1
Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
112
diff
changeset
|
71 width: 100%; |
3a99431030c1
Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
112
diff
changeset
|
72 margin-right: 0; |
3a99431030c1
Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
112
diff
changeset
|
73 margin-left: 0; } } |
3a99431030c1
Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
112
diff
changeset
|
74 @media screen and (max-width: 63.9375em) { |
3a99431030c1
Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
112
diff
changeset
|
75 .button.medium-down-expanded { |
3a99431030c1
Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
112
diff
changeset
|
76 display: block; |
3a99431030c1
Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
112
diff
changeset
|
77 width: 100%; |
3a99431030c1
Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
112
diff
changeset
|
78 margin-right: 0; |
3a99431030c1
Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
112
diff
changeset
|
79 margin-left: 0; } } |
3a99431030c1
Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
112
diff
changeset
|
80 @media print, screen and (min-width: 40em) { |
3a99431030c1
Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
112
diff
changeset
|
81 .button.medium-expanded { |
3a99431030c1
Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
112
diff
changeset
|
82 display: block; |
3a99431030c1
Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
112
diff
changeset
|
83 width: 100%; |
3a99431030c1
Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
112
diff
changeset
|
84 margin-right: 0; |
3a99431030c1
Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
112
diff
changeset
|
85 margin-left: 0; } } |
3a99431030c1
Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
112
diff
changeset
|
86 @media screen and (min-width: 64em) and (max-width: 74.9375em) { |
3a99431030c1
Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
112
diff
changeset
|
87 .button.large-only-expanded { |
3a99431030c1
Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
112
diff
changeset
|
88 display: block; |
3a99431030c1
Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
112
diff
changeset
|
89 width: 100%; |
3a99431030c1
Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
112
diff
changeset
|
90 margin-right: 0; |
3a99431030c1
Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
112
diff
changeset
|
91 margin-left: 0; } } |
3a99431030c1
Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
112
diff
changeset
|
92 @media screen and (max-width: 74.9375em) { |
3a99431030c1
Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
112
diff
changeset
|
93 .button.large-down-expanded { |
3a99431030c1
Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
112
diff
changeset
|
94 display: block; |
3a99431030c1
Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
112
diff
changeset
|
95 width: 100%; |
3a99431030c1
Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
112
diff
changeset
|
96 margin-right: 0; |
3a99431030c1
Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
112
diff
changeset
|
97 margin-left: 0; } } |
3a99431030c1
Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
112
diff
changeset
|
98 @media print, screen and (min-width: 64em) { |
3a99431030c1
Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
112
diff
changeset
|
99 .button.large-expanded { |
3a99431030c1
Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
112
diff
changeset
|
100 display: block; |
3a99431030c1
Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
112
diff
changeset
|
101 width: 100%; |
3a99431030c1
Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
112
diff
changeset
|
102 margin-right: 0; |
3a99431030c1
Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
112
diff
changeset
|
103 margin-left: 0; } } |
22
3c8941fa46da
change small heading styles
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
15
diff
changeset
|
104 |
108
2f1de3071ee9
Add a new set of images for the first page.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
22
diff
changeset
|
105 |
203
3a99431030c1
Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
112
diff
changeset
|
106 /* Syntax highlighter styles */ |
5
e210b708b330
fill in site content
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
2
diff
changeset
|
107 |
e210b708b330
fill in site content
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
2
diff
changeset
|
108 .highlight code { |
e210b708b330
fill in site content
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
2
diff
changeset
|
109 border: inherit; |
e210b708b330
fill in site content
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
2
diff
changeset
|
110 background-color: inherit; |
e210b708b330
fill in site content
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
2
diff
changeset
|
111 line-height: 1; |
e210b708b330
fill in site content
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
2
diff
changeset
|
112 padding: 0; |
e210b708b330
fill in site content
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
2
diff
changeset
|
113 } |
e210b708b330
fill in site content
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
2
diff
changeset
|
114 |
e210b708b330
fill in site content
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
2
diff
changeset
|
115 .highlight { |
e210b708b330
fill in site content
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
2
diff
changeset
|
116 margin: 0 0 1.5rem 0; |
e210b708b330
fill in site content
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
2
diff
changeset
|
117 border: 1px solid #ccc; |
e210b708b330
fill in site content
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
2
diff
changeset
|
118 padding: 0.5em; |
e210b708b330
fill in site content
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
2
diff
changeset
|
119 border-radius: 3px; |
e210b708b330
fill in site content
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
2
diff
changeset
|
120 font-size: 90%; |
e210b708b330
fill in site content
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
2
diff
changeset
|
121 width: 100%; |
e210b708b330
fill in site content
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
2
diff
changeset
|
122 } |
e210b708b330
fill in site content
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
2
diff
changeset
|
123 |
e210b708b330
fill in site content
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
2
diff
changeset
|
124 .highlight table { |
e210b708b330
fill in site content
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
2
diff
changeset
|
125 border: none; |
108
2f1de3071ee9
Add a new set of images for the first page.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
22
diff
changeset
|
126 } |