No edit summary |
No edit summary |
||
Line 2: | Line 2: | ||
width:300px; | width:300px; | ||
margin:20px 0 0 20px; | margin:20px 0 0 20px; | ||
border:1px gray solid; | border:1px gray solid; | ||
border-radius:20px 20px 0px 0px; | border-radius:20px 20px 0px 0px; | ||
overflow:hidden; | overflow:hidden; | ||
z-index:10; | |||
} | } | ||
Line 14: | Line 14: | ||
padding:0; | padding:0; | ||
margin:0; | margin:0; | ||
z-index:-1; | |||
} | } | ||
Line 22: | Line 23: | ||
margin:0; | margin:0; | ||
transition: transform 0.4s; | transition: transform 0.4s; | ||
z-index:-1; | |||
} | } | ||
Line 33: | Line 35: | ||
text-align:center; | text-align:center; | ||
display:block; | display:block; | ||
z-index: | z-index:10; | ||
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; |
Revision as of 01:18, 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%;
border-bottom:1px solid gray;
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;
}
.library-card-title{
font-size:1.2rem;
}
.library-card-works{
font-size:0.9rem;
}
span{
display:inline;
}