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