diff --git a/assets/stylesheets/adplugin.scss b/assets/stylesheets/adplugin.scss index 05bc997..6497d14 100644 --- a/assets/stylesheets/adplugin.scss +++ b/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; +}