Use old alert space for an advertisement above the downloads area.
This commit is contained in:
parent
08ca60fcdf
commit
4af35476a3
15
index.html
15
index.html
@ -167,7 +167,20 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="download" class="page">
|
<div id="download" class="page">
|
||||||
<p class="alert">Remember that <b>NO</b> commercial software is playable in Citra.</p>
|
<div class="ad-rect">
|
||||||
|
<div class="ad-container">
|
||||||
|
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
|
||||||
|
<!-- citra-auto-resize -->
|
||||||
|
<ins class="adsbygoogle"
|
||||||
|
style="display:block"
|
||||||
|
data-ad-client="ca-pub-4126545610079023"
|
||||||
|
data-ad-slot="4223809695"
|
||||||
|
data-ad-format="auto"></ins>
|
||||||
|
<script>
|
||||||
|
(adsbygoogle = window.adsbygoogle || []).push({});
|
||||||
|
</script>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="content">
|
<div class="content">
|
||||||
<h1>Downloads</h1>
|
<h1>Downloads</h1>
|
||||||
|
12
style.css
12
style.css
@ -266,19 +266,23 @@ img.dl-icon:hover {
|
|||||||
background-color: #f80;
|
background-color: #f80;
|
||||||
}
|
}
|
||||||
|
|
||||||
p.alert {
|
.ad-rect {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 0;
|
left: 0;
|
||||||
right: 0;
|
right: 0;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 4vh 0;
|
padding: 0.5vh 0;
|
||||||
|
|
||||||
background-color: #F80;
|
background-color: #F80;
|
||||||
color: #FFF;
|
color: #FFF;
|
||||||
font-size: 18pt;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.ad-container {
|
||||||
|
margin: auto;
|
||||||
|
}
|
||||||
|
@media (max-width:400px) { .ad-container { display: none; } }
|
||||||
|
@media (min-width:500px) { .ad-container { width: 468px; height: 60px; } }
|
||||||
|
@media (min-width:800px) { .ad-container { width: 728px; height: 90px; } }
|
||||||
|
|
||||||
/* ********************************************* */
|
/* ********************************************* */
|
||||||
/* *** FOOTER ********************************** */
|
/* *** FOOTER ********************************** */
|
||||||
|
Loading…
x
Reference in New Issue
Block a user