Fix css indent and missnaming with class

theme/static/css/main.css

@@ -1,12 +1,12 @@
 /*
-	Name: Smashing HTML5
-	Date: July 2009
-	Description: Sample layout for HTML5 and CSS3 goodness.
-	Version: 1.0
-	License: MIT <http://opensource.org/licenses/MIT>
-	Licensed by: Smashing Media GmbH <http://www.smashingmagazine.com/>
-	Original author: Enrique Ramírez <http://enrique-ramirez.com/>
-*/
+Name: Smashing HTML5
+Date: July 2009
+Description: Sample layout for HTML5 and CSS3 goodness.
+Version: 1.0
+License: MIT <http://opensource.org/licenses/MIT>
+Licensed by: Smashing Media GmbH <http://www.smashingmagazine.com/>
+Original author: Enrique Ramírez <http://enrique-ramirez.com/>
+ */
 
 /* Imports */
 @import url(reset.css);
@@ -17,13 +17,13 @@
 /***** Global *****/
 /* Body */
 body {
-    background: #FFF;
-    color: #000305;
-    font-family: 'Lato', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
-    line-height: 1.429;
-    margin: 0;
-    padding: 0;
-    text-align: left;
+  background: #FFF;
+  color: #000305;
+  font-family: 'Lato', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
+  line-height: 1.429;
+  margin: 0;
+  padding: 0;
+  text-align: left;
 }
 
 /* Headings */
@@ -36,9 +36,9 @@ h5 {font-size: 1.143em}	/* 16px */
 h6 {font-size: 1em}		/* 14px */
 
 h1, h2, h3, h4, h5, h6 {
-	font-weight: 300;
-	line-height: 1.1;
-    font-family: 'Oswald', arial, serif;
+  font-weight: 300;
+  line-height: 1.1;
+  font-family: 'Oswald', arial, serif;
 }
 
 hr { border: 2px solid #EEEEEE; }
@@ -47,51 +47,51 @@ hr { border: 2px solid #EEEEEE; }
 a {outline: 0;}
 a img {border: 0px; text-decoration: none;}
 a:link, a:visited {
-	color: #e0470b	;
-	padding: 0 1px;
-	text-decoration: underline;
+  color: #e0470b	;
+  padding: 0 1px;
+  text-decoration: underline;
 }
 a:hover, a:active {
-	color: #F00;
-	text-decoration: none;
+  color: #F00;
+  text-decoration: none;
 }
 
 h1 a:hover {
-    background-color: inherit
+  background-color: inherit
 }
 
 /* Paragraphs */
 div.line-block,
 p { margin-top: 1em;
-    margin-bottom: 1em;}
+margin-bottom: 1em;}
 
 strong, b {font-weight: bolder;}
 em, i {font-style: italic;}
 
 /* Lists */
 ul {
-	list-style: outside disc;
-	list-style-image: url(../images/puce.png);
-	margin: 0em 0 0 1.5em;
+  list-style: outside disc;
+  list-style-image: url(../images/puce.png);
+  margin: 0em 0 0 1.5em;
 }
 
 ol {
-	list-style: outside decimal;
-	margin: 0em 0 0 1.5em;
+  list-style: outside decimal;
+  margin: 0em 0 0 1.5em;
 }
 
 li { margin-top: 0.5em;
-     margin-bottom: 1em; }
+margin-bottom: 1em; }
 
 .post-info {
-    float:right;
-    margin:10px;
-    padding:5px;
+  float:right;
+  margin:10px;
+  padding:5px;
 }
 
 .post-info p{
-    margin-top: 1px;
-    margin-bottom: 1px;
+  margin-top: 1px;
+  margin-bottom: 1px;
 }
 
 .readmore { float: right }
@@ -102,207 +102,210 @@ dd {margin-left: 1.5em;}
 
 /* Quotes */
 blockquote {
-    margin: 20px;
-    font-style: italic;
+  margin: 20px;
+  font-style: italic;
 }
 cite {}
 
 q {}
 
 div.note {
-   float: right;
-   margin: 5px;
-   font-size: 85%;
-   max-width: 300px;
+  float: right;
+  margin: 5px;
+  font-size: 85%;
+  max-width: 300px;
 }
 
 /* Tables */
 table {margin: .5em auto 1.5em auto; width: 98%;}
 
