diff options
Diffstat (limited to 'static/css')
| -rw-r--r-- | static/css/styles.css | 137 |
1 files changed, 137 insertions, 0 deletions
diff --git a/static/css/styles.css b/static/css/styles.css new file mode 100644 index 0000000..12b3203 --- /dev/null +++ b/static/css/styles.css @@ -0,0 +1,137 @@ +blockquote { + background-color: #3333332a; + font-style: italic; + padding: 1em; +} + +/* Merci à https://tomasp.net/techdims/ pour le code et l'idée du background ! */ +body { + background-image: radial-gradient(4px at center,black 20%, transparent 20%), radial-gradient(4px at center,black 20%, transparent 20%); + background-position: 0px 0px, 4px 3px; + background-size: 8px 6px; + background-color: rgb(255, 255, 255); + display: grid; + gap: 20px; + grid-template-columns: 1fr 2fr; +} + +footer { + text-align: center; + background-color: rgb(255, 255, 255); + border: 3px solid black; + grid-column: 1 / 3; + grid-row: 3; +} + +.container { + grid-column: 2; + grid-row: 2; + background-color: rgb(255, 255, 255); + border: 3px solid black; +} + +.content { + padding: 2em; +} + +.description-site { + grid-column: 2; + grid-row: 2; + background-color: rgb(255, 255, 255); + border: 3px solid black; +} + +.header-bloc { + background: #333; + text-align: left; + padding: 1px; + font-size: 10pt; + color: white; +} + +.header-bloc h1, +.header-bloc h2 { + font-weight: 600; + font-size: 12pt; + color: white; +} + +.main-header { + text-align: left; + background-color: rgb(255, 255, 255); + border: 3px solid black; + grid-column: 1 / 3; + grid-row: 1; +} + +.navbar { + background-color: white; +} + +.navbar a { + float: left; + display: block; + color: black; + text-align: center; + padding: 14px 20px; + text-decoration: none; +} + +.navbar a.right { + float: right; +} + +.navbar a:hover { + background-color: #333; + color: white; +} + +.posts-list { + grid-column: 1; + grid-row: 2; + background-color: rgb(255, 255, 255); + border: 3px solid black; +} + +.posts-list a:link, a:visited, +.content a:link, a:visited, +footer a:link, a:visited { + background-color: white; + color: black; + border: 1px dotted black; + padding: 1px 2px; + text-align: center; + text-decoration: none; + display: inline-block; +} + +.posts-list a:hover, a:active, +.content a:hover, a:active, +footer a:hover, a:active { + background-color: #333; + color: white; +} + +.side { + position: -webkit-sticky; + position: sticky; + height: fit-content; + top: 0; + background-color: rgb(255, 255, 255); + border: 3px solid black; + grid-column: 1; + grid-row: 2; +} + +.toc ul { + list-style: none; +} + +.toc a { + text-decoration: none; + color: black; +} + +.toc a:hover { + text-decoration: underline; +}
\ No newline at end of file |