add grandlyon draft theme

Makefile

@@ -10,6 +10,7 @@ css:
 	cd static/chateauroux/ && sass style.scss:style.css
 	cd static/fondettes/ && sass style.scss:style.css
 	cd static/fontenay-sous-bois/ && sass style.scss:style.css
+	cd static/grandlyon/ && sass style.scss:style.css
 	cd static/meaux/ && sass style.scss:style.css
 	cd static/meyzieu/ && sass style.scss:style.css
 	cd static/montpellier/ && sass style.scss:style.css
@@ -23,6 +24,8 @@ css:
 icons:
 	# chateauroux
 	cd src/ && python render-imgs-dashboard.py ../static/chateauroux/img/ --normal 333333 --selected 0779B7 --title 333333 --title-width 80
+	# grandlyon
+	cd src/ && python render-imgs-dashboard.py ../static/grandlyon/img/ --normal 333333 --selected DA0000 --title 333333 --title-width 80
 	# nancy
 	cd src/ && python render-imgs-dashboard.py ../static/nancy/img/ --normal 333333 --selected 2381CD --title 333333 --title-width 80
 	# publik

help/fr/misc-scss.page

@@ -27,6 +27,11 @@ paramètre, la deuxième sa description et la troisième la valeur par défaut.
   <td><p>Couleur du texte</p></td>
   <td><p><var>#333</var></p></td>
  </tr>
+ <tr>
+  <td><p><code>$link-color</code></p></td>
+  <td><p>Couleur des liens</p></td>
+  <td><p><var>#028</var></p></td>
+ </tr>
  <tr>
   <td><p><code>$font-family</code></p></td>
   <td><p>Famille de police du texte</p></td>
@@ -94,6 +99,11 @@ paramètre, la deuxième sa description et la troisième la valeur par défaut.
   <td><p>Graisse de la police des titres</p></td>
   <td><p><var>normal</var></p></td>
  </tr>
+ <tr>
+  <td><p><code>$title-border-bottom</code></p></td>
+  <td><p>Bordure pour le bas des tites</p></td>
+  <td><p><var>0</var></p></td>
+ </tr>
 </table>
 </section>
 

static/grandlyon/_custom.scss

@@ -0,0 +1,60 @@
+#header h1#logo {
+	padding-top: 30px;
+}
+h1#logo a {
+	display: block;
+	background: url(logo-grand-lyon-la-metropole.png) top left no-repeat;
+	height: 59px;
+	width: 285px;
+	text-indent: -1000px;
+}
+
+div#nav > ul > li a {
+	font-weight: normal;
+}
+
+div#nav > ul {
+	position: relative;
+	top: 1px;
+	overflow: visible;
+}
+div#nav,
+div#nav > ul {
+	margin-bottom: 0;
+}
+
+div#nav > ul > li {
+	border-bottom: 1px solid #DDD;
+}
+
+div#nav span.badge {
+	display: none;
+}
+
+div#nav > ul > li:hover,
+div#nav > ul > li.selected {
+	border-bottom: 1px solid #000;
+}
+
+div#nav > ul > li > a::before {
+	content: "\f105";
+	padding-right: 1ex;
+	font-family: FontAwesome;
+	color: $nav-item-selected-color;
+}
+
+div#nav > ul > li > a {
+	padding-right: 4ex;
+}
+
+div#nav-wrapper {
+	border-bottom: 1px solid #DDD;
+}
+
+div#main-content-wrapper {
+	margin-top: 10px;
+}
+
+a:hover {
+	text-decoration: underline;
+}

static/grandlyon/style.scss

@@ -0,0 +1,39 @@
+@charset "UTF-8";
+
+$width: 1180px;
+$mobile-limit: 800px;
+$font-size: 13px !default;
+$font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+$border-radius: 0;
+$link-color: #DA0000;
+$nav-background: transparent;
+$nav-submenu-background: white;
+$nav-submenu-color: #DA0000;
+$nav-item-background: transparent;
+$nav-color: #050707;
+$nav-active-color: white;
+$nav-item-selected-color: #DA0000;
+$nav-menu-color: #DA0000;
+$button-background: #363636;
+$title-background: white;
+$title-color: #000;
+$footer-background: #000;
+$footer-color: #FFF;
+$dashboard-selected-color: #DA0000;
+$title-border-bottom: 1px solid #C5C5B6;
+$cell-border: 0px solid transparent;
+
+@import '../includes/utils';
+@import '../includes/general';
+@import '../includes/title';
+@import '../includes/layout';
+@import '../includes/nav';
+@import '../includes/cells';
+@import '../includes/user-info';
+@import '../includes/forms';
+@import '../includes/wcs';
+@import '../includes/misc';
+@import '../includes/a11y';
+@import '../includes/dashboard';
+
+@import 'custom';

static/includes/_general.scss

@@ -1,5 +1,6 @@
 $font-color: #333 !default;
 $font-family: sans-serif !default;
+$link-color: #028 !default;
 
 html, body {
 	font-family: $font-family;
@@ -8,6 +9,6 @@ html, body {
 }
 
 a {
-	color: #028;
+	color: $link-color;
 	text-decoration: none;
 }

static/includes/_title.scss

@@ -5,6 +5,7 @@ $title-weight: normal !default;
 $title-transform: none !default;
 $border-radius: 3px !default;
 $title-font-family: $font-family !default;
+$title-border-bottom: 0 !default;
 
 %title {
 	display: block;
@@ -20,5 +21,5 @@ $title-font-family: $font-family !default;
 	font-weight: $title-weight;
 	font-size: $title-font-size;
 	font-family: $title-font-family;
-	border: 0;
+	border-bottom: $title-border-bottom;
 }

themes.json

@@ -30,6 +30,13 @@
    },
    "color": "#2A697C"
   },
+  {"id": "grandlyon",
+   "label": "Grand Lyon",
+   "variables": {
+     "css_variant": "grandlyon"
+   },
+   "color": "#FF0303"
+  },
   {"id": "fontenay-sous-bois",
    "label": "Fontenay-sous-Bois",
    "color": "#FF6E00",