From d83836a971f54982bfcde5750834dfe4da369dc1 Mon Sep 17 00:00:00 2001 From: RochDLY Date: Tue, 7 Nov 2023 15:08:43 +0100 Subject: =?UTF-8?q?git=20init=20du=20carnet=20g=C3=A9n=C3=A9r=C3=A9=20avec?= =?UTF-8?q?=20make=20et=20pandoc?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- docs/css/styles.css | 137 ++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 137 insertions(+) create mode 100644 docs/css/styles.css (limited to 'docs/css') diff --git a/docs/css/styles.css b/docs/css/styles.css new file mode 100644 index 0000000..12b3203 --- /dev/null +++ b/docs/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 -- cgit v1.2.3