88 lines
1.5 KiB
SCSS
88 lines
1.5 KiB
SCSS
/* --- 02. GLOBAL ELEMENTS --- */
|
|
|
|
/*
|
|
* Le style des "grandes parties".
|
|
* Cela permet de définir les différents éléments qui composeront la page totale
|
|
*
|
|
*/
|
|
|
|
// A modifier pour customiser le style facilement :
|
|
|
|
|
|
/* 02.1 - Wrapper et page totale */
|
|
|
|
$background-color: get-color("skyblue");
|
|
|
|
#wrapper {
|
|
background: $background-color url('img/background.png') center bottom repeat-x;
|
|
}
|
|
|
|
/* 02.1 - Header */
|
|
|
|
header h1 {
|
|
border-style:none !important;
|
|
color:#FFF;
|
|
font-weight:700;
|
|
font-size:5.4rem;
|
|
font-style:oblique;
|
|
padding-bottom:0px;
|
|
margin:auto;
|
|
text-align:center;
|
|
line-height: 7.5rem;
|
|
margin-bottom: 1.5rem;
|
|
}
|
|
|
|
.navbar {
|
|
box-shadow: $large-shadow;
|
|
@include borders();
|
|
border-left: 0;
|
|
border-right: 0;
|
|
ul {
|
|
padding-bottom:0;
|
|
}
|
|
@include li-no-margin();
|
|
|
|
&.navbar-transparent {
|
|
border: none;
|
|
box-shadow: none;
|
|
background-color:transparent;
|
|
}
|
|
}
|
|
|
|
.dropdown-menu {
|
|
box-shadow: $narrow-shadow, $inset-shadow;
|
|
}
|
|
|
|
/* 02.2 - Footer */
|
|
|
|
footer {
|
|
margin-top: $baselinerem;
|
|
}
|
|
|
|
/* social media */
|
|
|
|
ul.social {
|
|
font-size:1.5em;
|
|
padding:0;
|
|
margin:auto;
|
|
margin-bottom: $baselinerem;
|
|
text-align:center;
|
|
li {
|
|
margin:0;
|
|
list-style: none;
|
|
display: inline;
|
|
a {
|
|
color:#FFFFFF;
|
|
background-color:#000000;
|
|
padding:0.3em;
|
|
padding-left:0.36em;
|
|
padding-right:0.36em;
|
|
vertical-align:middle;
|
|
border-radius:100%;
|
|
&:hover {
|
|
color:#000;
|
|
background-color:#FFF
|
|
}
|
|
}
|
|
}
|
|
}
|