Modified login CSS, added version number
This commit is contained in:
parent
88e90f4f33
commit
ea64ed9c51
@ -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;
|
||||||
|
|||||||
@ -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}}
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user