X-Git-Url: https://git.immae.eu/?p=perso%2FDenise%2Foms.git;a=blobdiff_plain;f=static%2Fstyle.css;h=b5f041abdbd7d942717017d7ce9fbe1caef2db25;hp=58fdd2418fd554889d8ac4de0b224d7f0a49ad27;hb=d5af53b51c60dd9ebf057b9e24a9bbec04086e50;hpb=be2bf5155489b103e616845ffedb1a58c3808c48 diff --git a/static/style.css b/static/style.css index 58fdd24..b5f041a 100644 --- a/static/style.css +++ b/static/style.css @@ -1,5 +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; +} + +img#courbe { + max-width: 100% } #sectioncourbe { @@ -14,6 +34,7 @@ body { width: 25em; height: 20em; display:none; + max-width: 100% } #courbe_warnings { @@ -24,7 +45,32 @@ body { display: none; } -#import_donnees, #pref_graphique{ +#pref_graphique { + display: none; +} + +#import_donnees label { + display: inline-block; + cursor: pointer; + position: relative; +} + +#import_donnees label img { + border-radius: 100%; + box-shadow: 0px 0px 5px #55f; + vertical-align: middle; +} + +#import_donnees label .icon_legend { + text-align: center; + opacity: 0.7; + line-height: 1.5; + background: rgba(256,256,256,0.5); + padding: 3px 7px; + vertical-align: middle; +} + +#import_donnees input { display: none; }