More languages
More actions
No edit summary |
No edit summary |
||
Line 11: | Line 11: | ||
height:400px; | height:400px; | ||
width:100%; | width:100%; | ||
padding:0; | padding:0; | ||
margin:0; | margin:0; | ||
Line 38: | Line 37: | ||
background-color:red; /* will need to change colour to account for dark mode */ | background-color:red; /* will need to change colour to account for dark mode */ | ||
overflow:hidden; | overflow:hidden; | ||
position:relative; | |||
border-top:1px solid gray; | |||
} | } | ||
Revision as of 01:20, 5 July 2023
.library-card{
width:300px;
margin:20px 0 0 20px;
border:1px gray solid;
border-radius:20px 20px 0px 0px;
overflow:hidden;
z-index:10;
}
.library-card-image{
height:400px;
width:100%;
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:red; /* 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;
}