bachir/popsu-d9
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

correction maud

Browse Source
This commit is contained in:
armansansd 2021-08-27 23:38:40 +02:00
parent d4ab459ac2
commit 7bb4d86582
5 changed files with 55 additions and 37 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

53
web/themes/custom/popsu/css/styles.css
View File

@ -1228,9 +1228,9 @@ iframe {
.header_top_middle_container .programme-1 .views-field { .header_top_middle_container .programme-1 .views-field {
color: #4dabc1; } color: #4dabc1; }
.header_top_middle_container .programme-1 .views-field-title { .header_top_middle_container .programme-1 .views-field-title > span {
color: #4dabc1; } color: #4dabc1; }
.header_top_middle_container .programme-1 .views-field-title:hover { .header_top_middle_container .programme-1 .views-field-title > span:hover {
background: #4dabc1; background: #4dabc1;
color: white; } color: white; }
@ -1240,9 +1240,9 @@ iframe {
.header_top_middle_container .programme-2 .views-field { .header_top_middle_container .programme-2 .views-field {
color: #61ab32; } color: #61ab32; }
.header_top_middle_container .programme-2 .views-field-title { .header_top_middle_container .programme-2 .views-field-title > span {
color: #61ab32; } color: #61ab32; }
.header_top_middle_container .programme-2 .views-field-title:hover { .header_top_middle_container .programme-2 .views-field-title > span:hover {
background: #61ab32; background: #61ab32;
color: white; } color: white; }
@ -1252,9 +1252,9 @@ iframe {
.header_top_middle_container .programme-3 .views-field { .header_top_middle_container .programme-3 .views-field {
color: #646578; } color: #646578; }
.header_top_middle_container .programme-3 .views-field-title { .header_top_middle_container .programme-3 .views-field-title > span {
color: #646578; } color: #646578; }
.header_top_middle_container .programme-3 .views-field-title:hover { .header_top_middle_container .programme-3 .views-field-title > span:hover {
background: #646578; background: #646578;
color: white; } color: white; }
@ -1264,9 +1264,9 @@ iframe {
.header_top_middle_container .programme-4 .views-field { .header_top_middle_container .programme-4 .views-field {
color: #61ab32; } color: #61ab32; }
.header_top_middle_container .programme-4 .views-field-title { .header_top_middle_container .programme-4 .views-field-title > span {
color: #61ab32; } color: #61ab32; }
.header_top_middle_container .programme-4 .views-field-title:hover { .header_top_middle_container .programme-4 .views-field-title > span:hover {
background: #61ab32; background: #61ab32;
color: white; } color: white; }
@ -1276,9 +1276,9 @@ iframe {
.header_top_middle_container .programme-5 .views-field { .header_top_middle_container .programme-5 .views-field {
color: #ab9569; } color: #ab9569; }
.header_top_middle_container .programme-5 .views-field-title { .header_top_middle_container .programme-5 .views-field-title > span {
color: #ab9569; } color: #ab9569; }
.header_top_middle_container .programme-5 .views-field-title:hover { .header_top_middle_container .programme-5 .views-field-title > span:hover {
background: #ab9569; background: #ab9569;
color: white; } color: white; }
@ -1288,9 +1288,9 @@ iframe {
.header_top_middle_container .programme-6 .views-field { .header_top_middle_container .programme-6 .views-field {
color: #e01a35; } color: #e01a35; }
.header_top_middle_container .programme-6 .views-field-title { .header_top_middle_container .programme-6 .views-field-title > span {
color: #e01a35; } color: #e01a35; }
.header_top_middle_container .programme-6 .views-field-title:hover { .header_top_middle_container .programme-6 .views-field-title > span:hover {
background: #e01a35; background: #e01a35;
color: white; } color: white; }
@ -1300,9 +1300,9 @@ iframe {
.header_top_middle_container .programme-7 .views-field { .header_top_middle_container .programme-7 .views-field {
color: #28429f; } color: #28429f; }
.header_top_middle_container .programme-7 .views-field-title { .header_top_middle_container .programme-7 .views-field-title > span {
color: #28429f; } color: #28429f; }
.header_top_middle_container .programme-7 .views-field-title:hover { .header_top_middle_container .programme-7 .views-field-title > span:hover {
background: #28429f; background: #28429f;
color: white; } color: white; }
@ -1345,13 +1345,15 @@ iframe {
text-align: center; text-align: center;
display: inline-block; display: inline-block;
width: auto; } width: auto; }
.header_top_middle_container .views-row .views-field-title a, .header_top_middle_container .views-row .views-field-title span { .header_top_middle_container .views-row .views-field-title > span {
display: inline-block; display: inline-block;
width: auto; width: auto;
padding: .2rem .5rem; padding: .2rem .5rem;
text-transform: uppercase; text-transform: uppercase;
text-decoration: none; text-decoration: none;
font-weight: 600; } font-weight: 600; }
.header_top_middle_container .views-row .views-field-title > span a {
text-decoration: none; }
.close-block, .open-block { .close-block, .open-block {
cursor: pointer; } cursor: pointer; }
@ -1777,6 +1779,8 @@ footer {
align-items: flex-start; align-items: flex-start;
align-content: center; align-content: center;
padding: 1rem; } padding: 1rem; }
#home_prog_container .views-row .views-field {
flex-basis: 100%; }
#home_prog_container .views-row .views-field:not(.views-field-field-logo) { #home_prog_container .views-row .views-field:not(.views-field-field-logo) {
font-size: 0.8rem; font-size: 0.8rem;
font-weight: 600; font-weight: 600;
@ -1787,8 +1791,7 @@ footer {
font-weight: 600; font-weight: 600;
display: block; display: block;
color: white; color: white;
text-align: center; text-align: center; }
flex-basis: 100%; }
#home_prog_container .views-row:hover .views-field:not(.views-field-field-logo) a { #home_prog_container .views-row:hover .views-field:not(.views-field-field-logo) a {
text-decoration: none; } text-decoration: none; }
#home_prog_container .views-row .views-field-field-logo { #home_prog_container .views-row .views-field-field-logo {
@ -1796,7 +1799,7 @@ footer {
#home_prog_container .views-field-field-diaporama { #home_prog_container .views-field-field-diaporama {
display: none; } display: none; }
#home_prog_container .programme-1 img { #home_prog_container .programme-1 img {
width: 50%; } width: 60%; }
#home_prog_container .programme-1:hover { #home_prog_container .programme-1:hover {
background: #4dabc1; } background: #4dabc1; }
#home_prog_container .programme-1:hover img { #home_prog_container .programme-1:hover img {
@ -1808,13 +1811,13 @@ footer {
#home_prog_container .programme-2:hover img { #home_prog_container .programme-2:hover img {
display: none; } display: none; }
#home_prog_container .programme-3 img { #home_prog_container .programme-3 img {
width: 50%; } width: 60%; }
#home_prog_container .programme-3:hover { #home_prog_container .programme-3:hover {
background: #646578; } background: #646578; }
#home_prog_container .programme-3:hover img { #home_prog_container .programme-3:hover img {
display: none; } display: none; }
#home_prog_container .programme-5 img { #home_prog_container .programme-5 img {
width: 50%; } width: 46%; }
#home_prog_container .programme-5:hover { #home_prog_container .programme-5:hover {
background: #ab9569; } background: #ab9569; }
#home_prog_container .programme-5:hover img { #home_prog_container .programme-5:hover img {
@ -2839,14 +2842,18 @@ article p, .paragraph p {
font-size: 1rem; font-size: 1rem;
font-weight: 600; font-weight: 600;
text-transform: initial; text-transform: initial;
cursor: pointer; } cursor: pointer;
display: grid;
grid-template-columns: 95% 5%;
align-content: center; }
.page-node-type-programme article .field_textes .paragraph .field_titre:after { .page-node-type-programme article .field_textes .paragraph .field_titre:after {
content: '▼'; content: '▼';
float: right;
-webkit-transition: all 250ms ease; -webkit-transition: all 250ms ease;
-moz-transition: all 250ms ease; -moz-transition: all 250ms ease;
-o-transition: all 250ms ease; -o-transition: all 250ms ease;
transition: all 250ms ease; } transition: all 250ms ease;
align-self: center;
justify-self: center; }
.page-node-type-programme article .field_textes .paragraph .rotate:after { .page-node-type-programme article .field_textes .paragraph .rotate:after {
transform: rotate(180deg); transform: rotate(180deg);
-webkit-transition: all 250ms ease; -webkit-transition: all 250ms ease;

2
web/themes/custom/popsu/css/styles.css.map
View File

File diff suppressed because one or more lines are too long

11
web/themes/custom/popsu/sass/pages/_home.scss
View File

@ -431,6 +431,9 @@
align-items: flex-start; align-items: flex-start;
align-content: center; align-content: center;
padding: 1rem; padding: 1rem;
.views-field{
flex-basis: 100%;
}
.views-field:not(.views-field-field-logo){ .views-field:not(.views-field-field-logo){
font-size: $font-medium; font-size: $font-medium;
font-weight: 600; font-weight: 600;
@ -446,7 +449,7 @@
display: block; display: block;
color: white; color: white;
text-align: center; text-align: center;
flex-basis: 100%;
a{ a{
text-decoration: none; text-decoration: none;
@ -470,7 +473,7 @@
.programme-1{ .programme-1{
// background: center / 60% no-repeat url(../images/POPSU_1.svg) white; // background: center / 60% no-repeat url(../images/POPSU_1.svg) white;
img{ img{
width: 50%; width: 60%;
} }
&:hover{ &:hover{
background: $col-1; background: $col-1;
@ -496,7 +499,7 @@
.programme-3{ .programme-3{
// background: center / 50% no-repeat url(../images/POPSU_Europe.svg) white; // background: center / 50% no-repeat url(../images/POPSU_Europe.svg) white;
img{ img{
width: 50%; width: 60%;
} }
&:hover{ &:hover{
background: $col-eur; background: $col-eur;
@ -508,7 +511,7 @@
.programme-5{ .programme-5{
// background: center / 45% no-repeat url(../images/POPSU_monde.svg) white; // background: center / 45% no-repeat url(../images/POPSU_monde.svg) white;
img{ img{
width: 50%; width: 46%;
} }
&:hover{ &:hover{
background: $col-mond; background: $col-mond;

6
web/themes/custom/popsu/sass/pages/_programme.scss
View File

@ -439,15 +439,19 @@
font-weight: 600; font-weight: 600;
text-transform: initial; text-transform: initial;
cursor: pointer; cursor: pointer;
display: grid;
grid-template-columns: 95% 5%;
align-content: center;
// margin-top: 1rem; // margin-top: 1rem;
} }
.field_titre:after{ .field_titre:after{
content: '▼'; content: '▼';
float: right;
-webkit-transition: all 250ms ease; -webkit-transition: all 250ms ease;
-moz-transition: all 250ms ease; -moz-transition: all 250ms ease;
-o-transition: all 250ms ease; -o-transition: all 250ms ease;
transition: all 250ms ease; transition: all 250ms ease;
align-self: center;
justify-self: center;
} }
.rotate:after{ .rotate:after{
transform: rotate(180deg); transform: rotate(180deg);

20
web/themes/custom/popsu/sass/pages/partials/_header_footer.scss
View File

@ -10,7 +10,7 @@
.views-field{ .views-field{
color: $col-1; color: $col-1;
} }
.views-field-title{ .views-field-title > span{
color: $col-1; color: $col-1;
&:hover{ &:hover{
background: $col-1; background: $col-1;
@ -29,7 +29,7 @@
.views-field{ .views-field{
color: $col-2; color: $col-2;
} }
.views-field-title{ .views-field-title > span{
color: $col-2; color: $col-2;
&:hover{ &:hover{
background: $col-2; background: $col-2;
@ -47,7 +47,7 @@
.views-field{ .views-field{
color: $col-eur; color: $col-eur;
} }
.views-field-title{ .views-field-title > span{
color: $col-eur; color: $col-eur;
&:hover{ &:hover{
background: $col-eur; background: $col-eur;
@ -65,7 +65,7 @@
.views-field{ .views-field{
color: $col-2; color: $col-2;
} }
.views-field-title{ .views-field-title > span{
color: $col-2; color: $col-2;
&:hover{ &:hover{
background: $col-2; background: $col-2;
@ -83,7 +83,7 @@
.views-field{ .views-field{
color: $col-mond; color: $col-mond;
} }
.views-field-title{ .views-field-title > span{
color: $col-mond; color: $col-mond;
&:hover{ &:hover{
background: $col-mond; background: $col-mond;
@ -100,7 +100,7 @@
.views-field{ .views-field{
color: $col-ter; color: $col-ter;
} }
.views-field-title{ .views-field-title > span{
color: $col-ter; color: $col-ter;
&:hover{ &:hover{
background: $col-ter; background: $col-ter;
@ -117,7 +117,7 @@
.views-field{ .views-field{
color: $col-met; color: $col-met;
} }
.views-field-title{ .views-field-title > span{
color: $col-met; color: $col-met;
&:hover{ &:hover{
background: $col-met; background: $col-met;
@ -183,14 +183,18 @@
// a, span{ // a, span{
// } // }
.views-field-title a, .views-field-title span{ .views-field-title>span{
display: inline-block; display: inline-block;
width: auto; width: auto;
padding: .2rem .5rem; padding: .2rem .5rem;
text-transform: uppercase; text-transform: uppercase;
text-decoration: none; text-decoration: none;
font-weight: 600; font-weight: 600;
a{
text-decoration: none;
}
} }
} }