created colloque 2024 theme
This commit is contained in:
@@ -0,0 +1,180 @@
|
||||
header {
|
||||
#block-mainnavigation {
|
||||
ul {
|
||||
li {
|
||||
font-size: 0.8rem;
|
||||
a {
|
||||
color: black;
|
||||
font-family: "truenoregular";
|
||||
&.is-active {
|
||||
font-family: "truenobold";
|
||||
color: black;
|
||||
text-decoration: none;
|
||||
}
|
||||
&:hover {
|
||||
font-family: "truenobold";
|
||||
color: black;
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#txt_present {
|
||||
margin: 3rem 0;
|
||||
@media screen and (min-width: 992px) {
|
||||
margin: 5rem 0;
|
||||
}
|
||||
|
||||
& * {
|
||||
color: $color2;
|
||||
}
|
||||
|
||||
& > div {
|
||||
margin: 2rem auto;
|
||||
}
|
||||
|
||||
.__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;
|
||||
}
|
||||
}
|
||||
|
||||
.__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,
|
||||
#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});
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#block-views-block-gallerie-block-1 {
|
||||
section:not(.wrap_head) {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
margin: 0 -1rem !important;
|
||||
figure {
|
||||
padding: 1rem;
|
||||
margin: 0;
|
||||
width: 100%;
|
||||
max-height: 400px;
|
||||
@media screen and (min-width: 768px) {
|
||||
width: calc(100% / 3);
|
||||
max-height: 300px;
|
||||
}
|
||||
@media screen and (min-width: 1024px) {
|
||||
width: calc(100% / 6);
|
||||
max-height: 200px;
|
||||
}
|
||||
img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
}
|
||||
}
|
||||
}
|
||||
.pager {
|
||||
text-align: center;
|
||||
margin: 2rem;
|
||||
.wrap--btn {
|
||||
a {
|
||||
@include shadow;
|
||||
background: white;
|
||||
width: fit-content;
|
||||
margin: auto;
|
||||
padding: 0.5rem 1rem;
|
||||
font-size: 12px;
|
||||
display: block;
|
||||
font-family: "truenobold";
|
||||
color: $color2;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.lightbox {
|
||||
position: fixed !important;
|
||||
top: 50% !important;
|
||||
transform: translateY(-50%) !important;
|
||||
}
|
||||
|
||||
.lb-dataContainer {
|
||||
width: 100%;
|
||||
background: white;
|
||||
.lb-details {
|
||||
width: 100%;
|
||||
}
|
||||
span {
|
||||
display: block;
|
||||
text-align: center;
|
||||
color: black;
|
||||
}
|
||||
.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-slide-interviews-block-1 {
|
||||
margin: 2rem 0;
|
||||
@media screen and (min-width: 992px) {
|
||||
margin: 5rem 0;
|
||||
}
|
||||
h3 {
|
||||
text-transform: uppercase;
|
||||
margin: 0;
|
||||
font-family: "dukefill";
|
||||
font-size: 2rem;
|
||||
letter-spacing: $letter_spacingH;
|
||||
color: $color2;
|
||||
}
|
||||
}
|
||||
|
||||
#block-views-block-slide-programme-block-1 {
|
||||
h3 {
|
||||
&::after {
|
||||
display: inline-flex;
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
vertical-align: middle;
|
||||
margin-left: 20px;
|
||||
@include labelOnline;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,36 @@
|
||||
#block-popsu-colloque-page-title{
|
||||
margin:1.5rem auto;
|
||||
@include croix_or;
|
||||
@media screen and (min-width: 768px) {
|
||||
margin: 0 auto 1.5rem auto;
|
||||
}
|
||||
}
|
||||
|
||||
#info_prat_title{
|
||||
position: relative;
|
||||
&::after{
|
||||
display: inline-flex;
|
||||
position: absolute;
|
||||
right: 0px;
|
||||
top: 0px;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
vertical-align: middle;
|
||||
@include labelOnline;
|
||||
}
|
||||
@media screen and (min-width: 768px) {
|
||||
&::after{
|
||||
right: -20px;
|
||||
top: 10px;
|
||||
width: 150px;
|
||||
height: 150px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.geolocation-map-wrapper{
|
||||
height: 400px;
|
||||
.geolocation-map-container{
|
||||
height: inherit!important;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,33 @@
|
||||
.container.les_intervenants{
|
||||
padding-top: 1.5rem;
|
||||
@media screen and (min-width: 768px){
|
||||
padding-top: 0;
|
||||
}
|
||||
|
||||
.views-element-container{
|
||||
margin-top: 1rem;
|
||||
@media screen and (min-width: 768px){
|
||||
margin-top: 0rem;
|
||||
}
|
||||
}
|
||||
|
||||
.wrap-anchor-letter{
|
||||
margin-bottom: 3rem;
|
||||
a{
|
||||
font-size: 2rem;
|
||||
font-family: 'dukefill';
|
||||
color: $color1;
|
||||
}
|
||||
}
|
||||
|
||||
.letter-sort{
|
||||
font-size: 3rem;
|
||||
font-family: 'dukefill';
|
||||
color: $color2;
|
||||
}
|
||||
|
||||
section.row{
|
||||
margin-top: 2rem;
|
||||
margin-bottom: 6rem;
|
||||
}
|
||||
}
|
||||
@@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,65 @@
|
||||
main:not(.home) {
|
||||
@media screen and (min-width: 768px) {
|
||||
padding: 1.5rem 0 !important;
|
||||
}
|
||||
@media screen and (min-width: 992px) {
|
||||
padding: 4rem 0 !important;
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
body {
|
||||
position: relative;
|
||||
&::before {
|
||||
z-index: -1;
|
||||
content: " ";
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-image: url("../images/croix_fond.svg");
|
||||
background-size: content;
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
&::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 {
|
||||
.__title {
|
||||
@include croix_or;
|
||||
}
|
||||
&.publications,
|
||||
&.interviews {
|
||||
margin-top: 1rem;
|
||||
.paragraph--type--images {
|
||||
img {
|
||||
max-width: 100%;
|
||||
max-height: 400px;
|
||||
object-fit: contain;
|
||||
@media screen and (min-width: 992px) {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
h4 {
|
||||
@include croix_or;
|
||||
}
|
||||
@@ -0,0 +1,40 @@
|
||||
#moments{
|
||||
.__wrapper{
|
||||
.__title{
|
||||
margin: 0.5rem 0;
|
||||
}
|
||||
}
|
||||
.__wrap_side{
|
||||
margin-top: 0.5rem;
|
||||
}
|
||||
.__wrap_content{
|
||||
.__head{
|
||||
margin: 0.5rem 0;
|
||||
div{
|
||||
& > div{
|
||||
font-family: 'truenoregular';
|
||||
font-size: 0.8rem;
|
||||
padding-right: 0.5rem;
|
||||
&:not(:first-child){
|
||||
padding-left: 0.5rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.__content{
|
||||
max-height: calc(1.5rem * 12 );
|
||||
// 1.5rem = line-height if change don't forget script.js
|
||||
overflow: hidden;
|
||||
&.is_active{
|
||||
max-height: 100%!important;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 576px) {
|
||||
max-height: 100%;
|
||||
}
|
||||
}
|
||||
.more_link.is_active{
|
||||
display: none!important;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,10 @@
|
||||
.participant_full {
|
||||
.__wrap_content {
|
||||
margin: 3rem auto;
|
||||
}
|
||||
.__publications,
|
||||
.__bibliographie,
|
||||
.__interviews {
|
||||
margin: 3rem auto;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,14 @@
|
||||
#presentation{
|
||||
margin-top: 0.5rem;
|
||||
.__title{
|
||||
@media screen and (min-width: 768px) {
|
||||
margin: 1rem 0;
|
||||
}
|
||||
@media screen and (min-width: 992px) {
|
||||
margin: 2rem 0;
|
||||
}
|
||||
}
|
||||
.__wrapper{
|
||||
margin-top: 1rem;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,53 @@
|
||||
.container{
|
||||
&.programme{
|
||||
padding-top: 1.5rem;
|
||||
@media screen and (min-width: 768px) {
|
||||
padding-top: 0rem;
|
||||
}
|
||||
h2{
|
||||
position: relative;
|
||||
&::after{
|
||||
display: inline-flex;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
vertical-align: middle;
|
||||
@include labelOnline;
|
||||
@media screen and (min-width: 768px) {
|
||||
width: 150px;
|
||||
height: 150px;
|
||||
}
|
||||
}
|
||||
}
|
||||
h3{
|
||||
font-size: 1.5rem;
|
||||
font-family: 'truenolight';
|
||||
color: $col_black;
|
||||
}
|
||||
.views{
|
||||
section{
|
||||
.row{
|
||||
.__wrap_side{
|
||||
margin: 0 0 1rem 0;
|
||||
@media screen and (min-width: 768px) {
|
||||
margin: 0.5rem 0 0rem 0;
|
||||
}
|
||||
}
|
||||
& > div:not(.__wrap_side){
|
||||
@media screen and (min-width: 768px) {
|
||||
padding-left: 0;
|
||||
margin: 0 calc(0rem - #{$gutter});
|
||||
}
|
||||
}
|
||||
}
|
||||
&:not(:last-child){
|
||||
@include croix_or;
|
||||
& > .d-flex{
|
||||
padding: 0 0 2rem 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,30 @@
|
||||
article{
|
||||
&.publications{
|
||||
.__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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,18 @@
|
||||
.publications,
|
||||
.bibliographie,
|
||||
.interviews {
|
||||
.views {
|
||||
section {
|
||||
@media screen and (min-width: 768px) {
|
||||
margin: 0 calc(0rem - #{$gutter});
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#block-popsu-colloque-submenu {
|
||||
.is-active {
|
||||
color: white;
|
||||
background: #1d378eff;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,12 @@
|
||||
.search{
|
||||
section{
|
||||
& > div{
|
||||
h3{
|
||||
width: 100%;
|
||||
}
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user