Commit `195911b1`

mo k <m@mokhan.ca>

2011-11-08 03:47:24

trying to make the categories side bar match the mockup.

master

1 parent aa9c801

Changed files (4)

app

assets

images

Menu.png

sidebar.png

stylesheets

interface.css

views

layouts

application.html.erb

@@ -22,12 +22,10 @@ a:hover { color: #000; }
 #bd .sidebar .summary p { margin-bottom: 5px; }
 #bd .sidebar .summary p.credits { font-size: 28px; margin-bottom: 10px; line-height: 28px; }
 #bd .sidebar .summary .shaddow { position: absolute; left: -15px; top: 65px; }
-#bd .sidebar .menu { background: #fff; margin-left: -10px; font-size: 14px; font-weight: bold; color: #333333; margin-bottom: 30px; }
-#bd .sidebar .menu li { margin-left: 0; }
-#bd .sidebar .menu li.level_1 { background: url(/assets/arx/hr.png) bottom repeat-x; padding: 6px 10px; }
-#bd .sidebar .menu li.level_1:last-child { background: none; }
-#bd .sidebar .menu ul.level_2 { margin-bottom: 0; margin-top: 5px; }
-#bd .sidebar .menu li.level_2 { padding: 6px 0 6px 15px; }
+#bd .sidebar .menu { font-size: 20px; }
+#bd .sidebar .menu h1 { padding: 20px 0 12px 30px;  }
+#bd .sidebar .menu ul.level_2 { height: 375px; margin-bottom: 0; padding: 10px 0 70px 0; background: url(/assets/sidebar.png) no-repeat;  }
+#bd .sidebar .menu li.level_2 { padding: 0 0 10px 20px; }
 #bd .sidebar .menu a { text-decoration: none; color: #333333; width: 100%; display: block; }
 #bd .sidebar .menu a:hover { text-decoration: none; color: #666666; }

@@ -59,14 +59,11 @@
 
         <div class="grid_4 sidebar">
           <div class="menu">
-            <ul class="level_1 nojot">
-              <li class="level_1">Categories
-              <ul class="level_2 nojot">
-                <% Category.all.each do |category| %>
-                  <li class="level_2"><a href='/categories/<%= category.slug %>'><%= category.name %></a></li>
-                <% end %>
-              </ul>
-              </li>
+            <h1 style="background: url(/assets/Menu.png) no-repeat;">Categories</h1>
+            <ul class="level_2 nojot">
+              <% Category.all.each do |category| %>
+                <li class="level_2"><a href='/categories/<%= category.slug %>'><%= category.name %></a></li>
+              <% end %>
             </ul>
           </div><!-- /.menu -->
         </div>

Commit 195911b1

Commit `195911b1`