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 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">
|
||||
<h1>Downloads</h1>
|
||||
|
12
style.css
12
style.css
@ -266,19 +266,23 @@ img.dl-icon:hover {
|
||||
background-color: #f80;
|
||||
}
|
||||
|
||||
p.alert {
|
||||
.ad-rect {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
margin: 0;
|
||||
padding: 4vh 0;
|
||||
padding: 0.5vh 0;
|
||||
|
||||
background-color: #F80;
|
||||
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 ********************************** */
|
||||
|
Loading…
x
Reference in New Issue
Block a user