samsepi0l/libcasa-chan
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

registration page styling patch 1.

Browse Source
This commit is contained in:
sweatshirt0 2023-01-29 19:27:33 -05:00
parent be6e27b43c
commit 0efec1f9f0
2 changed files with 50 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
pages/register.html
View File

@ -6,11 +6,16 @@
</head> </head>
<body> <body>
<div class="whole-wrapper"> <div class="whole-wrapper">
<div class="nav-wrapper">
<a class="home" href="/">Home</a>
<a class="about" href="/about">About</a>
<a class="register" href="/register">Register</a>
</div>
<div class="register-wrapper"> <div class="register-wrapper">
<form class="register-form" action="register.js" method="POST"> <form class="register-form" action="register.js" method="POST">
<input type="text" class="username" id="username" placeholder="Username" /><br/><br/> <input type="text" class="username" id="username" placeholder="Username" /><br/><br/>
<input type="password" class="password" id="password" placeholder="Password" /><br/><br/> <input type="password" class="password" id="password" placeholder="Password" /><br/><br/>
<input type="submit" id="submit" value="Sign up" /> <input type="submit" class="submit" id="submit" value="Sign up" />
</form> </form>
</div> </div>
</div> </div>

46
styles/styles.css
View File

@ -20,7 +20,7 @@ body {
width: 500px; width: 500px;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
background-color: #111; background-color: #313639;
} }
.irc-topics { .irc-topics {
@ -78,6 +78,48 @@ body {
position: relative; position: relative;
display: flex; display: flex;
justify-content: center; justify-content: center;
margin-top: 325px; margin-top: 250px;
background-color: #313639;
width: 500px;
margin-left: auto;
margin-right: auto;
padding-top: 25px;
border-radius: 5px;
}
.username {
position: relative;
width: 450px;
padding: 15px;
border-radius: 5px;
font-size: 1.2rem;
}
.password {
position: relative;
width: 450px;
padding: 15px;
border-radius: 5px;
font-size: 1.2rem;
}
.submit {
position: relative;
display: flex;
width: 250px;
margin-left: auto;
margin-right: auto;
justify-content: center;
padding: 15px;
background-color: #42b72a;
border: 1px solid black;
border-radius: 5px;
font-size: 1.2rem;
font-weight: bold;
}
.submit:hover {
cursor: pointer;
box-shadow: 5px 5px 5px #42b72a;
} }