92 lines
1.9 KiB
SCSS
92 lines
1.9 KiB
SCSS
$ClrWhite: #FAFAFA;
|
|
$ClrTrueWhite: #FFFFFF;
|
|
$ClrText: #3A4145;
|
|
$ClrBlack: #202020;
|
|
$ClrTrueBlack: #000000;
|
|
|
|
|
|
$FontTitle: 'Croissant One',cursive;
|
|
$FontText: 'Noto Serif',serif;
|
|
|
|
$ImgPath: /images;
|
|
|
|
@import "fonts.scss";
|
|
@import "nav.scss";
|
|
@import "section.scss";
|
|
@import "monokai.scss";
|
|
@import "lightbox-ovr.scss";
|
|
|
|
body{
|
|
background-image: url(/images/ui/gnome3.jpg);
|
|
background-size: cover;
|
|
background-attachment: fixed;
|
|
|
|
font-family: $FontText;
|
|
font-size: 1.8rem;
|
|
color: #3A4145;
|
|
}
|
|
img.avatar {
|
|
border: none;
|
|
border-radius: 0 0 50% 50%;
|
|
max-height: 200px;
|
|
filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.4));
|
|
}
|
|
|
|
|
|
/*
|
|
=====================================================================
|
|
Spécifique aux pages
|
|
*/
|
|
|
|
@media screen and (min-width: $ArticleMaxWidth + $NavLeft_Width) {
|
|
div#content{
|
|
left: $NavLeft_Width;
|
|
}
|
|
div#left {
|
|
left: 0px;
|
|
.arrow{
|
|
opacity: 0;
|
|
}
|
|
}
|
|
}
|
|
@media screen and (max-width: $ArticleMaxWidth + $NavLeft_Width) {
|
|
div#content {
|
|
main {
|
|
article {
|
|
max-width: 100%;
|
|
border-radius: 0;
|
|
h1:first-child {
|
|
border-radius: 0;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
body[data-page=home] {
|
|
div#content{
|
|
left: $NavLeft_Width;
|
|
}
|
|
div#left{
|
|
left: 0px;
|
|
.arrow{
|
|
opacity: 0;
|
|
}
|
|
}
|
|
}
|
|
/*
|
|
body.skills{
|
|
main{
|
|
article{
|
|
.skillexcellent, .skillgood, .skillmed, .skillknown, .skillperso, .skillstudy{
|
|
padding: 0 3px 0 3px;
|
|
border-radius: 5px;
|
|
}
|
|
.skillexcellent {background: linear-gradient(#00C107, #00A806);}
|
|
.skillgood {background: linear-gradient(#73C100, #64A800);}
|
|
.skillmed {background: linear-gradient(#BAC100, #A2A800);}
|
|
.skillknown {background: linear-gradient(#C18F00, #A87D00);}
|
|
.skillperso {border-style: solid; border-width: 2px; border-color: #8000FF;}
|
|
.skillstudy {border-style: solid; border-width: 2px; border-color: #9E9E9E;}
|
|
}
|
|
}
|
|
} */
|