0001-templates-introduce-.column-instead-left-right-48515.patch
static/couvin/_responsive.scss | ||
---|---|---|
7 | 7 | |
8 | 8 |
@media handheld, screen and (max-device-width: 480px), screen and (max-width: 480px){ |
9 | 9 |
/*Homepage*/ |
10 |
.page-index #content #right, |
|
11 |
.page-index #content #left { |
|
10 |
.page-index #content .column { |
|
12 | 11 |
display: block; |
13 | 12 |
max-width: 100%; |
14 | 13 |
} |
... | ... | |
16 | 15 |
display: block; |
17 | 16 |
width: 100%; |
18 | 17 |
} |
19 |
.page-index #main-content > #content #left .cell:last-child {
|
|
18 |
.page-index #main-content > #content .column:first-child .cell:last-child {
|
|
20 | 19 |
display: none; |
21 | 20 |
} |
22 |
.page-index #main-content div#content div#right div#colleft,
|
|
23 |
.page-index #main-content div#content div#right div#colright{
|
|
21 |
.page-index #main-content div#content div.column:last-child div#colleft,
|
|
22 |
.page-index #main-content div#content div.column:last-child div#colright{
|
|
24 | 23 |
float:none; |
25 | 24 |
} |
26 | 25 |
.page-index #main-content > #content #columns .nuagedetag { |
static/huy/_responsive.scss | ||
---|---|---|
7 | 7 | |
8 | 8 |
@media handheld, screen and (max-device-width: 480px), screen and (max-width: 480px){ |
9 | 9 |
/*Homepage*/ |
10 |
.page-index #content #right, |
|
11 |
.page-index #content #left { |
|
10 |
.page-index #content .column { |
|
12 | 11 |
display: block; |
13 | 12 |
max-width: 100%; |
14 | 13 |
} |
... | ... | |
16 | 15 |
display: block; |
17 | 16 |
width: 100%; |
18 | 17 |
} |
19 |
.page-index #main-content > #content #left .cell:last-child {
|
|
18 |
.page-index #main-content > #content .column:first-child .cell:last-child {
|
|
20 | 19 |
display: none; |
21 | 20 |
} |
22 |
.page-index #main-content div#content div#right div#colleft,
|
|
23 |
.page-index #main-content div#content div#right div#colright{
|
|
21 |
.page-index #main-content div#content div.column:last-child div#colleft,
|
|
22 |
.page-index #main-content div#content div.column:last-child div#colright{
|
|
24 | 23 |
float:none; |
25 | 24 |
} |
26 | 25 |
.page-index #main-content > #content #columns .nuagedetag { |
static/imio/_responsive.scss | ||
---|---|---|
25 | 25 |
padding-top: 25px |
26 | 26 |
} |
27 | 27 |
/*Homepage*/ |
28 |
.page-index #content #right, |
|
29 |
.page-index #content #left { |
|
28 |
.page-index #content .column { |
|
30 | 29 |
display: block; |
31 | 30 |
max-width: 100%; |
32 | 31 |
} |
... | ... | |
34 | 33 |
display: block; |
35 | 34 |
width: 100%; |
36 | 35 |
} |
37 |
.page-index #main-content div#content div#right div#colleft,
|
|
38 |
.page-index #main-content div#content div#right div#colright{
|
|
36 |
.page-index #main-content div#content div.column:last-child div#colleft,
|
|
37 |
.page-index #main-content div#content div.column:last-child div#colright{
|
|
39 | 38 |
float:none; |
40 | 39 |
} |
41 | 40 |
.page-index #main-content > #content #columns .nuagedetag { |
static/liege-pwa-2019/_custom.scss | ||
---|---|---|
245 | 245 |
} |
246 | 246 | |
247 | 247 |
.authentic-page.account-page #content { |
248 |
#left {
|
|
248 |
.column:first-child {
|
|
249 | 249 |
float: right; |
250 | 250 |
width: calc(100% - 350px); |
251 | 251 |
} |
252 |
#right {
|
|
252 |
.column:last-child {
|
|
253 | 253 |
float: left; |
254 | 254 |
width: 300px; |
255 | 255 |
} |
256 | 256 |
@media screen and ($max-mobile-viewport) { |
257 |
#left, #right {
|
|
257 |
.column {
|
|
258 | 258 |
float: none; |
259 | 259 |
width: auto; |
260 | 260 |
} |
... | ... | |
500 | 500 |
/*END Mise en page "porte-doc..."*/ |
501 | 501 | |
502 | 502 |
/*Index page*/ |
503 |
div#columns > div#left div.jq_txt_connexion > div > div > h2 {
|
|
503 |
div#columns > div.column:first-child div.jq_txt_connexion > div > div > h2 {
|
|
504 | 504 |
background-color:transparent!important; |
505 | 505 |
box-shadow:None!important; |
506 | 506 |
} |
static/liege-pwa-2019/_responsive.scss | ||
---|---|---|
7 | 7 | |
8 | 8 |
@media handheld, screen and (max-device-width: 480px), screen and (max-width: 480px){ |
9 | 9 |
/*Homepage*/ |
10 |
.page-index #content #right, |
|
11 |
.page-index #content #left { |
|
10 |
.page-index #content .column { |
|
12 | 11 |
display: block; |
13 | 12 |
max-width: 100%; |
14 | 13 |
} |
... | ... | |
16 | 15 |
display: block; |
17 | 16 |
width: 100%; |
18 | 17 |
} |
19 |
.page-index #main-content > #content #left .cell:last-child {
|
|
18 |
.page-index #main-content > #content .column:first-child .cell:last-child {
|
|
20 | 19 |
display: none; |
21 | 20 |
} |
22 |
.page-index #main-content div#content div#right div#colleft,
|
|
23 |
.page-index #main-content div#content div#right div#colright{
|
|
21 |
.page-index #main-content div#content div.column:last-child div#colleft,
|
|
22 |
.page-index #main-content div#content div.column:last-child div#colright{
|
|
24 | 23 |
float:none; |
25 | 24 |
} |
26 | 25 |
.page-index #main-content > #content #columns .nuagedetag { |
static/liege/_custom.scss | ||
---|---|---|
332 | 332 |
} |
333 | 333 | |
334 | 334 |
.page-profil #content { |
335 |
#left {
|
|
335 |
.column:first-child {
|
|
336 | 336 |
float: right; |
337 | 337 |
width: 73%; |
338 | 338 |
} |
339 |
#right {
|
|
339 |
.column:last-child {
|
|
340 | 340 |
float: left; |
341 | 341 |
width: 25%; |
342 | 342 |
} |
343 |
#left, #right {
|
|
343 |
.column {
|
|
344 | 344 |
#a2-profile { |
345 | 345 |
background: linear-gradient(to bottom, #F6F6F6, #F6F6F6 30%, white); |
346 | 346 |
margin-right: 0; |
... | ... | |
491 | 491 |
width: 12em; |
492 | 492 |
} |
493 | 493 | |
494 |
.page-index #right, |
|
495 |
.page-index #left{ |
|
494 |
.page-index .column { |
|
496 | 495 |
border-collapse:separate; |
497 | 496 |
display:table; |
498 | 497 |
float:none; |
... | ... | |
558 | 557 |
/*background-image: url("images/ic_urbanisme.png");*/ |
559 | 558 |
} |
560 | 559 | |
561 |
.page-index div#content div#right div#colleft, |
|
562 |
.page-index div#content div#right div#colright, |
|
563 |
.page-index div#content div#left div#colleft, |
|
564 |
.page-index div#content div#left div#colright{ |
|
560 |
.page-index div#content div.column div#colleft, |
|
561 |
.page-index div#content div.column div#colright { |
|
565 | 562 |
max-width:48%; |
566 | 563 |
} |
567 | 564 | |
568 |
.page-index div#content div#right div#colleft h2, |
|
569 |
.page-index div#content div#right div#colright h2, |
|
570 |
.page-index div#content div#left div#colleft h2, |
|
571 |
.page-index div#content div#left div#colright h2{ |
|
565 |
.page-index div#content div.column div#colleft h2, |
|
566 |
.page-index div#content div.column div#colright h2 { |
|
572 | 567 |
text-align:left; |
573 | 568 |
} |
574 | 569 | |
575 |
.page-index div#content div#right div#colleft, |
|
576 |
.page-index div#content div#left div#colleft{ |
|
570 |
.page-index div#content div.column div#colleft { |
|
577 | 571 |
float: left; |
578 | 572 |
} |
579 | 573 | |
580 |
.page-index div#content div#right div#colright, |
|
581 |
.page-index div#content div#left div#colright{ |
|
574 |
.page-index div#content div.column div#colright{ |
|
582 | 575 |
float: right; |
583 | 576 |
padding: 1em; |
584 | 577 |
} |
585 | 578 | |
586 |
.page-index #content #right .cell.wcscurrentformscell,
|
|
587 |
.page-index #content #right .cell.wcscurrentdraftscell {
|
|
579 |
.page-index #content .column:last-child .cell.wcscurrentformscell,
|
|
580 |
.page-index #content .column:last-child .cell.wcscurrentdraftscell {
|
|
588 | 581 |
display: block; |
589 | 582 |
margin-bottom:0; |
590 | 583 |
width: 100%; |
591 | 584 |
} |
592 | 585 | |
593 |
.page-index #content #right .cell.wcscurrentformscell {
|
|
586 |
.page-index #content .column:last-child .cell.wcscurrentformscell {
|
|
594 | 587 |
background: #f6f6f6 none repeat scroll 0 0; |
595 | 588 |
border-bottom: medium none; |
596 | 589 |
padding-bottom: 2em; |
597 | 590 |
} |
598 |
.page-index #content #right .cell.wcscurrentdraftscell {
|
|
591 |
.page-index #content .column:last-child .cell.wcscurrentdraftscell {
|
|
599 | 592 |
min-height:165px; |
600 | 593 |
} |
601 | 594 | |
... | ... | |
666 | 659 |
/* END correct a bug in first eId connexion with profile form */ |
667 | 660 | |
668 | 661 |
/* Skin page d'accueil */ |
669 |
.page-index #main-content > #content #left .cell:nth-child(2){
|
|
662 |
.page-index #main-content > #content .column:first-child .cell:nth-child(2){
|
|
670 | 663 |
border:1px solid #BE0D67; |
671 | 664 |
border-radius: 10px; |
672 | 665 |
} |
673 | 666 | |
674 |
.page-index #main-content > #content #left .cell:nth-child(2) h2 {
|
|
667 |
.page-index #main-content > #content .column:first-child .cell:nth-child(2) h2 {
|
|
675 | 668 |
/*background: #be0d67 none repeat scroll 0 0;*/ |
676 | 669 |
border-radius: 0; |
677 | 670 |
/*box-shadow: 1px 0 5px rgba(0, 0, 0, 0.21);*/ |
... | ... | |
683 | 676 |
text-align: center; |
684 | 677 |
} |
685 | 678 | |
686 |
.page-index #main-content > #content #left div.following_code_connected h2 {
|
|
679 |
.page-index #main-content > #content .column:first-child div.following_code_connected h2 {
|
|
687 | 680 |
color:#be0d67; |
688 | 681 |
background: transparent; |
689 | 682 |
display: inherit; |
... | ... | |
694 | 687 |
} |
695 | 688 | |
696 | 689 |
/* |
697 |
.page-index #main-content > #content #left .cell:nth-child(2) .wcs-tracking-code-input h2{
|
|
690 |
.page-index #main-content > #content .column:first-child .cell:nth-child(2) .wcs-tracking-code-input h2{
|
|
698 | 691 |
background: transparent; |
699 | 692 |
display: inherit; |
700 | 693 |
text-transform: uppercase; |
... | ... | |
705 | 698 | |
706 | 699 | |
707 | 700 | |
708 |
.page-index #main-content > #content #left .cell:nth-child(2) .wcs-tracking-code-input p:nth-child(2n+1) {
|
|
701 |
.page-index #main-content > #content .column:first-child .cell:nth-child(2) .wcs-tracking-code-input p:nth-child(2n+1) {
|
|
709 | 702 |
margin: 2ex 0; |
710 | 703 |
} |
711 |
.page-index #main-content > #content #left .cell:nth-child(2) .wcs-tracking-code-input{
|
|
704 |
.page-index #main-content > #content .column:first-child .cell:nth-child(2) .wcs-tracking-code-input{
|
|
712 | 705 |
border:none; |
713 | 706 |
border-radius: 0; |
714 | 707 |
} |
715 |
.page-index #main-content > #content #left .cell:nth-child(2) .wcs-tracking-code-input h2:hover {
|
|
708 |
.page-index #main-content > #content .column:first-child .cell:nth-child(2) .wcs-tracking-code-input h2:hover {
|
|
716 | 709 |
box-shadow: inherit; |
717 | 710 |
} |
718 |
.page-index #main-content > #content #left .cell:nth-child(2) h2:hover {
|
|
711 |
.page-index #main-content > #content .column:first-child .cell:nth-child(2) h2:hover {
|
|
719 | 712 |
box-shadow: 0px 0px 5px #777; |
720 | 713 |
} |
721 |
.page-index #main-content > #content #left .cell:nth-child(2) h2 a{
|
|
714 |
.page-index #main-content > #content .column:first-child .cell:nth-child(2) h2 a{
|
|
722 | 715 |
color: #fff; |
723 | 716 |
} |
724 |
.page-index #main-content > #content #left .cell:nth-child(2) p:first-child {
|
|
717 |
.page-index #main-content > #content .column:first-child .cell:nth-child(2) p:first-child {
|
|
725 | 718 |
margin-bottom: 2ex; |
726 | 719 |
} |
727 |
.page-index #main-content > #content #left .cell:nth-child(2) p:nth-child(2n+2)::after {
|
|
720 |
.page-index #main-content > #content .column:first-child .cell:nth-child(2) p:nth-child(2n+2)::after {
|
|
728 | 721 |
content: "↳"; |
729 | 722 |
display: block; |
730 | 723 |
font-size: 127%; |
731 | 724 |
} |
732 | 725 |
/*No ↳ in lists' last child */ |
733 |
.page-index #main-content > #content #left .cell:nth-child(2) p:last-child::after {
|
|
726 |
.page-index #main-content > #content .column:first-child .cell:nth-child(2) p:last-child::after {
|
|
734 | 727 |
content: inherit; |
735 | 728 |
} |
736 | 729 |
/*END No ↳ in lists' last child */ |
737 | 730 | |
738 |
.page-index #main-content > #content #left .cell:nth-child(2) p:nth-child(2n+1) {
|
|
731 |
.page-index #main-content > #content .column:first-child .cell:nth-child(2) p:nth-child(2n+1) {
|
|
739 | 732 |
margin: -3ex 0ex 2ex 4ex; |
740 | 733 |
} |
741 | 734 | |
... | ... | |
787 | 780 | |
788 | 781 | |
789 | 782 |
/*Index page*/ |
790 |
div#columns > div#left div.jq_txt_connexion > div > div > h2 {
|
|
783 |
div#columns > div.column:first-child div.jq_txt_connexion > div > div > h2 {
|
|
791 | 784 |
background-color:transparent!important; |
792 | 785 |
box-shadow:None!important; |
793 | 786 |
} |
static/liege/_responsive.scss | ||
---|---|---|
7 | 7 | |
8 | 8 |
@media handheld, screen and (max-device-width: 480px), screen and (max-width: 480px){ |
9 | 9 |
/*Homepage*/ |
10 |
.page-index #content #right, |
|
11 |
.page-index #content #left { |
|
10 |
.page-index #content .column { |
|
12 | 11 |
display: block; |
13 | 12 |
max-width: 100%; |
14 | 13 |
} |
... | ... | |
16 | 15 |
display: block; |
17 | 16 |
width: 100%; |
18 | 17 |
} |
19 |
.page-index #main-content > #content #left .cell:last-child {
|
|
18 |
.page-index #main-content > #content .column:first-child .cell:last-child {
|
|
20 | 19 |
display: none; |
21 | 20 |
} |
22 |
.page-index #main-content div#content div#right div#colleft,
|
|
23 |
.page-index #main-content div#content div#right div#colright{
|
|
21 |
.page-index #main-content div#content div.column:last-child div#colleft,
|
|
22 |
.page-index #main-content div#content div.column:last-child div#colright{
|
|
24 | 23 |
float:none; |
25 | 24 |
} |
26 | 25 |
.page-index #main-content > #content #columns .nuagedetag { |
static/olln/_custom.scss | ||
---|---|---|
1 | 1 |
@charset "UTF-8"; |
2 | 2 | |
3 | 3 |
/* SUP-9860 olln wantssolid border so it needs spacing*/ |
4 |
div#services > ul > li, div#left div.a2-block, div#right div.a2-block, .gru-content div.cell, div.block { |
|
4 |
div#services > ul > li, |
|
5 |
div.column div.a2-block, .gru-content div.cell, div.block { |
|
5 | 6 |
padding: 15px; |
6 | 7 |
margin-bottom: 10px; |
7 | 8 |
} |
8 |
- |