Bouton importer fichier avec jolie image et import tout de suite

[perso/Denise/oms.git] / static / style.css

diff --git a/static/style.css b/static/style.css
index 58ddc3b112160162edce5a08eb4e0c9a953114d3..e2d42ffe63f4a848df7f07ce61d08fae3018e78c 100644 (file)
--- a/static/style.css
+++ b/static/style.css
@@ -1,7 +1,25 @@
 body {
-       background-color:#CCCCCC;
+       background-color:#EEEEEE;
 }
 
+h1 {
+       background: #55f;
+       padding: 5px 10px;
+       border-radius: 10px;
+       color: #ffc0b0;
+       text-align: center;
+}
+
+#warnings {
+       background: #ff8060;
+}
+
+input[type="text"] {
+       max-width: 20vw;
+}
+
+
+
 #sectioncourbe {
        display: none;
 }
@@ -13,4 +31,55 @@ body {
 #export {
        width: 25em;
        height: 20em;
+       display:none;
+}
+
+#courbe_warnings {
+       display: none;
+}
+
+#courbe_erreurs {
+       display: none;
+}
+
+#pref_graphique {
+       display: none;
+}
+
+#import_donnees label {
+    height: 128px;
+    display: inline-block;
+       cursor: pointer;
+       position: relative;
+}
+
+#import_donnees label img {
+    border-radius: 100%;
+    box-shadow: 0px 0px 10px #55f;
+}
+
+#import_donnees label .icon_legend {
+       position: absolute;
+       top: 50%;
+       left: 50%;
+       transform: translate(-50%,-50%);
+       width: 90%;
+       text-align: center;
+       opacity: 0.7;
+       line-height: 1.5;
+       background: rgba(256,256,256,0.5);
+}
+
+#import_donnees input {
+       opacity: 0;
+       position: absolute;
+       z-index: -1;
+}
+
+.bouton {
+       text-decoration: underline;
+}
+
+.bouton:hover {
+       cursor:pointer;
 }