uniformjs-rails 1.5.0.2 → 3.0.1

data/vendor/assets/stylesheets/uniformjs/agent.scss

@@ -0,0 +1,138 @@
+/**
+ * Uniform Theme: Agent
+ *
+ * @author Collin Allen
+ */
+
+$jquery-uniform-img-path: "agent";
+$button-height: 32px;
+$button-margin-left: 13px;
+$button-padding: 9px 15px 0 2px;
+$button-span-height: 24px;
+$checkbox-height: 23px;
+$checkbox-width: 23px;
+$input-background: image-path("#{$jquery-uniform-img-path}/bg-input-agent.png");
+$input-background-focus: image-path("#{$jquery-uniform-img-path}/bg-input-focus-agent.png");
+$input-padding: 4px;
+$radio-height: 23px;
+$radio-width: 23px;
+$select-fixed-width: 190px;
+$select-height: 32px;
+$select-margin-left: 12px;
+$select-margin-right: 25px;
+$select-select-height: 25px;
+$select-select-top: 4px;
+$sprite: image-path("#{$jquery-uniform-img-path}/sprite-agent.png");
+$upload-action-width: 90px;
+$upload-filename-margin-top: 0;
+$upload-filename-margin-bottom: 0;
+$upload-filename-margin-left: 4px;
+$upload-filename-width: 76px;
+$upload-filename-padding: 0 10px;
+$upload-height: 32px;
+$upload-width: 190px;
+
+@import "_base.scss";
+
+#{$class-wrapper-element}#{$class-wrapper} input#{$class-input},
+#{$class-wrapper-element}#{$class-wrapper} select#{$class-multiselect},
+#{$class-wrapper-element}#{$class-wrapper} textarea#{$class-textarea} {
+    font-size: 14px;
+    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
+    font-weight: normal;
+    color: #ffffff;
+    background-color: #434343;
+    border: 1px solid #1a1a1a;
+    border-right-color: #1c1c1c;
+    border-bottom-color: #1c1c1c;
+    border-radius: 3px;
+
+    @include whenHover {
+        box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
+        border-color: #999999;
+        background-color: #575757;
+    }
+}
+
+div#{$class-wrapper}#{$class-button} {
+    span {
+        color: #ffffff;
+        font-weight: bold;
+        font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
+        font-size: 13px;
+        letter-spacing: 1px;
+        text-transform: uppercase;
+    }
+
+    @include whenDisabled {
+        span {
+            color: #bbbbbb;
+        }
+    }
+}
+
+/* Select */
+div#{$class-wrapper}#{$class-select} {
+    font-weight: bold;
+    color: #464545;
+    font-size: 14px;
+
+    span {
+        padding: 0 25px 0 0;
+        color: #ffffff;
+        font-weight: normal;
+        text-shadow: 0 1px 0 #ffffff;
+    }
+
+    select {
+        font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
+        font-size: 1em;
+        border: solid 1px #ffffff;
+    }
+
+    @include whenDisabled {
+        span {
+            color: #bbbbbb;
+        }
+    }
+}
+
+/* Checker */
+div#{$class-wrapper}#{$class-checkbox} {
+    margin-right: 10px;
+}
+
+/* Radio */
+div#{$class-wrapper}#{$class-radio} {
+    margin-right: 10px;
+}
+
+/* Uploader */
+div#{$class-wrapper}#{$class-upload} {
+    margin-bottom: 20px;
+    cursor: pointer;
+
+    span#{$class-action} {
+        text-align: center;
+        text-shadow: #1a1a1a 0 1px 0;
+        background-color: #ffffff;
+        font-weight: bold;
+        color: #ffffff;
+    }
+
+    span#{$class-filename} {
+        color: #777777;
+        font-size: 11px;
+    }
+
+    @include whenDisabled {
+        span#{$class-action} {
+            color: #aaaaaa;
+        }
+
+        span#{$class-filename} {
+            border-color: #dddddd;
+            color: #aaaaaa;
+        }
+    }
+}

data/vendor/assets/stylesheets/uniformjs/aristo.scss

