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>
</head>
<body>
<div class="pure-g">
<div class="pure-u-1-3"></div>
<div class="pure-u-1-3">
<form class="pure-form pure-form-aligned">
<h1 class="center">Freechat login</h1>
<form class="pure-form center">
<fieldset>
<div class="pure-control-group">
<label for="domainname">World Domain</label>
<input id="domainname" type="text" placeholder="freechat.io">
</div>
<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>
<input id="domainname" type="text" placeholder="Domain: freechat.io"><br>
<input id="username" type="text" placeholder="Username"><br>
<input id="password" type="password" placeholder="Password"><br>
<button type="button" class="pure-button pure-button-primary">Submit</button><br>
</fieldset>
</form>
</div>
<div class="pure-u-1-3"></div>
</div>
</form>
</body>
</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;
}