X-Git-Url: https://git.immae.eu/?p=perso%2FDenise%2Foms.git;a=blobdiff_plain;f=static%2Fstyle.css;h=e2d42ffe63f4a848df7f07ce61d08fae3018e78c;hp=58fdd2418fd554889d8ac4de0b224d7f0a49ad27;hb=93ba28a72f0df1e113ad12736839b8c6e12de7ae;hpb=be2bf5155489b103e616845ffedb1a58c3808c48

diff --git a/static/style.css b/static/style.css
index 58fdd24..e2d42ff 100644
--- 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;
 }
@@ -24,10 +42,40 @@ body {
 	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 {
+	opacity: 0;
+	position: absolute;
+	z-index: -1;
+}
+
 .bouton {
 	text-decoration: underline;
 }