Styling (almost done)

Rules

@@ -1,8 +1,8 @@
 #!/usr/bin/env ruby
 
-#compile %r{/_} do
-#  nil
-#end
+compile %r{/_} do
+  nil
+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,15 +12,18 @@
     <div class="navbar navbar-static-top">
       <div class="navbar-inner">
         <div class="container">
+          <div class="row">
+            <div class="span1">
               <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                 <span class="icon-bar"></span>
                 <span class="icon-bar"></span>
                 <span class="icon-bar"></span>
               </a>
               <a class="brand" href="/"><img src="/img/logo.png" alt="CCCStuttgart"></a>
+            </div>
             <div class="nav-collapse collapse">
-            <ul class="nav">
-              <li><a href="/about/">Wir über uns</a>
+              <ul class="nav span11">
+                <li><a class="active" href="/about/">Wir über uns</a>
                 <li><a href="#">Veranstaltungen</a>
                 <li><a href="#">Aktivitäten</a>
                 <li><a href="#">Projekte</a>
@@ -37,6 +40,11 @@
                   </ul>
                 </li>
               </ul>
+              <ul class="nav span11">
+                <li><a href="#">Aktuell</a>
+                <li><a href="#">Vergangenes</a>
+              </ul>
+            </div>
           </div>
         </div>
       </div>