More languages
More actions
No edit summary |
No edit summary |
||
Line 1: | Line 1: | ||
.library-card{ | .library-card{ | ||
width: | width:200px; | ||
margin:20px 0 0 20px; | margin:20px 0 0 20px; | ||
border:1px gray solid; | border:1px gray solid; | ||
Line 9: | Line 9: | ||
.library-card-image{ | .library-card-image{ | ||
height: | height:350px; | ||
width:auto; | width:auto; | ||
background-size:cover; | background-size:cover; |
Revision as of 01:23, 5 July 2023
.library-card{
width:200px;
margin:20px 0 0 20px;
border:1px gray solid;
border-radius:20px 20px 0px 0px;
overflow:hidden;
z-index:10;
}
.library-card-image{
height:350px;
width:auto;
background-size:cover;
padding:0;
margin:0;
z-index:-1;
}
img{
transform: scale(1.2);
overflow:hidden;
padding:0;
margin:0;
transition: transform 0.4s;
z-index:-1;
}
img:hover{
transform:scale(1.3);
}
.library-card-content{
padding:0;
margin:0;
text-align:center;
display:block;
z-index:10;
background-color:inherit; /* will need to change colour to account for dark mode */
overflow:hidden;
position:relative;
border-top:1px solid gray;
}
.library-card-title{
font-size:1.2rem;
}
.library-card-works{
font-size:0.9rem;
}
span{
display:inline;
}