archetype 0.0.1.pre.3.90263a7 → 0.0.1.pre.3.811928f

data/stylesheets/archetype/styleguide/_helpers.scss

@@ -77,7 +77,10 @@
 // @param     $type {List} the glpyh data
 // @return    {List} the parameters needed for glyph-icon()
 @function _styleguideGetAlertGlyph($type: $CONFIG_GLYPH_ALERT_NOTIFY) {
-  @return (nth($type, 1), nth($type, 2), nth($type, 3), before, '')
+  $offset: _styleguideGetAlertGlyphOffset($type);
+  $top: nth($offset, 1);
+  $left: nth($offset, 2);
+  @return (nth($type, 1), nth($type, 2), nth($type, 3), before, 'position:absolute;line-height:1;top:#{$top};left:#{$left};')
 }
 
 

data/stylesheets/archetype/styleguide/components/_alerts.scss

@@ -23,7 +23,7 @@ $a-blackhole: styleguide-add-component($STYLEGUIDE_ALERTS_ID, $STYLEGUIDE_ALERTS
     padding               $CONFIG_DIM_ALERTS_SPACING,
     glyph-icon            _styleguideGetAlertGlyph($CONFIG_GLYPH_ALERT_NOTIFY),
     (selectors, (
-      ($CORE_GLYPH_SELECTOR_VAR, (
+      ('&:before', (
         position          absolute,
         top               nth(_styleguideGetAlertGlyphOffset($CONFIG_GLYPH_ALERT_NOTIFY), 1),
         left              nth(_styleguideGetAlertGlyphOffset($CONFIG_GLYPH_ALERT_NOTIFY), 2),

data/stylesheets/archetype/styleguide/components/_buttons.scss

@@ -15,7 +15,6 @@ $a-blackhole: styleguide-add-component($STYLEGUIDE_BUTTONS_ID,  $STYLEGUIDE_BUTT
     margin                  0,
     overflow                visible,
     text-decoration         (none !important),
-    text-align              center,
     width                   auto,
     text-shadow             $CONFIG_SHADOW_BUTTON_TEXT,
     // sizing
@@ -112,7 +111,6 @@ $a-blackhole: styleguide-add-component($STYLEGUIDE_BUTTONS_ID,  $STYLEGUIDE_BUTT
   )),
   // IMPORTANCE in CONTEXTS
   ((primary in-dark), (
-    inherit (in-dark),
     (states, (
       (hover, (
         background-color    $CONFIG_COLOR_BG_BUTTON_PRIMARY_DARK_HOVER,
@@ -120,10 +118,10 @@ $a-blackhole: styleguide-add-component($STYLEGUIDE_BUTTONS_ID,  $STYLEGUIDE_BUTT
         background-image    $CONFIG_GRADIENT_BUTTON_PRIMARY_DARK_HOVER
       )),
       nil
-    ))
+    )),
+    nil
   )),
   ((secondary in-dark), (
-    inherit (in-dark),
     (states, (
       (hover, (
         background-color    $CONFIG_COLOR_BG_BUTTON_SECONDARY_DARK_HOVER,
@@ -131,10 +129,10 @@ $a-blackhole: styleguide-add-component($STYLEGUIDE_BUTTONS_ID,  $STYLEGUIDE_BUTT
         background-image    $CONFIG_GRADIENT_BUTTON_SECONDARY_DARK_HOVER
       )),
       nil
-    ))
+    )),
+    nil
   )),
   ((spotlight in-dark), (
-    inherit (in-dark),
     (states, (
       (hover, (
         background-color    $CONFIG_COLOR_BG_BUTTON_SPOTLIGHT_DARK_HOVER,
@@ -142,7 +140,8 @@ $a-blackhole: styleguide-add-component($STYLEGUIDE_BUTTONS_ID,  $STYLEGUIDE_BUTT
         background-image    $CONFIG_GRADIENT_BUTTON_SPOTLIGHT_DARK_HOVER
       )),
       nil
-    ))
+    )),
+    nil
   )),
   // in the punchcut context (inherit from in-dark)
   (primary in-punchcut, (

data/stylesheets/archetype/styleguide/components/_closes.scss

@@ -21,9 +21,9 @@ $a-blackhole: styleguide-add-component($STYLEGUIDE_CLOSES_ID,  $STYLEGUIDE_CLOSE
     width               nth($CONFIG_GLYPH_CLOSE, 4),
     height              nth($CONFIG_GLYPH_CLOSE, 4),
     text-indent         (nth($CONFIG_GLYPH_CLOSE, 4) + 1px),
-    glyph-icon          (nth($CONFIG_GLYPH_CLOSE, 1), nth($CONFIG_GLYPH_CLOSE, 2), nth($CONFIG_GLYPH_CLOSE, 3), before, 'text-decoration:none;'),
+    glyph-icon          (nth($CONFIG_GLYPH_CLOSE, 1), nth($CONFIG_GLYPH_CLOSE, 2), nth($CONFIG_GLYPH_CLOSE, 3), before, 'text-decoration:none;vertical-align:top;line-height:1;position:absolute;top:0;right:0;'),
     (selectors, (
-      ($CORE_GLYPH_SELECTOR_VAR, (
+      ('&:before', (
         vertical-align  top,
         line-height     1,
         position        absolute,

data/stylesheets/archetype/util/_styles.scss

@@ -32,12 +32,8 @@
 @mixin output-style($property, $value: nil) {
   @if($property != nil and nth(-compass-list($value), 1) != nil and not index($CONFIG_DISABLED_CSS, $property)) {
     // for mixins, we need to do some custom work
-    // check to see if we have a custom output styler (pre)
-    @if has-custom-output-styler($property, $value, pre) == true {
-      @include custom-output-styler($property, $value, $method: pre);
-    }
     // border-radius
-    @else if($property == border-radius)        { @include border-radius(rtl($value, border-radius)); }
+    @if($property == border-radius)             { @include border-radius(rtl($value, border-radius)); }
     // box-sizing
     @else if($property == box-sizing)           { @include box-sizing($value); }
     // box-shadow
@@ -55,7 +51,7 @@
     // background-size
     @else if($property == background-size)      { @include background-size($value); }
     // background-origin
-    @else if($property == background-origin)    { @include background-origin($value); }
+    @else if($property == background-origin)      { @include background-origin($value); }
     // IE filters
     @else if($property == ie-filter)            { @include ie-filter($value); }
     // hide-text
@@ -74,12 +70,6 @@
     @else if($property == max-height)           { @include max-height($value); }
     // stretch
     @else if($property == stretch)              { @include stretch(); }
-    // appearance
-    @else if($property == appearance)           { @include appearance($value); }
-    // unhide-element
-    @else if($property == unhide-element)       { @include unhide-element(); }
-    // ellipsis
-    @else if($property == ellipsis)             { @include ellipsis(); }
     // bunch of RTL support
     @else if($property == margin)               { @include margin($value); }
     @else if($property == margin-left)          { @include margin-left($value); }
@@ -103,7 +93,6 @@
     @else if($property == left)                 { @include left($value); }
     @else if($property == right)                { @include right($value); }
     @else if($property == glyph-icon)           { @include glyph-icon(nth($value, 1), nth($value, 2), nth($value, 3), nth($value, 4), nth($value, 5)); }
-    @else if($property == extend)               { @extend #{$value}; }
     // animations
     @else if($property == animation) {
       @if archetype-version('compass >= 0.13') {
@@ -165,10 +154,6 @@
         @include ie-pseudo-after(nth($value, 1), $content, $tag);
       }
     }
-    // check to see if we have a custom output styler (post)
-    @else if has-custom-output-styler($property, $value, post) == true {
-      @include custom-output-styler($property, $value, $method: post);
-    }
     // otherwise just use a key-value pair
     @else { #{$property}: $value; }
   }
@@ -180,7 +165,7 @@
 // @param     $states {Bool|List} if true, output all states; if false, output no states; if a list, output only the states in the list
 // @param     $exclude {List} a list of styles to exclude from output
 @mixin to-styles($list: (), $states: true, $selectors: true, $exclude: ()) {
-  $exclude: -compass-list($exclude);
+  $exclude: compact($exclude, nil);
   $states-data: ();
   $selectors-data: ();
   @each $item in $list {
@@ -207,7 +192,7 @@
       $state: first-value-of($state);
       @if(index(-compass-list($states), $state) or $states == true) {
         #{_getStateSelector($state)} {
-          @include to-styles($value, true, true, $exclude);
+          @include _toStyles2($value, true, true, $exclude);
         }
       }
     }
@@ -216,8 +201,8 @@
   @if length($selectors-data) > 0 {
     @each $selector in $selectors-data {
       @if(index(-compass-list($selectors), $selector) or $selectors == true) {
-        #{_getSelectorSelector($selector)} {
-          @include to-styles(nth($selector, 2), true, true, $exclude);
+        #{first-value-of($selector)} {
+          @include _toStyles2(nth($selector, 2), true, true, $exclude);
         }
       }
     }
@@ -226,7 +211,7 @@
 
 // this is identical to to-styles, but we need to avoid Sass' recursion check :(
 @mixin _toStyles2($list: (), $states: true, $selectors: true, $exclude: ()) {
-  $exclude: -compass-list($exclude);
+  $exclude: compact($exclude, nil);
   $states-data: ();
   $selectors-data: ();
   @each $item in $list {
@@ -296,17 +281,6 @@
   @return $selector;
 }
 
-@function _getSelectorSelector($selector) {
-  $selector: first-value-of(-compass-list($selector));
-  @if $selector == $CORE_GLYPH_SELECTOR_VAR {
-    $selector: $archetype-glyph-selector;
-  }
-  @elseif $selector == $CORE_GLYPH_SELECTOR_VAR {
-    $selector: $archetype-pseudo-selector;
-  }
-  @return $selector;
-}
-
 // mixin for outputting filters in legacy IE
 // @mixin     ie-filter
 // @param     $value {String|List} a set of filters to output, sans `progid:DXImageTransform.Microsoft` prefix
@@ -478,15 +452,3 @@
   }
   z-index: ($value + $layer);
 }
-
-// generate a tag name with a prefix
-// @function  prefixed-tag
-// @param     $tag {String} the tag to prefix
-// @param     $prefix {String} the prefix to prepend to the tag
-// @return    {String} the prefix joined with the tag
-@function prefixed-tag($tag: '', $prefix: $CONFIG_GENERATED_TAG_PREFIX) {
-  @if $tag != '' {
-    $tag: '-#{$tag}';
-  }
-  @return '#{$prefix}#{$tag}';
-}

data/stylesheets/archetype/util/_targeting.scss

@@ -86,7 +86,6 @@
 // @param     $value {*} the CSS value
 // @param     $merge {Bool} should the class name be merged e.g. `.ie8.example` vs `.ie8 .example`
 // @param     $inline {Bool} if set to false, don't use inline hacks even if available
-// @content
 // @usage:
 // =target-browser(ie 8, border, 10px);
 // =target-browser(ie lte 7, padding, 0);
@@ -179,7 +178,6 @@
 // @param     $property {String} the CSS property
 // @param     $value {*} the CSS value
 // @param     $merge {Bool} should the class name be merged e.g. `.os-win.example` vs `.os-win .example`
-// @content
 @mixin target-os($os: (), $property: nil, $value: nil, $merge: false) {
   $os: -compass-list($os);
   $using: if($merge, '&', ' &');

data/test/fixtures/stylesheets/archetype/config.rb

@@ -11,11 +11,9 @@ http_images_path  = "/assets/images"
 http_fonts_path   = "/assets/fonts"
 line_comments     = false
 environment       = :production
-testing           = true
 
 asset_cache_buster do |path, file|
   "busted=true"
 end
 
 disable_warnings = true
-

data/test/fixtures/stylesheets/archetype/expected/hacks/ie_pseudo.css

@@ -1,11 +1,11 @@
 .before {
-  *zoom: expression(this.runtimeStyle.zoom="1", this.el=document.createElement("x-archetype"),this.el.id="ie-pseudo-archetype-uid-RANDOM_UID",this.el.style.cssText="color: red; background: green;",this.insertBefore(this.el));
+  *zoom: expression(this.runtimeStyle.zoom="1", this.el=document.createElement("x-archetype"),this.el.style.cssText="color: red; background: green;",this.insertBefore(this.el));
 }
 
 .after-content {
-  *zoom: expression(this.runtimeStyle.zoom="1", this.el=document.createElement("x-archetype"),this.el.id="ie-pseudo-archetype-uid-RANDOM_UID",this.el.innerHTML="➽",this.appendChild(this.el));
+  *zoom: expression(this.runtimeStyle.zoom="1", this.el=document.createElement("x-archetype"),this.el.innerHTML="➽",this.appendChild(this.el));
 }
 
 .before-style-content {
-  *zoom: expression(this.runtimeStyle.zoom="1", this.el=document.createElement("x-archetype"),this.el.id="ie-pseudo-archetype-uid-RANDOM_UID",this.el.innerHTML="testing ➽if this works",this.el.style.cssText="color: red; background: green;",this.insertBefore(this.el));
+  *zoom: expression(this.runtimeStyle.zoom="1", this.el=document.createElement("x-archetype"),this.el.innerHTML="testing ➽if this works",this.el.style.cssText="color: red; background: green;",this.insertBefore(this.el));
 }

data/test/fixtures/stylesheets/archetype/expected/styleguide/buttons.css

@@ -6,7 +6,6 @@
   margin: 0;
   overflow: visible;
   text-decoration: none !important;
-  text-align: center;
   width: auto;
   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
   -webkit-border-radius: 3px;
@@ -82,7 +81,6 @@
   margin: 0;
   overflow: visible;
   text-decoration: none !important;
-  text-align: center;
   width: auto;
   text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);
   -webkit-border-radius: 3px;
@@ -158,7 +156,6 @@
   margin: 0;
   overflow: visible;
   text-decoration: none !important;
-  text-align: center;
   width: auto;
   text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);
   -webkit-border-radius: 3px;
@@ -234,7 +231,6 @@
   margin: 0;
   overflow: visible;
   text-decoration: none !important;
-  text-align: center;
   width: auto;
   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
   -webkit-border-radius: 3px;
@@ -310,7 +306,6 @@
   margin: 0;
   overflow: visible;
   text-decoration: none !important;
-  text-align: center;
   width: auto;
   text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);
   -webkit-border-radius: 3px;
@@ -386,7 +381,6 @@
   margin: 0;
   overflow: visible;
   text-decoration: none !important;
-  text-align: center;
   width: auto;
   text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);
   -webkit-border-radius: 3px;
@@ -462,7 +456,6 @@
   margin: 0;
   overflow: visible;
   text-decoration: none !important;
-  text-align: center;
   width: auto;
   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
   -webkit-border-radius: 3px;
@@ -538,7 +531,6 @@
   margin: 0;
   overflow: visible;
   text-decoration: none !important;
-  text-align: center;
   width: auto;
   text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);
   -webkit-border-radius: 3px;
@@ -614,7 +606,6 @@
   margin: 0;
   overflow: visible;
   text-decoration: none !important;
-  text-align: center;
   width: auto;
   text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);
   -webkit-border-radius: 3px;
@@ -691,7 +682,6 @@
   margin: 0;
   overflow: visible;
   text-decoration: none !important;
-  text-align: center;
   width: auto;
   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
   -webkit-border-radius: 3px;
@@ -708,7 +698,7 @@
   font-size: 16px;
   color: white;
   background-color: #0074cc;
-  border-color: #434343;
+  border-color: #1b5480;
   *zoom: 1;
   filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF0088CC', endColorstr='#FF0055CC');
   background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0088cc), color-stop(100%, #0055cc));
@@ -767,7 +757,6 @@
   margin: 0;
   overflow: visible;
   text-decoration: none !important;
-  text-align: center;
   width: auto;
   text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);
   -webkit-border-radius: 3px;
@@ -784,7 +773,7 @@
   font-size: 16px;
   color: #333333;
   background-color: whitesmoke;
-  border-color: #434343;
+  border-color: #aaaaaa;
   *zoom: 1;
   filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFE6E6E6');
   background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6));
@@ -843,7 +832,6 @@
   margin: 0;
   overflow: visible;
   text-decoration: none !important;
-  text-align: center;
   width: auto;
   text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);
   -webkit-border-radius: 3px;
@@ -860,7 +848,7 @@
   font-size: 16px;
   color: white;
   background-color: #414141;
-  border-color: #434343;
+  border-color: #111111;
   *zoom: 1;
   filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF555555', endColorstr='#FF222222');
   background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #555555), color-stop(100%, #222222));
@@ -919,7 +907,6 @@
   margin: 0;
   overflow: visible;
   text-decoration: none !important;
-  text-align: center;
   width: auto;
   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
   -webkit-border-radius: 3px;
@@ -936,7 +923,7 @@
   font-size: 13px;
   color: white;
   background-color: #0074cc;
-  border-color: #434343;
+  border-color: #1b5480;
   *zoom: 1;
   filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF0088CC', endColorstr='#FF0055CC');
   background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0088cc), color-stop(100%, #0055cc));
@@ -995,7 +982,6 @@
   margin: 0;
   overflow: visible;
   text-decoration: none !important;
-  text-align: center;
   width: auto;
   text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);
   -webkit-border-radius: 3px;
@@ -1012,7 +998,7 @@
   font-size: 13px;
   color: #333333;
   background-color: whitesmoke;
-  border-color: #434343;
+  border-color: #aaaaaa;
   *zoom: 1;
   filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFE6E6E6');
   background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6));
@@ -1071,7 +1057,6 @@
   margin: 0;
   overflow: visible;
   text-decoration: none !important;
-  text-align: center;
   width: auto;
   text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);
   -webkit-border-radius: 3px;
@@ -1088,7 +1073,7 @@
   font-size: 13px;
   color: white;
   background-color: #414141;
-  border-color: #434343;
+  border-color: #111111;
   *zoom: 1;
   filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF555555', endColorstr='#FF222222');
   background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #555555), color-stop(100%, #222222));
@@ -1147,7 +1132,6 @@
   margin: 0;
   overflow: visible;
   text-decoration: none !important;
-  text-align: center;
   width: auto;
   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
   -webkit-border-radius: 3px;
@@ -1164,7 +1148,7 @@
   font-size: 12px;
   color: white;
   background-color: #0074cc;
-  border-color: #434343;
+  border-color: #1b5480;
   *zoom: 1;
   filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF0088CC', endColorstr='#FF0055CC');
   background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0088cc), color-stop(100%, #0055cc));
@@ -1223,7 +1207,6 @@
   margin: 0;
   overflow: visible;
   text-decoration: none !important;
-  text-align: center;
   width: auto;
   text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);
   -webkit-border-radius: 3px;
@@ -1240,7 +1223,7 @@
   font-size: 12px;
   color: #333333;
   background-color: whitesmoke;
-  border-color: #434343;
+  border-color: #aaaaaa;
   *zoom: 1;
   filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFE6E6E6');
   background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6));
@@ -1299,7 +1282,6 @@
   margin: 0;
   overflow: visible;
   text-decoration: none !important;
-  text-align: center;
   width: auto;
   text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);
   -webkit-border-radius: 3px;
@@ -1316,7 +1298,7 @@
   font-size: 12px;
   color: white;
   background-color: #414141;
-  border-color: #434343;
+  border-color: #111111;
   *zoom: 1;
   filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF555555', endColorstr='#FF222222');
   background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #555555), color-stop(100%, #222222));
@@ -1376,7 +1358,6 @@
   margin: 0;
   overflow: visible;
   text-decoration: none !important;
-  text-align: center;
   width: auto;
   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
   -webkit-border-radius: 3px;
@@ -1393,7 +1374,7 @@
   font-size: 16px;
   color: white;
   background-color: #0074cc;
-  border-color: #434343;
+  border-color: #1b5480;
   *zoom: 1;
   filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF0088CC', endColorstr='#FF0055CC');
   background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0088cc), color-stop(100%, #0055cc));
@@ -1452,7 +1433,6 @@
   margin: 0;
   overflow: visible;
   text-decoration: none !important;
-  text-align: center;
   width: auto;
   text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);
   -webkit-border-radius: 3px;
@@ -1469,7 +1449,7 @@
   font-size: 16px;
   color: #333333;
   background-color: whitesmoke;
