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