Bouton importer fichier avec jolie image et import tout de suite
[perso/Denise/oms.git] / static / style.css
1 body {
2 background-color:#EEEEEE;
3 }
4
5 h1 {
6 background: #55f;
7 padding: 5px 10px;
8 border-radius: 10px;
9 color: #ffc0b0;
10 text-align: center;
11 }
12
13 #warnings {
14 background: #ff8060;
15 }
16
17 input[type="text"] {
18 max-width: 20vw;
19 }
20
21
22
23 #sectioncourbe {
24 display: none;
25 }
26
27 #sectionexport {
28 display: none;
29 }
30
31 #export {
32 width: 25em;
33 height: 20em;
34 display:none;
35 }
36
37 #courbe_warnings {
38 display: none;
39 }
40
41 #courbe_erreurs {
42 display: none;
43 }
44
45 #pref_graphique {
46 display: none;
47 }
48
49 #import_donnees label {
50 height: 128px;
51 display: inline-block;
52 cursor: pointer;
53 position: relative;
54 }
55
56 #import_donnees label img {
57 border-radius: 100%;
58 box-shadow: 0px 0px 10px #55f;
59 }
60
61 #import_donnees label .icon_legend {
62 position: absolute;
63 top: 50%;
64 left: 50%;
65 transform: translate(-50%,-50%);
66 width: 90%;
67 text-align: center;
68 opacity: 0.7;
69 line-height: 1.5;
70 background: rgba(256,256,256,0.5);
71 }
72
73 #import_donnees input {
74 opacity: 0;
75 position: absolute;
76 z-index: -1;
77 }
78
79 .bouton {
80 text-decoration: underline;
81 }
82
83 .bouton:hover {
84 cursor:pointer;
85 }