Reimar/popup-timer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix layout issues with ad

Browse Source
This commit is contained in:
Reimar 2025-08-20 21:10:08 +02:00
parent 0effb33cde
commit 8ed9a731b1
Signed by: Reimar
GPG Key ID: 93549FA07F0AE268
2 changed files with 22 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
index.html
View File

@ -97,20 +97,22 @@
<!-- $$$ --> <!-- $$$ -->
<p id="ad-desc" class="desc">Advertisement</p> <p id="ad-desc" class="desc">Advertisement</p>
<script> <div id="ad-container">
(function(lpnuh){ <script>
var d = document, (function(lpnuh){
s = d.createElement('script'), var d = document,
l = d.scripts[d.scripts.length - 1]; s = d.createElement('script'),
s.settings = lpnuh || {}; l = d.scripts[d.scripts.length - 1];
s.src = "\/\/handsome-storm.com\/bLX-Vjs.dSGil\/0xY\/W\/cJ\/YePmY9suLZWU\/lJkCPlTHYs2sMWTTQB4oNgTWMRt-NcjUY\/xwNODTgH1pN\/Ae"; s.settings = lpnuh || {};
s.async = true; s.src = "\/\/handsome-storm.com\/bLX-Vjs.dSGil\/0xY\/W\/cJ\/YePmY9suLZWU\/lJkCPlTHYs2sMWTTQB4oNgTWMRt-NcjUY\/xwNODTgH1pN\/Ae";
s.referrerPolicy = 'no-referrer-when-downgrade'; s.async = true;
l.parentNode.insertBefore(s, l); s.referrerPolicy = 'no-referrer-when-downgrade';
})({}) l.parentNode.insertBefore(s, l);
</script> })({})
</script>
<div id="ad-placeholder"></div> <div id="ad-placeholder"></div>
</div>
<footer> <footer>
<p class="desc">Have feedback? Send it <a href="mailto:?to=Reimar%20<%6D%61%69%6C%40%72%65%69%6D%2E%61%72>&subject=Popup%20Timer%20Feedback">here</a></p> <p class="desc">Have feedback? Send it <a href="mailto:?to=Reimar%20<%6D%61%69%6C%40%72%65%69%6D%2E%61%72>&subject=Popup%20Timer%20Feedback">here</a></p>

9
style.css
View File

@ -165,9 +165,13 @@ input[type=checkbox] {
#ad-desc { #ad-desc {
margin-top: 80px; margin-top: 80px;
} }
iframe ~ #ad-placeholder { #ad-container {
position: relative; position: relative;
bottom: 252px; height: 250px;
}
#ad-placeholder {
position: absolute;
inset: 0;
width: 300px; width: 300px;
height: 250px; height: 250px;
margin: auto; margin: auto;
@ -179,6 +183,7 @@ footer {
bottom: 8px; bottom: 8px;
left: 0; left: 0;
right: 0; right: 0;
z-index: -2;
} }
a { a {
color: #43A047; color: #43A047;