Commit af56ae84 authored by Sli's avatar Sli

Correction des marges et j'ai aussi remarqué un petit détail : tout mon css était ignoré par git…

parent 9cd0f544
env/
static
/static
__pycache__
gala/settings.py
/media
......
/*
* @Author: klmp200
* @Date: 2016-07-06 15:42:59
* @Last Modified by: klmp200
* @Last Modified time: 2016-07-10 22:20:06
*/
@import 'https://fonts.googleapis.com/css?family=Raleway';
body {
background-image: url("/static/blog/img/background.png");
background-repeat: repeat;
background-attachment: fixed;
font-family: 'Roboto', sans-serif;
}
.content {
background-color: #eee;
border: 3px #b2810e solid;
}
#content {
margin-right: 5%;
margin-left: 5%;
}
.article {
// border-top: 3px black solid;
}
.credit {
border-top: 3px #b2810e solid;
margin-bottom: -20px;
}
hr {
background-color: black;
color: black;
border: 1px;
width: 100%;
height: 1px;
}
/*
* Décompte
*/
.vcenter {
margin-top: 25%;
margin-bottom: 25%;
}
.chronoBloc {
padding-top: 10px;
padding-bottom: 10px;
text-align: center;
display: block;
}
@media (min-width: 1200px) {
.chronoBloc {
margin-top: 10px;
padding-top: 20px;
padding-bottom: 20px;
}
}
@media (max-width: 768px) {
.chronoBloc {
padding-top: 5px;
padding-bottom: 5px;
}
}
.chrono {
background-color: #5A6AFF;
color: #ffffff;
font-size: 3.5em;
}
.days {
font-weight: bold;
color: black;
}
/*
* Réseaux Sociaux
*/
.socialBloc {
margin-bottom: 5px;
padding-top: 20px;
padding-bottom: 20px;
text-align: center;
display: block;
}
.youtube {
background-color: #EB9388;
color: #ffffff;
}
.youtube:hover {
background-color: #ffffff;
color: #DD4B39;
}
.twitter {
background-color: #66CDF4;
color: #ffffff;
}
.twitter:hover {
color: #00ACED;
background-color: #ffffff;
}
.facebook {
background-color: #205081;
color: #ffffff;
}
.facebook:hover {
color: #2E3D54;
background-color: #ffffff;
}
/*
* Gestion des liens
*/
a:hover {
text-decoration:none;
}
a, a:link {
text-decoration: none;
outline: none;
color: black;
}
/*
* Navigateur mobile
*/
* {
-moz-box-sizing: border-box !important;
box-sizing: border-box !important;
}
img {
display: block;
max-width: 100%;
height: auto;
}
@media screen and (max-width: 992px) {
}
@media screen and (max-width: 764px) {
body {
padding-bottom: 15%;
}
}
@media screen and (max-width: 330px) {
body {
padding-bottom: 40%;
}
}
@-moz-document url-prefix() {
html {
margin-right: -14px !important;
overflow-y: scroll;
overflow-x: hidden;
width: 100%;
}
body {
position: relative;
overflow-x: hidden;
}
}
\ No newline at end of file
/*
* @Author: klmp200
* @Date: 2016-07-10 16:06:30
* @Last Modified by: klmp200
* @Last Modified time: 2016-07-10 21:24:00
*/
.navbar-default {
background-color: #0a0d17;
border-color: #b2810e;
border-radius: 0px;
}
.navbar-default .navbar-brand {
color: #ecf0f1;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
color: #ffffff;
}
.navbar-default .navbar-text {
color: #ecf0f1;
}
.navbar-default .navbar-nav > li > a {
color: #ecf0f1;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
color: #ffffff;
}
.navbar-default .navbar-nav > li > .dropdown-menu {
background-color: #0a0d17;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a {
color: #ecf0f1;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus {
color: #ffffff;
background-color: #b2810e;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > .divider {
background-color: #b2810e;
}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
color: #ffffff;
background-color: #b2810e;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
color: #ffffff;
background-color: #b2810e;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
color: #ffffff;
background-color: #b2810e;
}
.navbar-default .navbar-toggle {
border-color: #b2810e;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
background-color: #b2810e;
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #ecf0f1;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
border-color: #ecf0f1;
}
.navbar-default .navbar-link {
color: #ecf0f1;
}
.navbar-default .navbar-link:hover {
color: #ffffff;
}
@media (max-width: 767px) {
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
color: #ecf0f1;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
color: #ffffff;
}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
color: #ffffff;
background-color: #b2810e;
}
}
.navbar-default-gala {
border-bottom: 3px #b2810e solid;
}
\ No newline at end of file
/*
* @Author: klmp200
* @Date: 2016-07-09 21:50:07
* @Last Modified by: klmp200
* @Last Modified time: 2016-07-10 19:01:02
*/
'use strict';
function SetChrono(file) {
var now = new Date();
var gala = new Date();
var diff = 0;
$.getJSON(file, function(data) {
gala.setFullYear(data.year, data.month - 1, data.day);
diff = gala.getTime() - now.getTime();
// Il faut retirer 1 au mois puisque l'indice commence à 0
diff = Math.floor(diff / (1000 * 60 * 60 * 24));
if (diff < 0){
diff = 0;
}
$(".days").html(diff);
});
}
\ No newline at end of file
{
"day": 19,
"month": 11,
"year": 2016
}
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment