compass-ui 0.0.3

data/stylesheets/compass-ui/theme/absolution/_accordion.scss

@@ -0,0 +1,65 @@
+@mixin absolution-accordion {
+  .ui-accordion {
+    .ui-accordion-header {
+      border-width: $ui-default-border-width;
+      border-style: $ui-default-border-style;
+      border-color: $ui-default-border-color;
+      @include border-radius(5px);
+
+      a {
+        color: inherit;
+      }
+
+      .ui-icon {
+        margin-top: -7px;
+        width: 13px;
+        height: 13px;
+        border-width: $ui-default-border-width;
+        border-style: $ui-default-border-style;
+        border-color: $ui-default-border-color;
+        background: #ffffff image-url("#{$ui-images-url}#{$ui-icons}");
+        background-position: -34px -2px;
+        @include border-radius(7px);
+        @include single-box-shadow(rgba(0,0,0,.1), 0px, -6px, 5px, true);
+      }
+    }
+
+    .ui-accordion-content {
+      border-width: 0px;
+      @include border-radius(0px);
+      background: none;
+      margin-top: 0px;
+    }
+
+    .ui-accordion-li-fix { display: inline; }
+    .ui-accordion-content-active { display: block; }
+    .ui-accordion-header-active { border-width: 0px; }
+
+
+    .ui-accordion-header.ui-state-hover .ui-icon {
+      background: #5e9ae2 image-url("#{$ui-images-url}#{$ui-icons-hover}");
+      background-position: -34px -2px;
+      border-width: $ui-hover-border-width;
+      border-style: $ui-hover-border-style;
+      border-color: $ui-hover-border-color;
+    }
+
+    .ui-accordion-header.ui-state-active .ui-icon, 
+    .ui-accordion-header.ui-state-hover.ui-state-active .ui-icon {
+      background-position: -66px -1px;
+    }
+
+    .ui-accordion-header,
+    .ui-accordion-header.ui-state-active,
+    .ui-accordion-header.ui-state-hover,
+    .ui-accordion-header.ui-state-focus {
+      color: $ui-default-color;
+      border-color: $ui-default-border-color;
+      @include jquery-ui-background($ui-default-background-color, $ui-default-background, $ui-default-background-type);
+    }
+  }
+  .ui-accordion-icons .ui-accordion-header a	{ padding-left: 2.6em; }
+
+}
+
+

data/stylesheets/compass-ui/theme/absolution/_autocomplete.scss

