summaryrefslogtreecommitdiff
path: root/docs/css/styles.css
diff options
context:
space:
mode:
authorRochDLY <roch.delannay@gmail.com>2023-11-07 15:08:43 +0100
committerRochDLY <roch.delannay@gmail.com>2023-11-07 15:08:43 +0100
commitd83836a971f54982bfcde5750834dfe4da369dc1 (patch)
tree55e8ac3e204ad4bf708fde2700d75dfc261f3c17 /docs/css/styles.css
downloadpandoc-site-d83836a971f54982bfcde5750834dfe4da369dc1.tar.gz
pandoc-site-d83836a971f54982bfcde5750834dfe4da369dc1.tar.bz2
pandoc-site-d83836a971f54982bfcde5750834dfe4da369dc1.zip
git init du carnet généré avec make et pandoc
Diffstat (limited to 'docs/css/styles.css')
-rw-r--r--docs/css/styles.css137
1 files changed, 137 insertions, 0 deletions
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