@@ -0,0 +1,142 @@
+/**
+ * Uniform Theme: Aristo
+ *
+ * @author 280North / Ported by Josh Pyles
+ * @license Creative Commons Share Alike
+ */
+
+$jquery-uniform-img-path: "aristo";
+$button-height: 32px;
+$button-margin-left: 13px;
+$button-padding: 5px 15px 5px 2px;
+$button-span-height: 22px;
+$checkbox-height: 23px;
+$checkbox-width: 23px;
+$input-background-focus: image-path("#{$jquery-uniform-img-path}/bg-input-focus-aristo.png");
+$input-background: image-path("#{$jquery-uniform-img-path}/bg-input-aristo.png");
+$input-padding: 4px;
+$radio-height: 23px;
+$radio-width: 23px;
+$select-fixed-width: 190px;
+$select-height: 32px;
+$select-margin-left: 10px;
+$select-margin-right: 25px;
+$select-select-height: 24px;
+$select-select-top: 4px;
+$sprite: image-path("#{$jquery-uniform-img-path}/sprite-aristo.png");
+$upload-action-width: 90px;
+$upload-filename-margin-left: 4px;
+$upload-filename-margin-top: 4px;
+$upload-filename-margin-bottom: 4px;
+$upload-filename-padding: 0 10px;
+$upload-filename-width: 76px;
+$upload-height: 32px;
+$upload-width: 190px;
+
+@import "_base.scss";
+
+/* INPUT & TEXTAREA */
+
+#{$class-wrapper-element}#{$class-wrapper} input#{$class-input},
+#{$class-wrapper-element}#{$class-wrapper} select#{$class-multiselect},
+#{$class-wrapper-element}#{$class-wrapper} textarea#{$class-textarea} {
+    font-size: 14px;
+    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
+    font-weight: normal;
+    color: #777777;
+    background-color: #a1cbe2;
+    border: 1px solid #aaaaaa;
+    border-right-color: #cccccc;
+    border-bottom-color: #cccccc;
+    border-radius: 3px;
+
+    @include whenHover {
+        box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
+        border-color: #999999;
+        background-color: #a1cbe2;
+    }
+}
+
+/* Uploader */
+
+div#{$class-wrapper}#{$class-button} {
+    span {
+        font-weight: bold;
+        font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
+        font-size: 13px;
+        letter-spacing: 1px;
+        text-transform: uppercase;
+    }
+
+    @include whenHover {
+        span {
+            color: #555555;
+        }
+    }
+
+    @include whenDisabled {
+        span {
+            color: #bbbbbb;
+        }
+    }
+}
+
+/* Select */
+
+div#{$class-wrapper}#{$class-select} {
+    font-weight: bold;
+    color: #464545;
+    font-size: 14px;
+
+    span {
+        color: #666666;
+        text-shadow: 0 1px 0 #ffffff;
+    }
+
+    select {
+        font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
+        font-size: 1em;
+        border: solid 1px #ffffff;
+    }
+
+    @include whenDisabled {
+        span {
+            color: #bbbbbb;
+        }
+    }
+}
+
+/* Checker */
+div#{$class-wrapper}#{$class-checkbox} {
+    margin-right: 10px;
+}
+
+/* Radio */
+div#{$class-wrapper}#{$class-radio} {
+    margin-right: 10px;
+}
+
+div#{$class-wrapper}#{$class-upload} {
+    span#{$class-action} {
+        text-shadow: rgba(255, 255, 255, 0.5) 0 1px 0;
+        background-color: #ffffff;
+        font-weight: bold;
+        color: #1c4257;
+    }
+
+    span#{$class-filename} {
+        color: #777777;
+        font-size: 11px;
+    }
+
+    @include whenDisabled {
+        span#{$class-action} {
+            color: #aaaaaa;
+        }
+
+        span#{$class-filename} {
+            border-color: #dddddd;
+            color: #aaaaaa;
+        }
+    }
+}

data/vendor/assets/stylesheets/uniformjs/default.scss

