#1 Table des matières masquée pour les petits écrans

conf/etherpad-lite/skins/chalec/images/fond.jpg

@@ -1 +0,0 @@
-fond_gris.jpg

conf/etherpad-lite/skins/chalec/index.css

@@ -9,7 +9,7 @@ body {
   font-family: Quicksand, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
   font-size: 16px;
   line-height: 1.42857143;
-  color: #B11111;
+  color: #000000;
   display: flex;
   align-items: center;
   justify-content: center;
@@ -25,7 +25,7 @@ body {
 }
 
 input {
-  color: #B11111;
+  color: #000000;
 }
 
 #inner {
@@ -34,12 +34,12 @@ input {
   width: 350px;
   max-width: 350px;
   text-align: center;
-  color:#B11111;
+  color:#000000;
 }
 
 #label {
   text-shadow: none;
-  color: #b11111;
+  color: #000000;
   font-weight: normal;
   text-align: center;
 }
@@ -52,7 +52,7 @@ input {
   font-weight:bold;
   font-size: 23px;
   line-height: 1.8;
-  color: #b11111;
+  color: #000000;
   background: #00BDFF;
   border-radius: 7px;
   box-shadow: none;
@@ -66,7 +66,7 @@ button[type=submit] {
   border-top-right-radius: 3px;
   border-bottom-right-radius: 3px;
   left: 305px;
-  color: #B11111;
+  color: #000000;
   background: #00BDFF;
   border: none;
   top: 0;
@@ -78,7 +78,7 @@ button[type=submit] {
 button[type=submit]:hover {
   cursor: pointer;
   background: #ecb41a;
-  color: #B11111;
+  color: #FFFFFF;
 }
 
 #padname {

conf/etherpad-lite/skins/chalec/pad.css

@@ -31,22 +31,34 @@
  */
 
 :root {
-  --super-dark-color: #485365; /*#374256;*/
+  --super-dark-color: #000000; /*#374256;*/
-  --dark-color: #576273; /*#4d5d77*/
+  --dark-color: ##485365; /*#4d5d77*/
 
   --primary-color: #64d29b;
-  --middle-color: #d2d2d2; /* kind of grey, use for border for examples */
+  --middle-color: #e3e3e3; /* kind of grey, use for border for examples */
 
-  --light-color: #f2f3f4; /*#f9f9f9;*/
+  /*  --light-color: #78c1da;*/ /*#f9f9f9;*/
+  --light-color: #e3e3e3;
   --super-light-color: white;
 
+  --chalec-blue: #00BDFF;
+  --chalec-red: #B11111;
+  --chalec-yellow: #ECB41A;
+/*
+  --text-color: var(--super-dark-color);
+  --text-soft-color: var(--dark-color);
+  --border-color: var(--middle-color);
+  --bg-soft-color: var(--light-color);
+  --bg-color: var(--super-light-color);
+*/
+
   --text-color: var(--super-dark-color);
   --text-soft-color: var(--dark-color);
   --border-color: var(--middle-color);
   --bg-soft-color: var(--light-color);
   --bg-color: var(--super-light-color);
+  --toolbar-border: var(--chalec-red);
   
-  --toolbar-border: none;
 
   --main-font-family: Quicksand, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
 
@@ -68,3 +80,9 @@ body {
   --scrollbar-track: var(--super-light-color);
   --scrollbar-thumb: var(--dark-color);
 }
+
+
+
+@media (max-width: 590px) {
+    #toc { display: none !important;}
+}