last batch of adjustements
This commit is contained in:
Bachir Soussi Chiadmi
@@ -85,7 +85,7 @@ $logoH: 9.3em;
|
||||
$logo_mt:0.3em;
|
||||
$logo_mb:0.5em;
|
||||
$titleareaH: $logoH+$logo_mb+$logo_mt;
|
||||
$titleReducedFactor:0.7555;
|
||||
$titleReducedFactor:0.7;
|
||||
$titleReducedFactorSmall:0.5;
|
||||
$centerpaddingtop: $headerborderH+$headerpaddingtopH+$titleareaH;
|
||||
$footerheight: 5em;
|
||||
@@ -123,13 +123,17 @@ header#top-bar{
|
||||
h1{
|
||||
font-size: 1em; margin: 0;
|
||||
height:100%;
|
||||
min-height:$titleareaH*0.8;
|
||||
// min-height:$titleareaH*0.8;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
a{display: block;
|
||||
height:$logoH;
|
||||
margin:$logo_mt 0 $logo_mb;
|
||||
color:$secondcolor;
|
||||
transition-property: color, font-size;
|
||||
transition-duration: 0.4s;
|
||||
transition-timing-function: ease-out;
|
||||
// transition: color 0.4s ease-out;
|
||||
@include fontnormal;
|
||||
font-weight: 500;
|
||||
&:before{
|
||||
@@ -138,16 +142,40 @@ header#top-bar{
|
||||
$r: 95px;
|
||||
width:$r; height:$r;
|
||||
border-radius: $r/2;
|
||||
border: 17px solid $maincolor;
|
||||
border: $r/5.5 solid $maincolor;
|
||||
transition-property: width, height, border-radius, border-color, border-width;
|
||||
transition-duration: 0.4s;
|
||||
transition-timing-function: ease-out;
|
||||
// transition: border-color 0.4s ease-out;
|
||||
margin: 0 auto 1em;
|
||||
}
|
||||
}
|
||||
}
|
||||
&:hover{
|
||||
h1 a{
|
||||
color: $maincolor;
|
||||
transition-duration: 0.2s;
|
||||
transition-timing-function: ease-in-out;
|
||||
// transition: color 0.2s ease-in-out;
|
||||
&:before{
|
||||
border-color:$secondcolor;
|
||||
transition-duration: 0.2s;
|
||||
transition-timing-function: ease-in-out;
|
||||
// transition: border-color 0.2s ease-in-out;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.reduced{
|
||||
#title-area{
|
||||
height:$titleareaH*$titleReducedFactor;
|
||||
h1 a:before{
|
||||
$r: 50px;
|
||||
width:$r; height:$r;
|
||||
border-radius: $r/2;
|
||||
border-width: $r/5.5;
|
||||
}
|
||||
// @media #{$medium-up}{
|
||||
// height:$titleareaH*$titleReducedFactorSmall;
|
||||
// }
|
||||
@@ -161,102 +189,102 @@ header#top-bar{
|
||||
color: inherit;
|
||||
}}
|
||||
|
||||
.nav{
|
||||
padding:0;
|
||||
position:relative;
|
||||
height:100%;
|
||||
ul{padding: 0; margin: 0;}
|
||||
li{list-style: none;}
|
||||
// @include breakpoint(medium) {
|
||||
@media screen and (min-width:$small-breakpoint) {
|
||||
.wrapper{padding-top: $titleareaH/2-.5em;}
|
||||
}
|
||||
}
|
||||
// .nav{
|
||||
// padding:0;
|
||||
// position:relative;
|
||||
// height:100%;
|
||||
// ul{padding: 0; margin: 0;}
|
||||
// li{list-style: none;}
|
||||
// // @include breakpoint(medium) {
|
||||
// @media screen and (min-width:$small-breakpoint) {
|
||||
// .wrapper{padding-top: $titleareaH/2-.5em;}
|
||||
// }
|
||||
// }
|
||||
|
||||
#left-nav{
|
||||
// margin-right: -0.1rem;
|
||||
text-align: left;
|
||||
// #left-nav{
|
||||
// // margin-right: -0.1rem;
|
||||
// text-align: left;
|
||||
//
|
||||
// h4{
|
||||
// @include fontnormal; margin:0; line-height: 1.9;
|
||||
// a{color:$maincolor;}
|
||||
// // a:hover{text-decoration: underline;}
|
||||
// }
|
||||
// ul{background-color: transparent; padding-bottom: 1em;}
|
||||
// li{
|
||||
// line-height: 1;
|
||||
// // &:not(.active){
|
||||
// overflow: hidden; height:0.01px; transition: height 0.3s ease-in;
|
||||
// // }
|
||||
// position: relative;
|
||||
// // line-height: $catRadius;
|
||||
// // min-width:$catRadius; height:$catRadius;
|
||||
// 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;
|
||||
// @include fontnormal;
|
||||
// font-weight: 300;
|
||||
// white-space: nowrap;
|
||||
// // opacity: 0;
|
||||
// // transition: opacity 0.3s ease-in-out;
|
||||
// padding:0.15em 0.3em;
|
||||
// // width:0;
|
||||
// }
|
||||
// // &:hover{
|
||||
// // span{ opacity: 1; width:auto; z-index: 10;}
|
||||
// // }
|
||||
// }
|
||||
// // &.active span{
|
||||
// // display:inline-block;
|
||||
// // position:relative;
|
||||
// // &:after{
|
||||
// // content: ""; height:0;
|
||||
// // display: block; margin-top:-.7em; margin-bottom:.7em;
|
||||
// // border-top:0.5em solid $maincolor;}
|
||||
// // }
|
||||
// }
|
||||
// @media #{$medium-up}{
|
||||
// &:hover{
|
||||
// li{
|
||||
// height:1.1em; transition: height 0.5s ease-out;
|
||||
// &:hover span{
|
||||
// // border-bottom: 1px solid #000;
|
||||
// text-decoration: underline;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
|
||||
h4{
|
||||
@include fontnormal; margin:0; line-height: 1.9;
|
||||
a{color:$maincolor;}
|
||||
// a:hover{text-decoration: underline;}
|
||||
}
|
||||
ul{background-color: transparent; padding-bottom: 1em;}
|
||||
li{
|
||||
line-height: 1;
|
||||
// &:not(.active){
|
||||
overflow: hidden; height:0.01px; transition: height 0.3s ease-in;
|
||||
// }
|
||||
position: relative;
|
||||
// line-height: $catRadius;
|
||||
// min-width:$catRadius; height:$catRadius;
|
||||
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;
|
||||
@include fontnormal;
|
||||
font-weight: 300;
|
||||
white-space: nowrap;
|
||||
// opacity: 0;
|
||||
// transition: opacity 0.3s ease-in-out;
|
||||
padding:0.15em 0.3em;
|
||||
// width:0;
|
||||
}
|
||||
// &:hover{
|
||||
// span{ opacity: 1; width:auto; z-index: 10;}
|
||||
// }
|
||||
}
|
||||
// &.active span{
|
||||
// display:inline-block;
|
||||
// position:relative;
|
||||
// &:after{
|
||||
// content: ""; height:0;
|
||||
// display: block; margin-top:-.7em; margin-bottom:.7em;
|
||||
// border-top:0.5em solid $maincolor;}
|
||||
// }
|
||||
}
|
||||
@media #{$medium-up}{
|
||||
&:hover{
|
||||
li{
|
||||
height:1.1em; transition: height 0.5s ease-out;
|
||||
&:hover span{
|
||||
// border-bottom: 1px solid #000;
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#right-nav{
|
||||
text-align: right;
|
||||
// margin-left: -0.1rem;
|
||||
line-height:0.5;
|
||||
a{@include fontnormal;}
|
||||
a:hover{@include fontnormal; text-decoration: underline;}
|
||||
}
|
||||
// #right-nav{
|
||||
// text-align: right;
|
||||
// // margin-left: -0.1rem;
|
||||
// line-height:0.5;
|
||||
// a{@include fontnormal;}
|
||||
// a:hover{@include fontnormal; text-decoration: underline;}
|
||||
// }
|
||||
|
||||
div.line{
|
||||
// position: absolute;
|
||||
@@ -279,51 +307,84 @@ header#top-bar{
|
||||
*/
|
||||
|
||||
@mixin catlist {
|
||||
// line-height: 0.5;
|
||||
// outline: 1px solid red;
|
||||
margin:0;
|
||||
ul{
|
||||
margin: 0;
|
||||
line-height: 1.2;
|
||||
// outline: 1px solid blue;
|
||||
li{
|
||||
// line-height: 0.5;
|
||||
// outline: 1px solid green;
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
// line-height: $catRadius;
|
||||
min-width:$catRadius; height:$catRadius;
|
||||
min-width:$catRadius;
|
||||
// height:$catRadius;
|
||||
margin-right: -0.2em;
|
||||
a{
|
||||
// outline: 1px solid purple;
|
||||
display: block;
|
||||
&:before{
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
font-size: 0;
|
||||
max-width: 15px;
|
||||
transition: max-width 0.3s ease-in-out;
|
||||
|
||||
&:not(.active):before{
|
||||
content:"";
|
||||
opacity: 1;
|
||||
position: relative;
|
||||
display:inline-block;
|
||||
vertical-align: middle;
|
||||
border-width: 3px;
|
||||
border-style: solid;
|
||||
// line-height: $catRadius;
|
||||
width:$catRadius; height:$catRadius;
|
||||
border-radius: $catRadius/2;
|
||||
// line-height: 10px;
|
||||
}
|
||||
&.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;}
|
||||
&.active:before{
|
||||
content: "\d7"; /* use the hex value here... \274c */
|
||||
// font-weight: bold;
|
||||
font-size: 35px;
|
||||
line-height: 0.4;
|
||||
width:$catRadius; height:$catRadius;
|
||||
position: relative;
|
||||
display:inline-block;
|
||||
vertical-align: middle;
|
||||
// outline: 1px solid red;
|
||||
color: #000;
|
||||
}
|
||||
&.tag-1:before{ border-color: $cat1; color:$cat1; }
|
||||
&.tag-2:before{ border-color: $cat2; color:$cat2; }
|
||||
&.tag-3:before{ border-color: $cat3; color:$cat3; }
|
||||
&.tag-4:before{ border-color: $cat4; color:$cat4; }
|
||||
&.tag-5:before{ border-color: $cat5; color:$cat5; }
|
||||
&.tag-6:before{ border-color: $cat6; color:$cat6; }
|
||||
&.tag-7:before{ border-color: $cat7; color:$cat7; }
|
||||
&.tag-8:before{ border-color: $cat8; color:$cat8; }
|
||||
span{
|
||||
position: absolute;
|
||||
z-index: -1;
|
||||
font-size: 0.7em;
|
||||
// outline: 1px solid orange;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
letter-spacing: normal;
|
||||
font-size: 11px;
|
||||
font-weight: 300;
|
||||
// line-height: 2;
|
||||
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;}
|
||||
padding:1px 5px 0 1px;
|
||||
}
|
||||
// &:hover{
|
||||
// max-width:300px;
|
||||
// span{
|
||||
// opacity: 1;
|
||||
// }
|
||||
// }
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -367,11 +428,11 @@ div#center{
|
||||
overflow: hidden;
|
||||
img{
|
||||
transition: transform 0.4s ease-out;
|
||||
&:hover{
|
||||
transition: transform 0.2s ease-in-out;
|
||||
transform-origin: center;
|
||||
transform: scale(1.2);
|
||||
}
|
||||
// &:hover{
|
||||
// transition: transform 0.2s ease-in-out;
|
||||
// transform-origin: center;
|
||||
// transform: scale(1.2);
|
||||
// }
|
||||
}
|
||||
}
|
||||
|
||||
@@ -390,12 +451,14 @@ div#center{
|
||||
h1{
|
||||
@include fontbold;
|
||||
color: $maincolor;
|
||||
transition: color 0.4s ease-out;
|
||||
margin:0.4em 0 0.5em 0;
|
||||
line-height: 1.6;
|
||||
height:auto;
|
||||
span.date{
|
||||
font-weight: 200;
|
||||
border-left: 1px solid $maincolor;
|
||||
transition: border-left-color 0.4s ease-out;
|
||||
padding:0.2em 0 0 0.5em;
|
||||
margin-left: 0.2em;
|
||||
}
|
||||
@@ -419,10 +482,25 @@ div#center{
|
||||
}
|
||||
|
||||
&:hover{
|
||||
// header{
|
||||
// background-color: rgba($maincolor, 0.7); transition-timing-function: ease-out;
|
||||
// h1:after{border-top:0.5em solid #FFF;transition-timing-function: ease-out;}
|
||||
// }
|
||||
nav.categories a{
|
||||
max-width:300px;
|
||||
span{
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
a.image-link img{
|
||||
transition: transform 0.3s ease-out;
|
||||
transform-origin: center;
|
||||
transform: scale(1.2);
|
||||
}
|
||||
header h1, header h2 a{
|
||||
color:$secondcolor;
|
||||
transition: color 0.2s ease-in-out;
|
||||
}
|
||||
header h1 span.date{
|
||||
border-left-color: $secondcolor;
|
||||
transition: border-left-color 0.2s ease-in-out;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -437,6 +515,12 @@ div#center{
|
||||
nav.categories{
|
||||
@include catlist;
|
||||
padding:0.7em 0.7em 0;
|
||||
ul li a{
|
||||
max-width: 500px;
|
||||
span{
|
||||
opacity:1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
h1{
|
||||
@@ -465,20 +549,34 @@ div#center{
|
||||
p{padding:0 0.7em 0.7em; margin:0;}
|
||||
|
||||
#images{
|
||||
max-width: 100%;
|
||||
// .row{margin:0;}
|
||||
// .block{padding:0.7em;}
|
||||
letter-spacing: 0px;
|
||||
a{
|
||||
// box-sizing: 100%;
|
||||
max-width: calc(100% - 1em);
|
||||
letter-spacing: normal;
|
||||
display: inline-block;
|
||||
margin:0.7em 0 0 0.7em;
|
||||
margin:0.4em 0 0 0.5em;
|
||||
overflow: hidden;
|
||||
&:hover img{
|
||||
transition: transform 0.4s ease-out;
|
||||
transform-origin: center;
|
||||
transform: scale(1.2);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
img{
|
||||
// width:100%;
|
||||
max-width:100%;
|
||||
// max-width:100%;
|
||||
height:300px;
|
||||
transition: transform 0.4s ease-out;
|
||||
@media #{$small-only}{
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
@@ -501,36 +599,54 @@ div#center{
|
||||
// body
|
||||
nav.categories{
|
||||
|
||||
margin: 1em 0;
|
||||
margin: 1em 0 0;
|
||||
ul.tags{
|
||||
margin:0; padding:0; text-align:center;
|
||||
li{
|
||||
list-style: none; display:inline-block;
|
||||
margin:0 1em;
|
||||
margin:0 0.3em;
|
||||
a{
|
||||
display:block;
|
||||
// &:hover{text-decoration: underline;}
|
||||
&:before{
|
||||
&:not(.active):before{
|
||||
content:"";
|
||||
opacity: 1;
|
||||
position: relative;
|
||||
display:inline-block;
|
||||
vertical-align: middle;
|
||||
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;}
|
||||
&.active:before{
|
||||
content: "\d7"; /* use the hex value here... \274c */
|
||||
// font-weight: bold;
|
||||
font-size: 35px;
|
||||
line-height: 0.4;
|
||||
width:$catRadius; height:$catRadius;
|
||||
position: relative;
|
||||
display:inline-block;
|
||||
vertical-align: middle;
|
||||
// outline: 1px solid red;
|
||||
color: #000;
|
||||
}
|
||||
&.tag-1:before{ border-color: $cat1; color:$cat1; }
|
||||
&.tag-2:before{ border-color: $cat2; color:$cat2; }
|
||||
&.tag-3:before{ border-color: $cat3; color:$cat3; }
|
||||
&.tag-4:before{ border-color: $cat4; color:$cat4; }
|
||||
&.tag-5:before{ border-color: $cat5; color:$cat5; }
|
||||
&.tag-6:before{ border-color: $cat6; color:$cat6; }
|
||||
&.tag-7:before{ border-color: $cat7; color:$cat7; }
|
||||
&.tag-8:before{ border-color: $cat8; color:$cat8; }
|
||||
}
|
||||
span{
|
||||
@include fontnormal;
|
||||
display:inline-block;
|
||||
vertical-align: middle;
|
||||
padding:1px 5px 0 1px;
|
||||
}
|
||||
span{@include fontnormal;}
|
||||
&.active span{
|
||||
// display:inline-block;
|
||||
// position:relative;
|
||||
@@ -600,19 +716,26 @@ div#center{
|
||||
@media #{$small-only}{
|
||||
header#top-bar{
|
||||
&:before{
|
||||
padding-bottom: $headerpaddingtopH*0.5;
|
||||
padding-bottom: $headerpaddingtopH*0.3;
|
||||
}
|
||||
|
||||
#title-area{
|
||||
height:$titleareaH -3.1em;
|
||||
height:$titleareaH - 3em;
|
||||
// padding-top: $headerpaddingtopH;
|
||||
h1{
|
||||
height:100%;
|
||||
min-height:($titleareaH - 3.1em)*0.8;
|
||||
min-height:($titleareaH - 7em)*0.8;
|
||||
a{display: block;
|
||||
height:$logoH - 3em;
|
||||
// height:100%;
|
||||
}
|
||||
a:before{
|
||||
$r: 60px;
|
||||
width:$r; height:$r;
|
||||
border-radius: $r/2;
|
||||
border-width: $r/5.5;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
@@ -620,20 +743,29 @@ div#center{
|
||||
#title-area{
|
||||
height:($titleareaH - 3.1em)*$titleReducedFactor;
|
||||
// overflow: hidden;
|
||||
h1{
|
||||
font-size: 0.65em;
|
||||
a:before{
|
||||
$r: 30px;
|
||||
width:$r; height:$r;
|
||||
border-radius: $r/2;
|
||||
border-width: $r/5.5;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.nav{
|
||||
position:absolute;
|
||||
top:$headerborderH+$headerpaddingtopH*0.5;
|
||||
height:auto;
|
||||
}
|
||||
#left-nav{left:0;}
|
||||
#right-nav{right:0;}
|
||||
// .nav{
|
||||
// position:absolute;
|
||||
// top:$headerborderH+$headerpaddingtopH*0.5;
|
||||
// height:auto;
|
||||
// }
|
||||
// #left-nav{left:0;}
|
||||
// #right-nav{right:0;}
|
||||
}
|
||||
|
||||
div#center{
|
||||
padding-top:$centerpaddingtop - 1.1em;
|
||||
padding-top:$centerpaddingtop - 3.1em;
|
||||
padding-bottom: $centerpaddingbottom;
|
||||
}
|
||||
|
||||
@@ -656,13 +788,19 @@ footer#bottom-bar{
|
||||
position:absolute; bottom:0;
|
||||
width:100%; height:$footerheight;
|
||||
background-color: $maincolor;
|
||||
transition: background-color 0.4s ease-out;
|
||||
color: white;
|
||||
text-align: center;
|
||||
padding:1em 0;
|
||||
padding:0.5em 0;
|
||||
// margin: 5vh 0 0;
|
||||
&:hover{
|
||||
background-color: $secondcolor;
|
||||
transition: background-color 0.2s ease-in-out;
|
||||
}
|
||||
h1{
|
||||
@include fontbold; height:auto; display:inline-block; position:relative; margin:0;
|
||||
color: inherit;
|
||||
font-size: 0.75em;
|
||||
a{
|
||||
font-weight: inherit;
|
||||
color: inherit;
|
||||
@@ -676,9 +814,19 @@ footer#bottom-bar{
|
||||
address{
|
||||
// font-size: 1em; font-weight: normal;
|
||||
@include fontnormal;
|
||||
font-size: 0.6em;
|
||||
margin:-0.7em 0 0; line-height: 1.1; font-style: normal;
|
||||
a{text-decoration: underline;}
|
||||
}
|
||||
ul.footer-menu{
|
||||
text-align: center;
|
||||
li{
|
||||
display:inline-block;
|
||||
a{
|
||||
font-size: 0.6em;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
div.featherlight:last-of-type{
|
||||
|
||||
Reference in New Issue
Block a user