Style tweaks
This commit is contained in:
parent
f1aa64bdbd
commit
89275647e2
|
@ -1,11 +1,6 @@
|
|||
<div id="map_canvas">
|
||||
</div>
|
||||
<div id="sidebar">
|
||||
<img id="boston-logo" src="images/logos/boston.png" alt="City of Boston" title="City of Boston" />
|
||||
<img id="cert-logo" src="images/logos/cert.png" alt="Community Emergency Response Team" title="Community Emergency Response Team" />
|
||||
<img id="cfa-logo" src="images/logos/cfa.png" alt="Code for America" title="Code for America" />
|
||||
<h1>Adopt a Hydrant</h1>
|
||||
<p>
|
||||
<p id="tagline">
|
||||
Claim responsibility for shoveling out a fire hydrant after it snows.
|
||||
</p>
|
||||
<form>
|
||||
|
@ -27,5 +22,10 @@
|
|||
</select>
|
||||
<button tabindex="4">Find Fire Hydrants</button>
|
||||
</form>
|
||||
<img id="hydrant-in-snow" src="images/hydrant-in-snow.jpg"">
|
||||
<img id="boston-logo" src="images/logos/boston.png" alt="City of Boston" title="City of Boston" />
|
||||
<img id="cert-logo" src="images/logos/cert.png" alt="Community Emergency Response Team" title="Community Emergency Response Team" />
|
||||
<img id="cfa-logo" src="images/logos/cfa.png" alt="Code for America" title="Code for America" />
|
||||
<img id="hydrant-in-snow" src="images/hydrant-in-snow.jpg">
|
||||
</div>
|
||||
<div id="map_canvas">
|
||||
</div>
|
||||
|
|
|
@ -17,8 +17,8 @@ body {
|
|||
|
||||
#sidebar {
|
||||
float: left;
|
||||
height: 100%;
|
||||
text-align: center;
|
||||
height: 100%;
|
||||
width: 25%;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
@ -31,10 +31,15 @@ body {
|
|||
width: 100%;
|
||||
}
|
||||
|
||||
h1, p, form {
|
||||
margin: auto;
|
||||
form {
|
||||
width: 90%;
|
||||
margin-top: 10px;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
#tagline {
|
||||
padding: 10px;
|
||||
background: #cc3333;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
label, input {
|
||||
|
|
Loading…
Reference in New Issue