ugly but the frame or whatever is there so fuck it

This commit is contained in:
shockrahwow 2019-11-27 17:45:17 -08:00
parent 54f956bccb
commit 3b175c4ea5
2 changed files with 31 additions and 24 deletions

View File

@ -7,30 +7,14 @@
<title>Freechat</title> <title>Freechat</title>
</head> </head>
<body> <body>
<div class="pure-g"> <h1 class="center">Freechat login</h1>
<div class="pure-u-1-3"></div> <form class="pure-form center">
<div class="pure-u-1-3">
<form class="pure-form pure-form-aligned">
<fieldset> <fieldset>
<div class="pure-control-group"> <input id="domainname" type="text" placeholder="Domain: freechat.io"><br>
<label for="domainname">World Domain</label> <input id="username" type="text" placeholder="Username"><br>
<input id="domainname" type="text" placeholder="freechat.io"> <input id="password" type="password" placeholder="Password"><br>
</div> <button type="button" class="pure-button pure-button-primary">Submit</button><br>
<div class="pure-control-group">
<label for="username">Username</label>
<input id="username" type="text" placeholder="Username">
</div>
<div class="pure-control-group">
<label for="password">Password</label>
<input id="password" type="password" placeholder="Password">
</div>
<div class="pure-controls">
<button type="button" class="pure-button pure-button-primary">Submit</button>
</div>
</fieldset> </fieldset>
</form> </form>
</div>
<div class="pure-u-1-3"></div>
</div>
</body> </body>
</html> </html>

View File

@ -1 +1,24 @@
@use 'general'; @import 'general';
$text-color: white;
label {
color: $text-color;
}
h1 {
color: $text-color;
display: block;
}
.center {
margin: 0 auto;
text-align: center;
}
::placeholder {
color: $back-grey;
}
input {
margin-top: 0.5em;
margin-bottom: 0.5em;
}