UI: Style Ads

assets/stylesheets/adplugin.scss

@@ -176,3 +176,49 @@ and (max-width : 775px) {
   height: 1px;
   width: 1px;
 }
+
+#carbonads {
+  display: block;
+  overflow: hidden;
+  padding: 1em;
+  border: 1px solid #ccc;
+  font-family: Verdana, "Helvetica Neue", Helvetica, sans-serif;
+  line-height: 1.5;
+  margin-bottom: 15px;
+}
+
+#carbonads span {
+  position: relative;
+  display: block;
+  overflow: hidden;
+}
+
+.carbon-img {
+  float: left;
+  margin-right: 1em;
+}
+
+.carbon-img img {
+  display: block;
+  line-height: 1;
+}
+
+.carbon-text {
+  display: block;
+  float: left;
+  max-width: calc(100% - 130px - 1em);
+  text-align: left;
+  color: dark-light-choose($primary-medium, $secondary-medium);
+}
+
+.carbon-poweredby {
+  position: absolute;
+  right: 0; // You can also set the position to the "left" with the value of calc(130px + carbon-text’s font size). If the font-size is 12px, you’ll want to set the left value as 142px. It’ll align the .carbon-text with .carbon-poweredby
+  bottom: 0;
+  display: block;
+  font-size: .8em;
+  text-transform: uppercase;
+  line-height: 1;
+  letter-spacing: 1px;
+  color: $quaternary !important;
+}