Robot
/
HEAD
mirror of https://github.com/joshbuchea/HEAD.git
2
0
Fork 0
Code Issues Releases Wiki Activity

Update carbon ads code

This commit is contained in:
Josh Buchea 2018-05-25 21:21:29 -07:00
parent ade6aeb80b
commit 32a0d7e58d
2 changed files with 67 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
_includes/header.html
View File

@ -16,7 +16,7 @@
</a> --> </a> -->
<!-- Carbon Ads --> <!-- Carbon Ads -->
<script async type="text/javascript" src="//cdn.carbonads.com/carbon.js?zoneid=1673&serve=C6AILKT&placement=getheadinfo" id="_carbonads_js"></script> <script async type="text/javascript" src="//cdn.carbonads.com/carbon.js?serve=CKYIL537&placement=getheadinfo" id="_carbonads_js"></script>
</div> </div>
<div class="header-text"> <div class="header-text">

74
_sass/_carbon-ads.scss
View File

@ -3,17 +3,27 @@
/////////////////////////////////////////////////////////////////////////////// ///////////////////////////////////////////////////////////////////////////////
#carbonads { #carbonads {
--width: 180px;
--font-size: 14px;
}
#carbonads {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;
display: block; display: block;
overflow: hidden; overflow: hidden;
padding: 1em; margin-bottom: 20px;
max-width: var(--width);
border-radius: 4px;
text-align: center; text-align: center;
font-family: Verdana, "Helvetica Neue", Helvetica, sans-serif; box-shadow: 0 0 0 1px hsla(0, 0%, 0%, .1);
background-color: hsl(0, 0%, 98%);
font-size: var(--font-size);
line-height: 1.5; line-height: 1.5;
} }
#carbonads a { #carbonads a {
color: inherit; color: inherit;
border: none; text-decoration: none;
} }
#carbonads a:hover { #carbonads a:hover {
@ -21,24 +31,72 @@
} }
#carbonads span { #carbonads span {
position: relative;
display: block; display: block;
overflow: hidden; overflow: hidden;
} }
.carbon-img { .carbon-img {
display: block; display: block;
margin: 0 auto 1em; margin-bottom: 8px;
max-width: var(--width);
line-height: 1;
}
.carbon-img img {
display: block;
margin: 0 auto;
max-width: var(--width) !important;
width: var(--width);
height: auto;
} }
.carbon-text { .carbon-text {
display: block; display: block;
margin-bottom: 1em; padding: 0 1em 8px;
} }
.carbon-poweredby { .carbon-poweredby {
display: block; display: block;
padding: 10px var(--font-size);
background: repeating-linear-gradient(-45deg, transparent, transparent 5px, hsla(0, 0%, 0%, .025) 5px, hsla(0, 0%, 0%, .025) 10px) hsla(203, 11%, 95%, .4);
text-transform: uppercase; text-transform: uppercase;
letter-spacing: 1px; letter-spacing: .5px;
font-size: .8em; font-weight: 600;
line-height: 1; font-size: 9px;
line-height: 0;
} }
@media only screen and (min-width: 320px) and (max-width: 759px) {
#carbonads {
float: none;
margin: 0 auto;
max-width: 330px;
}
#carbonads span {
position: relative;
}
#carbonads > span {
max-width: none;
}
.carbon-img {
float: left;
margin: 0;
}
.carbon-img img {
max-width: 130px !important;
}
.carbon-text {
float: left;
margin-bottom: 0;
padding: 8px 20px;
text-align: left;
max-width: calc(100% - 130px - 3em);
}
.carbon-poweredby {
left: 130px;
bottom: 0;
display: block;
width: 100%;
}