Commit 5690006f authored by Mathias Engelbrecht Pilegård's avatar Mathias Engelbrecht Pilegård
Browse files

refactored so signUp component is semf contained in its own file

parent 498a7bbb
...@@ -7,41 +7,6 @@ ...@@ -7,41 +7,6 @@
text-align: left; text-align: left;
} }
.pageContainer .spacer {
width: 66%;
height: 100vh;
border-right: 1px solid lightgray;
text-align: left;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0c4d99+0,2989d8+61,7db9e8+100 */
background: rgb(12,77,153); /* Old browsers */
background: -moz-linear-gradient(left, rgba(12,77,153,1) 0%, rgba(41,137,216,1) 61%, rgba(125,185,232,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(12,77,153,1) 0%,rgba(41,137,216,1) 61%,rgba(125,185,232,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(12,77,153,1) 0%,rgba(41,137,216,1) 61%,rgba(125,185,232,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c4d99', endColorstr='#7db9e8',GradientType=1 ); /* IE6-9 */
}
.spacer .text-container {
margin: 220px 0 0 100px;
color: white;
}
.spacer button {
cursor: pointer;
background: none;
color: white;
border: 1px solid white;
border-radius: 4px;
height: 32px;
width: 200px;
transition: 0.3s;
}
.spacer button:hover {
color: black;
border-color: black;
}
.signInForm { .signInForm {
margin: auto; margin: auto;
} }
...@@ -92,38 +57,4 @@ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c4d99', end ...@@ -92,38 +57,4 @@ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c4d99', end
.signInForm span a:hover { .signInForm span a:hover {
cursor: pointer; cursor: pointer;
text-decoration: underline; text-decoration: underline;
}
.signUpForm .password-requirements {
font-size: 10px;
color: grey;
}
/* The Modal (background) */
.modal {
display: none; /* Hidden by default */
position: fixed; /* Stay in place */
z-index: 1; /* Sit on top */
left: 0;
top: 0;
width: 100%; /* Full width */
height: 100%; /* Full height */
overflow: auto; /* Enable scroll if needed */
background-color: rgb(0,0,0); /* Fallback color */
background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
.modal.active {
display: flex;
}
/* Modal Content/Box */
.modal-content {
text-align: left;
background-color: #fefefe;
margin: auto; /* 15% from the top and centered */
padding: 10px;
border: 1px solid #888;
border-radius: 4px;
width: 40%; /* Could be more or less, depending on screen size */
} }
\ No newline at end of file
This diff is collapsed.
.pageContainer .signUpContainer {
width: 66%;
height: 100vh;
border-right: 1px solid lightgray;
text-align: left;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0c4d99+0,2989d8+61,7db9e8+100 */
background: rgb(12,77,153); /* Old browsers */
background: -moz-linear-gradient(left, rgba(12,77,153,1) 0%, rgba(41,137,216,1) 61%, rgba(125,185,232,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(12,77,153,1) 0%,rgba(41,137,216,1) 61%,rgba(125,185,232,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(12,77,153,1) 0%,rgba(41,137,216,1) 61%,rgba(125,185,232,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c4d99', endColorstr='#7db9e8',GradientType=1 ); /* IE6-9 */
}
.spacer .text-container {
margin: 220px 0 0 100px;
color: white;
}
.spacer button {
cursor: pointer;
background: none;
color: white;
border: 1px solid white;
border-radius: 4px;
height: 32px;
width: 200px;
transition: 0.3s;
}
.spacer button:hover {
color: black;
border-color: black;
}
.signUpForm .password-requirements {
font-size: 10px;
color: grey;
}
/* The Modal (background) */
.modal {
display: none; /* Hidden by default */
position: fixed; /* Stay in place */
z-index: 1; /* Sit on top */
left: 0;
top: 0;
width: 100%; /* Full width */
height: 100%; /* Full height */
overflow: auto; /* Enable scroll if needed */
background-color: rgb(0,0,0); /* Fallback color */
background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
.modal.active {
display: flex;
}
/* Modal Content/Box */
.modal-content {
text-align: left;
background-color: #fefefe;
margin: auto; /* 15% from the top and centered */
padding: 10px;
border: 1px solid #888;
border-radius: 4px;
width: 40%; /* Could be more or less, depending on screen size */
}
\ No newline at end of file
This diff is collapsed.
Supports Markdown
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