-	/* Thead */
-	thead th {padding: .5em .4em; text-align: left;}
-	thead td {}
+/* Thead */
+thead th {padding: .5em .4em; text-align: left;}
+thead td {}
 
-	/* Tbody */
-	tbody td {padding: .5em .4em;}
-	tbody th {}
+/* Tbody */
+tbody td {padding: .5em .4em;}
+tbody th {}
 
-	tbody .alt td {}
-	tbody .alt th {}
+tbody .alt td {}
+tbody .alt th {}
 
-	/* Tfoot */
-	tfoot th {}
-	tfoot td {}
+/* Tfoot */
+tfoot th {}
+tfoot td {}
 
 /* HTML5 tags */
 header, section, footer,
 aside, nav, article, figure {
-	display: block;
+  display: block;
 }
 
 /***** Layout *****/
-/*.body {clear: both; margin: 0 auto; width: 800px;}*/
-.body {clear: both; margin: 0 auto; width: 100%;}
+.body {
+  clear: both;
+  margin: 0 auto;
+  width: 100%;
+}
 img.right, figure.right {float: right; margin: 0 0 2em 2em;}
 img.left, figure.left {float: left; margin: 0 2em 2em 0;}
 
 /*
-	Header
-*****************/
+Header
+ *****************/
 
 #banner {
-	border-bottom: 10px solid #e0470b;
-	background: #000;
-}
-
-	#headerContainer {
-		width: 60%;
-		margin: 0 auto 2em;
-		padding: 30px 0;
-		position: relative;
-		height: 50px;
-		font-size: 14px;
-	}
-
-		#banner #logo {
-			display: inline-block;
-			margin-right: 20px;
-			position: absolute;
-		}
-
-			#banner #logo img {
-				width: 230px;
-			}
-
-		/* Main Nav */
-		#banner nav {
-			display: inline-block;
-			background: #000305;
-			font-size: 1.2em;
-			height: 40px;
-			line-height: 30px;
-			margin: 0 ;
-			padding: 0;
-			text-align: center;
-			width: 750px;
-			position: absolute;
-			right: 0;
-			top: 50%;
-		}
-
-		#banner nav ul {list-style: none; margin: 0 auto; width: 840px;}
-		#banner nav li {float: left; display: inline; margin: 0 5px;}
-
-		#banner nav a:link, #banner nav a:visited {
-			color: #fff;
-			display: inline-block;
-			height: 30px;
-			padding: 5px 1em;
-			font-family: Lato;
-			text-decoration: none;
-			text-transform: lowercase;
-			font-variant: small-caps;
-		}
-
-		/* #banner nav a:active, */
-		#banner nav .active a:link, #banner nav .active a:visited {
-			border: 1px solid #FFF;
-			color: #fff;
-			text-shadow: none !important;
-		}
-
-		#banner nav li a.icon {
-			display: inline-block;
-			background-repeat: no-repeat;
-			background-position: center;
-			background-size: 18px 18px;
-		}
-
-		#banner nav li a#search {
-			background-image: url(../images/search.png);
-		}
-
-		#banner nav li a#twitter {
-			background-image: url(../images/twitter.png);
-		}
-
-		#banner nav li a#rss {
-			background-image: url(../images/rss.png);
-		}
+  border-bottom: 10px solid #e0470b;
+  background: #000;
+}
+
+#headerContainer {
+  width: 60%;
+  margin: 0 auto 2em;
+  padding: 30px 0;
+  position: relative;
+  height: 50px;
+  font-size: 14px;
+}
+
+#banner #logo {
+  display: inline-block;
+  margin-right: 20px;
+  position: absolute;
+}
+
+#banner #logo img {
+  width: 230px;
+}
+
+/* Main Nav */
+#banner nav {
+  display: inline-block;
+  background: #000305;
+  font-size: 1.2em;
+  height: 40px;
+  line-height: 30px;
+  margin: 0 ;
+  padding: 0;
+  text-align: center;
+  width: 750px;
+  position: absolute;
+  right: 0;
+  top: 50%;
+}
+
+#banner nav ul {list-style: none; margin: 0 auto; width: 840px;}
+#banner nav li {float: left; display: inline; margin: 0 5px;}
+
+#banner nav a:link, #banner nav a:visited {
+  color: #fff;
+  display: inline-block;
+  height: 30px;
+  padding: 5px 1em;
+  font-family: Lato;
+  text-decoration: none;
+  text-transform: lowercase;
+  font-variant: small-caps;
+}
+
+/* #banner nav a:active, */
+#banner nav .active a:link, #banner nav .active a:visited {
+  border: 1px solid #FFF;
+  color: #fff;
+  text-shadow: none !important;
+}
+
+#banner nav li a.icon {
+  display: inline-block;
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 18px 18px;
+}
+
+#banner nav li a#search {
+  background-image: url(../images/search.png);
+}
+
+#banner nav li a#twitter {
+  background-image: url(../images/twitter.png);
+}
+
+#banner nav li a#rss {
+  background-image: url(../images/rss.png);
+}
 
 
 /*
-	Side navigation
-*****************/
+Side navigation
+ *****************/
 nav#side-nav {
