upgrade styling

app/assets/stylesheets/cmtool/application.css

@@ -9,5 +9,5 @@
  * compiled file, but it's generally better to create a new file per style scope.
  *
  *= require_self
- *= require_tree .
+ *= require_directory .
 */

app/assets/stylesheets/cmtool/menu.css.sass

@@ -0,0 +1,26 @@
+@import bourbon
+#menu-container
+  @include linear-gradient(#1e5799, #2989d8)
+  clear: both
+  padding: 10px
+  ul
+    margin: 0
+    padding: 0
+    list-style: none
+    li
+      float: left
+      margin-right: 9px
+      padding: 5px 4px
+      background-color: white
+      &.parent:hover> ul
+        display: block
+      .child-menu
+        display: none
+        position: absolute
+        z-index: 10000
+        margin-left: -5px
+        margin-top: 4px
+        li
+          float: none
+      &.ui-state-active .child-menu li.ui-state-default a
+        color: #1C94C4

app/assets/stylesheets/cmtool/sessions/application.css

@@ -0,0 +1,7 @@
+/*
+ * This is a manifest file that'll automatically include all the stylesheets available in this directory
+ * and any sub-directories. You're free to add application-wide styles to this file and they'll appear at
+ * the top of the compiled file, but it's generally better to create a new file per style scope.
+ *= require_self
+ *= require_directory . 
+*/

app/assets/stylesheets/cmtool/sessions/structure.css.sass

@@ -0,0 +1,73 @@
+@import jquery-ui
+@import bourbon
+.clear
+  clear: both
+body, html
+  font-size: 16px
+  font-family: $lucida-grande
+
+#page-wrapper
+  @extend .ui-widget
+  margin: 80px auto
+  width: 600px
+  a
+    color: black
+    text-decoration: none
+    &:hover
+      text-decoration: underline
+  ul#devise-links
+    list-style: none
+    margin: 20px 0
+    padding: 0
+    li
+      float: left
+      margin-right: 10px
+    #login-home
+      @extend .ui-icon
+      //@extend .ui-icon-arrowreturnthick-1-w
+      @extend .ui-icon-home
+  .field_with_errors
+    display: inline
+    input
+      border: 1px solid #a00
+    label
+      color: #a00
+  #error_explanation
+    @extend .ui-state-error
+    padding: 18px
+    h2
+      padding: 0
+      margin: 0
+    ul
+      margin: 10px 0 0 0 
+  #new-session-button
+    float: right
+    margin-right: 148px
+    width: 100px
+  #content-container
+    @extend .ui-widget-content
+    +border-radius(15px)
+    +box-shadow(5px 5px 5px #555)
+    .message
+      padding: 10px
+      .text
+        margin-left: 32px
+      &.error .icon
+        @extend .ui-icon
+        @extend .ui-icon-alert
+        background-image: url(/assets/ui/ui-icons_ffd27a_256x240.png)
+        float: left
+    #content
+      h2
+        margin: 10px 0
+      background-image: image-url("sessions/logo.png")
+      background-repeat: no-repeat
+      background-position: right bottom
+      padding: 18px
+      .button
+        +button(shiny, #aaa) 
+      .field
+        padding-top: 6px
+        label
+          float: left
+          width: 152px

app/assets/stylesheets/cmtool/structure.css.sass

@@ -29,36 +29,29 @@ a
       border: 1px solid red
 #page-wrapper
   width: 972px
-  margin: 10px auto
-  background-color: white
-#menu-container
-  @include linear-gradient(#1e5799, #2989d8)
-  clear: both
-  padding: 10px
-  ul
-    margin: 0
-    padding: 0
-    list-style: none
-    li
-      float: left
-      margin-right: 9px
-      padding: 5px 4px
-      background-color: white
-      &.parent:hover> ul
-        display: block
-      .child-menu
-        display: none
-        position: absolute
-        z-index: 10000
-        margin-left: -5px
-        margin-top: 4px
-        li
-          float: none
-      &.ui-state-active .child-menu li.ui-state-default a
-        color: #1C94C4
-#sub-navigation-container
-  ul
-    list-style: none
-    li
-      float: left
-      margin-right: 10px
+  margin: 40px auto 10px auto
+  #sub-navigation-container
+    ul
+      list-style: none
+      margin: 0
+      padding: 0
+      li
+        @include linear-gradient(#2989d8, #1e5799)
+        float: left
+        margin-right: 10px
+        padding: 3px 6px
+        +border-bottom-radius(5px)
+  #title-container
+    @include linear-gradient(#aaa, #fff)
+    padding: 10px
+    +border-top-radius(15px)
+    +box-shadow(5px 5px 5px #555)
+    h1
+      margin: 0
+      padding: 0
+  #content-container
+    background-color: white
+    +border-bottom-radius(15px)
+    +box-shadow(5px 5px 5px #555)
+    #content
+      padding: 10px

app/assets/stylesheets/cmtool/table.css.sass

@@ -0,0 +1,13 @@
+@import bourbon
+
+table
+  td.action
+    //@include radial-gradient(50% 50%, circle cover, #1e5799, #2989d8)
+    a
+      display: block
+      width: 16px
+      height: 16px
+      padding: 4px
+      @include radial-gradient(50% 50%, circle cover, #fff, #aaa)
+      &:hover
+        @include radial-gradient(50% 50%, circle cover, #ffc, #aaa)

app/assets/stylesheets/cmtool/user_info.css.sass

@@ -0,0 +1,17 @@
+@import bourbon
+#user-info
+  float: right
+  width: 400px
+  height: 22px
+  margin-top: -30px
+  @include linear-gradient(#2989d8, #1e5799)
+  color: white
+  font-weight: bold
+  padding: 4px
+  a
+    color: white
+    font-weight: bold
+  #user-info-sign-in-out
+    float: right
+  #user-info-email
+    float: left