add interviews post_type
This commit is contained in:
kevin
@@ -1,19 +1,19 @@
|
||||
#block-popsu-colloque-submenu{
|
||||
#block-popsu-colloque-submenu {
|
||||
margin: 1rem auto;
|
||||
ul{
|
||||
ul {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
li{
|
||||
margin: 0 -1rem;
|
||||
|
||||
li {
|
||||
padding: 1rem;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
@media screen and (min-width: 576px) {
|
||||
width: auto!important;
|
||||
width: auto !important;
|
||||
}
|
||||
&:first-child{
|
||||
margin-right: 1rem;
|
||||
}
|
||||
a{
|
||||
a {
|
||||
display: block;
|
||||
padding: 0.5rem 1rem;
|
||||
border: 1px solid $color2;
|
||||
@@ -21,14 +21,14 @@
|
||||
background: white;
|
||||
transition: color 0.3s ease, background 0.3s ease;
|
||||
font-size: 2rem;
|
||||
font-family: 'dukefill';
|
||||
font-family: "dukefill";
|
||||
letter-spacing: 0.05rem;
|
||||
text-transform: uppercase;
|
||||
@media screen and (min-width: 768px) {
|
||||
// padding: 1rem 1rem;
|
||||
font-size: 2.5rem;
|
||||
}
|
||||
&:hover{
|
||||
&:hover {
|
||||
text-decoration: none;
|
||||
color: white;
|
||||
background: $color2;
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
.flickity-button {
|
||||
background: transparent;
|
||||
&:hover{
|
||||
&:hover {
|
||||
background: transparent;
|
||||
}
|
||||
}
|
||||
@@ -14,9 +14,9 @@
|
||||
}
|
||||
|
||||
#block-views-block-slide-programme-block-1,
|
||||
#block-views-block-slide-programme-node-intervenant-block-1{
|
||||
.__slide{
|
||||
article{
|
||||
#block-views-block-slide-programme-node-intervenant-block-1 {
|
||||
.__slide {
|
||||
article {
|
||||
width: calc(100% - 30px);
|
||||
height: 325px;
|
||||
// background: none;
|
||||
@@ -32,26 +32,26 @@
|
||||
@media screen and (min-width: 1200px) {
|
||||
width: calc(100% / 4 - #{$gutter} * 2);
|
||||
}
|
||||
a{
|
||||
a {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: white;
|
||||
@include shadow;
|
||||
.__wrap{
|
||||
.__wrap {
|
||||
background: white;
|
||||
}
|
||||
}
|
||||
&.first{
|
||||
& > span{
|
||||
font-family: 'truenolight';
|
||||
&.first {
|
||||
& > span {
|
||||
font-family: "truenolight";
|
||||
position: absolute;
|
||||
top: -2.5rem;
|
||||
width: max-content;
|
||||
font-size: 1.2rem;
|
||||
line-height: 1.2;
|
||||
}
|
||||
&:not(:first-child){
|
||||
&::before{
|
||||
&:not(:first-child) {
|
||||
&::before {
|
||||
position: absolute;
|
||||
display: block;
|
||||
content: " ";
|
||||
@@ -70,23 +70,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{
|
||||
section:not(.wrap_head){
|
||||
#block-views-block-dernieres-publications-block-1,
|
||||
#block-views-block-slide-interviews-block-1 {
|
||||
section:not(.wrap_head) {
|
||||
margin: 1rem 0;
|
||||
}
|
||||
.views{
|
||||
section.wrap_head{
|
||||
.views {
|
||||
section.wrap_head {
|
||||
@include croix_or;
|
||||
.head{
|
||||
.head {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
@media screen and (min-width: 576px) {
|
||||
.views{
|
||||
section{
|
||||
.head{
|
||||
display: flex!important;
|
||||
.views {
|
||||
section {
|
||||
.head {
|
||||
display: flex !important;
|
||||
width: 100%;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
@@ -96,23 +97,23 @@
|
||||
}
|
||||
}
|
||||
|
||||
.paragraph--type--role-de-l-intervenant{
|
||||
.paragraph--type--role-de-l-intervenant {
|
||||
margin-bottom: 2rem;
|
||||
.__slide{
|
||||
.__slide {
|
||||
&:after {
|
||||
content: 'flickity';
|
||||
content: "flickity";
|
||||
display: none;
|
||||
@media screen and ( min-width: 768px ) {
|
||||
content: '';
|
||||
@media screen and (min-width: 768px) {
|
||||
content: "";
|
||||
}
|
||||
}
|
||||
.flickity-viewport{
|
||||
.flickity-viewport {
|
||||
// overflow: initial;
|
||||
}
|
||||
.flickity-slider > div{
|
||||
.flickity-slider > div {
|
||||
width: 70%;
|
||||
padding: 0 0.5rem;
|
||||
@media screen and ( min-width: 768px ) {
|
||||
@media screen and (min-width: 768px) {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,21 +1,21 @@
|
||||
// thumbnails global
|
||||
section{
|
||||
article.thumbnails.programme{
|
||||
.__content{
|
||||
span{
|
||||
section {
|
||||
article.thumbnails.programme {
|
||||
.__content {
|
||||
span {
|
||||
color: $color2;
|
||||
font-size: 0.8rem;
|
||||
font-family: 'truenoregular_italic';
|
||||
text-transform: none!important;
|
||||
strong{
|
||||
font-family: 'truenobold_italic';
|
||||
font-family: "truenoregular_italic";
|
||||
text-transform: none !important;
|
||||
strong {
|
||||
font-family: "truenobold_italic";
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
& > div:not(.__slide){
|
||||
article.thumbnails.programme{
|
||||
a{
|
||||
& > div:not(.__slide) {
|
||||
article.thumbnails.programme {
|
||||
a {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
@@ -26,7 +26,7 @@ section{
|
||||
}
|
||||
}
|
||||
|
||||
.thumbnails{
|
||||
.thumbnails {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
background: white;
|
||||
@@ -34,27 +34,28 @@ section{
|
||||
@media screen and (min-width: 768px) {
|
||||
margin: calc(#{$gutter});
|
||||
}
|
||||
&:not(.bibliographie):not(.programme){
|
||||
&:not(.bibliographie):not(.programme) {
|
||||
@include shadow;
|
||||
}
|
||||
figure{
|
||||
figure {
|
||||
height: 150px;
|
||||
margin: 0;
|
||||
}
|
||||
.__wrap{
|
||||
.__wrap {
|
||||
padding: 1rem;
|
||||
time, .type_moment{
|
||||
font-family: 'truenoregular';
|
||||
time,
|
||||
.type_moment {
|
||||
font-family: "truenoregular";
|
||||
font-size: 0.8rem;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
& > .d-flex{
|
||||
& > .d-flex {
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
// thumbnails publications
|
||||
&.publications{
|
||||
&.publications {
|
||||
@media screen and (min-width: 768px) {
|
||||
width: calc(100% / 2 - #{$gutter} * 2);
|
||||
}
|
||||
@@ -64,31 +65,31 @@ section{
|
||||
@media screen and (min-width: 1200px) {
|
||||
width: calc(100% / 4 - #{$gutter} * 2);
|
||||
}
|
||||
.__media{
|
||||
.__media {
|
||||
padding: 0.5rem 0 0.5rem 0.5rem;
|
||||
.__img{
|
||||
.__img {
|
||||
width: 100px;
|
||||
}
|
||||
}
|
||||
.__wrap{
|
||||
.__wrap {
|
||||
padding: 0.5rem;
|
||||
}
|
||||
& > div{
|
||||
& > div {
|
||||
height: 100%;
|
||||
}
|
||||
div > *{
|
||||
color:$color2;
|
||||
div > * {
|
||||
color: $color2;
|
||||
}
|
||||
a{
|
||||
a {
|
||||
display: block;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
&.bibliographie{
|
||||
background: white!important;
|
||||
&.bibliographie {
|
||||
background: white !important;
|
||||
padding: 0.5rem;
|
||||
&.link_ext{
|
||||
&.link_ext {
|
||||
@include shadow;
|
||||
}
|
||||
@media screen and (min-width: 768px) {
|
||||
@@ -100,26 +101,57 @@ section{
|
||||
@media screen and (min-width: 1200px) {
|
||||
width: calc(100% / 4 - #{$gutter} * 2);
|
||||
}
|
||||
& > div * {
|
||||
& > div * {
|
||||
color: $color2;
|
||||
&.__auteur *{
|
||||
&.__auteur * {
|
||||
font-size: 1.4rem;
|
||||
}
|
||||
&.__body{
|
||||
margin:1rem 0;
|
||||
&.__body {
|
||||
margin: 1rem 0;
|
||||
}
|
||||
}
|
||||
a{
|
||||
a {
|
||||
text-decoration: underline;
|
||||
color: $color1;
|
||||
}
|
||||
}
|
||||
&.interviews {
|
||||
@media screen and (min-width: 768px) {
|
||||
width: calc(100% / 2 - #{$gutter} * 2);
|
||||
}
|
||||
@media screen and (min-width: 992px) {
|
||||
width: calc(100% / 3 - #{$gutter} * 2);
|
||||
}
|
||||
@media screen and (min-width: 1200px) {
|
||||
width: calc(100% / 4 - #{$gutter} * 2);
|
||||
}
|
||||
.__media {
|
||||
padding: 0.5rem 0 0.5rem 0.5rem;
|
||||
max-width: 50%;
|
||||
.__img {
|
||||
width: 100px;
|
||||
}
|
||||
}
|
||||
.__wrap {
|
||||
padding: 0.5rem;
|
||||
}
|
||||
& > div {
|
||||
height: 100%;
|
||||
}
|
||||
div > * {
|
||||
color: $color2;
|
||||
}
|
||||
a {
|
||||
display: block;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Page programme
|
||||
.container{
|
||||
&.programme{
|
||||
.thumbnails{
|
||||
.container {
|
||||
&.programme {
|
||||
.thumbnails {
|
||||
@media screen and (min-width: 768px) {
|
||||
width: calc(100% / 2 - #{$gutter} * 2);
|
||||
margin: 0.5rem;
|
||||
@@ -127,15 +159,15 @@ section{
|
||||
@media screen and (min-width: 992px) {
|
||||
width: calc(100% / 3 - #{$gutter} * 2);
|
||||
}
|
||||
.inter{
|
||||
.inter {
|
||||
margin-top: 0.5rem;
|
||||
span{
|
||||
span {
|
||||
color: $color2;
|
||||
font-size: 0.8rem;
|
||||
font-family: 'truenoregular_italic';
|
||||
text-transform: none!important;
|
||||
strong{
|
||||
font-family: 'truenobold_italic';
|
||||
font-family: "truenoregular_italic";
|
||||
text-transform: none !important;
|
||||
strong {
|
||||
font-family: "truenobold_italic";
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -143,14 +175,14 @@ section{
|
||||
}
|
||||
}
|
||||
// page moment
|
||||
.__ressources{
|
||||
.__publications{
|
||||
.publications{
|
||||
.__ressources {
|
||||
.__publications {
|
||||
.publications {
|
||||
// margin: $gutter;
|
||||
.__media{
|
||||
.__media {
|
||||
padding: 0.5rem 0 0.5rem 0.5rem;
|
||||
}
|
||||
.__wrap{
|
||||
.__wrap {
|
||||
padding: 0.5rem;
|
||||
}
|
||||
@media screen and (min-width: 768px) {
|
||||
@@ -164,12 +196,14 @@ section{
|
||||
}
|
||||
}
|
||||
}
|
||||
.__bibliographie{
|
||||
.thumbnails{
|
||||
.__bibliographie {
|
||||
.thumbnails {
|
||||
background: transparent;
|
||||
a{
|
||||
& > div{
|
||||
div, span, p{
|
||||
a {
|
||||
& > div {
|
||||
div,
|
||||
span,
|
||||
p {
|
||||
display: inline;
|
||||
background: white;
|
||||
}
|
||||
@@ -184,32 +218,51 @@ section{
|
||||
@media screen and (min-width: 1200px) {
|
||||
width: calc(100% / 2 - #{$gutter} * 2);
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
.__interviews {
|
||||
.interviews {
|
||||
// margin: $gutter;
|
||||
.__media {
|
||||
padding: 0.5rem 0 0.5rem 0.5rem;
|
||||
}
|
||||
.__wrap {
|
||||
padding: 0.5rem;
|
||||
}
|
||||
@media screen and (min-width: 768px) {
|
||||
width: calc(100% / 2 - #{$gutter} * 2);
|
||||
}
|
||||
@media screen and (min-width: 992px) {
|
||||
width: calc(100% / 2 - #{$gutter} * 2);
|
||||
}
|
||||
@media screen and (min-width: 1200px) {
|
||||
width: calc(100% / 2 - #{$gutter} * 2);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
// thumbnails participant
|
||||
.thumbnails_participants{
|
||||
figure{
|
||||
& > div{
|
||||
.thumbnails_participants {
|
||||
figure {
|
||||
& > div {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
margin-left: 0.5rem;
|
||||
img{
|
||||
img {
|
||||
border-radius: 50%;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
}
|
||||
}
|
||||
figcaption{
|
||||
&.__info{
|
||||
padding: 4rem 0.5rem 0.5rem 0.5rem;
|
||||
margin-top: -3rem;
|
||||
background: white;
|
||||
.__name{
|
||||
text-transform: uppercase;
|
||||
}
|
||||
figcaption {
|
||||
&.__info {
|
||||
padding: 4rem 0.5rem 0.5rem 0.5rem;
|
||||
margin-top: -3rem;
|
||||
background: white;
|
||||
.__name {
|
||||
text-transform: uppercase;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,79 +1,77 @@
|
||||
@font-face {
|
||||
font-family: 'dukefill';
|
||||
src: url('../fonts/duke_fill-webfont.woff') format('woff'),
|
||||
url('../fonts/duke_fill-webfont.woff2') format('woff2');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-family: "dukefill";
|
||||
src: url("../fonts/duke_fill-webfont.woff") format("woff"),
|
||||
url("../fonts/duke_fill-webfont.woff2") format("woff2");
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'cormorantBold';
|
||||
src: url('../fonts/Cormorant-Bold-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-family: "cormorantBold";
|
||||
src: url("../fonts/Cormorant-Bold-webfont.woff") format("woff");
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'cormorantBoldItalic';
|
||||
src: url('../fonts/Cormorant-BoldItalic-webfont.woff') format('woff');
|
||||
font-weight: lighter;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
|
||||
@font-face {
|
||||
font-family: 'truenolight';
|
||||
src: url('../fonts/trueno/truenolt-webfont.woff') format('woff'),
|
||||
url('../fonts/trueno/truenolt-webfont.woff2') format('woff2');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-family: "cormorantBoldItalic";
|
||||
src: url("../fonts/Cormorant-BoldItalic-webfont.woff") format("woff");
|
||||
font-weight: lighter;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'truenolight_italic';
|
||||
src: url('../fonts/trueno/truenoltit-webfont.woff') format('woff'),
|
||||
url('../fonts/trueno/truenoltit-webfont.woff2') format('woff2');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-family: "truenolight";
|
||||
src: url("../fonts/trueno/truenolt-webfont.woff") format("woff"),
|
||||
url("../fonts/trueno/truenolt-webfont.woff2") format("woff2");
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'truenoregular';
|
||||
src: url('../fonts/trueno/truenorg-webfont.woff') format('woff'),
|
||||
url('../fonts/trueno/truenorg-webfont.woff2') format('woff2');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-family: "truenolight_italic";
|
||||
src: url("../fonts/trueno/truenoltit-webfont.woff") format("woff"),
|
||||
url("../fonts/trueno/truenoltit-webfont.woff2") format("woff2");
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'truenoregular_italic';
|
||||
src: url('../fonts/trueno/truenorgit-webfont.woff') format('woff'),
|
||||
url('../fonts/trueno/truenorgit-webfont.woff2') format('woff2');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-family: "truenoregular";
|
||||
src: url("../fonts/trueno/truenorg-webfont.woff") format("woff"),
|
||||
url("../fonts/trueno/truenorg-webfont.woff2") format("woff2");
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'truenobold';
|
||||
src: url('../fonts/trueno/truenobd-webfont.woff') format('woff'),
|
||||
url('../fonts/trueno/truenobd-webfont.woff2') format('woff2');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-family: "truenoregular_italic";
|
||||
src: url("../fonts/trueno/truenorgit-webfont.woff") format("woff"),
|
||||
url("../fonts/trueno/truenorgit-webfont.woff2") format("woff2");
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'truenobold_italic';
|
||||
src: url('../fonts/trueno/truenobdit-webfont.woff') format('woff'),
|
||||
url('../fonts/trueno/truenobdit-webfont.woff2') format('woff2');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-family: "truenobold";
|
||||
src: url("../fonts/trueno/truenobd-webfont.woff") format("woff"),
|
||||
url("../fonts/trueno/truenobd-webfont.woff2") format("woff2");
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "truenobold_italic";
|
||||
src: url("../fonts/trueno/truenobdit-webfont.woff") format("woff"),
|
||||
url("../fonts/trueno/truenobdit-webfont.woff2") format("woff2");
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
#block-renderedsitesettingsblock-2{
|
||||
.site_setting_entity{
|
||||
h1{
|
||||
font-family: 'dukefill';
|
||||
#block-renderedsitesettingsblock-2 {
|
||||
.site_setting_entity {
|
||||
h1 {
|
||||
font-family: "dukefill";
|
||||
font-size: 2rem;
|
||||
line-height: 2rem;
|
||||
text-transform: uppercase;
|
||||
@@ -81,115 +79,126 @@
|
||||
align-self: stretch;
|
||||
margin: auto;
|
||||
}
|
||||
.__info_colloque{
|
||||
& > div{
|
||||
&:first-child{
|
||||
font-family: 'truenoregular';
|
||||
.__info_colloque {
|
||||
& > div {
|
||||
&:first-child {
|
||||
font-family: "truenoregular";
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
&:last-child{
|
||||
font-family: 'truenoregular';
|
||||
font-weight: bold;
|
||||
font-size: 0.7rem;
|
||||
line-height: 1;
|
||||
&:last-child {
|
||||
font-family: "truenoregular";
|
||||
font-weight: bold;
|
||||
font-size: 0.7rem;
|
||||
line-height: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
form{
|
||||
label{
|
||||
font-family: 'truenolight';
|
||||
form {
|
||||
label {
|
||||
font-family: "truenolight";
|
||||
}
|
||||
.select-items{
|
||||
div{
|
||||
font-family: 'truenolight';
|
||||
.select-items {
|
||||
div {
|
||||
font-family: "truenolight";
|
||||
}
|
||||
}
|
||||
.select-selected{
|
||||
font-family: 'truenoregular';
|
||||
.select-selected {
|
||||
font-family: "truenoregular";
|
||||
}
|
||||
input{
|
||||
font-family: 'truenolight';
|
||||
input {
|
||||
font-family: "truenolight";
|
||||
}
|
||||
}
|
||||
|
||||
.thumbnails{
|
||||
&.programme{
|
||||
.__content{
|
||||
font-family: 'truenobold';
|
||||
.thumbnails {
|
||||
&.programme {
|
||||
.__content {
|
||||
font-family: "truenobold";
|
||||
font-size: 1rem;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
}
|
||||
&.publications{
|
||||
.__content{
|
||||
div{
|
||||
font-family: 'cormorantBold';
|
||||
&.publications {
|
||||
.__content {
|
||||
div {
|
||||
font-family: "cormorantBold";
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
span{
|
||||
font-family: 'cormorantBoldItalic';
|
||||
span {
|
||||
font-family: "cormorantBoldItalic";
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
&.bibliographie{
|
||||
&.interviews {
|
||||
.__content {
|
||||
div {
|
||||
font-family: "cormorantBold";
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
span {
|
||||
font-family: "cormorantBoldItalic";
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
&.bibliographie {
|
||||
background: transparent;
|
||||
div,p{
|
||||
font-family: 'cormorantBold';
|
||||
div,
|
||||
p {
|
||||
font-family: "cormorantBold";
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
span{
|
||||
font-family: 'cormorantBoldItalic';
|
||||
span {
|
||||
font-family: "cormorantBoldItalic";
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// thumbnails_participants
|
||||
.thumbnails_participants{
|
||||
.thumbnails_participants {
|
||||
@include shadow_participants;
|
||||
*{
|
||||
color: $color2;
|
||||
}
|
||||
.__name{
|
||||
font-family: 'truenoregular';
|
||||
font-size: 1rem;
|
||||
}
|
||||
.__qualite{
|
||||
font-family: 'truenoregular_italic';
|
||||
font-size: 0.8rem;
|
||||
}
|
||||
* {
|
||||
color: $color2;
|
||||
}
|
||||
.__name {
|
||||
font-family: "truenoregular";
|
||||
font-size: 1rem;
|
||||
}
|
||||
.__qualite {
|
||||
font-family: "truenoregular_italic";
|
||||
font-size: 0.8rem;
|
||||
}
|
||||
}
|
||||
|
||||
.paragraph--type--role-de-l-intervenant{
|
||||
.___title_inter{
|
||||
div{
|
||||
font-family: 'truenobold';
|
||||
font-size: 0.8rem;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.paragraph--type--role-de-l-intervenant {
|
||||
.___title_inter {
|
||||
div {
|
||||
font-family: "truenobold";
|
||||
font-size: 0.8rem;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// page shadow_participants
|
||||
article{
|
||||
&.participant_full{
|
||||
.__auteur{
|
||||
h2{
|
||||
font-family: 'truenoregular';
|
||||
article {
|
||||
&.participant_full {
|
||||
.__auteur {
|
||||
h2 {
|
||||
font-family: "truenoregular";
|
||||
font-size: 2rem;
|
||||
line-height: 1;
|
||||
letter-spacing: normal;
|
||||
|
||||
}
|
||||
}
|
||||
.status{
|
||||
div{
|
||||
font-family: 'truenoregular_italic';
|
||||
.status {
|
||||
div {
|
||||
font-family: "truenoregular_italic";
|
||||
color: $color2;
|
||||
font-size: 1rem;
|
||||
line-height: 1.2rem;
|
||||
|
||||
@@ -1,18 +1,18 @@
|
||||
header{
|
||||
#block-mainnavigation{
|
||||
ul{
|
||||
li{
|
||||
header {
|
||||
#block-mainnavigation {
|
||||
ul {
|
||||
li {
|
||||
font-size: 0.8rem;
|
||||
a{
|
||||
a {
|
||||
color: black;
|
||||
font-family: 'truenoregular';
|
||||
&.is-active{
|
||||
font-family: 'truenobold';
|
||||
font-family: "truenoregular";
|
||||
&.is-active {
|
||||
font-family: "truenobold";
|
||||
color: black;
|
||||
text-decoration: none;
|
||||
}
|
||||
&:hover{
|
||||
font-family: 'truenobold';
|
||||
&:hover {
|
||||
font-family: "truenobold";
|
||||
color: black;
|
||||
text-decoration: none;
|
||||
}
|
||||
@@ -22,159 +22,159 @@ header{
|
||||
}
|
||||
}
|
||||
|
||||
#txt_present{
|
||||
margin: 3rem 0;
|
||||
@media screen and (min-width: 992px) {
|
||||
margin: 5rem 0;
|
||||
}
|
||||
#txt_present {
|
||||
margin: 3rem 0;
|
||||
@media screen and (min-width: 992px) {
|
||||
margin: 5rem 0;
|
||||
}
|
||||
|
||||
& * {
|
||||
color: $color2;
|
||||
}
|
||||
& * {
|
||||
color: $color2;
|
||||
}
|
||||
|
||||
& > div{
|
||||
margin: 2rem auto;
|
||||
}
|
||||
& > div {
|
||||
margin: 2rem auto;
|
||||
}
|
||||
|
||||
.__title-present{
|
||||
h2{
|
||||
font-size: 1.9rem;
|
||||
font-family: 'truenoregular';
|
||||
line-height: normal;
|
||||
}
|
||||
}
|
||||
.__title-present {
|
||||
h2 {
|
||||
font-size: 1.9rem;
|
||||
font-family: "truenoregular";
|
||||
line-height: normal;
|
||||
}
|
||||
}
|
||||
|
||||
.__sub-title-present{
|
||||
p{
|
||||
font-family: 'truenoregular_italic';
|
||||
font-size: 0.9rem;
|
||||
line-height: 1.3rem;
|
||||
}
|
||||
}
|
||||
.__sub-title-present {
|
||||
p {
|
||||
font-family: "truenoregular_italic";
|
||||
font-size: 0.9rem;
|
||||
line-height: 1.3rem;
|
||||
}
|
||||
}
|
||||
|
||||
.__body-present{
|
||||
p{
|
||||
font-family: 'truenolight';
|
||||
font-size: 1.2rem;
|
||||
line-height: 1.8rem;
|
||||
}
|
||||
}
|
||||
|
||||
.more_link{
|
||||
padding: 0rem 1rem 0.2rem 1rem;
|
||||
background: white;
|
||||
a{
|
||||
font-size: 0.7rem
|
||||
}
|
||||
}
|
||||
.__body-present {
|
||||
p {
|
||||
font-family: "truenolight";
|
||||
font-size: 1.2rem;
|
||||
line-height: 1.8rem;
|
||||
}
|
||||
}
|
||||
|
||||
.more_link {
|
||||
padding: 0rem 1rem 0.2rem 1rem;
|
||||
background: white;
|
||||
a {
|
||||
font-size: 0.7rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#block-views-block-dernieres-publications-block-1{
|
||||
.views{
|
||||
section:not(.wrap_head){
|
||||
#block-views-block-dernieres-publications-block-1,
|
||||
#block-views-block-slide-interviews-block-1 {
|
||||
.views {
|
||||
section:not(.wrap_head) {
|
||||
margin: 1rem 0;
|
||||
@media screen and (min-width: 768px) {
|
||||
margin: 1rem calc( 0rem - #{$gutter});
|
||||
margin: 1rem calc(0rem - #{$gutter});
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#block-views-block-gallerie-block-1{
|
||||
section:not(.wrap_head){
|
||||
#block-views-block-gallerie-block-1 {
|
||||
section:not(.wrap_head) {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
margin:0 -1rem!important;
|
||||
figure{
|
||||
margin: 0 -1rem !important;
|
||||
figure {
|
||||
padding: 1rem;
|
||||
margin: 0;
|
||||
width: 100%;
|
||||
max-height: 400px;
|
||||
@media screen and (min-width: 768px) {
|
||||
width: calc( 100% / 3);
|
||||
width: calc(100% / 3);
|
||||
max-height: 300px;
|
||||
}
|
||||
@media screen and (min-width: 1024px) {
|
||||
width: calc( 100% / 6);
|
||||
max-height:200px;
|
||||
width: calc(100% / 6);
|
||||
max-height: 200px;
|
||||
}
|
||||
img{
|
||||
img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
}
|
||||
}
|
||||
}
|
||||
.pager{
|
||||
.pager {
|
||||
text-align: center;
|
||||
margin: 2rem;
|
||||
.wrap--btn{
|
||||
a{
|
||||
.wrap--btn {
|
||||
a {
|
||||
@include shadow;
|
||||
background: white;
|
||||
width: fit-content;
|
||||
margin: auto;
|
||||
padding: 0.5rem 1rem;
|
||||
padding: 0.5rem 1rem;
|
||||
font-size: 12px;
|
||||
display: block;
|
||||
font-family: 'truenobold';
|
||||
font-family: "truenobold";
|
||||
color: $color2;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.lightbox{
|
||||
position: fixed!important;
|
||||
top: 50%!important;
|
||||
transform: translateY(-50%)!important;
|
||||
}
|
||||
.lightbox {
|
||||
position: fixed !important;
|
||||
top: 50% !important;
|
||||
transform: translateY(-50%) !important;
|
||||
}
|
||||
|
||||
.lb-dataContainer{
|
||||
.lb-dataContainer {
|
||||
width: 100%;
|
||||
background:white;
|
||||
.lb-details{
|
||||
background: white;
|
||||
.lb-details {
|
||||
width: 100%;
|
||||
}
|
||||
span{
|
||||
span {
|
||||
display: block;
|
||||
text-align: center;
|
||||
color: black;
|
||||
}
|
||||
.lb-number{
|
||||
font-family: 'truenobold';
|
||||
padding-bottom:0;
|
||||
.lb-number {
|
||||
font-family: "truenobold";
|
||||
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-dernieres-publications-block-1,
|
||||
#block-views-block-slide-interviews-block-1 {
|
||||
margin: 2rem 0;
|
||||
@media screen and (min-width: 992px) {
|
||||
margin: 5rem 0;
|
||||
}
|
||||
h3{
|
||||
h3 {
|
||||
text-transform: uppercase;
|
||||
margin: 0;
|
||||
font-family: 'dukefill';
|
||||
font-family: "dukefill";
|
||||
font-size: 2rem;
|
||||
letter-spacing: $letter_spacingH;
|
||||
color: $color2
|
||||
color: $color2;
|
||||
}
|
||||
}
|
||||
|
||||
#block-views-block-slide-programme-block-1{
|
||||
h3{
|
||||
&::after{
|
||||
display: inline-flex;
|
||||
#block-views-block-slide-programme-block-1 {
|
||||
h3 {
|
||||
&::after {
|
||||
display: inline-flex;
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
vertical-align: middle;
|
||||
margin-left:20px;
|
||||
margin-left: 20px;
|
||||
@include labelOnline;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -0,0 +1,30 @@
|
||||
article {
|
||||
&.interviews {
|
||||
.__wrap_content {
|
||||
.__head {
|
||||
& * {
|
||||
color: $color2;
|
||||
}
|
||||
.__auteur {
|
||||
div {
|
||||
font-family: "cormorantBold";
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
}
|
||||
.__titre {
|
||||
span {
|
||||
font-family: "cormorantBoldItalic";
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
}
|
||||
.__info {
|
||||
margin: 1rem 0;
|
||||
div {
|
||||
font-family: "cormorantBold";
|
||||
font-size: 1rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,16 +1,16 @@
|
||||
main:not(.home){
|
||||
main:not(.home) {
|
||||
@media screen and (min-width: 768px) {
|
||||
padding: 1.5rem 0!important;
|
||||
padding: 1.5rem 0 !important;
|
||||
}
|
||||
@media screen and (min-width: 992px) {
|
||||
padding: 4rem 0!important;
|
||||
padding: 4rem 0 !important;
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
body{
|
||||
body {
|
||||
position: relative;
|
||||
&::before{
|
||||
&::before {
|
||||
z-index: -1;
|
||||
content: " ";
|
||||
width: 100%;
|
||||
@@ -22,15 +22,16 @@ body{
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
&::after{
|
||||
&::after {
|
||||
z-index: -1;
|
||||
content: " ";
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background:
|
||||
linear-gradient(
|
||||
background: linear-gradient(
|
||||
to top,
|
||||
rgba(255, 255, 255, 0.8), white, rgba(255, 255, 255, 0.8)
|
||||
rgba(255, 255, 255, 0.8),
|
||||
white,
|
||||
rgba(255, 255, 255, 0.8)
|
||||
);
|
||||
display: block;
|
||||
position: absolute;
|
||||
@@ -40,14 +41,15 @@ body{
|
||||
}
|
||||
}
|
||||
|
||||
article{
|
||||
.__title{
|
||||
article {
|
||||
.__title {
|
||||
@include croix_or;
|
||||
}
|
||||
&.publications{
|
||||
&.publications,
|
||||
&.interviews {
|
||||
margin-top: 1rem;
|
||||
.paragraph--type--images{
|
||||
img{
|
||||
.paragraph--type--images {
|
||||
img {
|
||||
max-width: 100%;
|
||||
max-height: 400px;
|
||||
object-fit: contain;
|
||||
@@ -58,6 +60,6 @@ article{
|
||||
}
|
||||
}
|
||||
}
|
||||
h4{
|
||||
h4 {
|
||||
@include croix_or;
|
||||
}
|
||||
|
||||
@@ -1,8 +1,10 @@
|
||||
.participant_full{
|
||||
.__wrap_content{
|
||||
.participant_full {
|
||||
.__wrap_content {
|
||||
margin: 3rem auto;
|
||||
}
|
||||
.__publications,.__bibliographie{
|
||||
.__publications,
|
||||
.__bibliographie,
|
||||
.__interviews {
|
||||
margin: 3rem auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,6 +1,8 @@
|
||||
.publications, .bibliographie{
|
||||
.views{
|
||||
section{
|
||||
.publications,
|
||||
.bibliographie,
|
||||
.interviews {
|
||||
.views {
|
||||
section {
|
||||
@media screen and (min-width: 768px) {
|
||||
margin: 0 calc(0rem - #{$gutter});
|
||||
}
|
||||
@@ -8,10 +10,9 @@
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
#block-popsu-colloque-submenu{
|
||||
.is-active{
|
||||
color:white;
|
||||
background:#1d378eff;
|
||||
#block-popsu-colloque-submenu {
|
||||
.is-active {
|
||||
color: white;
|
||||
background: #1d378eff;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user