pr@tic: more responsive improvements (#7480)
This commit is contained in:
parent
828e853987
commit
c97dcc727b
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue