Mercurial > web-octave

comparison css/octave.css @ 79:4e0675ad8c98 kai

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Tidy up CSS. Improve image alingment on page content.
author Kai T. Ohlhus <k.ohlhus@gmail.com>
date Thu, 13 Oct 2016 17:55:37 +0200
parents ca78967fd4c3
children b748a89a04b0
comparison
equal deleted inserted replaced
78:5fc2af501316 79:4e0675ad8c98
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 }
20
21 span.post-small {
22 font-size: 85%;
23 } 19 }
24 20
25 div.alert { 21 div.alert {
26 border: 2px solid #ff0000; 22 border: 2px solid #ff0000;
27 padding: 5px; 23 padding: 5px;
59 55
60 a:hover { 56 a:hover {
61 color: #1b1c7d; 57 color: #1b1c7d;
62 } 58 }
63 59
60 div.news-content {
61 margin-left:1em;
62 }
63
64 div.page-content { 64 div.page-content {
65 width: 540px; 65 width: 540px;
66 margin: 0 auto; 66 margin: 0 auto;
67 text-align: justify; 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;
68 } 76 }
69 77
70 footer { 78 footer {
71 clear: both; 79 clear: both;
72 font-size: x-small; 80 font-size: x-small;
73 text-align: center; 81 text-align: center;
74 border-top: 1px solid; 82 border-top: 1px solid;
75 margin: 5px; 83 margin: 5px;
76 margin-top: 20px; 84 margin-top: 20px;
77 }
78
79 dt {
80 font-weight: bold;
81 margin-top: 7px;
82 } 85 }
83 86
84 time { 87 time {
85 font-weight: normal; 88 font-weight: normal;
86 } 89 }
145 @media screen and (max-width:700px) { 148 @media screen and (max-width:700px) {
146 ul.topnav li:not(:first-child) {display: none;} 149 ul.topnav li:not(:first-child) {display: none;}
147 ul.topnav li.icon { 150 ul.topnav li.icon {
148 float: right; 151 float: right;
149 display: inline-block; 152 display: inline-block;
153 margin-left: 15px;
154 margin-right: 15px;
150 } 155 }
151 ul.topnav.responsive { 156 ul.topnav.responsive {
152 position: relative; 157 position: relative;
153 } 158 }
154 ul.topnav.responsive li.icon { 159 ul.topnav.responsive li.icon {
165 text-align: left; 170 text-align: left;
166 } 171 }
167 div.page-content { 172 div.page-content {
168 width: auto; 173 width: auto;
169 margin: 15px; 174 margin: 15px;
175 }
176 div.page-content img {
177 width: 500px;
170 } 178 }
171 } 179 }
172 180
173 @media screen and (min-width:1000px) { 181 @media screen and (min-width:1000px) {
174 div.page-content { 182 div.page-content {
175 width: auto; 183 width: auto;
176 margin-left: 10%; 184 margin-left: 10%;
177 margin-right: 10%; 185 margin-right: 10%;
186 }
187
188 div.page-content img {
189 width: 500px;
178 } 190 }
179 } 191 }
180 192
181 /* Syntax highlight with https://rubygems.org/gems/pygments.rb within Jekyll */ 193 /* Syntax highlight with https://rubygems.org/gems/pygments.rb within Jekyll */
182 194