SAE-A2-TruthInquiry/truthinquiry/static/css/game_ui_legal.css
AudricV 40c4e47327
[Client] Improve legal pages design
- Change background color to game's grey to fix hover color of footer links;
- Move footer links at the bottom of the page;
- Change game's blue color to match this color with accessibility
recommendations.
2023-03-29 09:55:11 +02:00

51 lines
952 B
CSS

/* Common properties */
html {
background-color: var(--game-grey);
color: var(--game-white);
font-family: "Roboto Mono", "sans-serif";
}
body {
display: flex;
flex-direction: column;
height: calc(100vh - var(--body-margin) * 2);
width: calc(100vw - var(--body-margin) * 2);
}
footer {
margin-top: auto;
}
/* Legal links and texts */
.legal_text_description, .legal_text_last_update, .legal_text_title {
margin: 0;
margin-bottom: 0.5em;
margin-top: 0.5em;
}
.legal_link {
color: var(--game-blue);
}
.legal_text_title {
font-family: "Spicy Rice", sans-serif;
font-size: 2.5em;
text-align: center;
}
.legal_text_last_update {
font-family: "Titan One", serif;
font-size: 1.5em;
}
.legal_text_description {
font-size: 1.25em;
}
.legal_text_unordered_list {
font-size: 1em;
/* Disable list item padding */
list-style-position: inside;
padding-inline-start: 0;
}