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