-	display: inline-block;
-	width: 25%;
-	vertical-align: top;
-	text-align: right;
-	padding-right: 60px;
-}
-
-	nav#side-nav ul {
-		list-style: none;
-		border-right: 1px solid #CCC;
-		padding-right: 40px
-	}
-
-		nav#side-nav ul li a {
-			padding-right: 40px;
-			margin-right: -47px;
-			background-image: url(../images/puce-sideNav.png);
-			background-repeat: no-repeat;
-			background-position: right;
-			height: 40px;
-			display: inline-block;
-			line-height: 40px;
-		}
-
-		nav#side-nav ul li a.active {
-			background-image: url(../images/puce-sideNav-active.png);
-			margin-right: -60px;
-			padding-right: 55px;
-			color: #333;
-			font-weight: bolder;
-		}
-
-		nav#side-nav ul li a {
-			font-size: 16px;
-			color: #999;
-			text-decoration: none;
-		}
+  display: inline-block;
+  width: 25%;
+  vertical-align: top;
+  text-align: right;
+  padding-right: 60px;
+}
+
+nav#side-nav ul {
+  list-style: none;
+  border-right: 1px solid #CCC;
+  padding-right: 40px
+}
+
+nav#side-nav ul li a {
+  padding-right: 40px;
+  margin-right: -47px;
+  background-image: url(../images/puce-sideNav.png);
+  background-repeat: no-repeat;
+  background-position: right;
+  height: 40px;
+  display: inline-block;
+  line-height: 40px;
+}
+
+nav#side-nav ul li a.active {
+  background-image: url(../images/puce-sideNav-active.png);
+  margin-right: -60px;
+  padding-right: 55px;
+  color: #333;
+  font-weight: bolder;
+}
+
+nav#side-nav ul li a {
+  font-size: 16px;
+  color: #999;
+  text-decoration: none;
+}
 
 
 
 /*
-	Side content
-*****************/
-div#side-content {
-	display: inline-block;
-	width: 60%;
+Content
+ *****************/
+div#content {
+  display: inline-block;
+  width: 60%;
 }
 
 /*
-	Featured
-*****************/
+Featured
+ *****************/
 #featured {
-	background: #fff;
-	margin-bottom: 2em;
-	overflow: hidden;
-	padding: 20px;
-	width: 760px;
-
-	border-radius: 10px;
-	-moz-border-radius: 10px;
-	-webkit-border-radius: 10px;
+  background: #fff;
+  margin-bottom: 2em;
+  overflow: hidden;
+  padding: 20px;
+  width: 760px;
+
+  border-radius: 10px;
+  -moz-border-radius: 10px;
+  -webkit-border-radius: 10px;
 }
 
 #featured figure {
-	border: 2px solid #eee;
-	float: right;
-	margin: 0.786em 2em 0 5em;
-	width: 248px;
+  border: 2px solid #eee;
+  float: right;
+  margin: 0.786em 2em 0 5em;
+  width: 248px;
 }
 #featured figure img {display: block; float: right;}
 
