UI: Style Ads
This commit is contained in:
parent
c5272db7f3
commit
0980914d0c
|
@ -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;
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue