Start styling + Add syntaxic coloration

site/public/stylesheets/reset.min.css

@@ -0,0 +1 @@
+a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}*,::after,::before,:after,:before{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}button,input,select,textarea{color:inherit;font-size:inherit;font-style:inherit;font-family:inherit;-webkit-border-radius:0;border-radius:0;-webkit-padding-start:0;align-items:flex-start;text-index:0;border:none;outline:0;background:0 0;padding:0;margin:0;width:auto;height:auto;line-height:1em}button,input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=file],input[type=month],input[type=number],input[type=password],input[type=reset],input[type=search],input[type=submit],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],select,textarea{height:1em;-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=color]{width:1em}input::-ms-clear{display:none}details,summary{-webkit-appearance:none;-moz-appearance:none;appearance:none}mark{background:0 0}hr{height:1px;margin:0;padding:0}u{text-decoration:none}table th{text-align:left}a{color:inherit;outline:0}

site/public/stylesheets/style.css

@@ -1,7 +1,29 @@
-body {
-	background:#efefef;
-    font-family:Helvetica;
-    font-size:14px;
-}
+/**
+ * Global
+ */
+body {background:#24262e;font-size:14px;font-family:Helvetica,Arial;color:#f1f5ff;}
+pre {font-family:monospace;line-height:initial;}
+a {text-decoration:none;}
 
-nav.files-tree-nav .active > span {font-weight:bold;}
+/**
+ * Main header
+ */
+header.main-header {position:fixed;top:0;left:0;right:0;height:60px;background:#202124;border-bottom:1px solid #32374d;box-shadow:0px 5px 10px rgba(0,0,0,0.1);}
+header.main-header a {display:inline-block;padding:0 0 0 20px;line-height:60px;text-transform:uppercase;}
+
+/**
+ * Page projects
+ */
+section.page-projects {padding-top:100px;}
+section.page-projects .no-project {text-align:center;padding:180px 0;}
+section.page-projects .projects {width:400px;margin:0 auto;background:#202124;box-shadow:0px 5px 10px rgba(0,0,0,0.1);border:1px solid #32374d;}
+section.page-projects .projects .title {height:40px;line-height:40px;text-align:center;}
+section.page-projects .projects .item {position:relative;padding:0 10px;display:block;height:40px;line-height:40px;}
+section.page-projects .projects .item:after {content:'';display:block;position:absolute;bottom:0;left:0;right:0;height:1px;background:#32374d;opacity:0.4;}
+section.page-projects .projects a.item:hover {background:#32374d;}
+section.page-projects .projects .item:last-child:after {display:none;}
+
+/**
+ * Page projet
+ */
+section.page-project {position:fixed;top:60px;right:0;bottom:0;left:0;}