80 lines
1.3 KiB
SCSS
80 lines
1.3 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 */
|
||
|
|
|
||
|
|
#wrapper {
|
||
|
|
background: #64b5f6 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.4em;
|
||
|
|
font-style:oblique;
|
||
|
|
text-shadow: 0px 2px 12px rgba(0, 0, 0, 0);
|
||
|
|
padding-bottom:0px;
|
||
|
|
margin:auto;
|
||
|
|
text-align:center;
|
||
|
|
line-height: 1.5em;
|
||
|
|
}
|
||
|
|
|
||
|
|
.navbar {
|
||
|
|
box-shadow: $large-shadow;
|
||
|
|
@include borders();
|
||
|
|
border-left: 0;
|
||
|
|
border-right: 0;
|
||
|
|
ul {
|
||
|
|
padding-bottom:0;
|
||
|
|
}
|
||
|
|
@include li-no-margin();
|
||
|
|
}
|
||
|
|
|
||
|
|
.dropdown-menu {
|
||
|
|
box-shadow: $narrow-shadow, $inset-shadow;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 02.2 - Footer */
|
||
|
|
|
||
|
|
footer {
|
||
|
|
margin-top:40px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* social media */
|
||
|
|
|
||
|
|
ul.social {
|
||
|
|
font-size:1.5em;
|
||
|
|
padding-bottom:1em;
|
||
|
|
margin:auto;
|
||
|
|
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
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|