--- /dev/null
+<!DOCTYPE html>
+<html>
+<head>
+ {include="includes"}
+</head>
+<body>
+{include="page.header"}
+<div class="pure-g">
+ <div class="pure-u-lg-1-3 pure-u-1-8"></div>
+ <div id="addlink-form" class="page-form pure-u-lg-1-3 pure-u-3-4">
+ <h2>Shaare a new link</h2>
+ <form method="GET" action="" name="addform" class="addform">
+ <div>
+ <input type="text" name="post">
+ </div>
+ <div>
+ <input type="submit" value="Add link">
+ </div>
+ </form>
+ </div>
+</div>
+{include="page.footer"}
+<script>
+ document.getElementsByName('post')[0].focus();
+</script>
+</body>
+</html>
/**
* Login page
*/
-#login-form {
+.page-form {
margin: 20px 0 0 0;
background: url(../img/noise.png) #1fa67a;
border-radius: 5px;
box-shadow: 1px 1px 2px #797979;
}
-#login-form h2 {
+.page-form h2 {
margin: 0 0 10px 0;
padding: 10px 0;
width: 100%;
border-bottom: 1px solid #797979;
}
-#login-form div {
+.page-form div {
width: 100%;
text-align: center;
}
-#login-form input[type="text"], #login-form input[type="password"] {
+.page-form input[type="text"], .page-form input[type="password"] {
margin: 10px 0;
padding: 5px 5px 3px 15px;
height: 30px;
}
/* because chrome */
-#login-form input[type="text"]::-webkit-input-placeholder,
-#login-form input[type="password"]::-webkit-input-placeholder {
+.page-form input[type="text"]::-webkit-input-placeholder,
+.page-form input[type="password"]::-webkit-input-placeholder {
color: #b0ddce;
}
font-weight: bold;
}
-#login-form input[type="submit"] {
+.page-form input[type="submit"] {
margin: 10px 0;
height: 35px;
width: 150px;
{else}
<div class="pure-g">
<div class="pure-u-lg-1-3 pure-u-1-8"></div>
- <div id="login-form" class="pure-u-lg-1-3 pure-u-3-4">
+ <div id="login-form" class="page-form pure-u-lg-1-3 pure-u-3-4">
<form method="post" name="loginform">
<h2>Login</h2>
<div>