diff --git a/web/css/style.css b/web/css/style.css index 8200f66..35081c5 100644 --- a/web/css/style.css +++ b/web/css/style.css @@ -1,90 +1,105 @@ @import url(https://fonts.googleapis.com/css?family=Exo+2); - h1 { - font-size: 75px; + font-size: 75px; } ::-webkit-input-placeholder { - color: #999999; + color: #999999; } - -:-moz-placeholder { /* Firefox 18- */ - color: #999999; +:-moz-placeholder { + /* Firefox 18- */ + color: #999999; } - -::-moz-placeholder { /* Firefox 19+ */ - color: #999999; +::-moz-placeholder { + /* Firefox 19+ */ + color: #999999; } - :-ms-input-placeholder { - color: #999999; + color: #999999; } .intro { - text-align: center; + text-align: center; } .column { - max-width: 450px; + max-width: 450px; } - body { - background-color: #F0F0F0; + background-color: #F0F0F0; } .ui.menu .item img.logo { - margin-right: 1.5em; + margin-right: 1.5em; } .main.container { - margin-top: 7em; + margin-top: 7em; } .wireframe { - margin-top: 2em; + margin-top: 2em; } .ui.footer.segment { - margin: 5em 0em 0em; - padding: 5em 0em; + margin: 5em 0em 0em; + padding: 5em 0em; } h1 { - color: #62AC5B; - font-family: "Exo 2"; + color: #62AC5B; + font-family: "Exo 2"; } h2 { - color: #226C1B; + color: #226C1B; } li { - transition-duration: 0.5s; + transition-duration: 0.5s; } li:hover { - background-color: #0066cc; + background-color: #0066cc; } tr { - transition-duration: 0.5s; + transition-duration: 0.5s; } tr:hover { - background-color: #DDDDDD; + background-color: #DDDDDD; } li a, .navbar-brand { - color: white !important; + color: white !important; } table { - color: #226C1B; + color: #226C1B; } #fileupload { - margin-right:auto; - padding-left:2em; + margin-right: auto; + padding-left: 2em; +} +@-webkit-keyframes fadeIn { + from { + opacity: 0; + } + to { + opacity: 1; + } +} +@-moz-keyframes fadeIn { + from { + opacity: 0; + } + to { + opacity: 1; + } +} +@keyframes fadeIn { + from { + opacity: 0; + } + to { + opacity: 1; + } } -@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } } -@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } } -@keyframes fadeIn { from { opacity:0; } to { opacity:1; } } - .fade_in { - opacity: 0; - -webkit-animation: fadeIn ease-in-out 1; - -moz-animation: fadeIn ease-in-out 1; - animation: fadeIn ease-in-out 1; - - -webkit-animation-fill-mode: forwards; - -moz-animation-fill-mode: forwards; - animation-fill-mode: forwards; - - -webkit-animation-duration: 1s; - -moz-animation-duration: 1s; - animation-duration: 1s; + opacity: 0; + -webkit-animation: fadeIn ease-in-out 1; + -moz-animation: fadeIn ease-in-out 1; + animation: fadeIn ease-in-out 1; + -webkit-animation-fill-mode: forwards; + -moz-animation-fill-mode: forwards; + animation-fill-mode: forwards; + -webkit-animation-duration: 1s; + -moz-animation-duration: 1s; + animation-duration: 1s; } diff --git a/web/pages/register.html b/web/pages/register.html index 4a68975..50628bb 100644 --- a/web/pages/register.html +++ b/web/pages/register.html @@ -1,55 +1,63 @@