layout.css: homogénéisation de l'indentation

static/css/layout.css

@@ -1,15 +1,15 @@
 /*PARAMETRES GENERAUX*/
-:root{
+:root {
-	--big_margin:100px;
+  --big_margin: 100px;
-	--med_margin:50px;
+  --med_margin: 50px;
-	--small_margin:10px;
+  --small_margin: 10px;
   --day-background: #fdfff9;
   --day-highlight-color: white;
   --day-highlight-bg: darkgreen;
   --night-highlight-color: #ebebed;
   --night-highlight-bg: #565a4d;
-	--night-background: #242526;/*#3c3c39;*/
+  --night-background: #242526; /*#3c3c39;*/
-	--txt-night: #ebebed;/*#c7c4d4;*/
+  --txt-night: #ebebed; /*#c7c4d4;*/
   color-scheme: light dark;
   /*
 	--menu: pink;
@@ -29,48 +29,46 @@
 	--calendrier: darkkhaki;
 	--footer: deeppink;
 	--lightgrey: lightgrey;*/
-
 }
 
 /* PAR DEFAUT */
-html, body, main{
+html, body, main {
-	margin:0;
+  margin: 0;
   padding: 0;
   font-size: 13px;
 }
 
-body{
+body {
   font-family: monospace;
   color: black;
   background-color: var(--day-background);
 }
 
-pre{
+pre {
   padding: 0;
   margin: 0;
   font-size: 1rem;
 }
 
-p{
+p {
   font-size: 1rem;
 }
 
-a{
+a {
   color: darkgreen;
 }
 
-
+nav ul {
-nav ul{
   list-style: none;
   padding: 0px;
   margin: 0px;
 }
 
-h1:after, h2:after{
+h1:after, h2:after {
-	content:'\A___________________________________\A"""""""""""""""""""""""""""""""""""';
+  content: '\A___________________________________\A"""""""""""""""""""""""""""""""""""';
 }
 
-h2, h1{
+h2, h1 {
   font-size: 1rem;
   font-weight: normal;
   margin: 0px;
@@ -78,21 +76,21 @@ h2, h1{
   text-align: left;
 }
 
-h2, h1{
+h2, h1 {
   text-transform: uppercase;
-	white-space:pre;
+  white-space: pre;
   overflow: hidden;
 }
 
-img{
+img {
   width: 100%;
 }
 
-.noscroll{
+.noscroll {
   overflow: hidden;
 }
 
-.highlight{
+.highlight {
   color: var(--day-highlight-color);
   background-color: var(--day-highlight-bg);
 }
@@ -102,7 +100,7 @@ img{
 }
 
 /*GESTION DE LA GRILLE DU DOCUMENT*/
-div#container{
+div#container {
   display: grid;
   grid-template-columns: [main-col-start] repeat(12, calc(100% / 12) [main-col-sep]);
   grid-template-rows:
@@ -126,13 +124,13 @@ footer {
   grid-area: footer-start / main-col-start / footer-end / main-col-sep 12;
 }
 
-#liens{
+#liens {
   text-align: center;
-	margin-bottom: var(--med_margin)
+  margin-bottom: var(--med_margin);
 }
 
 /* MENU */
-nav#menu{
+nav#menu {
   background-color: var(--day-background);
   display: flex;
   justify-content: flex-end;
@@ -142,18 +140,18 @@ nav#menu{
   right: 1rem;
 }
 
-.icone > pre{
+.icone > pre {
   padding-top: 1rem;
   color: black;
 }
 
-.icone{
+.icone {
-	position : relative;
+  position: relative;
   display: inline-block;
   text-decoration: none;
 }
 
-.icone .img_top{
+.icone .img_top {
   display: none;
   position: absolute;
   top: 0;
@@ -163,28 +161,28 @@ nav#menu{
   color: darkgreen;
 }
 
-.icone:hover .img_top{
+.icone:hover .img_top {
   display: inline;
 }
 
-.icone a{
+.icone a {
   text-decoration: none;
-	color:black;
+  color: black;
 }
 
-nav#menu > a{
+nav#menu > a {
   display: block;
   color: black;
   text-decoration: none;
 }
 
-nav#menu > a:hover{
+nav#menu > a:hover {
   color: darkgreen;
   text-decoration: none;
 }
 
 /* ILLUSTRATIONS ASCII (Y COMPRIS FOOTER) */
-pre.center{
+pre.center {
   font-size: 1rem;
   display: flex;
   justify-content: center;
@@ -193,7 +191,7 @@ pre.center{
 pre.hide {
   display: none;
 }
-pre.center > a{
+pre.center > a {
   font-size: 1rem;
   display: contents;
   text-decoration: 1px black solid;
@@ -202,73 +200,73 @@ pre.center > a{
 /* RESPONSIVE */
 /* Tablettes */
 @media (max-width: 1500px) and (min-width: 801px) {
-	h2, h1{
+  h2,
+  h1 {
     font-size: 1rem;
     font-weight: normal;
     margin: 0px;
     padding: 0px;
     text-transform: uppercase;
-		white-space:pre;
+    white-space: pre;
     overflow: hidden;
   }
 }
 
 /* Smartphones */
 @media (max-width: 800px) {
-	:root{
+  :root {
-		--big_margin:50px;
+    --big_margin: 50px;
-		--med_margin:25px;
+    --med_margin: 25px;
-		--small_margin:5px;
+    --small_margin: 5px;
   }
 
-	h1:before, h1:after{
+  h1:before, h1:after {
-		content: '';
+    content: "";
   }
 
-	h2:before{
+  h2:before {
     content: '______________________________________________________________________\A""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""\A* ';
   }
 
-	h2:after{
+  h2:after {
     content: ' *\A______________________________________________________________________\A""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""';
   }
 
-	h2, h1{
+  h2, h1 {
     font-size: 1rem;
     text-align: center;
   }
 
-	h2, h1{
+  h2, h1 {
     text-transform: uppercase;
     white-space: pre;
     overflow: hidden;
   }
-
 }
 
 /* THEME SOMBRE */
 @media (prefers-color-scheme: dark) {
-	div#container, nav#menu, body{
+  div#container, nav#menu, body {
     background-color: var(--night-background);
   }
-	p, pre, ul, li, a, a:hover, h1, h2, footer{
+  p, pre, ul, li, a, a:hover, h1, h2, footer {
     color: var(--txt-night);
   }
-	.highlight{
+  .highlight {
     color: var(--night-highlight-color);
     background-color: var(--night-highlight-bg);
   }
-	.icone > pre{
+  .icone > pre {
     color: var(--txt-night);
   }
-	.icone .img_top{
+  .icone .img_top {
     background-color: var(--night-background);
     color: var(--txt-night);
   }
-	.icone a{
+  .icone a {
     color: var(--txt-night);
   }
-	div#ronce, #coop, #autonomie, #solidarite, #liberte, nav#menu, div#rennes, div#orsay{
+  div#ronce, #coop, #autonomie, #solidarite, #liberte, nav#menu, div#rennes, div#orsay {
     border-color: var(--txt-night);
   }
 }