some ui updates

This commit is contained in:
Henrique Dias
2016-02-07 17:16:09 +00:00
parent 7ce34e0422
commit b99d58a35b
5 changed files with 98 additions and 76 deletions

View File

@@ -106,7 +106,7 @@ body > nav ul li a {
}
body > nav ul li a:hover {
background-color: rgba(0,0,0,0.1);
background-color: rgba(0, 0, 0, 0.1);
}
@@ -329,8 +329,7 @@ fieldset h3 {
overflow: hidden;
}
.block input,
fieldset input {
input[type="text"] {
border: 0;
outline: 0;
background-color: transparent;
@@ -463,23 +462,34 @@ fieldset input {
width: 182%;
}
.input {
.foreground {
z-index: 99999;
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-color: rgba(0,0,0,0.1);
background-color: rgba(0, 0, 0, 0.1);
}
.input div {
.input {
z-index: 999999;
position: fixed;
margin: 0 auto;
max-width: 200px;
max-width: 25em;
width: 95%;
position: relative;
top: 50%;
transform: translateY(-50%);
top: 10%;
left:50%;
transform: translateX(-50%);
background-color: #006064;
color: #fff;
padding: 1em 2em;
border-radius: .5em;
box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);
}
.input input[type="text"] {
border-bottom: .15em solid white;
}
@media screen and (max-width: 600px) {