first version of mobile-friendly design
This commit is contained in:
parent
b9aaa5143b
commit
a0955b3b9c
1 changed files with 33 additions and 5 deletions
38
dencode.css
38
dencode.css
|
@ -1,5 +1,38 @@
|
|||
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,600&subset=latin,latin-ext);
|
||||
|
||||
@media (max-width: 800px) {
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
h1 {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
div.wrapper {
|
||||
border-radius: 0;
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
textarea.input {
|
||||
border-radius: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 801px) {
|
||||
div.wrapper {
|
||||
border-radius: 0.5em;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
textarea.input {
|
||||
border-radius: 0.5em;
|
||||
}
|
||||
}
|
||||
body {
|
||||
font-family: 'Open Sans', sans-serif;
|
||||
font-weight: 300;
|
||||
|
@ -17,19 +50,14 @@ strong {
|
|||
div.wrapper {
|
||||
background-color: #fc0;
|
||||
border-color: #da0;
|
||||
border-radius: 0.5em;
|
||||
border-style: solid;
|
||||
border-width: 1px;
|
||||
box-shadow: 0 0 1px 1px #ea0 inset;
|
||||
margin-bottom: 0.5em;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
padding: 0.5em;
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
textarea.input {
|
||||
border-radius: 0.5em;
|
||||
border-style: solid;
|
||||
border-width: 1px;
|
||||
display: block;
|
||||
|
|
Loading…
Reference in a new issue