Upgrade to ExtJS 4.0.0 - Released 04/26/2011

[extjs.git] / resources / themes / stylesheets / ext4 / default / widgets / form / _all.scss

diff --git a/resources/themes/stylesheets/ext4/default/widgets/form/_all.scss b/resources/themes/stylesheets/ext4/default/widgets/form/_all.scss
new file mode 100644 (file)
index 0000000..7c27892
--- /dev/null
+++ b/resources/themes/stylesheets/ext4/default/widgets/form/_all.scss
@@ -0,0 +1,73 @@
+@mixin extjs-form {
+    /*misc*/
+    .#{$prefix}webkit {
+        * {
+            &:focus {
+                outline:none !important;
+            }
+        }
+    }
+    
+    //form items
+    .#{$prefix}form-item {
+        display: block;
+        zoom: 1;
+        position: relative;
+        margin-bottom: 5px;
+    }
+    
+    .#{$prefix}form-item-label {
+        float: left;
+        padding: 3px 0 0;
+        z-index: 2;
+        position: relative;
+        font-size: $form-label-font-size;
+        @include no-select;
+    }
+
+    .#{$prefix}form-item-label-top {
+        float: none;
+        clear: none;
+        padding: 0;
+        display: block;
+    }
+
+    .#{$prefix}form-item-label-right {
+        float: left;
+        text-align: right;
+    }
+
+    .#{$prefix}form-item-body {
+        position: relative;
+        float: left;
+    }
+
+    .#{$prefix}form-invalid-under {
+        padding: 2px 2px 2px 18px;
+        clear: left;
+
+        color: $form-error-msg-color;
+        font: $form-error-msg-font;
+        line-height: $form-error-msg-line-height;
+
+        background: theme-image($theme-name, $form-exclamation-icon) no-repeat 0 2px;
+    }
+    
+    .#{$prefix}form-invalid-icon {
+        width: 18px;
+        height: 18px;
+        overflow: hidden;
+        text-indent: -9999px;
+        
+        position: absolute;
+        left: 0;
+        top: 0;
+        
+        background: theme-image($theme-name, $form-exclamation-icon) no-repeat 2px 3px;
+
+        ul {
+            /* prevent inner elements from interfering with QuickTip hovering */
+            display: none;
+        }
+    }
+}
\ No newline at end of file