home page - header top right

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

View File

@ -1005,36 +1005,72 @@ table {
.programme-2 .views-field {
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 {
background: blue; }
.programme-3 .views-field {
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 {
background: wheat; }
.programme-4 .views-field {
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 {
background: wheat; }
.programme-5 .views-field {
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 {
background: red; }
.programme-7 .views-field {
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 {
background: red; }
.programme-6 .views-field {
color: red; }
.programme-6 .views-field-title {
color: red; }
.programme-6 .views-field-title:hover {
background: red;
color: white; }
@media (min-width: 48rem) {
:root {
font-size: calc(1rem + ((1vw - .48rem) * 1.389));
@ -1254,21 +1290,6 @@ header {
display: inline-block;
width: auto;
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 {
cursor: pointer; }
@ -1319,6 +1340,10 @@ header {
#header-top-right .header_top_right_container h2 {
font-weight: 100;
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 {
font-weight: 800; }
#header-top-right .header_top_right_container #block-views-block-programmes-block-2 .views-row {

File diff suppressed because one or more lines are too long

View File

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

View File

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