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"> <meta name="theme-color" content="#ffffff">
</head> </head>
<body> <body>
<div align=”center”>
<br> <br>
<br> <br>
<title>1 Elci - Orario</title> <title>1 Elci - Orario</title>
@ -31,13 +32,27 @@
<br> <br>
<br> <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"> <div class="container">
<input class="container_toggle" type="checkbox" id="switch" name="mode"> <input class="container_toggle" type="checkbox" id="switch" name="mode">
<label for="switch">Toggle</label> <label for="switch">Toggle</label>
</div> </div>
<script src="https://1elci.it/function.js"></script> <script src="https://1elci.it/function.js"></script>
</div>
</body> </body>
</html> </html>
</body> </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; position : absolute;
left : 20px; left : 20px;
right : 20px; right : 20px;
} }
.orarioscuola {max-width: 100%}