Modified login CSS, added version number

This commit is contained in:
Kenneth Jao 2016-09-24 19:48:50 -04:00
parent 88e90f4f33
commit ea64ed9c51
2 changed files with 24 additions and 15 deletions

View File

@ -12,14 +12,14 @@
height: 4px; height: 4px;
background-color: #33ADFF; background-color: #33ADFF;
position: absolute; position: absolute;
top: 13vh; top: 11vh;
z-index: 51; z-index: 51;
} }
#loginHeader { #loginHeader {
font-weight: 600; font-weight: 600;
width: 100%; width: 100%;
height: 13vh; height: 11vh;
background-color: #EBEBEB; background-color: #EBEBEB;
box-shadow: 2px 2px 5px 3px #666; box-shadow: 2px 2px 5px 3px #666;
@ -31,10 +31,10 @@
} }
#logo { #logo {
height: 10vh; height: 8vh;
width: 10vh; width: 8vh;
padding: 1.5vh; padding: 1.5vh;
line-height: 13vh; line-height: 11vh;
float: left; float: left;
@ -45,8 +45,8 @@
#loginTitle { #loginTitle {
font-size: 5vh; font-size: 5vh;
color: #000 !important; color: #000 !important;
height: 13vh; height: 11vh;
line-height: 13vh; line-height: 11vh;
padding: 0 0 0 1vw; padding: 0 0 0 1vw;
-webkit-filter: none; -webkit-filter: none;
@ -55,15 +55,15 @@
#loginMain { #loginMain {
width: 100%; width: 100%;
height: 80vh; height: 84vh;
background-color: #E5E5E5; background-color: #E5E5E5;
background-image: url("banner100.jpg"); background-image: url("banner100.jpg");
background-size: 100vw 80vh; background-size: 100vw 84vh;
display: table-row; display: table-row;
position: absolute; position: absolute;
top: 13vh; top: 11vh;
} }
#circle { #circle {
@ -146,25 +146,33 @@ p.text {
#loginFooter { #loginFooter {
width: 100%; width: 100%;
height: 8vh; height: 6vh;
box-shadow: 2px 2px 5px 3px #666; box-shadow: 2px 2px 5px 3px #666;
background-color: #EBEBEB; background-color: #EBEBEB;
position: absolute; position: absolute;
bottom: 0; bottom: 0;
} }
#github { #github, #version {
font-size: 3vh; font-size: 2.3vh;
color: #000 !important; color: #000 !important;
height: 6vh;
margin: 0; margin: 0;
height: 8vh;
line-height: 8vh;
padding: 0 0 0 1vw; padding: 0 0 0 1vw;
line-height: 6vh;
display: inline-block;
-webkit-filter: drop-shadow(2px 2px 5px #444); -webkit-filter: drop-shadow(2px 2px 5px #444);
filter: drop-shadow(2px 2px 5px #444); filter: drop-shadow(2px 2px 5px #444);
} }
#version {
float: right;
margin-right: 1%;
}
a { a {
color: #0099CC; color: #0099CC;
text-decoration: none; text-decoration: none;

View File

@ -16,6 +16,7 @@
</div> </div>
<footer id="loginFooter"> <footer id="loginFooter">
<p id="github">View the <a href="https://github.com/ksjdragon/hourglass">Code!</a></p> <p id="github">View the <a href="https://github.com/ksjdragon/hourglass">Code!</a></p>
<p id="version">Version 0.2.0</p>
</footer> </footer>
</div> </div>
{{> loginButtons}} {{> loginButtons}}