created colloque 2024 theme
This commit is contained in:
@@ -0,0 +1,18 @@
|
|||||||
|
colloque2024.mobile:
|
||||||
|
label: mobile
|
||||||
|
mediaQuery: '(min-width: 0px)'
|
||||||
|
weight: 0
|
||||||
|
multipliers:
|
||||||
|
- 1x
|
||||||
|
colloque2024.narrow:
|
||||||
|
label: narrow
|
||||||
|
mediaQuery: 'all and (min-width: 480px) and (max-width: 959px)'
|
||||||
|
weight: 1
|
||||||
|
multipliers:
|
||||||
|
- 1x
|
||||||
|
colloque2024.wide:
|
||||||
|
label: wide
|
||||||
|
mediaQuery: 'all and (min-width: 960px)'
|
||||||
|
weight: 2
|
||||||
|
multipliers:
|
||||||
|
- 1x
|
||||||
@@ -0,0 +1,22 @@
|
|||||||
|
name: colloque2024
|
||||||
|
type: theme
|
||||||
|
description: 'Design et developement Figures Libres'
|
||||||
|
package: Core
|
||||||
|
version: VERSION
|
||||||
|
core_version_requirement: ^9.2 || ^10
|
||||||
|
base theme: false
|
||||||
|
libraries:
|
||||||
|
- colloque2024/global-styling
|
||||||
|
- colloque2024/global-scripts
|
||||||
|
|
||||||
|
regions:
|
||||||
|
header: Header
|
||||||
|
primary_menu: 'Primary menu'
|
||||||
|
highlighted: Highlighted
|
||||||
|
filter: 'Filter'
|
||||||
|
content: Content
|
||||||
|
complement_participant: 'Complement Participant'
|
||||||
|
sidebar_first: 'Sidebar first'
|
||||||
|
sidebar_second: 'Sidebar second'
|
||||||
|
footer: 'Footer'
|
||||||
|
|
||||||
@@ -0,0 +1,18 @@
|
|||||||
|
global-styling:
|
||||||
|
version: VERSION
|
||||||
|
css:
|
||||||
|
theme:
|
||||||
|
css/bootstrap/css/bootstrap-reboot.min.css: {}
|
||||||
|
css/bootstrap/css/bootstrap.min.css: {}
|
||||||
|
css-compiled/lightbox.css: {}
|
||||||
|
css-compiled/index.min.css: {}
|
||||||
|
|
||||||
|
global-scripts:
|
||||||
|
js:
|
||||||
|
css/bootstrap/js/bootstrap.min.js: {}
|
||||||
|
js/lazysizes.min.js: {}
|
||||||
|
js/flickity.pkgd.min.js: {}
|
||||||
|
js/lightbox.js: {}
|
||||||
|
js/script.js: {}
|
||||||
|
dependencies:
|
||||||
|
- core/jquery
|
||||||
@@ -0,0 +1,5 @@
|
|||||||
|
# Schema for the configuration files of the popsu_colloque theme.
|
||||||
|
|
||||||
|
colloque2024.settings:
|
||||||
|
type: theme_settings
|
||||||
|
label: 'colloque 2024 settings'
|
||||||
@@ -0,0 +1,7 @@
|
|||||||
|
#txt_present { margin: 2rem 0; }
|
||||||
|
|
||||||
|
#txt_present > div { margin: 2rem auto; }
|
||||||
|
|
||||||
|
#txt_present .more_link { padding: 0rem 1rem 0.2rem 1rem; background: white; }
|
||||||
|
|
||||||
|
/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZnJvbnQuY3NzIiwic291cmNlcyI6WyJmcm9udC5zY3NzIl0sInNvdXJjZXNDb250ZW50IjpbIiN0eHRfcHJlc2VudHtcbiBtYXJnaW46IDJyZW0gMDtcbiAmICoge1xuICAgLy8gY29sb3I6ICRjb2xvcjI7XG4gfVxuICYgPiBkaXZ7XG4gICBtYXJnaW46IDJyZW0gYXV0bztcbiB9XG4gLm1vcmVfbGlua3tcbiAgIHBhZGRpbmc6IDByZW0gMXJlbSAwLjJyZW0gMXJlbTtcbiAgIGJhY2tncm91bmQ6IHdoaXRlO1xuIH1cbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxBQUFBLFlBQVksQ0FBQSxFQUNYLE1BQU0sRUFBRSxNQUFNLEdBV2Q7O0FBWkQsQUFLQyxZQUxXLEdBS1AsR0FBRyxDQUFBLEVBQ0wsTUFBTSxFQUFFLFNBQVMsR0FDbEI7O0FBUEYsQUFRQyxZQVJXLENBUVgsVUFBVSxDQUFBLEVBQ1IsT0FBTyxFQUFFLHFCQUFxQixFQUM5QixVQUFVLEVBQUUsS0FBSyxHQUNsQiJ9 */
|
||||||
@@ -0,0 +1 @@
|
|||||||
|
#txt_present{margin:2rem 0}#txt_present>div{margin:2rem auto}#txt_present .more_link{padding:0 1rem .2rem 1rem;background:#fff}
|
||||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -0,0 +1 @@
|
|||||||
|
#block-popsu-colloque-local-tasks ul{display:flex;margin-top:2rem;margin-bottom:0;padding:0}#block-popsu-colloque-local-tasks ul li{margin:.5rem}#toolbar-administration{position:fixed;z-index:1000}body,html{font-size:16px;line-height:1.2}li,ol,ul{list-style:none}h1,h2,h3,h4{margin:0;padding:0}header{height:130px;padding:0 1rem}header div{height:inherit}#block-popsu-colloque-branding{position:relative;z-index:999;width:100%;padding:1rem 0 0 0}#block-popsu-colloque-branding>div>a{position:relative;display:inline-block;height:8rem;max-height:150px}#block-popsu-colloque-branding>div>a img{width:auto;height:100%;-o-object-fit:contain;object-fit:contain}#block-mainnavigation{display:flex;width:auto;padding-bottom:1rem;border-left:1px solid red;align-items:flex-end}#block-mainnavigation ul{flex-wrap:nowrap}#block-mainnavigation ul li{padding:0 1rem;border-right:1px solid #000}#block-mainnavigation ul li a{white-space:nowrap}.site_setting_entity img{width:50%;height:auto}.__img-hero img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}#txt_present>div{margin:2rem auto}#block-views-block-dernieres-publications-block-1 .views section:first-child,#block-views-block-slide-programme-block-1 .views section:first-child{display:flex;width:100%;justify-content:space-between;align-items:baseline}.side_notes img,article img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.side_notes{position:relative}.side_notes>*{position:absolute;width:300px}.side_notes .d-flex{flex-direction:column}.__slide .thumbnails{width:calc(100% / 5);max-width:300px;height:auto;margin:1rem 0;transition:.3s transform ease,.3s box-shadow ease;transform:scale(1);background:#fff;box-shadow:none}.__slide .thumbnails:hover{transition:.3s all ease;transform:scale(1.05);box-shadow:0 0 3px 3px #00f}.__slide .thumbnails>.__wrap{padding:1rem}.__slide .thumbnails .__media{margin-right:1rem}.__slide .thumbnails .__media figcaption{height:100%}.__slide .thumbnails .__media figcaption img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.__slide .thumbnails .d-flex{padding:1rem}.thumbnails figcaption{height:100px}.thumbnails figcaption img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
|
||||||
@@ -0,0 +1,204 @@
|
|||||||
|
body.lb-disable-scrolling {
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.lightboxOverlay {
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
z-index: 9999;
|
||||||
|
background-color: black;
|
||||||
|
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
|
||||||
|
opacity: 0.8;
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.lightbox {
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
z-index: 10000;
|
||||||
|
text-align: center;
|
||||||
|
line-height: 0;
|
||||||
|
font-weight: normal;
|
||||||
|
outline: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.lightbox .lb-image {
|
||||||
|
display: block;
|
||||||
|
height: auto;
|
||||||
|
max-width: inherit;
|
||||||
|
max-height: none;
|
||||||
|
border-radius: 3px;
|
||||||
|
|
||||||
|
/* Image border */
|
||||||
|
border: 4px solid white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.lightbox a img {
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.lb-outerContainer {
|
||||||
|
position: relative;
|
||||||
|
*zoom: 1;
|
||||||
|
width: 250px;
|
||||||
|
height: 250px;
|
||||||
|
margin: 0 auto;
|
||||||
|
border-radius: 4px;
|
||||||
|
|
||||||
|
/* Background color behind image.
|
||||||
|
This is visible during transitions. */
|
||||||
|
background-color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.lb-outerContainer:after {
|
||||||
|
content: "";
|
||||||
|
display: table;
|
||||||
|
clear: both;
|
||||||
|
}
|
||||||
|
|
||||||
|
.lb-loader {
|
||||||
|
position: absolute;
|
||||||
|
top: 43%;
|
||||||
|
left: 0;
|
||||||
|
height: 25%;
|
||||||
|
width: 100%;
|
||||||
|
text-align: center;
|
||||||
|
line-height: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.lb-cancel {
|
||||||
|
display: block;
|
||||||
|
width: 32px;
|
||||||
|
height: 32px;
|
||||||
|
margin: 0 auto;
|
||||||
|
background: url(../images/loading.gif) no-repeat;
|
||||||
|
}
|
||||||
|
|
||||||
|
.lb-nav {
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
height: 100%;
|
||||||
|
width: 100%;
|
||||||
|
z-index: 10;
|
||||||
|
}
|
||||||
|
|
||||||
|
.lb-container > .nav {
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.lb-nav a {
|
||||||
|
outline: none;
|
||||||
|
background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
|
||||||
|
}
|
||||||
|
|
||||||
|
.lb-prev, .lb-next {
|
||||||
|
height: 100%;
|
||||||
|
cursor: pointer;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.lb-nav a.lb-prev {
|
||||||
|
width: 34%;
|
||||||
|
left: 0;
|
||||||
|
float: left;
|
||||||
|
background: url(../images/prev.png) left 48% no-repeat;
|
||||||
|
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
|
||||||
|
opacity: 0;
|
||||||
|
-webkit-transition: opacity 0.6s;
|
||||||
|
-moz-transition: opacity 0.6s;
|
||||||
|
-o-transition: opacity 0.6s;
|
||||||
|
transition: opacity 0.6s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.lb-nav a.lb-prev:hover {
|
||||||
|
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.lb-nav a.lb-next {
|
||||||
|
width: 64%;
|
||||||
|
right: 0;
|
||||||
|
float: right;
|
||||||
|
background: url(../images/next.png) right 48% no-repeat;
|
||||||
|
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
|
||||||
|
opacity: 0;
|
||||||
|
-webkit-transition: opacity 0.6s;
|
||||||
|
-moz-transition: opacity 0.6s;
|
||||||
|
-o-transition: opacity 0.6s;
|
||||||
|
transition: opacity 0.6s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.lb-nav a.lb-next:hover {
|
||||||
|
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.lb-dataContainer {
|
||||||
|
margin: 0 auto;
|
||||||
|
padding-top: 5px;
|
||||||
|
*zoom: 1;
|
||||||
|
width: 100%;
|
||||||
|
border-bottom-left-radius: 4px;
|
||||||
|
border-bottom-right-radius: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.lb-dataContainer:after {
|
||||||
|
content: "";
|
||||||
|
display: table;
|
||||||
|
clear: both;
|
||||||
|
}
|
||||||
|
|
||||||
|
.lb-data {
|
||||||
|
padding: 0 4px;
|
||||||
|
color: #ccc;
|
||||||
|
}
|
||||||
|
|
||||||
|
.lb-data .lb-details {
|
||||||
|
width: 85%;
|
||||||
|
float: left;
|
||||||
|
text-align: left;
|
||||||
|
line-height: 1.1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.lb-data .lb-caption {
|
||||||
|
font-size: 13px;
|
||||||
|
font-weight: bold;
|
||||||
|
line-height: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.lb-data .lb-caption a {
|
||||||
|
color: #4ae;
|
||||||
|
}
|
||||||
|
|
||||||
|
.lb-data .lb-number {
|
||||||
|
display: block;
|
||||||
|
clear: left;
|
||||||
|
padding-bottom: 1em;
|
||||||
|
font-size: 12px;
|
||||||
|
color: #999999;
|
||||||
|
}
|
||||||
|
|
||||||
|
.lb-data .lb-close {
|
||||||
|
display: block;
|
||||||
|
float: right;
|
||||||
|
width: 30px;
|
||||||
|
height: 30px;
|
||||||
|
background: url(../images/close.png) top right no-repeat;
|
||||||
|
text-align: right;
|
||||||
|
outline: none;
|
||||||
|
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
|
||||||
|
opacity: 0.7;
|
||||||
|
-webkit-transition: opacity 0.2s;
|
||||||
|
-moz-transition: opacity 0.2s;
|
||||||
|
-o-transition: opacity 0.2s;
|
||||||
|
transition: opacity 0.2s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.lb-data .lb-close:hover {
|
||||||
|
cursor: pointer;
|
||||||
|
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
@@ -0,0 +1,9 @@
|
|||||||
|
@font-face { font-family: 'dukefill'; src: url("../fonts/duke_fill-webfont.woff2") format("woff2"), url("../fonts/duke_fill-webfont.woff") format("woff"); font-weight: normal; font-style: normal; }
|
||||||
|
|
||||||
|
main h2 { font-family: 'dukefill'; text-transform: capitalize; font-family: 1rem; }
|
||||||
|
|
||||||
|
main h3 { text-transform: uppercase; margin: 2rem 0; }
|
||||||
|
|
||||||
|
.more_link span { padding-left: 0.5rem; }
|
||||||
|
|
||||||
|
/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwb2dyYXBoeS5jc3MiLCJzb3VyY2VzIjpbInR5cG9ncmFwaHkuc2NzcyJdLCJzb3VyY2VzQ29udGVudCI6WyJAZm9udC1mYWNlIHtcbiAgICBmb250LWZhbWlseTogJ2R1a2VmaWxsJztcbiAgICBzcmM6IHVybCgnLi4vZm9udHMvZHVrZV9maWxsLXdlYmZvbnQud29mZjInKSBmb3JtYXQoJ3dvZmYyJyksXG4gICAgICAgICB1cmwoJy4uL2ZvbnRzL2R1a2VfZmlsbC13ZWJmb250LndvZmYnKSBmb3JtYXQoJ3dvZmYnKTtcbiAgICBmb250LXdlaWdodDogbm9ybWFsO1xuICAgIGZvbnQtc3R5bGU6IG5vcm1hbDtcblxufVxuXG5tYWlue1xuICBoMntcbiAgICBmb250LWZhbWlseTogJ2R1a2VmaWxsJztcbiAgICB0ZXh0LXRyYW5zZm9ybTogY2FwaXRhbGl6ZTtcbiAgICBmb250LWZhbWlseTogMXJlbTtcbiAgfVxuICBoMiwgYXtcbiAgICAvLyBjb2xvcjogJGNvbG9yMjtcbiAgfVxuICBoM3tcbiAgICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuICAgIG1hcmdpbjogMnJlbSAwO1xuICB9XG4gIC5ibHVlLCAjdHh0X3ByZXNlbnR7XG4gICAgLy8gY29sb3I6ICRjb2xvcjI7XG4gIH1cblxuICAjYmxvY2stdmlld3MtYmxvY2stc2xpZGUtcHJvZ3JhbW1lLWJsb2NrLTF7XG4gICAgLnRodW1ibmFpbHMgYXtcbiAgICAgIC8vIGNvbG9yOiAkY29sX2JsYWNrO1xuICAgIH1cbiAgfVxufVxuXG4ubW9yZV9saW5re1xuICBzcGFue1xuICAgIHBhZGRpbmctbGVmdDogMC41cmVtO1xuICB9XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsVUFBVSxHQUNOLFdBQVcsRUFBRSxVQUFVLEVBQ3ZCLEdBQUcsRUFBRSx1Q0FBdUMsQ0FBQyxlQUFlLEVBQ3ZELHNDQUFzQyxDQUFDLGNBQWMsRUFDMUQsV0FBVyxFQUFFLE1BQU0sRUFDbkIsVUFBVSxFQUFFLE1BQU07O0FBSXRCLEFBQ0UsSUFERSxDQUNGLEVBQUUsQ0FBQSxFQUNBLFdBQVcsRUFBRSxVQUFVLEVBQ3ZCLGNBQWMsRUFBRSxVQUFVLEVBQzFCLFdBQVcsRUFBRSxJQUFJLEdBQ2xCOztBQUxILEFBU0UsSUFURSxDQVNGLEVBQUUsQ0FBQSxFQUNBLGNBQWMsRUFBRSxTQUFTLEVBQ3pCLE1BQU0sRUFBRSxNQUFNLEdBQ2Y7O0FBWUgsQUFDRSxVQURRLENBQ1IsSUFBSSxDQUFBLEVBQ0YsWUFBWSxFQUFFLE1BQU0sR0FDckIifQ== */
|
||||||
@@ -0,0 +1 @@
|
|||||||
|
@font-face{font-family:dukefill;font-weight:400;font-style:normal;src:url(../fonts/duke_fill-webfont.woff2) format('woff2'),url(../fonts/duke_fill-webfont.woff) format('woff')}main h2{font-family:dukefill;font-family:1rem;text-transform:capitalize}main h3{margin:2rem 0;text-transform:uppercase}.more_link span{padding-left:.5rem}
|
||||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -0,0 +1,325 @@
|
|||||||
|
/*!
|
||||||
|
* Bootstrap Reboot v4.5.0 (https://getbootstrap.com/)
|
||||||
|
* Copyright 2011-2020 The Bootstrap Authors
|
||||||
|
* Copyright 2011-2020 Twitter, Inc.
|
||||||
|
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
||||||
|
* Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
|
||||||
|
*/
|
||||||
|
*,
|
||||||
|
*::before,
|
||||||
|
*::after {
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
html {
|
||||||
|
font-family: sans-serif;
|
||||||
|
line-height: 1.15;
|
||||||
|
-webkit-text-size-adjust: 100%;
|
||||||
|
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
||||||
|
}
|
||||||
|
|
||||||
|
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
margin: 0;
|
||||||
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
||||||
|
font-size: 1rem;
|
||||||
|
font-weight: 400;
|
||||||
|
line-height: 1.5;
|
||||||
|
color: #212529;
|
||||||
|
text-align: left;
|
||||||
|
background-color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
[tabindex="-1"]:focus:not(:focus-visible) {
|
||||||
|
outline: 0 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
hr {
|
||||||
|
box-sizing: content-box;
|
||||||
|
height: 0;
|
||||||
|
overflow: visible;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1, h2, h3, h4, h5, h6 {
|
||||||
|
margin-top: 0;
|
||||||
|
margin-bottom: 0.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
p {
|
||||||
|
margin-top: 0;
|
||||||
|
margin-bottom: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
abbr[title],
|
||||||
|
abbr[data-original-title] {
|
||||||
|
text-decoration: underline;
|
||||||
|
-webkit-text-decoration: underline dotted;
|
||||||
|
text-decoration: underline dotted;
|
||||||
|
cursor: help;
|
||||||
|
border-bottom: 0;
|
||||||
|
-webkit-text-decoration-skip-ink: none;
|
||||||
|
text-decoration-skip-ink: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
address {
|
||||||
|
margin-bottom: 1rem;
|
||||||
|
font-style: normal;
|
||||||
|
line-height: inherit;
|
||||||
|
}
|
||||||
|
|
||||||
|
ol,
|
||||||
|
ul,
|
||||||
|
dl {
|
||||||
|
margin-top: 0;
|
||||||
|
margin-bottom: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
ol ol,
|
||||||
|
ul ul,
|
||||||
|
ol ul,
|
||||||
|
ul ol {
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
dt {
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
|
||||||
|
dd {
|
||||||
|
margin-bottom: .5rem;
|
||||||
|
margin-left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
blockquote {
|
||||||
|
margin: 0 0 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
b,
|
||||||
|
strong {
|
||||||
|
font-weight: bolder;
|
||||||
|
}
|
||||||
|
|
||||||
|
small {
|
||||||
|
font-size: 80%;
|
||||||
|
}
|
||||||
|
|
||||||
|
sub,
|
||||||
|
sup {
|
||||||
|
position: relative;
|
||||||
|
font-size: 75%;
|
||||||
|
line-height: 0;
|
||||||
|
vertical-align: baseline;
|
||||||
|
}
|
||||||
|
|
||||||
|
sub {
|
||||||
|
bottom: -.25em;
|
||||||
|
}
|
||||||
|
|
||||||
|
sup {
|
||||||
|
top: -.5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: #007bff;
|
||||||
|
text-decoration: none;
|
||||||
|
background-color: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
a:hover {
|
||||||
|
color: #0056b3;
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
a:not([href]) {
|
||||||
|
color: inherit;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
a:not([href]):hover {
|
||||||
|
color: inherit;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
pre,
|
||||||
|
code,
|
||||||
|
kbd,
|
||||||
|
samp {
|
||||||
|
font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
|
||||||
|
font-size: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
pre {
|
||||||
|
margin-top: 0;
|
||||||
|
margin-bottom: 1rem;
|
||||||
|
overflow: auto;
|
||||||
|
-ms-overflow-style: scrollbar;
|
||||||
|
}
|
||||||
|
|
||||||
|
figure {
|
||||||
|
margin: 0 0 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
img {
|
||||||
|
vertical-align: middle;
|
||||||
|
border-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
svg {
|
||||||
|
overflow: hidden;
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
table {
|
||||||
|
border-collapse: collapse;
|
||||||
|
}
|
||||||
|
|
||||||
|
caption {
|
||||||
|
padding-top: 0.75rem;
|
||||||
|
padding-bottom: 0.75rem;
|
||||||
|
color: #6c757d;
|
||||||
|
text-align: left;
|
||||||
|
caption-side: bottom;
|
||||||
|
}
|
||||||
|
|
||||||
|
th {
|
||||||
|
text-align: inherit;
|
||||||
|
}
|
||||||
|
|
||||||
|
label {
|
||||||
|
display: inline-block;
|
||||||
|
margin-bottom: 0.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
button {
|
||||||
|
border-radius: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
button:focus {
|
||||||
|
outline: 1px dotted;
|
||||||
|
outline: 5px auto -webkit-focus-ring-color;
|
||||||
|
}
|
||||||
|
|
||||||
|
input,
|
||||||
|
button,
|
||||||
|
select,
|
||||||
|
optgroup,
|
||||||
|
textarea {
|
||||||
|
margin: 0;
|
||||||
|
font-family: inherit;
|
||||||
|
font-size: inherit;
|
||||||
|
line-height: inherit;
|
||||||
|
}
|
||||||
|
|
||||||
|
button,
|
||||||
|
input {
|
||||||
|
overflow: visible;
|
||||||
|
}
|
||||||
|
|
||||||
|
button,
|
||||||
|
select {
|
||||||
|
text-transform: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
[role="button"] {
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
select {
|
||||||
|
word-wrap: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
button,
|
||||||
|
[type="button"],
|
||||||
|
[type="reset"],
|
||||||
|
[type="submit"] {
|
||||||
|
-webkit-appearance: button;
|
||||||
|
}
|
||||||
|
|
||||||
|
button:not(:disabled),
|
||||||
|
[type="button"]:not(:disabled),
|
||||||
|
[type="reset"]:not(:disabled),
|
||||||
|
[type="submit"]:not(:disabled) {
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
button::-moz-focus-inner,
|
||||||
|
[type="button"]::-moz-focus-inner,
|
||||||
|
[type="reset"]::-moz-focus-inner,
|
||||||
|
[type="submit"]::-moz-focus-inner {
|
||||||
|
padding: 0;
|
||||||
|
border-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
input[type="radio"],
|
||||||
|
input[type="checkbox"] {
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
textarea {
|
||||||
|
overflow: auto;
|
||||||
|
resize: vertical;
|
||||||
|
}
|
||||||
|
|
||||||
|
fieldset {
|
||||||
|
min-width: 0;
|
||||||
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
|
border: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
legend {
|
||||||
|
display: block;
|
||||||
|
width: 100%;
|
||||||
|
max-width: 100%;
|
||||||
|
padding: 0;
|
||||||
|
margin-bottom: .5rem;
|
||||||
|
font-size: 1.5rem;
|
||||||
|
line-height: inherit;
|
||||||
|
color: inherit;
|
||||||
|
white-space: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
progress {
|
||||||
|
vertical-align: baseline;
|
||||||
|
}
|
||||||
|
|
||||||
|
[type="number"]::-webkit-inner-spin-button,
|
||||||
|
[type="number"]::-webkit-outer-spin-button {
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
[type="search"] {
|
||||||
|
outline-offset: -2px;
|
||||||
|
-webkit-appearance: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
[type="search"]::-webkit-search-decoration {
|
||||||
|
-webkit-appearance: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
::-webkit-file-upload-button {
|
||||||
|
font: inherit;
|
||||||
|
-webkit-appearance: button;
|
||||||
|
}
|
||||||
|
|
||||||
|
output {
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
summary {
|
||||||
|
display: list-item;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
template {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
[hidden] {
|
||||||
|
display: none !important;
|
||||||
|
}
|
||||||
|
/*# sourceMappingURL=bootstrap-reboot.css.map */
|
||||||
File diff suppressed because one or more lines are too long
@@ -0,0 +1,8 @@
|
|||||||
|
/*!
|
||||||
|
* Bootstrap Reboot v4.5.0 (https://getbootstrap.com/)
|
||||||
|
* Copyright 2011-2020 The Bootstrap Authors
|
||||||
|
* Copyright 2011-2020 Twitter, Inc.
|
||||||
|
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
||||||
|
* Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
|
||||||
|
*/*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}[tabindex="-1"]:focus:not(:focus-visible){outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[data-original-title],abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#007bff;text-decoration:none;background-color:transparent}a:hover{color:#0056b3;text-decoration:underline}a:not([href]){color:inherit;text-decoration:none}a:not([href]):hover{color:inherit;text-decoration:none}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto;-ms-overflow-style:scrollbar}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg{overflow:hidden;vertical-align:middle}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none!important}
|
||||||
|
/*# sourceMappingURL=bootstrap-reboot.min.css.map */
|
||||||
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -0,0 +1,48 @@
|
|||||||
|
form{
|
||||||
|
&.user-login-form{
|
||||||
|
padding: 2rem;
|
||||||
|
background: white;
|
||||||
|
width: 100%;
|
||||||
|
max-width: 300px;
|
||||||
|
margin: auto;
|
||||||
|
& > div {
|
||||||
|
&:not(:last-child){
|
||||||
|
margin-bottom: 2rem;
|
||||||
|
}
|
||||||
|
.js-form-required{
|
||||||
|
margin-bottom: 0;
|
||||||
|
font-family: 'truenoregular';
|
||||||
|
}
|
||||||
|
label{
|
||||||
|
font-size: 0.9rem;
|
||||||
|
}
|
||||||
|
input{
|
||||||
|
border: 2px solid $color2;
|
||||||
|
border-radius: 10px;
|
||||||
|
padding: 0.5rem;
|
||||||
|
width: 100%;
|
||||||
|
&:focus{
|
||||||
|
border: 2px solid $color1;
|
||||||
|
border-radius: 10px!important;
|
||||||
|
padding: 0.5rem!important;
|
||||||
|
outline: none!important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.description{
|
||||||
|
font-size: 0.6rem;
|
||||||
|
margin-top: 0.4rem;
|
||||||
|
font-family: 'truenolight';
|
||||||
|
}
|
||||||
|
}
|
||||||
|
#edit-actions{
|
||||||
|
display: flex;
|
||||||
|
input{
|
||||||
|
margin: auto;
|
||||||
|
background: white;
|
||||||
|
&:hover{
|
||||||
|
@include shadow;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,11 @@
|
|||||||
|
#block-popsu-colloque-local-tasks{
|
||||||
|
ul{
|
||||||
|
display: flex;
|
||||||
|
margin-top: 2rem;
|
||||||
|
margin-bottom: 0;
|
||||||
|
padding: 0;
|
||||||
|
li{
|
||||||
|
margin: 0.5rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,4 @@
|
|||||||
|
#toolbar-administration{
|
||||||
|
z-index: 99999;
|
||||||
|
position: fixed;
|
||||||
|
}
|
||||||
@@ -0,0 +1,55 @@
|
|||||||
|
.more_link{
|
||||||
|
@include shadow;
|
||||||
|
padding: 0rem 1rem 0.2rem 1rem;
|
||||||
|
background: white;
|
||||||
|
border-radius: 0;
|
||||||
|
a{
|
||||||
|
font-family: 'truenobold';
|
||||||
|
font-size: 0.6rem;
|
||||||
|
color: $color2;
|
||||||
|
span{
|
||||||
|
padding-left: 0.5rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#block-views-block-slide-programme-block-1,
|
||||||
|
#block-views-block-dernieres-publications-block-1{
|
||||||
|
.more_link{
|
||||||
|
margin: 0.5rem 0;
|
||||||
|
width: fit-content;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (min-width: 576px) {
|
||||||
|
#block-views-block-slide-programme-block-1,
|
||||||
|
#block-views-block-dernieres-publications-block-1{
|
||||||
|
.more_link{
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// BTN LIVE
|
||||||
|
.link_live{
|
||||||
|
margin: auto;
|
||||||
|
width: 100%;
|
||||||
|
& > div{
|
||||||
|
margin: 4rem auto;
|
||||||
|
a{
|
||||||
|
padding: 0.7rem 2rem;
|
||||||
|
background: $color2;
|
||||||
|
color: white!important;
|
||||||
|
font-family:'truenoregular';
|
||||||
|
text-transform: uppercase;
|
||||||
|
font-size:1rem;
|
||||||
|
&:hover{
|
||||||
|
@include shadow;
|
||||||
|
}
|
||||||
|
@media screen and (min-width: 576px) {
|
||||||
|
font-size:1rem;
|
||||||
|
padding: 0.7rem 4rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,22 @@
|
|||||||
|
@import "admin/edit.scss";
|
||||||
|
@import "admin/toolbar.scss";
|
||||||
|
@import "admin/connect.scss";
|
||||||
|
@import "header/header.scss";
|
||||||
|
@import "header/sub_menu.scss";
|
||||||
|
@import "forms/filter.scss";
|
||||||
|
@import "hero.scss";
|
||||||
|
@import "sidebar/rs.scss";
|
||||||
|
@import "sidebar/role_inter.scss";
|
||||||
|
@import "slides/flickity.scss";
|
||||||
|
@import "slides/slides.scss";
|
||||||
|
@import "thumbnails/thumbnails.scss";
|
||||||
|
@import "ressources.scss";
|
||||||
|
@import "btn/all_btn.scss";
|
||||||
|
@import "footer/footer.scss";
|
||||||
|
@import "leaflet/custom_leaflet.scss";
|
||||||
|
@import "paragraph/paragraphs.scss";
|
||||||
|
|
||||||
|
|
||||||
|
.video-embed-field-provider-youtube.video-embed-field-responsive-video{
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
@@ -0,0 +1,86 @@
|
|||||||
|
footer{
|
||||||
|
background: white;
|
||||||
|
width: 100%;
|
||||||
|
height: auto;
|
||||||
|
padding: 2rem 0 0 0;
|
||||||
|
margin-top:2rem;
|
||||||
|
& > .d-flex{
|
||||||
|
& > div{
|
||||||
|
margin-bottom: 1.5rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#block-renderedsitesettingsblock-5{
|
||||||
|
.site_setting_entity{
|
||||||
|
& > div{
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: nowrap;
|
||||||
|
@media screen and (min-width: 768px) {
|
||||||
|
display:block;
|
||||||
|
}
|
||||||
|
& > div{
|
||||||
|
width: calc((100% / 3) - #{$gutter});
|
||||||
|
@media screen and (min-width: 768px) {
|
||||||
|
width: calc((100% / 2) - #{$gutter});
|
||||||
|
max-width: 200px;
|
||||||
|
margin-bottom: 2rem;
|
||||||
|
}
|
||||||
|
&:first-child{
|
||||||
|
margin-right: $gutter;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#block-renderedsitesettingsblock-4{
|
||||||
|
.site_setting_entity{
|
||||||
|
& > div{
|
||||||
|
margin: 1rem 0;
|
||||||
|
&:first-child{
|
||||||
|
&::after,&:before{
|
||||||
|
margin: 0.5rem 0;
|
||||||
|
display: block;
|
||||||
|
content: " ";
|
||||||
|
width: 1rem;
|
||||||
|
height: 1px;
|
||||||
|
background: black;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.sub-title{
|
||||||
|
font-size: 1rem;
|
||||||
|
}
|
||||||
|
.d-flex{
|
||||||
|
margin-top: 1rem;
|
||||||
|
& > div{
|
||||||
|
width: 30px;
|
||||||
|
margin-right: 1rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.site_setting_entity{
|
||||||
|
img{
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
& > div{
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: nowrap;
|
||||||
|
.__slide{
|
||||||
|
.flickity-slider{
|
||||||
|
& > div{
|
||||||
|
width: max-content;
|
||||||
|
margin: 0 1rem;
|
||||||
|
img{
|
||||||
|
width: auto!important;
|
||||||
|
height: 100px;
|
||||||
|
max-width: 70px;
|
||||||
|
object-fit: contain;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,287 @@
|
|||||||
|
#views-exposed-form-publications-page-1,
|
||||||
|
#views-exposed-form-bibliographie-page-1{
|
||||||
|
margin: 2rem 0;
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
& > div{
|
||||||
|
width: 100%;
|
||||||
|
@media screen and (min-width: 768px) {
|
||||||
|
width: calc((100% / 2) - ( #{$gutter} * 2);
|
||||||
|
}
|
||||||
|
@media screen and (min-width: 992px) {
|
||||||
|
width: auto;
|
||||||
|
}
|
||||||
|
@media screen and (min-width: 992px) {
|
||||||
|
margin-right: 2rem;
|
||||||
|
}
|
||||||
|
&:not(:last-child){
|
||||||
|
margin-bottom: 1rem;
|
||||||
|
@media screen and (min-width: 768px) {
|
||||||
|
margin-right: calc(#{$gutter} * 2);
|
||||||
|
}
|
||||||
|
@media screen and (min-width: 992px) {
|
||||||
|
margin-bottom: 0rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
label{
|
||||||
|
min-width: max-content;
|
||||||
|
}
|
||||||
|
.select-selected{
|
||||||
|
width: 100%;
|
||||||
|
min-width: 150px;
|
||||||
|
background-color: white;
|
||||||
|
color: $color2!important;
|
||||||
|
&::after{
|
||||||
|
position: absolute;
|
||||||
|
content: "";
|
||||||
|
top: 14px;
|
||||||
|
right: 10px;
|
||||||
|
width: 0;
|
||||||
|
height: 0;
|
||||||
|
border: 6px solid transparent;
|
||||||
|
border-color: $color2 transparent transparent transparent;
|
||||||
|
}
|
||||||
|
&.select-arrow-active{
|
||||||
|
&:after{
|
||||||
|
transform: rotate(180deg);
|
||||||
|
top: 7px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.select-items {
|
||||||
|
position: absolute;
|
||||||
|
background-color: $color2;
|
||||||
|
top: 100%;
|
||||||
|
right: 0;
|
||||||
|
z-index: 99;
|
||||||
|
min-width: 150px;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
#edit-actions{
|
||||||
|
@media screen and (min-width: 768px) {
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: nowrap;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
@media screen and (min-width: 992px) {
|
||||||
|
width: auto;
|
||||||
|
}
|
||||||
|
input{
|
||||||
|
width: 100%;
|
||||||
|
height: auto;
|
||||||
|
background: $color2;
|
||||||
|
color: white;
|
||||||
|
border: none;
|
||||||
|
outline: none;
|
||||||
|
margin-top: 1rem;
|
||||||
|
padding: 0.5rem 1rem;
|
||||||
|
@media screen and (min-width: 768px) {
|
||||||
|
max-width: 50%;
|
||||||
|
margin-right: 1rem;
|
||||||
|
}
|
||||||
|
@media screen and (min-width: 992px) {
|
||||||
|
max-width: 100%;
|
||||||
|
margin-right: 0;
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
&:focus{
|
||||||
|
border: none;
|
||||||
|
outline: none;
|
||||||
|
}
|
||||||
|
&#edit-submit-publications{
|
||||||
|
@media screen and (min-width: 768px) {
|
||||||
|
margin-right: calc(#{$gutter} * 2);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
&.form-submit{
|
||||||
|
margin-right: 0.75rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// #views-exposed-form-search-page-1{
|
||||||
|
// width: 100%;
|
||||||
|
// max-width: 50%;
|
||||||
|
// display: flex;
|
||||||
|
// flex-wrap: nowrap;
|
||||||
|
// margin:2rem 0;
|
||||||
|
// & > div{
|
||||||
|
// width: 100%;
|
||||||
|
// }
|
||||||
|
// @media screen and (min-width: 768px) {
|
||||||
|
// max-width: 100%;
|
||||||
|
|
||||||
|
// }
|
||||||
|
// #edit-actions--2{
|
||||||
|
// @media screen and (min-width: 768px) {
|
||||||
|
// display: flex;
|
||||||
|
// flex-wrap: nowrap;
|
||||||
|
// width: 100%;
|
||||||
|
// }
|
||||||
|
// @media screen and (min-width: 992px) {
|
||||||
|
// width: auto;
|
||||||
|
// }
|
||||||
|
// input{
|
||||||
|
// width: 100%;
|
||||||
|
// height: auto;
|
||||||
|
// background: $color2;
|
||||||
|
// color: white;
|
||||||
|
// border: none;
|
||||||
|
// outline: none;
|
||||||
|
// margin-top: 1rem;
|
||||||
|
// padding: 0.5rem 1rem;
|
||||||
|
// @media screen and (min-width: 768px) {
|
||||||
|
// max-width: 100%;
|
||||||
|
// margin-right: 1rem;
|
||||||
|
// }
|
||||||
|
// @media screen and (min-width: 992px) {
|
||||||
|
// max-width: 100%;
|
||||||
|
// margin-right: 0;
|
||||||
|
// margin-top: 0;
|
||||||
|
// }
|
||||||
|
// &:focus{
|
||||||
|
// border: none;
|
||||||
|
// outline: none;
|
||||||
|
// }
|
||||||
|
// &#edit-submit-publications{
|
||||||
|
// @media screen and (min-width: 768px) {
|
||||||
|
// margin-right: calc(#{$gutter} * 2);
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
|
||||||
|
// .js-form-item-search-api-fulltext{
|
||||||
|
// display: flex;
|
||||||
|
// align-items: baseline;
|
||||||
|
|
||||||
|
// label{
|
||||||
|
// margin-right: 0.75rem;
|
||||||
|
// }
|
||||||
|
|
||||||
|
// input{
|
||||||
|
// width: 100%;
|
||||||
|
// height: auto;
|
||||||
|
// background: white;
|
||||||
|
// color: $color2;
|
||||||
|
// border: none;
|
||||||
|
// outline: none;
|
||||||
|
// margin-top: 1rem;
|
||||||
|
// padding: 0.5rem 1rem;
|
||||||
|
// @media screen and (min-width: 768px) {
|
||||||
|
// max-width: 100%;
|
||||||
|
// margin-right: 1rem;
|
||||||
|
// }
|
||||||
|
// @media screen and (min-width: 992px) {
|
||||||
|
// max-width: 100%;
|
||||||
|
// margin-right: 0;
|
||||||
|
// margin-top: 0;
|
||||||
|
// }
|
||||||
|
// &:focus{
|
||||||
|
// border: none;
|
||||||
|
// outline: none;
|
||||||
|
// }
|
||||||
|
// &#edit-submit-publications{
|
||||||
|
// @media screen and (min-width: 768px) {
|
||||||
|
// margin-right: calc(#{$gutter} * 2);
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
|
||||||
|
// }
|
||||||
|
|
||||||
|
#block-formulaireexposesearchpage-1{
|
||||||
|
input{
|
||||||
|
width: 100%;
|
||||||
|
height: auto;
|
||||||
|
background: white;
|
||||||
|
color: $color2;
|
||||||
|
border: none;
|
||||||
|
outline: none;
|
||||||
|
margin-top: 1rem;
|
||||||
|
padding: 0.5rem 1rem;
|
||||||
|
@media screen and (min-width: 768px) {
|
||||||
|
max-width: 100%;
|
||||||
|
margin-right: 1rem;
|
||||||
|
}
|
||||||
|
@media screen and (min-width: 992px) {
|
||||||
|
max-width: 100%;
|
||||||
|
margin-right: 0;
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
&:focus{
|
||||||
|
border: none;
|
||||||
|
outline: none;
|
||||||
|
}
|
||||||
|
&#edit-submit-publications{
|
||||||
|
@media screen and (min-width: 768px) {
|
||||||
|
margin-right: calc(#{$gutter} * 2);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
&.form-submit{
|
||||||
|
background: $color2;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
#views-exposed-form-search-page-1{
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
margin: 2rem 0;
|
||||||
|
& > div{
|
||||||
|
width: 100%;
|
||||||
|
@media screen and (min-width: 768px) {
|
||||||
|
&:first-child{
|
||||||
|
width: 75%;
|
||||||
|
}
|
||||||
|
&:last-child{
|
||||||
|
width: 25%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media screen and (min-width: 992px) {
|
||||||
|
&:first-child{
|
||||||
|
max-width: 350px;
|
||||||
|
}
|
||||||
|
&:last-child{
|
||||||
|
max-width: max-content;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.js-form-type-select {
|
||||||
|
position: relative;
|
||||||
|
font-family: Arial;
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: baseline;
|
||||||
|
label{
|
||||||
|
margin-right: 1rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.js-form-type-select select {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.select-selected.select-arrow-active:after {
|
||||||
|
border-color: transparent transparent $color2 transparent;
|
||||||
|
top: 7px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.select-items div,.select-selected {
|
||||||
|
color: #ffffff;
|
||||||
|
padding: 8px 30px 8px 16px;
|
||||||
|
border: 1px solid transparent;
|
||||||
|
border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
.select-hide {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.select-items div:hover, .same-as-selected {
|
||||||
|
background-color: rgba(0, 0, 0, 0.1);
|
||||||
|
}
|
||||||
@@ -0,0 +1,203 @@
|
|||||||
|
header{
|
||||||
|
max-height: 100px;
|
||||||
|
.row{
|
||||||
|
background: white;
|
||||||
|
max-height: inherit;
|
||||||
|
justify-content: space-between;
|
||||||
|
#block-popsu-colloque-branding{
|
||||||
|
max-height: inherit;
|
||||||
|
& > div{
|
||||||
|
max-height: inherit;
|
||||||
|
a{
|
||||||
|
display: block;
|
||||||
|
max-height: inherit;
|
||||||
|
img{
|
||||||
|
width: 100%;
|
||||||
|
max-height: inherit;
|
||||||
|
object-fit: contain;
|
||||||
|
padding-bottom: 0.5rem;
|
||||||
|
padding-top: 0.5rem;
|
||||||
|
@media screen and (min-width: 450px) {
|
||||||
|
width: auto;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
&.is-active{
|
||||||
|
z-index: 10000;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
#block-renderedsitesettingsblock-2{
|
||||||
|
width: 35%;
|
||||||
|
border-left: 1px solid $color1;
|
||||||
|
padding: 0;
|
||||||
|
display: none;
|
||||||
|
a{
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
@media screen and (min-width: 1200px) {
|
||||||
|
display: flex;
|
||||||
|
|
||||||
|
}
|
||||||
|
.site_setting_entity{
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: flex-start;
|
||||||
|
padding: 0 1rem 0 0rem;
|
||||||
|
h1{
|
||||||
|
width: 100%;
|
||||||
|
color: $color2;
|
||||||
|
padding-right: 1rem;
|
||||||
|
text-transform: uppercase;
|
||||||
|
text-align: right;
|
||||||
|
align-self: stretch;
|
||||||
|
margin: auto 0;
|
||||||
|
}
|
||||||
|
.__info_colloque{
|
||||||
|
width: 50%;
|
||||||
|
height: auto;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
// justify-content: space-between;
|
||||||
|
&>div{
|
||||||
|
height: auto;
|
||||||
|
&:first-child{
|
||||||
|
color: $color1;
|
||||||
|
white-space: nowrap;
|
||||||
|
border-bottom: 2px solid $color1;
|
||||||
|
padding-bottom: 0.4rem;
|
||||||
|
margin-bottom: 0.6rem;
|
||||||
|
}
|
||||||
|
&:last-child{
|
||||||
|
color: $color2;
|
||||||
|
padding-right: 10px;
|
||||||
|
width: min-content;
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
#block-mainnavigation{
|
||||||
|
width: max-content;
|
||||||
|
.burger{
|
||||||
|
padding-top: 0.25rem;
|
||||||
|
z-index: 9999;
|
||||||
|
}
|
||||||
|
.nav-main{
|
||||||
|
display: none;
|
||||||
|
@media screen and (min-width: 1200px) {
|
||||||
|
display: block;
|
||||||
|
ul{
|
||||||
|
margin-bottom: 0;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
li{
|
||||||
|
margin: 0 0.5rem;
|
||||||
|
&:not(:last-child){
|
||||||
|
&:after{
|
||||||
|
display: inline-block;
|
||||||
|
content: "|";
|
||||||
|
margin-left: 0.5rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
&.is-active{
|
||||||
|
display: block;
|
||||||
|
position: fixed;
|
||||||
|
width: 100vw;
|
||||||
|
height: 100vh;
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
background: white;
|
||||||
|
z-index: 9999;
|
||||||
|
@media screen and (min-width: 576px) {
|
||||||
|
height: auto;
|
||||||
|
ul{
|
||||||
|
margin: 130px 0 50px 0;
|
||||||
|
}
|
||||||
|
li{
|
||||||
|
font-size: 1.7rem;
|
||||||
|
line-height: 3rem;
|
||||||
|
padding: 0 15px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
ul{
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
flex-direction: column;
|
||||||
|
height: 100%;
|
||||||
|
align-items: center;
|
||||||
|
li{
|
||||||
|
font-size: 1.5rem;
|
||||||
|
line-height: 3rem;
|
||||||
|
padding: 0 15px;
|
||||||
|
@media screen and (min-width: 360px) {
|
||||||
|
width: 100%;
|
||||||
|
&::before{
|
||||||
|
display: inline-block;
|
||||||
|
content: " ";
|
||||||
|
width: 0%;
|
||||||
|
transition: width 1s ease;
|
||||||
|
height: 1px;
|
||||||
|
background: $color1;
|
||||||
|
}
|
||||||
|
&:hover{
|
||||||
|
&::before{
|
||||||
|
width: 10%;
|
||||||
|
transition: all 1s ease;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#block-mainnavigation{
|
||||||
|
border-left: 1px solid $color1;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: flex-end;
|
||||||
|
.burger{
|
||||||
|
display: block;
|
||||||
|
margin: auto;
|
||||||
|
@media screen and (min-width: 1200px) {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
&.is-active{
|
||||||
|
z-index: 999;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.nav-main{
|
||||||
|
display: none;
|
||||||
|
height: auto;
|
||||||
|
@media screen and (min-width: 1200px) {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
header.front{
|
||||||
|
#block-popsu-colloque-branding{
|
||||||
|
width: 21rem;
|
||||||
|
position: relative;
|
||||||
|
z-index: 9999;
|
||||||
|
a{
|
||||||
|
max-height: 8rem!important;
|
||||||
|
}
|
||||||
|
&.is-active{
|
||||||
|
overflow: inherit;
|
||||||
|
&>div{
|
||||||
|
max-height: 115px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
#block-renderedsitesettingsblock-2{
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,40 @@
|
|||||||
|
#block-popsu-colloque-submenu {
|
||||||
|
margin: 1rem auto;
|
||||||
|
ul {
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
padding: 0;
|
||||||
|
margin: 0 -1rem;
|
||||||
|
|
||||||
|
li {
|
||||||
|
padding: 1rem;
|
||||||
|
width: 100%;
|
||||||
|
text-align: center;
|
||||||
|
@media screen and (min-width: 576px) {
|
||||||
|
width: auto !important;
|
||||||
|
}
|
||||||
|
a {
|
||||||
|
display: block;
|
||||||
|
padding: 0.5rem 1rem;
|
||||||
|
border: 1px solid $color2;
|
||||||
|
color: $color2;
|
||||||
|
background: white;
|
||||||
|
transition: color 0.3s ease, background 0.3s ease;
|
||||||
|
font-size: 2rem;
|
||||||
|
font-family: "dukefill";
|
||||||
|
letter-spacing: 0.05rem;
|
||||||
|
text-transform: uppercase;
|
||||||
|
@media screen and (min-width: 768px) {
|
||||||
|
// padding: 1rem 1rem;
|
||||||
|
font-size: 2.5rem;
|
||||||
|
}
|
||||||
|
&:hover {
|
||||||
|
text-decoration: none;
|
||||||
|
color: white;
|
||||||
|
background: $color2;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,97 @@
|
|||||||
|
body{
|
||||||
|
overflow-x: hidden;
|
||||||
|
}
|
||||||
|
.home{
|
||||||
|
.__img-hero{
|
||||||
|
width: 100vw;
|
||||||
|
position: relative;
|
||||||
|
left: 50%;
|
||||||
|
right: 50%;
|
||||||
|
margin-left: -50vw;
|
||||||
|
margin-right: -50vw;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.__img-hero{
|
||||||
|
height: 300px;
|
||||||
|
width: 100vw;
|
||||||
|
position: relative;
|
||||||
|
left: 50%;
|
||||||
|
right: 50%;
|
||||||
|
margin-left: -50vw;
|
||||||
|
margin-right: -50vw;
|
||||||
|
img{
|
||||||
|
width:100%;
|
||||||
|
height: 100%;
|
||||||
|
object-fit: cover;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.participant_full{
|
||||||
|
flex-direction: column;
|
||||||
|
margin-top: 2rem;
|
||||||
|
@media screen and (min-width: 992px) {
|
||||||
|
margin-top: 0rem;
|
||||||
|
}
|
||||||
|
.hero{
|
||||||
|
figure{
|
||||||
|
width:100%;
|
||||||
|
.__img{
|
||||||
|
&> div{
|
||||||
|
margin: auto;
|
||||||
|
width: 250px;
|
||||||
|
height: 250px;
|
||||||
|
}
|
||||||
|
img{
|
||||||
|
border-radius: 100%;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
object-fit: cover;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
figcaption {
|
||||||
|
align-self: center;
|
||||||
|
text-align: center;
|
||||||
|
margin: 2rem 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (min-width: 768px) {
|
||||||
|
.__img-hero{
|
||||||
|
height: 500px;
|
||||||
|
width: auto;
|
||||||
|
position: relative;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media screen and (min-width: 768px) {
|
||||||
|
.participant_full{
|
||||||
|
.hero{
|
||||||
|
figure{
|
||||||
|
width:100%;
|
||||||
|
.__img{
|
||||||
|
margin-right: 2rem;
|
||||||
|
&> div{
|
||||||
|
width: 300px;
|
||||||
|
height: 300px;
|
||||||
|
}
|
||||||
|
img{
|
||||||
|
border-radius: 100%;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
object-fit: cover;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
figcaption {
|
||||||
|
align-self: center;
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,14 @@
|
|||||||
|
.leaflet-popup-content-wrapper{
|
||||||
|
|
||||||
|
}
|
||||||
|
.leaflet-popup-content{
|
||||||
|
p{
|
||||||
|
font-size: 0.9rem;
|
||||||
|
line-height: 1.5;
|
||||||
|
font-family: 'truenoregular';
|
||||||
|
strong{
|
||||||
|
color: $color2;
|
||||||
|
line-height: 2;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,19 @@
|
|||||||
|
.medias{
|
||||||
|
.paragraph--type--images{
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
.paragraph--type--video{
|
||||||
|
margin: 4rem 0;
|
||||||
|
& > div{
|
||||||
|
font-family: dukefill;
|
||||||
|
font-size: 2rem;
|
||||||
|
line-height: normal;
|
||||||
|
text-align: center;
|
||||||
|
margin-bottom: 1rem;
|
||||||
|
text-transform: uppercase;
|
||||||
|
@media screen and (min-width: 768px) {
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1 @@
|
|||||||
|
@import "media.scss";
|
||||||
@@ -0,0 +1,25 @@
|
|||||||
|
.__ressources{
|
||||||
|
h4{
|
||||||
|
text-transform: uppercase;
|
||||||
|
margin: 1rem 0;
|
||||||
|
font-family: 'dukefill';
|
||||||
|
font-size: 2rem;
|
||||||
|
letter-spacing: $letter_spacingH;
|
||||||
|
color: $color2
|
||||||
|
}
|
||||||
|
& > section{
|
||||||
|
&> div{
|
||||||
|
@media screen and (min-width: 768px) {
|
||||||
|
margin: 0 calc(0rem - #{$gutter})!important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
section{
|
||||||
|
.row{
|
||||||
|
padding: 0rem 0rem 2rem 0rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.views-element-container{
|
||||||
|
margin: 4rem auto;
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,7 @@
|
|||||||
|
.paragraph--type--role-de-l-intervenant{
|
||||||
|
margin-bottom: 5rem;
|
||||||
|
}
|
||||||
|
.___title_inter{
|
||||||
|
border-bottom: 1px solid black;
|
||||||
|
margin-bottom: 2rem;
|
||||||
|
}
|
||||||
@@ -0,0 +1,67 @@
|
|||||||
|
.dl_ressource{
|
||||||
|
font-size: 0.9rem;
|
||||||
|
line-height: 1.2;
|
||||||
|
font-family: 'truenoregular';
|
||||||
|
text-align: left;
|
||||||
|
margin: 1.5rem .25rem 0 .25rem;
|
||||||
|
@media screen and (min-width : 768px){
|
||||||
|
margin-top: 1.5rem;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 0.5rem;
|
||||||
|
}
|
||||||
|
a{
|
||||||
|
&::before{
|
||||||
|
content: "";
|
||||||
|
display: inline-block;
|
||||||
|
background-image: url($picto_dl);
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-size: contain;
|
||||||
|
width: 25px;
|
||||||
|
height: 25px;
|
||||||
|
vertical-align: middle;
|
||||||
|
margin-right: 0.5rem;
|
||||||
|
@media screen and (min-width : 768px){
|
||||||
|
margin-right: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
&> span{
|
||||||
|
display: inline-block;
|
||||||
|
@media screen and (min-width : 992px){
|
||||||
|
display: inline-block!important;
|
||||||
|
margin-top: 0.5rem;
|
||||||
|
}
|
||||||
|
@media screen and (min-width : 768px){
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.__rs{
|
||||||
|
& > div{
|
||||||
|
width: 25px;
|
||||||
|
height: 25px;
|
||||||
|
margin: 0 0.25rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (min-width: 768px) {
|
||||||
|
.__rs{
|
||||||
|
&:not(.moment){
|
||||||
|
margin: auto;
|
||||||
|
& > div{
|
||||||
|
margin: 0 auto 0.5rem auto;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (min-width: 992px) {
|
||||||
|
.__rs{
|
||||||
|
&.moment{
|
||||||
|
margin: auto;
|
||||||
|
& > div{
|
||||||
|
margin: 0 auto 0.5rem auto;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,4 @@
|
|||||||
|
/*! 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:hsla(0,0%,100%,.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}
|
||||||
@@ -0,0 +1,121 @@
|
|||||||
|
.flickity-button {
|
||||||
|
background: transparent;
|
||||||
|
&:hover {
|
||||||
|
background: transparent;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.flickity-button-icon {
|
||||||
|
fill: $col_black;
|
||||||
|
}
|
||||||
|
|
||||||
|
.flickity-button:disabled {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
#block-views-block-slide-programme-block-1,
|
||||||
|
#block-views-block-slide-programme-node-intervenant-block-1 {
|
||||||
|
.__slide {
|
||||||
|
article {
|
||||||
|
width: calc(100% - 30px);
|
||||||
|
height: 325px;
|
||||||
|
// background: none;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
margin: 3rem $gutter 1.5rem $gutter;
|
||||||
|
@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);
|
||||||
|
}
|
||||||
|
a {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
background: white;
|
||||||
|
@include shadow;
|
||||||
|
.__wrap {
|
||||||
|
background: white;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
&.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 {
|
||||||
|
position: absolute;
|
||||||
|
display: block;
|
||||||
|
content: " ";
|
||||||
|
width: 1px;
|
||||||
|
height: calc(100% + 3rem);
|
||||||
|
margin: -2.5rem 0 0 0;
|
||||||
|
background: $color1;
|
||||||
|
left: -0.5rem;
|
||||||
|
top: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
#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 {
|
||||||
|
section:not(.wrap_head) {
|
||||||
|
margin: 1rem 0;
|
||||||
|
}
|
||||||
|
.views {
|
||||||
|
section.wrap_head {
|
||||||
|
@include croix_or;
|
||||||
|
.head {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media screen and (min-width: 576px) {
|
||||||
|
.views {
|
||||||
|
section {
|
||||||
|
.head {
|
||||||
|
display: flex !important;
|
||||||
|
width: 100%;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.paragraph--type--role-de-l-intervenant {
|
||||||
|
margin-bottom: 2rem;
|
||||||
|
.__slide {
|
||||||
|
&:after {
|
||||||
|
content: "flickity";
|
||||||
|
display: none;
|
||||||
|
@media screen and (min-width: 768px) {
|
||||||
|
content: "";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.flickity-viewport {
|
||||||
|
// overflow: initial;
|
||||||
|
}
|
||||||
|
.flickity-slider > div {
|
||||||
|
width: 70%;
|
||||||
|
padding: 0 0.5rem;
|
||||||
|
@media screen and (min-width: 768px) {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,269 @@
|
|||||||
|
// thumbnails global
|
||||||
|
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";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
& > div:not(.__slide) {
|
||||||
|
article.thumbnails.programme {
|
||||||
|
a {
|
||||||
|
display: block;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
background: white;
|
||||||
|
@include shadow;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.thumbnails {
|
||||||
|
width: 100%;
|
||||||
|
height: auto;
|
||||||
|
background: white;
|
||||||
|
margin: calc(#{$gutter}) 0;
|
||||||
|
@media screen and (min-width: 768px) {
|
||||||
|
margin: calc(#{$gutter});
|
||||||
|
}
|
||||||
|
&:not(.bibliographie):not(.programme) {
|
||||||
|
@include shadow;
|
||||||
|
}
|
||||||
|
figure {
|
||||||
|
height: 150px;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
.__wrap {
|
||||||
|
padding: 1rem;
|
||||||
|
time,
|
||||||
|
.type_moment {
|
||||||
|
font-family: "truenoregular";
|
||||||
|
font-size: 0.8rem;
|
||||||
|
text-transform: uppercase;
|
||||||
|
}
|
||||||
|
& > .d-flex {
|
||||||
|
margin-bottom: 0.5rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// thumbnails publications
|
||||||
|
&.publications {
|
||||||
|
@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;
|
||||||
|
.__img {
|
||||||
|
width: 100px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.__wrap {
|
||||||
|
padding: 0.5rem;
|
||||||
|
}
|
||||||
|
& > div {
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
div > * {
|
||||||
|
color: $color2;
|
||||||
|
}
|
||||||
|
a {
|
||||||
|
display: block;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.bibliographie {
|
||||||
|
background: white !important;
|
||||||
|
padding: 0.5rem;
|
||||||
|
&.link_ext {
|
||||||
|
@include shadow;
|
||||||
|
}
|
||||||
|
@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);
|
||||||
|
}
|
||||||
|
& > div * {
|
||||||
|
color: $color2;
|
||||||
|
&.__auteur * {
|
||||||
|
font-size: 1.4rem;
|
||||||
|
}
|
||||||
|
&.__body {
|
||||||
|
margin: 1rem 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
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 {
|
||||||
|
@media screen and (min-width: 768px) {
|
||||||
|
width: calc(100% / 2 - #{$gutter} * 2);
|
||||||
|
margin: 0.5rem;
|
||||||
|
}
|
||||||
|
@media screen and (min-width: 992px) {
|
||||||
|
width: calc(100% / 3 - #{$gutter} * 2);
|
||||||
|
}
|
||||||
|
.inter {
|
||||||
|
margin-top: 0.5rem;
|
||||||
|
span {
|
||||||
|
color: $color2;
|
||||||
|
font-size: 0.8rem;
|
||||||
|
font-family: "truenoregular_italic";
|
||||||
|
text-transform: none !important;
|
||||||
|
strong {
|
||||||
|
font-family: "truenobold_italic";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
// page moment
|
||||||
|
.__ressources {
|
||||||
|
.__publications {
|
||||||
|
.publications {
|
||||||
|
// 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);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.__bibliographie {
|
||||||
|
.thumbnails {
|
||||||
|
background: transparent;
|
||||||
|
a {
|
||||||
|
& > div {
|
||||||
|
div,
|
||||||
|
span,
|
||||||
|
p {
|
||||||
|
display: inline;
|
||||||
|
background: white;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@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);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.__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 {
|
||||||
|
width: 100px;
|
||||||
|
height: 100px;
|
||||||
|
margin-left: 0.5rem;
|
||||||
|
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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,130 @@
|
|||||||
|
body,html{
|
||||||
|
font-size: 16px;
|
||||||
|
line-height: 1.2;
|
||||||
|
background: $fond;
|
||||||
|
.is-active{
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
main{
|
||||||
|
min-height: calc(100vh - 150px);
|
||||||
|
}
|
||||||
|
|
||||||
|
header{
|
||||||
|
background: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
ul,li,ol{
|
||||||
|
list-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1,h2,h3,h4{
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
h2{
|
||||||
|
font-family: 'dukefill';
|
||||||
|
font-size: 2.5rem;
|
||||||
|
line-height: 2.5rem;
|
||||||
|
color: $color2;
|
||||||
|
@media screen and (min-width: 768px) {
|
||||||
|
font-size: 3rem;
|
||||||
|
line-height: 3.5rem;
|
||||||
|
}
|
||||||
|
a{
|
||||||
|
color: $color2;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
h3{
|
||||||
|
margin: 1rem 0;
|
||||||
|
font-family: 'dukefill';
|
||||||
|
font-size: 2rem;
|
||||||
|
color: $lightgrey;
|
||||||
|
@media screen and (min-width: 768px){
|
||||||
|
font-size: 2.5rem;
|
||||||
|
line-height: 3.5rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
p {
|
||||||
|
+ h3 {
|
||||||
|
margin: 0.5rem 0 1.5rem 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
p{
|
||||||
|
font-size: 1rem;
|
||||||
|
line-height: 1.5rem;
|
||||||
|
font-family: 'truenoregular';
|
||||||
|
strong{
|
||||||
|
font-family: 'truenobold';
|
||||||
|
em{
|
||||||
|
font-family: 'truenobold_italic';
|
||||||
|
}
|
||||||
|
}
|
||||||
|
em{
|
||||||
|
font-family: 'truenoregular_italic';
|
||||||
|
}
|
||||||
|
a{
|
||||||
|
display: inline;
|
||||||
|
background: $underline;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
a{
|
||||||
|
color: black;
|
||||||
|
text-decoration: none;
|
||||||
|
&:hover{
|
||||||
|
color: black;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
blockquote{
|
||||||
|
margin: 2rem 1rem 2rem 1rem;
|
||||||
|
color: $lightgrey;
|
||||||
|
@include croix_or_B;
|
||||||
|
@media screen and (min-width: 768px) {
|
||||||
|
margin: 3.5rem 2rem 4rem 2rem;
|
||||||
|
p{
|
||||||
|
margin-top: 1rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
p{
|
||||||
|
font-family: 'cormorantBold';
|
||||||
|
font-size: 2rem;
|
||||||
|
line-height: 2.5rem;
|
||||||
|
font-weight: lighter;
|
||||||
|
margin-top: 0.5rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
img{
|
||||||
|
width:100%;
|
||||||
|
height: 100%;
|
||||||
|
object-fit: cover;
|
||||||
|
}
|
||||||
|
|
||||||
|
button{
|
||||||
|
outline:0;
|
||||||
|
border: 0;
|
||||||
|
&:focus{
|
||||||
|
outline:0;
|
||||||
|
border: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
footer{
|
||||||
|
*{
|
||||||
|
font-family: 'truenobold';
|
||||||
|
color: $col_black;
|
||||||
|
}
|
||||||
|
h2{
|
||||||
|
text-transform: uppercase;
|
||||||
|
font-size: 1rem;
|
||||||
|
line-height: 1.5rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
File diff suppressed because one or more lines are too long
@@ -0,0 +1,212 @@
|
|||||||
|
@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-face {
|
||||||
|
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-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-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-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-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-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";
|
||||||
|
font-size: 2rem;
|
||||||
|
line-height: 2rem;
|
||||||
|
text-transform: uppercase;
|
||||||
|
text-align: right;
|
||||||
|
align-self: stretch;
|
||||||
|
margin: auto;
|
||||||
|
}
|
||||||
|
.__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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
form {
|
||||||
|
label {
|
||||||
|
font-family: "truenolight";
|
||||||
|
}
|
||||||
|
.select-items {
|
||||||
|
div {
|
||||||
|
font-family: "truenolight";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.select-selected {
|
||||||
|
font-family: "truenoregular";
|
||||||
|
}
|
||||||
|
input {
|
||||||
|
font-family: "truenolight";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.thumbnails {
|
||||||
|
&.programme {
|
||||||
|
.__content {
|
||||||
|
font-family: "truenobold";
|
||||||
|
font-size: 1rem;
|
||||||
|
text-transform: uppercase;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
&.publications {
|
||||||
|
.__content {
|
||||||
|
div {
|
||||||
|
font-family: "cormorantBold";
|
||||||
|
font-size: 1.2rem;
|
||||||
|
}
|
||||||
|
span {
|
||||||
|
font-family: "cormorantBoldItalic";
|
||||||
|
font-size: 1.2rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
&.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";
|
||||||
|
font-size: 1.2rem;
|
||||||
|
}
|
||||||
|
span {
|
||||||
|
font-family: "cormorantBoldItalic";
|
||||||
|
font-size: 1.2rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// 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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.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";
|
||||||
|
font-size: 2rem;
|
||||||
|
line-height: 1;
|
||||||
|
letter-spacing: normal;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.status {
|
||||||
|
div {
|
||||||
|
font-family: "truenoregular_italic";
|
||||||
|
color: $color2;
|
||||||
|
font-size: 1rem;
|
||||||
|
line-height: 1.2rem;
|
||||||
|
text-align: center;
|
||||||
|
@media screen and (min-width: 768px) {
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,14 @@
|
|||||||
|
$color1: #b9a47eff;
|
||||||
|
$color2: #1d378eff;
|
||||||
|
$col_black: black;
|
||||||
|
$lightgrey: #6f6d7dff;
|
||||||
|
$fond: #1d378e0d;
|
||||||
|
$underline:#d2d2ebff;
|
||||||
|
|
||||||
|
$gutter: 0.5rem;
|
||||||
|
$gutter1 : 0.5rem;
|
||||||
|
|
||||||
|
$croix_or: '../images/croix_filetsable.svg';
|
||||||
|
$picto_dl: '../images/douwnload.svg';
|
||||||
|
|
||||||
|
$letter_spacingH: 0.1rem;
|
||||||
@@ -0,0 +1,86 @@
|
|||||||
|
// Hamburger
|
||||||
|
// ==================================================
|
||||||
|
.hamburger {
|
||||||
|
padding: $hamburger-padding-y $hamburger-padding-x;
|
||||||
|
display: inline-block;
|
||||||
|
cursor: pointer;
|
||||||
|
|
||||||
|
transition-property: opacity, filter;
|
||||||
|
transition-duration: 0.15s;
|
||||||
|
transition-timing-function: linear;
|
||||||
|
|
||||||
|
// Normalize (<button>)
|
||||||
|
font: inherit;
|
||||||
|
color: inherit;
|
||||||
|
text-transform: none;
|
||||||
|
background-color: transparent;
|
||||||
|
border: 0;
|
||||||
|
margin: 0;
|
||||||
|
overflow: visible;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
@if $hamburger-hover-use-filter == true {
|
||||||
|
filter: $hamburger-hover-filter;
|
||||||
|
}
|
||||||
|
@else {
|
||||||
|
opacity: $hamburger-hover-opacity;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.is-active {
|
||||||
|
&:hover {
|
||||||
|
@if $hamburger-hover-use-filter == true {
|
||||||
|
filter: $hamburger-active-hover-filter;
|
||||||
|
}
|
||||||
|
@else {
|
||||||
|
opacity: $hamburger-active-hover-opacity;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.hamburger-inner,
|
||||||
|
.hamburger-inner::before,
|
||||||
|
.hamburger-inner::after {
|
||||||
|
background-color: $hamburger-active-layer-color;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.hamburger-box {
|
||||||
|
width: $hamburger-layer-width;
|
||||||
|
height: $hamburger-layer-height * 3 + $hamburger-layer-spacing * 2;
|
||||||
|
display: inline-block;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hamburger-inner {
|
||||||
|
display: block;
|
||||||
|
top: 50%;
|
||||||
|
margin-top: $hamburger-layer-height / -2;
|
||||||
|
|
||||||
|
&,
|
||||||
|
&::before,
|
||||||
|
&::after {
|
||||||
|
width: $hamburger-layer-width;
|
||||||
|
height: $hamburger-layer-height;
|
||||||
|
background-color: $hamburger-layer-color;
|
||||||
|
border-radius: $hamburger-layer-border-radius;
|
||||||
|
position: absolute;
|
||||||
|
transition-property: transform;
|
||||||
|
transition-duration: 0.15s;
|
||||||
|
transition-timing-function: ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
&::before,
|
||||||
|
&::after {
|
||||||
|
content: "";
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
&::before {
|
||||||
|
top: ($hamburger-layer-spacing + $hamburger-layer-height) * -1;
|
||||||
|
}
|
||||||
|
|
||||||
|
&::after {
|
||||||
|
bottom: ($hamburger-layer-spacing + $hamburger-layer-height) * -1;
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,88 @@
|
|||||||
|
@charset "UTF-8";
|
||||||
|
/*!
|
||||||
|
* Hamburgers
|
||||||
|
* @description Tasty CSS-animated hamburgers
|
||||||
|
* @author Jonathan Suh @jonsuh
|
||||||
|
* @site https://jonsuh.com/hamburgers
|
||||||
|
* @link https://github.com/jonsuh/hamburgers
|
||||||
|
*/
|
||||||
|
|
||||||
|
// Settings
|
||||||
|
// ==================================================
|
||||||
|
$hamburger-padding-x : 0px !default;
|
||||||
|
$hamburger-padding-y : 0px !default;
|
||||||
|
$hamburger-layer-width : 30px !default;
|
||||||
|
$hamburger-layer-height : 3px !default;
|
||||||
|
$hamburger-layer-spacing : 6px !default;
|
||||||
|
$hamburger-layer-color : #000 !default;
|
||||||
|
$hamburger-layer-border-radius : 4px !default;
|
||||||
|
$hamburger-hover-opacity : 0.7 !default;
|
||||||
|
$hamburger-active-layer-color : $hamburger-layer-color !default;
|
||||||
|
$hamburger-active-hover-opacity: $hamburger-hover-opacity !default;
|
||||||
|
|
||||||
|
// To use CSS filters as the hover effect instead of opacity,
|
||||||
|
// set $hamburger-hover-use-filter as true and
|
||||||
|
// change the value of $hamburger-hover-filter accordingly.
|
||||||
|
$hamburger-hover-use-filter : false !default;
|
||||||
|
$hamburger-hover-filter : opacity(50%) !default;
|
||||||
|
$hamburger-active-hover-filter: $hamburger-hover-filter !default;
|
||||||
|
|
||||||
|
// Types (Remove or comment out what you don’t need)
|
||||||
|
// ==================================================
|
||||||
|
$hamburger-types: (
|
||||||
|
3dx,
|
||||||
|
3dx-r,
|
||||||
|
3dy,
|
||||||
|
3dy-r,
|
||||||
|
3dxy,
|
||||||
|
3dxy-r,
|
||||||
|
arrow,
|
||||||
|
arrow-r,
|
||||||
|
arrowalt,
|
||||||
|
arrowalt-r,
|
||||||
|
arrowturn,
|
||||||
|
arrowturn-r,
|
||||||
|
boring,
|
||||||
|
collapse,
|
||||||
|
collapse-r,
|
||||||
|
elastic,
|
||||||
|
elastic-r,
|
||||||
|
emphatic,
|
||||||
|
emphatic-r,
|
||||||
|
minus,
|
||||||
|
slider,
|
||||||
|
slider-r,
|
||||||
|
spin,
|
||||||
|
spin-r,
|
||||||
|
spring,
|
||||||
|
spring-r,
|
||||||
|
stand,
|
||||||
|
stand-r,
|
||||||
|
squeeze,
|
||||||
|
vortex,
|
||||||
|
vortex-r
|
||||||
|
) !default;
|
||||||
|
|
||||||
|
// Base Hamburger (We need this)
|
||||||
|
// ==================================================
|
||||||
|
@import "base";
|
||||||
|
|
||||||
|
// Hamburger types
|
||||||
|
// ==================================================
|
||||||
|
@import "types/collapse";
|
||||||
|
@import "types/collapse-r";
|
||||||
|
// ==================================================
|
||||||
|
// Cooking up additional types:
|
||||||
|
//
|
||||||
|
// The Sass for each hamburger type should be nested
|
||||||
|
// inside an @if directive to check whether or not
|
||||||
|
// it exists in $hamburger-types so only the CSS for
|
||||||
|
// included types are generated.
|
||||||
|
//
|
||||||
|
// e.g. hamburgers/types/_new-type.scss
|
||||||
|
//
|
||||||
|
// @if index($hamburger-types, new-type) {
|
||||||
|
// .hamburger--new-type {
|
||||||
|
// ...
|
||||||
|
// }
|
||||||
|
// }
|
||||||
@@ -0,0 +1,35 @@
|
|||||||
|
@if index($hamburger-types, 3dx-r) {
|
||||||
|
/*
|
||||||
|
* 3DX Reverse
|
||||||
|
*/
|
||||||
|
.hamburger--3dx-r {
|
||||||
|
.hamburger-box {
|
||||||
|
perspective: $hamburger-layer-width * 2;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hamburger-inner {
|
||||||
|
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),
|
||||||
|
background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
|
||||||
|
|
||||||
|
&::before,
|
||||||
|
&::after {
|
||||||
|
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.is-active {
|
||||||
|
.hamburger-inner {
|
||||||
|
background-color: transparent !important;
|
||||||
|
transform: rotateY(-180deg);
|
||||||
|
|
||||||
|
&::before {
|
||||||
|
transform: translate3d(0, $hamburger-layer-height + $hamburger-layer-spacing, 0) rotate(45deg);
|
||||||
|
}
|
||||||
|
|
||||||
|
&::after {
|
||||||
|
transform: translate3d(0, ($hamburger-layer-height + $hamburger-layer-spacing) * -1, 0) rotate(-45deg);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,35 @@
|
|||||||
|
@if index($hamburger-types, 3dx) {
|
||||||
|
/*
|
||||||
|
* 3DX
|
||||||
|
*/
|
||||||
|
.hamburger--3dx {
|
||||||
|
.hamburger-box {
|
||||||
|
perspective: $hamburger-layer-width * 2;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hamburger-inner {
|
||||||
|
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),
|
||||||
|
background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
|
||||||
|
|
||||||
|
&::before,
|
||||||
|
&::after {
|
||||||
|
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.is-active {
|
||||||
|
.hamburger-inner {
|
||||||
|
background-color: transparent !important;
|
||||||
|
transform: rotateY(180deg);
|
||||||
|
|
||||||
|
&::before {
|
||||||
|
transform: translate3d(0, $hamburger-layer-height + $hamburger-layer-spacing, 0) rotate(45deg);
|
||||||
|
}
|
||||||
|
|
||||||
|
&::after {
|
||||||
|
transform: translate3d(0, ($hamburger-layer-height + $hamburger-layer-spacing) * -1, 0) rotate(-45deg);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,35 @@
|
|||||||
|
@if index($hamburger-types, 3dxy-r) {
|
||||||
|
/*
|
||||||
|
* 3DXY Reverse
|
||||||
|
*/
|
||||||
|
.hamburger--3dxy-r {
|
||||||
|
.hamburger-box {
|
||||||
|
perspective: $hamburger-layer-width * 2;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hamburger-inner {
|
||||||
|
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),
|
||||||
|
background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
|
||||||
|
|
||||||
|
&::before,
|
||||||
|
&::after {
|
||||||
|
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.is-active {
|
||||||
|
.hamburger-inner {
|
||||||
|
background-color: transparent !important;
|
||||||
|
transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg);
|
||||||
|
|
||||||
|
&::before {
|
||||||
|
transform: translate3d(0, $hamburger-layer-height + $hamburger-layer-spacing, 0) rotate(45deg);
|
||||||
|
}
|
||||||
|
|
||||||
|
&::after {
|
||||||
|
transform: translate3d(0, ($hamburger-layer-height + $hamburger-layer-spacing) * -1, 0) rotate(-45deg);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,35 @@
|
|||||||
|
@if index($hamburger-types, 3dxy) {
|
||||||
|
/*
|
||||||
|
* 3DXY
|
||||||
|
*/
|
||||||
|
.hamburger--3dxy {
|
||||||
|
.hamburger-box {
|
||||||
|
perspective: $hamburger-layer-width * 2;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hamburger-inner {
|
||||||
|
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),
|
||||||
|
background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
|
||||||
|
|
||||||
|
&::before,
|
||||||
|
&::after {
|
||||||
|
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.is-active {
|
||||||
|
.hamburger-inner {
|
||||||
|
background-color: transparent !important;
|
||||||
|
transform: rotateX(180deg) rotateY(180deg);
|
||||||
|
|
||||||
|
&::before {
|
||||||
|
transform: translate3d(0, $hamburger-layer-height + $hamburger-layer-spacing, 0) rotate(45deg);
|
||||||
|
}
|
||||||
|
|
||||||
|
&::after {
|
||||||
|
transform: translate3d(0, ($hamburger-layer-height + $hamburger-layer-spacing) * -1, 0) rotate(-45deg);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,35 @@
|
|||||||
|
@if index($hamburger-types, 3dy-r) {
|
||||||
|
/*
|
||||||
|
* 3DY Reverse
|
||||||
|
*/
|
||||||
|
.hamburger--3dy-r {
|
||||||
|
.hamburger-box {
|
||||||
|
perspective: $hamburger-layer-width * 2;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hamburger-inner {
|
||||||
|
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),
|
||||||
|
background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
|
||||||
|
|
||||||
|
&::before,
|
||||||
|
&::after {
|
||||||
|
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.is-active {
|
||||||
|
.hamburger-inner {
|
||||||
|
background-color: transparent !important;
|
||||||
|
transform: rotateX(180deg);
|
||||||
|
|
||||||
|
&::before {
|
||||||
|
transform: translate3d(0, $hamburger-layer-height + $hamburger-layer-spacing, 0) rotate(45deg);
|
||||||
|
}
|
||||||
|
|
||||||
|
&::after {
|
||||||
|
transform: translate3d(0, ($hamburger-layer-height + $hamburger-layer-spacing) * -1, 0) rotate(-45deg);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,35 @@
|
|||||||
|
@if index($hamburger-types, 3dy) {
|
||||||
|
/*
|
||||||
|
* 3DY
|
||||||
|
*/
|
||||||
|
.hamburger--3dy {
|
||||||
|
.hamburger-box {
|
||||||
|
perspective: $hamburger-layer-width * 2;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hamburger-inner {
|
||||||
|
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),
|
||||||
|
background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
|
||||||
|
|
||||||
|
&::before,
|
||||||
|
&::after {
|
||||||
|
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.is-active {
|
||||||
|
.hamburger-inner {
|
||||||
|
background-color: transparent !important;
|
||||||
|
transform: rotateX(-180deg);
|
||||||
|
|
||||||
|
&::before {
|
||||||
|
transform: translate3d(0, $hamburger-layer-height + $hamburger-layer-spacing, 0) rotate(45deg);
|
||||||
|
}
|
||||||
|
|
||||||
|
&::after {
|
||||||
|
transform: translate3d(0, ($hamburger-layer-height + $hamburger-layer-spacing) * -1, 0) rotate(-45deg);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,16 @@
|
|||||||
|
@if index($hamburger-types, arrow-r) {
|
||||||
|
/*
|
||||||
|
* Arrow Right
|
||||||
|
*/
|
||||||
|
.hamburger--arrow-r.is-active {
|
||||||
|
.hamburger-inner {
|
||||||
|
&::before {
|
||||||
|
transform: translate3d($hamburger-layer-width * 0.2, 0, 0) rotate(45deg) scale(0.7, 1);
|
||||||
|
}
|
||||||
|
|
||||||
|
&::after {
|
||||||
|
transform: translate3d($hamburger-layer-width * 0.2, 0, 0) rotate(-45deg) scale(0.7, 1);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,16 @@
|
|||||||
|
@if index($hamburger-types, arrow) {
|
||||||
|
/*
|
||||||
|
* Arrow
|
||||||
|
*/
|
||||||
|
.hamburger--arrow.is-active {
|
||||||
|
.hamburger-inner {
|
||||||
|
&::before {
|
||||||
|
transform: translate3d($hamburger-layer-width * -0.2, 0, 0) rotate(-45deg) scale(0.7, 1);
|
||||||
|
}
|
||||||
|
|
||||||
|
&::after {
|
||||||
|
transform: translate3d($hamburger-layer-width * -0.2, 0, 0) rotate(45deg) scale(0.7, 1);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,36 @@
|
|||||||
|
@if index($hamburger-types, arrowalt-r) {
|
||||||
|
/*
|
||||||
|
* Arrow Alt Right
|
||||||
|
*/
|
||||||
|
.hamburger--arrowalt-r {
|
||||||
|
.hamburger-inner {
|
||||||
|
&::before {
|
||||||
|
transition: top 0.1s 0.1s ease,
|
||||||
|
transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
|
||||||
|
}
|
||||||
|
|
||||||
|
&::after {
|
||||||
|
transition: bottom 0.1s 0.1s ease,
|
||||||
|
transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.is-active {
|
||||||
|
.hamburger-inner {
|
||||||
|
&::before {
|
||||||
|
top: 0;
|
||||||
|
transform: translate3d($hamburger-layer-width * 0.2, $hamburger-layer-width * -0.25, 0) rotate(45deg) scale(0.7, 1);
|
||||||
|
transition: top 0.1s ease,
|
||||||
|
transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
|
||||||
|
}
|
||||||
|
|
||||||
|
&::after {
|
||||||
|
bottom: 0;
|
||||||
|
transform: translate3d($hamburger-layer-width * 0.2, $hamburger-layer-width * 0.25, 0) rotate(-45deg) scale(0.7, 1);
|
||||||
|
transition: bottom 0.1s ease,
|
||||||
|
transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,36 @@
|
|||||||
|
@if index($hamburger-types, arrowalt) {
|
||||||
|
/*
|
||||||
|
* Arrow Alt
|
||||||
|
*/
|
||||||
|
.hamburger--arrowalt {
|
||||||
|
.hamburger-inner {
|
||||||
|
&::before {
|
||||||
|
transition: top 0.1s 0.1s ease,
|
||||||
|
transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
|
||||||
|
}
|
||||||
|
|
||||||
|
&::after {
|
||||||
|
transition: bottom 0.1s 0.1s ease,
|
||||||
|
transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.is-active {
|
||||||
|
.hamburger-inner {
|
||||||
|
&::before {
|
||||||
|
top: 0;
|
||||||
|
transform: translate3d($hamburger-layer-width * -0.2, $hamburger-layer-width * -0.25, 0) rotate(-45deg) scale(0.7, 1);
|
||||||
|
transition: top 0.1s ease,
|
||||||
|
transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
|
||||||
|
}
|
||||||
|
|
||||||
|
&::after {
|
||||||
|
bottom: 0;
|
||||||
|
transform: translate3d($hamburger-layer-width * -0.2, $hamburger-layer-width * 0.25, 0) rotate(45deg) scale(0.7, 1);
|
||||||
|
transition: bottom 0.1s ease,
|
||||||
|
transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,18 @@
|
|||||||
|
@if index($hamburger-types, arrowturn-r) {
|
||||||
|
/*
|
||||||
|
* Arrow Turn Right
|
||||||
|
*/
|
||||||
|
.hamburger--arrowturn-r.is-active {
|
||||||
|
.hamburger-inner {
|
||||||
|
transform: rotate(-180deg);
|
||||||
|
|
||||||
|
&::before {
|
||||||
|
transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
|
||||||
|
}
|
||||||
|
|
||||||
|
&::after {
|
||||||
|
transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,18 @@
|
|||||||
|
@if index($hamburger-types, arrowturn) {
|
||||||
|
/*
|
||||||
|
* Arrow Turn
|
||||||
|
*/
|
||||||
|
.hamburger--arrowturn.is-active {
|
||||||
|
.hamburger-inner {
|
||||||
|
transform: rotate(-180deg);
|
||||||
|
|
||||||
|
&::before {
|
||||||
|
transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
|
||||||
|
}
|
||||||
|
|
||||||
|
&::after {
|
||||||
|
transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,30 @@
|
|||||||
|
@if index($hamburger-types, boring) {
|
||||||
|
/*
|
||||||
|
* Boring
|
||||||
|
*/
|
||||||
|
.hamburger--boring {
|
||||||
|
.hamburger-inner {
|
||||||
|
&,
|
||||||
|
&::before,
|
||||||
|
&::after {
|
||||||
|
transition-property: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.is-active {
|
||||||
|
.hamburger-inner {
|
||||||
|
transform: rotate(45deg);
|
||||||
|
|
||||||
|
&::before {
|
||||||
|
top: 0;
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
&::after {
|
||||||
|
bottom: 0;
|
||||||
|
transform: rotate(-90deg);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,47 @@
|
|||||||
|
@if index($hamburger-types, collapse-r) {
|
||||||
|
/*
|
||||||
|
* Collapse Reverse
|
||||||
|
*/
|
||||||
|
.hamburger--collapse-r {
|
||||||
|
.hamburger-inner {
|
||||||
|
top: auto;
|
||||||
|
bottom: 0;
|
||||||
|
transition-duration: 0.13s;
|
||||||
|
transition-delay: 0.13s;
|
||||||
|
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
|
||||||
|
|
||||||
|
&::after {
|
||||||
|
top: ($hamburger-layer-spacing * 2 + $hamburger-layer-height * 2) * -1;
|
||||||
|
transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),
|
||||||
|
opacity 0.1s linear;
|
||||||
|
}
|
||||||
|
|
||||||
|
&::before {
|
||||||
|
transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),
|
||||||
|
transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.is-active {
|
||||||
|
.hamburger-inner {
|
||||||
|
transform: translate3d(0, ($hamburger-layer-spacing + $hamburger-layer-height) * -1, 0) rotate(45deg);
|
||||||
|
transition-delay: 0.22s;
|
||||||
|
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
||||||
|
|
||||||
|
&::after {
|
||||||
|
top: 0;
|
||||||
|
opacity: 0;
|
||||||
|
transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
|
||||||
|
opacity 0.1s 0.22s linear;
|
||||||
|
}
|
||||||
|
|
||||||
|
&::before {
|
||||||
|
top: 0;
|
||||||
|
transform: rotate(90deg);
|
||||||
|
transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
|
||||||
|
transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,47 @@
|
|||||||
|
@if index($hamburger-types, collapse) {
|
||||||
|
/*
|
||||||
|
* Collapse
|
||||||
|
*/
|
||||||
|
.hamburger--collapse {
|
||||||
|
.hamburger-inner {
|
||||||
|
top: auto;
|
||||||
|
bottom: 0;
|
||||||
|
transition-duration: 0.13s;
|
||||||
|
transition-delay: 0.13s;
|
||||||
|
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
|
||||||
|
|
||||||
|
&::after {
|
||||||
|
top: ($hamburger-layer-spacing * 2 + $hamburger-layer-height * 2) * -1;
|
||||||
|
transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),
|
||||||
|
opacity 0.1s linear;
|
||||||
|
}
|
||||||
|
|
||||||
|
&::before {
|
||||||
|
transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),
|
||||||
|
transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.is-active {
|
||||||
|
.hamburger-inner {
|
||||||
|
transform: translate3d(0, ($hamburger-layer-spacing + $hamburger-layer-height) * -1, 0) rotate(-45deg);
|
||||||
|
transition-delay: 0.22s;
|
||||||
|
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
||||||
|
|
||||||
|
&::after {
|
||||||
|
top: 0;
|
||||||
|
opacity: 0;
|
||||||
|
transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
|
||||||
|
opacity 0.1s 0.22s linear;
|
||||||
|
}
|
||||||
|
|
||||||
|
&::before {
|
||||||
|
top: 0;
|
||||||
|
transform: rotate(-90deg);
|
||||||
|
transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
|
||||||
|
transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,41 @@
|
|||||||
|
@if index($hamburger-types, elastic-r) {
|
||||||
|
/*
|
||||||
|
* Elastic Reverse
|
||||||
|
*/
|
||||||
|
.hamburger--elastic-r {
|
||||||
|
.hamburger-inner {
|
||||||
|
top: $hamburger-layer-height / 2;
|
||||||
|
transition-duration: 0.275s;
|
||||||
|
transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
|
||||||
|
|
||||||
|
&::before {
|
||||||
|
top: $hamburger-layer-height + $hamburger-layer-spacing;
|
||||||
|
transition: opacity 0.125s 0.275s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
&::after {
|
||||||
|
top: ($hamburger-layer-height * 2) + ($hamburger-layer-spacing * 2);
|
||||||
|
transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.is-active {
|
||||||
|
.hamburger-inner {
|
||||||
|
$y-offset: $hamburger-layer-spacing + $hamburger-layer-height;
|
||||||
|
|
||||||
|
transform: translate3d(0, $y-offset, 0) rotate(-135deg);
|
||||||
|
transition-delay: 0.075s;
|
||||||
|
|
||||||
|
&::before {
|
||||||
|
transition-delay: 0s;
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
&::after {
|
||||||
|
transform: translate3d(0, $y-offset * -2, 0) rotate(270deg);
|
||||||
|
transition-delay: 0.075s;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,41 @@
|
|||||||
|
@if index($hamburger-types, elastic) {
|
||||||
|
/*
|
||||||
|
* Elastic
|
||||||
|
*/
|
||||||
|
.hamburger--elastic {
|
||||||
|
.hamburger-inner {
|
||||||
|
top: $hamburger-layer-height / 2;
|
||||||
|
transition-duration: 0.275s;
|
||||||
|
transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
|
||||||
|
|
||||||
|
&::before {
|
||||||
|
top: $hamburger-layer-height + $hamburger-layer-spacing;
|
||||||
|
transition: opacity 0.125s 0.275s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
&::after {
|
||||||
|
top: ($hamburger-layer-height * 2) + ($hamburger-layer-spacing * 2);
|
||||||
|
transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.is-active {
|
||||||
|
.hamburger-inner {
|
||||||
|
$y-offset: $hamburger-layer-spacing + $hamburger-layer-height;
|
||||||
|
|
||||||
|
transform: translate3d(0, $y-offset, 0) rotate(135deg);
|
||||||
|
transition-delay: 0.075s;
|
||||||
|
|
||||||
|
&::before {
|
||||||
|
transition-delay: 0s;
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
&::after {
|
||||||
|
transform: translate3d(0, $y-offset * -2, 0) rotate(-270deg);
|
||||||
|
transition-delay: 0.075s;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,53 @@
|
|||||||
|
@if index($hamburger-types, emphatic-r) {
|
||||||
|
/*
|
||||||
|
* Emphatic Reverse
|
||||||
|
*/
|
||||||
|
.hamburger--emphatic-r {
|
||||||
|
overflow: hidden;
|
||||||
|
|
||||||
|
.hamburger-inner {
|
||||||
|
transition: background-color 0.125s 0.175s ease-in;
|
||||||
|
|
||||||
|
&::before {
|
||||||
|
left: 0;
|
||||||
|
transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335),
|
||||||
|
top 0.05s 0.125s linear,
|
||||||
|
left 0.125s 0.175s ease-in;
|
||||||
|
}
|
||||||
|
|
||||||
|
&::after {
|
||||||
|
top: ($hamburger-layer-height) + ($hamburger-layer-spacing);
|
||||||
|
right: 0;
|
||||||
|
transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335),
|
||||||
|
top 0.05s 0.125s linear,
|
||||||
|
right 0.125s 0.175s ease-in;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.is-active {
|
||||||
|
.hamburger-inner {
|
||||||
|
transition-delay: 0s;
|
||||||
|
transition-timing-function: ease-out;
|
||||||
|
background-color: transparent !important;
|
||||||
|
|
||||||
|
&::before {
|
||||||
|
left: $hamburger-layer-width * -2;
|
||||||
|
top: $hamburger-layer-width * 2;
|
||||||
|
transform: translate3d($hamburger-layer-width * 2, $hamburger-layer-width * -2, 0) rotate(-45deg);
|
||||||
|
transition: left 0.125s ease-out,
|
||||||
|
top 0.05s 0.125s linear,
|
||||||
|
transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
|
||||||
|
}
|
||||||
|
|
||||||
|
&::after {
|
||||||
|
right: $hamburger-layer-width * -2;
|
||||||
|
top: $hamburger-layer-width * 2;
|
||||||
|
transform: translate3d($hamburger-layer-width * -2, $hamburger-layer-width * -2, 0) rotate(45deg);
|
||||||
|
transition: right 0.125s ease-out,
|
||||||
|
top 0.05s 0.125s linear,
|
||||||
|
transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,53 @@
|
|||||||
|
@if index($hamburger-types, emphatic) {
|
||||||
|
/*
|
||||||
|
* Emphatic
|
||||||
|
*/
|
||||||
|
.hamburger--emphatic {
|
||||||
|
overflow: hidden;
|
||||||
|
|
||||||
|
.hamburger-inner {
|
||||||
|
transition: background-color 0.125s 0.175s ease-in;
|
||||||
|
|
||||||
|
&::before {
|
||||||
|
left: 0;
|
||||||
|
transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335),
|
||||||
|
top 0.05s 0.125s linear,
|
||||||
|
left 0.125s 0.175s ease-in;
|
||||||
|
}
|
||||||
|
|
||||||
|
&::after {
|
||||||
|
top: ($hamburger-layer-height) + ($hamburger-layer-spacing);
|
||||||
|
right: 0;
|
||||||
|
transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335),
|
||||||
|
top 0.05s 0.125s linear,
|
||||||
|
right 0.125s 0.175s ease-in;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.is-active {
|
||||||
|
.hamburger-inner {
|
||||||
|
transition-delay: 0s;
|
||||||
|
transition-timing-function: ease-out;
|
||||||
|
background-color: transparent !important;
|
||||||
|
|
||||||
|
&::before {
|
||||||
|
left: $hamburger-layer-width * -2;
|
||||||
|
top: $hamburger-layer-width * -2;
|
||||||
|
transform: translate3d($hamburger-layer-width * 2, $hamburger-layer-width * 2, 0) rotate(45deg);
|
||||||
|
transition: left 0.125s ease-out,
|
||||||
|
top 0.05s 0.125s linear,
|
||||||
|
transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
|
||||||
|
}
|
||||||
|
|
||||||
|
&::after {
|
||||||
|
right: $hamburger-layer-width * -2;
|
||||||
|
top: $hamburger-layer-width * -2;
|
||||||
|
transform: translate3d($hamburger-layer-width * -2, $hamburger-layer-width * 2, 0) rotate(-45deg);
|
||||||
|
transition: right 0.125s ease-out,
|
||||||
|
top 0.05s 0.125s linear,
|
||||||
|
transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,34 @@
|
|||||||
|
@if index($hamburger-types, minus) {
|
||||||
|
/*
|
||||||
|
* Minus
|
||||||
|
*/
|
||||||
|
.hamburger--minus {
|
||||||
|
.hamburger-inner {
|
||||||
|
&::before,
|
||||||
|
&::after {
|
||||||
|
transition: bottom 0.08s 0s ease-out,
|
||||||
|
top 0.08s 0s ease-out,
|
||||||
|
opacity 0s linear;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.is-active {
|
||||||
|
.hamburger-inner {
|
||||||
|
&::before,
|
||||||
|
&::after {
|
||||||
|
opacity: 0;
|
||||||
|
transition: bottom 0.08s ease-out,
|
||||||
|
top 0.08s ease-out,
|
||||||
|
opacity 0s 0.08s linear;
|
||||||
|
}
|
||||||
|
&::before {
|
||||||
|
top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
&::after {
|
||||||
|
bottom: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,38 @@
|
|||||||
|
@if index($hamburger-types, slider-r) {
|
||||||
|
/*
|
||||||
|
* Slider Reverse
|
||||||
|
*/
|
||||||
|
.hamburger--slider-r {
|
||||||
|
.hamburger-inner {
|
||||||
|
top: $hamburger-layer-height / 2;
|
||||||
|
|
||||||
|
&::before {
|
||||||
|
top: $hamburger-layer-height + $hamburger-layer-spacing;
|
||||||
|
transition-property: transform, opacity;
|
||||||
|
transition-timing-function: ease;
|
||||||
|
transition-duration: 0.15s;
|
||||||
|
}
|
||||||
|
|
||||||
|
&::after {
|
||||||
|
top: ($hamburger-layer-height * 2) + ($hamburger-layer-spacing * 2);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.is-active {
|
||||||
|
.hamburger-inner {
|
||||||
|
$y-offset: $hamburger-layer-spacing + $hamburger-layer-height;
|
||||||
|
|
||||||
|
transform: translate3d(0, $y-offset, 0) rotate(-45deg);
|
||||||
|
|
||||||
|
&::before {
|
||||||
|
transform: rotate(45deg) translate3d($hamburger-layer-width / 7, $hamburger-layer-spacing * -1, 0);
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
&::after {
|
||||||
|
transform: translate3d(0, $y-offset * -2, 0) rotate(90deg);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,38 @@
|
|||||||
|
@if index($hamburger-types, slider) {
|
||||||
|
/*
|
||||||
|
* Slider
|
||||||
|
*/
|
||||||
|
.hamburger--slider {
|
||||||
|
.hamburger-inner {
|
||||||
|
top: $hamburger-layer-height / 2;
|
||||||
|
|
||||||
|
&::before {
|
||||||
|
top: $hamburger-layer-height + $hamburger-layer-spacing;
|
||||||
|
transition-property: transform, opacity;
|
||||||
|
transition-timing-function: ease;
|
||||||
|
transition-duration: 0.15s;
|
||||||
|
}
|
||||||
|
|
||||||
|
&::after {
|
||||||
|
top: ($hamburger-layer-height * 2) + ($hamburger-layer-spacing * 2);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.is-active {
|
||||||
|
.hamburger-inner {
|
||||||
|
$y-offset: $hamburger-layer-spacing + $hamburger-layer-height;
|
||||||
|
|
||||||
|
transform: translate3d(0, $y-offset, 0) rotate(45deg);
|
||||||
|
|
||||||
|
&::before {
|
||||||
|
transform: rotate(-45deg) translate3d($hamburger-layer-width / -7, $hamburger-layer-spacing * -1, 0);
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
&::after {
|
||||||
|
transform: translate3d(0, $y-offset * -2, 0) rotate(-90deg);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,43 @@
|
|||||||
|
@if index($hamburger-types, spin-r) {
|
||||||
|
/*
|
||||||
|
* Spin Reverse
|
||||||
|
*/
|
||||||
|
.hamburger--spin-r {
|
||||||
|
.hamburger-inner {
|
||||||
|
transition-duration: 0.22s;
|
||||||
|
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
|
||||||
|
|
||||||
|
&::before {
|
||||||
|
transition: top 0.1s 0.25s ease-in,
|
||||||
|
opacity 0.1s ease-in;
|
||||||
|
}
|
||||||
|
|
||||||
|
&::after {
|
||||||
|
transition: bottom 0.1s 0.25s ease-in,
|
||||||
|
transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.is-active {
|
||||||
|
.hamburger-inner {
|
||||||
|
transform: rotate(-225deg);
|
||||||
|
transition-delay: 0.12s;
|
||||||
|
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
||||||
|
|
||||||
|
&::before {
|
||||||
|
top: 0;
|
||||||
|
opacity: 0;
|
||||||
|
transition: top 0.1s ease-out,
|
||||||
|
opacity 0.1s 0.12s ease-out;
|
||||||
|
}
|
||||||
|
|
||||||
|
&::after {
|
||||||
|
bottom: 0;
|
||||||
|
transform: rotate(90deg);
|
||||||
|
transition: bottom 0.1s ease-out,
|
||||||
|
transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,43 @@
|
|||||||
|
@if index($hamburger-types, spin) {
|
||||||
|
/*
|
||||||
|
* Spin
|
||||||
|
*/
|
||||||
|
.hamburger--spin {
|
||||||
|
.hamburger-inner {
|
||||||
|
transition-duration: 0.22s;
|
||||||
|
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
|
||||||
|
|
||||||
|
&::before {
|
||||||
|
transition: top 0.1s 0.25s ease-in,
|
||||||
|
opacity 0.1s ease-in;
|
||||||
|
}
|
||||||
|
|
||||||
|
&::after {
|
||||||
|
transition: bottom 0.1s 0.25s ease-in,
|
||||||
|
transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.is-active {
|
||||||
|
.hamburger-inner {
|
||||||
|
transform: rotate(225deg);
|
||||||
|
transition-delay: 0.12s;
|
||||||
|
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
||||||
|
|
||||||
|
&::before {
|
||||||
|
top: 0;
|
||||||
|
opacity: 0;
|
||||||
|
transition: top 0.1s ease-out,
|
||||||
|
opacity 0.1s 0.12s ease-out;
|
||||||
|
}
|
||||||
|
|
||||||
|
&::after {
|
||||||
|
bottom: 0;
|
||||||
|
transform: rotate(-90deg);
|
||||||
|
transition: bottom 0.1s ease-out,
|
||||||
|
transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,47 @@
|
|||||||
|
@if index($hamburger-types, spring-r) {
|
||||||
|
/*
|
||||||
|
* Spring Reverse
|
||||||
|
*/
|
||||||
|
.hamburger--spring-r {
|
||||||
|
.hamburger-inner {
|
||||||
|
top: auto;
|
||||||
|
bottom: 0;
|
||||||
|
transition-duration: 0.13s;
|
||||||
|
transition-delay: 0s;
|
||||||
|
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
|
||||||
|
|
||||||
|
&::after {
|
||||||
|
top: ($hamburger-layer-spacing * 2 + $hamburger-layer-height * 2) * -1;
|
||||||
|
transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),
|
||||||
|
opacity 0s linear;
|
||||||
|
}
|
||||||
|
|
||||||
|
&::before {
|
||||||
|
transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),
|
||||||
|
transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.is-active {
|
||||||
|
.hamburger-inner {
|
||||||
|
transform: translate3d(0, ($hamburger-layer-spacing + $hamburger-layer-height) * -1, 0) rotate(-45deg);
|
||||||
|
transition-delay: 0.22s;
|
||||||
|
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
||||||
|
|
||||||
|
&::after {
|
||||||
|
top: 0;
|
||||||
|
opacity: 0;
|
||||||
|
transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
|
||||||
|
opacity 0s 0.22s linear;
|
||||||
|
}
|
||||||
|
|
||||||
|
&::before {
|
||||||
|
top: 0;
|
||||||
|
transform: rotate(90deg);
|
||||||
|
transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
|
||||||
|
transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,44 @@
|
|||||||
|
@if index($hamburger-types, spring) {
|
||||||
|
/*
|
||||||
|
* Spring
|
||||||
|
*/
|
||||||
|
.hamburger--spring {
|
||||||
|
.hamburger-inner {
|
||||||
|
top: $hamburger-layer-height / 2;
|
||||||
|
transition: background-color 0s 0.13s linear;
|
||||||
|
|
||||||
|
&::before {
|
||||||
|
top: $hamburger-layer-height + $hamburger-layer-spacing;
|
||||||
|
transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),
|
||||||
|
transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
|
||||||
|
}
|
||||||
|
|
||||||
|
&::after {
|
||||||
|
top: ($hamburger-layer-height * 2) + ($hamburger-layer-spacing * 2);
|
||||||
|
transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),
|
||||||
|
transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.is-active {
|
||||||
|
.hamburger-inner {
|
||||||
|
transition-delay: 0.22s;
|
||||||
|
background-color: transparent !important;
|
||||||
|
|
||||||
|
&::before {
|
||||||
|
top: 0;
|
||||||
|
transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
|
||||||
|
transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
|
||||||
|
transform: translate3d(0, $hamburger-layer-spacing + $hamburger-layer-height, 0) rotate(45deg);
|
||||||
|
}
|
||||||
|
|
||||||
|
&::after {
|
||||||
|
top: 0;
|
||||||
|
transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
|
||||||
|
transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
|
||||||
|
transform: translate3d(0, $hamburger-layer-spacing + $hamburger-layer-height, 0) rotate(-45deg);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,43 @@
|
|||||||
|
@if index($hamburger-types, squeeze) {
|
||||||
|
/*
|
||||||
|
* Squeeze
|
||||||
|
*/
|
||||||
|
.hamburger--squeeze {
|
||||||
|
.hamburger-inner {
|
||||||
|
transition-duration: 0.075s;
|
||||||
|
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
|
||||||
|
|
||||||
|
&::before {
|
||||||
|
transition: top 0.075s 0.12s ease,
|
||||||
|
opacity 0.075s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
&::after {
|
||||||
|
transition: bottom 0.075s 0.12s ease,
|
||||||
|
transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.is-active {
|
||||||
|
.hamburger-inner {
|
||||||
|
transform: rotate(45deg);
|
||||||
|
transition-delay: 0.12s;
|
||||||
|
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
||||||
|
|
||||||
|
&::before {
|
||||||
|
top: 0;
|
||||||
|
opacity: 0;
|
||||||
|
transition: top 0.075s ease,
|
||||||
|
opacity 0.075s 0.12s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
&::after {
|
||||||
|
bottom: 0;
|
||||||
|
transform: rotate(-90deg);
|
||||||
|
transition: bottom 0.075s ease,
|
||||||
|
transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,45 @@
|
|||||||
|
@if index($hamburger-types, stand-r) {
|
||||||
|
/*
|
||||||
|
* Stand Reverse
|
||||||
|
*/
|
||||||
|
.hamburger--stand-r {
|
||||||
|
.hamburger-inner {
|
||||||
|
transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19),
|
||||||
|
background-color 0s 0.075s linear;
|
||||||
|
|
||||||
|
&::before {
|
||||||
|
transition: top 0.075s 0.075s ease-in,
|
||||||
|
transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
|
||||||
|
}
|
||||||
|
|
||||||
|
&::after {
|
||||||
|
transition: bottom 0.075s 0.075s ease-in,
|
||||||
|
transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.is-active {
|
||||||
|
.hamburger-inner {
|
||||||
|
transform: rotate(-90deg);
|
||||||
|
background-color: transparent !important;
|
||||||
|
|
||||||
|
transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1),
|
||||||
|
background-color 0s 0.15s linear;
|
||||||
|
|
||||||
|
&::before {
|
||||||
|
top: 0;
|
||||||
|
transform: rotate(-45deg);
|
||||||
|
transition: top 0.075s 0.1s ease-out,
|
||||||
|
transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
|
||||||
|
}
|
||||||
|
|
||||||
|
&::after {
|
||||||
|
bottom: 0;
|
||||||
|
transform: rotate(45deg);
|
||||||
|
transition: bottom 0.075s 0.1s ease-out,
|
||||||
|
transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,45 @@
|
|||||||
|
@if index($hamburger-types, stand) {
|
||||||
|
/*
|
||||||
|
* Stand
|
||||||
|
*/
|
||||||
|
.hamburger--stand {
|
||||||
|
.hamburger-inner {
|
||||||
|
transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19),
|
||||||
|
background-color 0s 0.075s linear;
|
||||||
|
|
||||||
|
&::before {
|
||||||
|
transition: top 0.075s 0.075s ease-in,
|
||||||
|
transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
|
||||||
|
}
|
||||||
|
|
||||||
|
&::after {
|
||||||
|
transition: bottom 0.075s 0.075s ease-in,
|
||||||
|
transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.is-active {
|
||||||
|
.hamburger-inner {
|
||||||
|
transform: rotate(90deg);
|
||||||
|
background-color: transparent !important;
|
||||||
|
|
||||||
|
transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1),
|
||||||
|
background-color 0s 0.15s linear;
|
||||||
|
|
||||||
|
&::before {
|
||||||
|
top: 0;
|
||||||
|
transform: rotate(-45deg);
|
||||||
|
transition: top 0.075s 0.1s ease-out,
|
||||||
|
transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
|
||||||
|
}
|
||||||
|
|
||||||
|
&::after {
|
||||||
|
bottom: 0;
|
||||||
|
transform: rotate(45deg);
|
||||||
|
transition: bottom 0.075s 0.1s ease-out,
|
||||||
|
transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,48 @@
|
|||||||
|
@if index($hamburger-types, vortex-r) {
|
||||||
|
/*
|
||||||
|
* Vortex Reverse
|
||||||
|
*/
|
||||||
|
.hamburger--vortex-r {
|
||||||
|
.hamburger-inner {
|
||||||
|
transition-duration: 0.2s;
|
||||||
|
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
|
||||||
|
|
||||||
|
&::before,
|
||||||
|
&::after {
|
||||||
|
transition-duration: 0s;
|
||||||
|
transition-delay: 0.1s;
|
||||||
|
transition-timing-function: linear;
|
||||||
|
}
|
||||||
|
|
||||||
|
&::before {
|
||||||
|
transition-property: top, opacity;
|
||||||
|
}
|
||||||
|
|
||||||
|
&::after {
|
||||||
|
transition-property: bottom, transform;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.is-active {
|
||||||
|
.hamburger-inner {
|
||||||
|
transform: rotate(-765deg);
|
||||||
|
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
|
||||||
|
|
||||||
|
&::before,
|
||||||
|
&::after {
|
||||||
|
transition-delay: 0s;
|
||||||
|
}
|
||||||
|
|
||||||
|
&::before {
|
||||||
|
top: 0;
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
&::after {
|
||||||
|
bottom: 0;
|
||||||
|
transform: rotate(-90deg);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,48 @@
|
|||||||
|
@if index($hamburger-types, vortex) {
|
||||||
|
/*
|
||||||
|
* Vortex
|
||||||
|
*/
|
||||||
|
.hamburger--vortex {
|
||||||
|
.hamburger-inner {
|
||||||
|
transition-duration: 0.2s;
|
||||||
|
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
|
||||||
|
|
||||||
|
&::before,
|
||||||
|
&::after {
|
||||||
|
transition-duration: 0s;
|
||||||
|
transition-delay: 0.1s;
|
||||||
|
transition-timing-function: linear;
|
||||||
|
}
|
||||||
|
|
||||||
|
&::before {
|
||||||
|
transition-property: top, opacity;
|
||||||
|
}
|
||||||
|
|
||||||
|
&::after {
|
||||||
|
transition-property: bottom, transform;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.is-active {
|
||||||
|
.hamburger-inner {
|
||||||
|
transform: rotate(765deg);
|
||||||
|
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
|
||||||
|
|
||||||
|
&::before,
|
||||||
|
&::after {
|
||||||
|
transition-delay: 0s;
|
||||||
|
}
|
||||||
|
|
||||||
|
&::before {
|
||||||
|
top: 0;
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
&::after {
|
||||||
|
bottom: 0;
|
||||||
|
transform: rotate(90deg);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,201 @@
|
|||||||
|
/**
|
||||||
|
* @file
|
||||||
|
* Presentational styles for Drupal stark theme layout.
|
||||||
|
*
|
||||||
|
* It is left empty for testing purposes.
|
||||||
|
*
|
||||||
|
* @see https://www.drupal.org/project/drupal/issues/2349711
|
||||||
|
*/
|
||||||
|
|
||||||
|
// configs
|
||||||
|
@import "configs/var.scss";
|
||||||
|
@import "configs/mixin.scss";
|
||||||
|
@import "configs/typography.scss";
|
||||||
|
@import "configs/global.scss";
|
||||||
|
|
||||||
|
// Lib Js
|
||||||
|
@import "hamburgers/hamburgers.scss";
|
||||||
|
|
||||||
|
// Pages
|
||||||
|
@import "pages/layout.scss";
|
||||||
|
@import "pages/front.scss";
|
||||||
|
@import "pages/presentation.scss";
|
||||||
|
@import "pages/programme.scss";
|
||||||
|
@import "pages/ressources.scss";
|
||||||
|
@import "pages/informations.scss";
|
||||||
|
@import "pages/moments.scss";
|
||||||
|
@import "pages/publications.scss";
|
||||||
|
@import "pages/intervenants.scss";
|
||||||
|
@import "pages/node_participants.scss";
|
||||||
|
|
||||||
|
|
||||||
|
@import "pages/search.scss";
|
||||||
|
// components
|
||||||
|
@import "components/components.scss";
|
||||||
|
|
||||||
|
|
||||||
|
.no-flexbox .box { color: red; }
|
||||||
|
.flexbox .box { color: green; }
|
||||||
|
|
||||||
|
|
||||||
|
article img,
|
||||||
|
.side_notes img{
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
object-fit: cover;
|
||||||
|
}
|
||||||
|
|
||||||
|
.layout-content{
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
#presentation{
|
||||||
|
.__wrapper{
|
||||||
|
.__wrap_side{
|
||||||
|
position: inherit;
|
||||||
|
@media screen and (min-width: 768px){
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.notes{
|
||||||
|
& > div{
|
||||||
|
position: absolute;
|
||||||
|
margin-top: 2rem;
|
||||||
|
@media screen and (min-width: 768px){
|
||||||
|
margin-top: -2rem;
|
||||||
|
}
|
||||||
|
&> div{
|
||||||
|
background: white;
|
||||||
|
padding: 0.5rem;
|
||||||
|
p{
|
||||||
|
font-family: 'cormorantBold';
|
||||||
|
margin: 0;
|
||||||
|
color: $color2;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.close{
|
||||||
|
cursor: pointer;
|
||||||
|
background: $color2;
|
||||||
|
position: absolute;
|
||||||
|
top: -12px;
|
||||||
|
left: -15px;
|
||||||
|
width: 30px;
|
||||||
|
height: 27px;
|
||||||
|
&::after{
|
||||||
|
content: "+";
|
||||||
|
color: white;
|
||||||
|
display: block;
|
||||||
|
margin: auto;
|
||||||
|
text-align: center;
|
||||||
|
transform: rotate(45deg);
|
||||||
|
margin-top: -6px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.side_notes{
|
||||||
|
position: absolute;
|
||||||
|
width: calc(100% - 30px);
|
||||||
|
left: 30px;
|
||||||
|
width: calc(100% - 45px);
|
||||||
|
@media screen and (min-width: 768px){
|
||||||
|
margin-top: -3rem;
|
||||||
|
}
|
||||||
|
.wrap{
|
||||||
|
position: relative;
|
||||||
|
width: max-content;
|
||||||
|
.__hero{
|
||||||
|
margin: 0!important;
|
||||||
|
height: 200px;
|
||||||
|
max-width: 300px;
|
||||||
|
.__img{
|
||||||
|
height: 200px;
|
||||||
|
img{
|
||||||
|
width: auto;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.__head{
|
||||||
|
background: white;
|
||||||
|
padding: 0.5rem;
|
||||||
|
width: max-content;
|
||||||
|
min-width: 300px;
|
||||||
|
& > *{
|
||||||
|
font-family: 'cormorantBold';
|
||||||
|
color: $color2;
|
||||||
|
display:inline;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.thumbnails.bibliographie{
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.close{
|
||||||
|
cursor: pointer;
|
||||||
|
background: $color2;
|
||||||
|
position: absolute;
|
||||||
|
top: -12px;
|
||||||
|
left: -15px;
|
||||||
|
width: 30px;
|
||||||
|
height: 27px;
|
||||||
|
&::after{
|
||||||
|
content: "+";
|
||||||
|
color: white;
|
||||||
|
display: block;
|
||||||
|
margin: auto;
|
||||||
|
text-align: center;
|
||||||
|
transform: rotate(45deg);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.side_notes *{
|
||||||
|
margin: 0 0 0 0;
|
||||||
|
padding: 0;
|
||||||
|
flex: 100%;
|
||||||
|
max-width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
// tac
|
||||||
|
#tarteaucitronRoot{
|
||||||
|
#tarteaucitronDisclaimerAlert,
|
||||||
|
#tarteaucitronPersonalize,
|
||||||
|
#tarteaucitronCloseAlert,
|
||||||
|
#tarteaucitronPrivacyUrl,
|
||||||
|
#tarteaucitronInfo,
|
||||||
|
.tarteaucitronH1,
|
||||||
|
.tarteaucitronH2,
|
||||||
|
button,
|
||||||
|
li span,
|
||||||
|
li a{
|
||||||
|
font-family: 'truenoregular'!important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
// reveal
|
||||||
|
.__img-hero,
|
||||||
|
.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,
|
||||||
|
.__ressources > *,
|
||||||
|
article#presentation p,
|
||||||
|
.letter-sort,
|
||||||
|
.participant_full .content > *,
|
||||||
|
.programme.container,
|
||||||
|
.programme .thumbnails,
|
||||||
|
.views.__publications .thumbnails,
|
||||||
|
.les_intervenants .thumbnails_participants,
|
||||||
|
#moments .__title,
|
||||||
|
#moments .__wrapper,
|
||||||
|
#moments .__wrap_content .__content > *,
|
||||||
|
#moments .__wrap_side{
|
||||||
|
visibility: hidden;
|
||||||
|
}
|
||||||
@@ -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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user