chambery_ctt/themes/contraception/static/css/main.css
2024-02-13 14:27:26 +01:00

133 lines
1.6 KiB
CSS

/* TODO :
* fonts
*
*/
:root {
--main-color:#4f3677;
}
h1 {
text-align: center;
}
header a{
text-decoration: none;
color: black;
}
h2 {
font-size: 2em;
line-height: initial;
}
#site-subtitle {
text-align: center;
font-size: 1em;
}
#flex-container {
display: flex;
flex-direction: row;
}
#content {
padding-left: 10%;
padding-right: 10%;
max-width: 50%;
font-size: 1.5em;
line-height: 35px;
text-align: justify;
text-justify: auto;
}
#content h3 {
background-image: url("/images/underline.png");
background-position: 0em -1em;
background-repeat: no-repeat ;
}
#about {
text-align: center;
}
.entry-title {
text-align: center;
}
.footnote {
font-size: .7em;
}
.footnote {
color: var(--main-color);
}
.footnote li::marker {
color: black;
}
nav {
max-width: 40%;
padding-right: 10%;
font-size: 1.2em;
line-height: 35px;
}
nav a {
text-decoration: none;
color: black;
}
nav a:hover {
text-decoration: underline;
color: var(--main-color)
}
.footnote-ref {
color: var(--main-color)
}
footer {
padding: 50px;
}
/* Responsive layout - makes a one column layout instead of a two-column layout */
@media (max-width: 900px) {
#flex-container {
flex-direction: column;
}
#content {
max-width: 100%;
text-align: left;
}
h2 {
font-size: 1.7em;
}
nav {
max-width: 100%;
padding-left: 10%;
padding-right: 10%;
}
nav a {
color: black;
text-decoration: underline;
text-decoration-style: dotted;
}
nav li {
margin: 1em;
}
h2, h3 {
word-break: break-word;
hyphens: auto;
}
}