Mercurial > hg > mgallery
comparison basic.css @ 143:be2e9d5e127d
Fix CSS so that use_tables actually works with the default example CSS.
author | Matti Hamalainen <ccr@tnsp.org> |
---|---|
date | Mon, 04 Sep 2017 14:58:45 +0300 |
parents | c7e8f8b9dd8d |
children | c0c0708bd94d |
comparison
equal
deleted
inserted
replaced
142:9589faf2e8a1 | 143:be2e9d5e127d |
---|---|
68 padding: 0.5em; | 68 padding: 0.5em; |
69 font-size: 1.25em; | 69 font-size: 1.25em; |
70 } | 70 } |
71 | 71 |
72 .galleryTable { | 72 .galleryTable { |
73 align-items: center; | |
74 justify-content: center; | |
75 width: 100%; | |
76 background: #454; | |
77 } | |
78 | |
79 div.galleryTable { | |
73 display: flex; | 80 display: flex; |
74 flex-wrap: wrap; | 81 flex-wrap: wrap; |
75 align-items: center; | |
76 width: 100%; | |
77 background: #454; | |
78 } | 82 } |
79 | 83 |
80 div.galleryEntry { | 84 div.galleryEntry { |
81 min-width: 145px; | 85 min-width: 145px; |
82 width: 15em; | 86 width: 15em; |
103 text-shadow: 1px 1px 2px #000; | 107 text-shadow: 1px 1px 2px #000; |
104 text-decoration: underline; | 108 text-decoration: underline; |
105 color: #f00; | 109 color: #f00; |
106 } | 110 } |
107 | 111 |
108 .galleryTable .galleryEntry { | 112 div.galleryTable .galleryEntry { |
109 display: inline-block; | 113 display: inline-block; |
110 vertical-align: middle; | 114 vertical-align: middle; |
111 } | 115 } |
112 | 116 |
113 | 117 |