Padel-Tournaments-System/frontend/normal_user/logowanie/style.css

130 lines
1.8 KiB
CSS
Raw Permalink Normal View History

@import "../../_global/style.css";
/*Layer 0*/
html {
background-image: url(src/tlo.jpg);
background-attachment: fixed;
background-size: cover;
font-family: Montserrat, serif;
}
* {
/*border: 2px solid red;*/
box-sizing: border-box;
text-align: center;
}
/*Layer 1*/
.container {
display: flex;
height: 100vh;
justify-content: center;
align-items: center;
}
/*Layer 2*/
.form {
width: 40%;
height: 40%;
background-color: #EBEBEB;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
border-radius: 2%;
}
/*Layer 3*/
.login_header {
height: 20%;
width: 100%;
background-color: #ffffff;
}
.loginBox {
width: 40%;
display: flex;
flex-direction: column;
}
.login_footer {
height: 10%;
width: 100%;
padding-top: 1%;
background-color: #ffffff;
}
/*Elements*/
.myButton {
/*Outside*/
width: 50%;
display: inline-block;
cursor: pointer;
border-radius: 28px;
border: 1px solid;
margin: auto;
/*Inside*/
background-color: #007C36;
padding: 5px 15px;
text-align: center;
/*Text*/
font-family: Montserrat, serif;
font-style: normal;
font-size: 18px;
color: #ffffff;
font-weight: 600;
}
.login_input {
text-align: left;
padding-top: 2%;
padding-bottom: 2%;
}
.password_input {
text-align: left;
padding-top: 2%;
padding-bottom: 2%;
}
.logoImg {
margin: 1% auto;
width: 20%;
}
/*##### LINKS TODO WITH HEADER #####*/
/* unvisited link */
a:link {
color: #000000;
}
/* visited link */
a:visited {
color: #000000;
}
/* mouse over link */
a:hover {
color: #818181;
}
/* selected link */
a:active {
color: #000000;
}
#closelog {
float: right;
}