Fixed css bug caused by the new footer icons on small windows

This commit is contained in:
Victoria Wang 2013-07-15 22:42:19 -05:00
parent f23d0bf539
commit 7f4cc8e5df
5 changed files with 41 additions and 4 deletions

View file

@ -50,7 +50,7 @@
right:$spacing*3; right:$spacing*3;
@media (max-device-width:480px), screen and (max-width:800px){ @media (max-device-width:480px), screen and (max-width:800px){
position: static position: static;
} }
} }
} }
@ -61,6 +61,17 @@
position: absolute; position: absolute;
right: 0px; right: 0px;
top: -70px; top: -70px;
@media (max-device-width:480px), screen and (max-width:800px){
position: static;
float: right;
}
}
p.tiny {
@media (max-device-width:480px), screen and (max-width:800px){
min-height: 3.5em;
}
} }
.f-Col-1{ .f-Col-1{
@ -112,12 +123,16 @@
.f-Col-3{ .f-Col-3{
padding-left:20px; padding-left:20px;
.footer-icon { .footer-icon {
background-image: url(../img/latest-news.png); background-image: url(../img/latest-news.png);
width: 134px; width: 134px;
height: 103px; height: 103px;
} }
@media (max-device-width:480px), screen and (max-width:800px){
padding-left: 0;
}
} }

View file

@ -1307,6 +1307,14 @@ a {
position: absolute; position: absolute;
right: 0px; right: 0px;
top: -70px; } top: -70px; }
@media (max-device-width: 480px), screen and (max-width: 800px) {
.footer-icon {
position: static;
float: right; } }
@media (max-device-width: 480px), screen and (max-width: 800px) {
p.tiny {
min-height: 3.5em; } }
.f-Col-1 { .f-Col-1 {
padding-right: 12px; } padding-right: 12px; }
@ -1353,6 +1361,9 @@ a {
background-image: url(../img/latest-news.png); background-image: url(../img/latest-news.png);
width: 134px; width: 134px;
height: 103px; } height: 103px; }
@media (max-device-width: 480px), screen and (max-width: 800px) {
.f-Col-3 {
padding-left: 0; } }
.footer-Outro { .footer-Outro {
background: #ccdf9b; background: #ccdf9b;

File diff suppressed because one or more lines are too long

View file

@ -1307,6 +1307,14 @@ a {
position: absolute; position: absolute;
right: 0px; right: 0px;
top: -70px; } top: -70px; }
@media (max-device-width: 480px), screen and (max-width: 800px) {
.footer-icon {
position: static;
float: right; } }
@media (max-device-width: 480px), screen and (max-width: 800px) {
p.tiny {
min-height: 3.5em; } }
.f-Col-1 { .f-Col-1 {
padding-right: 12px; } padding-right: 12px; }
@ -1353,6 +1361,9 @@ a {
background-image: url(../img/latest-news.png); background-image: url(../img/latest-news.png);
width: 134px; width: 134px;
height: 103px; } height: 103px; }
@media (max-device-width: 480px), screen and (max-width: 800px) {
.f-Col-3 {
padding-left: 0; } }
.footer-Outro { .footer-Outro {
background: #ccdf9b; background: #ccdf9b;

File diff suppressed because one or more lines are too long