From 1fb3cc51da35cd89ca84fb46fbca7c5bf8a12eec Mon Sep 17 00:00:00 2001 From: Denise sur Lya Date: Fri, 30 Jul 2021 22:54:21 +0200 Subject: =?UTF-8?q?am=C3=A9lioration=20css=20surtout?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- static/style.css | 108 ++++++++++++++++++++++++++++++++++++++++++++++++++++--- 1 file changed, 104 insertions(+), 4 deletions(-) (limited to 'static') 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 ; +} -- cgit v1.2.3