mirror of
https://github.com/bpatrik/pigallery2.git
synced 2024-12-25 02:04:15 +02:00
52 lines
731 B
CSS
52 lines
731 B
CSS
|
a {
|
||
|
position: relative;
|
||
|
}
|
||
|
|
||
|
.photo-container {
|
||
|
border: 2px solid #333;
|
||
|
width: 150px;
|
||
|
height: 150px;
|
||
|
|
||
|
background-color: #bbbbbb;
|
||
|
}
|
||
|
|
||
|
.no-image {
|
||
|
|
||
|
color: #7f7f7f;
|
||
|
font-size: 50px;
|
||
|
top: calc(50% - 25px);
|
||
|
left: calc(50% - 25px);
|
||
|
}
|
||
|
|
||
|
.photo {
|
||
|
width: 100%;
|
||
|
height: 100%;
|
||
|
background-size: cover;
|
||
|
background-position: center;
|
||
|
}
|
||
|
|
||
|
.button {
|
||
|
border: 0;
|
||
|
padding: 0;
|
||
|
text-align: left;
|
||
|
|
||
|
}
|
||
|
|
||
|
.info {
|
||
|
background-color: rgba(0, 0, 0, 0.6);
|
||
|
color: white;
|
||
|
font-size: medium;
|
||
|
position: absolute;
|
||
|
bottom: 0;
|
||
|
left: 0;
|
||
|
padding: 5px;
|
||
|
width: 100%;
|
||
|
}
|
||
|
|
||
|
a:hover .info {
|
||
|
background-color: rgba(0, 0, 0, 0.8);
|
||
|
}
|
||
|
|
||
|
a:hover .photo-container {
|
||
|
border-color: #000;
|
||
|
}
|