Mercurial > web-octave

annotate css/app.css @ 227:9057b6832c9a

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Improve syntax highlight with fenced markup.
author Kai T. Ohlhus <k.ohlhus@gmail.com>
date Tue, 29 Sep 2020 13:18:39 +0900
parents e69093ab4992
children 598d7f098082
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
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
224
e69093ab4992 Improve Release Notes display.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 223
diff changeset
3 h3, h4 {
e69093ab4992 Improve Release Notes display.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 223
diff changeset
4 margin-top: 1em;
e69093ab4992 Improve Release Notes display.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 223
diff changeset
5 }
e69093ab4992 Improve Release Notes display.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 223
diff changeset
6
e69093ab4992 Improve Release Notes display.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 223
diff changeset
7 h3.entry-title {
e69093ab4992 Improve Release Notes display.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 223
diff changeset
8 margin-top: 0em;
e69093ab4992 Improve Release Notes display.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 223
diff changeset
9 }
e69093ab4992 Improve Release Notes display.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 223
diff changeset
10
223
122936d3389a css/app.css: improve footer readablility.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 213
diff changeset
11 footer {
122936d3389a css/app.css: improve footer readablility.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 213
diff changeset
12 margin-top: 2em;
122936d3389a css/app.css: improve footer readablility.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 213
diff changeset
13 margin-bottom: 2em;
122936d3389a css/app.css: improve footer readablility.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 213
diff changeset
14 }
122936d3389a css/app.css: improve footer readablility.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 213
diff changeset
15
203
3a99431030c1 Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 112
diff changeset
16 .octave-logo a,
3a99431030c1 Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 112
diff changeset
17 .octave-logo a:hover {
3a99431030c1 Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 112
diff changeset
18 color: #FFF;
3a99431030c1 Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 112
diff changeset
19 font-weight: bold;
3a99431030c1 Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 112
diff changeset
20 }
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 .landing-page-logo {
3a99431030c1 Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 112
diff changeset
23 color: #0790c0;
3a99431030c1 Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 112
diff changeset
24 font-weight: 700;
3a99431030c1 Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 112
diff changeset
25 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
26 font-size: 2.33rem;
2
461359b1dd5c style up the homepage
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents: 0
diff changeset
27 }
461359b1dd5c style up the homepage
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents: 0
diff changeset
28
206
68d54c6d397a More top menu bar style tweaks.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 203
diff changeset
29 .dark-background {
68d54c6d397a More top menu bar style tweaks.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 203
diff changeset
30 background: #333;
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 /* Foundation 6 modifications */
3a99431030c1 Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 112
diff changeset
34
3a99431030c1 Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 112
diff changeset
35 .title-bar,
3a99431030c1 Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 112
diff changeset
36 .top-bar,
3a99431030c1 Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 112
diff changeset
37 .top-bar ul {
3a99431030c1 Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 112
diff changeset
38 background: #333;
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 .top-bar {
68d54c6d397a More top menu bar style tweaks.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 203
diff changeset
42 max-width: 1200px;
68d54c6d397a More top menu bar style tweaks.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 203
diff changeset
43 margin: auto;
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 .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
47 color: #FFF;
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
203
3a99431030c1 Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 112
diff changeset
50 .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
51 background-color: #585858;
2
461359b1dd5c style up the homepage
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents: 0
diff changeset
52 }
461359b1dd5c style up the homepage
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents: 0
diff changeset
53
206
68d54c6d397a More top menu bar style tweaks.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 203
diff changeset
54 @media screen and (max-width: 1023px) {
68d54c6d397a More top menu bar style tweaks.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 203
diff changeset
55 .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
56 .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
57 }
68d54c6d397a More top menu bar style tweaks.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 203
diff changeset
58
203
3a99431030c1 Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 112
diff changeset
59 .reveal img {
3a99431030c1 Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 112
diff changeset
60 width: 100%;
2
461359b1dd5c style up the homepage
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents: 0
diff changeset
61 }
461359b1dd5c style up the homepage
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents: 0
diff changeset
62
206
68d54c6d397a More top menu bar style tweaks.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 203
diff changeset
63 a.button.warning { /* RSS Feed */
68d54c6d397a More top menu bar style tweaks.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 203
diff changeset
64 font-weight: bold;
68d54c6d397a More top menu bar style tweaks.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 203
diff changeset
65 color: #FFF;
68d54c6d397a More top menu bar style tweaks.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 203
diff changeset
66 }
68d54c6d397a More top menu bar style tweaks.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 203
diff changeset
67
203
3a99431030c1 Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 112
diff changeset
68 /* Foundation 6 responsive buttons */
5
e210b708b330 fill in site content
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents: 2
diff changeset
69
203
3a99431030c1 Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 112
diff changeset
70 @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
71 .button.small-only-expanded {
3a99431030c1 Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 112
diff changeset
72 display: block;
3a99431030c1 Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 112
diff changeset
73 width: 100%;
3a99431030c1 Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 112
diff changeset
74 margin-right: 0;
3a99431030c1 Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 112
diff changeset
75 margin-left: 0; } }
3a99431030c1 Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 112
diff changeset
76 @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
77 .button.medium-only-expanded {
3a99431030c1 Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 112
diff changeset
78 display: block;
3a99431030c1 Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 112
diff changeset
79 width: 100%;
3a99431030c1 Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 112
diff changeset
80 margin-right: 0;
3a99431030c1 Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 112
diff changeset
81 margin-left: 0; } }
3a99431030c1 Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 112
diff changeset
82 @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
83 .button.medium-down-expanded {
3a99431030c1 Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 112
diff changeset
84 display: block;
3a99431030c1 Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 112
diff changeset
85 width: 100%;
3a99431030c1 Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 112
diff changeset
86 margin-right: 0;
3a99431030c1 Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 112
diff changeset
87 margin-left: 0; } }
3a99431030c1 Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 112
diff changeset
88 @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
89 .button.medium-expanded {
3a99431030c1 Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 112
diff changeset
90 display: block;
3a99431030c1 Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 112
diff changeset
91 width: 100%;
3a99431030c1 Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 112
diff changeset
92 margin-right: 0;
3a99431030c1 Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 112
diff changeset
93 margin-left: 0; } }
3a99431030c1 Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 112
diff changeset
94 @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
95 .button.large-only-expanded {
3a99431030c1 Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 112
diff changeset
96 display: block;
3a99431030c1 Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 112
diff changeset
97 width: 100%;
3a99431030c1 Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 112
diff changeset
98 margin-right: 0;
3a99431030c1 Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 112
diff changeset
99 margin-left: 0; } }
3a99431030c1 Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 112
diff changeset
100 @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
101 .button.large-down-expanded {
3a99431030c1 Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 112
diff changeset
102 display: block;
3a99431030c1 Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 112
diff changeset
103 width: 100%;
3a99431030c1 Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 112
diff changeset
104 margin-right: 0;
3a99431030c1 Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 112
diff changeset
105 margin-left: 0; } }
3a99431030c1 Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 112
diff changeset
106 @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
107 .button.large-expanded {
3a99431030c1 Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 112
diff changeset
108 display: block;
3a99431030c1 Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 112
diff changeset
109 width: 100%;
3a99431030c1 Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 112
diff changeset
110 margin-right: 0;
3a99431030c1 Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 112
diff changeset
111 margin-left: 0; } }
22
3c8941fa46da change small heading styles
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents: 15
diff changeset
112
108
2f1de3071ee9 Add a new set of images for the first page.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 22
diff changeset
113
203
3a99431030c1 Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 112
diff changeset
114 /* Syntax highlighter styles */
5
e210b708b330 fill in site content
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents: 2
diff changeset
115
e210b708b330 fill in site content
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents: 2
diff changeset
116 .highlight code {
e210b708b330 fill in site content
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents: 2
diff changeset
117 border: inherit;
e210b708b330 fill in site content
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents: 2
diff changeset
118 background-color: inherit;
e210b708b330 fill in site content
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents: 2
diff changeset
119 line-height: 1;
e210b708b330 fill in site content
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents: 2
diff changeset
120 padding: 0;
e210b708b330 fill in site content
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents: 2
diff changeset
121 }
e210b708b330 fill in site content
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents: 2
diff changeset
122
227
9057b6832c9a Improve syntax highlight with fenced markup.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 224
diff changeset
123 div.highlight,
9057b6832c9a Improve syntax highlight with fenced markup.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 224
diff changeset
124 figure.highlight {
5
e210b708b330 fill in site content
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents: 2
diff changeset
125 margin: 0 0 1.5rem 0;
e210b708b330 fill in site content
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents: 2
diff changeset
126 border: 1px solid #ccc;
e210b708b330 fill in site content
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents: 2
diff changeset
127 padding: 0.5em;
e210b708b330 fill in site content
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents: 2
diff changeset
128 border-radius: 3px;
e210b708b330 fill in site content
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents: 2
diff changeset
129 font-size: 90%;
e210b708b330 fill in site content
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents: 2
diff changeset
130 width: 100%;
e210b708b330 fill in site content
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents: 2
diff changeset
131 }
e210b708b330 fill in site content
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents: 2
diff changeset
132
e210b708b330 fill in site content
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents: 2
diff changeset
133 .highlight table {
e210b708b330 fill in site content
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents: 2
diff changeset
134 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
135 }