Mercurial > web-octave

comparison css/octave.css @ 81:b748a89a04b0 kai

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Some layout changes.
author Kai T. Ohlhus <k.ohlhus@gmail.com>
date Fri, 14 Oct 2016 03:15:33 +0200
parents 4e0675ad8c98
children 45d807d2bfcc
comparison
equal deleted inserted replaced
80:05b2f0d66aa8 81:b748a89a04b0
14 margin-right: 10px; 14 margin-right: 10px;
15 } 15 }
16 16
17 svg.octicon-topnav { 17 svg.octicon-topnav {
18 height: 18px; 18 height: 18px;
19 fill: #ffffff;
20 }
21
22 img {
23 max-width: 500px;
24 display: block;
25 margin-left: auto;
26 margin-right: auto;
27 border: 1px solid #0790c0;
19 } 28 }
20 29
21 div.alert { 30 div.alert {
22 border: 2px solid #ff0000; 31 border: 2px solid #ff0000;
23 padding: 5px; 32 padding: 5px;
24 } 33 }
25 34
26 div#logo { 35 div#logo {
27 color: #0790c0;
28 margin: 10px; 36 margin: 10px;
29 } 37 }
30 38
31 div#logo img { 39 div#logo img {
32 height: 70px; 40 height: 70px;
33 vertical-align:middle; 41 width: 70px;
42 border: 0;
43 vertical-align: middle;
44 display: inline;
34 } 45 }
35 46
36 div#logo span { 47 div#logo span {
48 color: #0790c0;
37 font-weight: bold; 49 font-weight: bold;
38 font-size: 25pt; 50 font-size: 25pt;
39 } 51 }
40 52
41 body { 53 body {
42 font-family: arial,sans-serif; 54 font-family: arial,sans-serif;
43 font-weight: normal; 55 font-weight: normal;
44 font-size: medium; 56 font-size: medium;
45 background: white; 57 text-align: justify;
46 color: black; 58 background: #ffffff;
47 margin: 0; 59 color: #000000;
48 padding: 0px; 60 margin: 0 auto;
61 margin-left: 10%;
62 margin-right: 10%;
63 padding: 0;
64 width: auto;
49 } 65 }
50 66
51 a, a:link { 67 a, a:link {
52 text-decoration: none; 68 text-decoration: none;
53 color: #0790c0; 69 color: #0790c0;
57 color: #1b1c7d; 73 color: #1b1c7d;
58 } 74 }
59 75
60 div.news-content { 76 div.news-content {
61 margin-left:1em; 77 margin-left:1em;
62 } 78 text-align: left;
63
64 div.page-content {
65 width: 540px;
66 margin: 0 auto;
67 text-align: justify;
68 }
69
70 div.page-content img {
71 max-width:100%;
72 display: block;
73 margin-left: auto;
74 margin-right: auto;
75 border: 1px solid #0790c0;
76 } 79 }
77 80
78 footer { 81 footer {
79 clear: both; 82 clear: both;
80 font-size: x-small; 83 font-size: x-small;
81 text-align: center; 84 text-align: center;
82 border-top: 1px solid; 85 border-top: 1px solid;
86 padding: 5px;
83 margin: 5px; 87 margin: 5px;
84 margin-top: 20px; 88 margin-top: 20px;
85 } 89 }
86 90
87 time { 91 time {
134 138
135 ul.topnav li.icon { 139 ul.topnav li.icon {
136 display: none; 140 display: none;
137 } 141 }
138 142
139 ul.topnav li#logo a { 143 @media screen and (max-width:650px) {
140 font-size: 30px; 144 ul.topnav li:not(:first-child) {
141 font-weight: bold; 145 display: none;
142 } 146 }
143
144 ul.topnav li svg {
145 fill: white;
146 }
147
148 @media screen and (max-width:700px) {
149 ul.topnav li:not(:first-child) {display: none;}
150 ul.topnav li.icon { 147 ul.topnav li.icon {
151 float: right; 148 float: right;
152 display: inline-block; 149 display: inline-block;
153 margin-left: 15px;
154 margin-right: 15px;
155 } 150 }
156 ul.topnav.responsive { 151 ul.topnav.responsive {
157 position: relative; 152 position: relative;
158 } 153 }
159 ul.topnav.responsive li.icon { 154 ul.topnav.responsive li.icon {
167 } 162 }
168 ul.topnav.responsive li a { 163 ul.topnav.responsive li a {
169 display: block; 164 display: block;
170 text-align: left; 165 text-align: left;
171 } 166 }
172 div.page-content { 167 body {
173 width: auto; 168 margin-left: 15px;
174 margin: 15px; 169 margin-right: 15px;
175 } 170 }
176 div.page-content img { 171 img {
177 width: 500px; 172 max-width: 100%;
178 }
179 }
180
181 @media screen and (min-width:1000px) {
182 div.page-content {
183 width: auto;
184 margin-left: 10%;
185 margin-right: 10%;
186 }
187
188 div.page-content img {
189 width: 500px;
190 } 173 }
191 } 174 }
192 175
193 /* Syntax highlight with https://rubygems.org/gems/pygments.rb within Jekyll */ 176 /* Syntax highlight with https://rubygems.org/gems/pygments.rb within Jekyll */
194 177