-  border-color: #434343;
+  border-color: #aaaaaa;
   *zoom: 1;
   filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFE6E6E6');
   background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6));
@@ -1528,7 +1508,6 @@
   margin: 0;
   overflow: visible;
   text-decoration: none !important;
-  text-align: center;
   width: auto;
   text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);
   -webkit-border-radius: 3px;
@@ -1545,7 +1524,7 @@
   font-size: 16px;
   color: white;
   background-color: #414141;
-  border-color: #434343;
+  border-color: #111111;
   *zoom: 1;
   filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF555555', endColorstr='#FF222222');
   background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #555555), color-stop(100%, #222222));
@@ -1604,7 +1583,6 @@
   margin: 0;
   overflow: visible;
   text-decoration: none !important;
-  text-align: center;
   width: auto;
   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
   -webkit-border-radius: 3px;
@@ -1621,7 +1599,7 @@
   font-size: 13px;
   color: white;
   background-color: #0074cc;
-  border-color: #434343;
+  border-color: #1b5480;
   *zoom: 1;
   filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF0088CC', endColorstr='#FF0055CC');
   background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0088cc), color-stop(100%, #0055cc));
@@ -1680,7 +1658,6 @@
   margin: 0;
   overflow: visible;
   text-decoration: none !important;
-  text-align: center;
   width: auto;
   text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);
   -webkit-border-radius: 3px;
