amélioration css surtoutbeta

1 files changed, 104 insertions, 4 deletions

diff --git a/static/style.css b/static/style.css
index 3fc08f7..a35e7e7 100644
--- a/static/style.css
+++ b/static/style.css
@@ -1,6 +1,56 @@
+/* général */
+body {
+        background-color: #CED6EB;
+        font-family: Sans-serif ;
+        margin-left: 2rem ;
+        margin-right: 2rem ;
+}
+
+h1 {
+        border-radius: 50px 20px ;
+        border: 5px solid #AA0000;
+        background: rgba(255, 255, 255, 0.5) ;
+        display: inline-block ;
+        padding-top: 20px ;
+        padding-bottom: 20px ;
+        padding-left: 30px ;
+        padding-right: 30px ;
+        color: #660000 ;
+        font-family: Fantasy ;
+        text-transform: uppercase;
+}
+
+h2, h3, h4, h5{
+        color: #660000 ;
+}
+
+hr {
+        color: #660000 ;
+        margin-left: 30px ;
+        margin-right: 30px ;
+}
+
+.titre {
+        text-align: center ;
+}
+
+nav {
+        position: fixed;
+        bottom: 1px;
+        border:solid 1px #660000 ;;
+        padding: 4px;
+        text-align: center ;
+        background-color: #BBD6E7 ;
+}
+
+#findepage {
+        margin-bottom: 100px;
+}
+
 /* Styles divers */
 .cliquable {
         text-decoration: underline;
+        font-size: 1rem ;
 }
 .cliquable:hover {
         cursor: pointer;
@@ -10,14 +60,55 @@
         font-size: 0.8em;
 }
 
+.toutpetit {
+        font-size: 0.6em ;
+}
+
+.lientop {
+        color: inherit ;
+}
+
+.score {
+        background-color: #746FF0 ;
+        border-radius: 5px ;
+        border: 1px solid black ;
+        padding: 10px ;
+        margin: 20px ;
+}
+
+
+span.reset {
+        background-color: #F6AC8E ;
+}
+
+div.reset {
+        margin-bottom: 2em ;
+}
+
+.bouton {
+        border-radius: 20px ;
+        border: 1px solid black ;
+        padding: 10px ; 
+        margin-left: 10px ;
+}
+
+
+
+.liensperma {
+        text-align: center ;
+}
 
 /* Grille du bingo */
 #grille {
-        background-color: #F8F8F8 ;
+        background-color: #746FF0 ;
         padding: 1px ;
-        margin: 30px ;
+        margin-left: 20px ;
+        margin-right: 20px ;
+        margin-top: 20px ;
+        margin-bottom: 20px ;
         border: 1px solid black ;
         table-layout: fixed;
+        border-radius: 5px ;
 }
 
 #grille td {
@@ -45,9 +136,18 @@
 
 /* Formulaire page custom */
 .texte {
-        width:20em
+        width:30rem
 }
 
 .data {
-        width:3em
+        width:3rem
+}
+
+input {
+        background-color: #F0F3FA ;
+        font-size: 1rem ;
+}
 
+.veuxgrille {
+        background-color: #A889E8 ;
+}