comparison css/octave.css @ 88:45d807d2bfcc kai

Revisit index start page.
author Kai T. Ohlhus <k.ohlhus@gmail.com>
date Mon, 17 Oct 2016 18:39:05 +0200
parents b748a89a04b0
children c7c9825fbdf8
comparison
equal deleted inserted replaced
87:1752b8520622 88:45d807d2bfcc
2 fill: #ffffff; 2 fill: #ffffff;
3 background-color: #fb9e3a; 3 background-color: #fb9e3a;
4 width: 16px; 4 width: 16px;
5 height: 16px; 5 height: 16px;
6 padding: 2px; 6 padding: 2px;
7 vertical-align: middle;
7 } 8 }
8 9
9 svg.octicon-stop-octave { 10 svg.octicon-stop-octave {
10 fill: #ff0000; 11 fill: #ff0000;
11 width: 18pt; 12 width: 18pt;
12 height: 18pt; 13 height: 18pt;
13 float: left; 14 float: left;
14 margin-right: 10px; 15 margin-right: 10px;
15 } 16 }
16 17
18 svg.octicon-book-manual {
19 width: 18pt;
20 height: 18pt;
21 fill: #0790c0;
22 vertical-align: text-bottom;
23 }
24
25 svg.octicon-pdf-manual {
26 width: 18pt;
27 height: 18pt;
28 fill: #d00a0a;
29 vertical-align: text-bottom;
30 }
31
17 svg.octicon-topnav { 32 svg.octicon-topnav {
18 height: 18px; 33 height: 18px;
19 fill: #ffffff; 34 fill: #ffffff;
20 } 35 }
21 36
28 } 43 }
29 44
30 div.alert { 45 div.alert {
31 border: 2px solid #ff0000; 46 border: 2px solid #ff0000;
32 padding: 5px; 47 padding: 5px;
48 min-height: 18pt;
33 } 49 }
34 50
35 div#logo { 51 div#logo {
36 margin: 10px; 52 margin: 10px;
37 } 53 }
56 font-size: medium; 72 font-size: medium;
57 text-align: justify; 73 text-align: justify;
58 background: #ffffff; 74 background: #ffffff;
59 color: #000000; 75 color: #000000;
60 margin: 0 auto; 76 margin: 0 auto;
61 margin-left: 10%;
62 margin-right: 10%;
63 padding: 0; 77 padding: 0;
64 width: auto; 78 width: 800px;
65 } 79 }
66 80
67 a, a:link { 81 a, a:link {
68 text-decoration: none; 82 text-decoration: none;
69 color: #0790c0; 83 color: #0790c0;
138 152
139 ul.topnav li.icon { 153 ul.topnav li.icon {
140 display: none; 154 display: none;
141 } 155 }
142 156
157 @media screen and (max-width:1000px) and (min-width:650px) {
158 body {
159 margin-left: 10%;
160 margin-right: 10%;
161 width: auto;
162 }
163 }
164
143 @media screen and (max-width:650px) { 165 @media screen and (max-width:650px) {
144 ul.topnav li:not(:first-child) { 166 ul.topnav li:not(:first-child) {
145 display: none; 167 display: none;
146 } 168 }
147 ul.topnav li.icon { 169 ul.topnav li.icon {
165 text-align: left; 187 text-align: left;
166 } 188 }
167 body { 189 body {
168 margin-left: 15px; 190 margin-left: 15px;
169 margin-right: 15px; 191 margin-right: 15px;
192 width: auto;
170 } 193 }
171 img { 194 img {
172 max-width: 100%; 195 max-width: 100%;
173 } 196 }
174 } 197 }