@@ -1697,7 +1674,7 @@
   font-size: 13px;
   color: #333333;
   background-color: whitesmoke;
-  border-color: #434343;
+  border-color: #aaaaaa;
   *zoom: 1;
   filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFE6E6E6');
   background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6));
@@ -1756,7 +1733,6 @@
   margin: 0;
   overflow: visible;
   text-decoration: none !important;
-  text-align: center;
   width: auto;
   text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);
   -webkit-border-radius: 3px;
@@ -1773,7 +1749,7 @@
   font-size: 13px;
   color: white;
   background-color: #414141;
-  border-color: #434343;
+  border-color: #111111;
   *zoom: 1;
   filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF555555', endColorstr='#FF222222');
   background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #555555), color-stop(100%, #222222));
@@ -1832,7 +1808,6 @@
   margin: 0;
   overflow: visible;
   text-decoration: none !important;
-  text-align: center;
   width: auto;
   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
   -webkit-border-radius: 3px;
@@ -1849,7 +1824,7 @@
   font-size: 12px;
   color: white;
   background-color: #0074cc;
-  border-color: #434343;
+  border-color: #1b5480;
   *zoom: 1;
   filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF0088CC', endColorstr='#FF0055CC');
   background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0088cc), color-stop(100%, #0055cc));
@@ -1908,7 +1883,6 @@
   margin: 0;
   overflow: visible;
   text-decoration: none !important;
-  text-align: center;
   width: auto;
   text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);
   -webkit-border-radius: 3px;
