175 lines
3 KiB
SCSS
175 lines
3 KiB
SCSS
/*NE PAS MODIFIER LE FICHIER .CSS, MAIS PLUTÔT LE
|
|
FICHIER .SCSS */
|
|
@import 'variables';
|
|
@import 'messages';
|
|
@import 'header';
|
|
@import 'forms';
|
|
@import 'tree';
|
|
|
|
/* MISE EN FORME GÉNÉRALE */
|
|
html {
|
|
height : 100% ;
|
|
background-color: $third_white_color;
|
|
}
|
|
|
|
body {
|
|
font-family: $font_normal;
|
|
font-size: medium;
|
|
}
|
|
|
|
#principal {
|
|
background-color: $third_white_color;
|
|
}
|
|
|
|
/*MAIN*/
|
|
main {
|
|
background-color:white;
|
|
margin-top:0px;
|
|
padding: 15px;
|
|
|
|
a {
|
|
color: $main_bold_color;
|
|
|
|
&:hover,
|
|
&:active,
|
|
&:focus {
|
|
color : $main_bold_color;
|
|
}
|
|
}
|
|
h1 {
|
|
border-bottom : 7px solid $second_bold_color;
|
|
padding-bottom : 5px ;
|
|
font-family: $font_bold;
|
|
font-weight: 600;
|
|
}
|
|
h2 {
|
|
border-bottom : 2px solid $main_bold_color;
|
|
color: $main_bold_color;
|
|
padding-bottom : 5px ;
|
|
font-family: $font_bold;
|
|
font-weight: 600;
|
|
}
|
|
}
|
|
|
|
/*ASIDE*/
|
|
aside {
|
|
background-color:$second_soft_color;
|
|
color: white;
|
|
margin-top:0px;
|
|
padding: 0px!important;
|
|
|
|
a {
|
|
color: $main_soft_color;
|
|
|
|
&:hover,
|
|
&:active,
|
|
&:focus {
|
|
color : $main_soft_color;
|
|
}
|
|
}
|
|
code {
|
|
color: white;
|
|
background-color: $second_bold_color;
|
|
}
|
|
.heading {
|
|
padding: 8px 15px;
|
|
font-size: 32px;
|
|
line-height: 1.3;
|
|
text-align:center;
|
|
|
|
&.inverted {
|
|
background-color:$second_white_color;
|
|
color:black;
|
|
}
|
|
|
|
&.small {
|
|
font-size: 25px;
|
|
|
|
.sub {
|
|
font-size: 0.7em;
|
|
font-weight: normal;
|
|
}
|
|
}
|
|
|
|
.sub {
|
|
font-size: 0.7em;
|
|
font-weight: normal;
|
|
}
|
|
|
|
&.separator {
|
|
border-bottom-color: $main_soft_color;
|
|
border-bottom-style: solid;
|
|
}
|
|
}
|
|
.text {
|
|
padding: 15px;
|
|
|
|
&.inverted {
|
|
background-color:$second_white_color;
|
|
color:black;
|
|
}
|
|
|
|
}
|
|
}
|
|
|
|
@media (min-width: 768px) {
|
|
main {
|
|
margin-top:20px;
|
|
}
|
|
aside {
|
|
margin-top:20px;
|
|
}
|
|
}
|
|
|
|
hr {
|
|
border-top : 1px solid $second_bold_color ;
|
|
}
|
|
|
|
|
|
span.vsep {
|
|
padding-left: 5px;
|
|
padding-right: 5px;
|
|
}
|
|
|
|
div.tag-list {
|
|
margin-top: 20px;
|
|
}
|
|
|
|
code {
|
|
font-size: small;
|
|
}
|
|
|
|
.module-list {
|
|
display: flex;
|
|
align-items: stretch;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
a.module {
|
|
background-color: $second_bold_color;
|
|
color: $second_white_color;
|
|
padding: 20px 40px;
|
|
margin: 5px;
|
|
border-bottom-color: $main_soft_color;
|
|
border-bottom-style: solid;
|
|
font-size: large;
|
|
display: block;
|
|
|
|
&:hover,
|
|
&:active,
|
|
&:focus {
|
|
color: $second_white_color;
|
|
background-color: $second_soft_color;
|
|
text-decoration: none;
|
|
}
|
|
}
|
|
|
|
/* COULD BE USERFULL LATER
|
|
|
|
.row-eq-height {
|
|
display: -webkit-box;
|
|
display: -webkit-flex;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
}
|
|
*/
|