release candidate

This commit is contained in:
Bachir Soussi Chiadmi
2017-12-30 17:48:05 +01:00
parent 13bd34d2b3
commit 3983d1fdaf
232 changed files with 24427 additions and 11080 deletions
+209 -152
View File
@@ -171,7 +171,6 @@ figure {
* Address differences between Firefox and other browsers.
*/
hr {
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 0; }
@@ -278,7 +277,6 @@ input {
*/
input[type="checkbox"],
input[type="radio"] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
/* 1 */
padding: 0;
@@ -300,7 +298,6 @@ input[type="number"]::-webkit-outer-spin-button {
input[type="search"] {
-webkit-appearance: textfield;
/* 1 */
-webkit-box-sizing: content-box;
box-sizing: content-box;
/* 2 */ }
@@ -406,6 +403,7 @@ html, body {
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
html,
@@ -1711,7 +1709,6 @@ select {
margin-bottom: 1.25rem;
padding: 0.875rem 1.5rem 0.875rem 0.875rem;
position: relative;
-webkit-transition: opacity 300ms ease-out;
transition: opacity 300ms ease-out;
background-color: #008CBA;
border-color: #0078a0;
@@ -2103,7 +2100,6 @@ button, .button {
background-color: #008CBA;
border-color: #007095;
color: #FFFFFF;
-webkit-transition: background-color 300ms ease-out;
transition: background-color 300ms ease-out; }
button:hover, button:focus, .button:hover, .button:focus {
background-color: #007095; }
@@ -2180,7 +2176,6 @@ button, .button {
background-color: #008CBA;
border-color: #007095;
color: #FFFFFF;
-webkit-box-shadow: none;
box-shadow: none;
cursor: default;
opacity: 0.7; }
@@ -2194,7 +2189,6 @@ button, .button {
background-color: #e7e7e7;
border-color: #b9b9b9;
color: #333333;
-webkit-box-shadow: none;
box-shadow: none;
cursor: default;
opacity: 0.7; }
@@ -2208,7 +2202,6 @@ button, .button {
background-color: #43AC6A;
border-color: #368a55;
color: #FFFFFF;
-webkit-box-shadow: none;
box-shadow: none;
cursor: default;
opacity: 0.7; }
@@ -2222,7 +2215,6 @@ button, .button {
background-color: #f04124;
border-color: #cf2a0e;
color: #FFFFFF;
-webkit-box-shadow: none;
box-shadow: none;
cursor: default;
opacity: 0.7; }
@@ -2236,7 +2228,6 @@ button, .button {
background-color: #f08a24;
border-color: #cf6e0e;
color: #FFFFFF;
-webkit-box-shadow: none;
box-shadow: none;
cursor: default;
opacity: 0.7; }
@@ -2250,7 +2241,6 @@ button, .button {
background-color: #a0d3e8;
border-color: #61b6d9;
color: #333333;
-webkit-box-shadow: none;
box-shadow: none;
cursor: default;
opacity: 0.7; }
@@ -2749,6 +2739,9 @@ button::-moz-focus-inner {
left: 50%;
top: 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
-moz-transform: translateY(-50%) translateX(-50%);
-ms-transform: translateY(-50%) translateX(-50%);
-o-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
max-height: 100%;
max-width: 100%; }
@@ -2847,7 +2840,6 @@ button::-moz-focus-inner {
max-width: none; }
.clearing-assembled .clearing-container .carousel > ul li a.th {
border: none;
-webkit-box-shadow: none;
box-shadow: none;
display: block; }
.clearing-assembled .clearing-container .carousel > ul li img {
@@ -3309,7 +3301,6 @@ input:not([type]), input[type="text"], input[type="password"], input[type="date"
border-style: solid;
border-width: 1px;
border-color: #cccccc;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
color: rgba(0, 0, 0, 0.75);
display: block;
@@ -3320,8 +3311,12 @@ input:not([type]), input[type="text"], input[type="password"], input[type="date"
padding: 0.5rem;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: border-color 0.15s linear, background 0.15s linear;
-moz-transition: border-color 0.15s linear, background 0.15s linear;
-ms-transition: border-color 0.15s linear, background 0.15s linear;
-o-transition: border-color 0.15s linear, background 0.15s linear;
transition: border-color 0.15s linear, background 0.15s linear; }
input:not([type]):focus, input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="color"]:focus, textarea:focus {
background: #fafafa;
@@ -3970,7 +3965,6 @@ label.error {
.joyride-expose-wrapper {
background-color: #FFFFFF;
border-radius: 3px;
-webkit-box-shadow: 0 0 15px #FFFFFF;
box-shadow: 0 0 15px #FFFFFF;
position: absolute;
z-index: 102; }
@@ -4081,9 +4075,13 @@ kbd {
@keyframes rotate {
from {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg); }
to {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg); } }
/* Orbit Graceful Loading */
@@ -4107,13 +4105,9 @@ kbd {
display: inline-block; }
.slideshow-wrapper .preloader {
border-radius: 1000px;
-webkit-animation-duration: 1.5s;
animation-duration: 1.5s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-name: rotate;
animation-name: rotate;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
border-color: #555555 #FFFFFF;
border: solid 3px;
@@ -4137,6 +4131,9 @@ kbd {
padding: 0;
position: relative;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0); }
.orbit-container .orbit-slides-container img {
display: block;
@@ -4314,7 +4311,6 @@ ul.pagination {
margin-left: 0.3125rem; }
ul.pagination li a, ul.pagination li button {
border-radius: 3px;
-webkit-transition: background-color 300ms ease-out;
transition: background-color 300ms ease-out;
background: none;
color: #999999;
@@ -4610,7 +4606,6 @@ ul.pagination {
background-color: #FFFFFF;
padding: 1.875rem;
border: solid 1px #666666;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); }
@media only screen and (max-width: 40em) {
.reveal-modal {
@@ -4632,16 +4627,13 @@ ul.pagination {
.reveal-modal {
top: 6.25rem; } }
.reveal-modal.radius {
-webkit-box-shadow: none;
box-shadow: none;
border-radius: 3px; }
.reveal-modal.round {
-webkit-box-shadow: none;
box-shadow: none;
border-radius: 1000px; }
.reveal-modal.collapse {
padding: 0;
-webkit-box-shadow: none;
box-shadow: none; }
@media only screen and (min-width: 40.0625em) {
.reveal-modal.tiny {
@@ -4897,7 +4889,6 @@ ul.pagination {
text-indent: 100%;
width: 4rem;
height: 2rem;
-webkit-transition: left 0.15s ease-out;
transition: left 0.15s ease-out; }
.switch input {
left: 10px;
@@ -4918,8 +4909,13 @@ ul.pagination {
top: .25rem;
width: 1.5rem;
-webkit-transition: left 0.15s ease-out;
-moz-transition: left 0.15s ease-out;
-o-transition: translate3d(0, 0, 0);
transition: left 0.15s ease-out;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
.switch input:checked + label {
background: #008CBA; }
@@ -5110,15 +5106,12 @@ table {
/* Image Thumbnails */
.th {
border: solid 4px #FFFFFF;
-webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
display: inline-block;
line-height: 0;
max-width: 100%;
-webkit-transition: all 200ms ease-out;
transition: all 200ms ease-out; }
.th:hover, .th:focus {
-webkit-box-shadow: 0 0 6px 1px rgba(0, 140, 186, 0.5);
box-shadow: 0 0 6px 1px rgba(0, 140, 186, 0.5); }
.th.radius {
border-radius: 3px; }
@@ -5309,11 +5302,9 @@ meta.foundation-mq-topbar {
margin-top: -8px;
top: 50%;
right: 0.9375rem;
-webkit-box-shadow: 0 0 0 1px #FFFFFF, 0 7px 0 1px #FFFFFF, 0 14px 0 1px #FFFFFF;
box-shadow: 0 0 0 1px #FFFFFF, 0 7px 0 1px #FFFFFF, 0 14px 0 1px #FFFFFF;
width: 16px; }
.top-bar .toggle-topbar.menu-icon a span:hover:after {
-webkit-box-shadow: 0 0 0 1px "", 0 7px 0 1px "", 0 14px 0 1px "";
box-shadow: 0 0 0 1px "", 0 7px 0 1px "", 0 14px 0 1px ""; }
.top-bar.expanded {
background: transparent;
@@ -5323,7 +5314,6 @@ meta.foundation-mq-topbar {
.top-bar.expanded .toggle-topbar a {
color: #888888; }
.top-bar.expanded .toggle-topbar a span::after {
-webkit-box-shadow: 0 0 0 1px #888888, 0 7px 0 1px #888888, 0 14px 0 1px #888888;
box-shadow: 0 0 0 1px #888888, 0 7px 0 1px #888888, 0 14px 0 1px #888888; }
@media screen and (-webkit-min-device-pixel-ratio: 0) {
.top-bar.expanded .top-bar-section .has-dropdown.moved > .dropdown,
@@ -5336,7 +5326,6 @@ meta.foundation-mq-topbar {
left: 0;
position: relative;
width: auto;
-webkit-transition: left 300ms ease-out;
transition: left 300ms ease-out; }
.top-bar-section ul {
display: block;
@@ -5591,7 +5580,6 @@ meta.foundation-mq-topbar {
margin-bottom: 0;
max-width: 62.5rem; }
.top-bar-section {
-webkit-transition: none 0 0;
transition: none 0 0;
left: 0 !important; }
.top-bar-section ul {
@@ -6108,7 +6096,6 @@ blockquote p {
background: transparent !important;
color: #000000 !important;
/* Black prints faster: h5bp.com/s */
-webkit-box-shadow: none !important;
box-shadow: none !important;
text-shadow: none !important; }
a,
@@ -6158,9 +6145,10 @@ blockquote p {
position: relative;
width: 100%;
-webkit-transition: -webkit-transform 500ms ease;
transition: -webkit-transform 500ms ease;
transition: transform 500ms ease;
transition: transform 500ms ease, -webkit-transform 500ms ease; }
-moz-transition: -moz-transform 500ms ease;
-ms-transition: -ms-transform 500ms ease;
-o-transition: -o-transform 500ms ease;
transition: transform 500ms ease; }
.inner-wrap:before, .inner-wrap:after {
content: " ";
display: table; }
@@ -6225,7 +6213,6 @@ blockquote p {
padding: 0;
position: relative;
text-indent: 2.1875rem;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
width: 2.8125rem; }
.tab-bar .menu-icon span::after {
@@ -6236,31 +6223,28 @@ blockquote p {
top: 50%;
margin-top: -0.5rem;
left: 0.90625rem;
-webkit-box-shadow: 0 0 0 1px #FFFFFF, 0 7px 0 1px #FFFFFF, 0 14px 0 1px #FFFFFF;
box-shadow: 0 0 0 1px #FFFFFF, 0 7px 0 1px #FFFFFF, 0 14px 0 1px #FFFFFF;
width: 1rem; }
.tab-bar .menu-icon span:hover:after {
-webkit-box-shadow: 0 0 0 1px #b3b3b3, 0 7px 0 1px #b3b3b3, 0 14px 0 1px #b3b3b3;
box-shadow: 0 0 0 1px #b3b3b3, 0 7px 0 1px #b3b3b3, 0 14px 0 1px #b3b3b3; }
.left-off-canvas-menu {
-webkit-backface-visibility: hidden;
background: #333333;
bottom: 0;
-webkit-box-sizing: content-box;
box-sizing: content-box;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
overflow-x: hidden;
overflow-y: auto;
position: absolute;
-webkit-transition: -webkit-transform 500ms ease 0s;
transition: -webkit-transform 500ms ease 0s;
transition: transform 500ms ease 0s;
transition: transform 500ms ease 0s, -webkit-transform 500ms ease 0s;
width: 15.625rem;
z-index: 1001;
-webkit-transform: translate3d(-100%, 0, 0);
-moz-transform: translate3d(-100%, 0, 0);
-ms-transform: translate(-100%, 0);
-o-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
left: 0;
top: 0; }
@@ -6271,20 +6255,19 @@ blockquote p {
-webkit-backface-visibility: hidden;
background: #333333;
bottom: 0;
-webkit-box-sizing: content-box;
box-sizing: content-box;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
overflow-x: hidden;
overflow-y: auto;
position: absolute;
-webkit-transition: -webkit-transform 500ms ease 0s;
transition: -webkit-transform 500ms ease 0s;
transition: transform 500ms ease 0s;
transition: transform 500ms ease 0s, -webkit-transform 500ms ease 0s;
width: 15.625rem;
z-index: 1001;
-webkit-transform: translate3d(100%, 0, 0);
-moz-transform: translate3d(100%, 0, 0);
-ms-transform: translate(100%, 0);
-o-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
right: 0;
top: 0; }
@@ -6295,20 +6278,19 @@ blockquote p {
-webkit-backface-visibility: hidden;
background: #333333;
bottom: 0;
-webkit-box-sizing: content-box;
box-sizing: content-box;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
overflow-x: hidden;
overflow-y: auto;
position: absolute;
-webkit-transition: -webkit-transform 500ms ease 0s;
transition: -webkit-transform 500ms ease 0s;
transition: transform 500ms ease 0s;
transition: transform 500ms ease 0s, -webkit-transform 500ms ease 0s;
width: 15.625rem;
z-index: 1001;
-webkit-transform: translate3d(0, -100%, 0);
-moz-transform: translate3d(0, -100%, 0);
-ms-transform: translate(0, -100%);
-o-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
top: 0;
width: 100%;
@@ -6320,20 +6302,19 @@ blockquote p {
-webkit-backface-visibility: hidden;
background: #333333;
bottom: 0;
-webkit-box-sizing: content-box;
box-sizing: content-box;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
overflow-x: hidden;
overflow-y: auto;
position: absolute;
-webkit-transition: -webkit-transform 500ms ease 0s;
transition: -webkit-transform 500ms ease 0s;
transition: transform 500ms ease 0s;
transition: transform 500ms ease 0s, -webkit-transform 500ms ease 0s;
width: 15.625rem;
z-index: 1001;
-webkit-transform: translate3d(0, 100%, 0);
-moz-transform: translate3d(0, 100%, 0);
-ms-transform: translate(0, 100%);
-o-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
bottom: 0;
width: 100%;
@@ -6361,7 +6342,6 @@ ul.off-canvas-list {
color: rgba(255, 255, 255, 0.7);
display: block;
padding: 0.66667rem;
-webkit-transition: background 300ms ease;
transition: background 300ms ease; }
ul.off-canvas-list li a:hover {
background: #242424; }
@@ -6370,14 +6350,15 @@ ul.off-canvas-list {
.move-right > .inner-wrap {
-webkit-transform: translate3d(15.625rem, 0, 0);
-moz-transform: translate3d(15.625rem, 0, 0);
-ms-transform: translate(15.625rem, 0);
-o-transform: translate3d(15.625rem, 0, 0);
transform: translate3d(15.625rem, 0, 0); }
.move-right .exit-off-canvas {
-webkit-backface-visibility: hidden;
-webkit-box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
cursor: pointer;
-webkit-transition: background 300ms ease;
transition: background 300ms ease;
-webkit-tap-highlight-color: transparent;
background: rgba(255, 255, 255, 0.2);
@@ -6394,14 +6375,15 @@ ul.off-canvas-list {
.move-left > .inner-wrap {
-webkit-transform: translate3d(-15.625rem, 0, 0);
-moz-transform: translate3d(-15.625rem, 0, 0);
-ms-transform: translate(-15.625rem, 0);
-o-transform: translate3d(-15.625rem, 0, 0);
transform: translate3d(-15.625rem, 0, 0); }
.move-left .exit-off-canvas {
-webkit-backface-visibility: hidden;
-webkit-box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
cursor: pointer;
-webkit-transition: background 300ms ease;
transition: background 300ms ease;
-webkit-tap-highlight-color: transparent;
background: rgba(255, 255, 255, 0.2);
@@ -6418,14 +6400,15 @@ ul.off-canvas-list {
.move-top > .inner-wrap {
-webkit-transform: translate3d(0, -18.75rem, 0);
-moz-transform: translate3d(0, -18.75rem, 0);
-ms-transform: translate(0, -18.75rem);
-o-transform: translate3d(0, -18.75rem, 0);
transform: translate3d(0, -18.75rem, 0); }
.move-top .exit-off-canvas {
-webkit-backface-visibility: hidden;
-webkit-box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
cursor: pointer;
-webkit-transition: background 300ms ease;
transition: background 300ms ease;
-webkit-tap-highlight-color: transparent;
background: rgba(255, 255, 255, 0.2);
@@ -6442,14 +6425,15 @@ ul.off-canvas-list {
.move-bottom > .inner-wrap {
-webkit-transform: translate3d(0, 18.75rem, 0);
-moz-transform: translate3d(0, 18.75rem, 0);
-ms-transform: translate(0, 18.75rem);
-o-transform: translate3d(0, 18.75rem, 0);
transform: translate3d(0, 18.75rem, 0); }
.move-bottom .exit-off-canvas {
-webkit-backface-visibility: hidden;
-webkit-box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
cursor: pointer;
-webkit-transition: background 300ms ease;
transition: background 300ms ease;
-webkit-tap-highlight-color: transparent;
background: rgba(255, 255, 255, 0.2);
@@ -6466,16 +6450,17 @@ ul.off-canvas-list {
.offcanvas-overlap .left-off-canvas-menu, .offcanvas-overlap .right-off-canvas-menu,
.offcanvas-overlap .top-off-canvas-menu, .offcanvas-overlap .bottom-off-canvas-menu {
-ms-transform: none;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
transform: none;
z-index: 1003; }
.offcanvas-overlap .exit-off-canvas {
-webkit-backface-visibility: hidden;
-webkit-box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
cursor: pointer;
-webkit-transition: background 300ms ease;
transition: background 300ms ease;
-webkit-tap-highlight-color: transparent;
background: rgba(255, 255, 255, 0.2);
@@ -6491,16 +6476,17 @@ ul.off-canvas-list {
background: rgba(255, 255, 255, 0.05); } }
.offcanvas-overlap-left .right-off-canvas-menu {
-ms-transform: none;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
transform: none;
z-index: 1003; }
.offcanvas-overlap-left .exit-off-canvas {
-webkit-backface-visibility: hidden;
-webkit-box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
cursor: pointer;
-webkit-transition: background 300ms ease;
transition: background 300ms ease;
-webkit-tap-highlight-color: transparent;
background: rgba(255, 255, 255, 0.2);
@@ -6516,16 +6502,17 @@ ul.off-canvas-list {
background: rgba(255, 255, 255, 0.05); } }
.offcanvas-overlap-right .left-off-canvas-menu {
-ms-transform: none;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
transform: none;
z-index: 1003; }
.offcanvas-overlap-right .exit-off-canvas {
-webkit-backface-visibility: hidden;
-webkit-box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
cursor: pointer;
-webkit-transition: background 300ms ease;
transition: background 300ms ease;
-webkit-tap-highlight-color: transparent;
background: rgba(255, 255, 255, 0.2);
@@ -6541,16 +6528,17 @@ ul.off-canvas-list {
background: rgba(255, 255, 255, 0.05); } }
.offcanvas-overlap-top .bottom-off-canvas-menu {
-ms-transform: none;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
transform: none;
z-index: 1003; }
.offcanvas-overlap-top .exit-off-canvas {
-webkit-backface-visibility: hidden;
-webkit-box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
cursor: pointer;
-webkit-transition: background 300ms ease;
transition: background 300ms ease;
-webkit-tap-highlight-color: transparent;
background: rgba(255, 255, 255, 0.2);
@@ -6566,16 +6554,17 @@ ul.off-canvas-list {
background: rgba(255, 255, 255, 0.05); } }
.offcanvas-overlap-bottom .top-off-canvas-menu {
-ms-transform: none;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
transform: none;
z-index: 1003; }
.offcanvas-overlap-bottom .exit-off-canvas {
-webkit-backface-visibility: hidden;
-webkit-box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
cursor: pointer;
-webkit-transition: background 300ms ease;
transition: background 300ms ease;
-webkit-tap-highlight-color: transparent;
background: rgba(255, 255, 255, 0.2);
@@ -6619,7 +6608,6 @@ ul.off-canvas-list {
-webkit-overflow-scrolling: touch;
background: #333333;
bottom: 0;
-webkit-box-sizing: content-box;
box-sizing: content-box;
margin: 0;
overflow-x: hidden;
@@ -6630,12 +6618,16 @@ ul.off-canvas-list {
height: 18.75rem;
z-index: 1002;
-webkit-transform: translate3d(-100%, 0, 0);
-moz-transform: translate3d(-100%, 0, 0);
-ms-transform: translate(-100%, 0);
-o-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
left: 0;
-webkit-transition: -webkit-transform 500ms ease;
transition: -webkit-transform 500ms ease;
transition: transform 500ms ease;
transition: transform 500ms ease, -webkit-transform 500ms ease; }
-moz-transition: -moz-transform 500ms ease;
-ms-transition: -ms-transform 500ms ease;
-o-transition: -o-transform 500ms ease;
transition: transform 500ms ease; }
.left-submenu * {
-webkit-backface-visibility: hidden; }
.left-submenu .back > a {
@@ -6657,6 +6649,9 @@ ul.off-canvas-list {
display: inline; }
.left-submenu.move-right, .left-submenu.offcanvas-overlap-right, .left-submenu.offcanvas-overlap {
-webkit-transform: translate3d(0%, 0, 0);
-moz-transform: translate3d(0%, 0, 0);
-ms-transform: translate(0%, 0);
-o-transform: translate3d(0%, 0, 0);
transform: translate3d(0%, 0, 0); }
.right-submenu {
@@ -6664,7 +6659,6 @@ ul.off-canvas-list {
-webkit-overflow-scrolling: touch;
background: #333333;
bottom: 0;
-webkit-box-sizing: content-box;
box-sizing: content-box;
margin: 0;
overflow-x: hidden;
@@ -6675,12 +6669,16 @@ ul.off-canvas-list {
height: 18.75rem;
z-index: 1002;
-webkit-transform: translate3d(100%, 0, 0);
-moz-transform: translate3d(100%, 0, 0);
-ms-transform: translate(100%, 0);
-o-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
right: 0;
-webkit-transition: -webkit-transform 500ms ease;
transition: -webkit-transform 500ms ease;
transition: transform 500ms ease;
transition: transform 500ms ease, -webkit-transform 500ms ease; }
-moz-transition: -moz-transform 500ms ease;
-ms-transition: -ms-transform 500ms ease;
-o-transition: -o-transform 500ms ease;
transition: transform 500ms ease; }
.right-submenu * {
-webkit-backface-visibility: hidden; }
.right-submenu .back > a {
@@ -6702,6 +6700,9 @@ ul.off-canvas-list {
display: inline; }
.right-submenu.move-left, .right-submenu.offcanvas-overlap-left, .right-submenu.offcanvas-overlap {
-webkit-transform: translate3d(0%, 0, 0);
-moz-transform: translate3d(0%, 0, 0);
-ms-transform: translate(0%, 0);
-o-transform: translate3d(0%, 0, 0);
transform: translate3d(0%, 0, 0); }
.top-submenu {
@@ -6709,7 +6710,6 @@ ul.off-canvas-list {
-webkit-overflow-scrolling: touch;
background: #333333;
bottom: 0;
-webkit-box-sizing: content-box;
box-sizing: content-box;
margin: 0;
overflow-x: hidden;
@@ -6720,13 +6720,17 @@ ul.off-canvas-list {
height: 18.75rem;
z-index: 1002;
-webkit-transform: translate3d(0, -100%, 0);
-moz-transform: translate3d(0, -100%, 0);
-ms-transform: translate(0, -100%);
-o-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
top: 0;
width: 100%;
-webkit-transition: -webkit-transform 500ms ease;
transition: -webkit-transform 500ms ease;
transition: transform 500ms ease;
transition: transform 500ms ease, -webkit-transform 500ms ease; }
-moz-transition: -moz-transform 500ms ease;
-ms-transition: -ms-transform 500ms ease;
-o-transition: -o-transform 500ms ease;
transition: transform 500ms ease; }
.top-submenu * {
-webkit-backface-visibility: hidden; }
.top-submenu .back > a {
@@ -6744,6 +6748,9 @@ ul.off-canvas-list {
border-top: 1px solid #5e5e5e; }
.top-submenu.move-bottom, .top-submenu.offcanvas-overlap-bottom, .top-submenu.offcanvas-overlap {
-webkit-transform: translate3d(0, 0%, 0);
-moz-transform: translate3d(0, 0%, 0);
-ms-transform: translate(0, 0%);
-o-transform: translate3d(0, 0%, 0);
transform: translate3d(0, 0%, 0); }
.bottom-submenu {
@@ -6751,7 +6758,6 @@ ul.off-canvas-list {
-webkit-overflow-scrolling: touch;
background: #333333;
bottom: 0;
-webkit-box-sizing: content-box;
box-sizing: content-box;
margin: 0;
overflow-x: hidden;
@@ -6762,13 +6768,17 @@ ul.off-canvas-list {
height: 18.75rem;
z-index: 1002;
-webkit-transform: translate3d(0, 100%, 0);
-moz-transform: translate3d(0, 100%, 0);
-ms-transform: translate(0, 100%);
-o-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
bottom: 0;
width: 100%;
-webkit-transition: -webkit-transform 500ms ease;
transition: -webkit-transform 500ms ease;
transition: transform 500ms ease;
transition: transform 500ms ease, -webkit-transform 500ms ease; }
-moz-transition: -moz-transform 500ms ease;
-ms-transition: -ms-transform 500ms ease;
-o-transition: -o-transform 500ms ease;
transition: transform 500ms ease; }
.bottom-submenu * {
-webkit-backface-visibility: hidden; }
.bottom-submenu .back > a {
@@ -6786,6 +6796,9 @@ ul.off-canvas-list {
border-top: 1px solid #5e5e5e; }
.bottom-submenu.move-top, .bottom-submenu.offcanvas-overlap-top, .bottom-submenu.offcanvas-overlap {
-webkit-transform: translate3d(0, 0%, 0);
-moz-transform: translate3d(0, 0%, 0);
-ms-transform: translate(0, 0%);
-o-transform: translate3d(0, 0%, 0);
transform: translate3d(0, 0%, 0); }
.left-off-canvas-menu ul.off-canvas-list li.has-submenu > a:after {
@@ -7167,7 +7180,6 @@ header#top-bar {
header#top-bar #title-area {
position: relative;
height: 10.1em;
-webkit-transition: height 0.4s ease-in-out;
transition: height 0.4s ease-in-out; }
header#top-bar #title-area h1 {
font-size: 1em;
@@ -7230,7 +7242,6 @@ header#top-bar {
line-height: 1;
overflow: hidden;
height: 0.01px;
-webkit-transition: height 0.3s ease-in;
transition: height 0.3s ease-in;
position: relative; }
header#top-bar #left-nav li a {
@@ -7272,7 +7283,6 @@ header#top-bar {
@media only screen and (min-width: 40.0625em) {
header#top-bar #left-nav:hover li {
height: 1.1em;
-webkit-transition: height 0.5s ease-out;
transition: height 0.5s ease-out; }
header#top-bar #left-nav:hover li:hover span {
text-decoration: underline; } }
@@ -7380,7 +7390,6 @@ div#center {
background-color: #fff;
white-space: nowrap;
opacity: 0;
-webkit-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
padding: 0.2em 0.3em;
width: 0; }
@@ -7389,7 +7398,14 @@ div#center {
width: auto;
z-index: 10; }
div#center .projet-block a.image-link {
display: block; }
display: block;
overflow: hidden; }
div#center .projet-block a.image-link img {
transition: transform 0.4s ease-out; }
div#center .projet-block a.image-link img:hover {
transition: transform 0.2s ease-in-out;
transform-origin: center;
transform: scale(1.2); }
div#center .projet-block header {
position: relative;
margin-top: -3em;
@@ -7434,23 +7450,86 @@ div#center {
margin-bottom: 0.3em; }
div#center .projet .row {
margin: 0; }
div#center .projet nav.categories {
margin: 0;
padding: 0.7em 0.7em 0; }
div#center .projet nav.categories ul {
margin: 0; }
div#center .projet nav.categories ul li {
position: relative;
display: inline-block;
min-width: 12px;
height: 12px;
margin-right: -0.2em; }
div#center .projet nav.categories ul li a {
display: block; }
div#center .projet nav.categories ul li a:before {
content: "";
opacity: 1;
position: relative;
display: inline-block;
border-width: 3px;
border-style: solid;
width: 12px;
height: 12px;
border-radius: 6px; }
div#center .projet nav.categories ul li a.tag-1:before {
border-color: #e30613; }
div#center .projet nav.categories ul li a.tag-2:before {
border-color: #00acba; }
div#center .projet nav.categories ul li a.tag-3:before {
border-color: #5b2d87; }
div#center .projet nav.categories ul li a.tag-4:before {
border-color: #f7a939; }
div#center .projet nav.categories ul li a.tag-5:before {
border-color: #95c11f; }
div#center .projet nav.categories ul li a.tag-6:before {
border-color: #e5007d; }
div#center .projet nav.categories ul li a.tag-7:before {
border-color: #009641; }
div#center .projet nav.categories ul li a.tag-8:before {
border-color: #009fe3; }
div#center .projet nav.categories ul li a span {
position: absolute;
z-index: -1;
font-size: 0.7em;
font-weight: 300;
background-color: #fff;
white-space: nowrap;
opacity: 0;
transition: opacity 0.3s ease-in-out;
padding: 0.2em 0.3em;
width: 0; }
div#center .projet nav.categories ul li a:hover span {
opacity: 1;
width: auto;
z-index: 10; }
div#center .projet h1 {
font: "cocogoose", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
font-size: 0.95em;
font-weight: 500;
font-variant: normal;
margin: 0;
color: #5b2d87;
margin: 0.4em 0 0.5em 0;
padding: 0 0.7em;
line-height: 1;
display: inline-block; }
line-height: 1.6;
height: auto; }
div#center .projet h1 span.date {
font-weight: 200;
border-left: 1px solid #5b2d87;
padding: 0.2em 0 0 0.5em;
margin-left: 0.2em; }
div#center .projet h2 {
font: "cocogoose", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
font-size: 0.8em;
font-weight: 300;
font-variant: normal;
margin: -0.2em 0 0.7em;
margin: 0.3em 0 0.7em;
padding: 0 0.7em;
line-height: 1;
padding: 0 0.7em; }
color: #5b2d87; }
div#center .projet h2 a {
color: #5b2d87; }
div#center .projet p {
padding: 0 0.7em 0.7em;
margin: 0; }
@@ -7459,15 +7538,13 @@ div#center {
div#center .projet #images a {
letter-spacing: normal;
display: inline-block;
margin: 0 1em 1em 0; }
margin: 0.7em 0 0 0.7em; }
div#center .projet img {
max-width: 100%;
height: 300px; }
div#center .default > * {
padding-left: 0.7em;
padding-right: 0.7em; }
div#center body.projet nav.categories ul.tags li a:hover span {
text-decoration: underline; }
div#center nav.categories {
margin: 1em 0; }
div#center nav.categories ul.tags {
@@ -7480,59 +7557,37 @@ div#center {
margin: 0 1em; }
div#center nav.categories ul.tags li a {
display: block; }
div#center nav.categories ul.tags li a:before {
content: "";
opacity: 1;
position: relative;
display: inline-block;
border-width: 3px;
border-style: solid;
width: 12px;
height: 12px;
border-radius: 6px; }
div#center nav.categories ul.tags li a.tag-1:before {
border-color: #e30613; }
div#center nav.categories ul.tags li a.tag-2:before {
border-color: #00acba; }
div#center nav.categories ul.tags li a.tag-3:before {
border-color: #5b2d87; }
div#center nav.categories ul.tags li a.tag-4:before {
border-color: #f7a939; }
div#center nav.categories ul.tags li a.tag-5:before {
border-color: #95c11f; }
div#center nav.categories ul.tags li a.tag-6:before {
border-color: #e5007d; }
div#center nav.categories ul.tags li a.tag-7:before {
border-color: #009641; }
div#center nav.categories ul.tags li a.tag-8:before {
border-color: #009fe3; }
div#center nav.categories ul.tags li span {
font: "cocogoose", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
font-size: 0.8em;
font-weight: 300;
font-variant: normal; }
div#center nav.categories ul.tags li.active span {
display: inline-block;
position: relative;
font: "cocogoose", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
font-size: 0.95em;
font-weight: 500;
font-variant: normal;
border-bottom: 1px solid #000;
line-height: 0.2; }
div#center #diaporama {
position: relative;
height: 20vw;
margin: 0 0 1.5em; }
div#center #diaporama > * {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
text-align: center;
opacity: 0;
-webkit-transition: opacity 0.2s ease-in;
transition: opacity 0.2s ease-in; }
div#center #diaporama > *.visible {
opacity: 1; }
div#center #diaporama > * img {
height: 100%; }
div#center .client-block {
margin: 0 0 1em;
padding: 0.7em; }
div#center .client-block h3 {
font: "cocogoose", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
font-size: 0.95em;
font-weight: 500;
font-variant: normal;
line-height: 0.6;
display: inline-block;
position: relative;
margin: 0;
padding: 0; }
div#center .client-block h4 {
margin: 0;
font: "cocogoose", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
font-size: 0.8em;
font-weight: 300;
font-variant: normal; }
div#center .client-block h4 a:hover {
text-decoration: underline; }
/*
_ _ _
@@ -7634,7 +7689,9 @@ div.featherlight:last-of-type {
top: 0;
width: 100%;
text-align: right;
padding: 0 0.5em; }
padding: 0 0.5em;
font-weight: 500;
font-size: 1.2em; }
div.featherlight:last-of-type div.featherlight-content span.featherlight-previous span:after {
content: "<";
text-align: left; }