flo/todo.txt-cli
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Fix header color fill on small screen

Browse Source
This commit is contained in:
Gina Trapani
2012-04-04 08:23:34 -07:00
parent eba40f37a3
commit 40fd3b83ad
2 changed files with 11 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
css/style.css
View File

@@ -1,10 +1,7 @@
html {
background:#151515;
}
body { body {
padding-top:50px; padding-top:50px;
color:#777; color:#777;
background:#eee; background:#666;
} }
body, p, li, input, button, select, textarea { body, p, li, input, button, select, textarea {
font-family:;'Open Sans', sans-serif; font-family:;'Open Sans', sans-serif;
@@ -39,7 +36,7 @@ h6 {line-height:20px; color:#AAA;}
-moz-border-radius:0; -moz-border-radius:0;
border-radius: 0; border-radius: 0;
margin: 0; margin: 0;
margin-top:-50px; margin-top:-50px;
padding:0; padding:0;
} }
.hero-unit .container { .hero-unit .container {
@@ -96,7 +93,7 @@ margin-top:-50px;
/*Footer*/ /*Footer*/
.footer { .footer {
background: #151515; background: #151515;
padding: 20px 0 10px 0; padding: 20px 10px 10px 10px;
box-shadow: inset 0 15px 10px rgba(0,0,0,0.6); box-shadow: inset 0 15px 10px rgba(0,0,0,0.6);
-webkit-box-shadow: inset 0 15px 10px rgba(0,0,0,0.6); -webkit-box-shadow: inset 0 15px 10px rgba(0,0,0,0.6);
-moz-box-shadow:inset 0 15px 10px rgba(0,0,0,0.6); -moz-box-shadow:inset 0 15px 10px rgba(0,0,0,0.6);
@@ -122,3 +119,8 @@ img {
border: 0; border: 0;
-ms-interpolation-mode: bicubic; -ms-interpolation-mode: bicubic;
} }
.above-footer {
background:#eee;
max-width:100%;
}

2
index.html
View File

@@ -16,6 +16,7 @@
</head> </head>
<body id="body"> <body id="body">
<div class="above-footer">
<div class="hero-unit"> <div class="hero-unit">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
@@ -135,6 +136,7 @@
</div> </div>
</div> </div>
</div> </div>
</div>
<div class="footer"> <div class="footer">
<div class="fill"> <div class="fill">
<div class="container"> <div class="container">