Permalink
Browse files

Added search button to home page and amended some styles

  • Loading branch information...
carlwood committed Dec 3, 2011
1 parent 620fbf0 commit fbf6274a90dfd287cd27d8bd832545a276d0dbba
Showing with 42 additions and 5 deletions.
  1. +6 −1 index.html
  2. +36 −4 styles/main.css
View
@@ -33,6 +33,7 @@ <h1>Some blurb about the project would go here.</h1>
</select>
</li>
</ul>
+ <input type="submit" class="submit" value="Search"/>
</form>
</div>
<div id="news">
@@ -45,8 +46,12 @@ <h2>News Headline</h2>
<div class="news-col">
<h2>News Headline</h2>
</div>
-
</div>
</div>
+ <div id="footer-container">
+ <footer>
+ <a href="#">A related link</a>
+ </footer>
+ </div>
</body>
</html>
View
@@ -99,9 +99,13 @@ header nav a {
/* Search */
+div#search {
+
+}
+
form#search {
background:#fff;
- padding:1em;
+ padding:1.5em 1.5em 0 1.5em;
border-radius:8px;
clear:both;
border:solid 1px #aaa;
@@ -118,10 +122,10 @@ div#search label {
}
form#search input, form#search select {
- width:90%;
- color:#ccc;
+ width:100%;
+ color:#555;
border:solid 1px #aaa;
- padding:.5em;
+ padding:.5em 0;
display:block;
margin:.8em 0 1.2em 0;
}
@@ -130,6 +134,20 @@ form#search select {
color:#555;
}
+form#search .submit {
+ background:#4fa3bd;
+ color:#fff;
+ text-shadow:0 1px #666;
+ border-radius:6px;
+ font-size:1.2em;
+ border:0;
+}
+
+form#search .submit:hover {
+ cursor:pointer;
+ background:#e8ab27;
+}
+
#search li {
display:block;
margin-bottom:1em;
@@ -139,6 +157,7 @@ form#search select {
#news {
margin-top:3em;
+
}
.news-col {
@@ -151,3 +170,16 @@ form#search select {
margin:0;
}
+/* Footer */
+
+#footer-container {
+ width:100%;
+ background:#fff;
+ border-top:solid 3px #aaa;
+}
+
+footer {
+ width:960px;
+ margin:0 auto;
+ clear:both;
+}

0 comments on commit fbf6274

Please sign in to comment.