Browse Source

minor change

pull/36/head
Anaèle Baumgartner 13 years ago
parent
commit
3f0f6a0dd1
  1. 60
      static/css/style.css

60
static/css/style.css

@ -23,7 +23,12 @@ html {
body { body {
font-family: "philisopher"; font-family: "philisopher";
font-size: 0.9em; font-size: 0.9em;
margin: 0; margin: -50px 0 0;
min-height: 100%;
padding: 0 0 50px;
display: block;
width: 100%;
position: absolute;
} }
p { p {
@ -73,6 +78,7 @@ nav ul li {
body > header { body > header {
background: url(img/ribbon.png) no-repeat center 145px; background: url(img/ribbon.png) no-repeat center 145px;
height: 250px; height: 250px;
margin: 50px 0 0;
} }
body > header h1 { body > header h1 {
@ -107,7 +113,7 @@ body > header h1 a:focus {
nav { nav {
font-size: 1.1em; font-size: 1.1em;
position: absolute; position: absolute;
top: 20px; top: 70px;
right: 5%; right: 5%;
} }
@ -152,7 +158,7 @@ body > section {
border-radius: 8px; border-radius: 8px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.8); box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
color: #c3c3c3; color: #c3c3c3;
margin: 20px 10% 40px; margin: 30px 10% 40px;
padding: 10px 2%; padding: 10px 2%;
width: 76%; width: 76%;
} }
@ -165,7 +171,7 @@ section article {
padding: 0 15px; padding: 0 15px;
} }
section article h2 { section h2 {
background: linear-gradient(#e95355, #d63739); background: linear-gradient(#e95355, #d63739);
border-bottom: 1px solid #e95355; border-bottom: 1px solid #e95355;
border-radius: 4px; border-radius: 4px;
@ -174,29 +180,54 @@ section article h2 {
padding: 0.2em 10px 0.1em; padding: 0.2em 10px 0.1em;
} }
section article > section { section > section,
section#id1 > section {
background: url(img/article.png) repeat-x bottom left; background: url(img/article.png) repeat-x bottom left;
margin: 0 15px; margin: 0 15px;
padding: 0.5em 0 1.5em; padding: 0.5em 0 1.5em;
} }
section article > section:last-child { section > section:last-child,
section#id1 > section:last-child {
background: none; background: none;
} }
section h3 {
section article section h3 {
background: url(img/article-h3.png) repeat-y top left; background: url(img/article-h3.png) repeat-y top left;
margin: 20px -15px 8px; margin: 20px -15px 8px;
padding: 0.1em 15px; padding: 0.1em 15px;
} }
section article section section h4 { section h3 a {
color: #c3c3c3;
}
section h4 {
color: #da3d3f; color: #da3d3f;
text-decoration: underline; text-decoration: underline;
} }
section aside > ul {
background: #000;
border-radius: 5px;
display: inline-block;
padding: 15px 30px;
}
section aside ul li {
font-size: 1.1em;
padding: 0.2em 0;
}
section aside ul li ul {
margin-bottom: 5px;
}
section figure {
text-align: center;
}
/* /*
@ -207,9 +238,18 @@ section article section section h4 {
footer { footer {
background: #151315; background: #151315;
border-top: 1px solid #d63739; border-top: 1px solid #d63739;
bottom: 0;
font-size: 0.85em; font-size: 0.85em;
padding: 0.8em 0; height: 30px;
text-align: center; text-align: center;
position: absolute;
padding: 20px 0 0;
display: block;
width: 100%;
}
footer ul {
padding: 25px 0 0;
} }
footer ul li a { footer ul li a {

Loading…
Cancel
Save