parent
970ebcfa26
commit
44b36032ea
1 changed files with 58 additions and 0 deletions
@ -0,0 +1,58 @@ |
|||||||
|
html { |
||||||
|
height: 100%; |
||||||
|
width: 100%; |
||||||
|
} |
||||||
|
|
||||||
|
body { |
||||||
|
padding: 2.25em 0 0 0; |
||||||
|
margin: 0; |
||||||
|
height: 100%; |
||||||
|
width: 100%; |
||||||
|
} |
||||||
|
|
||||||
|
h1 { |
||||||
|
position: fixed; |
||||||
|
font-size: 150%; |
||||||
|
top: 0; |
||||||
|
left: 0; |
||||||
|
right: 0; |
||||||
|
padding: 0 .1em 0 .1em; |
||||||
|
margin: 0; |
||||||
|
height: 1.5em; |
||||||
|
background-color: black; |
||||||
|
color: white; |
||||||
|
} |
||||||
|
|
||||||
|
img { |
||||||
|
width: auto; |
||||||
|
height: auto; |
||||||
|
max-width: 100%; |
||||||
|
max-height: 100%; |
||||||
|
} |
||||||
|
|
||||||
|
img.image { |
||||||
|
object-fit: contain; |
||||||
|
} |
||||||
|
|
||||||
|
div.images { |
||||||
|
color: white; |
||||||
|
background-color: black; |
||||||
|
padding: 2em; |
||||||
|
display: flex; |
||||||
|
flex-wrap: wrap; |
||||||
|
justify-content: space-around; |
||||||
|
align-items: center; |
||||||
|
align-content: space-around; |
||||||
|
} |
||||||
|
|
||||||
|
div.images img.thumbnail { |
||||||
|
padding: .5em; |
||||||
|
margin: .5em; |
||||||
|
box-shadow: .2em .2em .6em #aaa; |
||||||
|
border-radius: 1em; |
||||||
|
background-color: white; |
||||||
|
flex-grow: 1; |
||||||
|
flex-shrink: 1; |
||||||
|
flex-basis: auto; |
||||||
|
align-self: center; |
||||||
|
} |
Loading…
Reference in new issue