app/javascript/advertisements/rectangle-narrow/theme.scss
div#cf[data-template='rectangle-narrow'][data-theme='dark'] {
margin: 0 auto;
max-width: 330px;
border: none;
background-color: rgba(0, 0, 0, 0.05);
a {
box-shadow: none !important;
text-decoration: none;
}
span.cf-wrapper {
border-radius: 0;
display: block;
padding: 14px 10px;
overflow: hidden;
font-size: 12px;
line-height: 1.4;
text-align: left;
font-family: Helvetica, Arial, sans-serif;
span.cf-img-wrapper {
float: left;
margin-right: 15px;
}
img.cf-img {
vertical-align: middle;
border-style: none;
max-width: 130px;
position: relative;
}
span.cf-text {
color: rgba(255, 255, 255, 0.8);
text-decoration: none;
}
a.cf-powered-by {
margin-top: 5px;
font-size: 12px;
display: block;
color: #777;
}
}
}
div#cf[data-template='rectangle-narrow'][data-theme='light'] {
margin: 0 auto;
max-width: 330px;
border: none;
background-color: rgba(0, 0, 0, 0.05);
a {
box-shadow: none !important;
text-decoration: none;
}
span.cf-wrapper {
border-radius: 0;
display: block;
padding: 14px 10px;
overflow: hidden;
font-size: 12px;
line-height: 1.4;
text-align: left;
font-family: Helvetica, Arial, sans-serif;
span.cf-img-wrapper {
float: left;
margin-right: 15px;
img.cf-img {
vertical-align: middle;
border-style: none;
max-width: 130px;
position: relative;
}
}
span.cf-text {
color: rgba(0, 0, 0, 0.8);
}
a.cf-powered-by {
margin-top: 5px;
font-size: 11px;
display: block;
color: #777;
}
}
}