@@ -1925,7 +1899,7 @@
   font-size: 12px;
   color: #333333;
   background-color: whitesmoke;
-  border-color: #434343;
+  border-color: #aaaaaa;
   *zoom: 1;
   filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFE6E6E6');
   background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6));
@@ -1984,7 +1958,6 @@
   margin: 0;
   overflow: visible;
   text-decoration: none !important;
-  text-align: center;
   width: auto;
   text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);
   -webkit-border-radius: 3px;
@@ -2001,7 +1974,7 @@
   font-size: 12px;
   color: white;
   background-color: #414141;
-  border-color: #434343;
+  border-color: #111111;
   *zoom: 1;
   filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF555555', endColorstr='#FF222222');
   background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #555555), color-stop(100%, #222222));
@@ -2052,68 +2025,3 @@
   filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
   opacity: 0.6;
 }
-
-.test-exclude {
-  font-weight: bold;
-  border-width: 1px;
-  border-style: solid;
-  margin: 0;
-  overflow: visible;
-  text-decoration: none !important;
-  text-align: center;
-  text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  box-sizing: border-box;
-  color: #333333;
-  background-color: whitesmoke;
-  border-color: #aaaaaa;
-  *zoom: 1;
-  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFE6E6E6');
-  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6));
-  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
-  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
-  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
-  background-image: linear-gradient(top, #ffffff, #e6e6e6);
-  white-space: nowrap;
-  display: -moz-inline-stack;
-  display: inline-block;
-  vertical-align: middle;
-  *vertical-align: auto;
-  zoom: 1;
-  *display: inline;
-  vertical-align: middle;
-}
-.test-exclude.hover, .test-exclude:hover, .test-exclude.focus, .test-exclude:focus {
-  background-color: #e6e6e6;
-  *zoom: 1;
-  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF5F5F5', endColorstr='#FFE4E4E4');
-  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f5f5f5), color-stop(100%, #e4e4e4));
-  background-image: -webkit-linear-gradient(top, #f5f5f5, #e4e4e4);
-  background-image: -moz-linear-gradient(top, #f5f5f5, #e4e4e4);
-  background-image: -o-linear-gradient(top, #f5f5f5, #e4e4e4);
-  background-image: linear-gradient(top, #f5f5f5, #e4e4e4);
-  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
-  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
-  box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
-}
-.test-exclude.active, .test-exclude:active {
-  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
-  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
-  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
-}
-.test-exclude.disabled, .test-exclude[disabled] {
-  background-color: #e6e6e6;
-  *zoom: 1;
-  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF5F5F5', endColorstr='#FFE4E4E4');
-  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f5f5f5), color-stop(100%, #e4e4e4));
-  background-image: -webkit-linear-gradient(top, #f5f5f5, #e4e4e4);
-  background-image: -moz-linear-gradient(top, #f5f5f5, #e4e4e4);
-  background-image: -o-linear-gradient(top, #f5f5f5, #e4e4e4);
-  background-image: linear-gradient(top, #f5f5f5, #e4e4e4);
-  -webkit-box-shadow: none;
-  -moz-box-shadow: none;
-  box-shadow: none;
-  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
-  opacity: 0.6;
-}