haselkern/telegraph-manager
1
0
Fork 0
Code Activity

Added stylesheet

Browse source
This commit is contained in:
Lars Martens 2017-05-19 17:54:38 +02:00
parent 24f0119823
commit f768dd61b6
2 changed files with 70 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

64
base.css Normal file
View file

@ -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%;
}
}

12
index.htm
View file

@ -2,7 +2,7 @@
<html> <html>
<head> <head>
<title>Telegraph Manager</title> <title>Telegraph Manager</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes"> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
<meta charset="utf8"> <meta charset="utf8">
@ -12,7 +12,7 @@
<link rel="icon" type="image/png" href="g/ic_edit.png"> <link rel="icon" type="image/png" href="g/ic_edit.png">
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet"> <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"> <link rel="stylesheet" href="style.css">
</head> </head>
@ -44,12 +44,12 @@
<h1>create an account</h1> <h1>create an account</h1>
<input type="text" name="author_name" placeholder="your name" required /> <input type="text" name="author_name" placeholder="your name" required />
<input type="text" name="short_name" placeholder="short name (not published)" 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> <button onclick="createAccount()">create account</button>
</div> </div>
<div class="article content"> <div class="article content">
<h1>login with token</h1> <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> <button onclick="tokenLogin()">login</button>
</div> </div>
</div> </div>
@ -100,7 +100,7 @@
<h1>change account information</h1> <h1>change account information</h1>
<input type="text" name="author_name_edit" placeholder="your name" required /> <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="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> <button onclick="saveEdit()">save</button>
</div> </div>
<div class="article content"> <div class="article content">
@ -116,4 +116,4 @@
</div> </div>
</body> </body>
</html> </html>