Mercurial > web-octave
annotate css/octave.css @ 58:2e2e9feba1f3 kai
Refactor top navigation.
author | Kai T. Ohlhus <k.ohlhus@gmail.com> |
---|---|
date | Tue, 11 Oct 2016 15:59:18 +0200 |
parents | 40cbddf42ce4 |
children | 9ed0088bf27f |
rev | line source |
---|---|
46
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
1 div#logo { |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
2 color: #0790c0; |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
3 margin: 10px; |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
4 } |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
5 |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
6 div#logo img { |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
7 height: 70px; |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
8 vertical-align:middle; |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
9 } |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
10 |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
11 div#logo span { |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
12 font-weight: bold; |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
13 font-size: 25pt; |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
14 |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
15 } |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
16 |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
17 .crm-contribute-button-wrapper { |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
18 padding-top: 5px; |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
19 padding-bottom: 5px; |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
20 } |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
21 |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
22 .crm-contribute-button-inner { /* button text color */ |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
23 font-size: 10pt; |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
24 font-weight: bold; |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
25 text-align: center; |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
26 padding: 5px; |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
27 border: 1px solid #aaaaaa; |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
28 background: #e8e8e8; |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
29 border-radius: 4px; |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
30 } |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
31 |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
32 div.donate-blurb { |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
33 font-size: 10pt; |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
34 font-weight: normal; |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
35 text-align: left; |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
36 padding: 5px; |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
37 } |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
38 |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
39 div#donate-form { |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
40 font-size: 10pt; |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
41 font-weight: normal; |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
42 text-align: left; |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
43 } |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
44 |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
45 div#bitcoin{ |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
46 font-size: 10pt; |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
47 text-align: left; |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
48 } |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
49 |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
50 div#bitcoinaddress{ |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
51 font-size: 6pt; |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
52 text-align: center; |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
53 } |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
54 |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
55 div.donate-field { |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
56 font-weight: bold; |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
57 padding: 5px; |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
58 } |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
59 |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
60 body { |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
61 font-family: arial,sans-serif; |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
62 font-weight: normal; |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
63 font-size: medium; |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
64 background: white; |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
65 color: black; |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
66 margin: 0; |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
67 padding: 0px; |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
68 } |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
69 |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
70 a { |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
71 text-decoration: none; |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
72 } |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
73 |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
74 a:link { |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
75 color: #0790c0; |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
76 } |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
77 |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
78 a:hover { |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
79 color: #1b1c7d; |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
80 } |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
81 |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
82 div.page-content { |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
83 width: 540px; |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
84 margin: 0 auto; |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
85 text-align: justify; |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
86 } |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
87 |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
88 footer { |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
89 clear: both; |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
90 font-size: x-small; |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
91 text-align: center; |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
92 border-top: 1px solid; |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
93 margin: 5px; |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
94 margin-top: 20px; |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
95 } |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
96 |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
97 dt { |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
98 font-weight: bold; |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
99 margin-top: 7px; |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
100 } |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
101 |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
102 h1 { |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
103 font-size: 16pt; |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
104 font-weight: bold; |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
105 } |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
106 |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
107 h2 { |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
108 font-size: 14pt; |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
109 font-weight: bold; |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
110 } |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
111 |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
112 h3 { |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
113 font-size: 12pt; |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
114 font-weight: bold; |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
115 } |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
116 |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
117 img#screenshot { |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
118 border: 1px solid #0790c0; |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
119 } |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
120 |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
121 ul.topnav { |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
122 list-style-type: none; |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
123 margin: 0; |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
124 padding: 0; |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
125 overflow: hidden; |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
126 background-color: #0790c0; |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
127 } |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
128 |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
129 ul.topnav li { |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
130 float: left; |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
131 } |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
132 |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
133 ul.topnav li a { |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
134 display: inline-block; |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
135 color: #f2f2f2; |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
136 text-align: center; |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
137 padding: 14px 16px; |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
138 text-decoration: none; |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
139 transition: 0.3s; |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
140 font-size: 20px; |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
141 vertical-align: baseline;; |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
142 } |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
143 |
58 | 144 ul.topnav li a:hover, |
145 ul.topnav li a:focus, | |
146 ul.topnav li a.active { | |
46
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
147 background-color: #555; |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
148 } |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
149 |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
150 ul.topnav li.icon { |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
151 display: none; |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
152 } |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
153 |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
154 ul.topnav li#logo a { |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
155 font-size: 30px; |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
156 font-weight: bold; |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
157 } |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
158 |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
159 ul.topnav li svg { |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
160 fill: white; |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
161 } |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
162 |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
163 @media screen and (max-width:700px) { |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
164 ul.topnav li:not(:first-child) {display: none;} |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
165 ul.topnav li.icon { |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
166 float: right; |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
167 display: inline-block; |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
168 } |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
169 ul.topnav.responsive { |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
170 position: relative; |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
171 } |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
172 ul.topnav.responsive li.icon { |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
173 position: absolute; |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
174 right: 0; |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
175 top: 0; |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
176 } |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
177 ul.topnav.responsive li { |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
178 float: none; |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
179 display: inline; |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
180 } |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
181 ul.topnav.responsive li a { |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
182 display: block; |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
183 text-align: left; |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
184 } |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
185 div.page-content { |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
186 width: auto; |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
187 margin: 15px; |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
188 } |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
189 } |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
190 |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
191 @media screen and (min-width:1000px) { |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
192 div.page-content { |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
193 width: auto; |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
194 margin-left: 10%; |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
195 margin-right: 10%; |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
196 } |
171ca967fcc9
Start new development branch closer to the current website,
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents:
diff
changeset
|
197 } |
51 | 198 |
199 ul.tab { | |
200 list-style-type: none; | |
201 margin: 0; | |
202 padding: 0; | |
203 overflow: hidden; | |
204 background-color: #0790c0; | |
205 } | |
206 | |
207 ul.tab li { | |
208 float: left; | |
209 } | |
210 | |
211 ul.tab li a { | |
212 display: inline-block; | |
213 color: white; | |
214 text-align: center; | |
215 padding: 14px 16px; | |
216 text-decoration: none; | |
217 transition: 0.3s; | |
218 font-size: 20px; | |
219 } | |
220 | |
221 ul.tab li a:hover { | |
222 background-color: #555; | |
223 } | |
224 | |
225 ul.tab li a:focus, .active { | |
226 background-color: #555; | |
227 } | |
228 | |
229 .tabcontent { | |
230 display: none; | |
231 padding: 6px 12px; | |
232 -webkit-animation: fadeEffect 1s; | |
233 animation: fadeEffect 1s; | |
234 } | |
235 | |
236 @-webkit-keyframes fadeEffect { | |
237 from { | |
238 opacity: 0; | |
239 } | |
240 to { | |
241 opacity: 1; | |
242 } | |
243 } | |
244 | |
245 @keyframes fadeEffect { | |
246 from { | |
247 opacity: 0; | |
248 } | |
249 to { | |
250 opacity: 1; | |
251 } | |
252 } |