Fixed login CSS
This commit is contained in:
parent
1d59526052
commit
d9d2ffb1ae
@ -7,15 +7,6 @@
|
|||||||
border-collapse: collapse;
|
border-collapse: collapse;
|
||||||
}
|
}
|
||||||
|
|
||||||
#bottomBar {
|
|
||||||
width: 100%;
|
|
||||||
height: 4px;
|
|
||||||
background-color: #33ADFF;
|
|
||||||
position: absolute;
|
|
||||||
top: 11vh;
|
|
||||||
z-index: 51;
|
|
||||||
}
|
|
||||||
|
|
||||||
#loginHeader {
|
#loginHeader {
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
@ -48,14 +39,12 @@
|
|||||||
height: 11vh;
|
height: 11vh;
|
||||||
line-height: 11vh;
|
line-height: 11vh;
|
||||||
padding: 0 0 0 1vw;
|
padding: 0 0 0 1vw;
|
||||||
|
margin: 0;
|
||||||
-webkit-filter: none;
|
|
||||||
filter: none;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#loginMain {
|
#loginMain {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 84vh;
|
height: 83vh;
|
||||||
|
|
||||||
display: table-row;
|
display: table-row;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
@ -63,15 +52,14 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
#bannerBg {
|
#bannerBg {
|
||||||
margin-top: 1%;
|
min-width: 100vw;
|
||||||
height: 86vh;
|
height: 83vh;
|
||||||
|
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: 50%;
|
|
||||||
left: 50%;
|
left: 50%;
|
||||||
z-index: -1;
|
z-index: -1;
|
||||||
|
|
||||||
transform:translate(-50%, -50%);
|
transform:translateX(-50%);
|
||||||
}
|
}
|
||||||
|
|
||||||
#circle {
|
#circle {
|
||||||
@ -104,9 +92,6 @@
|
|||||||
.text {
|
.text {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
color: #FFF;
|
color: #FFF;
|
||||||
|
|
||||||
-webkit-filter: drop-shadow(2px 2px 5px #444);
|
|
||||||
filter: drop-shadow(2px 2px 5px #444);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
h2.text {
|
h2.text {
|
||||||
@ -174,9 +159,6 @@ p.text {
|
|||||||
|
|
||||||
line-height: 6vh;
|
line-height: 6vh;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
|
|
||||||
-webkit-filter: drop-shadow(2px 2px 5px #444);
|
|
||||||
filter: drop-shadow(2px 2px 5px #444);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#version {
|
#version {
|
||||||
|
|||||||
@ -4,7 +4,6 @@
|
|||||||
<header id="loginHeader">
|
<header id="loginHeader">
|
||||||
<img id="logo" src="logo.png">
|
<img id="logo" src="logo.png">
|
||||||
<h1 id="loginTitle">Hourglass</h1>
|
<h1 id="loginTitle">Hourglass</h1>
|
||||||
<div id="bottomBar"></div>
|
|
||||||
</header>
|
</header>
|
||||||
<div id="loginMain">
|
<div id="loginMain">
|
||||||
<img id="bannerBg" src="banner100.jpg">
|
<img id="bannerBg" src="banner100.jpg">
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user