Styling (almost done)

Rules

@@ -1,8 +1,8 @@
 #!/usr/bin/env ruby
 
-#compile %r{/_} do
+compile %r{/_} do
-#  nil
+  nil
-#end
+end
 
 compile '/styles/*' do
   if item[:extension]=="scss" && !item.identifier.split("/")[-1].start_with?("_")

content/styles/_customstyles.scss

@@ -0,0 +1,47 @@
+body {
+  background-image: url(/img/bg.png);
+  background-repeat: both;
+}
+
+a:hover, a:focus {
+  text-decoration: none;
+}
+
+.container {
+  background-color: $white;
+  @include box-shadow(0 5px 10px rgba(0,0,0,.2));
+  padding-left: 15px;
+  padding-right: 15px;
+}
+
+.navbar-static-top .navbar-inner {
+  box-shadow: 0 0 0 0;
+  border-width: 0;
+  background-color: transparent;
+  background-image: none;
+  border: 0;
+}
+
+.nav-collapse {
+  margin-top: 65px;
+}
+
+.nav {
+  border-bottom: 3px;
+  border-bottom-color: $grayLighter;
+  border-bottom-style: solid;
+}
+
+.navbar .nav > li > a {
+  padding-bottom: 5px;
+}
+
+.navbar .nav > li > a.active,
+.navbar .nav > li > a:hover,
+.navbar .nav > li > a:focus {
+  border-bottom: 3px;
+  border-bottom-color: $cccsGreen;
+  border-bottom-style: solid;
+  margin-bottom: -3px;
+}
+

layouts/default.html

@@ -12,31 +12,39 @@
     <div class="navbar navbar-static-top">
       <div class="navbar-inner">
         <div class="container">
-          <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+          <div class="row">
-            <span class="icon-bar"></span>
+            <div class="span1">
-            <span class="icon-bar"></span>
+              <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-            <span class="icon-bar"></span>
+                <span class="icon-bar"></span>
-          </a>
+                <span class="icon-bar"></span>
-          <a class="brand" href="/"><img src="/img/logo.png" alt="CCCStuttgart"></a>
+                <span class="icon-bar"></span>
-          <div class="nav-collapse collapse">
+              </a>
-            <ul class="nav">
+              <a class="brand" href="/"><img src="/img/logo.png" alt="CCCStuttgart"></a>
-              <li><a href="/about/">Wir über uns</a>
+            </div>
-              <li><a href="#">Veranstaltungen</a>
+            <div class="nav-collapse collapse">
-              <li><a href="#">Aktivitäten</a>
+              <ul class="nav span11">
-              <li><a href="#">Projekte</a>
+                <li><a class="active" href="/about/">Wir über uns</a>
-              <li><a href="/members/">Members</a>
+                <li><a href="#">Veranstaltungen</a>
-              <li><a href="#">Planet CCCS</a>
+                <li><a href="#">Aktivitäten</a>
-              <li class="dropdown">
+                <li><a href="#">Projekte</a>
-                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Archiv <b class="caret"></b></a>
+                <li><a href="/members/">Members</a>
-                <ul class="dropdown-menu">
+                <li><a href="#">Planet CCCS</a>
-                  <li><a href="#">2013</a>
+                <li class="dropdown">
-                  <li><a href="#">2012</a>
+                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">Archiv <b class="caret"></b></a>
-                  <li><a href="#">2011</a>
+                  <ul class="dropdown-menu">
-                  <li class="divider"></li>
+                    <li><a href="#">2013</a>
-                  <li><a href="#">Die alte Webseite</a>
+                    <li><a href="#">2012</a>
-                </ul>
+                    <li><a href="#">2011</a>
-              </li>
+                    <li class="divider"></li>
-            </ul>
+                    <li><a href="#">Die alte Webseite</a>
+                  </ul>
+                </li>
+              </ul>
+              <ul class="nav span11">
+                <li><a href="#">Aktuell</a>
+                <li><a href="#">Vergangenes</a>
+              </ul>
+            </div>
           </div>
         </div>
       </div>