Mercurial > hg > mgallery

comparison basic.css @ 235:028291a78acb

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Get rid of the "use tables" option.
author Matti Hamalainen <ccr@tnsp.org>
date Tue, 27 Mar 2018 15:12:02 +0300
parents 2731d2d8400e
children 9803200bc7f8
comparison
equal deleted inserted replaced
234:ca5f13c8f535 235:028291a78acb
142 align-items: center; 142 align-items: center;
143 justify-content: center; 143 justify-content: center;
144 width: 100%; 144 width: 100%;
145 background: #454; 145 background: #454;
146 margin-bottom: 1em; 146 margin-bottom: 1em;
147 }
148
149 div.galleryTable {
150 display: flex; 147 display: flex;
151 flex-wrap: wrap; 148 flex-wrap: wrap;
152 } 149 }
153 150
154 div.galleryEntry { 151 .galleryEntry {
155 width: 12em; 152 width: 12em;
156 padding: 1em; 153 padding: 1em;
157 text-align: center; 154 text-align: center;
158 } 155 }
159 156
160 div.galleryEntry img { 157 .galleryEntry img {
161 width: 100%; 158 width: 100%;
162 } 159 }
163 160
164 .galleryTable + .imageTable { 161 .galleryTable + .imageTable {
165 border-top: 2px solid #232; 162 border-top: 2px solid #232;
175 text-shadow: 1px 1px 2px #000; 172 text-shadow: 1px 1px 2px #000;
176 text-decoration: underline; 173 text-decoration: underline;
177 color: #f00; 174 color: #f00;
178 } 175 }
179 176
180 div.galleryTable .galleryEntry { 177 .galleryTable .galleryEntry {
181 display: inline-block; 178 display: inline-block;
182 vertical-align: middle; 179 vertical-align: middle;
183 } 180 }
184 181
185 182
436 @media (orientation: portrait) { 433 @media (orientation: portrait) {
437 body { 434 body {
438 font-size: 1.4em; 435 font-size: 1.4em;
439 } 436 }
440 437
441 div.galleryEntry { 438 .galleryEntry {
442 width: 40%; 439 width: 40%;
443 } 440 }
444 441
445 #pageInfoHeader, h1 { 442 #pageInfoHeader, h1 {
446 font-size: 1.25em; 443 font-size: 1.25em;