forgeos_core 1.9.4 → 1.9.5.rc1

data/app/assets/stylesheets/forgeos/admin/forgeos_core/_rightSidebar.css.sass

@@ -1,6 +1,6 @@
 #right-sidebar
   .step
-    background: $lightBlueBg url(/assets/forgeos/admin/backgrounds/background-right-sidebar.png) repeat-x top
+    background: $lightBlueBg image_url("forgeos/admin/backgrounds/background-right-sidebar.png") repeat-x top
     padding: 5px 10px
     font-size: 0.7em
     margin-bottom: 1px
@@ -16,11 +16,14 @@
         font-weight: bold
     &.open
       a.step-title
-        background-position: 0 -912px
+        background-position: 0 -913px
+        padding-bottom: 2px
+        padding-top: 1px
+
   .text
     background-color: $white
     border: 1px solid $contentHeaderBorder
-    +borderCorner
+    +border-radius(4px)
     height: 130px
     padding: 5px
     margin-left: -5px
@@ -60,7 +63,7 @@
       display: inline-block !important
       background-color: $white
       border: 1px solid $white
-      -moz-border-radius: 5px
+      +border-radius(5px)
       color: $greenBlue
       padding: 0px 5px
       margin: 2px 0px
@@ -68,7 +71,7 @@
       padding: 5px
       position: relative
       +left
-      +borderCorner(3px, 3px, 3px, 3px)
+      +border-radius(3px)
       background-color: $white
       margin 2px
   .status p
@@ -94,7 +97,7 @@
     .tags
       background-color: $white
       border: 1px solid $contentHeaderBorder
-      +borderCorner
+      +border-radius(4px)
       a
         background-color: $contentHeaderBorder
         color: $black
@@ -153,7 +156,7 @@
           color: white
         padding: 0
         border: 0
-        +borderCorner(0, 0, 0, 0)
+        +border-radius(0px)
         margin: 0
         span
           display: block
@@ -161,8 +164,9 @@
           float: none !important
           margin: 0
           padding: 5px
-          +borderCorner(0, 0, 0, 0)
+          +border-radius(0px)
           &:hover
             color: white !important
             background:
               color: $blueLink
+

data/app/assets/stylesheets/forgeos/admin/forgeos_core/_search.css.sass

@@ -8,7 +8,7 @@
   &.open
     border: 1px solid $gray
     border-bottom: 0
-    +borderCorner(4px, 4px, 0, 0)
+    +border-top-radius(4px)
     background-color: $white
   &.thumbnails
     display: block
@@ -34,14 +34,15 @@
   background-position: 0 -270px
   display: none
   border: 1px solid $gray
-  +borderCorner(4px, 0, 4px, 4px)
+  +border-radius(4px)
+  +border-corner-radius(top, right, 0px)
   height: 22px
   width: 190px
   .button-ok
     background-position: 0 0
     +left
     border: 1px solid $gray
-    +borderCorner(3px, 3px, 3px, 3px)
+    +border-radius(3px)
     margin-left: 10px
     color: $black
     font-size: 0.7em

data/app/assets/stylesheets/forgeos/admin/forgeos_core/_settings.css.sass

@@ -13,7 +13,7 @@
       color: $lightGray
       background-color: transparent
       border: 1px solid $contentHeaderBorder
-      +borderCorner(8px,8px,8px,8px)
+      +border-radius(8px)
       font-weight: bold
       outline: none
 
@@ -66,7 +66,7 @@
         color: $lightGray
         background-color: transparent
         border: 1px solid $contentHeaderBorder
-        +borderCorner(8px,8px,8px,8px)
+        +border-radius(8px)
         font-weight: bold
         outline: none
         font-size: 0.9em

data/app/assets/stylesheets/forgeos/admin/forgeos_core/_sidebar.css.sass

@@ -25,7 +25,7 @@
 
 .ui-resizable-handle.ui-resizable-e
   background:
-    image: url(/assets/forgeos/admin/borders/drag-and-drop.png)
+    image: image_url("forgeos/admin/borders/drag-and-drop.png")
     position: right center
     repeat: repeat-x
   height: 40px

data/app/assets/stylesheets/forgeos/admin/forgeos_core/_visuals.css.sass

@@ -40,7 +40,7 @@
       padding: 3px 0
       width: 100%
       .inner
-        background-image: url(/assets/forgeos/admin/backgrounds/drag-and-drop.png)
+        background-image: image_url("forgeos/admin/backgrounds/drag-and-drop.png")
         background-repeat: repeat
         height: 6px
         margin: 0 3px
@@ -94,7 +94,7 @@
       padding: 3px 0
       width: 100%
       .inner
