Commit 50cf7bcc authored by Mat's avatar Mat

titraille, footer et styles

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