3 files changed, 35 insertions, 8 deletions
diff --git a/tpl/default/addlink.html b/tpl/default/addlink.html
new file mode 100644
index 00000000..13adeb49
--- /dev/null
+++ b/tpl/default/addlink.html
@@ -0,0 +1,27 @@
+<!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>
diff --git a/tpl/default/css/shaarli.css b/tpl/default/css/shaarli.css
index 14fddc4b..89d72608 100644
--- a/tpl/default/css/shaarli.css
+++ b/tpl/default/css/shaarli.css
@@ -590,14 +590,14 @@ pre {
 /**
 * 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%;
@@ -608,12 +608,12 @@ pre {
    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;
@@ -626,8 +626,8 @@ pre {
 }
 /* because chrome */
-#login-form input[type="text"]::-webkit-input-placeholder,
+.page-form input[type="text"]::-webkit-input-placeholder,
-#login-form input[type="password"]::-webkit-input-placeholder {
+.page-form input[type="password"]::-webkit-input-placeholder {
    color: #b0ddce;
 }
@@ -637,7 +637,7 @@ pre {
    font-weight: bold;
 }
-#login-form input[type="submit"] {
+.page-form input[type="submit"] {
    margin: 10px 0;
    height: 35px;
    width: 150px;
diff --git a/tpl/default/loginform.html b/tpl/default/loginform.html
index 0ee96153..e6d7dea5 100644
--- a/tpl/default/loginform.html
+++ b/tpl/default/loginform.html
@@ -18,7 +18,7 @@
 {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>