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

home page - header top right

Browse Source
This commit is contained in:
armansansd 2021-07-01 17:05:52 +02:00
parent 85696e31d7
commit 8ead492f53
4 changed files with 116 additions and 43 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1005,36 +1005,72 @@ table {
.programme-2 .views-field { .programme-2 .views-field {
color: blue; } color: blue; }
.programme-2 .views-field-title {
color: red; }
.programme-2 .views-field-title:hover {
background: red;
color: white; }
.programme-3 .views-field-field-programme .field-content { .programme-3 .views-field-field-programme .field-content {
background: blue; } background: blue; }
.programme-3 .views-field { .programme-3 .views-field {
color: blue; } color: blue; }
.programme-3 .views-field-title {
color: blue; }
.programme-3 .views-field-title:hover {
background: blue;
color: white; }
.programme-4 .views-field-field-programme .field-content { .programme-4 .views-field-field-programme .field-content {
background: wheat; } background: wheat; }
.programme-4 .views-field { .programme-4 .views-field {
color: wheat; } color: wheat; }
.programme-4 .views-field-title {
color: red; }
.programme-4 .views-field-title:hover {
background: red;
color: white; }
.programme-5 .views-field-field-programme .field-content { .programme-5 .views-field-field-programme .field-content {
background: wheat; } background: wheat; }
.programme-5 .views-field { .programme-5 .views-field {
color: wheat; } color: wheat; }
.programme-5 .views-field-title {
color: wheat; }
.programme-5 .views-field-title:hover {
background: wheat;
color: white; }
.programme-7 .views-field-field-programme .field-content { .programme-7 .views-field-field-programme .field-content {
background: red; } background: red; }
.programme-7 .views-field { .programme-7 .views-field {
color: red; } color: red; }
.programme-7 .views-field-title {
color: red; }
.programme-7 .views-field-title:hover {
background: red;
color: white; }
.programme-6 .views-field-field-programme .field-content { .programme-6 .views-field-field-programme .field-content {
background: red; } background: red; }
.programme-6 .views-field { .programme-6 .views-field {
color: red; } color: red; }
.programme-6 .views-field-title {
color: red; }
.programme-6 .views-field-title:hover {
background: red;
color: white; }
@media (min-width: 48rem) { @media (min-width: 48rem) {
:root { :root {
font-size: calc(1rem + ((1vw - .48rem) * 1.389)); font-size: calc(1rem + ((1vw - .48rem) * 1.389));
@ -1254,21 +1290,6 @@ header {
display: inline-block; display: inline-block;
width: auto; width: auto;
padding: .2rem .5rem; } padding: .2rem .5rem; }
.header_top_middle_container .programme-3 .views-field-title {
color: blue; }
.header_top_middle_container .programme-3 .views-field-title:hover {
background: blue;
color: white; }
.header_top_middle_container .programme-5 .views-field-title {
color: wheat; }
.header_top_middle_container .programme-5 .views-field-title:hover {
background: wheat;
color: white; }
.header_top_middle_container .programme-7 .views-field-title {
color: red; }
.header_top_middle_container .programme-7 .views-field-title:hover {
background: red;
color: white; }
.close-block, .open-block { .close-block, .open-block {
cursor: pointer; } cursor: pointer; }
@ -1319,6 +1340,10 @@ header {
#header-top-right .header_top_right_container h2 { #header-top-right .header_top_right_container h2 {
font-weight: 100; font-weight: 100;
margin-bottom: .3rem; } margin-bottom: .3rem; }
#header-top-right .header_top_right_container .views-field-title {
color: black !important; }
#header-top-right .header_top_right_container .views-field-title:hover {
background: transparent; }
#header-top-right .header_top_right_container .is-active { #header-top-right .header_top_right_container .is-active {
font-weight: 800; } font-weight: 800; }
#header-top-right .header_top_right_container #block-views-block-programmes-block-2 .views-row { #header-top-right .header_top_right_container #block-views-block-programmes-block-2 .views-row {

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

File diff suppressed because one or more lines are too long

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

@ -56,33 +56,33 @@ header{
} }
} }
.programme-3{ // .programme-3{
.views-field-title{ // .views-field-title{
color: $col-eur; // color: $col-eur;
&:hover{ // &:hover{
background: $col-eur; // background: $col-eur;
color:white; // color:white;
} // }
} // }
} // }
.programme-5{ // .programme-5{
.views-field-title{ // .views-field-title{
color: $col-mond; // color: $col-mond;
&:hover{ // &:hover{
background: $col-mond; // background: $col-mond;
color:white; // color:white;
} // }
} // }
} // }
.programme-7{ // .programme-7{
.views-field-title{ // .views-field-title{
color: $col-met; // color: $col-met;
&:hover{ // &:hover{
background: $col-met; // background: $col-met;
color:white; // color:white;
} // }
} // }
} // }
} }
.close-block, .open-block{ .close-block, .open-block{
// background: red; // background: red;
@ -147,6 +147,12 @@ header{
font-weight: 100; font-weight: 100;
margin-bottom: .3rem; margin-bottom: .3rem;
} }
.views-field-title{
color: black !important;
&:hover{
background: transparent;
}
}
.is-active{ .is-active{
font-weight: 800; font-weight: 800;
} }

42
web/themes/custom/popsu/sass/setup/_variables.scss
View File

@ -24,6 +24,13 @@ $lightblue: #98d0d9;
.views-field{ .views-field{
color: $col-eur; color: $col-eur;
} }
.views-field-title{
color: $col-met;
&:hover{
background: $col-met;
color:white;
}
}
} }
.programme-3{ .programme-3{
@ -35,6 +42,13 @@ $lightblue: #98d0d9;
.views-field{ .views-field{
color: $col-eur; color: $col-eur;
} }
.views-field-title{
color: $col-eur;
&:hover{
background: $col-eur;
color:white;
}
}
} }
.programme-4{ .programme-4{
@ -46,6 +60,13 @@ $lightblue: #98d0d9;
.views-field{ .views-field{
color: $col-mond; color: $col-mond;
} }
.views-field-title{
color: $col-met;
&:hover{
background: $col-met;
color:white;
}
}
} }
.programme-5{ .programme-5{
@ -57,6 +78,13 @@ $lightblue: #98d0d9;
.views-field{ .views-field{
color: $col-mond; color: $col-mond;
} }
.views-field-title{
color: $col-mond;
&:hover{
background: $col-mond;
color:white;
}
}
} }
.programme-7{ .programme-7{
.views-field-field-programme{ .views-field-field-programme{
@ -67,6 +95,13 @@ $lightblue: #98d0d9;
.views-field{ .views-field{
color: $col-met; color: $col-met;
} }
.views-field-title{
color: $col-met;
&:hover{
background: $col-met;
color:white;
}
}
} }
.programme-6{ .programme-6{
.views-field-field-programme{ .views-field-field-programme{
@ -77,6 +112,13 @@ $lightblue: #98d0d9;
.views-field{ .views-field{
color: $col-met; color: $col-met;
} }
.views-field-title{
color: $col-met;
&:hover{
background: $col-met;
color:white;
}
}
} }
@media (min-width: 48rem) { @media (min-width: 48rem) {