Challenge: minimal css code with great impact
CSS for this page
/* Core modifications */
.page-header {
color: #824670;
margin-bottom: 1rem;
}
.page-header h1::after {
content: '';
height: 12px;
background-color: #F4EDEA;
width: 5rem;
display: block;
margin-top: -1rem;
}
.mod-articlesnews__item:not(:last-child) {
margin-bottom: 1rem;
}
.newsflash-title {
background-color: #824670;
color: #fff;
padding: .5rem;
}
/* Cassiopeia modifications */
/* Header */
.container-header {
background-image: none;
background-color: #004e89;
}
.brand-logo {
text-decoration: none;
}
/* Sidebar */
.container-sidebar-right {
background-color: #F4EDEA;
margin-top: 1rem;
padding: 0 1rem;
}
/* Footer */
.container-footer {
background-image: none;
background-color: #824670;
}
/* General modifications */
blockquote {
padding-top: 10px;
}
blockquote::before {
font-family: Arial;
color: #ccc;
content: "\201C";
font-size: 4em;
line-height: 0.1em;
margin-right: 0.1em;
vertical-align: -0.4em;
}
blockquote p {
display: inline;
}