upload ads
Showing
5 changed files
with
39 additions
and
40 deletions
... | @@ -243,43 +243,12 @@ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { | ... | @@ -243,43 +243,12 @@ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { |
243 | * advertisement | 243 | * advertisement |
244 | * ---------------------------------- */ | 244 | * ---------------------------------- */ |
245 | .advertisement { | 245 | .advertisement { |
246 | width: auto !important; | 246 | float: right; |
247 | padding: 10px !important; | ||
248 | overflow: hidden; /* clearfix */ | ||
249 | font-size: 13px !important; | ||
250 | line-height: 18px !important; | ||
251 | text-align: left; | ||
252 | background: #50c1e9 !important; | ||
253 | border: 0 !important; | ||
254 | border-radius: 4px; | ||
255 | box-shadow: inset 0 3px 5px rgba(0,0,0,.075); | ||
256 | height: 121px; | ||
257 | } | ||
258 | .advertisement-image { | ||
259 | margin: 0 !important; | ||
260 | position: absolute; | ||
261 | } | ||
262 | .advertisement-text { | ||
263 | margin-left: 100px !important; | ||
264 | font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; | ||
265 | } | ||
266 | .advertisement-text a { | ||
267 | color: #fff !important; | ||
268 | } | 247 | } |
269 | @media (max-width: 767px) { | 248 | @media (max-width: 767px) { |
270 | .advertisement { | 249 | .advertisement { |
271 | position: static; | 250 | float: none; |
272 | margin-top: 30px; | 251 | text-align: center; |
273 | box-shadow: inset 0 3px 5px rgba(0,0,0,.075), 0 1px 0 rgba(255,255,255,.1); | ||
274 | } | ||
275 | } | ||
276 | @media (min-width: 768px) { | ||
277 | .advertisement { | ||
278 | position: absolute; | ||
279 | top: 5px; | ||
280 | right: 15px; /* 15px instead of 0 since box-sizing */ | ||
281 | padding: 15px !important; | ||
282 | width: 300px !important; | ||
283 | } | 252 | } |
284 | } | 253 | } |
285 | /* ---------------------------------- | 254 | /* ---------------------------------- | ... | ... |
This diff could not be displayed because it is too large.
... | @@ -48,6 +48,18 @@ | ... | @@ -48,6 +48,18 @@ |
48 | <div class="container"> | 48 | <div class="container"> |
49 | <h3>Documentation</h3> | 49 | <h3>Documentation</h3> |
50 | <h4>The complete style of the Bootflat Framework</h4> | 50 | <h4>The complete style of the Bootflat Framework</h4> |
51 | <div class="advertisement"> | ||
52 | <script type="text/javascript"> | ||
53 | ( function() { | ||
54 | if (window.CHITIKA === undefined) { window.CHITIKA = { 'units' : [] }; }; | ||
55 | var unit = {"calltype":"async[2]","publisher":"bootflat","width":300,"height":150,"sid":"Chitika Default","color_site_link":"ffffff","color_text":"ffffff","color_bg":"89d0dc"}; | ||
56 | var placement_id = window.CHITIKA.units.length; | ||
57 | window.CHITIKA.units.push(unit); | ||
58 | document.write('<div id="chitikaAdBlock-' + placement_id + '"></div>'); | ||
59 | }()); | ||
60 | </script> | ||
61 | <script type="text/javascript" src="//cdn.chitika.net/getads.js" async></script> | ||
62 | </div> | ||
51 | </div> | 63 | </div> |
52 | <div class="topic__infos"> | 64 | <div class="topic__infos"> |
53 | <div class="container"> | 65 | <div class="container"> | ... | ... |
... | @@ -54,6 +54,18 @@ | ... | @@ -54,6 +54,18 @@ |
54 | <span class="github github-fork"> | 54 | <span class="github github-fork"> |
55 | <iframe src="http://ghbtns.com/github-btn.html?user=bootflat&repo=Bootflat.UI.Kit.PSD&type=fork&count=true" title="Fork on GitHub" frameborder="0" scrolling="0" width="150" height="25"></iframe> | 55 | <iframe src="http://ghbtns.com/github-btn.html?user=bootflat&repo=Bootflat.UI.Kit.PSD&type=fork&count=true" title="Fork on GitHub" frameborder="0" scrolling="0" width="150" height="25"></iframe> |
56 | </span> | 56 | </span> |
57 | <div class="advertisement"> | ||
58 | <script type="text/javascript"> | ||
59 | ( function() { | ||
60 | if (window.CHITIKA === undefined) { window.CHITIKA = { 'units' : [] }; }; | ||
61 | var unit = {"calltype":"async[2]","publisher":"bootflat","width":300,"height":150,"sid":"Chitika Default","color_site_link":"ffffff","color_text":"ffffff","color_bg":"89d0dc"}; | ||
62 | var placement_id = window.CHITIKA.units.length; | ||
63 | window.CHITIKA.units.push(unit); | ||
64 | document.write('<div id="chitikaAdBlock-' + placement_id + '"></div>'); | ||
65 | }()); | ||
66 | </script> | ||
67 | <script type="text/javascript" src="//cdn.chitika.net/getads.js" async></script> | ||
68 | </div> | ||
57 | </div> | 69 | </div> |
58 | <div class="topic__infos"> | 70 | <div class="topic__infos"> |
59 | <div class="container"> | 71 | <div class="container"> | ... | ... |
... | @@ -47,12 +47,18 @@ | ... | @@ -47,12 +47,18 @@ |
47 | <div class="container"> | 47 | <div class="container"> |
48 | <h3>Getting Started with Bootflat Framework</h3> | 48 | <h3>Getting Started with Bootflat Framework</h3> |
49 | <h4>An overview of Bootflat, why we built it, how to use it, and what you should know along the way.</h4> | 49 | <h4>An overview of Bootflat, why we built it, how to use it, and what you should know along the way.</h4> |
50 | <!-- <div class="advertisement"> | 50 | <div class="advertisement"> |
51 | <span class="advertisement-image"> | 51 | <script type="text/javascript"> |
52 | <img src="" title="bootflat" alt="bootflat" border="0" height="90"> | 52 | ( function() { |
53 | </span> | 53 | if (window.CHITIKA === undefined) { window.CHITIKA = { 'units' : [] }; }; |
54 | <p class="advertisement-text"></p> | 54 | var unit = {"calltype":"async[2]","publisher":"bootflat","width":300,"height":150,"sid":"Chitika Default","color_site_link":"ffffff","color_text":"ffffff","color_bg":"89d0dc"}; |
55 | </div> --> | 55 | var placement_id = window.CHITIKA.units.length; |
56 | window.CHITIKA.units.push(unit); | ||
57 | document.write('<div id="chitikaAdBlock-' + placement_id + '"></div>'); | ||
58 | }()); | ||
59 | </script> | ||
60 | <script type="text/javascript" src="//cdn.chitika.net/getads.js" async></script> | ||
61 | </div> | ||
56 | </div> | 62 | </div> |
57 | <div class="topic__infos"> | 63 | <div class="topic__infos"> |
58 | <div class="container"> | 64 | <div class="container"> | ... | ... |
-
Please register or sign in to post a comment