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.
 
 
 

165 lines
3.2 KiB

@import "css/bootstrap-start";
html {
font-size: 93.75%; // 15px par defaut
}
/* Reduire la font en mobile que l'on tient plus pres des yeux */
@include media-breakpoint-only(xs) {
html {
font-size: 87.5%; // 14px par defaut
}
}
.body-bg {
position: fixed;
top:0;
left: 0;
right: 0;
bottom: 0;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
z-index: -1;
}
a {
@include hover-focus-active() {
background-color: rgba($gray-500, 0.05);
}
}
h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4,.h5,.h6,
.h1-like,.h2-like,.h3-like,.h4-like,.h5-like,.h6-like {
text-transform: uppercase;
}
.secondary h1,.secondary .h1,.secondary .h1-like,
h2,.h2,.h2-like { line-height: 1.2;}
.secondary h2,.secondary .h2,.secondary .h2-like,
h3,.h3,.h3-like { line-height: 1.2;}
h1,h2,
.h1,.h2,
.h1-like,.h2-like {
position: relative;
padding-left: $grid-gutter-width;
&:before {
content: '';
left: 0;
top: 0;
position: absolute;
bottom: ($headings-line-height - 1) * 1em;
width: $grid-gutter-width / 3;
background: $primary;
}
}
.spip_cadre, div.spip_code {
background: $form-bg;
color: $input-color;
}
#header {
background-color: $body-bg;
margin-left: -$grid-gutter-width / 2;
@include media-breakpoint-down(sm) {
margin-right: -$grid-gutter-width / 2;
padding-left: $grid-gutter-width / 2;
padding-right: 3 * $grid-gutter-width;
}
.spip_logo {
display: none;
}
}
.page {
margin-top: 4 * $spacer;
background-color: $body-bg;
margin-left: -$grid-gutter-width / 2;
margin-right: -$grid-gutter-width / 2;
padding: $grid-gutter-width / 2;
}
#nav {
font-family: $headings-font-family;
text-transform: uppercase;
font-size: $h3-font-size;
@include media-breakpoint-up(md) {
margin-left: -$grid-gutter-width / 2;
margin-right: -$grid-gutter-width / 2;
}
margin-bottom: 0;
.nav-item.active {
position: relative;
&:after {
content:'';
display: block;
position: absolute;
left:0;
right: 0;
bottom:$rem-vert-margin / 4;
height: 2px;
background: $primary;
}
}
.navbar-nav {
margin-left: auto;
}
}
#footer {
margin-left: -$grid-gutter-width / 2;
margin-right: -$grid-gutter-width / 2;
padding-left: $grid-gutter-width / 2;
padding-right: $grid-gutter-width / 2;
border-top:5px solid $primary;
.generator {
right: $grid-gutter-width / 2;
a.spip_out {
color: $link-color;
@include hover-focus-active {
color: $link-hover-color;
}
}
}
}
@include media-breakpoint-up(md) {
#header, #nav {
position: relative;
padding-left: 0;
padding-right: 0;
.navbar-inner {
margin-left: -$navbar-nav-link-padding-x;
}
&:before {
content: '';
display: block;
position: absolute;
left: 50%;
width: 100vw;
top: 0;
height: 100%;
margin-left: -50vw;
background-color: inherit;
z-index: -1;
}
}
}
@include media-breakpoint-down(sm) {
#nav {
@include make-navbar-button-float();
}
.header {
.formulaire_menu_lang {
margin-top: -1.25 * $spacer / 2;
margin-bottom: $spacer / 2;
}
}
}
.footer {
border-color: $border-color;
}