nanterre: add new dashboard style

Makefile

@@ -56,8 +56,6 @@ icons:
 	cd src/ && python render-imgs-dashboard.py ../static/chateauroux/img/ --normal 333333 --selected 0779B7 --title FFFFFF --title-width 80
 	# grandlyon
 	cd src/ && python render-imgs-dashboard.py ../static/grandlyon/img/ --normal 333333 --selected DA0000 --title FFFFFF --title-width 80
-	# nanterre
-	cd src/ && python render-imgs-dashboard.py ../static/nanterre/img/ --normal 333333 --selected D81E41 --title FFFFFF --title-width 80
 	# orleans
 	cd src/ && python render-imgs-categories.py ../static/orleans/img/ --primary f05923 --secondary 34697D
 	cd src/ && python render-imgs-dashboard.py ../static/orleans/img/ --normal FFFFFF --normal-width 30 --selected f05923 --selected-width 30 --title FFFFFF --title-width 80

static/nanterre/_custom.scss

@@ -41,69 +41,61 @@ input[type=submit], button {
 	border-radius: 2em;
 }
 
-#content div.cell.menucell {
-	background: #F5F5F5;
-	a {
-		color: inherit;
-	}
-	a:hover span {
-		text-decoration: underline;
-	}
-	a::before {
-		font-family: FontAwesome;
-		content: "\f0a9"; /* arrow-circle-right */
-		padding-right: 1ex;
-		color: #DFDFDF;
-	}
-	.selected > a {
-		color: $primary-color;
-		font-weight: bold;
-		&::before {
-			color: $primary-color;
-		}
-	}
-}
-
-#content div.cell.textcell.dashboard-title {
-	margin-top: 0;
+#content div.cell.dashboard-title {
 	margin-bottom: 0;
-	box-sizing: border-box;
-	border-radius: $border-radius;
-	padding: 1ex;
-	background: $primary-color;
-	h3 {
-		color: white;
-		margin: 0;
-	}
 }
 
 #content div.cell.menucell.dashboard-menu {
 	margin-top: 0;
-	box-sizing: border-box;
 	background: white;
-	padding-top: 10px;
-	a:hover span {
-		text-decoration: none;
-	}
-	a::before {
-		content: none;
+	ul {
+		position: relative;
+		top: -1px;
 	}
 	ul li {
+		border-right: 1px solid #DEDEDE;
 		box-sizing: border-box;
 		text-align: center;
 		background: white;
-		margin-left: 7%;
-		margin-right: 7%;
+		width: 50%;
+		float: left;
+		display: inline-block;
 		a {
-			&:hover {
-				border-color: $primary-color;
-			}
-			background-position: 50% 5px;
-			padding-right: 0;
+			position: relative;
+			padding: 0;
+			display: block;
+			height: 112px;
 			span {
-				width: auto;
+				position: absolute;
+				bottom: 25px;
+				width: 100%;
+				left: 0;
+				color: #282828;
 			}
 		}
+		a {
+			background: transparent url(img/tab_mr.png) 50% 15px no-repeat;
+			&:hover {
+				background-color: #f0f0f0;
+			}
+		}
+		/* supports both current and potential page names */
+		&.menu-profile a { background-image: url(img/tab_mr.png); }
+		&.menu-dossier a { background-image: url(img/tab_mr.png); }
+		&.menu-famille a { background-image: url(img/tab_famille.png); }
+		&.menu-factures a { background-image: url(img/tab_facture.png); }
+		&.menu-paiements a { background-image: url(img/tab_facture.png); }
+		&.menu-porte-doc a { background-image: url(img/tab_doc.png); }
+		&.menu-documents a { background-image: url(img/tab_doc.png); }
+		&.menu-demandes a { background-image: url(img/tab_question.png); }
+		&.menu-demarches a { background-image: url(img/tab_question.png); }
+		&.menu-lecteur a { background-image: url(img/tab_livre.png); }
+		&.menu-liens a { background-image: url(img/tab_livre.png); }
+	}
+	ul::after {
+		display: block;
+		content: "";
+		clear: both;
 	}
 }
 
@@ -177,6 +169,14 @@ div#side > div {
 	background: white;
 }
 
+#content div.dashboard-title {
+}
+
+#content div.dashboard-menu {
+	border: none;
+	margin-top: 2em;
+}
+
 @media screen and (max-width: $mobile-limit) {
 	div#toplinks {
 		max-width: 100%;

static/nanterre/style.scss

@@ -2,5 +2,4 @@
 
 @import 'vars';
 @import '../includes/publik';
-@import '../includes/dashboard';
 @import 'custom';