@@ -0,0 +1,142 @@
+/**
+ * Uniform Theme: Uniform Default
+ *
+ * @author Josh Pyles
+ */
+
+$button-height: 30px;
+$button-margin-left: 13px;
+$button-padding: 8px 15px 0 2px;
+$button-span-height: 22px;
+$checkbox-height: 19px;
+$checkbox-width: 19px;
+$input-padding: 3px;
+$radio-height: 18px;
+$radio-width: 18px;
+$select-fixed-width: 190px;
+$select-height: 26px;
+$select-margin-left: 10px;
+$select-margin-right: 25px;
+$select-select-height: 22px;
+$select-select-top: 2px;
+$upload-action-width: 82px;
+$upload-filename-margin-top: 2px;
+$upload-filename-margin-bottom: 2px;
+$upload-filename-margin-left: 2px;
+$upload-filename-width: 85px;
+$upload-filename-padding: 0 10px;
+$upload-height: 28px;
+$upload-width: 190px;
+
+@import "_base.scss";
+
+/* INPUT & TEXTAREA */
+
+#{$class-wrapper-element}#{$class-wrapper} input#{$class-input},
+#{$class-wrapper-element}#{$class-wrapper} select#{$class-multiselect},
+#{$class-wrapper-element}#{$class-wrapper} textarea#{$class-textarea} {
+    font-size: 12px;
+    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
+    font-weight: normal;
+    color: #777777;
+    border: 1px solid #aaaaaa;
+    border-right-color: #cccccc;
+    border-bottom-color: #cccccc;
+    border-radius: $input-padding;
+
+    @include whenHover {
+        box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
+        border-color: #999999;
+    }
+}
+
+/* PRESENTATION */
+
+/* Buttons */
+
+div#{$class-wrapper}#{$class-button} {
+    span {
+        font-weight: bold;
+        font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
+        font-size: 12px;
+        letter-spacing: 1px;
+        text-transform: uppercase;
+    }
+
+    @include whenHover {
+        span {
+            color: #555555;
+        }
+    }
+
+    @include whenDisabled {
+        span {
+            color: #bbbbbb;
+        }
+    }
+}
+
+/* Select */
+
+div#{$class-wrapper}#{$class-select} {
+    font-size: 12px;
+
+    span {
+        color: #666666;
+        text-shadow: 0 1px 0 #ffffff;
+    }
+
+    select {
+        font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
+        font-size: 12px;
+    }
+
+    @include whenDisabled {
+        span {
+            color: #bbbbbb;
+        }
+    }
+}
+
+/* Checker */
+div#{$class-wrapper}#{$class-checkbox} {
+    margin-right: 5px;
+}
+
+/* Radio */
+div#{$class-wrapper}#{$class-radio} {
+    margin-right: 3px;
+}
+
+/* Uploader */
+div#{$class-wrapper}#{$class-upload} {
+    span#{$class-action} {
+        text-shadow: #ffffff 0 1px 0;
+        background-color: #ffffff;
+        font-size: 11px;
+        font-weight: bold;
+    }
+
+    span#{$class-filename} {
+        color: #777777;
+        border-right: solid 1px #bbbbbb;
+        font-size: 11px;
+    }
+
+    @include whenDisabled {
+        span#{$class-action} {
+            color: #aaaaaa;
+        }
+
+        span#{$class-filename} {
+            border-color: #dddddd;
+            color: #aaaaaa;
+        }
+    }
+}
+
+#{$class-wrapper-element}#{$class-wrapper} input#{$class-input} {
+    &, &:focus {
+        background-color: #ffffff;
+    }
+}

data/vendor/assets/stylesheets/uniformjs/jeans.scss

