102 lines
1.7 KiB
CSS
102 lines
1.7 KiB
CSS
html {
|
|
height: 100%;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
*,
|
|
*:before,
|
|
*:after {
|
|
box-sizing: inherit;
|
|
}
|
|
|
|
body {
|
|
position: relative;
|
|
margin: 0;
|
|
padding-bottom: 5rem;
|
|
min-height: 100%;
|
|
}
|
|
|
|
|
|
footer {
|
|
position: absolute;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
padding: 1.5rem;
|
|
text-align: center;
|
|
}
|
|
|
|
|
|
header{
|
|
/*min-height:10%;*/
|
|
/*height: 15vh;*/
|
|
text-align:center;
|
|
padding: 2rem/*var(--hf-padding)*/;
|
|
margin-bottom:/*1%*/0;
|
|
}
|
|
|
|
nav{
|
|
/*min-width:10%;
|
|
max-width:10%;*/
|
|
/*width:100px;
|
|
min-height:var(--main-height);
|
|
max-width:10%;
|
|
padding:5px;
|
|
padding-top:0%;
|
|
display:inline-block;
|
|
vertical-align:top;*/
|
|
|
|
text-align:center;
|
|
padding: 0.1rem/*var(--hf-padding)*/;
|
|
|
|
}
|
|
|
|
main{
|
|
/*width: 80%;*/
|
|
background-color:white;
|
|
min-height: 60vh;
|
|
display:inline-block;
|
|
margin:3%;
|
|
margin-top:0;
|
|
width:94%;
|
|
}
|
|
|
|
|
|
|
|
.nav-tab{
|
|
/*width:100%;*/
|
|
padding-left:1rem;
|
|
padding-right:1rem;
|
|
margin:0.1rem;
|
|
display:inline-block;
|
|
text-align:center;
|
|
}
|
|
|
|
ol, ul {
|
|
padding-left:2rem;
|
|
}
|
|
|
|
.list-album{
|
|
display:inline-block;
|
|
/*Album divs are blocks of a set size that are displayed side by side until they overflow onto the next line*/
|
|
margin:0.5em;
|
|
/*Put some space between the albums*/
|
|
text-align:center;
|
|
padding:0;
|
|
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.*/
|
|
vertical-align:top;
|
|
/*In case of aforementioned overflow, ensure the tops of all album covers in each given row are aligned.*/
|
|
}
|
|
|
|
.list-album-cover{
|
|
width:10em;
|
|
height:10em;
|
|
margin:0;
|
|
}
|
|
|
|
p{
|
|
text-align:justify;
|
|
margin-bottom:1rem;
|
|
}
|