Moved Javascript, added SCSS and CSS files for a basic look.
Signed-off-by: Rick Hays <rhays@haysgang.com>
This commit is contained in:
119
scss/system.scss
Normal file
119
scss/system.scss
Normal file
@@ -0,0 +1,119 @@
|
||||
.clear
|
||||
{
|
||||
clear: both;
|
||||
float: none;
|
||||
}
|
||||
|
||||
body
|
||||
{
|
||||
background-color: lightgray;
|
||||
width: 100%;
|
||||
|
||||
header
|
||||
{
|
||||
div
|
||||
{
|
||||
margin: 0 auto;
|
||||
width: 80%;
|
||||
|
||||
p
|
||||
{
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
section
|
||||
{
|
||||
form
|
||||
{
|
||||
div#latitude_error
|
||||
{
|
||||
color: red;
|
||||
margin: 0 auto;
|
||||
text-align: left;
|
||||
width: 80%;
|
||||
}
|
||||
div#latitute_input
|
||||
{
|
||||
margin: 10px auto;
|
||||
text-align: left;
|
||||
width: 80%;
|
||||
|
||||
div#latitute_input_label
|
||||
{
|
||||
float: left;
|
||||
text-align: right;
|
||||
width: 80px;
|
||||
}
|
||||
|
||||
div#latitute_input_input
|
||||
{
|
||||
float: left;
|
||||
text-align: left;
|
||||
width: 100px;
|
||||
}
|
||||
}
|
||||
div#longitude_error
|
||||
{
|
||||
color: red;
|
||||
margin: 0 auto;
|
||||
text-align: left;
|
||||
width: 80%;
|
||||
}
|
||||
div#longitude_input
|
||||
{
|
||||
margin: 10px auto;
|
||||
width: 80%;
|
||||
|
||||
div#longitude_input_label
|
||||
{
|
||||
float: left;
|
||||
text-align: right;
|
||||
width: 80px;
|
||||
}
|
||||
|
||||
div#longitude_input_text
|
||||
{
|
||||
float: left;
|
||||
text-align: left;
|
||||
width: 100px;
|
||||
}
|
||||
}
|
||||
div#submit_button
|
||||
{
|
||||
padding: 20px 0 20px 180px;
|
||||
width: 80%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
section
|
||||
{
|
||||
div#result_header
|
||||
{
|
||||
margin: 0 auto;
|
||||
text-align: left;
|
||||
width: 80%;
|
||||
}
|
||||
|
||||
div#results
|
||||
{
|
||||
background-color: aqua;
|
||||
margin: 0 auto;
|
||||
text-align: left;
|
||||
width: 80%;
|
||||
}
|
||||
}
|
||||
|
||||
footer
|
||||
{
|
||||
p
|
||||
{
|
||||
margin: 20px auto;
|
||||
text-align: left;
|
||||
width: 80%;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
Reference in New Issue
Block a user