bachir/grav-ouidade.com
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

release candidate

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files
user/themes/ouidade/scss/styles.scss
+164 -126
View File
@@ -277,6 +277,58 @@ header#top-bar{
| |___| __/ | | | || __/ |
\_____\___|_| |_|\__\___|_|
*/
@mixin catlist {
margin:0;
ul{
margin: 0;
li{
position: relative;
display: inline-block;
// line-height: $catRadius;
min-width:$catRadius; height:$catRadius;
margin-right: -0.2em;
a{
display: block;
&:before{
content:"";
opacity: 1;
position: relative;
display:inline-block;
border-width: 3px;
border-style: solid;
// line-height: $catRadius;
width:$catRadius; height:$catRadius;
border-radius: $catRadius/2;
}
&.tag-1:before{ border-color: $cat1;}
&.tag-2:before{ border-color: $cat2;}
&.tag-3:before{ border-color: $cat3;}
&.tag-4:before{ border-color: $cat4;}
&.tag-5:before{ border-color: $cat5;}
&.tag-6:before{ border-color: $cat6;}
&.tag-7:before{ border-color: $cat7;}
&.tag-8:before{ border-color: $cat8;}
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;
}
&:hover{
span{ opacity: 1; width:auto; z-index: 10;}
}
}
}
}
}
div#center{
padding-top:$centerpaddingtop;
padding-bottom: $centerpaddingbottom;
@@ -287,18 +339,11 @@ div#center{
p{
line-height:1.5;
// display:inline-block;
position:relative;
@include fontnormal;
span.stab{
display:inline-block; position:relative;
font-weight:bold;
// &:after{
// content: ""; height:0;
// display: block; margin-top:-1em; //margin-bottom:.9em;
// border-top:0.5em solid $maincolor;
// // transition:border-color 0.3s ease-in;}
// }
}
a{
text-decoration: underline;
@@ -314,58 +359,22 @@ div#center{
text-align: left;
nav.categories{
margin:0;
ul{
margin: 0;
li{
position: relative;
display: inline-block;
// line-height: $catRadius;
min-width:$catRadius; height:$catRadius;
margin-right: -0.2em;
a{
display: block;
&:before{
content:"";
opacity: 1;
position: relative;
display:inline-block;
border-width: 3px;
border-style: solid;
// line-height: $catRadius;
width:$catRadius; height:$catRadius;
border-radius: $catRadius/2;
}
&.tag-1:before{ border-color: $cat1;}
&.tag-2:before{ border-color: $cat2;}
&.tag-3:before{ border-color: $cat3;}
&.tag-4:before{ border-color: $cat4;}
&.tag-5:before{ border-color: $cat5;}
&.tag-6:before{ border-color: $cat6;}
&.tag-7:before{ border-color: $cat7;}
&.tag-8:before{ border-color: $cat8;}
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;
}
&:hover{
span{ opacity: 1; width:auto; z-index: 10;}
}
}
@include catlist;
}
a.image-link{
display: block;
overflow: hidden;
img{
transition: transform 0.4s ease-out;
&:hover{
transition: transform 0.2s ease-in-out;
transform-origin: center;
transform: scale(1.2);
}
}
}
a.image-link{display: block;}
header{
position:relative;
// margin-top:0;padding-top:0;
@@ -387,14 +396,8 @@ div#center{
span.date{
font-weight: 200;
border-left: 1px solid $maincolor;
// font-size: 0.7em;
// line-height: 0.5;
// &:before{
// content: "|";
padding:0.2em 0 0 0.5em;
margin-left: 0.2em;
// display: inline-block;
// }
padding:0.2em 0 0 0.5em;
margin-left: 0.2em;
}
}
h2{
@@ -429,20 +432,35 @@ div#center{
*/
.projet{
.row{margin:0;}
nav.categories{
@include catlist;
padding:0.7em 0.7em 0;
}
h1{
@include fontbold;
margin:0; padding:0 0.7em; line-height: 1;
display: inline-block;
// &:after{
// content: "";
// display: block; margin-top:-.7em; margin-bottom:.7em;
// border-top:0.5em solid $maincolor;
// transition:border-color 0.3s ease-in;}
color: $maincolor;
margin:0.4em 0 0.5em 0;
padding:0 0.7em;
line-height: 1.6;
height:auto;
span.date{
font-weight: 200;
border-left: 1px solid $maincolor;
padding:0.2em 0 0 0.5em;
margin-left: 0.2em;
}
}
h2{
@include fontnormal;
margin:0.3em 0 0.7em;
padding:0 0.7em;
line-height: 1;
color:$maincolor;
a{color: $maincolor;}
}
h2{@include fontnormal; margin:-0.2em 0 0.7em; line-height: 1; padding:0 0.7em;}
// .block{
// display: inline-block;
// }
p{padding:0 0.7em 0.7em; margin:0;}
@@ -453,7 +471,7 @@ div#center{
a{
letter-spacing: normal;
display: inline-block;
margin:0 1em 1em 0;
margin:0.7em 0 0 0.7em;
}
}
@@ -469,19 +487,20 @@ div#center{
>*{padding-left:0.7em;padding-right:0.7em;}
}
body.projet{
nav.categories{
ul.tags li a:hover span{
text-decoration: underline;
}
}
}
// body.projet{
// nav.categories{
// ul.tags li a:hover span{
// text-decoration: underline;
// }
// }
// }
/*
* Catégories
*/
// body
nav.categories{
margin: 1em 0;
ul.tags{
margin:0; padding:0; text-align:center;
@@ -491,15 +510,34 @@ div#center{
a{
display:block;
// &:hover{text-decoration: underline;}
&:before{
content:"";
opacity: 1;
position: relative;
display:inline-block;
border-width: 3px;
border-style: solid;
// line-height: $catRadius;
width:$catRadius; height:$catRadius;
border-radius: $catRadius/2;
}
&.tag-1:before{ border-color: $cat1;}
&.tag-2:before{ border-color: $cat2;}
&.tag-3:before{ border-color: $cat3;}
&.tag-4:before{ border-color: $cat4;}
&.tag-5:before{ border-color: $cat5;}
&.tag-6:before{ border-color: $cat6;}
&.tag-7:before{ border-color: $cat7;}
&.tag-8:before{ border-color: $cat8;}
}
span{@include fontnormal;}
&.active span{
display:inline-block;
position:relative;
// display:inline-block;
// position:relative;
// font-weight: bold;
@include fontbold;
border-bottom: 1px solid #000;
line-height: 0.2;
// @include fontbold;
// border-bottom: 1px solid #000;
// line-height: 0.2;
// &:after{
// content: ""; height:0;
// display: block; margin-top:-0.2em; margin-bottom:0.2em;
@@ -509,44 +547,44 @@ div#center{
}
}
#diaporama{
position:relative;
height:20vw;
margin:0 0 1.5em;
>*{
position:absolute; top:0; left:0;
height:100%; width:100%;
text-align: center;
opacity:0;
transition: opacity 0.2s ease-in;
&.visible{opacity:1;}
// #diaporama{
// position:relative;
// height:20vw;
// margin:0 0 1.5em;
// >*{
// position:absolute; top:0; left:0;
// height:100%; width:100%;
// text-align: center;
// opacity:0;
// transition: opacity 0.2s ease-in;
// &.visible{opacity:1;}
//
// img{height:100%;}
// }
// }
img{height:100%;}
}
}
.client-block{
margin:0 0 1em;
padding:0.7em;
h3{
@include fontbold;
line-height:0.6; display:inline-block; position:relative;
margin:0; padding:0;
// $maincolor overline
// &:after{
// content: "";
// display: block; margin-top:-.5em; margin-bottom:.5em;
// border-top:0.5em solid $maincolor;
// transition:border-color 0.3s ease-in;
// }
}
h4{
margin:0;
@include fontnormal;
a:hover{text-decoration: underline;}
}
}
// .client-block{
// margin:0 0 1em;
// padding:0.7em;
// h3{
// @include fontbold;
// line-height:0.6; display:inline-block; position:relative;
// margin:0; padding:0;
// // $maincolor overline
// // &:after{
// // content: "";
// // display: block; margin-top:-.5em; margin-bottom:.5em;
// // border-top:0.5em solid $maincolor;
// // transition:border-color 0.3s ease-in;
// // }
// }
// h4{
// margin:0;
// @include fontnormal;
// a:hover{text-decoration: underline;}
// }
//
// }
}
/*
@@ -670,7 +708,7 @@ div.featherlight:last-of-type{
top:0; width:100%;
text-align: right;
padding:0 0.5em;
@include $font;
// @include font;
font-weight: 500;
font-size: 1.2em;
}