kevin/anissah
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

modif comtabilite

Browse Source
This commit is contained in:
kevin
2019-01-16 16:23:31 +01:00
parent 6b741a9666
commit 9312edc3ae
1844 changed files with 158848 additions and 55874 deletions
Download Patch File Download Diff File Expand all files Collapse all files
user/themes/anissabensalah/scss/mediaqueries/_base.scss
+83
View File
@@ -0,0 +1,83 @@
// Hamburger
// ==================================================
.hamburger {
padding: $hamburger-padding-y $hamburger-padding-x;
display: inline-block;
cursor: pointer;
-webkit-transition-property: opacity, -webkit-filter;
transition-property: opacity, -webkit-filter;
transition-property: opacity, filter;
transition-property: opacity, filter, -webkit-filter;
-webkit-transition-duration: $hamburger-hover-transition-duration;
transition-duration: $hamburger-hover-transition-duration;
-webkit-transition-timing-function: $hamburger-hover-transition-timing-function;
transition-timing-function: $hamburger-hover-transition-timing-function;
// 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 {
-webkit-filter: $hamburger-hover-filter;
filter: $hamburger-hover-filter;
}
@else {
opacity: $hamburger-hover-opacity;
}
}
}
.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;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-duration: 0.15s;
transition-duration: 0.15s;
-webkit-transition-timing-function: ease;
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;
}
}
user/themes/anissabensalah/scss/mediaqueries/_slider.scss
+47
View File
@@ -0,0 +1,47 @@
@if index($hamburger-types, slider) {
/*
* Slider
*/
.hamburger--slider {
.hamburger-inner {
top: $hamburger-layer-height / 2;
&::before {
top: $hamburger-layer-height + $hamburger-layer-spacing;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
-webkit-transition-duration: 0.15s;
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;
-webkit-transform: translate3d(0, $y-offset, 0) rotate(45deg);
transform: translate3d(0, $y-offset, 0) rotate(45deg);
&::before {
-webkit-transform: rotate(-45deg) translate3d($hamburger-layer-width / -7, $hamburger-layer-spacing * -1, 0);
transform: rotate(-45deg) translate3d($hamburger-layer-width / -7, $hamburger-layer-spacing * -1, 0);
opacity: 0;
}
&::after {
-webkit-transform: translate3d(0, $y-offset * -2, 0) rotate(-90deg);
transform: translate3d(0, $y-offset * -2, 0) rotate(-90deg);
}
}
}
}
}
user/themes/anissabensalah/scss/mediaqueries/fonts.scss
+52
View File
@@ -0,0 +1,52 @@
body{
#header{
a{
font-size: $font16;
}
.language-selector{
li{
&:nth-child(-n+2){
&::after{
font-size: $font16;
}
}
}
}
}
#start{
.content{
p{
font-size: $font16;
line-height: 2rem;
}
}
.citation{
p{
font-size: $font16;
line-height: 2rem;
}
}
#home, #contact{
h1{
font-family: $Regular;
font-size: 26vw;
}
p, a {
font-size: $font16;
}
}
.chap{
h2{
font-size: $font36;
}
a{
font-size: $font16;
&.focus{
font-size: $font18;
}
}
}
}
}
user/themes/anissabensalah/scss/mediaqueries/hamburgers.scss
+58
View File
@@ -0,0 +1,58 @@
@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 : 15px !default;
$hamburger-padding-y : 15px !default;
$hamburger-layer-width : 40px !default;
$hamburger-layer-height : 4px !default;
$hamburger-layer-spacing : 6px !default;
$hamburger-layer-color : #000 !default;
$hamburger-layer-border-radius : 4px !default;
$hamburger-hover-opacity : 0.7 !default;
$hamburger-hover-transition-duration : 0.15s !default;
$hamburger-hover-transition-timing-function: linear !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;
// Types (Remove or comment out what you don’t need)
// ==================================================
$hamburger-types: (
slider,
) !default;
// Base Hamburger (We need this)
// ==================================================
@import "base";
// Hamburger types
// ==================================================
@import "slider";
// ==================================================
// 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 {
// ...
// }
// }
user/themes/anissabensalah/scss/mediaqueries/header.scss
+74
View File
@@ -0,0 +1,74 @@
#header{
.language-selector{
margin-top: 40px;
width: 120px;
margin-left: -58px;
}
.navigation{
.left{
li{
&:nth-of-type(1){
-webkit-transform: rotate(-90deg)!important;
transform: rotate(-90deg)!important;
top: 75%!important;
width: 50%;
left: -24%!important;
right: auto!important;
bottom: auto!important;
margin-left: 15px;
}
&:nth-of-type(2){
-webkit-transform: rotate(-90deg)!important;
transform: rotate(-90deg)!important;
top: 25%!important;
width: 50%;
left: -24%!important;
right: auto!important;
bottom: auto!important;
margin-left: 15px;
}
&:nth-of-type(3){
-webkit-transform: rotate(0deg)!important;
transform: rotate(0deg)!important;
width: 100%!important;
top: 10px!important;
right: auto!important;
bottom: auto!important;
left: 0!important;
}
}
}
.right{
li{
&:nth-of-type(1){
width: 100%!important;
top: auto!important;
right: 0!important;
bottom: 10px!important;
left: auto!important;
}
&:nth-of-type(2){
-webkit-transform: rotate(90deg)!important;
transform: rotate(90deg)!important;
top: 75%!important;
width: 50%;
right: -24%!important;
left: auto!important;
bottom: auto!important;
margin-right: 15px;
}
&:nth-of-type(3){
-webkit-transform: rotate(90deg)!important;
transform: rotate(90deg)!important;
top: 25%!important;
width: 50%;
right: -24%!important;
left: auto!important;
bottom: auto!important;
margin-right: 15px;
}
}
}
}
}
user/themes/anissabensalah/scss/mediaqueries/section.scss
+24
View File
@@ -0,0 +1,24 @@
#start{
#home{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
.title{
p{
top: 58%;
}
}
}
& > div:nth-child(n+3){
display: block!important;
& > div{
width: 100%!important;
&:first-child{
height: 40%;
}
&:last-child{
height: 60%;
}
}
}
}
user/themes/anissabensalah/scss/theme.scss
+2 -21
View File
@@ -1,17 +1,3 @@
// Core variables and mixins
// @import 'spectre/variables';
// @import 'spectre/mixins';
//
// @import 'theme/variables';
// @import 'theme/mixins';
// @import 'theme/framework';
// @import 'theme/typography';
// @import 'theme/forms';
// @import 'theme/mobile';
// @import 'theme/animation';
//
//
@import 'theme/reset';
@import 'config/mixins/fonts';
@import 'theme/fonts';
@@ -20,10 +6,5 @@
@import 'theme/nav';
@import 'theme/section';
@import 'theme/footer';
// @import 'theme/footer';
// @import 'theme/menu';
//
// // Extra Skeleton Styling
// @import 'theme/blog';
// @import 'theme/onepage';
@import 'theme/hamburgers';
@import 'theme/mediaqueries';
user/themes/anissabensalah/scss/theme/_base.scss
+80
View File
@@ -0,0 +1,80 @@
// Hamburger
// ==================================================
.hamburger {
padding: $hamburger-padding-y $hamburger-padding-x;
display: inline-block;
cursor: pointer;
-webkit-transition-property: opacity, -webkit-filter;
transition-property: opacity, -webkit-filter;
transition-property: opacity, filter;
transition-property: opacity, filter, -webkit-filter;
-webkit-transition-duration: $hamburger-hover-transition-duration;
transition-duration: $hamburger-hover-transition-duration;
-webkit-transition-timing-function: $hamburger-hover-transition-timing-function;
transition-timing-function: $hamburger-hover-transition-timing-function;
// 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 {
-webkit-filter: $hamburger-hover-filter;
filter: $hamburger-hover-filter;
}
}
}
.hamburger-box {
width: 30px;
height: 16px;
display: inline-block;
position: relative;
}
.hamburger-inner {
display: block;
top: 50%;
margin-top: $hamburger-layer-height / -2;
background: white;
&,
&::before,
&::after {
background: white;
width: 30px;
height: 2px;
border-radius: $hamburger-layer-border-radius;
position: absolute;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-duration: 0.15s;
transition-duration: 0.15s;
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
}
&::before,
&::after {
content: "";
display: block;
}
&::before {
top: -7px;
}
&::after {
bottom: -7px;
}
}
user/themes/anissabensalah/scss/theme/_squeeze.scss
+67
View File
@@ -0,0 +1,67 @@
@if index($hamburger-types, squeeze) {
/*
* Squeeze
*/
.hamburger--squeeze {
.hamburger-inner {
-webkit-transition-duration: 0.075s;
transition-duration: 0.075s;
-webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
&::before {
-webkit-transition: top 0.075s 0.12s ease,
opacity 0.075s ease;
transition: top 0.075s 0.12s ease,
opacity 0.075s ease;
}
&::after {
-webkit-transition: bottom 0.075s 0.12s ease,
-webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 0.075s 0.12s ease,
-webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 0.075s 0.12s ease,
transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 0.075s 0.12s ease,
transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19),
-webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
}
&.is-active {
.hamburger-inner {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition-delay: 0.12s;
transition-delay: 0.12s;
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
&::before {
top: 0;
opacity: 0;
-webkit-transition: top 0.075s ease,
opacity 0.075s 0.12s ease;
transition: top 0.075s ease,
opacity 0.075s 0.12s ease;
}
&::after {
bottom: 0;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
-webkit-transition: bottom 0.075s ease,
-webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: bottom 0.075s ease,
-webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: bottom 0.075s ease,
transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: bottom 0.075s ease,
transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1),
-webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}
}
}
}
}
user/themes/anissabensalah/scss/theme/fonts.scss
+47 -16
View File
@@ -2,13 +2,33 @@
@include Montserrat-light($light, $file-light, $family, $category);//1
@include Montserrat-Thin($Thin, $file-Thin, $family, $category);//1
@media screen and (max-width: 700px) {
}
// $font14: 0.882rem;
// $font16: 1rem;
// $font18: 1.134rem;
// $font21: 1.323rem;
// $font22: 1.375rem;
// $font24: 1.512rem;
// $font32: 2rem;
// $font36: 2.268rem;
// $font48: 3.024rem;
// $font72: 4.5rem;
body{
p{
strong{
font-family: "Montserrat-Regular";
font-weight: bold;
}
}
#header{
a{
font-family: $Regular;
font-size: $font24;
font-size: $font18;
font-weight: normal;
// color: white;
color: #4f100B;
}
.language-selector{
li{
@@ -16,7 +36,7 @@ body{
&::after{
font-size: $font24;
content: "-";
// color: white;
color: #4f100B;
}
}
}
@@ -29,6 +49,11 @@ body{
font-family: $light;
font-weight: normal;
line-height: 2rem;
a::before{
visibility: visible!important;
}
}
}
.citation{
@@ -40,11 +65,13 @@ body{
color: white;
}
}
.home, .contact{
#home, #contact, #contato{
h1{
font-family: $Thin;
font-weight: normal;
font-size: 30vw;
font-size: 25vw;
text-transform: uppercase;
mix-blend-mode: soft-light;
}
p, a {
font-size: $font16;
@@ -52,28 +79,32 @@ body{
font-family: $light;
}
}
#presse{
.red{
.citation{
p{
font-size: 0.8rem;
line-height: 1.2rem;
}
}
}
}
.chap{
color: white;
font-family: $light;
h2{
font-family: $light;
font-weight: normal;
font-size: $font48;
font-size: $font32;
}
a{
font-family: $Regular;
font-size: $font16;
font-size: $font14;
color: white;
&.focus{
font-weight: normal;
font-size: $font18;
}
& > a{
&:nth-of-type(2){
&::before{
margin: 0 5px;
content: "-";
color: white;
}
}
}
}
}
user/themes/anissabensalah/scss/theme/hamburgers.scss
+88
View File
@@ -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 : 15px !default;
$hamburger-padding-y : 15px !default;
$hamburger-layer-width : 40px !default;
$hamburger-layer-height : 4px !default;
$hamburger-layer-spacing : 6px !default;
$hamburger-layer-color : #000 !default;
$hamburger-layer-border-radius : 4px !default;
$hamburger-hover-opacity : 0.7 !default;
$hamburger-hover-transition-duration : 0.15s !default;
$hamburger-hover-transition-timing-function: linear !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;
// 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 "squeeze";
// ==================================================
// 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 {
// ...
// }
// }
user/themes/anissabensalah/scss/theme/header.scss
+92 -117
View File
@@ -1,127 +1,102 @@
.midnightHeader{
margin-top: 0px;
}
.midnightHeader.default a{
color: white;
}
.midnightHeader.white a{
color: black;
}
.midnightHeader.black a{
color: white;
}
#header{
.language-selector{
display: flex;
position: fixed;
width: 160px;
left: 50%;
margin-top: 10px;
margin-left: -75px;
li{
display: flex;
&:nth-child(-n+2){
&::after{
margin: 0 10px;
display: block;
position: relative;
}
}
}
}
.navigation{
li{
position: fixed;
top: 0;
left: 0;
z-index: 999;
.navbar{
.language-selector{
z-index: 999;
position: fixed;
left: 50%;
top: 0;
width: 300px;
margin-left: -150px;
margin-top: 10px;
text-align: center;
&:first-child{
display: none;
}
&:nth-child(2){
// margin-bottom: 10px;
top: auto!important;
right: auto!important;
bottom: 10px!important;
left: auto!important;
width: 50%;
}
&:nth-child(3){
// margin-top: 10px;
top: 10px!important;
bottom: auto!important;
right: auto!important;
left: auto!important;
width: 50%;
}
&:nth-child(4){
// margin-bottom: 10px;
bottom: 10px!important;
top: auto!important;
right: 0!important;
left: auto!important;
width: 50%;
}
&:nth-child(5){
transform: rotate(90deg);
top: 50%!important;
width: 100%;
right: -48.6%!important;
left: auto!important;
bottom: auto!important;
// margin-right: 22px;
}
&:nth-child(6){
transform: rotate(-90deg);
top: 50%!important;
width: 100%;
left: -48.6%!important;
right: auto!important;
bottom: auto!important;
// margin-left: 22px;
}
&:nth-child(7){
// margin-top: 10px;
top: 10px!important;
right: 0!important;
bottom: auto!important;
left: auto!important;
width: 50%;
}
a{
position: relative;
margin: auto;
&:hover:before{
visibility: visible;
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
&:before{
content: "";
position: absolute;
width: 100%;
height: 2px;
bottom: 0;
left: 0;
background-color: white;
visibility: hidden;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
&>li{
display:inline-block;
}
}
.active{
a:before{
visibility: visible;
-webkit-transform: scaleX(1);
transform: scaleX(1);
.navigation{
&>li{
width: 50%;
position: fixed;
&:nth-of-type(1){
display: none;
}
&:nth-of-type(2){
bottom: 0;
left: 0;
margin-bottom: 15px;
padding-left: 50px;
text-align: center;
}
&:nth-of-type(3){
bottom: 0px;
right: 0;
margin-bottom: 15px;
padding-right: 50px;
text-align: center;
}
&:nth-of-type(4){
top: 0px;
left: 0;
padding-left: 50px;
margin-top: 15px;
text-align: center;
}
&:nth-of-type(5){
top: 50%;
right: -25%;
margin-right: 23px;
text-align: center;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
&:nth-of-type(6){
top: 50%;
left: -25%;
margin-left: 23px;
text-align: center;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
&:nth-of-type(7){
top: 0;
margin-top: 15px;
right: 0;
-webkit-transform-origin: center;
transform-origin: center;
text-align: center;
}
}
}
.nav_media_q{
display: none;
}
}
}
a{
position: relative;
}
a::before {
content: " ";
position: absolute;
width: 100%;
height: 2px;
bottom: 0;
left: 0;
background-color: #4f100B;
visibility: hidden;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
a:hover::before, a.active::before{
visibility: visible;
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
user/themes/anissabensalah/scss/theme/mediaqueries.scss
+474
View File
@@ -0,0 +1,474 @@
@media screen and (max-width: 700px) {
:root {
--app-height: 100%;
}
#header{
width: 100%;
.navbar{
& > .language-selector{
display: none;
}
.navigation{
display: none;
}
.nav_media_q{
display: block;
&>li{
&:nth-of-type(1){
display: none;
}
}
.hamburger--squeeze{
position: absolute;
top: 8px;
left: 8px;
z-index: 1;
padding: 0;
}
.catbox{
position: absolute;
top: 0;
left: 0;
display: none;
&.active{
display: block;
width: 100vw;
height: 100vh;
background-image: -webkit-gradient(linear, left top, left bottom, from(#98272D), to(#4f100B));
background-image: linear-gradient(#98272D, #4f100B);
}
.catlist{
margin-top: 50%;
& > li:nth-of-type(1){
display: none;
}
.language-selector{
position: absolute;
top: 0px;
margin-top: 0px;
li{
&::after{
color: white!important;
}
}
}
}
li{
text-align: center;
a{
top: 0;
font-size: 5vw;
line-height: 7vh;
color: white;
&::before{
background-color: white;
}
}
}
}
}
}
}
#start{
&>div{
&:nth-child(n+3){
.content{
p{
margin-bottom:0;
}
}
}
&:nth-child(n+4){
.content{
padding: 0 5px!important;
}
}
}
#home{
margin-bottom: 0px;
h1{
font-size: 30vw!important;
}
p{
width: 100%;
}
}
& > div{
padding:0px;
&:nth-child(n+3){
padding: 0px;
&:nth-child(2n+1){
&>div{
float: none;
}
.red{
width: 100%;
.chap{
position: absolute;
width: 100%;
height: 100%;
h2{
position: absolute;
width: 100%;
top: 7px;
font-size: 0.882rem;
font-family: "Montserrat-Regular";
}
& > a{
position: absolute;
bottom: 5px;
left: 50%;
transform: translateX(-50%);
}
.reso{
display: none;
width: 100%;
height: 100%;
a{
position: absolute;
top: 50%;
&:nth-of-type(1){
left: 5px;
}
&:nth-of-type(2){
right: 5px;
}
}
}
}
}
.content{
position: absolute;
background-color: white;
width: auto;
height: auto;
top: 30px;
left: 0px;
right: 0px;
bottom: 30px;
padding: 0;
.other{
text-align:center;
}
}
}
}
&:nth-child(n+3){
&:nth-child(2n){
& > div{
float: none;
}
.red{
width: 100%;
position: absolute;
.chap{
position: absolute;
width: 100%;
height: 100%;
h2{
position: absolute;
width: 100%;
top: 7px;
font-size: 0.882rem;
font-family: "Montserrat-Regular";
}
& > a{
position: absolute;
bottom: 5px;
left: 50%;
transform: translateX(-50%);
}
.reso{
display: none;
width: 100%;
height: 100%;
a{
position: absolute;
top: 50%;
&:nth-of-type(1){
left: 5px;
}
&:nth-of-type(2){
right: 5px;
}
}
}
}
}
.content{
position: absolute;
background-color: white;
width: auto;
height: auto;
top: 30px;
left: 0px;
right: 0px;
bottom: 30px;
padding: 0;
.other{
text-align:center;
}
}
}
&:nth-child(7){
#mCSB_5_container{
#sovaj{
.other{
p{
&:nth-child(1){
font-size: 2rem!important;
line-height: 3rem!important;
}
}
}
}
}
}
}
}
}
//
// html{
// overflow-x: hidden;
// }
// #header{
// button{
// display: block!important;
// z-index: 999;
// position: fixed;
// top: 0;
// left: 0;
// }
// .language-selector{
// margin-top: 10px;
// }
// .navigation{
// display: none!important;
// }
// .mediaqnav{
// z-index: 998;
// width: 100%;
// position: fixed;
// top: -100%;
// -webkit-transition: top 1s;
// transition: top 1s;
// text-align: center;
// height: 100%;
// background-image: -webkit-gradient(linear, left top, left bottom, from(#98272D), to(#4f100B));
// background-image: linear-gradient(#98272D, #4f100B);
// display: -webkit-box!important;
// display: -ms-flexbox!important;
// display: flex!important;
// -ms-flex-wrap: wrap;
// flex-wrap: wrap;
// -webkit-box-orient: vertical;
// -webkit-box-direction: normal;
// -ms-flex-flow: column;
// flex-flow: column;
// -webkit-box-pack: center;
// -ms-flex-pack: center;
// justify-content: center;
// li{
// margin: 10px auto;
// &:nth-child(1){
// display: none;
// }
// a{
// color: white;
// position: relative;
// margin: auto;
// &:hover:before{
// visibility: visible;
// transform: scaleX(1);
// -webkit-transform: scaleX(1);
// }
// &:before{
// content: "";
// position: absolute;
// width: 100%;
// height: 2px;
// bottom: 0;
// left: 0;
// background-color: white;
// visibility: hidden;
// -webkit-transform: scaleX(0);
// transform: scaleX(0);
// -webkit-transition: all 0.3s ease-in-out 0s;
// transition: all 0.3s ease-in-out 0s;
// }
// }
// .active{
// a:before{
// visibility: visible;
// -webkit-transform: scaleX(1);
// transform: scaleX(1);
// }
// }
// }
// &.open{
// top: 0%!important;
// -webkit-transition: top 1s;
// transition: top 1s;
// }
//
// }
// }
// #start{
// #home{
// .title{
// p{
// a:last-child{
// img{
// width: 23px;
// }
// }
// img:nth-of-type(1){
// width: 16px;
// }
// }
// }
// }
//
// & > div{
// display: block!important;
// overflow: auto!important;
// .red{
// .chap{
// padding: 10px 0 15px 0;
// .reso{
// a:nth-child(1){
// width: 16px;
// }
// a:nth-child(2){
// width: 23px;
// }
// }
// }
// }
// .content{
// p:last-child{
// }
// }
// & > div{
// width: 100%!important;
// &.content{
// height: 100vh!important;
// }
// }
// &:nth-child(n+3){
// height: auto!important;
//
// & > div:nth-child(1){
// & a{
// font-size: 0.8rem!important;
// }
// }
// & > div:nth-child(2){
// }
// }
// &:nth-child(n+5){
// .content{
// padding: 20px!important;
// #sovaj{
// margin-bottom: 0px!important;
// }
// p:last-child{
// margin-bottom: 10px!important;
// }
// }
// }
// }
// #home{
// .title{
// height: 100%;
// .visu-album{
// height: 100%;
// }
// }
// }
// #press, #presse, #imprensa{
// .citation{
// display: none;
// }
// #sovaj{
// display: block;
// p:nth-child(1){
// padding: 0!important;
// margin-top: 0!important;
// img{
// width: 100%;
// }
// }
// p:not(:nth-child(1)){
// width: 100%;
// }
// }
// }
// #biografía,#biographie{
// .content{
// p:nth-of-type(1){
// margin-top: 20px;
// }
// }
// }
// #contact, #contato{
// #Contact, #CONTATO{
// height: 100vh!important;
// }
// }
// }
//
// body{
// #header{
// a{
// font-size: $font22!important;
// }
// .language-selector{
// li{
// &:nth-child(-n+2){
// &::after{
// font-size: $font22!important;
// }
// }
// }
// }
// }
// #start{
// .content{
// p{
// font-size: $font14!important;
// line-height: 2rem;
// }
// }
// .citation{
// p{
// font-size: $font14!important;
// line-height: 2rem;
// }
// }
// #home, #contact, #contato{
// p, a {
// font-size: $font14!important;
// }
// }
//
// .chap{
// h2{
// font-size: $font22!important;
// }
// a{
// font-size: $font14!important;
// &.focus{
// font-size: $font16!important;
// }
// }
// }
// }
// }
//
//
}
user/themes/anissabensalah/scss/theme/reset.scss
+1 -2
View File
@@ -1,6 +1,5 @@
*{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
@@ -8,7 +7,7 @@ html, body{
margin: 0;
padding: 0;
height: 100%;
font-size: 1rem;
font-size: 16px;
}
ul, li, ol{
user/themes/anissabensalah/scss/theme/section.scss
+218 -142
View File
@@ -1,172 +1,248 @@
#start{
& > div{
height: 100vh;
}
div:nth-child(n+3){
display: flex;
&:nth-child(even){
flex-direction: row-reverse;
}
& > div {
#home{
margin-bottom: 50px;
img{
height: 100%!important;
width: 100%;
display: flex;
& > div{
width: 50%;
overflow: auto;
&:first-child{
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
background-image: linear-gradient(#98272D, #4f100B);
.citation{
text-align: center;
position: absolute;
top: 20%;
width: 450px;
left: 50%;
margin-left: -225px;
}
.chap{
margin: auto;
text-align: center;
.reso{
justify-content: center;
flex-direction: row;
margin-top: 10px;
a:nth-of-type(1){
margin-right: 5px
}
a:nth-of-type(2){
margin-left: 5px;
}
}
-o-object-fit: cover;
object-fit: cover;
}
a::before{
background-color: white;
height: 1px;
}
}
& > div{
height: 100%;
position: relative;
overflow: hidden;
padding-top: 50px;
padding-left: 50px;
padding-right: 50px;
padding-bottom: 50px;
&>#fullvideo{
overflow: hidden;
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
position: relative;
.grav-youtube{
position: static;
iframe{
pointer-events: none;
&.clicked{
pointer-events: auto;
}
}
}
}
}
.content{
p{
text-align: center;
margin-bottom: 15px;
}
}
.grav-youtube{
margin: 0;
}
.home{
display: flex;
.visu-album{
position: absolute;
}
.title{
width: 100%;
display: flex;
flex-wrap: wrap;
overflow: hidden;
position: relative;
height: 100%;
.visu-album{
height: 100%;
}
h1{
width: 100vw;
margin: auto;
text-transform: uppercase;
text-align: center;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
p{
position: absolute;
text-align: center;
width: 500px;
bottom: 50px;
left: 50%;
margin-left: -250px;
top: 77%;
img{
vertical-align: middle;
margin-top: 8px;
&:nth-of-type(1){
width: 20px;
margin-right: 5px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
text-align: center;
a{
&:nth-of-type(n+6){
display: inline-block;
margin-top: 10px;
}
}
}
}
}
& > div:last-child{
padding: 50px;
&>div{
background-image: -webkit-gradient(linear, left top, left bottom, from(#98272D), to(#4f100B));
background-image: linear-gradient(#98272D, #4f100B);
height: 100%;
width: 100%!important;
position: relative;
.other{
position: absolute;
width: 100%;
top: 50%;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
p{
&:last-child{
margin-bottom: 0!important;
}
margin-bottom: 50px!important;
text-align: center;
a{
&:last-child{
&::before{
visibility: visible;
-webkit-transform: scaleX(1);
transform: scaleX(1);
background-color: white;
height: 1px;
}
}
}
}
}
&>div:nth-child(1n+3){
position: relative;
&:nth-child(odd){
&>div{
float: left;
}
}
&:nth-child(even){
&>div{
float: right;
}
}
&>div{
width: 50%;
height: 100%;
}
.red{
background-image: -webkit-gradient(linear, left top, left bottom, from(#98272D), to(#4f100B));
background-image: linear-gradient(#98272D, #4f100B);
position: relative;
.chap{
position: absolute;
width: 100%;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
text-align: center;
a.active::before{
visibility: hidden;
}
a:hover::before{
background-color: white;
visibility: visible;
}
.reso{
margin-top: 10px;
&>a:first-child{
margin-right: 5px;
}
a{
display: inline-block;
}
}
}
}
.content{
overflow-y: auto;
text-align: center;
p{
margin-bottom: 10px;
a:before{
visibility: visible!important;
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}
.grav-youtube{
margin-bottom:0!important;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
iframe{
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
pointer-events: none;
&.clicked{
pointer-events: auto;
}
}
}
}
// biographie
&:nth-child(5){
.content{
text-align: center;
padding: 10px 50px;
.other{
text-align: left;
}
}
}
// presse
&:nth-child(6){
.content{
p{
&:nth-child(n+2){
display: inline-block;
vertical-align: top;
margin-top: 30px;
width: 49%;
min-width: 300px;
img{
width: 28px;
width: 20%;
max-width: 100px;
min-width: 50px;
}
}
}
}
.reso{
margin: -20px auto 0 auto;
a:nth-of-type(1){
margin-right: 5px
}
a:nth-of-type(2){
margin-left: 5px;
.red{
.citation{
text-align: center;
margin: 0 40px;
p{
margin-top: 50px;
}
}
}
}
}
.biographie, .prochaines_dates{
.content{
padding: 100px;
p:last-child{
margin-bottom: 100px;
}
}
}
.photographie{
p{
margin: 0;
}
}
.presse{
.sovaj, .matriz{
display: flex;
flex-flow: wrap;
justify-content: center;
margin-bottom: 100px;
p{
font-size: $font14!important;
line-height: 1.2rem;
}
p:nth-of-type(1){
padding: 0 50px;
margin-top: 100px;
}
p{
&:not(:nth-of-type(1)){
width: 50%;
height: auto;
img{
width: 20%;
height: auto;
margin: 20px 0;
// next_dates
&:nth-child(7){
.content{
#mCSB_5_container{
height: 100%;
#sovaj{
position: absolute;
width: 100%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
left:50%;
.other{
p:nth-child(1){
font-size: 1.5rem;
margin-bottom: 50px;
}
}
}
}
}
}
}
.contact{
background-image: linear-gradient(#98272D, #4f100B);
display: flex;
width: 100%;
height: 100vh;
.Contact{
flex-direction: column;
background-image: none;
height: auto!important;
margin: auto;
p{
text-align: center;
margin: 0 auto;
line-height: 1.5rem;
strong{
line-height: 3rem;
}
}
.mCSB_inside > .mCSB_container{
margin-right: 0px!important;
}
.mCSB_scrollTools{
visibility: hidden;
}
}
}