choteaumt
/
adopt-a-hydrant
mirror of https://github.com/choteaumt/adopt-a-hydrant.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Style tweaks

This commit is contained in:
Erik Michaels-Ober 2011-02-25 14:59:25 -05:00
parent f1aa64bdbd
commit 89275647e2
2 changed files with 16 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
app/views/welcome/index.html.erb
View File

@ -1,11 +1,6 @@
<div id="map_canvas">
</div>
<div id="sidebar"> <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> <h1>Adopt a Hydrant</h1>
<p> <p id="tagline">
Claim responsibility for shoveling out a fire hydrant after it snows. Claim responsibility for shoveling out a fire hydrant after it snows.
</p> </p>
<form> <form>
@ -27,5 +22,10 @@
</select> </select>
<button tabindex="4">Find Fire Hydrants</button> <button tabindex="4">Find Fire Hydrants</button>
</form> </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> </div>

13
public/stylesheets/main.css
View File

@ -17,8 +17,8 @@ body {
#sidebar { #sidebar {
float: left; float: left;
height: 100%;
text-align: center; text-align: center;
height: 100%;
width: 25%; width: 25%;
overflow: hidden; overflow: hidden;
} }
@ -31,10 +31,15 @@ body {
width: 100%; width: 100%;
} }
h1, p, form { form {
margin: auto;
width: 90%; width: 90%;
margin-top: 10px; margin: auto;
}
#tagline {
padding: 10px;
background: #cc3333;
color: #ffffff;
} }
label, input { label, input {