|
|
|
@ -65,14 +65,14 @@
|
|
|
|
|
font-style: normal;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
body {
|
|
|
|
|
nav, body {
|
|
|
|
|
font-family: sans-serif;
|
|
|
|
|
margin: 0;
|
|
|
|
|
padding: 0;
|
|
|
|
|
line-height: 130%;
|
|
|
|
|
font-size: 110%;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
nav{width: 100%;}
|
|
|
|
|
input { font-family: sans-serif; }
|
|
|
|
|
|
|
|
|
|
@media (min-width: 40em) {
|
|
|
|
@ -117,17 +117,20 @@ img.EntryFirstImage{
|
|
|
|
|
display: inline;
|
|
|
|
|
border-radius: 8px;
|
|
|
|
|
left: 50%;
|
|
|
|
|
transform: translate(50%, 0%); /* décalage de 50% de sa propre taille */
|
|
|
|
|
transform: translate(50%, 0%);
|
|
|
|
|
}
|
|
|
|
|
section, aside {
|
|
|
|
|
background-color: #fff9fb;
|
|
|
|
|
overflow-x: hidden;
|
|
|
|
|
padding: 1.5em 1.5em 0 1.5em;
|
|
|
|
|
}
|
|
|
|
|
header p {
|
|
|
|
|
padding: 1.5em 1.5em 0 1.5em;
|
|
|
|
|
color: rgba(0,0,0,.4);
|
|
|
|
|
font-size: 1em;
|
|
|
|
|
}
|
|
|
|
|
article {background-color: #fff9fb;}
|
|
|
|
|
|
|
|
|
|
@media (min-width: 40em) {
|
|
|
|
|
section, aside {
|
|
|
|
|
max-width: 40em;
|
|
|
|
@ -136,7 +139,6 @@ header p {
|
|
|
|
|
border-radius: 3em;
|
|
|
|
|
box-shadow: -0.1em 0.1em 1em 0.1em rgba(0, 0, 0, 0.3);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
img.EntryFirstImage{
|
|
|
|
|
max-width: 15em;
|
|
|
|
@ -148,21 +150,32 @@ header p {
|
|
|
|
|
overflow: auto;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
@media (min-width: 70em) {
|
|
|
|
|
/* mise en deux colonnes */
|
|
|
|
|
section{
|
|
|
|
|
float: left;
|
|
|
|
|
width: 40em;
|
|
|
|
|
margin: 0.5em 0.5em;
|
|
|
|
|
}
|
|
|
|
|
aside{
|
|
|
|
|
float: left;
|
|
|
|
|
width: 20em;
|
|
|
|
|
margin: 0.5em 0.5em;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#main { padding: 1.5em 1.5em 0 1.5em; }
|
|
|
|
|
#sidebar { padding: 1.5em; }
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#footer { padding: 1em 2em; }
|
|
|
|
|
footer { clear: both; padding: 1em 2em; }
|
|
|
|
|
|
|
|
|
|
/* Prelude */
|
|
|
|
|
#prelude li::before { display: none; }
|
|
|
|
|
#prelude { margin: 0; padding-left: 1.5em; }
|
|
|
|
|
nav ul li::before { display: none; }
|
|
|
|
|
nav ul { margin: 0; padding-left: 1.5em; }
|
|
|
|
|
|
|
|
|
|
@media (min-width: 40em) {
|
|
|
|
|
#prelude { text-align: center; }
|
|
|
|
|
#prelude li { display: inline-block; }
|
|
|
|
|
#prelude li::after { content: ' | '; }
|
|
|
|
|
#prelude li:last-child::after { display: none; }
|
|
|
|
|
nav ul { text-align: center; }
|
|
|
|
|
nav ul li { display: inline-block; }
|
|
|
|
|
nav ul li::after { content: ' | '; }
|
|
|
|
|
nav ul li:last-child::after { display: none; }
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* Titles */
|
|
|
|
@ -206,12 +219,11 @@ h1, h2 {
|
|
|
|
|
@media (min-width: 40em) {
|
|
|
|
|
h1, h2 {
|
|
|
|
|
padding: 1.3em 0.7em 1.3em 4.2em;
|
|
|
|
|
border-radius: 4em;
|
|
|
|
|
}
|
|
|
|
|
h2 {border-radius: 4em;}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
h1 a, h2 a { color: #fff9fb; text-decoration: none; }
|
|
|
|
|
|
|
|
|
|
/* Post info */
|
|
|
|
|
p.post-info, p.post-info-co {
|
|
|
|
|
text-align: center;
|
|
|
|
@ -254,16 +266,17 @@ ul.post-tags li a, #blognav .tags li a {
|
|
|
|
|
#sidebar { background-color: #d3d4d9; }
|
|
|
|
|
|
|
|
|
|
/* Footer */
|
|
|
|
|
#footer {
|
|
|
|
|
footer {
|
|
|
|
|
background-color: #bb0a21;
|
|
|
|
|
color: #d3d4d9;
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@media (min-width: 40em) {
|
|
|
|
|
#footer { border-radius: 0 0 3em 3em; }
|
|
|
|
|
footer { border-radius: 0 0 3em 3em; }
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#footer a { color: #fff9fb; }
|
|
|
|
|
footer a { color: #fff9fb; }
|
|
|
|
|
|
|
|
|
|
/* Forms */
|
|
|
|
|
fieldset {
|
|
|
|
|