@@ -313,111 +316,111 @@ div#side-content {
 #featured h3 a:hover, #featured h3 a:active {color: #fff;}
 
 /*
-	Body
-*****************/
-#content {
-	background: #fff;
-	margin-bottom: 2em;
-	overflow: hidden;
-	padding: 20px 20px;
-	width: 70%;
-	border-radius: 10px;
-	-moz-border-radius: 10px;
-	-webkit-border-radius: 10px;
+Body
+ *****************/
+.container {
+  background: #fff;
+  margin-bottom: 2em;
+  overflow: hidden;
+  padding: 20px 20px;
+  width: 70%;
+  border-radius: 10px;
+  -moz-border-radius: 10px;
+  -webkit-border-radius: 10px;
 }
 
 #content p, #content li, #content a {
-	font-size: 20px;
-	font-weight: 300;
+  font-size: 20px;
+  font-weight: 300;
 }
 
 /*
-	Extras
-*****************/
+Extras
+ *****************/
 #extras {margin: 0 auto 3em auto; overflow: hidden;}
 
 #extras ul {list-style: none; margin: 0;}
 #extras li {border-bottom: 1px solid #fff;}
 #extras h2 {
-	color: #C74350;
-	font-size: 1.429em;
-	margin-bottom: .25em;
-	padding: 0 3px;
+  color: #C74350;
+  font-size: 1.429em;
+  margin-bottom: .25em;
+  padding: 0 3px;
 }
 
 #extras a:link, #extras a:visited {
-	color: #444;
-	display: block;
-	border-bottom: 1px solid #F4E3E3;
-	text-decoration: none;
-	padding: .3em .25em;
+  color: #444;
+  display: block;
+  border-bottom: 1px solid #F4E3E3;
+  text-decoration: none;
+  padding: .3em .25em;
 }
 
 #extras a:hover, #extras a:active {color: #fff;}
 
