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
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
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
2e2e9feba1f3 Refactor top navigation.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 51
diff changeset
144 ul.topnav li a:hover,
2e2e9feba1f3 Refactor top navigation.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 51
diff changeset
145 ul.topnav li a:focus,
2e2e9feba1f3 Refactor top navigation.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 51
diff changeset
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
40cbddf42ce4 Repair download tabs.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 46
diff changeset
198
40cbddf42ce4 Repair download tabs.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 46
diff changeset
199 ul.tab {
40cbddf42ce4 Repair download tabs.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 46
diff changeset
200 list-style-type: none;
40cbddf42ce4 Repair download tabs.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 46
diff changeset
201 margin: 0;
40cbddf42ce4 Repair download tabs.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 46
diff changeset
202 padding: 0;
40cbddf42ce4 Repair download tabs.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 46
diff changeset
203 overflow: hidden;
40cbddf42ce4 Repair download tabs.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 46
diff changeset
204 background-color: #0790c0;
40cbddf42ce4 Repair download tabs.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 46
diff changeset
205 }
40cbddf42ce4 Repair download tabs.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 46
diff changeset
206
40cbddf42ce4 Repair download tabs.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 46
diff changeset
207 ul.tab li {
40cbddf42ce4 Repair download tabs.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 46
diff changeset
208 float: left;
40cbddf42ce4 Repair download tabs.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 46
diff changeset
209 }
40cbddf42ce4 Repair download tabs.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 46
diff changeset
210
40cbddf42ce4 Repair download tabs.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 46
diff changeset
211 ul.tab li a {
40cbddf42ce4 Repair download tabs.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 46
diff changeset
212 display: inline-block;
40cbddf42ce4 Repair download tabs.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 46
diff changeset
213 color: white;
40cbddf42ce4 Repair download tabs.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 46
diff changeset
214 text-align: center;
40cbddf42ce4 Repair download tabs.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 46
diff changeset
215 padding: 14px 16px;
40cbddf42ce4 Repair download tabs.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 46
diff changeset
216 text-decoration: none;
40cbddf42ce4 Repair download tabs.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 46
diff changeset
217 transition: 0.3s;
40cbddf42ce4 Repair download tabs.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 46
diff changeset
218 font-size: 20px;
40cbddf42ce4 Repair download tabs.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 46
diff changeset
219 }
40cbddf42ce4 Repair download tabs.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 46
diff changeset
220
40cbddf42ce4 Repair download tabs.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 46
diff changeset
221 ul.tab li a:hover {
40cbddf42ce4 Repair download tabs.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 46
diff changeset
222 background-color: #555;
40cbddf42ce4 Repair download tabs.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 46
diff changeset
223 }
40cbddf42ce4 Repair download tabs.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 46
diff changeset
224
40cbddf42ce4 Repair download tabs.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 46
diff changeset
225 ul.tab li a:focus, .active {
40cbddf42ce4 Repair download tabs.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 46
diff changeset
226 background-color: #555;
40cbddf42ce4 Repair download tabs.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 46
diff changeset
227 }
40cbddf42ce4 Repair download tabs.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 46
diff changeset
228
40cbddf42ce4 Repair download tabs.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 46
diff changeset
229 .tabcontent {
40cbddf42ce4 Repair download tabs.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 46
diff changeset
230 display: none;
40cbddf42ce4 Repair download tabs.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 46
diff changeset
231 padding: 6px 12px;
40cbddf42ce4 Repair download tabs.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 46
diff changeset
232 -webkit-animation: fadeEffect 1s;
40cbddf42ce4 Repair download tabs.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 46
diff changeset
233 animation: fadeEffect 1s;
40cbddf42ce4 Repair download tabs.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 46
diff changeset
234 }
40cbddf42ce4 Repair download tabs.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 46
diff changeset
235
40cbddf42ce4 Repair download tabs.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 46
diff changeset
236 @-webkit-keyframes fadeEffect {
40cbddf42ce4 Repair download tabs.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 46
diff changeset
237 from {
40cbddf42ce4 Repair download tabs.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 46
diff changeset
238 opacity: 0;
40cbddf42ce4 Repair download tabs.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 46
diff changeset
239 }
40cbddf42ce4 Repair download tabs.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 46
diff changeset
240 to {
40cbddf42ce4 Repair download tabs.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 46
diff changeset
241 opacity: 1;
40cbddf42ce4 Repair download tabs.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 46
diff changeset
242 }
40cbddf42ce4 Repair download tabs.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 46
diff changeset
243 }
40cbddf42ce4 Repair download tabs.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 46
diff changeset
244
40cbddf42ce4 Repair download tabs.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 46
diff changeset
245 @keyframes fadeEffect {
40cbddf42ce4 Repair download tabs.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 46
diff changeset
246 from {
40cbddf42ce4 Repair download tabs.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 46
diff changeset
247 opacity: 0;
40cbddf42ce4 Repair download tabs.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 46
diff changeset
248 }
40cbddf42ce4 Repair download tabs.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 46
diff changeset
249 to {
40cbddf42ce4 Repair download tabs.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 46
diff changeset
250 opacity: 1;
40cbddf42ce4 Repair download tabs.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 46
diff changeset
251 }
40cbddf42ce4 Repair download tabs.
Kai T. Ohlhus <k.ohlhus@gmail.com>
parents: 46
diff changeset
252 }