-        background-image: url(/assets/forgeos/admin/backgrounds/drag-and-drop.png)
+        background-image: image_url("forgeos/admin/backgrounds/drag-and-drop.png")
         background-repeat: repeat
         height: 6px
         margin: 0 3px

data/app/assets/stylesheets/forgeos/admin/login.css.sass

@@ -1,36 +1,37 @@
-@charset "UTF-8"
+@import forgeos/960
+@import forgeos/jquery-ui/themes/forgeos
 @import forgeos_core/common
 @import forgeos_core/colours
 @import forgeos_core/notifications
 @import forgeos_core/icons
 
 body
-  background-image: url(/assets/forgeos/admin/backgrounds/background.png)
+  background-image: image_url("forgeos/admin/backgrounds/background.png")
   font-family: Arial, Helvetica, sans-serif
   margin: 0px
   padding: 0px
 
 .small-icons
-  background-image: url(/assets/forgeos/admin/small-icons-16-16-verti.png)
+  background-image: image_url("forgeos/admin/small-icons-16-16-verti.png")
   background-repeat: no-repeat
   padding-left: 20px
 
 .big-icons
-  background-image: url(/assets/forgeos/admin/big-icons-24-24-verti.png)
+  background-image: image_url("forgeos/admin/big-icons-24-24-verti.png")
   background-repeat: no-repeat
   padding-left: 28px
 
 .borders
-  background-image: url(/assets/forgeos/admin/borders-verti.png)
+  background-image: image_url("forgeos/admin/borders-verti.png")
   background-repeat: no-repeat
 
 .backgrounds
-  background-image: url(/assets/forgeos/admin/backgrounds-verti.png) !important
+  background-image: image_url("forgeos/admin/backgrounds-verti.png") !important
   background-repeat: repeat-x
 
 #login-container
   background-color: white
-  +borderCorner
+  +border-radius(4px)
   height: 275px
   padding-top: 30px
 
@@ -49,11 +50,11 @@ body
     text-decoration: underline
   .text
     margin: 5px 15px 10px 0
-    width: 200px
-    +borderCorner
+    width: 250px
+    +border-radius(4px)
     border: 1px solid #b2b2b2
-    height: 16px
-    padding: 2px 0
+    height: 20px
+    padding: 2px 5px
 
 .sign-in-message, .sign-out-message
   color: white
@@ -64,7 +65,7 @@ body
 .sign-in-message
   background:
     color: #f7bd2e
-    image: url("/assets/forgeos/admin/small-icons/cadna.png")
+    image: image_url("forgeos/admin/small-icons/cadna.png")
     position: 20px 17px
     repeat: no-repeat
 
@@ -74,11 +75,10 @@ body
 .submit-button
   background:
     color: #0083c5
-    image: url(/images/admin/backgrounds/background-right-sidebar.png) !important
-    image: url(/assets/forgeos/admin/backgrounds/background-right-sidebar.png) !important
+    image: image_url("forgeos/admin/backgrounds/background-right-sidebar.png") !important
     repeat: repeat-x
     position: center top
-  +borderCorner
+  +border-radius(4px)
   color: white
   border: 0
   padding: 10px 15px
@@ -95,7 +95,7 @@ body
   padding-top: 35px
 
 .button
-  +borderCorner
+  +border-radius(4px)
   background-color: #eaebec
   background-position: 0 -10px
   border: 1px solid #bfbfbf
@@ -110,3 +110,4 @@ body
 .see
   background-position: 0 -1008px
   padding-left: 25px
+

data/app/assets/stylesheets/forgeos/dataTables/demo_table.css.sass

