Line 211: | Line 211: | ||
− | .flex { | + | #container .flex { |
display: flex; | display: flex; | ||
} | } | ||
− | .flex-gallery { | + | #container .flex-gallery { |
display: flex; | display: flex; | ||
flex-flow: row wrap; | flex-flow: row wrap; | ||
Line 221: | Line 221: | ||
} | } | ||
− | .flex-gallery a { | + | #container .flex-gallery a { |
margin: 10px; | margin: 10px; | ||
} | } | ||
− | .flex-gallery a img { | + | #container .flex-gallery a img { |
width: 200px; | width: 200px; | ||
height: auto; | height: auto; | ||
Line 232: | Line 232: | ||
} | } | ||
− | .flex-gallery a img:hover { | + | #container .flex-gallery a img:hover { |
filter: grayscale(0%); | filter: grayscale(0%); | ||
} | } | ||
− | .modalDialog { | + | #container .modalDialog { |
position: fixed; | position: fixed; | ||
top: 0; | top: 0; | ||
Line 249: | Line 249: | ||
} | } | ||
− | .modalDialog:target { | + | #container .modalDialog:target { |
opacity: 1; | opacity: 1; | ||
pointer-events: auto; | pointer-events: auto; | ||
} | } | ||
− | .modalDialog > .flex{ | + | #container .modalDialog > .flex{ |
flex-flow: row wrap; | flex-flow: row wrap; | ||
} | } | ||
− | .modalDialog>div { | + | #container .modalDialog>div { |
position: absolute; | position: absolute; | ||
width: 70vw; | width: 70vw; | ||
Line 268: | Line 268: | ||
} | } | ||
− | .close { | + | #container .close { |
font-size: 24pt; | font-size: 24pt; | ||
z-index: 3; | z-index: 3; | ||
Line 287: | Line 287: | ||
} | } | ||
− | .close a { | + | #container .close a { |
background: #149375; | background: #149375; | ||
color: white; | color: white; | ||
} | } | ||
− | .close a:visited { | + | #container .close a:visited { |
color: white; | color: white; | ||
} | } | ||
− | .close:hover { | + | #container .close:hover { |
border: 3px solid #149375; | border: 3px solid #149375; | ||
} | } | ||
− | .close a:hover{ | + | #container .close a:hover{ |
color: #149375; | color: #149375; | ||
} | } |
Revision as of 08:01, 5 June 2017