Skip to content

Commit 20c3264

Browse files
pedrohapedroha
committed
Moving CSS to food-compass.css
1 parent 8d3c4da commit 20c3264

File tree

2 files changed

+123
-121
lines changed

2 files changed

+123
-121
lines changed

‎search.html‎

Lines changed: 3 additions & 121 deletions
Original file line numberDiff line numberDiff line change
@@ -15,130 +15,12 @@
1515

1616
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
1717
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&key=AIzaSyDhsHJlSCMPByughcrSBtcRJsWEDekef0I"></script>
18-
<style type="text/css">
19-
20-
body, .start, .end, .time {
21-
font-family: 'Open Sans Condensed', 'Arial', sans-serif;
22-
}
23-
24-
body{
25-
background-color: #8DC63F;
26-
27-
}
28-
29-
header {
30-
height: 12px;
31-
width: 100%;
32-
background-color: #F7941E;
33-
34-
}
35-
36-
#map{
37-
border-width: 10px;
38-
border-color: #0000FF;
39-
}
40-
41-
#geolocate-button {
42-
display: inline-block;
43-
background-image: url("images/Geolocation-icon.png");
44-
height: 35px;
45-
width: 35px;
46-
cursor: pointer;
47-
position: relative;
48-
top: 6px;
49-
}
50-
51-
.icon-group-container {
52-
position: relative;
53-
height: 52px;
54-
width: 100%;
55-
margin-bottom: 10px;
56-
}
57-
58-
.icon-group {
59-
width: 120px;
60-
}
61-
62-
.start, .end, .time {
63-
font-size: 25px;
64-
width: 90%;
65-
}
66-
67-
@media screen and (min-width: 900px) {
68-
.start, .end, .time {
69-
width: 65%;
70-
}
71-
72-
.icon-group {
73-
position: absolute;
74-
top: 0;
75-
right: 0;
76-
}
77-
}
78-
79-
.searchLabel {
80-
display: inline-block;
81-
width: 100px;
82-
font-size: 20px;
83-
font-weight: bold;
84-
}
85-
86-
img {
87-
border: 0px;
88-
box-shadow: 0 0 0 0;
89-
cursor: pointer;
90-
}
91-
92-
#email{
93-
94-
}
95-
96-
.logo {
97-
border: 0;
98-
margin-top: 6px;
99-
box-shadow: 0 0 0 0;
100-
width: 40%;
101-
}
102-
103-
#searchResults {
104-
background-color: #FFCB05;
105-
border-radius: 6px;
106-
padding: 6px;
107-
margin: 10px;
108-
}
109-
110-
#searchResults a {
111-
display: inline-block;
112-
background: #F7941E;
113-
color: white;
114-
font-weight: bold;
115-
border-radius: 5px;
116-
margin: 4px;
117-
padding: 0 10px;
118-
line-height: 2.3em;
119-
}
120-
121-
122-
input {
123-
border: 4px solid #00A651;
124-
}
125-
126-
input:focus {
127-
border: 4px solid #FFCB05;
128-
outline: 0;
129-
}
130-
131-
.icon-group img {
132-
border-radius: 100px;
133-
border: 5px solid #00A651;
134-
}
135-
136-
.icon-group img:hover {
137-
border: 5px solid #FFCB05;
138-
}
13918

19+
<link rel="stylesheet" href="stylesheets/food-compass.css" media="screen"/>
20+
<style type="text/css">
14021

14122
</style>
23+
14224
<title>foodCompass</title>
14325
</head>
14426

‎stylesheets/food-compass.css‎

Lines changed: 120 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,120 @@
1+
body, .start, .end, .time {
2+
font-family: 'Open Sans Condensed', 'Arial', sans-serif;
3+
}
4+
5+
body{
6+
background-color: #8DC63F;
7+
8+
}
9+
10+
header {
11+
height: 12px;
12+
width: 100%;
13+
background-color: #F7941E;
14+
15+
}
16+
17+
#map{
18+
border-width: 10px;
19+
border-color: #0000FF;
20+
}
21+
22+
#geolocate-button {
23+
display: inline-block;
24+
background-image: url("images/Geolocation-icon.png");
25+
height: 35px;
26+
width: 35px;
27+
cursor: pointer;
28+
position: relative;
29+
top: 6px;
30+
}
31+
32+
.icon-group-container {
33+
position: relative;
34+
height: 52px;
35+
width: 100%;
36+
margin-bottom: 10px;
37+
}
38+
39+
.icon-group {
40+
width: 120px;
41+
}
42+
43+
.start, .end, .time {
44+
font-size: 25px;
45+
width: 90%;
46+
}
47+
48+
@media screen and (min-width: 900px) {
49+
.start, .end, .time {
50+
width: 65%;
51+
}
52+
53+
.icon-group {
54+
position: absolute;
55+
top: 0;
56+
right: 0;
57+
}
58+
}
59+
60+
.searchLabel {
61+
display: inline-block;
62+
width: 100px;
63+
font-size: 20px;
64+
font-weight: bold;
65+
}
66+
67+
img {
68+
border: 0px;
69+
box-shadow: 0 0 0 0;
70+
cursor: pointer;
71+
}
72+
73+
#email{
74+
75+
}
76+
77+
.logo {
78+
border: 0;
79+
margin-top: 6px;
80+
box-shadow: 0 0 0 0;
81+
width: 40%;
82+
}
83+
84+
#searchResults {
85+
background-color: #FFCB05;
86+
border-radius: 6px;
87+
padding: 6px;
88+
margin: 10px;
89+
}
90+
91+
#searchResults a {
92+
display: inline-block;
93+
background: #F7941E;
94+
color: white;
95+
font-weight: bold;
96+
border-radius: 5px;
97+
margin: 4px;
98+
padding: 0 10px;
99+
line-height: 2.3em;
100+
}
101+
102+
103+
input {
104+
border: 4px solid #00A651;
105+
}
106+
107+
input:focus {
108+
border: 4px solid #FFCB05;
109+
outline: 0;
110+
}
111+
112+
.icon-group img {
113+
border-radius: 100px;
114+
border: 5px solid #00A651;
115+
}
116+
117+
.icon-group img:hover {
118+
border: 5px solid #FFCB05;
119+
}
120+

0 commit comments

Comments
 (0)