Use old alert space for an advertisement above the downloads area.

This commit is contained in:
archshift 2015-04-07 03:34:27 -07:00
parent 08ca60fcdf
commit 4af35476a3
2 changed files with 22 additions and 5 deletions

View File

@ -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>

View File

@ -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 ********************************** */