-	/* Blogroll */
-	#extras .blogroll {
-		float: left;
-		width: 615px;
-	}
-
-	#extras .blogroll li {float: left; margin: 0 20px 0 0; width: 185px;}
-
-	/* Social */
-	#extras .social {
-		float: right;
-		width: 175px;
-	}
-
-	#extras div[class='social'] a {
-		background-repeat: no-repeat;
-		background-position: 3px 6px;
-		padding-left: 25px;
-	}
-
-		/* Icons */
-		.social a[href*='about.me'] {background-image: url('../images/icons/aboutme.png');}
-		.social a[href*='bitbucket.org'] {background-image: url('../images/icons/bitbucket.png');}
-		.social a[href*='delicious.com'] {background-image: url('../images/icons/delicious.png');}
-		.social a[href*='digg.com'] {background-image: url('../images/icons/digg.png');}
-		.social a[href*='facebook.com'] {background-image: url('../images/icons/facebook.png');}
-		.social a[href*='gitorious.org'] {background-image: url('../images/icons/gitorious.png');}
-		.social a[href*='github.com'],
-		.social a[href*='git.io'] {
-			background-image: url('../images/icons/github.png');
-			background-size: 16px 16px;
-		}
-		.social a[href*='gittip.com'] {background-image: url('../images/icons/gittip.png');}
-		.social a[href*='plus.google.com'] {background-image: url('../images/icons/google-plus.png');}
-		.social a[href*='groups.google.com'] {background-image: url('../images/icons/google-groups.png');}
-		.social a[href*='news.ycombinator.com'],
-		.social a[href*='hackernewsers.com'] {background-image: url('../images/icons/hackernews.png');}
-		.social a[href*='last.fm'], .social a[href*='lastfm.'] {background-image: url('../images/icons/lastfm.png');}
-		.social a[href*='linkedin.com'] {background-image: url('../images/icons/linkedin.png');}
-		.social a[href*='reddit.com'] {background-image: url('../images/icons/reddit.png');}
-		.social a[type$='atom+xml'], .social a[type$='rss+xml'] {background-image: url('../images/icons/rss.png');}
-		.social a[href*='slideshare.net'] {background-image: url('../images/icons/slideshare.png');}
-		.social a[href*='speakerdeck.com'] {background-image: url('../images/icons/speakerdeck.png');}
-		.social a[href*='stackoverflow.com'] {background-image: url('../images/icons/stackoverflow.png');}
-		.social a[href*='twitter.com'] {background-image: url('../images/icons/twitter.png');}
-		.social a[href*='vimeo.com'] {background-image: url('../images/icons/vimeo.png');}
-		.social a[href*='youtube.com'] {background-image: url('../images/icons/youtube.png');}
+/* Blogroll */
+#extras .blogroll {
+  float: left;
+  width: 615px;
+}
+
+#extras .blogroll li {float: left; margin: 0 20px 0 0; width: 185px;}
+
+/* Social */
+#extras .social {
+  float: right;
+  width: 175px;
+}
+
+#extras div[class='social'] a {
+  background-repeat: no-repeat;
+  background-position: 3px 6px;
+  padding-left: 25px;
+}
+
+/* Icons */
+.social a[href*='about.me'] {background-image: url('../images/icons/aboutme.png');}
+.social a[href*='bitbucket.org'] {background-image: url('../images/icons/bitbucket.png');}
+.social a[href*='delicious.com'] {background-image: url('../images/icons/delicious.png');}
+.social a[href*='digg.com'] {background-image: url('../images/icons/digg.png');}
+.social a[href*='facebook.com'] {background-image: url('../images/icons/facebook.png');}
+.social a[href*='gitorious.org'] {background-image: url('../images/icons/gitorious.png');}
+.social a[href*='github.com'],
+.social a[href*='git.io'] {
+  background-image: url('../images/icons/github.png');
+  background-size: 16px 16px;
+}
+.social a[href*='gittip.com'] {background-image: url('../images/icons/gittip.png');}
+.social a[href*='plus.google.com'] {background-image: url('../images/icons/google-plus.png');}
+.social a[href*='groups.google.com'] {background-image: url('../images/icons/google-groups.png');}
+.social a[href*='news.ycombinator.com'],
+.social a[href*='hackernewsers.com'] {background-image: url('../images/icons/hackernews.png');}
+.social a[href*='last.fm'], .social a[href*='lastfm.'] {background-image: url('../images/icons/lastfm.png');}
+.social a[href*='linkedin.com'] {background-image: url('../images/icons/linkedin.png');}
+.social a[href*='reddit.com'] {background-image: url('../images/icons/reddit.png');}
+.social a[type$='atom+xml'], .social a[type$='rss+xml'] {background-image: url('../images/icons/rss.png');}
+.social a[href*='slideshare.net'] {background-image: url('../images/icons/slideshare.png');}
+.social a[href*='speakerdeck.com'] {background-image: url('../images/icons/speakerdeck.png');}
+.social a[href*='stackoverflow.com'] {background-image: url('../images/icons/stackoverflow.png');}
+.social a[href*='twitter.com'] {background-image: url('../images/icons/twitter.png');}
+.social a[href*='vimeo.com'] {background-image: url('../images/icons/vimeo.png');}
+.social a[href*='youtube.com'] {background-image: url('../images/icons/youtube.png');}
 
 /*
-	About
-*****************/
+About
+ *****************/
 #about {
-	background: #fff;
-	font-style: normal;
-	margin-bottom: 2em;
-	overflow: hidden;
-	padding: 20px;
-	text-align: left;
-	width: 760px;
-
-	border-radius: 10px;
-	-moz-border-radius: 10px;
-	-webkit-border-radius: 10px;
+  background: #fff;
+  font-style: normal;
+  margin-bottom: 2em;
+  overflow: hidden;
+  padding: 20px;
+  text-align: left;
+  width: 760px;
+
+  border-radius: 10px;
+  -moz-border-radius: 10px;
+  -webkit-border-radius: 10px;
 }
 
 #about .primary {float: left; width: 165px;}
