90 lines
1.1 KiB
CSS
90 lines
1.1 KiB
CSS
body {
|
|
background: url('/assets/img/noisy_background.svg');
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
/************/
|
|
/* The Grid */
|
|
/************/
|
|
.episode-list {
|
|
max-width: 1000px;
|
|
min-height: 100vh;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr 1fr;
|
|
grid-template-rows: 100px 1fr 100px;
|
|
grid-template-areas:
|
|
"header header header"
|
|
"main main main"
|
|
"footer_l footer_c footer_r";
|
|
grid-row-gap: 1em;
|
|
}
|
|
|
|
header {
|
|
grid-area: header;
|
|
}
|
|
|
|
main {
|
|
grid-area: main;
|
|
}
|
|
|
|
footer #left {
|
|
grid-area: footer_l;
|
|
}
|
|
|
|
footer #center {
|
|
grid-area: footer_c;
|
|
}
|
|
|
|
footer #right {
|
|
grid-area: footer_r;
|
|
}
|
|
|
|
/**********/
|
|
/* Header */
|
|
/**********/
|
|
header {
|
|
background-color: white;
|
|
|
|
}
|
|
|
|
header h1 {
|
|
color: red;
|
|
}
|
|
|
|
header h2 {
|
|
color: green;
|
|
}
|
|
|
|
/********/
|
|
/* Main */
|
|
/********/
|
|
main {
|
|
background-color: white;
|
|
}
|
|
|
|
/***********/
|
|
/* Preview */
|
|
/***********/
|
|
article.preview {
|
|
margin: 1em 1em 1em 1em;
|
|
border: 1px solid green;
|
|
border-radius: 20px;
|
|
}
|
|
|
|
article.preview h1 {
|
|
color: blue;
|
|
}
|
|
|
|
article.preview p {
|
|
color: yellow;
|
|
}
|
|
|
|
/**********/
|
|
/* Footer */
|
|
/**********/
|
|
footer {
|
|
background-color: white;
|
|
} |