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

2
index.html
View File

@ -97,6 +97,7 @@
<!-- $$$ --> <!-- $$$ -->
<p id="ad-desc" class="desc">Advertisement</p> <p id="ad-desc" class="desc">Advertisement</p>
<div id="ad-container">
<script> <script>
(function(lpnuh){ (function(lpnuh){
var d = document, var d = document,
@ -111,6 +112,7 @@
</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;