58 lines
1.2 KiB
CSS
58 lines
1.2 KiB
CSS
.list-key{
|
|
font-weight:bold;
|
|
}
|
|
|
|
|
|
div.gallery{
|
|
display:inline-block;
|
|
/*Album divs are blocks of a set size that are displayed side by side until they overflow onto the next line*/
|
|
text-align:center;
|
|
vertical-align:top;
|
|
/*In case of aforementioned overflow, ensure the tops of all album covers in each given row are aligned.*/
|
|
}
|
|
img.gallery{
|
|
}
|
|
|
|
|
|
|
|
div.exhibit-album{
|
|
width:10em;
|
|
/*Set the width of the div equal to the width of the album cover so that long album titles or artist names overflow onto the next line.*/
|
|
margin:0.75em;
|
|
/*Put some space between the albums*/
|
|
}
|
|
img.exhibit-album{
|
|
width:10em;
|
|
height:10em;
|
|
}
|
|
|
|
|
|
|
|
.exhibit-mtg-card{
|
|
margin:0;
|
|
width:12.5em;
|
|
height:17.5em;
|
|
}
|
|
div.card-transform{
|
|
overflow:hidden;
|
|
}
|
|
div.card-transform:hover img.card-front{
|
|
display:none;
|
|
}
|
|
|
|
|
|
div.exhibit-movie{
|
|
width:10em;
|
|
/*Set the width of the div equal to the width of the album cover so that long album titles or artist names overflow onto the next line.*/
|
|
margin:0.42em;
|
|
/*Put some space between the albums*/
|
|
|
|
}
|
|
img.exhibit-movie{
|
|
width:10em;
|
|
}
|
|
|
|
/*Look into 'masonry' for quote board:
|
|
https://w3bits.com/css-masonry/
|
|
*/
|