From 279bf668d98b2568f060aab824dbd3956a5b23d0 Mon Sep 17 00:00:00 2001 From: John Quinn Date: Fri, 6 Jul 2012 15:50:49 -0400 Subject: [PATCH 2/2] add responsive css for triptych and footer --- core/themes/bartik/css/layout.css | 60 +++++++++++++++++++++++++++++++++------ 1 file changed, 52 insertions(+), 8 deletions(-) diff --git a/core/themes/bartik/css/layout.css b/core/themes/bartik/css/layout.css index afa86bb..e9819f7 100644 --- a/core/themes/bartik/css/layout.css +++ b/core/themes/bartik/css/layout.css @@ -52,6 +52,23 @@ body, box-sizing: border-box; padding: 0 15px; } +.region-triptych-first, +.region-triptych-middle, +.region-triptych-last { + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; + padding: 0 20px 0; +} +.region-footer-firstcolumn, +.region-footer-secondcolumn, +.region-footer-thirdcolumn, +.region-footer-fourthcolumn { + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; + padding: 0 10px; +} @media all and (min-width: 0) { /* @TODO Find proper breakpoint */ #secondary-menu { @@ -83,6 +100,37 @@ body, overflow: hidden; width: 50%; } + .region-triptych-first, + .region-triptych-middle, + .region-triptych-last { + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; + padding: 20px 15px 30px; + width: 33%; + } + .region-triptych-middle { + padding: 20px 5px 30px; + } + .region-footer-firstcolumn, + .region-footer-secondcolumn { + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; + padding: 0 10px; + width: 50%; + } + .region-footer-thirdcolumn, + .region-footer-fourthcolumn { + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; + padding: 0 10px; + width: 50%; + } + .region-footer-thirdcolumn { + clear: both; + } } @media all and (min-width: 851px) { /* @TODO Find proper breakpoint */ @@ -127,21 +175,17 @@ body, } .region-triptych-first, .region-triptych-middle, - .region-triptych-last { - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; - box-sizing: border-box; - padding: 20px 20px 30px; + .region-triptych-last { width: 33%; } .region-footer-firstcolumn, .region-footer-secondcolumn, .region-footer-thirdcolumn, .region-footer-fourthcolumn { - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 10px; width: 25%; } -} +} \ No newline at end of file -- 1.7.11.msysgit.0