80 lines
1.2 KiB
SCSS
80 lines
1.2 KiB
SCSS
/*
|
|
* Carbon ads
|
|
*
|
|
* .headline-ad
|
|
* #carbonads
|
|
* span
|
|
* span.carbon-wrap
|
|
* a.carbon-img > img
|
|
* a.carbon-text {description}
|
|
* a.carbon-poweredby {powered by Carbon}
|
|
*/
|
|
|
|
.HeadlineAd {
|
|
@include font-size(-1);
|
|
|
|
& {
|
|
display: inline-block;
|
|
}
|
|
|
|
&,
|
|
& > div > span {
|
|
min-width: 130px + 16px + 64px;
|
|
max-width: 400px;
|
|
height: 100px;
|
|
}
|
|
|
|
& > div > span {
|
|
display: inline-block;
|
|
text-align: right;
|
|
}
|
|
|
|
& > div > span::after {
|
|
content: '';
|
|
display: table;
|
|
clear: both;
|
|
zoom: 1;
|
|
}
|
|
|
|
.carbon-img,
|
|
.carbon-text,
|
|
.carbon-poweredby {
|
|
text-decoration: none;
|
|
display: block;
|
|
}
|
|
|
|
.carbon-img {
|
|
float: right;
|
|
margin-left: 16px;
|
|
width: 130px;
|
|
height: 100px;
|
|
box-shadow: $shadow3;
|
|
}
|
|
|
|
.carbon-img > img {
|
|
border-radius: 3px;
|
|
background: white;
|
|
}
|
|
|
|
.carbon-img:hover {
|
|
transform: translate3d(0, -1px, 0);
|
|
box-shadow: $shadow6;
|
|
}
|
|
|
|
.carbon-text,
|
|
.carbon-text:visited {
|
|
color: $gray-text;
|
|
}
|
|
|
|
.carbon-poweredby,
|
|
.carbon-poweredby:visited {
|
|
color: lighten($gray-text, 20%);
|
|
}
|
|
|
|
.carbon-text:hover,
|
|
.carbon-poweredby:hover {
|
|
color: $base-a;
|
|
}
|
|
}
|
|
|