pr@tic: more responsive improvements (#7480)

This commit is contained in:
Frédéric Péters 2015-06-09 16:14:45 +02:00
parent 828e853987
commit c97dcc727b
1 changed files with 65 additions and 1 deletions

View File

@ -164,6 +164,38 @@ div#centre li li a:hover {
text-decoration: none;
}
div#rub_service {
padding: 0 1ex;
width: calc(100% - 2ex);
}
div#rub_service h2 {
background: #6A0072;
color: white;
border: none;
font-weight: bold;
}
div#rub_service form,
div.dataview div.page,
form div.page {
border: none;
padding: 0;
}
div.dataview div.page h3,
form div.page h3 {
background: #6A0072;
color: white;
border: none;
font-weight: bold;
}
div.buttons input {
background: #6A0072;
color: white;
}
@media screen and (max-width: 990px) {
div#header {
@ -174,7 +206,7 @@ div#centre li li a:hover {
top: 0;
left: 0;
background: #eee;
z-index: 1000;
z-index: 10000;
height: 100vh;
width: 12em;
border: none;
@ -216,4 +248,36 @@ div#centre li li a:hover {
border: none;
}
}
@media screen and (max-width: 590px) {
#top {
background: transparent;
}
div#header h1#logo {
background-size: 200px;
background-position: 40px 10px;
height: 55px;
}
div#gauche {
display: none;
}
div#gauche + div#rub_service,
div#rub_service {
float: none;
width: 99%;
margin: 0 5px;
}
div.buttons {
text-align: center;
}
select,
textarea,
input[type=password],
input[type=email],
input[type=text] {
width: calc(100% - 2em);
}
#toplinks {
top: 0px;
}
}