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