montpellier-commune: turn all variants responsive
This commit is contained in:
parent
0fe63b4aa3
commit
0a00065b66
|
@ -172,3 +172,21 @@ div.buttons input {
|
|||
div#steps span.marker {
|
||||
color: #9ED0EF;
|
||||
}
|
||||
|
||||
|
||||
@media screen and (max-width: 1000px) {
|
||||
div#header {
|
||||
margin-left: 0;
|
||||
}
|
||||
div#top {
|
||||
margin-left: 10px;
|
||||
}
|
||||
body div#toplinks {
|
||||
width: 100%;
|
||||
border-radius: 0;
|
||||
}
|
||||
a#bandeau-commune {
|
||||
width: auto;
|
||||
background: transparent;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -202,3 +202,19 @@ div#idp-links {
|
|||
margin-top: 260px;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1000px) {
|
||||
div#header {
|
||||
margin-left: 0;
|
||||
width: 100%;
|
||||
}
|
||||
div#top {
|
||||
margin-left: 10px;
|
||||
}
|
||||
body div#toplinks {
|
||||
width: 100%;
|
||||
border-radius: 0;
|
||||
}
|
||||
a#bandeau-commune {
|
||||
width: auto;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -175,3 +175,26 @@ div.buttons input {
|
|||
div#steps span.marker {
|
||||
color: #9ED0EF;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1000px) {
|
||||
div#header {
|
||||
margin-left: 0;
|
||||
width: 100%;
|
||||
}
|
||||
div#top {
|
||||
margin-left: 10px;
|
||||
}
|
||||
body div#toplinks {
|
||||
width: 100%;
|
||||
border-radius: 0;
|
||||
}
|
||||
a#bandeau-commune {
|
||||
width: auto;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 500px) {
|
||||
a#bandeau-commune {
|
||||
background-size: 100%;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -193,3 +193,20 @@ div#idp-links {
|
|||
margin-top: 260px;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1000px) {
|
||||
div#header {
|
||||
margin-left: 0;
|
||||
width: 100%;
|
||||
height: 280px;
|
||||
}
|
||||
div#top {
|
||||
margin-left: 10px;
|
||||
}
|
||||
body div#toplinks {
|
||||
width: 100%;
|
||||
border-radius: 0;
|
||||
}
|
||||
a#bandeau-commune {
|
||||
width: auto;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -165,4 +165,25 @@ br.clear {
|
|||
clear: both;
|
||||
}
|
||||
|
||||
|
||||
@media screen and (max-width: 1000px) {
|
||||
#toplinks span.login {
|
||||
width: 90%;
|
||||
}
|
||||
div#header {
|
||||
margin-left: 0;
|
||||
width: 100%;
|
||||
height: 280px;
|
||||
background: #392108 url(villeneuvelesmaguelone/titre.png) top right no-repeat;
|
||||
}
|
||||
div#top {
|
||||
margin-left: 10px;
|
||||
}
|
||||
body div#toplinks {
|
||||
width: 100%;
|
||||
border-radius: 0;
|
||||
}
|
||||
a#bandeau-commune {
|
||||
width: auto;
|
||||
background: transparent;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -308,6 +308,7 @@ div#centre h3 {
|
|||
text-transform: uppercase;
|
||||
padding: 6px 10px 6px 55px;
|
||||
font-size: 150%;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
div#services-2nd ul,
|
||||
|
@ -492,6 +493,8 @@ div.WcsExtraStringWidget input,
|
|||
div.TextWidget textarea,
|
||||
div.SingleSelectHintWidget select {
|
||||
border: 1px solid #aaa;
|
||||
max-width: 100%;
|
||||
box-sizing: border-box;
|
||||
background: white;
|
||||
border-radius: 2px;
|
||||
-moz-border-radius: 2px;
|
||||
|
@ -955,13 +958,14 @@ div#services > ul {
|
|||
|
||||
div#services > ul > li {
|
||||
margin: 0px 1ex;
|
||||
box-sizing: border-box;
|
||||
background: white;
|
||||
column-break-inside: avoid;
|
||||
-moz-column-break-inside: avoid;
|
||||
-webkit-column-break-inside: avoid;
|
||||
display: inline-block;
|
||||
margin-bottom: 10px;
|
||||
width: 98%;
|
||||
width: 96%;
|
||||
}
|
||||
|
||||
div#services > ul > li strong {
|
||||
|
@ -1084,3 +1088,76 @@ div#side div#tracking-code {
|
|||
div.hidden {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
@media screen and (max-width: 1000px) {
|
||||
body div#page,
|
||||
body div#top,
|
||||
body div#main-content-wrapper,
|
||||
body div#main-content,
|
||||
body div#toplinks,
|
||||
body div#profile,
|
||||
body div#breadcrumb,
|
||||
body div.large div#rub_service,
|
||||
body div.large div#centre,
|
||||
body div#footer {
|
||||
width: auto;
|
||||
}
|
||||
body div#member,
|
||||
body div#new_member,
|
||||
body div#accessibility,
|
||||
body div#contact,
|
||||
body div#info,
|
||||
body div#rub_agenda,
|
||||
body div#rub_annonce,
|
||||
body div#profile,
|
||||
body div#rub_consultation,
|
||||
body div#rub_service,
|
||||
body div#gauche,
|
||||
body div#centre {
|
||||
width: 100%;
|
||||
float: none;
|
||||
}
|
||||
div#services > ul > li {
|
||||
width: 95%;
|
||||
}
|
||||
body div#gauche {
|
||||
margin-top: 0px;
|
||||
margin-left: 0;
|
||||
}
|
||||
body div#tracking-code h3 {
|
||||
display: inline-block;
|
||||
}
|
||||
body div#steps {
|
||||
position: static;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
width: 100%;
|
||||
}
|
||||
body div#steps ol {
|
||||
margin-top: 0;
|
||||
}
|
||||
body div#steps ol li {
|
||||
display: inline-block;
|
||||
margin-right: 1ex;
|
||||
}
|
||||
body div#steps ol li span.marker {
|
||||
float: none;
|
||||
clear: both;
|
||||
display: inline;
|
||||
font-size: 100%;
|
||||
position: static;
|
||||
}
|
||||
body div#steps ol li.step-before .label {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 510px) {
|
||||
body div#services-2nd > ul,
|
||||
body div#services > ul {
|
||||
-moz-column-count: 1;
|
||||
-webkit-column-count: 1;
|
||||
column-count: 1;
|
||||
}
|
||||
}
|
||||
|
|
Reference in New Issue