Css correction

MBunel · Jun 4, 2024 · c16e74d · c16e74d
1 parent 05d0bfd
commit c16e74d
Show file tree

Hide file tree

Showing 2 changed files with 44 additions and 60 deletions.
diff --git a/theme/static/style.css b/theme/static/style.css
@@ -30,7 +30,6 @@
     --visited-link: var(--sapphire);
 }
 
-
 /* Fonts imports*/
 @font-face {
     font-family: 'Space Mono';
@@ -104,7 +103,6 @@
     src: url("./LibreBaskerville-Italic.ttf") format('truetype');
 }
 
-
 /* Layout */
 ::selection {
     background: var(--selection);
@@ -133,47 +131,42 @@ header {
     font-weight: bold;
     /* Border */
     border-bottom: 2px solid var(--on-background);
-    nav {
-	font-size: 125%;
-	ul {
-	    margin: 0;
-	    padding: 0;
-
-	    li {
-		display: inline;
-		margin-left: 1em;
-	    }
-	    li:first-child {
-		margin-left:0;
-	    }
-	}
-
-    }
+}
+
+header nav {
+    font-size: 125%;
+}
+
+header nav ul {
+    margin: 0;
+    padding: 0;
+}
+
+header nav ul li {
+    display: inline;
+    margin-left: 1em;
+}
+
+header nav ul li:first-child {
+    margin-left:0;
 }
 
 .title {
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
     align-items: center;
-    h1 {
-	font-size: 200%;
-	margin-left: 1em;
-	margin-right: 1em;
-    }
-
 }
 
-.avatar {
-    width:100px;
-    height:100px;
-    img {
-	border-radius:50%;
-	width:100%;
-	height:100%
-    }
+.title h1 {
+    font-size: 200%;
+    margin-left: 1em;
+    margin-right: 1em;
 }
 
+.avatar img {
+    border-radius:50%;
+}
 
 footer {
     text-align: center;
@@ -183,7 +176,6 @@ footer {
     border-top: 2px solid var(--on-background);
 }
 
-
 body {
     /* Layout */
     max-width: 70rem;
@@ -219,7 +211,6 @@ main {
     flex-basis: auto;
 }
 
-
 h1, h2, h3 {
     font-family: "Libre Franklin",sans;
     font-weight: bold;
@@ -233,7 +224,6 @@ nav {
 
 }
 
-
 hgroup {
     line-height:1.25;
 }
@@ -251,11 +241,11 @@ hgroup > p {
 
 
 blockquote {
-  margin-bottom: 10px;
-  padding: 0.5em;
-  background-color: var(--mantle);
-  border-left: 4px solid var(--crust);
-  box-shadow: 0.1em 0.2em 0.2em var(--crust);
+    margin-bottom: 10px;
+    padding: 0.5em;
+    background-color: var(--mantle);
+    border-left: 4px solid var(--crust);
+    box-shadow: 0.1em 0.2em 0.2em var(--crust);
 }
 
 .csl-bib-body {
@@ -300,35 +290,29 @@ kbd {
     background:var(--mantle);
 }
 
+.org-keyword {
+    color: var(--lavender);
+    font-weight:bold;
+}
 
-.src {
-    .org-keyword {
-	color: var(--lavender);
-	font-weight:bold;
-    }
+.org-comment, .org-comment-delimiter {
+    color: var(--subtext0);
+    font-style: italic;
+}
 
-    .org-comment, .org-comment-delimiter {
-	color: var(--subtext0);
-	font-style: italic;
-    }
-    .org-builtin {
-	color:var(--blue);
-    }
-    .org-string {
-	color: var(--flamingo);
-    }
-    .org-variable-name {
-	color: var(--maroon);
-    }
+.org-builtin {
+    color:var(--blue);
+}
 
+.org-string {
+    color: var(--flamingo);
 }
 
 /* Listes */
 ul {
     // list-style-type: none;
 }
 
-
 /* Tables */
 table {
     margin:1em auto;

diff --git a/theme/templates/base.html b/theme/templates/base.html
@@ -41,7 +41,7 @@
       <div class="title">
 	<div class="avatar">
 	  <a href="{{ url_for("index") }}">
-	    <img alt="Un hiboux grognon sur un globe terrestre" src="{{ url_for("static", file="archi.jpg") }}">
+	    <img width="100" height="100" alt="Un hiboux grognon sur un globe terrestre" src="{{ url_for("static", file="archi.jpg") }}">
 	  </a>
 	</div>
 	<h1>