inline fusion css

peterbe · Jan 18, 2018 · 116544b · 116544b
1 parent 33dfb46
commit 116544b
Show file tree

Hide file tree

Showing 3 changed files with 75 additions and 1 deletion.
diff --git a/peterbecom/base/static/css/carbonads.css b/peterbecom/base/static/css/carbonads.css
@@ -1,3 +1,5 @@
+/* THIS IS CURRENTLY NOT USED.
+INSTEAD, THE _fusion.html TEMPLATE HARDCODES THE CSS INLINE */
 #carbonads {
   display: block;
   float: right;

diff --git a/peterbecom/plog/jinja2/plog/_fusion.html b/peterbecom/plog/jinja2/plog/_fusion.html
@@ -1,3 +1,75 @@
+<style type="text/css">
+#carbonads {
+  display: block;
+  float: right;
+  overflow: hidden;
+  /* margin-top: 50px; */
+  margin-left: 40px;
+  padding: 14px 10px;
+  max-width: 160px;
+  border: solid 1px #5a85c9;
+  border-radius: 3px;
+  background: hsl(0, 0%, 98%);
+  text-align: center;
+  font-size: 14px;
+  line-height: 1.5;
+}
+
+#carbonads span {
+  display: block;
+  overflow: hidden;
+}
+
+.carbon-img {
+  display: block;
+  margin: 0 auto 8px;
+  line-height: 1;
+}
+
+.carbon-text {
+  display: block;
+  margin-bottom: 8px;
+}
+
+.carbon-poweredby {
+  display: block;
+  text-transform: uppercase;
+  letter-spacing: 1px;
+  font-size: 9px;
+  line-height: 1;
+}
+
+@media only screen and (min-width: 320px) and (max-width: 759px) {
+  #carbonads {
+    float: none;
+    margin: 0 auto;
+    margin-bottom: 20px;
+    max-width: 330px;
+  }
+  #carbonads span {
+    position: relative;
+  }
+  #carbonads > span {
+    max-width: none;
+  }
+  .carbon-img {
+    float: left;
+    margin: 0 1em 0 0;
+  }
+  .carbon-text {
+    float: left;
+    margin-bottom: 0;
+    max-width: calc(100% - 130px - 1em);
+    text-align: left;
+  }
+  .carbon-poweredby {
+    position: absolute;
+    bottom: 0;
+    left: 144px;
+    display: block;
+  }
+}
+</style>
 <script async type="text/javascript" src="//cdn.carbonads.com/carbon.js?zoneid=1673&serve=C6AILKT&placement=peterbecom" id="_carbonads_js"></script>
 {#
 <div id="fusion_ad">

diff --git a/peterbecom/settings/bundles.py b/peterbecom/settings/bundles.py
@@ -23,7 +23,7 @@
             'css/highlight.css',
             # 'css/table.css',
             'css/peterbe.css',
-            'css/carbonads.css',
+            # 'css/carbonads.css',
         ),
         'output_filename': 'css/base.min.css',
     },