updating some responsive issues

mozilla · Jan 24, 2014 · ceb7414 · ceb7414
1 parent f19842d
commit ceb7414
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 10 deletions.
diff --git a/site/assets/styles/base.css b/site/assets/styles/base.css
@@ -23,7 +23,7 @@ yellow #FFCE00
 }
 
 html {
-  background: #FFF;
+  background: #5AC1A4;
   }
 
 body {
@@ -285,6 +285,7 @@ footer img {
 #resources h4.subtitle-txt {
   padding-top: 6px;
   color: #898989;
+  opacity: 0.8;
 }
 
 #resources .header-box {
@@ -300,6 +301,7 @@ footer img {
 
 #resources .maincontent img {
   border-radius: 4px;
+  border: 1px solid rgba(0,0,0,0.2);
 }
 
 #resources .subtitle {
@@ -380,7 +382,7 @@ footer img {
   }
 
   #home .promoimageB {
-    margin-top: 40px;
+    margin-top: 0px;
   }
 
   #home .vertically-align-text {
@@ -396,6 +398,12 @@ footer img {
   }
 }
 
+@media (max-width: 767px) {
+  #home .promoimageB img {
+    display: none;
+  }
+}
+
 @media (min-width: 480px) {
 
   /*home*/
@@ -495,8 +503,7 @@ footer img {
   }
 
   #home .promoimageB img {
-    width: 300px;
-    margin: 0px auto;
+    display: none;
   }
 
   #home #promo h1 {

diff --git a/site/content/1-resources/resources2.txt b/site/content/1-resources/resources2.txt
diff --git a/site/site/snippets/footer.php b/site/site/snippets/footer.php
@@ -70,6 +70,8 @@
       $(".top-image-bg").css("height","auto");
     }
 
+    $('#resources .row .col-xs-6.col-md-4:nth-child(3n)').after('<div class="clearfix visible-xs visible-sm visible-md visible-lg"></div>');
+
   </script>