added new homepage ad styling

Dogfalo · Nov 15, 2016 · 33c1401 · 33c1401
1 parent 8c49610
commit 33c1401
Show file tree

Hide file tree

Showing 4 changed files with 38 additions and 3 deletions.
diff --git a/css/ghpages-materialize.css b/css/ghpages-materialize.css
diff --git a/index.html b/index.html
@@ -115,7 +115,7 @@ <h4 class ="header col s12 light center">A modern responsive front-end framework
           </div>
           <div class="row center"><a class="red-text text-lighten-4" href="https://github.com/Dogfalo/materialize">beta release v0.97.8</a></div>
 
-          <div class="buysellads-header row center">
+          <div class="buysellads-header buysellads-homepage row center">
             <!-- CarbonAds Zone Code -->
             <script async type="text/javascript" src="//cdn.carbonads.com/carbon.js?zoneid=1673&serve=C6AILKT&placement=materializecss" id="_carbonads_js"></script>
           </div>

diff --git a/jade/index/index_content.html b/jade/index/index_content.html
@@ -9,7 +9,7 @@ <h4 class ="header col s12 light center">A modern responsive front-end framework
           </div>
           <div class="row center"><a class="red-text text-lighten-4" href="https://github.com/Dogfalo/materialize">beta release v0.97.8</a></div>
 
-          <div class="buysellads-header row center">
+          <div class="buysellads-header buysellads-homepage row center">
             <!-- CarbonAds Zone Code -->
             <script async type="text/javascript" src="//cdn.carbonads.com/carbon.js?zoneid=1673&serve=C6AILKT&placement=materializecss" id="_carbonads_js"></script>
           </div>

diff --git a/sass/style.scss b/sass/style.scss
@@ -662,6 +662,41 @@ pre[class*="language-"] {
 }
 
 
+.buysellads-homepage #carbonads {
+  display: block;
+  overflow: hidden;
+  margin: 4em auto 0;
+  padding: 1em;
+  max-width: 360px;
+  border-radius: 2px;
+  background-color: hsla(0, 0%, 100%, .13);
+
+
+  span {
+    position: relative;
+    display: block;
+    overflow: hidden;
+  }
+
+  .carbon-img {
+    float: left;
+    margin-right: 1em;
+  }
+
+  .carbon-text {
+    max-width: calc(100% - 135px - 1em);
+    width: auto;
+  }
+
+  .carbon-poweredby {
+    position: absolute;
+    left: auto;
+    right: 0;
+    bottom: -4px;
+  }
+}
+
+
 // BuySellAds Styling
 .buysellads {
   &.buysellads-demo {