1
0
Fork 0
turnoffinternet-css-edition/shutdown.html

71 lines
1.6 KiB
HTML
Raw Permalink Normal View History

2021-06-08 00:25:13 +00:00
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head profile="https://ogp.me/ns#">
<title>Shutdown the Internet</title>
<link rel="preload" as="image" href="button-a.gif">
<style>
#toggle {
display: none;
}
label {
display: inline-block;
width: 134px;
height: 119px;
cursor: pointer;
background: url(button.gif);
background: url(button.gif),
url(button-a.gif) no-repeat -9999px -9999px;
}
#toggle:checked + label {
background-image: url(button-a.gif);
}
#toggle:checked ~ #shutdown {
position: fixed;
visibility: visible;
opacity: 1;
border: 0; padding: 0; margin: 0;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-color: rgba(0,0,0,1);
transition: all 0.5s ease 1s;
}
#shutdown {
visibility: hidden;
opacity: 0;
}
</style>
</head>
<body bgcolor="Black">
<table width="100%" height="100%" border="0">
<tr>
<td align="center" valign="middle">
<table cellspacing="0" cellpadding="0" border="0" background="background.gif" width="347" height="411">
<tr>
<td height="75" nowrap>&nbsp;</td>
</tr>
<tr>
<td width="100%" height="100%" valign="top" align="center">
<input type="radio" id="toggle" />
<label for="toggle"></label>
<table cellspacing="0" cellpadding="0" id="shutdown">
<tr>
<td align="center" valign="middle" style="color:orange;font-family:verdana,arial;font-size:20pt;">You have now safely shutdown the Internet.</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>