CodeDevMLH/SpotlightTrailer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add new (unused) style

Browse Source
This commit is contained in:
MLH
2024-12-31 20:20:28 +01:00
parent 252ca17a34
commit 1b828c511a
1 changed files with 21 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
iframe-Einbindung_kompakt.css
View File

@@ -30,3 +30,24 @@
} }
</style> </style>
<iframe class="featurediframe" src="/web/ui/spotlight.html"></iframe> <iframe class="featurediframe" src="/web/ui/spotlight.html"></iframe>
NEU (aber nicht genutzt):
<style>
.featurediframe {width: 95vw; height: 23.5em; display: block; border: 0px solid #000; margin: 0 auto; margin-bottom: 0em; margin-top: 1em;}
@media (min-width: 3158px) {.featurediframe {height: 50em;} }
@media (min-width: 2601px) and (max-width: 3157px) {.featurediframe {height: 33em;} }
@media (min-width: 2000px) and (max-width: 2600px) {.featurediframe {height: 27em; font-size: 133%;} .layout-desktop #homeTab .sections.homeSectionsContainer {margin-top: -3em !important;} }
@media (max-width: 1000px) and (orientation: portrait) {.featurediframe {height: 25em; margin-bottom: -3em;} }
@media (max-width: 1000px) and (orientation: landscape) {.featurediframe {height: 26em; margin-bottom: -7em;} }
@media (max-width: 500px) and (orientation: portrait) {.featurediframe {height: 45vh; margin-bottom: 0em;} }
@media (max-height: 500px) and (orientation: landscape) {.featurediframe {height: 100vh;} }
@media screen and (aspect-ratio: 4/3) {.featurediframe {height: 25em;} }
@media screen and (aspect-ratio: 3/4) {.featurediframe {height: 25em; margin-bottom: -5em;} }
@media screen and (aspect-ratio: 16/10) and (max-height: 1200px) {.featurediframe {height: 34em; margin-bottom: -5em;} }
@media screen and (aspect-ratio: 10/16) and (max-height: 1280px) {.featurediframe {height: 25em; margin-bottom: -5em;} }
@media (min-aspect-ratio: 21/9) and (min-width: 3000px) {.featurediframe { height: 50em;} }
</style>
<iframe class="featurediframe" src="/web/ui/spotlight.html"></iframe>