Mercurial > web-octave
annotate css/app.css @ 108:2f1de3071ee9
Add a new set of images for the first page.
author | Kai T. Ohlhus <k.ohlhus@gmail.com> |
---|---|
date | Thu, 03 Nov 2016 15:20:38 +0100 |
parents | 3c8941fa46da |
children | b0c6ab59c569 |
rev | line source |
---|---|
2
461359b1dd5c
style up the homepage
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
0
diff
changeset
|
1 @import url(https://fonts.googleapis.com/css?family=PT+Sans:400,700); |
461359b1dd5c
style up the homepage
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
0
diff
changeset
|
2 |
0
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
3 .page-content { |
5
e210b708b330
fill in site content
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
2
diff
changeset
|
4 margin-top: 2rem; |
0
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
5 } |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
6 |
15
3011dd45c7b0
fix topbar behaviour
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
5
diff
changeset
|
7 .page-content section { |
5
e210b708b330
fill in site content
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
2
diff
changeset
|
8 padding-top: 2.5rem; /* This is for anchor links with the fixed header */ |
e210b708b330
fill in site content
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
2
diff
changeset
|
9 margin-top: -2.5rem; |
e210b708b330
fill in site content
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
2
diff
changeset
|
10 padding-bottom: 2rem; |
2
461359b1dd5c
style up the homepage
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
0
diff
changeset
|
11 } |
461359b1dd5c
style up the homepage
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
0
diff
changeset
|
12 |
461359b1dd5c
style up the homepage
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
0
diff
changeset
|
13 .home-title { |
461359b1dd5c
style up the homepage
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
0
diff
changeset
|
14 color: #0790c0; |
461359b1dd5c
style up the homepage
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
0
diff
changeset
|
15 font-weight: 700; |
461359b1dd5c
style up the homepage
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
0
diff
changeset
|
16 margin: 0 0 1rem 0; |
5
e210b708b330
fill in site content
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
2
diff
changeset
|
17 font-size: 2.33rem; |
2
461359b1dd5c
style up the homepage
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
0
diff
changeset
|
18 } |
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 body { |
461359b1dd5c
style up the homepage
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
0
diff
changeset
|
21 font-family: 'PT Sans'; |
461359b1dd5c
style up the homepage
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
0
diff
changeset
|
22 color: '#333'; |
461359b1dd5c
style up the homepage
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
0
diff
changeset
|
23 } |
461359b1dd5c
style up the homepage
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
0
diff
changeset
|
24 |
461359b1dd5c
style up the homepage
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
0
diff
changeset
|
25 p { |
461359b1dd5c
style up the homepage
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
0
diff
changeset
|
26 color: "#333"; |
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 |
461359b1dd5c
style up the homepage
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
0
diff
changeset
|
29 li { |
461359b1dd5c
style up the homepage
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
0
diff
changeset
|
30 color: #333; |
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 |
461359b1dd5c
style up the homepage
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
0
diff
changeset
|
33 h1, h2, h3, h4, h5, h6 { |
108
2f1de3071ee9
Add a new set of images for the first page.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
22
diff
changeset
|
34 font-family: 'PT Sans'; |
2
461359b1dd5c
style up the homepage
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
0
diff
changeset
|
35 color: #333; |
5
e210b708b330
fill in site content
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
2
diff
changeset
|
36 /*font-weight: bold;*/ |
e210b708b330
fill in site content
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
2
diff
changeset
|
37 } |
e210b708b330
fill in site content
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
2
diff
changeset
|
38 |
e210b708b330
fill in site content
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
2
diff
changeset
|
39 h2 { |
e210b708b330
fill in site content
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
2
diff
changeset
|
40 font-size: 2rem; |
e210b708b330
fill in site content
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
2
diff
changeset
|
41 } |
e210b708b330
fill in site content
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
2
diff
changeset
|
42 |
e210b708b330
fill in site content
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
2
diff
changeset
|
43 h3 { |
e210b708b330
fill in site content
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
2
diff
changeset
|
44 font-size: 1.66rem; |
e210b708b330
fill in site content
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
2
diff
changeset
|
45 } |
e210b708b330
fill in site content
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
2
diff
changeset
|
46 |
22
3c8941fa46da
change small heading styles
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
15
diff
changeset
|
47 h4 { |
3c8941fa46da
change small heading styles
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
15
diff
changeset
|
48 font-size: 1.33rem; |
3c8941fa46da
change small heading styles
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
15
diff
changeset
|
49 } |
3c8941fa46da
change small heading styles
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
15
diff
changeset
|
50 |
3c8941fa46da
change small heading styles
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
15
diff
changeset
|
51 h4, h5, h6 { |
3c8941fa46da
change small heading styles
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
15
diff
changeset
|
52 font-weight: bold; |
3c8941fa46da
change small heading styles
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
15
diff
changeset
|
53 } |
3c8941fa46da
change small heading styles
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
15
diff
changeset
|
54 |
108
2f1de3071ee9
Add a new set of images for the first page.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
22
diff
changeset
|
55 div.reveal-modal img { |
2f1de3071ee9
Add a new set of images for the first page.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
22
diff
changeset
|
56 height: auto; |
2f1de3071ee9
Add a new set of images for the first page.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
22
diff
changeset
|
57 width: 100%; |
2f1de3071ee9
Add a new set of images for the first page.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
22
diff
changeset
|
58 } |
2f1de3071ee9
Add a new set of images for the first page.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
22
diff
changeset
|
59 |
5
e210b708b330
fill in site content
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
2
diff
changeset
|
60 /** |
e210b708b330
fill in site content
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
2
diff
changeset
|
61 * Font overrides (do this using SASS when that gets pulled in) |
e210b708b330
fill in site content
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
2
diff
changeset
|
62 */ |
e210b708b330
fill in site content
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
2
diff
changeset
|
63 |
e210b708b330
fill in site content
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
2
diff
changeset
|
64 .button, li, p, .alert, .label, .top-bar-section ul li>a { |
e210b708b330
fill in site content
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
2
diff
changeset
|
65 font-family: inherit; |
e210b708b330
fill in site content
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
2
diff
changeset
|
66 } |
e210b708b330
fill in site content
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
2
diff
changeset
|
67 |
e210b708b330
fill in site content
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
2
diff
changeset
|
68 .highlight code { |
e210b708b330
fill in site content
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
2
diff
changeset
|
69 border: inherit; |
e210b708b330
fill in site content
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
2
diff
changeset
|
70 background-color: inherit; |
e210b708b330
fill in site content
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
2
diff
changeset
|
71 line-height: 1; |
e210b708b330
fill in site content
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
2
diff
changeset
|
72 padding: 0; |
e210b708b330
fill in site content
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
2
diff
changeset
|
73 } |
e210b708b330
fill in site content
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
2
diff
changeset
|
74 |
e210b708b330
fill in site content
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
2
diff
changeset
|
75 .highlight { |
e210b708b330
fill in site content
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
2
diff
changeset
|
76 margin: 0 0 1.5rem 0; |
e210b708b330
fill in site content
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
2
diff
changeset
|
77 border: 1px solid #ccc; |
e210b708b330
fill in site content
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
2
diff
changeset
|
78 padding: 0.5em; |
e210b708b330
fill in site content
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
2
diff
changeset
|
79 border-radius: 3px; |
e210b708b330
fill in site content
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
2
diff
changeset
|
80 font-size: 90%; |
e210b708b330
fill in site content
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
2
diff
changeset
|
81 width: 100%; |
e210b708b330
fill in site content
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
2
diff
changeset
|
82 } |
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 .highlight table { |
e210b708b330
fill in site content
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
2
diff
changeset
|
85 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
|
86 } |