add theme for perols

static/perols/_custom.scss

@@ -0,0 +1,63 @@
+body {
+	background: white url(img/bgx_body.png) top left repeat;
+}
+
+div#header-wrapper {
+	background: transparent url(img/top.png) top center no-repeat;
+	height: 246px;
+	@media screen and (max-width: $mobile-limit) {
+		background-color: #3d3d3d;
+		background-position: -30px -30px;
+	}
+	div#header h1 {
+		padding-top: 80px;
+		a {
+			display: block;
+			height: 120px;
+			background: url(img/logo.png) top left no-repeat;
+			text-indent: -1000px;
+			overflow: hidden;
+		}
+		@media screen and (max-width: $mobile-limit) {
+			padding-left: 0;
+			width: 100%;
+			a {
+				background-size: contain;
+			}
+		}
+	}
+}
+
+div#nav {
+	margin-top: 0;
+	& > ul {
+		margin-top: 0;
+		margin-bottom: 0;
+	}
+	@media screen and (max-width: $mobile-limit) {
+		text-align: left;
+	}
+}
+
+#toplinks {
+	background: #333;
+	border: none;
+	box-shadow: none;
+	border-radius: 0;
+	a {
+		display: inline-block;
+		color: white;
+		padding: 10px 10px 15px 10px;
+	}
+}
+
+div#main-content {
+	padding-top: 20px;
+	background: white;
+}
+
+footer {
+	div.textcell a {
+		color: white;
+	}
+}

static/perols/_vars.scss

@@ -0,0 +1,17 @@
+$primary-color: #00adc6;
+
+$font-color: #5a5a5a;
+$font-size: 16px;
+$font-family: Arial, Helvetica, sans-serif;
+$width: 1002px;
+$border-radius: 0;
+
+$nav-background: #e3007a;
+$nav-color: white;
+$nav-active-color: $primary-color;
+$border-radius: 0px;
+$button-background: $primary-color;
+$title-background: $primary-color;
+$title-color: white;
+$footer-background: #5a5a5a;
+$footer-color: white;

static/perols/config.json

@@ -0,0 +1,6 @@
+{
+  "label": "Pérols",
+  "variables": {
+    "theme_color": "#00adc6"
+  }
+}

static/perols/style.scss

@@ -0,0 +1,5 @@
+@charset "UTF-8";
+
+@import 'vars';
+@import '../includes/publik';
+@import 'custom';