Skip to content

C
cbdiscord
Commit e5cd11a6 authored by Geovanny's avatar Geovanny
Browse files
Options

Added styling for login/register

parent de09435c
Hide whitespace changes
Inline Side-by-side
Showing with 110 additions and 14 deletions
web/login/index.html
View file @ e5cd11a6
......@@ -20,18 +20,37 @@
<!-- Tab content -->
<div id="Login" class="tabcontent" style="display: block;">
<login-form>
<input type="text" name="username" placeholder="Geo"/>
<input type="password" name="password" placeholder="********"/>
<button id="login_button">Log In</button>
<div>
<p>Username:</p>
<input type="text" name="username" placeholder="Geo"/>
</div>
<div>
<p>Password:</p>
<input type="password" name="password" placeholder="********"/>
</div>
<div>
<button id="login_button">Log In</button>
</div>
</login-form>
</div>
<div id="Register" class="tabcontent">
<register-form>
<input type="text" name="username" placeholder="Geo"/>
<input type="password" name="password" placeholder="********"/>
<input type="password" name="confirm_password" placeholder="********"/>
<button id="register_button">Register</button>
<div>
<p>Username:</p>
<input type="text" name="username" placeholder="Geo"/>
</div>
<div>
<p>Password:</p>
<input type="password" name="password" placeholder="********"/>
</div>
<div>
<p>Confirm Password:</p>
<input type="password" name="confirm_password" placeholder="********"/>
</div>
<div>
<button id="register_button">Register</button>
</div>
</register-form>
</div>
</center-div>
......
web/sass/login.scss
View file @ e5cd11a6
......@@ -6,7 +6,7 @@ center-div{
margin-top: 50px;
margin-left: -250px;
background-color: rgb(27, 26, 26);
height: 500px;
height: 300px;
width: 500px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
......@@ -15,7 +15,8 @@ center-div{
overflow: hidden;
// border: 1px solid #ccc;
background-color: #383838;
border: 1px solid #ccc;
border-bottom: none;
button{
font-family: monospace;
font-size: 20px;
......@@ -47,6 +48,7 @@ center-div{
.tabcontent {
display: none;
padding: 6px 12px;
height: 235px;
border: 1px solid #ccc;
border-top: none;
}
......@@ -59,4 +61,27 @@ center-div{
@keyframes fadeEffect {
from {opacity: 0;}
to {opacity: 1;}
}
#Login, #Register{
p{
font-size: 20px;
display: inline;
}
div{
margin: 20px;
}
input[type=text], input[type=password]{
text-decoration: none;
background-color: whitesmoke;
border: 2px solid grey;
border-radius: 4px;
height: 25px;
width: 200px;
}
button{
border: 2px solid rgb(48, 48, 48);
width: 200px;
height: 50px;
font-size: 20px;
}
}
\ No newline at end of file
web/sass/unit.scss
View file @ e5cd11a6
......@@ -34,6 +34,7 @@ table.dataTable.display tbody tr.even{
.tab2{
text-align: center;
border: 1px black solid;
}
table-component{
......
web/stylesheets/login.css
View file @ e5cd11a6
......@@ -6,7 +6,7 @@ center-div {
margin-top: 50px;
margin-left: -250px;
background-color: #1b1a1a;
height: 500px;
height: 300px;
width: 500px;
box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
}
......@@ -14,6 +14,8 @@ center-div {
.tab {
overflow: hidden;
background-color: #383838;
border: 1px solid #ccc;
border-bottom: none;
}
.tab button {
font-family: monospace;
......@@ -44,6 +46,7 @@ center-div {
.tabcontent {
display: none;
padding: 6px 12px;
height: 235px;
border: 1px solid #ccc;
border-top: none;
}
......@@ -62,5 +65,26 @@ center-div {
opacity: 1;
}
}
#Login p, #Register p {
font-size: 20px;
display: inline;
}
#Login div, #Register div {
margin: 20px;
}
#Login input[type=text], #Login input[type=password], #Register input[type=text], #Register input[type=password] {
text-decoration: none;
background-color: whitesmoke;
border: 2px solid grey;
border-radius: 4px;
height: 25px;
width: 200px;
}
#Login button, #Register button {
border: 2px solid #303030;
width: 200px;
height: 50px;
font-size: 20px;
}
/*# sourceMappingURL=login.css.map */
web/stylesheets/login.css.map
View file @ e5cd11a6
{"version":3,"sourceRoot":"","sources":["../sass/login.scss"],"names":[],"mappings":"AAAA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EAEA;;AAEA;EACI;EACA;;;AAIN;AACF;EACI;EAEA;EACA;EACA;EACA;EACA;;;AAGF;AACF;EACI;;;AAGF;AACF;EACI;;;AAGF;AACF;EACI;EACA;EACA;EACA;;;AAGJ;EACI;AAA0B;;;AAG9B;AACA;EACI;IAAM;;EACN;IAAI","file":"login.css"}
\ No newline at end of file
{"version":3,"sourceRoot":"","sources":["../sass/login.scss"],"names":[],"mappings":"AAAA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EAEA;EACA;EACA;;AACA;EACI;EACA;;;AAIN;AACF;EACI;EAEA;EACA;EACA;EACA;EACA;;;AAGF;AACF;EACI;;;AAGF;AACF;EACI;;;AAGF;AACF;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;AAA0B;;;AAG9B;AACA;EACI;IAAM;;EACN;IAAI;;;AAGN;EACE;EACA;;AAEF;EACE;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA","file":"login.css"}
\ No newline at end of file
web/stylesheets/main.css
View file @ e5cd11a6
......@@ -111,7 +111,7 @@ center-div {
margin-top: 50px;
margin-left: -250px;
background-color: #1b1a1a;
height: 500px;
height: 300px;
width: 500px;
box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
}
......@@ -119,6 +119,8 @@ center-div {
.tab {
overflow: hidden;
background-color: #383838;
border: 1px solid #ccc;
border-bottom: none;
}
.tab button {
font-family: monospace;
......@@ -149,6 +151,7 @@ center-div {
.tabcontent {
display: none;
padding: 6px 12px;
height: 235px;
border: 1px solid #ccc;
border-top: none;
}
......@@ -167,6 +170,28 @@ center-div {
opacity: 1;
}
}
#Login p, #Register p {
font-size: 20px;
display: inline;
}
#Login div, #Register div {
margin: 20px;
}
#Login input[type=text], #Login input[type=password], #Register input[type=text], #Register input[type=password] {
text-decoration: none;
background-color: whitesmoke;
border: 2px solid grey;
border-radius: 4px;
height: 25px;
width: 200px;
}
#Login button, #Register button {
border: 2px solid #303030;
width: 200px;
height: 50px;
font-size: 20px;
}
#units-table {
color: whitesmoke;
text-align: center;
......@@ -202,6 +227,7 @@ table.dataTable.display tbody tr.even .sorting_1 {
.tab2 {
text-align: center;
border: 1px black solid;
}
table-component {
......
web/stylesheets/main.css.map
View file @ e5cd11a6
{"version":3,"sourceRoot":"","sources":["../fontawesome/font_awesome.scss","../sass/navbar.scss","../sass/login.scss","../sass/unit.scss","../sass/main.scss"],"names":[],"mappings":"AAAA;EACI;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAmBF;EACI;IAAK;;EACP;IAAO;;;AC1CX;EACI;EACA;EACA;EACA,eACI;EAGJ;;;AAGJ;EAEI;;AACA;EACI;EACA;EAEA;EACA;;;AAIR;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;;AAEJ;EACI;;;AAIR;EACI;;AACA;EACI;;;AAIR;EACI;EACA;EACA;;AACA;EACI;EACA;;;AAIR;EACI;;;AAKA;EACI;;AAEJ;EACI;;;AChFR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EAEA;;AAEA;EACI;EACA;;;AAIN;AACF;EACI;EAEA;EACA;EACA;EACA;EACA;;;AAGF;AACF;EACI;;;AAGF;AACF;EACI;;;AAGF;AACF;EACI;EACA;EACA;EACA;;;AAGJ;EACI;AAA0B;;;AAG9B;AACA;EACI;IAAM;;EACN;IAAI;;;AC3DR;EACI;EACA;;;AAGJ;EACI;;;AAEJ;EACI;;AAEA;EACI;;;AAKR;EACI;;AACA;EACI;;;AAGR;EACI;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EAEA,eACI;;;AAKR;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAEJ;EACI;EACA;EACA;;;AAEJ;EACI;EACA;;AACA;EACI;EACA;;;AAGR;EACI;;;AAEJ;EACI;;AACA;EACI;EACA;;;AC1FR;EACI;EACA;EACA;EACA;EACA,eACI;;;AAKR;EACI;EACA","file":"main.css"}
\ No newline at end of file
{"version":3,"sourceRoot":"","sources":["../fontawesome/font_awesome.scss","../sass/navbar.scss","../sass/login.scss","../sass/unit.scss","../sass/main.scss"],"names":[],"mappings":"AAAA;EACI;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAmBF;EACI;IAAK;;EACP;IAAO;;;AC1CX;EACI;EACA;EACA;EACA,eACI;EAGJ;;;AAGJ;EAEI;;AACA;EACI;EACA;EAEA;EACA;;;AAIR;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;;AAEJ;EACI;;;AAIR;EACI;;AACA;EACI;;;AAIR;EACI;EACA;EACA;;AACA;EACI;EACA;;;AAIR;EACI;;;AAKA;EACI;;AAEJ;EACI;;;AChFR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EAEA;EACA;EACA;;AACA;EACI;EACA;;;AAIN;AACF;EACI;EAEA;EACA;EACA;EACA;EACA;;;AAGF;AACF;EACI;;;AAGF;AACF;EACI;;;AAGF;AACF;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;AAA0B;;;AAG9B;AACA;EACI;IAAM;;EACN;IAAI;;;AAGN;EACE;EACA;;AAEF;EACE;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;;;ACnFJ;EACI;EACA;;;AAGJ;EACI;;;AAEJ;EACI;;AAEA;EACI;;;AAKR;EACI;;AACA;EACI;;;AAGR;EACI;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EAEA,eACI;;;AAKR;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAEJ;EACI;EACA;EACA;;;AAEJ;EACI;EACA;;AACA;EACI;EACA;;;AAGR;EACI;;;AAEJ;EACI;;AACA;EACI;EACA;;;AC3FR;EACI;EACA;EACA;EACA;EACA,eACI;;;AAKR;EACI;EACA","file":"main.css"}
\ No newline at end of file
web/stylesheets/unit.css
View file @ e5cd11a6
......@@ -33,6 +33,7 @@ table.dataTable.display tbody tr.even .sorting_1 {
.tab2 {
text-align: center;
border: 1px black solid;
}
table-component {
......
web/stylesheets/unit.css.map
View file @ e5cd11a6
{"version":3,"sourceRoot":"","sources":["../sass/unit.scss"],"names":[],"mappings":"AACA;EACI;EACA;;;AAGJ;EACI;;;AAEJ;EACI;;AAEA;EACI;;;AAKR;EACI;;AACA;EACI;;;AAGR;EACI;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EAEA,eACI;;;AAKR;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAEJ;EACI;EACA;EACA;;;AAEJ;EACI;EACA;;AACA;EACI;EACA;;;AAGR;EACI;;;AAEJ;EACI;;AACA;EACI;EACA","file":"unit.css"}
\ No newline at end of file
{"version":3,"sourceRoot":"","sources":["../sass/unit.scss"],"names":[],"mappings":"AACA;EACI;EACA;;;AAGJ;EACI;;;AAEJ;EACI;;AAEA;EACI;;;AAKR;EACI;;AACA;EACI;;;AAGR;EACI;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EAEA,eACI;;;AAKR;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAEJ;EACI;EACA;EACA;;;AAEJ;EACI;EACA;;AACA;EACI;EACA;;;AAGR;EACI;;;AAEJ;EACI;;AACA;EACI;EACA","file":"unit.css"}
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment