use compass for stylesheets

rails/.gitignore

@@ -0,0 +1,2 @@
+app/stylesheets/.sass-cache
+tmp/sass-cache

rails/app/stylesheets/_base.sass

@@ -0,0 +1,45 @@
+
+body
+  font-family: "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif
+  font-size: 9pt
+  background-color: #fff
+  color: #000
+  margin: 0px
+  padding: 0px
+
+p
+  margin: 0.5em 0em 1em 0em
+  padding: 5px
+  line-height: 1.2em
+
+
+\:link, :visited
+  text-decoration: none
+  color: inherit
+
+h1, h2, h3, h4, h5, h6
+  color: black
+  margin: 0px
+  padding-top: 0.5em
+
+ul
+  line-height: 1.3em
+  list-style-type: square
+  margin: 0.5em 0em 0em 1.5em
+  padding: 0px
+  list-style-image: url(../images/bullet.png)
+
+ol
+  line-height: 1.5em
+  margin: 0.5em 0em 0em 1.5em
+  padding: 0px
+
+ul a, ol a
+  text-decoration: underline
+
+li
+  margin-bottom: 1em
+
+.hidden
+  display: none
+

rails/app/stylesheets/_helper.sass

@@ -0,0 +1,6 @@
+
+=border-radius(!radius)
+  :-moz-border-radius = !radius
+  :-webkit-border-radius = !radius
+  :border-radius = !radius
+

rails/app/stylesheets/_img.sass

@@ -0,0 +1,33 @@
+
+img
+  border: none
+  vertical-align: middle
+  border: 0px
+  margin: 0px
+
+  &.tiny
+    height: 16px
+    width: 16px
+
+  &.small
+    height: 32px
+    width: 32px
+
+  &.medium
+    height: 48px
+    width: 48px
+
+  &.large
+    height: 64px
+    width: 64px
+
+  &.huge
+    height: 128px
+    width: 128px
+
+a img
+  border: 1px solid transparent
+
+  &:hover
+    border: 1px solid red
+

rails/app/stylesheets/_sidebar.sass

@@ -0,0 +1,89 @@
+
+#sidebar
+  position: fixed
+  width: 10em
+  min-width: 100px
+  height: 100%
+  padding: 0em 1em
+  margin: 0
+  border-right: 1px solid black
+  z-index: 4
+
+
+#logo
+  height: 128px
+  width: 128px
+  text-align: center
+  margin: 0.5em 0 0 0
+  border: none
+
+  img
+    height: 128px
+    width: 128px
+
+#menu
+  margin-top: 10px
+  margin-left: 0px
+  margin-right: 0px
+
+  .menu-item
+    display: block
+    padding: 2px 0 2px 0
+    line-height: 120%
+    margin: 1px 0 1px 0
+    background-color: #c8d8e8
+    border: 1px solid #90acc8
+    text-align: center
+    +border-radius(3px)
+
+  .menu-text
+    display: block
+    padding: 3px
+    line-height: 120%
+    margin: 2px 0 2px 0
+    background-color: #c8d8e8
+    border: 1px solid black
+    text-align: center
+    +border-radius(4px)
+
+  .menu-item
+    &.selected
+      font-weight: bold
+      background-color: #90acc8
+      color: white
+      border: 1px solid black
+
+    &.off:hover
+      background-color: #c8d8e8
+      border: 1px solid red
+
+  .menu-item-group
+    margin-bottom: 6px
+    margin-top: 6px
+
+
+div#sidebar_search_results
+  min-width: 450px
+  background-color: white
+  border: 1px solid #888
+  margin: 0
+  padding: 0
+
+  ul
+    list-style: none
+    margin: 0
+    padding: 0
+
+    li
+      display: block
+      margin: 0
+      padding: 2px
+      height: 32px
+      cursor: pointer
+
+      &.selected
+        background-color: #ffb
+
+  span.more-results
+    padding: 0 50px
+