haselkern/telegraph-manager
1
0
Fork 0
Code Activity

improved design

Browse source 
Based on the design from my website.
This commit is contained in:
haselkern 2017-01-10 19:39:44 +01:00
parent 3b360866df
commit 9af51caf46
3 changed files with 23 additions and 73 deletions
Download patch file Download diff file Expand all files Collapse all files

60
style.css
View file

@ -1,48 +1,8 @@
* {
margin: 0;
padding: 0;
font-family: 'Roboto', sans-serif;
}
a, a:visited{
color: #000;
}
body{
background-color: #eee;
}
p{
margin: 1em;
}
/* Initially hide all screens, except for screen-nosupport */
#screen-login, #screen-login-telegraph, #screen-main, #screen-edit {
display: none;
}
.card{
display: block;
background-color: #fff;
border-radius: 3px;
box-shadow: 0px 2px 4px #777;
padding: 1em;
margin-top: 1em;
margin-left: 1em;
margin-right: 1em;
}
a.card{
cursor: pointer;
}
#wrapper{
max-width: 600px;
margin: 1em auto;
}
.card.blank{
background: none;
box-shadow: none;
}
/* error popup */
.error{
z-index: 2;
@ -51,6 +11,11 @@ a.card{
transition: 200ms;
color: #B71C1C;
font-weight: bold;
background-color: #fff;
box-shadow: 0 2px 4px #777;
margin: 1em;
padding: 1em;
border-radius: 3px;
}
.error.active{
top: 0;
@ -60,7 +25,6 @@ a.card{
#user-info{
text-align: center;
margin: 3em;
}
#user-info > *{
display: block;
@ -81,22 +45,9 @@ a.card{
content: ")";
}
#page-list a{
display: block;
text-decoration: none;
transition: 300ms;
}
#page-list a:hover{
box-shadow: 0px 4px 8px #777;
transform: translateY(-2px);
}
#page-list h1{
margin-bottom: 0.4em;
font-size: 1.5em;
}
#page-list p{
margin-bottom: 0.5em;
}
#fab{
display: block;
@ -153,7 +104,6 @@ a.card{
input, button{
display: block;
width: 100%;
margin-top: 1em;
border-radius: 3px;
padding: 3px;
border: 1px solid #bbb;