3 * Style sheet for Trivial Gallery.
5 * (c) 2021 Mark Wooding
8 /*----- Licensing notice --------------------------------------------------*
10 * This file is part of Trivial Gallery.
12 * Trivial Gallery is free software: you can redistribute it and/or modify
13 * it under the terms of the GNU Affero General Public License as
14 * published by the Free Software Foundation; either version 3 of the
15 * License, or (at your option) any later version.
17 * Trivial Gallery is distributed in the hope that it will be useful, but
18 * WITHOUT ANY WARRANTY; without even the implied warranty of
19 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
20 * Affero General Public License for more details.
22 * You should have received a copy of the GNU Affero General Public
23 * License along with Trivial Gallery. If not, see
24 * <https://www.gnu.org/licenses/>.
27 html { height: 100%; }
29 height: calc
(100% - 2ex);
30 display: flex
; flex-direction: column
;
31 margin-top: 0; margin-bottom: 0;
32 background-color: white
;
37 a { text-decoration: none
; }
38 a:link { color: blue
; }
39 a:link:active
, a:visited
{ color: darkblue
; }
40 a:link:hover
, a:visited:hover
{ background: #ccc; }
44 border-bottom: thick black solid
;
45 margin-top: 0.5ex; margin-bottom: 1.41ex;
49 h1 + h2, div.toc
+ h2, h1 + div > h2 {
54 h2 { border-top: thin black solid
; padding-top: 1ex; }
55 h2, h3 { margin-top: 3ex; }
56 h2 { font-size: x-large
; }
57 h3 { font-size: large
; }
58 h4, h5, h6 { display: run-in
; }
59 h1, h2, h3, h4, h5, h6 { font-family: sans-serif
; font-weight bold
; }
61 hr { width: calc
(100% - 4em); }
62 div.fill
{ flex-grow: 1; }
65 border-top: medium black solid
;
72 div.footer
img.licence
{ float: left
; margin: 1ex; }
74 margin-top: 1ex; margin-bottom: 1ex;
84 display: inline-block
;
90 a.thumb:link { display: inline-block
; }
93 width: 228px; height: 228px;
98 border: thin black solid
;
101 background-color: #ccc;
102 padding-left: 1em; padding-right: 1em;
103 margin-top: 2ex; margin-bottom: 2ex;
110 div.caption span.name
{ font-family: sans-serif
; }
111 div.caption span.comment
{ font-style: italic
; margin-inline-start: 1em; }
114 flex-grow: 1; flex-basis: 0;
115 display: flex
; flex-direction: row
;
121 display: flex
; flex-direction: row
; align-items: center;
123 div.prev
{ left: 0%; }
124 div.next
{ right: 0%; }
128 background-color: #0006;
134 flex-grow: 1; flex-basis: 0;
135 display: flex
; flex-direction: column
;
137 a:link:hover
.view
{ background: inherit
; }
140 min-width: 0; min-height: 0;
141 max-width: 100%; max-height: 100%;
142 flex-grow: 1; flex-basis: 0;
150 display: flex
; flex-direction: row
; align-self: center;
153 /*----- That's all, folks -------------------------------------------------*/