peaufinage et détails

css/style.css

@@ -2,7 +2,6 @@
   font-family: "monofonto";
   src: url("../font/raleway.ttf") format("truetype");
 }
-
 body {
   z-index: 1;
   font-family: monofonto;
@@ -10,24 +9,20 @@ body {
   margin: 143px 20px;
   text-align: center;
 }
-
 body > a {
   position: absolute;
   left: 20px;
   top: 20px;
   margin: auto;
 }
-
 body .logo {
   display: block;
 }
-
 body h1 {
   margin: 40px;
   font-weight: bold;
   color: #454545;
 }
-
 body p {
   font-weight: bold;
   color: #ac2a8d;
@@ -42,19 +37,16 @@ body p {
   background-color: #84878C;
   border-radius: 20px;
 }
-
 .nav ul {
   margin: auto;
   padding: 0;
   width: 60%;
 }
-
 .nav ul::after {
   content: "";
   display: block;
   clear: both;
 }
-
 .nav__link {
   width: 20%;
   min-width: 100px;
@@ -63,13 +55,11 @@ body p {
   text-align: center;
   list-style-type: none;
 }
-
 .nav__link:hover {
   background-color: #59184E;
-	transition: .25s;
+  transition: 0.65s;
   border-radius: 10px;
 }
-
 .nav__link a {
   padding-top: 10px;
   padding-bottom: 10px;
@@ -78,7 +68,6 @@ body p {
   display: inline-block;
   text-decoration: none;
 }
-
 .nav__link a:hover {
   color: white;
 }
@@ -97,12 +86,10 @@ form {
 .container-field {
   position: relative;
 }
-
 .container-field small {
   display: none;
   color: red;
 }
-
 .container-field__img {
   display: none;
   position: relative;
@@ -111,7 +98,6 @@ form {
   bottom: 20px;
   right: 20px;
 }
-
 .container-field__field {
   background-color: inherit;
   position: relative;
@@ -128,15 +114,13 @@ form {
   border-radius: 30px;
   width: 60%;
   max-width: 300px;
-	transition: .25s;
+  transition: 0.25s;
 }
-
 .container-field__field:focus, .container-field__field:hover {
   width: 70%;
   border-color: #ac2a8d;
   background-color: white;
 }
-
 .container-field__field--submit:hover {
   width: 65%;
   border-color: #2ecc71;
@@ -148,18 +132,16 @@ form {
   width: 100%;
   top: 0;
 }
-
 .hint__int {
   position: relative;
   left: 35%;
 }
-
 .hint__help {
   display: none;
   z-index: 2;
   position: relative;
   width: 170px;
-	right: -50px;
+  left: 71%;
   border-radius: 30px;
   box-shadow: 0 0 10px black;
   padding: 15px;
@@ -167,21 +149,17 @@ form {
   background-color: #e5e5e5;
   font-size: 14px;
 }
-
 .hint__help:hover {
   display: block;
 }
-
 .hint__help p {
   position: relative;
   font-size: 14px;
 }
-
 .hint__help img {
   border-radius: 15px;
   width: 100%;
 }
-
 .hint__help code {
   background-color: #aaa;
   border-radius: 5px;
@@ -199,11 +177,9 @@ form {
   color: white;
   border: 1px solid #84878C;
 }
-
 .table th {
   width: 1%;
 }
-
 .table td {
   background-color: #e5e5e5;
   border: 1px solid #84878C;
@@ -214,61 +190,50 @@ form {
   word-break: break-all;
   color: #84878C;
 }
-
 .table td img {
   width: 40%;
   max-width: 40px;
 }
-
+.table td .input {
-.table td input {
   border: 2px solid #ac2a8d;
   border-radius: 5px;
   text-align: inherit;
   outline: none;
   color: #84878C;
-	transition: .05s;
+  transition: 0.05s;
 }
-
+.table td .input:hover {
-.table td input:hover {
   font-weight: bold;
 }
-
+.table td .input:focus {
-.table td input:focus {
   font-weight: bold;
   border: 4px solid #ac2a8d;
 }
-
 .table__title td {
   color: #ac2a8d;
   font-weight: bold;
   word-break: normal;
 }
-
 .table__switch {
   position: relative;
   display: inline-block;
   width: 60px;
   height: 34px;
 }
-
 .table__switch input {
   opacity: 0;
   width: 0;
   height: 0;
 }
-
 .table__switch input:checked + .table__switch__slider {
   background-color: #2ecc71;
 }
-
 .table__switch input:focus + .table__switch__slider {
   box-shadow: 0 0 1px #2ecc71;
 }
-
 .table__switch input:checked + .table__switch__slider:before {
   transform: translateX(26px);
 }
-
 .table__switch__slider {
   position: absolute;
   cursor: pointer;
@@ -278,9 +243,8 @@ form {
   bottom: 0;
   background-color: crimson;
   border-radius: 34px;
-	transition: .4s;
+  transition: 0.4s;
 }
-
 .table__switch__slider:before {
   position: absolute;
   border-radius: 50%;
@@ -290,7 +254,7 @@ form {
   left: 4px;
   bottom: 4px;
   background-color: white;
-	transition: .4s;
+  transition: 0.4s;
 }
 
 .container-popup {
@@ -305,12 +269,10 @@ form {
   visibility: hidden;
   opacity: 0;
 }
-
 .container-popup:target {
   visibility: visible;
   opacity: 1;
 }
-
 .container-popup__popup {
   margin: auto;
   padding: 20px;
@@ -325,17 +287,14 @@ form {
   position: absolute;
   transition: all 5s ease-in-out;
 }
-
 .container-popup__popup h2 {
   margin-top: 0;
   color: #333;
 }
-
 .container-popup__popup p {
   max-height: 30%;
   overflow: auto;
 }
-
 .container-popup__popup__close {
   position: absolute;
   top: 20px;
@@ -346,7 +305,6 @@ form {
   text-decoration: none;
   color: #333;
 }
-
 .container-popup__popup__close:hover {
   color: #06D85F;
 }
@@ -356,21 +314,19 @@ form {
   background-color: #e5e5e5;
   font-weight: bold;
   text-decoration: none;
-	transition: .5s;
+  transition: 0.5s;
 }
-
 .button:hover {
   color: #e5e5e5;
   background-color: #ac2a8d;
 }
-
 .button--small {
   width: 3rem;
+  border-width: medium;
   border-radius: 5px;
   margin: 5px;
   color: #84878C;
 }
-
 .button--large {
   color: #ac2a8d;
   display: inline-block;
@@ -378,3 +334,5 @@ form {
   padding: 10px 40px;
   border-radius: 20px;
 }
+
+/*# sourceMappingURL=style.css.map */

css/style.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../sass/main.scss"],"names":[],"mappings":"AAMA;EACI;EACA;;AAGJ;EACI;EACA;EACA,kBAbS;EAcT;EACA;;AACA;EACI;EACA;EACA;EACA;;AAEJ;EACI;;AAEJ;EACI;EACA;EACA;;AAEJ;EACI;EACA,OA9BE;EA+BF;EACA;;;AAOR;EACI;EACA;EACA;EACA,kBA9CQ;EA+CR;;AACA;EACI;EACA;EACA;;AACA;EACI;EACA;EACA;;AAGR;EACI;EACA;EACA;EACA;EACA;EACA;;AACA;EACI,kBAhEG;EAiEH;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;;;AAUhB;EACI;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;;;AAGJ;EACI;;AACA;EACI;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA,cAnIF;EAoIE;;AAEJ;EACI;EACA;EACA;;;AASZ;EAII;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBAlKS;EAmKT;;AAdA;EACI;;AAcJ;EACI;EACA;;AAEJ;EACI;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;;;AAQR;EACI;EACA;EACA;EACA;EACA,kBA/LQ;EAgMR;EACA;;AACA;EACI;;AAEJ;EACI,kBArMK;EAuML;EACA;EACA;EACA;EAEA;EACA;EACA,OA/MI;;AAgNJ;EACI;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA,OAzNA;EA0NA;;AACA;EACI;;AAEJ;EACI;EACA;;AAIZ;EACI,OAlOE;EAmOF;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;;AACA;EACI;;AAEJ;EACI;;AAEJ;EACI;;AAGR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAOhB;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;;AAEJ;EACI;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;;;AAOhB;EACI;EACA,kBA5US;EA6UT;EACA;EACA;;AACA;EACI,OAjVK;EAkVL,kBAhVE;;AAkVN;EACI;EACA;EACA;EACA,OAzVI;;AA2VR;EACI,OAzVE;EA0VF;EACA;EACA;EACA","file":"style.css"}
+{"version":3,"sourceRoot":"","sources":["../sass/main.scss"],"names":[],"mappings":"AAMA;EACI;EACA;;AAGJ;EACI;EACA;EACA,kBAbS;EAcT;EACA;;AACA;EACI;EACA;EACA;EACA;;AAEJ;EACI;;AAEJ;EACI;EACA;EACA;;AAEJ;EACI;EACA,OA9BE;EA+BF;EACA;;;AAOR;EACI;EACA;EACA;EACA,kBA9CQ;EA+CR;;AACA;EACI;EACA;EACA;;AACA;EACI;EACA;EACA;;AAGR;EACI;EACA;EACA;EACA;EACA;EACA;;AACA;EACI,kBAhEG;EAiEH;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;;;AAUhB;EACI;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;;;AAGJ;EACI;;AACA;EACI;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA,cAnIF;EAoIE;;AAEJ;EACI;EACA;EACA;;;AASZ;EACI;EACA;EACA;;AACA;EACI;EACA;;AAEJ;EAII;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBAzKK;EA0KL;;AAbA;EACI;;AAaJ;EACI;EACA;;AAEJ;EACI;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;;;AAWZ;EACI;EACA;EACA;EACA;EACA,kBAzMQ;EA0MR;EACA;;AACA;EACI;;AAEJ;EACI,kBA/MK;EAiNL;EACA;EACA;EACA;EAEA;EACA;EACA,OAzNI;;AA0NJ;EACI;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA,OAnOA;EAoOA;;AACA;EACI;;AAEJ;EACI;EACA;;AAIZ;EACI,OA5OE;EA6OF;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;;AACA;EACI;;AAEJ;EACI;;AAEJ;EACI;;AAGR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAOhB;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;;AAEJ;EACI;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;;;AAOhB;EACI;EACA,kBAtVS;EAuVT;EACA;EACA;;AACA;EACI,OA3VK;EA4VL,kBA1VE;;AA4VN;EACI;EACA;EACA;EACA;EACA,OApWI;;AAsWR;EACI,OApWE;EAqWF;EACA;EACA;EACA","file":"style.css"}

prof/index.php

@@ -73,7 +73,7 @@ include '../sessions/session.php';
             </div>
             <div class="container-field">
                 <?php
-                    $titre = 'Position :';
+                    $titre = 'Position';
                     $sql_name = 'pos';
                     $type = 'text';
                     $error = 'Veuillez remplir ce champ';

referant/include/line.php

@@ -5,7 +5,7 @@ if (isset($_POST['class'])) {
 
 if (isset($line)) {
     echo '<tr>
-        <td class=', $class , ' style="font-weight: bold;" >',$class,'</td>
+        <td class=', $class , ' style="font-weight: bold; font-size: 24px;" >',$class,'</td>
         <td class=', $class , '>',$line[1],'</td>
         <td class=', $class , '>',$line[2],'</td>
         <td class=', $class , '>',$line[3],'</td>
@@ -36,7 +36,7 @@ if (isset($line)) {
 }
 else {
     echo '<tr>
-        <td class=', $class , ' style="font-weight: bold;" ></td>
+        <td class=', $class , ' style="font-weight: bold; font-size: 24px;" ></td>
         <td class=', $class , '></td>
         <td class=', $class , '></td>
         <td class=', $class , '></td>

referant/index.php

@@ -9,7 +9,7 @@ include '../sessions/session_restraintes.php';
     </head>
 
     <body>
-        <div class="contaner-field"><a class="button button--large" href="../prof/index.php">client</a></div>
+        <div class="contaner-field"><a class="button button--large" href="../prof/index.php">formulaire</a></div>
         <?php include 'include/nav.php'; ?>
         <?php include 'include/popup.html'; ?>
         <script type="text/javascript" src="js/edit.js" defer></script>

referant/js/edit.js

@@ -28,7 +28,7 @@ function Edit(clas) {
     let data = new FormData();
     if (obj[13].querySelector('input').value == 'edit') {
         for (let i=1; i< 11; i++) {
-                obj[i].innerHTML = '<input type="text" style="width: 80%;" value="' + obj[i].textContent + '">';
+                obj[i].innerHTML = '<input class="input" type="text" style="width: 80%;" value="' + obj[i].textContent + '">';
             }
             obj[13].querySelector('input').value = 'ok';
     }

sass/main.scss

@@ -65,7 +65,7 @@ body {
         list-style-type: none;
         &:hover {
             background-color: $dark-bordeau;
-            transition: .25s;
+            transition: .65s;
             border-radius: 10px;
         }
         a {
@@ -163,7 +163,7 @@ form {
         z-index: 2;
         position: relative;
         width: 170px;
-        right: -50px;
+        left: 71%;
         border-radius: 30px;
         box-shadow: 0 0 10px black;
         padding: 15px;
@@ -220,7 +220,7 @@ form {
             width: 40%;
             max-width: 40px;
         }
-        input {
+        .input {
             border: 2px solid $bordeau;
             border-radius: 5px;
             text-align: inherit;
@@ -351,6 +351,7 @@ form {
     }
     &--small {
         width: 3rem;
+        border-width: medium;
         border-radius: 5px;
         margin: 5px;
         color: $dark-grey;