From f768dd61b60002acdf7b226184cb4bc2535a7cfc Mon Sep 17 00:00:00 2001
From: Lars Martens <lars.martens97@gmail.com>
Date: Fri, 19 May 2017 17:54:38 +0200
Subject: [PATCH] Added stylesheet

---
 base.css  | 64 +++++++++++++++++++++++++++++++++++++++++++++++++++++++
 index.htm | 12 +++++------
 2 files changed, 70 insertions(+), 6 deletions(-)
 create mode 100644 base.css
diff --git a/base.css b/base.css
new file mode 100644
index 0000000..fd3acfd
--- /dev/null
+++ b/base.css
@@ -0,0 +1,64 @@
+@import url('https://fonts.googleapis.com/css?family=Josefin+Sans:300|Roboto');
+
+*{
+    margin: 0;
+    padding: 0;
+}
+
+body{
+    font-family: 'Roboto', sans-serif;
+    font-family: sans-serif;
+    background-image: url("bg.png");
+}
+
+a {
+    text-decoration: underline;
+    font-style: italic;
+    color: black;
+}
+
+.article{
+    display: block;
+    color: black;
+    padding: 50px;
+    border-bottom: 1px dashed #d5d5d5;
+    text-decoration: none;
+    font-style: normal;
+}
+.article:last-child{
+    border: none;
+}
+.article h1{
+    margin-bottom: 5px;
+    font-family: 'Josefin Sans', sans-serif;
+}
+
+.article img{
+    max-width: 100%;
+}
+
+.content *{
+    margin-bottom: 1em;
+}
+.content *:last-child{
+    margin-bottom: 0;
+}
+
+.center{
+    text-align: center;
+}
+
+.wrap{
+    margin: 0 auto;
+}
+
+@media (min-width: 650px){
+    .wrap{
+        width: 80%;
+    }
+}
+@media (min-width: 900px){
+    .wrap{
+        width: 50%;
+    }
+}
\ No newline at end of file
diff --git a/index.htm b/index.htm
index e1601a9..7609ec6 100644
--- a/index.htm
+++ b/index.htm
@@ -2,7 +2,7 @@
 <html>
 <head>
     <title>Telegraph Manager</title>
-    
+
     <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
     <meta charset="utf8">
 
@@ -12,7 +12,7 @@
     <link rel="icon" type="image/png" href="g/ic_edit.png">
     <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
 
-    <link rel="stylesheet" href="http://haselkern.com/g/base.css">
+    <link rel="stylesheet" href="base.css">
     <link rel="stylesheet" href="style.css">
 
 </head>
@@ -44,12 +44,12 @@
                 <h1>create an account</h1>
                 <input type="text" name="author_name" placeholder="your name" required />
                 <input type="text" name="short_name" placeholder="short name (not published)" required />
-                <input type="url" name="author_url" placeholder="your website (optional)" />            
+                <input type="url" name="author_url" placeholder="your website (optional)" />
                 <button onclick="createAccount()">create account</button>
             </div>
             <div class="article content">
                 <h1>login with token</h1>
-                <input type="text" name="token" placeholder="your token (like this: b968da509bb768...)" required />            
+                <input type="text" name="token" placeholder="your token (like this: b968da509bb768...)" required />
                 <button onclick="tokenLogin()">login</button>
             </div>
         </div>
@@ -100,7 +100,7 @@
                 <h1>change account information</h1>
                 <input type="text" name="author_name_edit" placeholder="your name" required />
                 <input type="text" name="short_name_edit" placeholder="short name (not published)" required />
-                <input type="url" name="author_url_edit" placeholder="your website (optional)" />            
+                <input type="url" name="author_url_edit" placeholder="your website (optional)" />
                 <button onclick="saveEdit()">save</button>
             </div>
             <div class="article content">
@@ -116,4 +116,4 @@
     </div>
 
 </body>
-</html>
\ No newline at end of file
+</html>
