Mercurial > web-octave

annotate css/app.css @ 203:3a99431030c1

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Update website to use the foundation 6 framework.
author Kai T. Ohlhus <k.ohlhus@gmail.com>
date Thu, 09 Jul 2020 17:51:40 +0900
parents fb8011d4dd6f
children 68d54c6d397a
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
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
203
3a99431030c1 Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 112
diff changeset
16 /* Foundation 6 modifications */
3a99431030c1 Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 112
diff changeset
17
3a99431030c1 Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 112
diff changeset
18 .title-bar,
3a99431030c1 Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 112
diff changeset
19 .top-bar,
3a99431030c1 Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 112
diff changeset
20 .top-bar ul {
3a99431030c1 Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 112
diff changeset
21 background: #333;
2
461359b1dd5c style up the homepage
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents: 0
diff changeset
22 }
461359b1dd5c style up the homepage
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents: 0
diff changeset
23
203
3a99431030c1 Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 112
diff changeset
24 .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
25 color: #FFF;
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
203
3a99431030c1 Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 112
diff changeset
28 .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
29 background-color: #585858;
2
461359b1dd5c style up the homepage
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents: 0
diff changeset
30 }
461359b1dd5c style up the homepage
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents: 0
diff changeset
31
203
3a99431030c1 Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 112
diff changeset
32 .grid-container {
3a99431030c1 Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 112
diff changeset
33 margin: 1em auto;
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
3a99431030c1 Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 112
diff changeset
36 .reveal img {
3a99431030c1 Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 112
diff changeset
37 width: 100%;
2
461359b1dd5c style up the homepage
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents: 0
diff changeset
38 }
461359b1dd5c style up the homepage
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents: 0
diff changeset
39
203
3a99431030c1 Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 112
diff changeset
40 /* Foundation 6 responsive buttons */
5
e210b708b330 fill in site content
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents: 2
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 @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
43 .button.small-only-expanded {
3a99431030c1 Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 112
diff changeset
44 display: block;
3a99431030c1 Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 112
diff changeset
45 width: 100%;
3a99431030c1 Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 112
diff changeset
46 margin-right: 0;
3a99431030c1 Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 112
diff changeset
47 margin-left: 0; } }
3a99431030c1 Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 112
diff changeset
48 @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
49 .button.medium-only-expanded {
3a99431030c1 Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 112
diff changeset
50 display: block;
3a99431030c1 Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 112
diff changeset
51 width: 100%;
3a99431030c1 Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 112
diff changeset
52 margin-right: 0;
3a99431030c1 Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 112
diff changeset
53 margin-left: 0; } }
3a99431030c1 Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 112
diff changeset
54 @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
55 .button.medium-down-expanded {
3a99431030c1 Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 112
diff changeset
56 display: block;
3a99431030c1 Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 112
diff changeset
57 width: 100%;
3a99431030c1 Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 112
diff changeset
58 margin-right: 0;
3a99431030c1 Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 112
diff changeset
59 margin-left: 0; } }
3a99431030c1 Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 112
diff changeset
60 @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
61 .button.medium-expanded {
3a99431030c1 Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 112
diff changeset
62 display: block;
3a99431030c1 Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 112
diff changeset
63 width: 100%;
3a99431030c1 Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 112
diff changeset
64 margin-right: 0;
3a99431030c1 Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 112
diff changeset
65 margin-left: 0; } }
3a99431030c1 Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 112
diff changeset
66 @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
67 .button.large-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;
3a99431030c1 Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 112
diff changeset
71 margin-left: 0; } }
3a99431030c1 Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 112
diff changeset
72 @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
73 .button.large-down-expanded {
3a99431030c1 Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 112
diff changeset
74 display: block;
3a99431030c1 Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 112
diff changeset
75 width: 100%;
3a99431030c1 Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 112
diff changeset
76 margin-right: 0;
3a99431030c1 Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 112
diff changeset
77 margin-left: 0; } }
3a99431030c1 Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 112
diff changeset
78 @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
79 .button.large-expanded {
3a99431030c1 Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 112
diff changeset
80 display: block;
3a99431030c1 Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 112
diff changeset
81 width: 100%;
3a99431030c1 Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 112
diff changeset
82 margin-right: 0;
3a99431030c1 Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 112
diff changeset
83 margin-left: 0; } }
22
3c8941fa46da change small heading styles
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents: 15
diff changeset
84
108
2f1de3071ee9 Add a new set of images for the first page.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 22
diff changeset
85
203
3a99431030c1 Update website to use the foundation 6 framework.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 112
diff changeset
86 /* Syntax highlighter styles */
5
e210b708b330 fill in site content
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents: 2
diff changeset
87
e210b708b330 fill in site content
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents: 2
diff changeset
88 .highlight code {
e210b708b330 fill in site content
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents: 2
diff changeset
89 border: inherit;
e210b708b330 fill in site content
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents: 2
diff changeset
90 background-color: inherit;
e210b708b330 fill in site content
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents: 2
diff changeset
91 line-height: 1;
e210b708b330 fill in site content
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents: 2
diff changeset
92 padding: 0;
e210b708b330 fill in site content
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents: 2
diff changeset
93 }
e210b708b330 fill in site content
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents: 2
diff changeset
94
e210b708b330 fill in site content
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents: 2
diff changeset
95 .highlight {
e210b708b330 fill in site content
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents: 2
diff changeset
96 margin: 0 0 1.5rem 0;
e210b708b330 fill in site content
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents: 2
diff changeset
97 border: 1px solid #ccc;
e210b708b330 fill in site content
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents: 2
diff changeset
98 padding: 0.5em;
e210b708b330 fill in site content
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents: 2
diff changeset
99 border-radius: 3px;
e210b708b330 fill in site content
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents: 2
diff changeset
100 font-size: 90%;
e210b708b330 fill in site content
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents: 2
diff changeset
101 width: 100%;
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
e210b708b330 fill in site content
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents: 2
diff changeset
104 .highlight table {
e210b708b330 fill in site content
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents: 2
diff changeset
105 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
106 }