Commit 341e7a94 authored by Sli's avatar Sli

Modifications du design

parent 006380dd
......@@ -2,14 +2,15 @@
* @Author: klmp200
* @Date: 2016-07-06 15:42:59
* @Last Modified by: klmp200
* @Last Modified time: 2016-10-02 01:10:11
* @Last Modified time: 2016-10-02 20:51:56
*/
@import 'https://fonts.googleapis.com/css?family=Raleway';
@import 'https://fonts.googleapis.com/css?family=Cinzel';
body {
background-image: url("/gala/static/blog/img/background.jpg");
// background-image: url("/gala/static/blog/img/background.jpg");
background-image: linear-gradient(to top left, rgb(8, 58, 117), rgb(13, 26, 41));
background-repeat: repeat;
background-attachment: fixed;
font-family: 'Roboto', sans-serif;
......@@ -82,7 +83,8 @@ hr {
// background-color: #5A6AFF;
font-family: 'Cinzel', serif;
color: #ffffff;
font-size: 3.5em;
// font-size: 3.5em;
font-size: 4em;
}
.days {
......@@ -99,7 +101,10 @@ hr {
}
#logo-mini {
margin-bottom: 60px;
}
#logo-mobile {
margin-bottom: 10px;
}
......@@ -145,18 +150,30 @@ hr {
background-color: #ffffff;
}
@media (min-width: 992px) {
.social-mini {
padding: 20px;
.social-mini {
margin-top: 250px;
}
@media (min-width: 1200px){
.social-mini > div > div.row {
padding-left: 30%;
padding-right: 30%;
}
}
@media (min-width: 1200px) {
.social-mini {
// padding: 40px;
@media (min-width: 992px) {
.social-mini > div > div.row {
padding-left: 20%;
padding-right: 20%;
}
}
// @media (min-width: 1200px) {
// .social-mini {
// // padding: 40px;
// }
// }
/*
* Gestion des liens
*/
......
......@@ -2,11 +2,15 @@
* @Author: klmp200
* @Date: 2016-07-10 16:06:30
* @Last Modified by: klmp200
* @Last Modified time: 2016-10-02 01:36:11
* @Last Modified time: 2016-10-02 18:22:12
*/
#navbar {
border-radius: 10px 10px 0 0;
font-size: 2em;
}
.navbar-nav li a {
line-height: 35px;
}
.navbar-default {
background-color: #0a0c12;
......@@ -79,6 +83,11 @@
}
}
.navbar-default {
padding-top: 10px;
padding-bottom: 10px;
}
.navbar-default-gala {
// border-bottom: 3px #b2810e solid;
}
\ No newline at end of file
......@@ -4,7 +4,7 @@
<a target="_blank" href="https://www.youtube.com/channel/UCCovZ5tiZnfAwkR-NP7uBmw" rel="nofollow">
<div class="socialBloc youtube">
<div align="center" class="row">
<i class="fa fa-youtube fa-5x"></i>
<i class="fa fa-youtube fa-2x"></i>
</div>
</div>
</a>
......@@ -15,7 +15,7 @@
<a target="_blank" href="https://twitter.com/galautbm" rel="nofollow">
<div class="socialBloc twitter">
<div align="center" class="row">
<i class="fa fa-twitter fa-5x"></i>
<i class="fa fa-twitter fa-2x"></i>
</div>
</div>
</a>
......@@ -26,7 +26,7 @@
<a target="_blank" href="https://www.facebook.com/GalaDePrestigeUTBM" rel="nofollow">
<div class="socialBloc facebook">
<div align="center" class="row">
<i class="fa fa-facebook fa-5x"></i>
<i class="fa fa-facebook fa-2x"></i>
</div>
</div>
</a>
......
......@@ -8,7 +8,7 @@
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="{{nav.index}}"><i class="fa fa-home"></i></a>
<a class="navbar-brand" href="{{nav.index}}"><i class="fa fa-home fa-2x"></i></a>
</div>
<div class="container">
<div class="collapse navbar-collapse" id="gala-navbar">
......
......@@ -18,16 +18,21 @@
<body>
<div class="row">
<div class="col-xs-offset-1 col-xs-10 col-md-offset-2 col-md-8 col-lg-offset-2 col-lg-8">
<div class="col-md-2 col-xs-1 col-lg-2">
<div class="hidden-xs hidden-sm hidden-md">
<img class="img-responsive logo" id="logo-mini" src="{% static "blog/img/banderole.png" %}">
</div>
</div>
<div class="col-xs-10 col-md-8 col-lg-8">
{# Décompte petit écran #}
<div class="container-fluid hidden-lg">
<div class="col-lg-offset-6 container-fluid hidden-lg">
{% include "blog/chrono.html" %}
</div>
{# Bannière #}
<div class="row-fluid hidden-lg">
<img class="img-responsive logo" src="{% static "blog/img/banderole.png" %}">
<img class="img-responsive logo" id="logo-mobile" src="{% static "blog/img/banderole.png" %}">
</div>
<div class="visible-lg-inline">
......@@ -51,9 +56,6 @@
{# Liens sociaux desktop #}
<div class="col-md-2 col-sm-1">
<div class="hidden-xs hidden-sm hidden-md">
<img class="img-responsive logo" id="logo-mini" src="{% static "blog/img/banderole.png" %}">
</div>
<div class="hidden-sm hidden-xs">
<div class="social-mini">
{% include "blog/media.html" %}
......@@ -84,7 +86,7 @@
</div>
{# Liens sociaux mobile #}
<div class="container-fluid visible-xs visible-sm">
<div class="container-fluid visible-xs visible-sm social-mobile">
<br>
{% include "blog/media.html" %}
</div>
......
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