fondettes: 1st draft (#7999)

Makefile

@@ -4,6 +4,7 @@ NAME="publik-base-theme"
 prefix = /usr
 
 all:
+	cd static/fondettes/ && sass style.scss:style.css
 	cd static/publik/ && sass style.scss:style.css
 
 clean:

static/fondettes/_custom.scss

@@ -0,0 +1,80 @@
+body {
+	background: transparent url(bg-header.png) no-repeat scroll center top;
+}
+
+h1#logo a {
+	background: url(logo1.png) no-repeat -42px 100%;
+	display: inline-block;
+	padding-top: 39px;
+	width: 320px;
+	text-indent: -10000px;
+}
+
+#footer-wrapper {
+	background: transparent url(footer-repeat.png) repeat-x scroll 0% 0%;
+	height: 150px;
+	padding: 1ex 0 0 0;
+	position: relative;
+}
+
+#footer-wrapper:before{
+	background: url(footer-img.png) no-repeat bottom center;
+	content: " ";
+	height: 530px;
+	width: 100%;
+	display: block;
+	position: absolute;
+	z-index: -1;
+	bottom:162px;
+}
+
+#footer {
+	position: relative;
+}
+
+#footer:before{
+	display: block;
+	width: 160px;
+	height: 70px;
+	background: url(footer-before.png) no-repeat center bottom;
+	position: absolute;
+	top: -42px;
+	right: 0px;
+	content: " ";
+}
+
+#footer::after {
+    background: transparent url("fondettes-logo-footer.png") no-repeat scroll center bottom;
+    position: absolute;
+    top: 0;
+    right: 20px;
+    content: " ";
+    z-index: 100;
+    display: block;
+    width: 286px;
+    height: 115px;
+}
+
+#nav li.selected {
+	border-bottom: 2px solid $nav-color;
+}
+
+#toplinks {
+	background: white;
+}
+
+@media screen and (max-width: $mobile-limit) {
+	h1#logo a {
+		background-size: 100%;
+		width: 300px;
+		background-position: -30px 0px;
+	}
+	#nav li.selected {
+		border: none;
+	}
+	div#nav #nav-button + ul li:hover a,
+	div#nav #nav-button + ul li.selected a {
+		background: white;
+		color: black;
+	}
+}

static/fondettes/style.scss

@@ -0,0 +1,25 @@
+@charset "UTF-8";
+
+$width: 950px;
+$mobile-limit: 800px;
+$font-size: 13px !default;
+$font-family: sans-serif !default;
+$nav-background: transparent;
+$nav-color: #2A697C;
+$nav-selected-color: transparent;
+$nav-menu-color: #3791DB;
+$border-radius: 3px;
+$button-background: #E6427C;
+$title-background: #E6427C;
+$title-color: white;
+
+@import '../includes/general';
+@import '../includes/layout';
+@import '../includes/nav';
+@import '../includes/cells';
+@import '../includes/user-info';
+@import '../includes/wcs';
+@import '../includes/forms';
+@import '../includes/misc';
+
+@import 'custom';