Skip to content

brainfood / bootflat

Go to a project
Toggle navigation
Toggle navigation pinning
b4bb7d96 by bootflat
Options

add ads

1 parent 1a1df040
Inline Side-by-side
Showing 6 changed files with 55 additions and 6 deletions
...@@ -45,7 +45,6 @@ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { ...@@ -45,7 +45,6 @@ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
45 * index 45 * index
46 * ---------------------------------- */ 46 * ---------------------------------- */
47 .index { 47 .index {
48 padding-top: 100px;
49 text-align: center; 48 text-align: center;
50 background-color: rgba(255, 255, 255, .9); 49 background-color: rgba(255, 255, 255, .9);
51 min-height: 746px; 50 min-height: 746px;
...@@ -63,7 +62,7 @@ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { ...@@ -63,7 +62,7 @@ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
63 font-style: italic; 62 font-style: italic;
64 } 63 }
65 .index .download-link { 64 .index .download-link {
66 margin: 40px 0 20px; 65 margin: 20px 0;
67 } 66 }
68 .index .download-link .btn { 67 .index .download-link .btn {
69 padding: 15px 35px; 68 padding: 15px 35px;
...@@ -90,14 +89,40 @@ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { ...@@ -90,14 +89,40 @@ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
90 font-weight: bold; 89 font-weight: bold;
91 font-size: 16px; 90 font-size: 16px;
92 } 91 }
92 .index .adpacks {
93 margin: 0 auto 100px;
94 padding: 15px;
95 border-radius: 3px;
96 border: 1px solid #3bafda;
97 width: 380px;
98 min-height: 132px;
99 text-align: left !important;
100 }
101 .index .adpacks .adpacks-img {
102 float: left;
103 width: 140px;
104 }
105
106 .index .adpacks .adpacks-text,
107 .index .adpacks .adpacks-poweredby {
108 font-size: 13px;
109 line-height: 16px;
110 }
111 .index .adpacks .adpacks-poweredby {
112 display: block;
113 }
93 @media (max-width: 767px) { 114 @media (max-width: 767px) {
94 .index { 115 .index {
95 padding-top: 0;
96 min-height: 600px; 116 min-height: 600px;
97 } 117 }
98 .index .download-link .btn { 118 .index .download-link .btn {
99 padding: 15px; 119 padding: 15px;
100 } 120 }
121
122 .index .adpacks {
123 width: 100%;
124 min-height: 132px;
125 }
101 } 126 }
102 /* ---------------------------------- 127 /* ----------------------------------
103 * social 128 * social
...@@ -243,10 +268,11 @@ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { ...@@ -243,10 +268,11 @@ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
243 * advertisement 268 * advertisement
244 * ---------------------------------- */ 269 * ---------------------------------- */
245 .advertisement { 270 .advertisement {
271 padding: 15px;
246 width: auto !important; 272 width: auto !important;
247 overflow: hidden; /* clearfix */ 273 overflow: hidden; /* clearfix */
248 text-align: left; 274 text-align: left;
249 border: 0 !important; 275 border: 1px solid #a4e4ef !important;
250 border-radius: 4px; 276 border-radius: 4px;
251 } 277 }
252 @media (max-width: 767px) { 278 @media (max-width: 767px) {
...@@ -258,9 +284,9 @@ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { ...@@ -258,9 +284,9 @@ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
258 @media (min-width: 768px) { 284 @media (min-width: 768px) {
259 .advertisement { 285 .advertisement {
260 position: absolute; 286 position: absolute;
261 top: 5px; 287 top: 15px;
262 right: 15px; /* 15px instead of 0 since box-sizing */ 288 right: 15px; /* 15px instead of 0 since box-sizing */
263 width: 300px !important; 289 width: 380px !important;
264 } 290 }
265 } 291 }
266 /* ---------------------------------- 292 /* ----------------------------------
...@@ -373,6 +399,22 @@ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { ...@@ -373,6 +399,22 @@ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
373 padding: 10px 16px; 399 padding: 10px 16px;
374 text-decoration: none; 400 text-decoration: none;
375 } 401 }
402 .topic .container a.adpacks-img {
403 float: left;
404 width: 140px;
405 }
406 .topic .container a.adpacks-text {
407 font-size: 13px;
408 line-height: 16px !important;
409 text-decoration: none;
410 }
411 .topic .container a.adpacks-poweredby {
412 display: block;
413 font-size: 13px;
414 line-height: 16px !important;
415 text-decoration: none;
416 color: #c5f5fe;
417 }
376 .topic .github { 418 .topic .github {
377 position: relative; 419 position: relative;
378 top: 10px; 420 top: 10px;
......
This diff could not be displayed because it is too large.
...@@ -52,6 +52,7 @@ ...@@ -52,6 +52,7 @@
52 </div> 52 </div>
53 <div class="col-md-4"> 53 <div class="col-md-4">
54 <div class="advertisement"> 54 <div class="advertisement">
55 <script async type="text/javascript" src="//cdn.adpacks.com/adpacks.js?zoneid=1386&serve=C6SI42Y&placement=bootflat" id="_adpacks_js"></script>
55 </div> 56 </div>
56 </div> 57 </div>
57 </div> 58 </div>
......
...@@ -58,6 +58,8 @@ ...@@ -58,6 +58,8 @@
58 </div> 58 </div>
59 <div class="col-md-4"> 59 <div class="col-md-4">
60 <div class="advertisement"> 60 <div class="advertisement">
61
62 <script async type="text/javascript" src="//cdn.adpacks.com/adpacks.js?zoneid=1386&serve=C6SI42Y&placement=bootflat" id="_adpacks_js"></script>
61 </div> 63 </div>
62 </div> 64 </div>
63 </div> 65 </div>
......
...@@ -51,6 +51,7 @@ ...@@ -51,6 +51,7 @@
51 </div> 51 </div>
52 <div class="col-md-4"> 52 <div class="col-md-4">
53 <div class="advertisement"> 53 <div class="advertisement">
54 <script async type="text/javascript" src="//cdn.adpacks.com/adpacks.js?zoneid=1386&serve=C6SI42Y&placement=bootflat" id="_adpacks_js"></script>
54 </div> 55 </div>
55 </div> 56 </div>
56 </div> 57 </div>
......
...@@ -53,6 +53,9 @@ ...@@ -53,6 +53,9 @@
53 <a class="btn btn-primary" href="https://github.com/Bootflat/Bootflat.github.io/archive/master.zip">Download (Version 2.0.3)</a> 53 <a class="btn btn-primary" href="https://github.com/Bootflat/Bootflat.github.io/archive/master.zip">Download (Version 2.0.3)</a>
54 </p> 54 </p>
55 <p class="version-text">MIT Licensed - Version 2.0.3</p> 55 <p class="version-text">MIT Licensed - Version 2.0.3</p>
56 <p class="adpacks">
57 <script async type="text/javascript" src="//cdn.adpacks.com/adpacks.js?zoneid=1386&serve=C6SI42Y&placement=bootflat" id="_adpacks_js"></script>
58 </p>
56 <p class="learn-more Bootflat"> 59 <p class="learn-more Bootflat">
57 <a href="#learn-more">Learn more <i class="icon" data-icon="&#xe035"></i></a> 60 <a href="#learn-more">Learn more <i class="icon" data-icon="&#xe035"></i></a>
58 </p> 61 </p>
......