45 lines
667 B
CSS
45 lines
667 B
CSS
body {
|
|
background: #222;
|
|
color: #EEE;
|
|
margin: 0;
|
|
width: 100%;
|
|
}
|
|
|
|
figure.big {
|
|
display: table;
|
|
margin: auto;
|
|
text-align: center;
|
|
padding: 10px 0;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.big img {
|
|
height: calc(100vh - 20px);
|
|
max-width: 100vw;
|
|
}
|
|
|
|
img
|
|
{
|
|
border-radius: 20px 0 20px 0;
|
|
box-shadow: 0px 0px 10px #9AB;
|
|
transition: box-shadow 1s ease-out;
|
|
-moz-transition: box-shadow 1.23s ease-out;
|
|
}
|
|
img:hover
|
|
{
|
|
display: table-cell;
|
|
box-shadow: 0px 0px 20px #FED;
|
|
}
|
|
|
|
|
|
.big figcaption
|
|
{
|
|
background: #656565;
|
|
color: #FFF;
|
|
font-weight: bold;
|
|
margin: -100px auto;
|
|
opacity: 0.65;
|
|
padding: 10px;
|
|
position: relative;
|
|
}
|