52 lines
756 B
CSS
52 lines
756 B
CSS
input#language {
|
|
display: none;
|
|
}
|
|
.language_label {
|
|
position: absolute;
|
|
grid-column: end;
|
|
top: 20px;
|
|
right: 20px;
|
|
padding: 10px;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
}
|
|
.language_label .flag {
|
|
width: 20px;
|
|
}
|
|
|
|
|
|
|
|
/*
|
|
* FR
|
|
*/
|
|
input#language:not(:checked) ~ * .language_label #fr {
|
|
display: inline;
|
|
}
|
|
input#language:checked ~ * .language_label #fr {
|
|
display: none;
|
|
}
|
|
input#language:not(:checked) ~ * span.fr {
|
|
display: none;
|
|
}
|
|
input#language:checked ~ * span.fr {
|
|
display: inline;
|
|
}
|
|
|
|
|
|
|
|
/*
|
|
* EN
|
|
*/
|
|
input#language:not(:checked) ~ * .language_label #en {
|
|
display: none;
|
|
}
|
|
input#language:checked ~ * .language_label #en {
|
|
display: inline;
|
|
}
|
|
input#language:not(:checked) ~ * span.en {
|
|
display: inline;
|
|
}
|
|
input#language:checked ~ * span.en {
|
|
display: none;
|
|
}
|