Initialize Repo
This commit is contained in:
BIN
assets/banner.png
Normal file
BIN
assets/banner.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
BIN
assets/bg.jpg
Normal file
BIN
assets/bg.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 MiB |
136
assets/style.css
Normal file
136
assets/style.css
Normal file
@@ -0,0 +1,136 @@
|
||||
*,
|
||||
*:before,
|
||||
*:after {
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
font-family: 'Open Sans';
|
||||
}
|
||||
|
||||
body {
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(#000000f0), to(#00000070)), url("bg.jpg") no-repeat center center fixed;
|
||||
background: linear-gradient(#000000f0, #00000070), url("bg.jpg") no-repeat center center fixed;
|
||||
background-size: cover;
|
||||
height: 100vh;
|
||||
margin: 0;
|
||||
color: #363636;
|
||||
}
|
||||
|
||||
body #wrapper {
|
||||
padding-top: 20px;
|
||||
}
|
||||
|
||||
body a {
|
||||
font-size: 12px;
|
||||
color: #363636;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
body a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
body a#home {
|
||||
display: inline-block;
|
||||
width: 50%;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
body a#login {
|
||||
display: inline-block;
|
||||
width: 50%;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
body #banner {
|
||||
background-image: url(banner.png);
|
||||
background-size: contain;
|
||||
height: 63px;
|
||||
width: 300px;
|
||||
margin: 60px auto;
|
||||
}
|
||||
|
||||
body #footer {
|
||||
max-width: 500px;
|
||||
padding: 15px 35px;
|
||||
font-size: 12px;
|
||||
background-color: #f0f0f0;
|
||||
color: #7a7b76;
|
||||
margin: auto;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
body #footer a {
|
||||
color: #0066cc;
|
||||
}
|
||||
|
||||
body #form {
|
||||
background-color: white;
|
||||
padding: 20px 40px 30px 40px;
|
||||
max-width: 500px;
|
||||
margin: auto;
|
||||
border-top: 4px solid #0066cc;
|
||||
}
|
||||
|
||||
body #form h1 {
|
||||
font-weight: 300;
|
||||
font-size: 24px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
body #form p {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
body #form p a {
|
||||
color: #0066cc;
|
||||
font-size: inherit;
|
||||
}
|
||||
|
||||
body #form p.error {
|
||||
color: #c40233;
|
||||
}
|
||||
|
||||
body #form label {
|
||||
display: inline-block;
|
||||
font-size: 12px;
|
||||
margin-top: 15px;
|
||||
}
|
||||
|
||||
body #form input[type='email'],
|
||||
body #form textarea {
|
||||
width: 100%;
|
||||
height: 2.25rem;
|
||||
border: 1px solid #ededed;
|
||||
border-bottom-color: #8a8d90;
|
||||
padding: 5px 8px;
|
||||
}
|
||||
|
||||
body #form input[type='email']:hover,
|
||||
body #form textarea:hover {
|
||||
border-bottom-width: 2px;
|
||||
border-bottom-color: #0066cc;
|
||||
}
|
||||
|
||||
body #form textarea {
|
||||
resize: none;
|
||||
height: 10rem;
|
||||
}
|
||||
|
||||
body #form input[type='submit'] {
|
||||
width: 100%;
|
||||
background-color: #0066cc;
|
||||
color: white;
|
||||
padding: 6px 16px;
|
||||
border: none;
|
||||
margin-top: 15px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
body #form input[type='submit']:hover {
|
||||
background-color: #004080;
|
||||
}
|
||||
|
||||
body .small {
|
||||
font-size: 12px;
|
||||
}
|
||||
/*# sourceMappingURL=style.css.map */
|
||||
9
assets/style.css.map
Normal file
9
assets/style.css.map
Normal file
@@ -0,0 +1,9 @@
|
||||
{
|
||||
"version": 3,
|
||||
"mappings": "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",
|
||||
"sources": [
|
||||
"style.scss"
|
||||
],
|
||||
"names": [],
|
||||
"file": "style.css"
|
||||
}
|
||||
137
assets/style.scss
Normal file
137
assets/style.scss
Normal file
@@ -0,0 +1,137 @@
|
||||
$accent: #0066cc;
|
||||
$accent-d: #004080;
|
||||
$text: #363636;
|
||||
|
||||
*,
|
||||
*:before,
|
||||
*:after {
|
||||
box-sizing: border-box;
|
||||
font-family: 'Open Sans';
|
||||
}
|
||||
|
||||
body {
|
||||
background: linear-gradient(#000000f0, #00000070),
|
||||
url('bg.jpg') no-repeat center center fixed;
|
||||
background-size: cover;
|
||||
height: 100vh;
|
||||
margin: 0;
|
||||
color: $text;
|
||||
|
||||
#wrapper {
|
||||
padding-top: 20px;
|
||||
}
|
||||
|
||||
a {
|
||||
font-size: 12px;
|
||||
color: $text;
|
||||
text-decoration: none;
|
||||
|
||||
&:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
&#home {
|
||||
display: inline-block;
|
||||
width: 50%;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
&#login {
|
||||
display: inline-block;
|
||||
width: 50%;
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
|
||||
#banner {
|
||||
background-image: url(banner.png);
|
||||
background-size: contain;
|
||||
height: 63px;
|
||||
width: 300px;
|
||||
margin: 60px auto;
|
||||
}
|
||||
|
||||
#footer {
|
||||
max-width: 500px;
|
||||
padding: 15px 35px;
|
||||
font-size: 12px;
|
||||
background-color: #f0f0f0;
|
||||
color: #7a7b76;
|
||||
margin: auto;
|
||||
text-align: center;
|
||||
|
||||
a {
|
||||
color: $accent;
|
||||
}
|
||||
}
|
||||
|
||||
#form {
|
||||
background-color: white;
|
||||
padding: 20px 40px 30px 40px;
|
||||
max-width: 500px;
|
||||
margin: auto;
|
||||
border-top: 4px solid $accent;
|
||||
|
||||
h1 {
|
||||
font-weight: 300;
|
||||
font-size: 24px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
p {
|
||||
text-align: center;
|
||||
|
||||
a {
|
||||
color: $accent;
|
||||
font-size: inherit;
|
||||
}
|
||||
|
||||
&.error {
|
||||
color: #c40233;
|
||||
}
|
||||
}
|
||||
|
||||
label {
|
||||
display: inline-block;
|
||||
font-size: 12px;
|
||||
margin-top: 15px;
|
||||
}
|
||||
|
||||
input[type='email'],
|
||||
textarea {
|
||||
width: 100%;
|
||||
height: 2.25rem;
|
||||
border: 1px solid #ededed;
|
||||
border-bottom-color: #8a8d90;
|
||||
padding: 5px 8px;
|
||||
|
||||
&:hover {
|
||||
border-bottom-width: 2px;
|
||||
border-bottom-color: $accent;
|
||||
}
|
||||
}
|
||||
|
||||
textarea {
|
||||
resize: none;
|
||||
height: 10rem;
|
||||
}
|
||||
|
||||
input[type='submit'] {
|
||||
width: 100%;
|
||||
background-color: $accent;
|
||||
color: white;
|
||||
padding: 6px 16px;
|
||||
border: none;
|
||||
margin-top: 15px;
|
||||
cursor: pointer;
|
||||
|
||||
&:hover {
|
||||
background-color: $accent-d;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.small {
|
||||
font-size: 12px;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user