Problem dark mode responsive resolved

This commit is contained in:
stef-devs 2022-04-12 17:13:58 +02:00
parent 2f8732c4b6
commit 1ec588f814
3 changed files with 21 additions and 2 deletions

View File

@ -22,6 +22,7 @@
<meta name="theme-color" content="#ffffff">
</head>
<body>
<div align=”center”>
<br>
<br>
<title>1 Elci - Orario</title>
@ -31,13 +32,27 @@
<br>
<br>
<br>
<center><img class="u-image u-image-default u-image-1" src="https://1elci.it/orario/orario.png" alt="" data-image-width="948" data-image-height="610"></center>
<center><img class="orarioscuola" src="https://1elci.it/orario/orario.png"></center>
<script>
var rwd_images = {
widthBreakPoint: 600
};
</script>
<script src="/responsiveimgs.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
body { font-family: Helvetica, sans-serif; color: #eee; margin: 50px auto; padding: 0 20px; max-width: 980px; }
img { border: 0; width: 100%; display:block max-width: 1000%; }
</style>
<div class="container">
<input class="container_toggle" type="checkbox" id="switch" name="mode">
<label for="switch">Toggle</label>
</div>
<script src="https://1elci.it/function.js"></script>
</div>
</body>
</html>
</body>

3
responsiveimgs.js Normal file
View File

@ -0,0 +1,3 @@
var rwd_images = {
widthBreakPoint: 600
};

View File

@ -127,4 +127,5 @@ a:logo {
position : absolute;
left : 20px;
right : 20px;
}
}
.orarioscuola {max-width: 100%}