You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
176 lines
2.0 KiB
176 lines
2.0 KiB
|
|
body
|
|
{
|
|
font-family: $font;
|
|
font-size:$normalfontsize;
|
|
}
|
|
|
|
h4
|
|
{
|
|
font-size:$normalfontsize + 2px;
|
|
}
|
|
|
|
body,figure,img
|
|
{
|
|
padding:0;
|
|
border:none;
|
|
margin:0;
|
|
}
|
|
|
|
#switch:checked ~ p
|
|
{
|
|
background-color:green;
|
|
}
|
|
|
|
.img-wrap img
|
|
{
|
|
// avec interpolation
|
|
width:calc(100% - (#{$marge}*2));
|
|
height:auto;
|
|
margin:$marge;
|
|
top:50%;
|
|
transform: translateY(-25%);
|
|
}
|
|
|
|
picture
|
|
{
|
|
position:relative;
|
|
display:block;
|
|
max-height:40vh;
|
|
overflow:hidden;
|
|
}
|
|
|
|
main, h1
|
|
{
|
|
margin:1rem;
|
|
padding:1rem;
|
|
}
|
|
|
|
@import "common-parts/main-menu";
|
|
@import "common-parts/contact-form";
|
|
|
|
.hidden,
|
|
*[aria-hidden]
|
|
{
|
|
display:none!important;
|
|
}
|
|
|
|
|
|
////////////////////// style a propos
|
|
.grand-L
|
|
{
|
|
height:16px;
|
|
}
|
|
main, aside
|
|
{
|
|
box-sizing: border-box;
|
|
}
|
|
main
|
|
{
|
|
width:calc(100% - 27vw);
|
|
}
|
|
.main-stat
|
|
{
|
|
max-width: 73vw;
|
|
float:left;
|
|
margin:10px 0 10px -2rem;
|
|
}
|
|
aside
|
|
{
|
|
width:25vw;
|
|
right:0;
|
|
top:75px;
|
|
position:fixed;
|
|
img
|
|
{
|
|
max-width:100%;
|
|
}
|
|
}
|
|
|
|
// https://contrastchecker.com/
|
|
footer
|
|
{
|
|
color:#a9a9a9;
|
|
border-top: solid 1px #000;
|
|
padding:10px;
|
|
}
|
|
|
|
a[lang=fr],a[target=_blank]
|
|
{
|
|
&:after
|
|
{
|
|
color:blueviolet;
|
|
}
|
|
}
|
|
|
|
a[lang=fr]
|
|
{
|
|
&::after
|
|
{
|
|
content :' [fr]';
|
|
}
|
|
}
|
|
|
|
a[target=_blank]
|
|
{
|
|
&::after
|
|
{
|
|
content :' [^]';
|
|
}
|
|
}
|
|
|
|
#loaded
|
|
{
|
|
background-color: #ccF;
|
|
border-left: solid 3px blue;
|
|
color:darkblue;
|
|
padding:3px;
|
|
}
|
|
#warning
|
|
{
|
|
background-color: #Fed;
|
|
border-left: solid 3px red;
|
|
color:darkred;
|
|
padding:3px;
|
|
}
|
|
|
|
li
|
|
{
|
|
&[lang]
|
|
{
|
|
color:#ccc;
|
|
}
|
|
&[lang=fr]
|
|
{
|
|
color:darkblue;
|
|
}
|
|
// commence par
|
|
&[lang^=fr]
|
|
{
|
|
color:darkblue;
|
|
}
|
|
// se termine par
|
|
&[lang$=CA]
|
|
{
|
|
color:blue;
|
|
}
|
|
//contient
|
|
&[lang*="-"]
|
|
{
|
|
font-weight: bold;
|
|
}
|
|
|
|
}
|
|
|
|
span
|
|
{
|
|
//contient
|
|
&[class~="red"]
|
|
{
|
|
color:red;
|
|
}
|
|
&[class|=red]
|
|
{
|
|
color:darkred;
|
|
}
|
|
} |