121 lines
2 KiB
Sass
121 lines
2 KiB
Sass
$primary: #00c0ff;
|
|
$secondary: #0099ff;
|
|
$dark1: #101010;
|
|
$dark2: #2a2a2a;
|
|
$light: #e0e0e0;
|
|
$light2: #C5C6C7;
|
|
$light3: #a1a1a1;
|
|
|
|
|
|
body
|
|
padding: 50px
|
|
font: 14px "Lucida Grande", Helvetica, Arial, sans-serif
|
|
color: white;
|
|
background-color: $dark1;
|
|
margin: 0;
|
|
padding: 0;
|
|
|
|
h1
|
|
text-align: center;
|
|
|
|
h2
|
|
color: $light;
|
|
margin-top: 0;
|
|
text-align: center;
|
|
|
|
#signin, #signup, #forgotPsw
|
|
padding: 4vw;
|
|
|
|
.signinup
|
|
margin-top: 15vh;
|
|
background-color: $dark2;
|
|
border-radius: 2vw;
|
|
img
|
|
width: 20%;
|
|
display: block;
|
|
margin: auto;
|
|
|
|
form
|
|
input
|
|
color: $light;
|
|
margin-bottom: 4vh;
|
|
font-size: 25px;
|
|
input[type="submit"]
|
|
padding: 1vw;
|
|
border-radius: 2vw;
|
|
background-color: $secondary;
|
|
color: white;
|
|
border: none;
|
|
width: 40%;
|
|
display: block;
|
|
margin: auto;
|
|
font-size: 35px;
|
|
border: 2px solid #2C3531;
|
|
cursor: pointer;
|
|
transition-duration: 0.3s
|
|
input[type="submit"]:hover
|
|
color: $secondary;
|
|
background-color: $dark1;
|
|
border: 2px solid $secondary;
|
|
|
|
i
|
|
color: $primary;
|
|
|
|
#panel
|
|
background-color: $dark2;
|
|
height: 100vh;
|
|
border-right: 2px solid $light3;
|
|
padding: 0;
|
|
|
|
.main
|
|
background-color: $dark1;
|
|
|
|
#navtop
|
|
font-size: 30px;
|
|
.maintitle
|
|
font-size: 50px;
|
|
text-align: center;
|
|
margin: 0;
|
|
margin-top: 2vh;
|
|
ul
|
|
margin: 0;
|
|
text-align: right;
|
|
li.active
|
|
background: $primary;
|
|
a
|
|
color: black;
|
|
li
|
|
padding: 1.3vw;
|
|
border-top: 1px solid $dark1;
|
|
background: linear-gradient(to right, $dark2 50%, $primary 50%) left;
|
|
background-size: 200%;
|
|
transition: .3s ease-out;
|
|
|
|
a
|
|
color: $light2;
|
|
transition-duration: 0.3s;
|
|
li:hover
|
|
background-position: right;
|
|
cursor: pointer;
|
|
a
|
|
color: black;
|
|
|
|
#navprofile
|
|
font-size: 25px;
|
|
padding-top: 4vh;
|
|
padding-bottom: 4vh;
|
|
margin: 0;
|
|
|
|
img
|
|
width: 100%;
|
|
display: block;
|
|
margin: auto;
|
|
padding: 0.5vw;
|
|
|
|
p
|
|
margin-top: 1vh;
|
|
margin-bottom: 0;
|
|
|
|
#page
|
|
margin: 0;
|
|
|