X-Git-Url: https://git.immae.eu/?p=perso%2FDenise%2Foms.git;a=blobdiff_plain;f=static%2Fstyle.css;h=0df8e6a8a81b18ac162ef8f45cb0bfde11160f18;hp=97f20d92c0421fa70c403b6255b053bcb9a3926d;hb=61020126080c00be471ea41a0b25109469d8bda1;hpb=fd69b6b5fd9117baeb2b39fa75c3efa3740e2227

diff --git a/static/style.css b/static/style.css
index 97f20d9..0df8e6a 100644
--- a/static/style.css
+++ b/static/style.css
@@ -18,7 +18,9 @@ input[type="text"] {
 	max-width: 20vw;
 }
 
-
+img#courbe {
+	max-width: 100%
+}
 
 #sectioncourbe {
 	display: none;
@@ -32,6 +34,7 @@ input[type="text"] {
 	width: 25em;
 	height: 20em;
 	display:none;
+	max-width: 100%
 }
 
 #courbe_warnings {
@@ -42,7 +45,35 @@ input[type="text"] {
 	display: none;
 }
 
-#import_donnees, #pref_graphique{
+#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 {
 	display: none;
 }