ce5a12b9 by bootflat

upload ads

1 parent e13f2fc2
...@@ -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&amp;repo=Bootflat.UI.Kit.PSD&amp;type=fork&amp;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&amp;repo=Bootflat.UI.Kit.PSD&amp;type=fork&amp;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">
......