change typo et couleur
This commit is contained in:
@@ -5,7 +5,7 @@ global-styling:
|
||||
css/bootstrap/css/bootstrap-reboot.min.css: {}
|
||||
css/bootstrap/css/bootstrap.min.css: {}
|
||||
css-compiled/lightbox.css: {}
|
||||
css-compiled/index.min.css: {}
|
||||
css-compiled/index.css: {}
|
||||
|
||||
global-scripts:
|
||||
js:
|
||||
|
||||
@@ -0,0 +1,7 @@
|
||||
#block-colloque2024-local-tasks ul {
|
||||
display: flex;
|
||||
margin-top: 2rem;
|
||||
margin-bottom: 0;
|
||||
padding: 0; }
|
||||
#block-colloque2024-local-tasks ul li {
|
||||
margin: 0.5rem; }
|
||||
@@ -0,0 +1,15 @@
|
||||
.medias .paragraph--type--images {
|
||||
width: 100%; }
|
||||
|
||||
.medias .paragraph--type--video {
|
||||
margin: 4rem 0; }
|
||||
.medias .paragraph--type--video > div {
|
||||
font-family: "Marianne";
|
||||
font-size: 2rem;
|
||||
line-height: normal;
|
||||
text-align: center;
|
||||
margin-bottom: 1rem;
|
||||
text-transform: uppercase; }
|
||||
@media screen and (min-width: 768px) {
|
||||
.medias .paragraph--type--video > div {
|
||||
text-align: left; } }
|
||||
@@ -0,0 +1,113 @@
|
||||
/*! Flickity v2.2.1
|
||||
https://flickity.metafizzy.co
|
||||
---------------------------------------------- */
|
||||
.flickity-enabled {
|
||||
position: relative; }
|
||||
|
||||
.flickity-enabled:focus {
|
||||
outline: 0; }
|
||||
|
||||
.flickity-viewport {
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
height: 100%; }
|
||||
|
||||
.flickity-slider {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%; }
|
||||
|
||||
.flickity-enabled.is-draggable {
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none; }
|
||||
|
||||
.flickity-enabled.is-draggable .flickity-viewport {
|
||||
cursor: move;
|
||||
cursor: -webkit-grab;
|
||||
cursor: grab; }
|
||||
|
||||
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
|
||||
cursor: -webkit-grabbing;
|
||||
cursor: grabbing; }
|
||||
|
||||
.flickity-button {
|
||||
position: absolute;
|
||||
background: rgba(255, 255, 255, 0.75);
|
||||
border: none;
|
||||
color: #333; }
|
||||
|
||||
.flickity-button:hover {
|
||||
background: #fff;
|
||||
cursor: pointer; }
|
||||
|
||||
.flickity-button:focus {
|
||||
outline: 0;
|
||||
box-shadow: 0 0 0 5px #19f; }
|
||||
|
||||
.flickity-button:active {
|
||||
opacity: .6; }
|
||||
|
||||
.flickity-button:disabled {
|
||||
opacity: .3;
|
||||
cursor: auto;
|
||||
pointer-events: none; }
|
||||
|
||||
.flickity-button-icon {
|
||||
fill: currentColor; }
|
||||
|
||||
.flickity-prev-next-button {
|
||||
top: 50%;
|
||||
width: 44px;
|
||||
height: 44px;
|
||||
border-radius: 50%;
|
||||
transform: translateY(-50%); }
|
||||
|
||||
.flickity-prev-next-button.previous {
|
||||
left: 10px; }
|
||||
|
||||
.flickity-prev-next-button.next {
|
||||
right: 10px; }
|
||||
|
||||
.flickity-rtl .flickity-prev-next-button.previous {
|
||||
left: auto;
|
||||
right: 10px; }
|
||||
|
||||
.flickity-rtl .flickity-prev-next-button.next {
|
||||
right: auto;
|
||||
left: 10px; }
|
||||
|
||||
.flickity-prev-next-button .flickity-button-icon {
|
||||
position: absolute;
|
||||
left: 20%;
|
||||
top: 20%;
|
||||
width: 60%;
|
||||
height: 60%; }
|
||||
|
||||
.flickity-page-dots {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
bottom: -25px;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
list-style: none;
|
||||
text-align: center;
|
||||
line-height: 1; }
|
||||
|
||||
.flickity-rtl .flickity-page-dots {
|
||||
direction: rtl; }
|
||||
|
||||
.flickity-page-dots .dot {
|
||||
display: inline-block;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
margin: 0 8px;
|
||||
background: #333;
|
||||
border-radius: 50%;
|
||||
opacity: .25;
|
||||
cursor: pointer; }
|
||||
|
||||
.flickity-page-dots .dot.is-selected {
|
||||
opacity: 1; }
|
||||
File diff suppressed because one or more lines are too long
@@ -0,0 +1,40 @@
|
||||
@media screen and (min-width: 768px) {
|
||||
main:not(.home) {
|
||||
padding: 1.5rem 0 !important; } }
|
||||
|
||||
@media screen and (min-width: 992px) {
|
||||
main:not(.home) {
|
||||
padding: 4rem 0 !important; } }
|
||||
|
||||
body {
|
||||
position: relative; }
|
||||
body::before {
|
||||
z-index: -1;
|
||||
content: " ";
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0; }
|
||||
body::after {
|
||||
z-index: -1;
|
||||
content: " ";
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: linear-gradient(to top, rgba(255, 255, 255, 0.8), white, rgba(255, 255, 255, 0.8));
|
||||
display: block;
|
||||
position: absolute;
|
||||
transform: translateY(-50%);
|
||||
top: 50%;
|
||||
left: 0; }
|
||||
|
||||
article.publications, article.interviews {
|
||||
margin-top: 1rem; }
|
||||
article.publications .paragraph--type--images img, article.interviews .paragraph--type--images img {
|
||||
max-width: 100%;
|
||||
max-height: 400px;
|
||||
object-fit: contain; }
|
||||
@media screen and (min-width: 992px) {
|
||||
article.publications .paragraph--type--images img, article.interviews .paragraph--type--images img {
|
||||
width: 100%; } }
|
||||
@@ -0,0 +1,26 @@
|
||||
#moments .__wrapper .__title {
|
||||
margin: 0.5rem 0; }
|
||||
|
||||
#moments .__wrap_side {
|
||||
margin-top: 0.5rem; }
|
||||
|
||||
#moments .__wrap_content .__head {
|
||||
margin: 0.5rem 0; }
|
||||
#moments .__wrap_content .__head div > div {
|
||||
font-family: 'Marianneregular';
|
||||
font-size: 0.8rem;
|
||||
padding-right: 0.5rem; }
|
||||
#moments .__wrap_content .__head div > div:not(:first-child) {
|
||||
padding-left: 0.5rem; }
|
||||
|
||||
#moments .__wrap_content .__content {
|
||||
max-height: calc(1.5rem * 12);
|
||||
overflow: hidden; }
|
||||
#moments .__wrap_content .__content.is_active {
|
||||
max-height: 100% !important; }
|
||||
@media screen and (min-width: 576px) {
|
||||
#moments .__wrap_content .__content {
|
||||
max-height: 100%; } }
|
||||
|
||||
#moments .__wrap_content .more_link.is_active {
|
||||
display: none !important; }
|
||||
@@ -11,7 +11,7 @@ form{
|
||||
}
|
||||
.js-form-required{
|
||||
margin-bottom: 0;
|
||||
font-family: 'truenoregular';
|
||||
font-family: 'Marianneregular';
|
||||
}
|
||||
label{
|
||||
font-size: 0.9rem;
|
||||
@@ -31,7 +31,7 @@ form{
|
||||
.description{
|
||||
font-size: 0.6rem;
|
||||
margin-top: 0.4rem;
|
||||
font-family: 'truenolight';
|
||||
font-family: 'Mariannelight';
|
||||
}
|
||||
}
|
||||
#edit-actions{
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
#block-popsu-colloque-local-tasks{
|
||||
#block-colloque2024-local-tasks{
|
||||
ul{
|
||||
display: flex;
|
||||
margin-top: 2rem;
|
||||
|
||||
@@ -1,20 +1,21 @@
|
||||
.more_link{
|
||||
@include shadow;
|
||||
|
||||
padding: 0rem 1rem 0.2rem 1rem;
|
||||
background: white;
|
||||
border: 1px solid $color2024;
|
||||
border-radius: 0;
|
||||
a{
|
||||
font-family: 'truenobold';
|
||||
font-family: 'Mariannebold';
|
||||
font-size: 0.6rem;
|
||||
color: $color2;
|
||||
color: $color2024;
|
||||
span{
|
||||
padding-left: 0.5rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#block-views-block-slide-programme-block-1,
|
||||
#block-views-block-dernieres-publications-block-1{
|
||||
#block-colloque2024-views-block-slide-programme-block-1,
|
||||
#block-colloque2024-views-block-dernieres-publications-block-1{
|
||||
.more_link{
|
||||
margin: 0.5rem 0;
|
||||
width: fit-content;
|
||||
@@ -22,8 +23,8 @@
|
||||
}
|
||||
|
||||
@media screen and (min-width: 576px) {
|
||||
#block-views-block-slide-programme-block-1,
|
||||
#block-views-block-dernieres-publications-block-1{
|
||||
#block-colloque2024-views-block-slide-programme-block-1,
|
||||
#block-colloque2024-views-block-dernieres-publications-block-1{
|
||||
.more_link{
|
||||
margin: 0;
|
||||
}
|
||||
@@ -40,7 +41,7 @@
|
||||
padding: 0.7rem 2rem;
|
||||
background: $color2;
|
||||
color: white!important;
|
||||
font-family:'truenoregular';
|
||||
font-family:'Marianneregular';
|
||||
text-transform: uppercase;
|
||||
font-size:1rem;
|
||||
&:hover{
|
||||
|
||||
@@ -10,7 +10,7 @@ footer{
|
||||
}
|
||||
}
|
||||
|
||||
#block-renderedsitesettingsblock-5{
|
||||
#block-colloque2024-renderedsitesettingsblock-5{
|
||||
.site_setting_entity{
|
||||
& > div{
|
||||
display: flex;
|
||||
@@ -33,7 +33,7 @@ footer{
|
||||
}
|
||||
}
|
||||
|
||||
#block-renderedsitesettingsblock-4{
|
||||
#block-colloque2024-renderedsitesettingsblock-4{
|
||||
.site_setting_entity{
|
||||
& > div{
|
||||
margin: 1rem 0;
|
||||
|
||||
@@ -4,7 +4,9 @@ header{
|
||||
background: white;
|
||||
max-height: inherit;
|
||||
justify-content: space-between;
|
||||
#block-popsu-colloque-branding{
|
||||
border-bottom: 1px solid black;
|
||||
|
||||
#block-colloque2024-branding{
|
||||
max-height: inherit;
|
||||
& > div{
|
||||
max-height: inherit;
|
||||
@@ -27,7 +29,7 @@ header{
|
||||
z-index: 10000;
|
||||
}
|
||||
}
|
||||
#block-renderedsitesettingsblock-2{
|
||||
#block-colloque2024-renderedsitesettingsblock-2{
|
||||
width: 35%;
|
||||
border-left: 1px solid $color1;
|
||||
padding: 0;
|
||||
@@ -78,13 +80,14 @@ header{
|
||||
}
|
||||
}
|
||||
}
|
||||
#block-mainnavigation{
|
||||
#block-colloque2024-mainnavigation{
|
||||
width: max-content;
|
||||
|
||||
.burger{
|
||||
padding-top: 0.25rem;
|
||||
z-index: 9999;
|
||||
}
|
||||
.nav-main{
|
||||
// .nav-main{
|
||||
display: none;
|
||||
@media screen and (min-width: 1200px) {
|
||||
display: block;
|
||||
@@ -102,7 +105,7 @@ header{
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
// }
|
||||
&.is-active{
|
||||
display: block;
|
||||
position: fixed;
|
||||
@@ -158,8 +161,8 @@ header{
|
||||
}
|
||||
}
|
||||
|
||||
#block-mainnavigation{
|
||||
border-left: 1px solid $color1;
|
||||
#block-colloque2024-mainnavigation{
|
||||
border-left: 1px solid black;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-end;
|
||||
@@ -183,7 +186,7 @@ header{
|
||||
}
|
||||
|
||||
header.front{
|
||||
#block-popsu-colloque-branding{
|
||||
#block-colloque2024-branding{
|
||||
width: 21rem;
|
||||
position: relative;
|
||||
z-index: 9999;
|
||||
@@ -197,7 +200,7 @@ header.front{
|
||||
}
|
||||
}
|
||||
}
|
||||
#block-renderedsitesettingsblock-2{
|
||||
#block-colloque2024-renderedsitesettingsblock-2{
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
#block-popsu-colloque-submenu {
|
||||
#block-colloque2024-submenu {
|
||||
margin: 1rem auto;
|
||||
ul {
|
||||
display: flex;
|
||||
@@ -16,12 +16,12 @@
|
||||
a {
|
||||
display: block;
|
||||
padding: 0.5rem 1rem;
|
||||
border: 1px solid $color2;
|
||||
color: $color2;
|
||||
border: 1px solid $color2024;
|
||||
color: $color2024;
|
||||
background: white;
|
||||
transition: color 0.3s ease, background 0.3s ease;
|
||||
font-size: 2rem;
|
||||
font-family: "dukefill";
|
||||
font-family: "Marianne";
|
||||
letter-spacing: 0.05rem;
|
||||
text-transform: uppercase;
|
||||
@media screen and (min-width: 768px) {
|
||||
@@ -31,7 +31,7 @@
|
||||
&:hover {
|
||||
text-decoration: none;
|
||||
color: white;
|
||||
background: $color2;
|
||||
background: $color2024;
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -5,7 +5,7 @@
|
||||
p{
|
||||
font-size: 0.9rem;
|
||||
line-height: 1.5;
|
||||
font-family: 'truenoregular';
|
||||
font-family: 'Marianneregular';
|
||||
strong{
|
||||
color: $color2;
|
||||
line-height: 2;
|
||||
|
||||
@@ -5,7 +5,7 @@
|
||||
.paragraph--type--video{
|
||||
margin: 4rem 0;
|
||||
& > div{
|
||||
font-family: dukefill;
|
||||
font-family: "Marianne";
|
||||
font-size: 2rem;
|
||||
line-height: normal;
|
||||
text-align: center;
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
h4{
|
||||
text-transform: uppercase;
|
||||
margin: 1rem 0;
|
||||
font-family: 'dukefill';
|
||||
font-family: 'Marianne';
|
||||
font-size: 2rem;
|
||||
letter-spacing: $letter_spacingH;
|
||||
color: $color2
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
.dl_ressource{
|
||||
font-size: 0.9rem;
|
||||
line-height: 1.2;
|
||||
font-family: 'truenoregular';
|
||||
font-family: 'Marianneregular';
|
||||
text-align: left;
|
||||
margin: 1.5rem .25rem 0 .25rem;
|
||||
@media screen and (min-width : 768px){
|
||||
|
||||
@@ -13,8 +13,8 @@
|
||||
display: none;
|
||||
}
|
||||
|
||||
#block-views-block-slide-programme-block-1,
|
||||
#block-views-block-slide-programme-node-intervenant-block-1 {
|
||||
#block-colloque2024-views-block-slide-programme-block-1,
|
||||
#block-colloque2024-views-block-slide-programme-node-intervenant-block-1 {
|
||||
.__slide {
|
||||
article {
|
||||
width: calc(100% - 30px);
|
||||
@@ -43,7 +43,7 @@
|
||||
}
|
||||
&.first {
|
||||
& > span {
|
||||
font-family: "truenolight";
|
||||
font-family: "Mariannelight";
|
||||
position: absolute;
|
||||
top: -2.5rem;
|
||||
width: max-content;
|
||||
@@ -67,19 +67,24 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
#block-views-block-gallerie-block-1,
|
||||
#block-views-block-slide-programme-block-1,
|
||||
#block-views-block-slide-programme-node-intervenant-block-1,
|
||||
#block-views-block-dernieres-publications-block-1,
|
||||
#block-views-block-slide-interviews-block-1 {
|
||||
#block-colloque2024-views-block-gallerie-block-1,
|
||||
#block-colloque2024-views-block-slide-programme-block-1,
|
||||
#block-colloque2024-views-block-slide-programme-node-intervenant-block-1,
|
||||
#block-colloque2024-views-block-dernieres-publications-block-1,
|
||||
#block-colloque2024-views-block-slide-interviews-block-1 {
|
||||
section:not(.wrap_head) {
|
||||
margin: 1rem 0;
|
||||
}
|
||||
.views {
|
||||
section.wrap_head {
|
||||
@include croix_or;
|
||||
// @include croix_or;
|
||||
.head {
|
||||
display: block;
|
||||
h3{
|
||||
&:after{
|
||||
content:'-';
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -119,3 +124,13 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.flickity-slider {
|
||||
position: absolute;
|
||||
// width: 300px;
|
||||
height: 100%;
|
||||
&:hover{
|
||||
// border: solid 1px black;
|
||||
}
|
||||
}
|
||||
@@ -1,14 +1,23 @@
|
||||
// thumbnails global
|
||||
section {
|
||||
article.thumbnails.programme {
|
||||
border: 1px solid $lightgrey;
|
||||
width: calc(100% / 4 - 0.5rem * 2);
|
||||
&:hover{
|
||||
border: none;
|
||||
@include shadow;
|
||||
}
|
||||
.d-flex{
|
||||
color: $color_orange;
|
||||
}
|
||||
.__content {
|
||||
span {
|
||||
color: $color2;
|
||||
color: $color2024;
|
||||
font-size: 0.8rem;
|
||||
font-family: "truenoregular_italic";
|
||||
font-family: "Marianneregular_italic";
|
||||
text-transform: none !important;
|
||||
strong {
|
||||
font-family: "truenobold_italic";
|
||||
font-family: "Mariannebold_italic";
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -45,7 +54,7 @@ section {
|
||||
padding: 1rem;
|
||||
time,
|
||||
.type_moment {
|
||||
font-family: "truenoregular";
|
||||
font-family: "Marianneregular";
|
||||
font-size: 0.8rem;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
@@ -78,7 +87,7 @@ section {
|
||||
height: 100%;
|
||||
}
|
||||
div > * {
|
||||
color: $color2;
|
||||
color: $col_black;
|
||||
}
|
||||
a {
|
||||
display: block;
|
||||
@@ -102,7 +111,7 @@ section {
|
||||
width: calc(100% / 4 - #{$gutter} * 2);
|
||||
}
|
||||
& > div * {
|
||||
color: $color2;
|
||||
color: $col_black;
|
||||
&.__auteur * {
|
||||
font-size: 1.4rem;
|
||||
}
|
||||
@@ -112,7 +121,7 @@ section {
|
||||
}
|
||||
a {
|
||||
text-decoration: underline;
|
||||
color: $color1;
|
||||
color: $color2024;
|
||||
}
|
||||
}
|
||||
&.interviews {
|
||||
@@ -139,7 +148,7 @@ section {
|
||||
height: 100%;
|
||||
}
|
||||
div > * {
|
||||
color: $color2;
|
||||
color: $col_black;
|
||||
}
|
||||
a {
|
||||
display: block;
|
||||
@@ -162,12 +171,12 @@ section {
|
||||
.inter {
|
||||
margin-top: 0.5rem;
|
||||
span {
|
||||
color: $color2;
|
||||
color: $col_black;
|
||||
font-size: 0.8rem;
|
||||
font-family: "truenoregular_italic";
|
||||
font-family: "Marianneregular_italic";
|
||||
text-transform: none !important;
|
||||
strong {
|
||||
font-family: "truenobold_italic";
|
||||
font-family: "Mariannebold_italic";
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -256,14 +265,18 @@ section {
|
||||
}
|
||||
}
|
||||
figcaption {
|
||||
border: 1px solid $color2024;
|
||||
&.__info {
|
||||
padding: 4rem 0.5rem 0.5rem 0.5rem;
|
||||
margin-top: -3rem;
|
||||
background: white;
|
||||
.__name {
|
||||
text-transform: uppercase;
|
||||
|
||||
color: $col_black !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@@ -1,5 +1,6 @@
|
||||
body,html{
|
||||
font-size: 16px;
|
||||
font-family: 'Marianne', "sans-serif";
|
||||
line-height: 1.2;
|
||||
background: $fond;
|
||||
.is-active{
|
||||
@@ -25,24 +26,24 @@ h1,h2,h3,h4{
|
||||
}
|
||||
|
||||
h2{
|
||||
font-family: 'dukefill';
|
||||
font-family: 'Marianne';
|
||||
font-size: 2.5rem;
|
||||
line-height: 2.5rem;
|
||||
color: $color2;
|
||||
color: $col_black;
|
||||
@media screen and (min-width: 768px) {
|
||||
font-size: 3rem;
|
||||
line-height: 3.5rem;
|
||||
}
|
||||
a{
|
||||
color: $color2;
|
||||
color: $col_black;
|
||||
}
|
||||
}
|
||||
|
||||
h3{
|
||||
margin: 1rem 0;
|
||||
font-family: 'dukefill';
|
||||
font-family: 'Mariannebold';
|
||||
font-size: 2rem;
|
||||
color: $lightgrey;
|
||||
color: $color2024;
|
||||
@media screen and (min-width: 768px){
|
||||
font-size: 2.5rem;
|
||||
line-height: 3.5rem;
|
||||
@@ -58,15 +59,15 @@ p {
|
||||
p{
|
||||
font-size: 1rem;
|
||||
line-height: 1.5rem;
|
||||
font-family: 'truenoregular';
|
||||
font-family: 'Marianneregular';
|
||||
strong{
|
||||
font-family: 'truenobold';
|
||||
font-family: 'Mariannebold';
|
||||
em{
|
||||
font-family: 'truenobold_italic';
|
||||
font-family: 'Mariannebold_italic';
|
||||
}
|
||||
}
|
||||
em{
|
||||
font-family: 'truenoregular_italic';
|
||||
font-family: 'Marianneregular_italic';
|
||||
}
|
||||
a{
|
||||
display: inline;
|
||||
@@ -86,7 +87,7 @@ a{
|
||||
blockquote{
|
||||
margin: 2rem 1rem 2rem 1rem;
|
||||
color: $lightgrey;
|
||||
@include croix_or_B;
|
||||
// @include croix_or_B;
|
||||
@media screen and (min-width: 768px) {
|
||||
margin: 3.5rem 2rem 4rem 2rem;
|
||||
p{
|
||||
@@ -94,7 +95,7 @@ blockquote{
|
||||
}
|
||||
}
|
||||
p{
|
||||
font-family: 'cormorantBold';
|
||||
font-family: 'Mariannebold';
|
||||
font-size: 2rem;
|
||||
line-height: 2.5rem;
|
||||
font-weight: lighter;
|
||||
@@ -119,7 +120,7 @@ button{
|
||||
|
||||
footer{
|
||||
*{
|
||||
font-family: 'truenobold';
|
||||
font-family: 'Marianne';
|
||||
color: $col_black;
|
||||
}
|
||||
h2{
|
||||
|
||||
@@ -1,27 +1,27 @@
|
||||
@mixin croix_or {
|
||||
&:after{
|
||||
height: 10px;
|
||||
margin-top: 0.5rem;
|
||||
content: " ";
|
||||
display: block;
|
||||
background: url($croix_or);
|
||||
background-repeat: repeat-x;
|
||||
background-size: auto auto;
|
||||
}
|
||||
}
|
||||
// @mixin croix_or {
|
||||
// &:after{
|
||||
// height: 10px;
|
||||
// margin-top: 0.5rem;
|
||||
// content: " ";
|
||||
// display: block;
|
||||
// background: url($croix_or);
|
||||
// background-repeat: repeat-x;
|
||||
// background-size: auto auto;
|
||||
// }
|
||||
// }
|
||||
|
||||
@mixin croix_or_B {
|
||||
&:before{
|
||||
width: 100px;
|
||||
height: 10px;
|
||||
margin-top: 0.5rem;
|
||||
content: " ";
|
||||
display: block;
|
||||
background: url($croix_or);
|
||||
background-repeat: repeat-x;
|
||||
background-size: auto auto;
|
||||
}
|
||||
}
|
||||
// @mixin croix_or_B {
|
||||
// &:before{
|
||||
// width: 100px;
|
||||
// height: 10px;
|
||||
// margin-top: 0.5rem;
|
||||
// content: " ";
|
||||
// display: block;
|
||||
// background: url($croix_or);
|
||||
// background-repeat: repeat-x;
|
||||
// background-size: auto auto;
|
||||
// }
|
||||
// }
|
||||
|
||||
|
||||
@mixin shadow{
|
||||
@@ -29,7 +29,7 @@
|
||||
transition: 0.3s transform ease, 0.3s box-shadow ease;
|
||||
&:hover{
|
||||
transform: scale(1.05);
|
||||
box-shadow: 0px 0px 13px 0px $color2;
|
||||
box-shadow: 0px 0px 13px 0px $color2024;
|
||||
transition: 0.3s transform ease, 0.3s box-shadow ease;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -68,10 +68,111 @@
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
#block-renderedsitesettingsblock-2 {
|
||||
|
||||
/*marianne*/
|
||||
|
||||
@font-face {
|
||||
font-family: 'Mariannethin';
|
||||
src: url('../fonts/Marianne/Marianne-Thin.woff2') format('woff2'),
|
||||
url('../fonts/Marianne/Marianne-Thin.woff') format('woff');
|
||||
font-weight: 300;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Mariannethin_italic';
|
||||
src: url("../fonts/Marianne/Marianne-Thin_Italic.woff2") format('woff2'),
|
||||
url('../fonts/Marianne/Marianne-Thin_Italic.woff') format('woff');
|
||||
font-weight: 300;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Mariannelight';
|
||||
src: url('../fonts/Marianne/Marianne-Light.woff2') format('woff2'),
|
||||
url('../fonts/Marianne/Marianne-Light.woff') format('woff');
|
||||
font-weight: 400;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Mariannelight_italic';
|
||||
src: url('../fonts/Marianne/Marianne-Light_Italic.woff2') format('woff2'),
|
||||
url('../fonts/Marianne/Marianne-Light_Italic.woff') format('woff');
|
||||
font-weight: 400;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Marianneregular';
|
||||
src: url("../fonts/Marianne/Marianne-Regular.woff2") format('woff2'),
|
||||
url("../fonts/Marianne/Marianne-Regular.woff") format('woff');
|
||||
font-weight: 600;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Marianneregular_italic';
|
||||
src: url('../fonts/Marianne/Marianne-Regular_Italic.woff2') format('woff2'),
|
||||
url('../fonts/Marianne/Marianne-Regular_Italic.woff') format('woff');
|
||||
font-weight: 600;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Mariannemedium';
|
||||
src: url('../fonts/Marianne/Marianne-Medium.woff2') format('woff2'),
|
||||
url('../fonts/Marianne/Marianne-Medium.woff') format('woff');
|
||||
font-weight: 800;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Mariannemedium_italic';
|
||||
src: url('../fonts/Marianne/Marianne-Medium_Italic.woff2') format('woff2'),
|
||||
url('../fonts/Marianne/Marianne-Medium_Italic.woff') format('woff');
|
||||
font-weight: 800;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Mariannebold';
|
||||
src: url('../fonts/Marianne/Marianne-Bold.woff2') format('woff2'),
|
||||
url('../fonts/Marianne/Marianne-Bold.woff') format('woff');
|
||||
font-weight: 900;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
|
||||
@font-face {
|
||||
font-family: 'Mariannebold_italic';
|
||||
src: url('../fonts/Marianne/Marianne-Bold_Italic.woff2') format('woff2'),
|
||||
url('../fonts/Marianne/Marianne-Bold_Italic.woff') format('woff');
|
||||
font-weight: 900;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Marianneextrabold';
|
||||
src: url('../fonts/Marianne/Marianne-ExtraBold.woff2') format('woff2'),
|
||||
url('../fonts/Marianne/Marianne-ExtraBold.woff') format('woff');
|
||||
font-weight: 1000;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Marianneextrabold_italic';
|
||||
src: url('../fonts/Marianne/Marianne-ExtraBold_Italic.woff2') format('woff2'),
|
||||
url('../fonts/Marianne/Marianne-ExtraBold_Italic.woff') format('woff');
|
||||
font-weight: 1000;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
|
||||
#block-colloque2024-renderedsitesettingsblock-2 {
|
||||
.site_setting_entity {
|
||||
h1 {
|
||||
font-family: "dukefill";
|
||||
font-family: 'Marianneregular';
|
||||
font-size: 2rem;
|
||||
line-height: 2rem;
|
||||
text-transform: uppercase;
|
||||
@@ -82,11 +183,11 @@
|
||||
.__info_colloque {
|
||||
& > div {
|
||||
&:first-child {
|
||||
font-family: "truenoregular";
|
||||
font-family: "Marianneregular";
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
&:last-child {
|
||||
font-family: "truenoregular";
|
||||
font-family: "Marianneregular";
|
||||
font-weight: bold;
|
||||
font-size: 0.7rem;
|
||||
line-height: 1;
|
||||
@@ -98,25 +199,25 @@
|
||||
|
||||
form {
|
||||
label {
|
||||
font-family: "truenolight";
|
||||
font-family: "Mariannelight";
|
||||
}
|
||||
.select-items {
|
||||
div {
|
||||
font-family: "truenolight";
|
||||
font-family: "Mariannelight";
|
||||
}
|
||||
}
|
||||
.select-selected {
|
||||
font-family: "truenoregular";
|
||||
font-family: "Marianneregular";
|
||||
}
|
||||
input {
|
||||
font-family: "truenolight";
|
||||
font-family: "Mariannelight";
|
||||
}
|
||||
}
|
||||
|
||||
.thumbnails {
|
||||
&.programme {
|
||||
.__content {
|
||||
font-family: "truenobold";
|
||||
font-family: "Mariannebold";
|
||||
font-size: 1rem;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
@@ -124,11 +225,11 @@ form {
|
||||
&.publications {
|
||||
.__content {
|
||||
div {
|
||||
font-family: "cormorantBold";
|
||||
font-family: "Mariannebold";
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
span {
|
||||
font-family: "cormorantBoldItalic";
|
||||
font-family: "Mariannebold_italic";
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
}
|
||||
@@ -136,11 +237,11 @@ form {
|
||||
&.interviews {
|
||||
.__content {
|
||||
div {
|
||||
font-family: "cormorantBold";
|
||||
font-family: "Mariannebold";
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
span {
|
||||
font-family: "cormorantBoldItalic";
|
||||
font-family: "Mariannebold_italic";
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
}
|
||||
@@ -149,11 +250,11 @@ form {
|
||||
background: transparent;
|
||||
div,
|
||||
p {
|
||||
font-family: "cormorantBold";
|
||||
font-family: "Mariannebold";
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
span {
|
||||
font-family: "cormorantBoldItalic";
|
||||
font-family: "Mariannebold_italic";
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
}
|
||||
@@ -163,22 +264,26 @@ form {
|
||||
.thumbnails_participants {
|
||||
@include shadow_participants;
|
||||
* {
|
||||
color: $color2;
|
||||
// color: $color2024;
|
||||
}
|
||||
.__name {
|
||||
font-family: "truenoregular";
|
||||
font-family: "Marianneregular";
|
||||
font-size: 1rem;
|
||||
color: $col_black;
|
||||
padding-bottom: 0.5rem;
|
||||
}
|
||||
.__qualite {
|
||||
font-family: "truenoregular_italic";
|
||||
font-family: "Marianneregular_italic";
|
||||
font-size: 0.8rem;
|
||||
color: $color2024;
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
.paragraph--type--role-de-l-intervenant {
|
||||
.___title_inter {
|
||||
div {
|
||||
font-family: "truenobold";
|
||||
font-family: "Mariannebold";
|
||||
font-size: 0.8rem;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
@@ -190,7 +295,7 @@ article {
|
||||
&.participant_full {
|
||||
.__auteur {
|
||||
h2 {
|
||||
font-family: "truenoregular";
|
||||
font-family: "Marianneregular";
|
||||
font-size: 2rem;
|
||||
line-height: 1;
|
||||
letter-spacing: normal;
|
||||
@@ -198,7 +303,7 @@ article {
|
||||
}
|
||||
.status {
|
||||
div {
|
||||
font-family: "truenoregular_italic";
|
||||
font-family: "Marianneregular_italic";
|
||||
color: $color2;
|
||||
font-size: 1rem;
|
||||
line-height: 1.2rem;
|
||||
|
||||
@@ -1,8 +1,10 @@
|
||||
$color1: #b9a47eff;
|
||||
$color2: #1d378eff;
|
||||
$color2024: rgb(3,135,136);
|
||||
$col_black: black;
|
||||
$color_orange: rgb(255, 128, 77);
|
||||
$lightgrey: #6f6d7dff;
|
||||
$fond: #1d378e0d;
|
||||
$fond: white;
|
||||
$underline:#d2d2ebff;
|
||||
|
||||
$gutter: 0.5rem;
|
||||
|
||||
@@ -30,6 +30,9 @@
|
||||
|
||||
|
||||
@import "pages/search.scss";
|
||||
|
||||
// @import "pages/_changement-2024.scss";
|
||||
|
||||
// components
|
||||
@import "components/components.scss";
|
||||
|
||||
@@ -183,8 +186,8 @@ article img,
|
||||
.participant_full .__img,
|
||||
.participant_full figcaption,
|
||||
.home #txt_present, article#presentation,
|
||||
#block-views-block-slide-programme-block-1,
|
||||
#block-views-block-dernieres-publications-block-1,
|
||||
#block-shadow_participantsviews-block-slide-programme-block-1,
|
||||
#block-shadow_participantsviews-block-dernieres-publications-block-1,
|
||||
.__ressources > *,
|
||||
article#presentation p,
|
||||
.letter-sort,
|
||||
|
||||
@@ -1,18 +1,18 @@
|
||||
header {
|
||||
#block-mainnavigation {
|
||||
#block-colloque2024-mainnavigation {
|
||||
ul {
|
||||
li {
|
||||
font-size: 0.8rem;
|
||||
a {
|
||||
color: black;
|
||||
font-family: "truenoregular";
|
||||
font-family: "Marianneregular";
|
||||
&.is-active {
|
||||
font-family: "truenobold";
|
||||
font-family: "Mariannebold";
|
||||
color: black;
|
||||
text-decoration: none;
|
||||
}
|
||||
&:hover {
|
||||
font-family: "truenobold";
|
||||
font-family: "Mariannebold";
|
||||
color: black;
|
||||
text-decoration: none;
|
||||
}
|
||||
@@ -29,7 +29,7 @@ header {
|
||||
}
|
||||
|
||||
& * {
|
||||
color: $color2;
|
||||
color: $col_black;
|
||||
}
|
||||
|
||||
& > div {
|
||||
@@ -39,14 +39,14 @@ header {
|
||||
.__title-present {
|
||||
h2 {
|
||||
font-size: 1.9rem;
|
||||
font-family: "truenoregular";
|
||||
font-family: "Marianneregular";
|
||||
line-height: normal;
|
||||
}
|
||||
}
|
||||
|
||||
.__sub-title-present {
|
||||
p {
|
||||
font-family: "truenoregular_italic";
|
||||
font-family: "Marianneregular_italic";
|
||||
font-size: 0.9rem;
|
||||
line-height: 1.3rem;
|
||||
}
|
||||
@@ -54,7 +54,7 @@ header {
|
||||
|
||||
.__body-present {
|
||||
p {
|
||||
font-family: "truenolight";
|
||||
font-family: "Mariannelight";
|
||||
font-size: 1.2rem;
|
||||
line-height: 1.8rem;
|
||||
}
|
||||
@@ -65,12 +65,13 @@ header {
|
||||
background: white;
|
||||
a {
|
||||
font-size: 0.7rem;
|
||||
color: $color2024;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#block-views-block-dernieres-publications-block-1,
|
||||
#block-views-block-slide-interviews-block-1 {
|
||||
#block-colloque2024-views-block-dernieres-publications-block-1,
|
||||
#block-colloque2024-views-block-slide-interviews-block-1 {
|
||||
.views {
|
||||
section:not(.wrap_head) {
|
||||
margin: 1rem 0;
|
||||
@@ -81,7 +82,7 @@ header {
|
||||
}
|
||||
}
|
||||
|
||||
#block-views-block-gallerie-block-1 {
|
||||
#block-colloque2024-views-block-gallerie-block-1 {
|
||||
section:not(.wrap_head) {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
@@ -143,15 +144,15 @@ header {
|
||||
color: black;
|
||||
}
|
||||
.lb-number {
|
||||
font-family: "truenobold";
|
||||
font-family: "Mariannebold";
|
||||
padding-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
#block-views-block-gallerie-block-1,
|
||||
#block-views-block-slide-programme-block-1,
|
||||
#block-views-block-dernieres-publications-block-1,
|
||||
#block-views-block-slide-interviews-block-1 {
|
||||
#block-colloque2024-views-block-gallerie-block-1,
|
||||
#block-colloque2024-views-block-slide-programme-block-1,
|
||||
#block-colloque2024-views-block-dernieres-publications-block-1,
|
||||
#block-colloque2024-views-block-slide-interviews-block-1 {
|
||||
margin: 2rem 0;
|
||||
@media screen and (min-width: 992px) {
|
||||
margin: 5rem 0;
|
||||
@@ -159,14 +160,14 @@ header {
|
||||
h3 {
|
||||
text-transform: uppercase;
|
||||
margin: 0;
|
||||
font-family: "dukefill";
|
||||
font-family: "Marianne";
|
||||
font-size: 2rem;
|
||||
letter-spacing: $letter_spacingH;
|
||||
color: $color2;
|
||||
color: $color2024;
|
||||
}
|
||||
}
|
||||
|
||||
#block-views-block-slide-programme-block-1 {
|
||||
#block-colloque2024-views-block-slide-programme-block-1 {
|
||||
h3 {
|
||||
&::after {
|
||||
display: inline-flex;
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
#block-popsu-colloque-page-title{
|
||||
#block-colloque2024-page-title{
|
||||
margin:1.5rem auto;
|
||||
@include croix_or;
|
||||
// @include croix_or;
|
||||
@media screen and (min-width: 768px) {
|
||||
margin: 0 auto 1.5rem auto;
|
||||
}
|
||||
|
||||
@@ -15,15 +15,15 @@
|
||||
margin-bottom: 3rem;
|
||||
a{
|
||||
font-size: 2rem;
|
||||
font-family: 'dukefill';
|
||||
color: $color1;
|
||||
font-family: 'Marianne';
|
||||
color: $color2024;
|
||||
}
|
||||
}
|
||||
|
||||
.letter-sort{
|
||||
font-size: 3rem;
|
||||
font-family: 'dukefill';
|
||||
color: $color2;
|
||||
font-family: 'Marianne';
|
||||
color: $col_black;
|
||||
}
|
||||
|
||||
section.row{
|
||||
|
||||
@@ -3,24 +3,24 @@ article {
|
||||
.__wrap_content {
|
||||
.__head {
|
||||
& * {
|
||||
color: $color2;
|
||||
color: $col_black;
|
||||
}
|
||||
.__auteur {
|
||||
div {
|
||||
font-family: "cormorantBold";
|
||||
font-family: "Mariannebold";
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
}
|
||||
.__titre {
|
||||
span {
|
||||
font-family: "cormorantBoldItalic";
|
||||
font-family: "Mariannebold_italic";
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
}
|
||||
.__info {
|
||||
margin: 1rem 0;
|
||||
div {
|
||||
font-family: "cormorantBold";
|
||||
font-family: "Mariannebold";
|
||||
font-size: 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -15,8 +15,8 @@ body {
|
||||
content: " ";
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-image: url("../images/croix_fond.svg");
|
||||
background-size: content;
|
||||
// background-image: url("../images/croix_fond.svg");
|
||||
// background-size: content;
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
@@ -43,7 +43,7 @@ body {
|
||||
|
||||
article {
|
||||
.__title {
|
||||
@include croix_or;
|
||||
// @include croix_or;
|
||||
}
|
||||
&.publications,
|
||||
&.interviews {
|
||||
@@ -61,5 +61,5 @@ article {
|
||||
}
|
||||
}
|
||||
h4 {
|
||||
@include croix_or;
|
||||
// @include croix_or;
|
||||
}
|
||||
|
||||
@@ -12,7 +12,7 @@
|
||||
margin: 0.5rem 0;
|
||||
div{
|
||||
& > div{
|
||||
font-family: 'truenoregular';
|
||||
font-family: 'Marianneregular';
|
||||
font-size: 0.8rem;
|
||||
padding-right: 0.5rem;
|
||||
&:not(:first-child){
|
||||
|
||||
@@ -1,6 +1,10 @@
|
||||
#presentation{
|
||||
margin-top: 0.5rem;
|
||||
.__title{
|
||||
h2{
|
||||
color: $color2024 !important;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 768px) {
|
||||
margin: 1rem 0;
|
||||
}
|
||||
|
||||
@@ -22,7 +22,7 @@
|
||||
}
|
||||
h3{
|
||||
font-size: 1.5rem;
|
||||
font-family: 'truenolight';
|
||||
font-family: 'Mariannelight';
|
||||
color: $col_black;
|
||||
}
|
||||
.views{
|
||||
@@ -42,7 +42,7 @@
|
||||
}
|
||||
}
|
||||
&:not(:last-child){
|
||||
@include croix_or;
|
||||
// @include croix_or;
|
||||
& > .d-flex{
|
||||
padding: 0 0 2rem 0;
|
||||
}
|
||||
|
||||
@@ -3,24 +3,24 @@ article{
|
||||
.__wrap_content{
|
||||
.__head{
|
||||
& *{
|
||||
color: $color2;
|
||||
color: $col_black;
|
||||
}
|
||||
.__auteur{
|
||||
div{
|
||||
font-family: 'cormorantBold';
|
||||
font-family: 'Mariannebold';
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
}
|
||||
.__titre{
|
||||
span{
|
||||
font-family: 'cormorantBoldItalic';
|
||||
font-family: 'Mariannebold_italic';
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
}
|
||||
.__info{
|
||||
margin: 1rem 0;
|
||||
div{
|
||||
font-family: 'cormorantBold';
|
||||
font-family: 'Mariannebold';
|
||||
font-size: 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -10,7 +10,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
#block-popsu-colloque-submenu {
|
||||
#block-colloque2024-submenu {
|
||||
.is-active {
|
||||
color: white;
|
||||
background: #1d378eff;
|
||||
|
||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
@@ -16,9 +16,12 @@
|
||||
"jquery": "^3.5.1",
|
||||
"popper.js": "^1.16.1"
|
||||
},
|
||||
"devDependencies": {},
|
||||
"devDependencies": {
|
||||
"node-sass": "*"
|
||||
},
|
||||
"scripts": {
|
||||
"test": "echo \"Error: no test specified\" && exit 1"
|
||||
"test": "echo \"Error: no test specified\" && exit 1",
|
||||
"sass": "node-sass -w css -o css-compiled"
|
||||
},
|
||||
"author": "",
|
||||
"license": "ISC"
|
||||
|
||||
Reference in New Issue
Block a user