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/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;
}
}
}