|
@@ -63,10 +63,11 @@ ul,li{padding:0; margin:0; list-style: none;}
|
|
|
*/
|
|
|
$headerborderH: 0.3em;
|
|
|
$headerpaddingtopH:0.9em;
|
|
|
-$titlearea_mt:0.3em;
|
|
|
-$titlearea_mb:0.5em;
|
|
|
-$titleareaH: 9.3em;
|
|
|
-$titleareaHReduced: 5em;
|
|
|
+$logoH: 9.3em;
|
|
|
+$logo_mt:0.3em;
|
|
|
+$logo_mb:0.5em;
|
|
|
+$titleareaH: $logoH+$logo_mb+$logo_mt;
|
|
|
+$titleReducedFactor:0.7555;
|
|
|
$centerpaddingtop: $headerborderH+$headerpaddingtopH+$titleareaH+1em;
|
|
|
$footerheight: 5em;
|
|
|
$centerpaddingbottom:$footerheight+1em;
|
|
@@ -95,18 +96,18 @@ header#top-bar{
|
|
|
#title-area{
|
|
|
// overflow: hidden;
|
|
|
position:relative;
|
|
|
- height:$titleareaH + $titlearea_mt + $titlearea_mb;
|
|
|
+ height:$titleareaH;
|
|
|
transition: height 0.4s ease-in-out;
|
|
|
h1{
|
|
|
font-size: 1em; margin: 0;
|
|
|
height:100%;
|
|
|
- min-height:($titleareaH + $titlearea_mt + $titlearea_mb)*0.8;
|
|
|
+ min-height:$titleareaH*0.8;
|
|
|
overflow: hidden;
|
|
|
position: relative;
|
|
|
a{display: block;
|
|
|
// height:100%;
|
|
|
- height:$titleareaH;
|
|
|
- margin:$titlearea_mt 0 $titlearea_mb;
|
|
|
+ height:$logoH;
|
|
|
+ margin:$logo_mt 0 $logo_mb;
|
|
|
// height:$titleareaH;
|
|
|
background: transparent url("../images/logo.png") no-repeat center center;
|
|
|
background-size: contain;}
|
|
@@ -118,7 +119,7 @@ header#top-bar{
|
|
|
|
|
|
&.reduced{
|
|
|
#title-area{
|
|
|
- height:($titleareaH + $titlearea_mt + $titlearea_mb)*0.7555;
|
|
|
+ height:$titleareaH*$titleReducedFactor;
|
|
|
}
|
|
|
}
|
|
|
|
|
@@ -202,8 +203,9 @@ div#center{
|
|
|
}
|
|
|
|
|
|
p{
|
|
|
- // line-height:0.6;
|
|
|
- display:inline-block; position:relative;
|
|
|
+ line-height:1.5;
|
|
|
+ // display:inline-block;
|
|
|
+ position:relative;
|
|
|
@include fontnormal;
|
|
|
span.stab{
|
|
|
display:inline-block; position:relative;
|
|
@@ -215,7 +217,9 @@ div#center{
|
|
|
// transition:border-color 0.3s ease-in;}
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
+ a{
|
|
|
+ text-decoration: underline;
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
/*
|
|
@@ -275,20 +279,20 @@ div#center{
|
|
|
.row{margin:0;}
|
|
|
h1{
|
|
|
@include fontbold;
|
|
|
- margin:0; padding:0 0.7em;
|
|
|
- // $green overline
|
|
|
+ margin:0; padding:0 0.7em; line-height: 1;
|
|
|
+ display: inline-block;
|
|
|
&:after{
|
|
|
content: "";
|
|
|
- display: block; margin-top:-.5em; margin-bottom:.5em;
|
|
|
+ display: block; margin-top:-.7em; margin-bottom:.7em;
|
|
|
border-top:0.5em solid $green;
|
|
|
transition:border-color 0.3s ease-in;}
|
|
|
}
|
|
|
- h2{@include fontnormal; margin:0; padding:0 0.7em;}
|
|
|
+ h2{@include fontnormal; margin:-0.2em 0 0.7em; line-height: 1; padding:0 0.7em;}
|
|
|
// .block{
|
|
|
// display: inline-block;
|
|
|
// }
|
|
|
|
|
|
- p{padding:0.7em; margin:0;}
|
|
|
+ p{padding:0 0.7em 0.7em; margin:0;}
|
|
|
|
|
|
#images{
|
|
|
// .row{margin:0;}
|
|
@@ -301,6 +305,10 @@ div#center{
|
|
|
|
|
|
}
|
|
|
|
|
|
+ .default{
|
|
|
+ >*{padding-left:0.7em;padding-right:0.7em;}
|
|
|
+ }
|
|
|
+
|
|
|
body.projet{
|
|
|
nav.categories{
|
|
|
ul.tags li a:hover span{
|
|
@@ -319,7 +327,10 @@ div#center{
|
|
|
li{
|
|
|
list-style: none; display:inline-block;
|
|
|
margin:0 1em;
|
|
|
- a{display:block;}
|
|
|
+ a{
|
|
|
+ display:block;
|
|
|
+ // &:hover{text-decoration: underline;}
|
|
|
+ }
|
|
|
span{@include fontnormal;}
|
|
|
&.active span{
|
|
|
display:inline-block;
|
|
@@ -352,6 +363,7 @@ div#center{
|
|
|
img{height:100%;}
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
.client-block{
|
|
|
margin:0 0 1em;
|
|
|
h3{
|
|
@@ -369,6 +381,7 @@ div#center{
|
|
|
h4{
|
|
|
margin:0;
|
|
|
@include fontnormal;
|
|
|
+ a:hover{text-decoration: underline;}
|
|
|
}
|
|
|
|
|
|
}
|
|
@@ -391,11 +404,11 @@ div#center{
|
|
|
}
|
|
|
|
|
|
#title-area{
|
|
|
- height:$titleareaH -2.1em + $headerpaddingtopH;
|
|
|
+ height:$titleareaH -2.1em;
|
|
|
// padding-top: $headerpaddingtopH;
|
|
|
h1{
|
|
|
a{display: block;
|
|
|
- height:$titleareaH - 3em;
|
|
|
+ height:$logoH - 3em;
|
|
|
// height:100%;
|
|
|
}
|
|
|
}
|
|
@@ -403,7 +416,7 @@ div#center{
|
|
|
|
|
|
&.reduced{
|
|
|
#title-area{
|
|
|
- height:($titleareaH - 2.1em + $headerpaddingtopH)*0.75;
|
|
|
+ height:($titleareaH - 2.1em)*$titleReducedFactor;
|
|
|
overflow: hidden;
|
|
|
}
|
|
|
}
|