@@ -0,0 +1,41 @@
+@mixin absolution-autocomplete {
+  .ui-menu {
+    padding: 5px;
+    border-color: #ffffff !important;
+    @include single-box-shadow(#282425, 0px, 0px, 5px, false);
+
+    .ui-menu-item {
+      a {
+        &.ui-state-hover {
+          font-weight: normal;
+          margin: -1px -6px -1px -6px;
+          @include border-radius(0px);
+          padding-left: 9px;
+        }
+      }
+    }
+  } 
+
+  .ui-autocomplete-input {
+    padding: 5px;
+    @include single-text-shadow(#fff, 0px 1px 0px);
+    outline: none;
+    border: 1px solid #a9a9a9;
+
+    @include border-radius(5px);
+    @include jquery-ui-background(#eff0f0, linear-gradient(#eff0f0, #ffffff), gradient);
+    &:hover, 
+    &:focus {
+      @include jquery-ui-background(#dfe0e1, linear-gradient(#dfe0e1, #ffffff), gradient);
+    }
+  }
+
+  .ui-autocomplete.ui-menu.ui-widget.ui-widget-content {
+    color: $ui-default-color;
+    border-width: $ui-default-border-width;
+    border-style: $ui-default-border-style;
+    border-color: $ui-default-border-color;
+    @include jquery-ui-background($ui-default-background-color, $ui-default-background, gradient);
+  }
+
+}

data/stylesheets/compass-ui/theme/absolution/_datepicker.scss

@@ -0,0 +1,149 @@
+@mixin absolution-datepicker {
+  .ui-datepicker {
+    border-color: #ffffff;
+    @include single-box-shadow(#282425, 0px, 0px, 5px, false);
+
+    .ui-datepicker-header {
+      padding: 0.5em 0.2em;
+      border: none;
+      @include border-bottom-radius(0px);
+      @include jquery-ui-background($ui-titlebar-background-color, $ui-titlebar-background, $ui-titlebar-background-type);
+      color: $ui-titlebar-color;
+
+      .ui-icon {
+        background-image: image-url("#{$ui-images-url}#{$ui-icons-hover}"); 
+      }
+    }
+
+    .ui-datepicker-prev,
+    .ui-datepicker-next {
+      top: 4px;
+      border: 1px solid #000000;
+      cursor: pointer; 
+      @include jquery-ui-background(#6a6b6e, linear-gradient(#6a6b6e, #3e3e3e), gradient);
+      color: #ffffff;
+      &:hover {
+        color: $ui-hover-color;
+        border-width: $ui-hover-border-width;
+        border-style: $ui-hover-border-style;
+        border-color: $ui-hover-border-color;
+        @include jquery-ui-background($ui-hover-background-color, $ui-hover-background, gradient);
+      }
+      &:active {
+        color: $ui-active-color;
+        border-color: $ui-active-border-color;
+        @include jquery-ui-background($ui-active-background-color, $ui-active-background, gradient);
+      }
+    }
+
+    .ui-datepicker-prev .ui-icon {
+      background-position: -96px 0;
+    }
+
+    .ui-datepicker-next .ui-icon {
+      background-position: -32px 0;
+    }
+
+    table {
+      .ui-state-default,
+      .ui-widget-content .ui-state-default,
+      .ui-widget-header .ui-state-default {
+        border: 1px solid #eeeeee;
+        background: none;
+      }
+
+      .ui-state-highlight, 
+      .ui-widget-content .ui-state-highlight, 
+      .ui-widget-header .ui-state-highlight {
+        border-color: $ui-default-border-color;
+        @include border-radius(5px);
+        color: $ui-default-color;
+        @include jquery-ui-background($ui-default-background-color, $ui-default-background, gradient);
+      }
+
+      .ui-state-focus, 
+      .ui-widget-content .ui-state-focus, 
+      .ui-widget-header .ui-state-focus {
+        border-color: $ui-default-border-color;
+        @include border-radius(5px);
+        color: $ui-default-color;
+        @include jquery-ui-background($ui-default-background-color, $ui-default-background, gradient);
+      }
+
+      .ui-state-hover,
+      .ui-widget-content .ui-state-hover,
+      .ui-widget-header .ui-state-hover {
+        border-color: $ui-hover-border-color;
+        @include border-radius(5px);
+        color: $ui-hover-color;
+        @include jquery-ui-background($ui-default-background-color, $ui-hover-background, gradient);
+      }
+
+      .ui-state-active,
+      .ui-widget-content .ui-state-active,
+      .ui-widget-header .ui-state-active {
+        border-color: $ui-active-border-color;
+        @include border-radius(5px);
+        color: $ui-active-color;
+        @include jquery-ui-background($ui-default-background-color, $ui-active-background, gradient);
+      }
+
+    }
+
+
+    .ui-datepicker-prev, .ui-datepicker-prev:hover { left: 4px; }
+    .ui-datepicker-next, .ui-datepicker-next:hover { right: 4px; }
+    .ui-datepicker-prev span, .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
+    .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; font-weight: normal; }
+    .ui-datepicker-title select { font-size:1em; margin:1px 0; }
+    select.ui-datepicker-month-year {width: 100%;}
+    select.ui-datepicker-month, 
+    select.ui-datepicker-year { width: 49%;}
+    table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
+    th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
+    td { border: 0; padding: 0px; }
+    td span, td a { display: block; padding: .6em; text-align: center; text-decoration: none; }
+    .ui-datepicker-buttonpane { margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
+    .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
+    .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }
+    
+  }
+
+  /* with multiple calendars */
+  .ui-datepicker.ui-datepicker-multi { width:auto; }
+  .ui-datepicker-multi .ui-datepicker-group { float:left; }
+  .ui-datepicker-multi .ui-datepicker-group table { width:100%; margin:0 auto .4em; }
+  .ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
+  .ui-datepicker-multi-3 .ui-datepicker-group { width:33.4%; }
+  .ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
+  .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
+  .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
+  .ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
+  .ui-datepicker-row-break { clear:both; width:100%; }
+
+  /* RTL support */
+  .ui-datepicker-rtl { direction: rtl; }
+  .ui-datepicker-rtl .ui-datepicker-prev { right: 4px; left: auto; }
+  .ui-datepicker-rtl .ui-datepicker-next { left: 4px; right: auto; }
+  .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 4px; left: auto; }
+  .ui-datepicker-rtl .ui-datepicker-next:hover { left: 4px; right: auto; }
+  .ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
+  .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
+  .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
+  .ui-datepicker-rtl .ui-datepicker-group { float:right; }
+  .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
+  .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
+
+  /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
+  .ui-datepicker-cover {
+      position: absolute; /*must have*/
+      z-index: -1; /*must have*/
+      filter: mask(); /*must have*/
+      top: -4px; /*must have*/
+      left: -4px; /*must have*/
+      width: 200px; /*must have*/
+      height: 200px; /*must have*/
+  }
+
+}
+

data/stylesheets/compass-ui/theme/absolution/_dialog.scss

@@ -0,0 +1,84 @@
+@mixin absolution-dialog {
+  .ui-dialog {
+    border-color: #ffffff;
+    @include single-box-shadow(#282425);
+
+    .ui-dialog-titlebar-close {
+      right: .6em;
+      border-width: 1px;
+      border-style: solid;
+      padding: 0px;
+    }
+
+    .ui-dialog-content {
+      padding: 1em;
+
+      .ui-tabs {
+        margin: -1em;
+      }
+
+      hr {
+        margin: 1em -1em 1em -1em;
+        border: 0px;
+        border-top: 1px solid #c1c1c1 !important;
+      }
+
+    }
+
+    .ui-dialog-buttonpane {
+      background: #f7f7f8;
+    }
+
+    .ui-dialog-titlebar {
+      padding: .5em 1em .3em;
+      position: relative; 
+      @include border-bottom-radius(0px);
+      border: 0px;
+      font-size: 1.5em;
+      font-weight: normal;
+      @include jquery-ui-background($ui-titlebar-background-color, $ui-titlebar-background, $ui-titlebar-background-type);
+      color: $ui-titlebar-color;
+
+      .ui-dialog-titlebar-close {
+        border-color: #000000;
+        @include jquery-ui-background(#6a6b6e, linear-gradient(#6a6b6e, #3e3e3e), gradient);
+        color: $ui-titlebar-color;
+
+        .ui-icon {
+          background-image: image-url("#{$ui-images-url}#{$ui-icons-hover}"); 
+        }
+
+        &.ui-state-active {
+          padding: 0px;
+          color: $ui-active-color;
+          border-width: $ui-active-border-width;
+          border-style: $ui-active-border-style;
+          border-color: $ui-active-border-color;
+          
+          @include jquery-ui-background($ui-active-background-color, $ui-active-background, $ui-active-background-type);
+        }
+
+        &.ui-state-hover {
+          color: $ui-hover-color;
+          border-width: $ui-hover-border-width;
+          border-style: $ui-hover-border-style;
+          border-color: $ui-hover-border-color;
+          
+          @include jquery-ui-background($ui-hover-background-color, $ui-hover-background, $ui-hover-background-type);
+        }
+      }
+    }
+
+    .ui-resizable-se {
+      width: 14px;
+      height: 14px;
+      right: 1px;
+      bottom: 1px;
+    }
+
+    .ui-icon-grip-diagonal-se {
+      background-position: -64px - 224px;
+      display: none;
+    }
+  }
+}

data/stylesheets/compass-ui/theme/absolution/_progressbar.scss

@@ -0,0 +1,14 @@
+@mixin absolution-progressbar {
+  .ui-progressbar {
+    margin: 5px 0px;
+
+    .ui-widget-header {
+      font-weight: bold;
+      text-align: center;
+      color: $ui-hover-color;
+      border-color: $ui-hover-border-color;
+      @include jquery-ui-background($ui-hover-background-color, $ui-hover-background, $ui-hover-background-type);
+    }
+    @include jquery-ui-background($ui-hover-background-color, $ui-default-background, $ui-default-background-type);
+  }
+}

data/stylesheets/compass-ui/theme/absolution/_slider.scss

@@ -0,0 +1,50 @@
+@mixin absolution-slider {
+  .ui-slider {
+    .ui-slider-handle {
+      color: $ui-default-color;
+      border-color: $ui-default-border-color;
+      
+      @include jquery-ui-background($ui-default-background-color, $ui-default-background, gradient);
+
+      &:hover {
+        border-color: #b8b8b8;
+        @include jquery-ui-background(#ffffff, linear-gradient(#ffffff, #cacbcc), gradient);
+      }
+      &:hover {
+        border-color: #b8b8b8;
+        @include jquery-ui-background(#cacbcc, linear-gradient(#cacbcc, #ffffff), gradient);
+      }
+    }
+  }
+
+  .ui-slider-horizontal {
+    height: .6em;
+    .ui-slider-handle {
+      top: -.4em;
+      margin-left: -.6em;
+    }
+    .ui-widget-header {
+      color: #ffffff;
+      @include jquery-ui-background($ui-hover-background-color, $ui-hover-background, gradient);
+    }
+
+    .ui-widget-header { font-weight: bold; }
+    .ui-widget-handle { @include border-radius(0.7em); }
+  }
+
+  .ui-slider-vertical {
+    height: .6em;
+    .ui-slider-handle {
+      left: -.4em;
+    }
+    .ui-widget-header {
+      color: #ffffff;
+      @include jquery-ui-background($ui-hover-background-color, $ui-hover-background, gradient);
+    }
+
+    .ui-widget-header { font-weight: bold; }
+    .ui-widget-handle { @include border-radius(0.7em); }
+  }
+}
+
+

data/stylesheets/compass-ui/theme/absolution/_tabs.scss

@@ -0,0 +1,68 @@
+@mixin absolution-tabs {
+  .ui-tabs {
+    padding: 0; 
+    @include border-radius(0px);
+
+    .ui-tabs-nav {
+      margin: 0px;
+      padding: 0px; 
+      border-width: 0px;
+      @include border-radius(0px);
+      border-bottom-width: $ui-default-border-width;
+      border-bottom-style: $ui-default-border-style;
+      border-bottom-color: $ui-default-border-color;
+      
+
+      li {
+        top: 0px;
+        margin: 0px;
+        border-width: 0px;
+        border-right-width: $ui-default-border-width;
+        border-right-style: $ui-default-border-style;
+        border-right-color: $ui-default-border-color;
+        
+        @include border-radius(0px);
+
+        a {
+          padding: .3em 1em;
+          color: inherit;
+        }
+
+        &.ui-tabs-selected {
+          padding-bottom: 0px;
+        }
+
+        &.ui-state-hover {
+          color: inherit;
+          @include jquery-ui-background(#dadada, linear-gradient(#dadada, #b0b0b0), gradient);
+        }
+
+        &.ui-state-active,
+        &.ui-tabs-selected {
+          color: inherit;
+          @include jquery-ui-background(#bcbcbc, linear-gradient(#bcbcbc, #e4e4e4), gradient);
+        }
+      }
+    }
+
+    .ui-tabs-panel {
+      border-width: 0px;
+      @include border-radius(0px);
+    }
+
+    .ui-tabs-hide {
+      color: $ui-default-color;
+      border-width: $ui-default-border-width;
+      border-style: $ui-default-border-style;
+      border-color: $ui-default-border-color;
+      @include jquery-ui-background($ui-default-background-color, $ui-default-background, gradient);
+    }
+  }
+
+  .ui-tabs .ui-tabs-nav li a, /* obsolete, but required to overcome bug in Opera */
+  .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
+    cursor: pointer;
+  }
+  
+}
+