From ec38fb662a24bb43fb1b8f6c2ba4cbc27c96a8d8 Mon Sep 17 00:00:00 2001 From: Francois Michonneau Date: Mon, 23 Feb 2015 11:57:00 -0500 Subject: [PATCH] fix footer for small displays --- css/swc.css | 17 ++++++++++++----- 1 file changed, 12 insertions(+), 5 deletions(-) diff --git a/css/swc.css b/css/swc.css index 3d7146e..6e724f5 100644 --- a/css/swc.css +++ b/css/swc.css @@ -552,10 +552,10 @@ a:hover { } footer { - background:#2b3990; - padding:20px 0; + background: #2b3990; + padding: 20px 0; font-size: 10pt; - margin-top:10px; + margin-top: 10px; } footer a, footer a:hover{ @@ -567,18 +567,19 @@ footer .container .links { background:url('../img/software-carpentry-banner-white.png') no-repeat; background-size: 200px; background-position: 0; - height: 40px; + min-height: 40px; padding: 20px 0px 0px 200px; text-align: right; } + /* Footer of every page. */ /* TODO -- might clash with site footer */ div.footer { clear: both; background: url("/img/main_shadow.png") repeat-x scroll center top #FFFFFF; padding: 4px 10px 7px 10px; - border-top: 1px solid #A6A6A6; + border-top: 1px solid #A6A6A6; text-align: right; } @@ -726,7 +727,13 @@ div.chapter h2 { height: 36px; margin-top: 10px } + footer .container .links { + background:url('../img/software-carpentry-banner-white.png') no-repeat; + background-size: 180px; + background-position: 0; + } } + /* GitHub ribbon breaking point */ @media screen and (min-width: 600px) { #github-ribbon {