ajustement page home et programme

This commit is contained in:
armansansd
2021-08-27 19:08:39 +02:00
parent a7e481d9da
commit 82eebb2089
14 changed files with 213 additions and 112 deletions

View File

@@ -43,7 +43,7 @@
color: white;
font-family: "trueno";
font-weight: 500;
padding: .5rem 1rem;
padding: .3rem .7rem;
font-size: $font-small;
text-decoration: none;
text-transform: uppercase;

View File

@@ -27,7 +27,7 @@
grid-column: 2;
}
.views-row{
padding: .5rem 1rem;
padding: .3rem .7rem;
background: $col-met;
a{
text-decoration: none;

View File

@@ -134,14 +134,6 @@
padding: .5rem 0 .5rem 0;
}
}
.last-ressources{
@@ -304,7 +296,7 @@
color: white;
font-family: "trueno";
font-weight: 500;
padding: .5rem 1rem;
padding: .3rem .7rem;
font-size: $font-normal;
text-decoration: none;
text-transform: uppercase;

View File

@@ -93,7 +93,7 @@
.views-field:not(.views-field-field-image){
padding-right: .5rem;
padding-left: .5rem;
padding-bottom: 1rem;
// padding-bottom: 1rem;
background-color: black;
width: 60%;
margin-left: 30%;
@@ -394,7 +394,7 @@
font-family: "trueno";
font-weight: 500;
padding: .5rem 1rem;
padding: .3rem .5rem;
font-size: $font-small;
text-decoration: none;
text-transform: uppercase;
@@ -485,7 +485,7 @@
h2{
text-align: center;
}
.item-list{
#centre_de_ressources-block_2{
.slick-slide{
margin: 0 1rem;
}
@@ -509,7 +509,7 @@
.views-field:not(.views-field-field-image){
width: 80%;
}
li{
.views-row{
display: grid !important;
grid-template-columns: 1fr 1fr;
align-items: center;
@@ -520,10 +520,10 @@
background-clip: content-box;
}
.views-field-field-image{
grid-row: 1 / span 4;
// margin-top: -3.5rem;
z-index: 0;
grid-row: 2 / span 4;
z-index: 0;
padding: .5rem;
grid-column: 1;
}
.views-field:not(.views-field-field-image){
background: transparent;
@@ -550,11 +550,11 @@
grid-row: 2 / span 1;
grid-column: 2 / span 1;
}
.views-field-field-programme{
.views-field-field-programme,.views-field-title-1{
.field-content{
display: inline-block;
width: auto;
background-color: black !important;
background-color: black;
padding: .3rem .5rem;
}
padding-left: .5rem !important;
@@ -571,6 +571,78 @@
// margin-bottom: 1rem;
}
}
.programme-1{
.views-field{
color: $col-1 !important;
}
.views-field-field-programme, .views-field-title-1{
.field-content{
background: $col-1 ;
}
}
}
.programme-2{
.views-field{
color: $col-2 !important;
}
.views-field-field-programme, .views-field-title-1{
.field-content{
background: $col-2 ;
}
}
}
.programme-3{
.views-field{
color: $col-eur !important;
}
.views-field-field-programme, .views-field-title-1{
.field-content{
background: $col-eur ;
}
}
}
.programme-4{
.views-field{
color: black;
}
.views-field-field-programme, .views-field-title-1{
.field-content{
background:black ;
}
}
}
.programme-5{
.views-field{
color: $col-mond !important;
}
.views-field-field-programme, .views-field-title-1{
.field-content{
background: $col-mond ;
}
}
}
.programme-6{
.views-field{
color: $col-ter !important;
}
.views-field-field-programme, .views-field-title-1{
.field-content{
background: $col-ter ;
}
}
}
.programme-7{
.views-field{
color: $col-met !important;
}
.views-field-field-programme, .views-field-title-1{
.field-content{
background: $col-met ;
}
}
}
}
footer{
background-color: transparent;
@@ -585,7 +657,7 @@
font-family: "trueno";
font-weight: 500;
padding: .5rem 1rem;
padding: .3rem .7rem;
font-size: $font-small;
text-decoration: none;
text-transform: uppercase;

View File

@@ -147,9 +147,9 @@
height: 100%;
}
a[rel~='home']{
display: none;
//display: none;
height: 100%;
// display: block;
display: block;
font-size: 0;
color: transparent;
background: left / contain no-repeat url(../images/POPSU_logo.svg);
@@ -180,15 +180,16 @@
text-align: center;
display: inline-block;
width: auto;
a, span{
text-transform: uppercase;
text-decoration: none;
font-weight: 600;
}
.views-field-title{
// a, span{
// }
.views-field-title a, .views-field-title span{
display: inline-block;
width: auto;
padding: .2rem .5rem;
text-transform: uppercase;
text-decoration: none;
font-weight: 600;
}
}
@@ -280,12 +281,15 @@
footer{
background: white;
margin-top: 3rem;
// margin-top: 3rem;
}
#footer-bottom{
padding: 2rem 0;
height: 15rem;
height: 10rem;
.more{
display: none;
}
*{
word-wrap: break-word;
}
@@ -303,19 +307,20 @@ footer{
}
}
.logo-gouv{
height: 50%;
height: 100%;
margin-bottom: 1rem;
display: block;
color: transparent;
font-size: 0;
background: left / contain no-repeat url(../images/gouv.svg);
}
.logo-puca{
height: 50%;
height: 100%;
display: block;
color: transparent;
font-size: 0;
background: left / contain no-repeat url(../images/puca.svg);
margin-top: -1rem;
margin-top: .5rem;
}
#block-pieddepage{

View File

@@ -14,7 +14,7 @@ $col-2: #61ab32;
$bck-col: #eff2f9;
$lightblue: #98d0d9;
$trame: url(../images/motif_croix.svg);
$trame: center/80% linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,.5)), url(../images/motif_croix.svg) ;
@media (min-width: 48rem) {

View File

@@ -32,7 +32,7 @@
@import "pages/actu";
@import "pages/programme";
@import "pages/archives";
@import "pages/node-evenement";
@import "pages/node-evenement-actu";
@import "pages/themes";
@import "pages/projet";