Commit 50cf7bcc authored by Mat's avatar Mat

titraille, footer et styles

parent 07b4dd7b
......@@ -19,8 +19,8 @@
{% block header %}
<div class="accueil">
<h1>Titre du site</h1>
<h3>Slogan du site</h3>
<h1>Tchernobel</h1>
<h3>du beurre dans les épinards</h3>
</div>
<nav id="mainnav">
<ul>
......@@ -48,8 +48,8 @@
<div id="content">
<div class="container">
<h1>{{ block('title') }}</h1>
{% block body %}
{% block sidebar %}
<aside>
<ul>
......@@ -90,7 +90,8 @@
<div class="container">
{% block footer %}
Mon site, propulsé par <a href="https://symfony.com/doc/current/index.html" target="_blank">Symfony 3.4.8</a>,
<a href="http://mathieu.actic.be">Tchama</a> 2018 —
propulsé par <a href="https://symfony.com/doc/current/index.html" target="_blank">Symfony 3</a>
habillé avec <a href="https://twig.symfony.com/doc/2.x/" target="_blank">Twig</a>
{% endblock %}
......
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
@import url('https://fonts.googleapis.com/css?family=Averia+Sans+Libre:300i,400i');
a {
text-decoration: none;
color: #434265;
}
a:hover {
color: #72719c;
}
body {
margin: 0; padding: 0;
position: relative;
......@@ -11,16 +19,21 @@ body {
}
header, footer {
background-color: #61998d;
}
header {
background-image: url('img/bandeau.jpg');
background-position: left -50px;
background-repeat: repeat-x;
background-size: 1024px;
}
header a, footer a {
color: white;
text-decoration: none;
}
header {
border-bottom: 1px solid #224828;
}
header a {
text-transform: uppercase;
}
header #mainnav ul {
padding-left: 0;
margin-top: 3em;
......@@ -43,10 +56,17 @@ header #mainnav ul li {
header #mainnav ul li.user {
float: right;
}
header #mainnav ul li a {
text-transform: uppercase;
color: white;
text-decoration: none;
.accueil h1 {
font-size: 50pt;
margin-bottom: 0.3em;
}
.accueil h3 {
font-family: 'Averia Sans Libre', cursive;
font-size: 30pt;
font-weight: 300;
font-style: italic;
color: #2b2b31;
margin-top: 0.7em;
}
footer {
......@@ -101,6 +121,10 @@ div.container {
padding: 0.5em 1em;
margin-bottom: 0.5em;
}
#content h1 {
text-transform: uppercase;
font-size: 25pt;
}
div.cadre {
box-shadow: 0 0 20px -6px black;
margin: 2em;
......@@ -109,3 +133,16 @@ div.cadre {
div.cadre img {
margin: 2em;
}
.breadcrumb {
}
.breadcrumb a {
text-decoration: none;
color: #393c5a;
}
.breadcrumb a:hover {
color: grey;
}
td { padding: 0.5em; }
tr.even { background-color: #ececec; }
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