@@ -0,0 +1,363 @@
+/*
+ *  File:         demo_table.css
+ *  CVS:          $Id$
+ *  Description:  CSS descriptions for DataTables demo pages
+ *  Author:       Allan Jardine
+ *  Created:      Tue May 12 06:47:22 BST 2009
+ *  Modified:     $Date$ by $Author$
+ *  Language:     CSS
+ *  Project:      DataTables
+ *
+ *  Copyright 2009 Allan Jardine. All Rights Reserved.
+ *
+ * ***************************************************************************
+ * DESCRIPTION
+ *
+ * The styles given here are suitable for the demos that are used with the standard DataTables
+ * distribution (see www.datatables.net). You will most likely wish to modify these styles to
+ * meet the layout requirements of your site.
+ *
+ * Common issues:
+ *   'full_numbers' pagination - I use an extra selector on the body tag to ensure that there is
+ *     no conflict between the two pagination types. If you want to use full_numbers pagination
+ *     ensure that you either have "example_alt_pagination" as a body class name, or better yet,
+ *     modify that selector.
+ *   Note that the path used for Images is relative. All images are by default located in
+ *     /assets/forgeos/dataTables/ - relative to this CSS file.
+
+/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
+ * DataTables features
+
+.dataTables_wrapper
+  position: relative
+  min-height: 302px
+  clear: both
+  _height: 302px
+  zoom: 1
+  /* Feeling sorry for IE
+
+.dataTables_processing
+  position: absolute
+  top: 50%
+  left: 50%
+  width: 250px
+  height: 30px
+  margin-left: -125px
+  margin-top: -15px
+  padding: 14px 0 2px 0
+  border: 1px solid #ddd
+  text-align: center
+  color: #999
+  font-size: 14px
+  background-color: white
+
+.dataTables_length
+  width: 40%
+  float: left
+
+.dataTables_filter
+  width: 50%
+  float: right
+  text-align: right
+
+.dataTables_info
+  width: 60%
+  float: left
+
+.dataTables_paginate
+  width: 44px
+  * width: 50px
+  float: right
+  text-align: right
+
+/* Pagination nested
+
+.paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next
+  height: 19px
+  width: 19px
+  margin-left: 3px
+  float: left
+
+.paginate_disabled_previous
+  background-image: image_url("forgeos/dataTables/back_disabled.jpg")
+
+.paginate_enabled_previous
+  background-image: image_url("forgeos/dataTables/back_enabled.jpg")
+
+.paginate_disabled_next
+  background-image: image_url("forgeos/dataTables/forward_disabled.jpg")
+
+.paginate_enabled_next
+  background-image: image_url("forgeos/dataTables/forward_enabled.jpg")
+
+/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
+ * DataTables display
+
+table.display
+  margin: 0 auto
+  clear: both
+  width: 100%
+  /* Note Firefox 3.5 and before have a bug with border-collapse
+   * ( https://bugzilla.mozilla.org/show%5Fbug.cgi?id=155955 ) 
+   * border-spacing: 0; is one possible option. Conditional-css.com is
+   * useful for this kind of thing
+   *
+   * Further note IE 6/7 has problems when calculating widths with border width.
+   * It subtracts one px relative to the other browsers from the first column, and
+   * adds one to the end...
+   *
+   * If you want that effect I'd suggest setting a border-top/left on th/td's and 
+   * then filling in the gaps with other borders.
+  thead th
+    padding: 3px 18px 3px 10px
+    border-bottom: 1px solid black
+    font-weight: bold
+    cursor: pointer
+    * cursor: hand
+  tfoot th
+    padding: 3px 18px 3px 10px
+    border-top: 1px solid black
+    font-weight: bold
+  tr.heading2 td
+    border-bottom: 1px solid #aaa
+  td
+    padding: 3px 10px
+    &.center
+      text-align: center
+
+/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
+ * DataTables sorting
+
+.sorting_asc
+  background: image_url("forgeos/dataTables/sort_asc.png") no-repeat center right
+
+.sorting_desc
+  background: image_url("forgeos/dataTables/sort_desc.png") no-repeat center right
+
+.sorting
+  background: image_url("forgeos/dataTables/sort_both.png") no-repeat center right
+
+.sorting_asc_disabled
+  background: image_url("forgeos/dataTables/sort_asc_disabled.png") no-repeat center right
+
+.sorting_desc_disabled
+  background: image_url("forgeos/dataTables/sort_desc_disabled.png") no-repeat center right
+
+/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
+ * DataTables row classes
+
+table.display tr
+  &.odd.gradeA
+    background-color: #ddffdd
+  &.even.gradeA
+    background-color: #eeffee
+  &.odd.gradeC
+    background-color: #ddddff
+  &.even.gradeC
+    background-color: #eeeeff
+  &.odd.gradeX
+    background-color: #ffdddd
+  &.even.gradeX
+    background-color: #ffeeee
+  &.odd.gradeU
+    background-color: #ddd
+  &.even.gradeU
+    background-color: #eee
+
+tr
+  &.odd
+    background-color: #E2E4FF
+  &.even
+    background-color: white
+
+/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
+ * Misc
+
+.dataTables_scroll
+  clear: both
+
+.dataTables_scrollBody
+  *margin-top: -1px
+
+.top, .bottom
+  padding: 15px
+  background-color: #F5F5F5
+  border: 1px solid #CCCCCC
+
+.top .dataTables_info
+  float: none
+
+.clear
+  clear: both
+
+.dataTables_empty
+  text-align: center
+
+tfoot input
+  margin: 0.5em 0
+  width: 100%
+  color: #444
+  &.search_init
+    color: #999
+
+td
+  &.group
+    background-color: #d1cfd0
+    border-bottom: 2px solid #A19B9E
+    border-top: 2px solid #A19B9E
+  &.details
+    background-color: #d1cfd0
+    border: 2px solid #A19B9E
+
+.example_alt_pagination div.dataTables_info
+  width: 40%
+
+.paging_full_numbers
+  width: 400px
+  height: 22px
+  line-height: 22px
+  span
+    &.paginate_button, &.paginate_active
+      border: 1px solid #aaa
+      -webkit-border-radius: 5px
+      -moz-border-radius: 5px
+      padding: 2px 5px
+      margin: 0 3px
+      cursor: pointer
+      *cursor: hand
+    &.paginate_button
+      background-color: #ddd
+      &:hover
+        background-color: #ccc
+    &.paginate_active
+      background-color: #99B3FF
+
+table.display tr
+  &.even.row_selected td
+    background-color: #B0BED9
+  &.odd.row_selected td
+    background-color: #9FAFD1
+
+/*
+ * Sorting classes for columns
+/* For the standard odd/even
+
+tr
+  &.odd td
+    &.sorting_1
+      background-color: #D3D6FF
+    &.sorting_2
+      background-color: #DADCFF
+    &.sorting_3
+      background-color: #E0E2FF
+  &.even td
+    &.sorting_1
+      background-color: #EAEBFF
+    &.sorting_2
+      background-color: #F2F3FF
+    &.sorting_3
+      background-color: #F9F9FF
+  &.odd.gradeA td
+    &.sorting_1
+      background-color: #c4ffc4
+    &.sorting_2, &.sorting_3
+      background-color: #d1ffd1
+  &.even.gradeA td
+    &.sorting_1
+      background-color: #d5ffd5
+    &.sorting_2, &.sorting_3
+      background-color: #e2ffe2
+  &.odd.gradeC td
+    &.sorting_1
+      background-color: #c4c4ff
+    &.sorting_2, &.sorting_3
+      background-color: #d1d1ff
+  &.even.gradeC td
+    &.sorting_1
+      background-color: #d5d5ff
+    &.sorting_2, &.sorting_3
+      background-color: #e2e2ff
+  &.odd.gradeX td
+    &.sorting_1
+      background-color: #ffc4c4
+    &.sorting_2, &.sorting_3
+      background-color: #ffd1d1
+  &.even.gradeX td
+    &.sorting_1
+      background-color: #ffd5d5
+    &.sorting_2, &.sorting_3
+      background-color: #ffe2e2
+  &.odd.gradeU td
+    &.sorting_1
+      background-color: #c4c4c4
+    &.sorting_2, &.sorting_3
+      background-color: #d1d1d1
+  &.even.gradeU td
+    &.sorting_1
+      background-color: #d5d5d5
+    &.sorting_2, &.sorting_3
+      background-color: #e2e2e2
+
+/* For the Conditional-CSS grading rows
+/*
+ * 	Colour calculations (based off the main row colours)
+ *  Level 1:
+ *		dd > c4
+ *		ee > d5
+ *	Level 2:
+ *	  dd > d1
+ *	  ee > e2
+
+/*
+ * Row highlighting example
+
+.ex_highlight #example tbody tr.even:hover, #example tbody tr.even td.highlighted
+  background-color: #ECFFB3
+
+.ex_highlight #example tbody tr.odd:hover, #example tbody tr.odd td.highlighted
+  background-color: #E6FF99
+
+.ex_highlight_row #example tr
+  &.even:hover
+    background-color: #ECFFB3
+    td
+      &.sorting_1
+        background-color: #DDFF75
+      &.sorting_2
+        background-color: #E7FF9E
+      &.sorting_3
+        background-color: #E2FF89
+  &.odd:hover
+    background-color: #E6FF99
+    td
+      &.sorting_1
+        background-color: #D6FF5C
+      &.sorting_2
+        background-color: #E0FF84
+      &.sorting_3
+        background-color: #DBFF70
+
+/*
+ * KeyTable
+
+table
+  &.KeyTable td
+    border: 3px solid transparent
+    &.focus
+      border: 3px solid #3366FF
+  &.display tr
+    &.gradeA
+      background-color: #eeffee
+    &.gradeC
+      background-color: #ddddff
+    &.gradeX
+      background-color: #ffdddd
+    &.gradeU
+      background-color: #ddd
+
+div.box
+  height: 100px
+  padding: 10px
+  overflow: auto
+  border: 1px solid #8080FF
+  background-color: #E5E5FF