@@ -429,37 +432,37 @@ div#side-content {
 #about .bio {float: right; width: 500px;}
 
 /*
-	Footer
-*****************/
+Footer
+ *****************/
 #contentinfo {padding-bottom: 2em; text-align: right;}
 
 /***** Sections *****/
 /* Blog */
 .hentry {
-	display: block;
-	clear: both;
-	border-bottom: 1px solid #eee;
-	padding: 1.5em 0;
+  display: block;
+  clear: both;
+  border-bottom: 1px solid #eee;
+  padding: 1.5em 0;
 }
 li:last-child .hentry, #content > .hentry {border: 0; margin: 0;}
 #content > .hentry {padding: 1em 0;}
 .hentry img{display : none ;}
 
 .entry-title {
-	font-size: 3em;
-	font-family: Lato;
-	font-weight: 300;
-	margin-bottom: 60px;
-	margin-top: 30px;
-	text-align: center;
+  font-size: 3em;
+  font-family: Lato;
+  font-weight: 300;
+  margin-bottom: 60px;
+  margin-top: 30px;
+  text-align: center;
 }
 .entry-title span {
-	display: inline-block;
-	padding: 0 80px;
-	height: 100px;
-	background-image: url(../images/deco-titre.png);
-	background-repeat: no-repeat;
-	background-position: right 10px;
+  display: inline-block;
+  padding: 0 80px;
+  height: 100px;
+  background-image: url(../images/deco-titre.png);
+  background-repeat: no-repeat;
+  background-position: right 10px;
 }
 
 .entry-title a:link, .entry-title a:visited {text-decoration: none; color: #333;}
@@ -467,99 +470,99 @@ li:last-child .hentry, #content > .hentry {border: 0; margin: 0;}
 
 .hentry .post-info * {font-style: normal;}
 
-	/* Content */
-	.hentry footer {margin-bottom: 2em;}
-	.hentry footer address {display: inline;}
-	#posts-list footer address {display: block;}
-
-	/* Blog Index */
-	#posts-list {list-style: none; margin: 0;}
-	#posts-list .hentry {padding-left: 10px; position: relative;}
-
-	#posts-list footer {
-		left: 10px;
-		position: relative;
-        float: left;
-		top: 0.5em;
-		width: 190px;
-	}
-
-	/* About the Author */
-	#about-author {
-		background: #f9f9f9;
-		clear: both;
-		font-style: normal;
-		margin: 2em 0;
-		padding: 10px 20px 15px 20px;
-
-		border-radius: 5px;
-		-moz-border-radius: 5px;
-		-webkit-border-radius: 5px;
-	}
-
-	#about-author strong {
-		color: #C64350;
-		clear: both;
-		display: block;
-		font-size: 1.429em;
-	}
-
-	#about-author .photo {border: 1px solid #ddd; float: left; margin: 5px 1em 0 0;}
-
-	/* Comments */
-	#comments-list {list-style: none; margin: 0 1em;}
-	#comments-list blockquote {
-		background: #f8f8f8;
-		clear: both;
-		font-style: normal;
-		margin: 0;
-		padding: 15px 20px;
-
-		border-radius: 5px;
-		-moz-border-radius: 5px;
-		-webkit-border-radius: 5px;
-	}
-	#comments-list footer {color: #888; padding: .5em 1em 0 0; text-align: right;}
-
-	#comments-list li:nth-child(2n) blockquote {background: #F5f5f5;}
-
-	/* Add a Comment */
-	#add-comment label {clear: left; float: left; text-align: left; width: 150px;}
-	#add-comment input[type='text'],
-	#add-comment input[type='email'],
-	#add-comment input[type='url'] {float: left; width: 200px;}
-
-	#add-comment textarea {float: left; height: 150px; width: 495px;}
-
-	#add-comment p.req {clear: both; margin: 0 .5em 1em 0; text-align: right;}
-
-	#add-comment input[type='submit'] {float: right; margin: 0 .5em;}
-	#add-comment * {margin-bottom: .5em;}
+/* Content */
+.hentry footer {margin-bottom: 2em;}
+.hentry footer address {display: inline;}
+#posts-list footer address {display: block;}
+
+/* Blog Index */
+#posts-list {list-style: none; margin: 0;}
+#posts-list .hentry {padding-left: 10px; position: relative;}
+
+#posts-list footer {
+  left: 10px;
+  position: relative;
+  float: left;
+  top: 0.5em;
+  width: 190px;
+}
+
+/* About the Author */
+#about-author {
+  background: #f9f9f9;
+  clear: both;
+  font-style: normal;
+  margin: 2em 0;
+  padding: 10px 20px 15px 20px;
+
+  border-radius: 5px;
+  -moz-border-radius: 5px;
+  -webkit-border-radius: 5px;
+}
+
+#about-author strong {
+  color: #C64350;
+  clear: both;
+  display: block;
+  font-size: 1.429em;
+}
+
+#about-author .photo {border: 1px solid #ddd; float: left; margin: 5px 1em 0 0;}
+
+/* Comments */
+#comments-list {list-style: none; margin: 0 1em;}
+#comments-list blockquote {
+  background: #f8f8f8;
+  clear: both;
+  font-style: normal;
+  margin: 0;
+  padding: 15px 20px;
+
+  border-radius: 5px;
+  -moz-border-radius: 5px;
+  -webkit-border-radius: 5px;
+}
+#comments-list footer {color: #888; padding: .5em 1em 0 0; text-align: right;}
+
+#comments-list li:nth-child(2n) blockquote {background: #F5f5f5;}
+
+/* Add a Comment */
+#add-comment label {clear: left; float: left; text-align: left; width: 150px;}
+#add-comment input[type='text'],
+#add-comment input[type='email'],
+#add-comment input[type='url'] {float: left; width: 200px;}
+
+#add-comment textarea {float: left; height: 150px; width: 495px;}
+
+#add-comment p.req {clear: both; margin: 0 .5em 1em 0; text-align: right;}
+
+#add-comment input[type='submit'] {float: right; margin: 0 .5em;}
+#add-comment * {margin-bottom: .5em;}
 
 /* Valeurs */
 #content .valeurs {