@@ -0,0 +1,156 @@
+/**
+ * Uniform Theme: Crayon
+ *
+ * @author Tyler Akins
+ */
+
+$jquery-uniform-img-path: "jeans";
+$button-height: 30px;
+$button-margin-left: 12px;
+$button-padding: 8px 15px 0 2px;
+$button-span-height: 22px;
+$checkbox-height: 19px;
+$checkbox-width: 19px;
+$input-background-focus: image-path("#{$jquery-uniform-img-path}/bg-input-focus-jeans.png");
+$input-background-focus-retina: image-path("#{$jquery-uniform-img-path}/bg-input-focus-retina-jeans.png");
+$input-background: image-path("#{$jquery-uniform-img-path}/bg-input-jeans.png");
+$input-background-retina: image-path("#{$jquery-uniform-img-path}/bg-input-retina-jeans.png");
+$input-padding: 3px;
+$radio-height: 18px;
+$radio-width: 18px;
+$select-fixed-width: 190px;
+$select-height: 26px;
+$select-margin-left: 10px;
+$select-margin-right: 25px;
+$select-select-height: 22px;
+$select-select-top: 2px;
+$sprite: image-path("#{$jquery-uniform-img-path}/sprite-jeans.png");
+$sprite-retina: image-path("#{$jquery-uniform-img-path}/sprite-retina-jeans.png");
+$upload-action-width: 82px;
+$upload-filename-margin-top: 2px;
+$upload-filename-margin-left: 2px;
+$upload-filename-width: 85px;
+$upload-filename-padding: 0 10px;
+$upload-height: 28px;
+$upload-span-height: 24px;
+$upload-width: 190px;
+$input-background-size: 60px;
+
+@import "_base.scss";
+
+/* INPUT & TEXTAREA */
+
+#{$class-wrapper-element}#{$class-wrapper} input#{$class-input},
+#{$class-wrapper-element}#{$class-wrapper} select#{$class-multiselect},
+#{$class-wrapper-element}#{$class-wrapper} textarea#{$class-textarea} {
+    font-size: 12px;
+    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
+    font-weight: normal;
+    color: #ffe000;
+    border: 1px solid #aaaaaa;
+    border-right-color: #cccccc;
+    border-bottom-color: #cccccc;
+    border-radius: $input-padding;
+
+    &:focus {
+        box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
+        border-color: #999999;
+    }
+}
+
+/* PRESENTATION */
+
+/* Buttons */
+
+div#{$class-wrapper}#{$class-button} {
+    span {
+        font-weight: bold;
+        font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
+        font-size: 12px;
+        letter-spacing: 1px;
+        text-transform: uppercase;
+        color: #ffe000;
+    }
+
+    @include whenHover {
+        span {
+            color: #ffe000;
+        }
+    }
+
+    @include whenDisabled {
+        span {
+            color: #ffe000;
+        }
+    }
+}
+
+/* Select */
+
+div#{$class-wrapper}#{$class-select} {
+    font-size: 12px;
+
+    select {
+        font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
+        font-size: 12px;
+    }
+
+    span {
+        color: #ffe000;
+        text-shadow: 0 1px 0 #000000;
+    }
+
+    @include whenDisabled {
+        span {
+            color: #ffe000;
+        }
+    }
+}
+
+/* Checker */
+div#{$class-wrapper}#{$class-checkbox} {
+    margin-right: 5px;
+}
+
+/* Radio */
+div#{$class-wrapper}#{$class-radio} {
+    margin-right: 3px;
+}
+
+/* Uploader */
+div#{$class-wrapper}#{$class-upload} {
+    span#{$class-action} {
+        text-shadow: #000000 0 1px 0;
+        background-color: #ffffff;
+        font-size: 11px;
+        font-weight: bold;
+        color: #ffe000;
+    }
+
+    span#{$class-filename} {
+        color: #ffe000;
+        font-size: 11px;
+        border-right: 1px solid rgb(47, 67, 104);
+    }
+
+    @include whenDisabled {
+        span#{$class-action} {
+            color: #ffe000;
+        }
+
+        span#{$class-filename} {
+            border-color: #dddddd;
+            color: #ffe000;
+        }
+    }
+}
+
+#{$class-wrapper-element}#{$class-wrapper} input#{$class-input},
+#{$class-wrapper-element}#{$class-wrapper} select#{$class-multiselect},
+#{$class-wrapper-element}#{$class-wrapper} textarea#{$class-textarea} {
+    &, &:focus {
+        background-repeat: repeat
+    }
+}
+
+@include retina()