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