-	width: 33%;
-	text-align: center;
-	display: inline-block;
-	font-weight: 600;
-	margin-bottom: 30px
+  width: 33%;
+  text-align: center;
+  display: inline-block;
+  font-weight: 600;
+  margin-bottom: 30px
 }
 
 #content .valeurs.nonprofit img{
-	width: 70%;
+  width: 70%;
 }
 
 #content .valeurs.entraide img{
-	width: 80%;
+  width: 80%;
 }
 
 #content .valeurs.partage img{
-	width: 90%;
+  width: 90%;
 }
 
 #content .valeurs img {
-	width: 100%;
-	display: block;
-	margin: auto;
-	margin-bottom: 20px;
+  width: 100%;
+  display: block;
+  margin: auto;
+  margin-bottom: 20px;
 }

theme/static/scripts/mine.js

@@ -4,13 +4,13 @@ var hash = window.location.hash;
 window.location.hash = ''; // avoid going to anchor
 
 wdw.on('load', function() {
-  var sideContent = $('#side-content');
+  var content = $('#content');
   var size = 24; // magic number !
 
-  sideContent.find('h2:last').add('h2:last ~ *').each(function() {
+  content.find('h2:last').add('h2:last ~ *').each(function() {
     size += $(this).outerHeight(true);
   });
-  sideContent.css('margin-bottom', wdw.height() - size);
+  content.css('margin-bottom', wdw.height() - size);
 
   $('#toc').sticky({topSpacing:30});
 

theme/templates/base.html

@@ -46,9 +46,10 @@
         </nav>
       </div>
     </header><!-- /#banner -->
+    <div class="container body">
     {% block content %}
     {% endblock %}
-
+    </div>
     <footer id="contentinfo" class="body">
     </footer>
 

theme/templates/page.html

@@ -1,22 +1,20 @@
 {% extends "base.html" %}
 {% block title %}{{ page.title }}{% endblock %}
 {% block content %}
+  <h1 class="entry-title"><span>{{ page.title }}</span></h1>
+  {% if page.toc %}
+  <nav id="side-nav">
+    {{ page.toc }}
+  </nav>
+  <div id="content">
+  {% endif %}
 
-<section id="content" class="body">
-    <h1 class="entry-title"><span>{{ page.title }}</span></h1>
-    {% if page.toc %}
-    <nav id="side-nav">
-      {{ page.toc }}
-    </nav>
-    <div id="side-content">
-    {% endif %}
+  {% import 'translations.html' as translations with context %}
+  {{ translations.translations_for(page) }}
+  {{ page.content }}
 
-    {% import 'translations.html' as translations with context %}
-    {{ translations.translations_for(page) }}
-    {{ page.content }}
+  {% if page.toc %}
+  </div>
+  {% endif %}
 
-    {% if page.toc %}
-    </div>
-	{% endif %}
-</section>
 {% endblock %}