CarbonAds

Chalarangelo · Jun 4, 2019 · 0ffa5ff · 0ffa5ff
1 parent 04e24c9
commit 0ffa5ff
Showing 1 changed file with 61 additions and 0 deletions.
diff --git a/docs/index.html b/docs/index.html
@@ -12,6 +12,67 @@
   <meta property="og:description" content="mini.css is a tiny CSS framework designed to build quick, modern and responsive websites."/>
   <meta property="og:type" content="website"/><meta property="og:image" content="page_thumb.png">
   <meta property="og:url" content="https://chalarangelo.github.io/mini.css/"><link rel="icon" type="image/png" href="favicon.png">
+  <style>
+      #carbonads {
+        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu,
+        Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;
+      }
+
+      #carbonads {
+        display: flex;
+        max-width: 330px;
+        background-color: hsl(0, 0%, 98%);
+        box-shadow: 0 1px 4px 1px hsla(0, 0%, 0%, .1);
+      }
+
+      #carbonads a {
+        color: inherit;
+        text-decoration: none;
+      }
+
+      #carbonads a:hover {
+        color: inherit;
+      }
+
+      #carbonads span {
+        position: relative;
+        display: block;
+        overflow: hidden;
+      }
+
+      #carbonads .carbon-wrap {
+        display: flex;
+      }
+
+      .carbon-img {
+        display: block;
+        margin: 0;
+        line-height: 1;
+      }
+
+      .carbon-img img {
+        display: block;
+      }
+
+      .carbon-text {
+        font-size: 13px;
+        padding: 10px;
+        line-height: 1.5;
+        text-align: left;
+      }
+
+      .carbon-poweredby {
+        display: block;
+        padding: 8px 10px;
+        background: repeating-linear-gradient(-45deg, transparent, transparent 5px, hsla(0, 0%, 0%, .025) 5px, hsla(0, 0%, 0%, .025) 10px) hsla(203, 11%, 95%, .4);
+        text-align: center;
+        text-transform: uppercase;
+        letter-spacing: .5px;
+        font-weight: 600;
+        font-size: 9px;
+        line-height: 1;
+      }
+    </style>
   </head>
   <body>
   <div class="index-splash">