rails_admin_glyph_theme 0.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +7 -0
- data/MIT-LICENSE +20 -0
- data/README.rdoc +10 -0
- data/Rakefile +27 -0
- data/lib/rails_admin_glyph_theme.rb +4 -0
- data/lib/rails_admin_glyph_theme/engine.rb +7 -0
- data/lib/rails_admin_glyph_theme/version.rb +3 -0
- data/vendor/assets/javascripts/rails_admin_glyph_theme/lib/bootstrap-fileupload.min.js +7 -0
- data/vendor/assets/javascripts/rails_admin_glyph_theme/lib/bootstrap-select.min.js +1 -0
- data/vendor/assets/javascripts/rails_admin_glyph_theme/lib/custom_checkbox_and_radio.js +42 -0
- data/vendor/assets/javascripts/rails_admin_glyph_theme/lib/custom_radio.js +28 -0
- data/vendor/assets/javascripts/rails_admin_glyph_theme/lib/modernizr-custom.js +12 -0
- data/vendor/assets/javascripts/rails_admin_glyph_theme/lib/spinner.js +198 -0
- data/vendor/assets/javascripts/rails_admin_glyph_theme/src/glyph-theme.coffee +125 -0
- data/vendor/assets/javascripts/rails_admin_glyph_theme/theme.js +3 -0
- data/vendor/assets/stylesheets/rails_admin/themes/glyph/_bootstrap-fileupload.css +128 -0
- data/vendor/assets/stylesheets/rails_admin/themes/glyph/_bootstrap-select.min.css +1 -0
- data/vendor/assets/stylesheets/rails_admin/themes/glyph/_button.css.sass +27 -0
- data/vendor/assets/stylesheets/rails_admin/themes/glyph/_dropdown.css.sass +37 -0
- data/vendor/assets/stylesheets/rails_admin/themes/glyph/_form.css.sass +137 -0
- data/vendor/assets/stylesheets/rails_admin/themes/glyph/_fuelUX.css.sass +95 -0
- data/vendor/assets/stylesheets/rails_admin/themes/glyph/_jquery-ui.css.sass +147 -0
- data/vendor/assets/stylesheets/rails_admin/themes/glyph/_middle-content.css.sass +164 -0
- data/vendor/assets/stylesheets/rails_admin/themes/glyph/_navigation.css.sass +87 -0
- data/vendor/assets/stylesheets/rails_admin/themes/glyph/_rich-editor.css.sass +63 -0
- data/vendor/assets/stylesheets/rails_admin/themes/glyph/_scrollbar.css.sass +67 -0
- data/vendor/assets/stylesheets/rails_admin/themes/glyph/images/sprites-arrows-hor.png +0 -0
- data/vendor/assets/stylesheets/rails_admin/themes/glyph/images/sprites-arrows-vert.png +0 -0
- data/vendor/assets/stylesheets/rails_admin/themes/glyph/mixins.css.sass +29 -0
- data/vendor/assets/stylesheets/rails_admin/themes/glyph/theming.css.sass +96 -0
- data/vendor/assets/stylesheets/rails_admin/themes/glyph/variables.css.sass +230 -0
- metadata +73 -0
| @@ -0,0 +1,128 @@ | |
| 1 | 
            +
            /*!
         | 
| 2 | 
            +
             * Bootstrap v2.3.1-j6
         | 
| 3 | 
            +
             *
         | 
| 4 | 
            +
             * Copyright 2012 Twitter, Inc
         | 
| 5 | 
            +
             * Licensed under the Apache License v2.0
         | 
| 6 | 
            +
             * http://www.apache.org/licenses/LICENSE-2.0
         | 
| 7 | 
            +
             *
         | 
| 8 | 
            +
             * Designed and built with all the love in the world by @mdo and @fat, extended by @ArnoldDaniels.
         | 
| 9 | 
            +
             */
         | 
| 10 | 
            +
            .clearfix {
         | 
| 11 | 
            +
              *zoom: 1;
         | 
| 12 | 
            +
            }
         | 
| 13 | 
            +
            .clearfix:before,
         | 
| 14 | 
            +
            .clearfix:after {
         | 
| 15 | 
            +
              display: table;
         | 
| 16 | 
            +
              content: "";
         | 
| 17 | 
            +
              line-height: 0;
         | 
| 18 | 
            +
            }
         | 
| 19 | 
            +
            .clearfix:after {
         | 
| 20 | 
            +
              clear: both;
         | 
| 21 | 
            +
            }
         | 
| 22 | 
            +
            .hide-text {
         | 
| 23 | 
            +
              font: 0/0 a;
         | 
| 24 | 
            +
              color: transparent;
         | 
| 25 | 
            +
              text-shadow: none;
         | 
| 26 | 
            +
              background-color: transparent;
         | 
| 27 | 
            +
              border: 0;
         | 
| 28 | 
            +
            }
         | 
| 29 | 
            +
            .input-block-level {
         | 
| 30 | 
            +
              display: block;
         | 
| 31 | 
            +
              width: 100%;
         | 
| 32 | 
            +
              min-height: 30px;
         | 
| 33 | 
            +
              -webkit-box-sizing: border-box;
         | 
| 34 | 
            +
              -moz-box-sizing: border-box;
         | 
| 35 | 
            +
              box-sizing: border-box;
         | 
| 36 | 
            +
            }
         | 
| 37 | 
            +
            .btn-file {
         | 
| 38 | 
            +
              overflow: hidden;
         | 
| 39 | 
            +
              position: relative;
         | 
| 40 | 
            +
              vertical-align: middle;
         | 
| 41 | 
            +
            }
         | 
| 42 | 
            +
            .btn-file > input {
         | 
| 43 | 
            +
              position: absolute;
         | 
| 44 | 
            +
              top: 0;
         | 
| 45 | 
            +
              right: 0;
         | 
| 46 | 
            +
              margin: 0;
         | 
| 47 | 
            +
              opacity: 0;
         | 
| 48 | 
            +
              filter: alpha(opacity=0);
         | 
| 49 | 
            +
              transform: translate(-300px, 0) scale(4);
         | 
| 50 | 
            +
              font-size: 23px;
         | 
| 51 | 
            +
              direction: ltr;
         | 
| 52 | 
            +
              cursor: pointer;
         | 
| 53 | 
            +
            }
         | 
| 54 | 
            +
            .fileupload {
         | 
| 55 | 
            +
              margin-bottom: 9px;
         | 
| 56 | 
            +
            }
         | 
| 57 | 
            +
            .fileupload .uneditable-input {
         | 
| 58 | 
            +
              display: inline-block;
         | 
| 59 | 
            +
              margin-bottom: 0px;
         | 
| 60 | 
            +
              vertical-align: middle;
         | 
| 61 | 
            +
              cursor: text;
         | 
| 62 | 
            +
            }
         | 
| 63 | 
            +
            .fileupload .thumbnail {
         | 
| 64 | 
            +
              overflow: hidden;
         | 
| 65 | 
            +
              display: inline-block;
         | 
| 66 | 
            +
              margin-bottom: 5px;
         | 
| 67 | 
            +
              vertical-align: middle;
         | 
| 68 | 
            +
              text-align: center;
         | 
| 69 | 
            +
            }
         | 
| 70 | 
            +
            .fileupload .thumbnail > img {
         | 
| 71 | 
            +
              display: inline-block;
         | 
| 72 | 
            +
              vertical-align: middle;
         | 
| 73 | 
            +
              max-height: 100%;
         | 
| 74 | 
            +
            }
         | 
| 75 | 
            +
            .fileupload .btn {
         | 
| 76 | 
            +
              vertical-align: middle;
         | 
| 77 | 
            +
            }
         | 
| 78 | 
            +
            .fileupload-exists .fileupload-new,
         | 
| 79 | 
            +
            .fileupload-new .fileupload-exists {
         | 
| 80 | 
            +
              display: none;
         | 
| 81 | 
            +
            }
         | 
| 82 | 
            +
            .fileupload-inline .fileupload-controls {
         | 
| 83 | 
            +
              display: inline;
         | 
| 84 | 
            +
            }
         | 
| 85 | 
            +
            .fileupload-new .input-append .btn-file {
         | 
| 86 | 
            +
              -webkit-border-radius: 0 3px 3px 0;
         | 
| 87 | 
            +
              -moz-border-radius: 0 3px 3px 0;
         | 
| 88 | 
            +
              border-radius: 0 3px 3px 0;
         | 
| 89 | 
            +
            }
         | 
| 90 | 
            +
            .thumbnail-borderless .thumbnail {
         | 
| 91 | 
            +
              border: none;
         | 
| 92 | 
            +
              padding: 0;
         | 
| 93 | 
            +
              -webkit-border-radius: 0;
         | 
| 94 | 
            +
              -moz-border-radius: 0;
         | 
| 95 | 
            +
              border-radius: 0;
         | 
| 96 | 
            +
              -webkit-box-shadow: none;
         | 
| 97 | 
            +
              -moz-box-shadow: none;
         | 
| 98 | 
            +
              box-shadow: none;
         | 
| 99 | 
            +
            }
         | 
| 100 | 
            +
            .fileupload-new.thumbnail-borderless .thumbnail {
         | 
| 101 | 
            +
              border: 1px solid #ddd;
         | 
| 102 | 
            +
            }
         | 
| 103 | 
            +
            .control-group.warning .fileupload .uneditable-input {
         | 
| 104 | 
            +
              color: #a47e3c;
         | 
| 105 | 
            +
              border-color: #a47e3c;
         | 
| 106 | 
            +
            }
         | 
| 107 | 
            +
            .control-group.warning .fileupload .fileupload-preview {
         | 
| 108 | 
            +
              color: #a47e3c;
         | 
| 109 | 
            +
            }
         | 
| 110 | 
            +
            .control-group.warning .fileupload .thumbnail {
         | 
| 111 | 
            +
              border-color: #a47e3c;
         | 
| 112 | 
            +
            }
         | 
| 113 | 
            +
            .control-group.error .fileupload .uneditable-input {
         | 
| 114 | 
            +
              color: #b94a48;
         | 
| 115 | 
            +
            }
         | 
| 116 | 
            +
            .control-group.error .fileupload .fileupload-preview {
         | 
| 117 | 
            +
              color: #b94a48;
         | 
| 118 | 
            +
            }
         | 
| 119 | 
            +
            .control-group.success .fileupload .uneditable-input {
         | 
| 120 | 
            +
              color: #468847;
         | 
| 121 | 
            +
              border-color: #468847;
         | 
| 122 | 
            +
            }
         | 
| 123 | 
            +
            .control-group.success .fileupload .fileupload-preview {
         | 
| 124 | 
            +
              color: #468847;
         | 
| 125 | 
            +
            }
         | 
| 126 | 
            +
            .control-group.success .fileupload .thumbnail {
         | 
| 127 | 
            +
              border-color: #468847;
         | 
| 128 | 
            +
            }
         | 
| @@ -0,0 +1 @@ | |
| 1 | 
            +
            .clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}.bootstrap-select.btn-group,.bootstrap-select.btn-group[class*="span"]{float:none;display:inline-block;margin-bottom:10px;margin-left:0}.bootstrap-select{width:220px}.bootstrap-select .btn{width:220px}.bootstrap-select .btn:focus{outline:thin dotted #333!important;outline:5px auto -webkit-focus-ring-color!important;outline-offset:-2px}.bootstrap-select.btn-group .btn .filter-option{overflow:hidden;position:absolute;left:12px;right:25px;text-align:left}.bootstrap-select.btn-group .btn .caret{position:absolute;right:12px}.bootstrap-select.btn-group>.disabled,.bootstrap-select.btn-group .dropdown-menu li.disabled>a{cursor:not-allowed}.bootstrap-select.btn-group[class*="span"] .btn{width:100%}.bootstrap-select.btn-group .dropdown-menu{min-width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.bootstrap-select.btn-group .dropdown-menu dt{display:block;padding:3px 20px;cursor:default}.bootstrap-select.btn-group .div-contain{overflow:hidden}.bootstrap-select.btn-group .dropdown-menu li>a.opt{padding-left:35px}.bootstrap-select.btn-group .dropdown-menu li>a{min-height:20px}bootstrap-select.btn-group .dropdown-menu li>a{min-height:20px}.bootstrap-select.btn-group .dropdown-menu li small{padding-left:.5em}.bootstrap-select.btn-group .dropdown-menu li:not(.disabled)>a:hover small{color:#64b1d8;color:rgba(255,255,255,0.4)}.bootstrap-select.btn-group .dropdown-menu li>dt small{font-weight:normal}.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a i.check-mark{visibility:visible;display:inline-block;margin-left:20px}.bootstrap-select.btn-group .dropdown-menu li a i.check-mark{visibility:hidden;margin-left:20px}.bootstrap-select.btn-group .dropdown-menu li small{padding-left:.5em}.bootstrap-select.btn-group .dropdown-menu li:not(.disabled)>a:hover small{color:#64b1d8;color:rgba(255,255,255,0.4)}.bootstrap-select.btn-group .dropdown-menu li>dt small{font-weight:normal}.bootstrap-select.btn-group.show-menu-arrow .dropdown-menu{overflow-y:visible!important}.bootstrap-select.btn-group.show-menu-arrow .dropdown-menu::after{position:absolute;top:-6px;left:10px;display:inline-block;border-right:6px solid transparent;border-bottom:6px solid white;border-left:6px solid transparent;content:''}.bootstrap-select.btn-group.show-menu-arrow .dropdown-menu::before{position:absolute;top:-7px;left:9px;display:inline-block;border-right:7px solid transparent;border-bottom:7px solid #CCC;border-left:7px solid transparent;border-bottom-color:rgba(0,0,0,0.2);content:''}
         | 
| @@ -0,0 +1,27 @@ | |
| 1 | 
            +
             | 
| 2 | 
            +
            /* Btn Style Default */
         | 
| 3 | 
            +
            .btn,
         | 
| 4 | 
            +
            a.cke_dialog_ui_button,
         | 
| 5 | 
            +
            .ui-button,
         | 
| 6 | 
            +
            #rails_admin_nestable .checkbox.inline
         | 
| 7 | 
            +
              +box-shadow(none)
         | 
| 8 | 
            +
              +flaten
         | 
| 9 | 
            +
              +single-transition(all, 0.1s, linear)
         | 
| 10 | 
            +
              // Hover/focus state
         | 
| 11 | 
            +
              &:hover,
         | 
| 12 | 
            +
              &:focus
         | 
| 13 | 
            +
                +single-transition(all, 0.1s, linear)
         | 
| 14 | 
            +
                outline: none
         | 
| 15 | 
            +
                outline: 0
         | 
| 16 | 
            +
                +box-shadow(rgba(0, 0 , 0 , 0.1) 0px 1px 2px 0px inset)
         | 
| 17 | 
            +
             | 
| 18 | 
            +
              // Active state
         | 
| 19 | 
            +
              &.active,
         | 
| 20 | 
            +
              &:active
         | 
| 21 | 
            +
                +flaten
         | 
| 22 | 
            +
                outline: 0
         | 
| 23 | 
            +
                +box-shadow(rgba(0, 0 , 0 , 0.3) 0px 1px 3px 0px inset)
         | 
| 24 | 
            +
             | 
| 25 | 
            +
              &.btn-link
         | 
| 26 | 
            +
                &:hover
         | 
| 27 | 
            +
                  +box-shadow(none)
         | 
| @@ -0,0 +1,37 @@ | |
| 1 | 
            +
            /* Dropdown */
         | 
| 2 | 
            +
            .dropdown-menu
         | 
| 3 | 
            +
              +border-radius($baseBorderRadius)
         | 
| 4 | 
            +
              +box-shadow(none)
         | 
| 5 | 
            +
             | 
| 6 | 
            +
            // Hover/Focus state
         | 
| 7 | 
            +
            .dropdown-menu > li > a:hover,
         | 
| 8 | 
            +
            .dropdown-menu > li > a:focus,
         | 
| 9 | 
            +
            .dropdown-submenu:hover > a,
         | 
| 10 | 
            +
            .dropdown-submenu:focus > a
         | 
| 11 | 
            +
              +single-transition(all, 0.3s, ease)
         | 
| 12 | 
            +
              text-decoration: none
         | 
| 13 | 
            +
              color: $dropdownLinkColorHover
         | 
| 14 | 
            +
              +flaten
         | 
| 15 | 
            +
              background-color: $dropdownLinkBackgroundHover
         | 
| 16 | 
            +
             | 
| 17 | 
            +
            // Active state
         | 
| 18 | 
            +
            .dropdown-menu > .active > a,
         | 
| 19 | 
            +
            .dropdown-menu > .active > a:hover,
         | 
| 20 | 
            +
            .dropdown-menu > .active > a:focus
         | 
| 21 | 
            +
              +single-transition(all, 0.3s, ease)
         | 
| 22 | 
            +
              color: $dropdownLinkColorActive
         | 
| 23 | 
            +
              text-decoration: none
         | 
| 24 | 
            +
              outline: 0
         | 
| 25 | 
            +
              +flaten
         | 
| 26 | 
            +
              background-color: $dropdownLinkBackgroundHover
         | 
| 27 | 
            +
             | 
| 28 | 
            +
            .nav-tabs .dropdown-menu
         | 
| 29 | 
            +
              +border-radius(0 0 $baseBorderRadius $baseBorderRadius)
         | 
| 30 | 
            +
              +box-shadow(none)
         | 
| 31 | 
            +
             | 
| 32 | 
            +
            .nav-tabs .open .dropdown-toggle,
         | 
| 33 | 
            +
            .nav-pills .open .dropdown-toggle,
         | 
| 34 | 
            +
            .nav > li.dropdown.open.active > a:hover
         | 
| 35 | 
            +
              color: $black
         | 
| 36 | 
            +
              border-color: whiteSmoke
         | 
| 37 | 
            +
              background-color: $whiteDark
         | 
| @@ -0,0 +1,137 @@ | |
| 1 | 
            +
            /* Overriding */
         | 
| 2 | 
            +
            .control-label
         | 
| 3 | 
            +
              padding-left: 10px
         | 
| 4 | 
            +
             | 
| 5 | 
            +
            .control-group .controls
         | 
| 6 | 
            +
              line-height: 30px
         | 
| 7 | 
            +
             | 
| 8 | 
            +
            /* UI select menu */
         | 
| 9 | 
            +
            .ui-menu .ui-menu-item a.ui-state-hover,
         | 
| 10 | 
            +
            .ui-menu .ui-menu-item a.ui-state-active,
         | 
| 11 | 
            +
            .ui-menu .ui-menu-item a.ui-state-focus
         | 
| 12 | 
            +
              background: $whiteDark
         | 
| 13 | 
            +
              +text-shadow(none)
         | 
| 14 | 
            +
              border: none
         | 
| 15 | 
            +
              +border-radius(0px)
         | 
| 16 | 
            +
             | 
| 17 | 
            +
            /* Input Style Default */
         | 
| 18 | 
            +
            select,
         | 
| 19 | 
            +
            textarea,
         | 
| 20 | 
            +
            input[type="text"],
         | 
| 21 | 
            +
            input[type="password"],
         | 
| 22 | 
            +
            input[type="datetime"],
         | 
| 23 | 
            +
            input[type="datetime-local"],
         | 
| 24 | 
            +
            input[type="date"],
         | 
| 25 | 
            +
            input[type="month"],
         | 
| 26 | 
            +
            input[type="time"],
         | 
| 27 | 
            +
            input[type="week"],
         | 
| 28 | 
            +
            input[type="number"],
         | 
| 29 | 
            +
            input[type="email"],
         | 
| 30 | 
            +
            input[type="url"],
         | 
| 31 | 
            +
            input[type="search"],
         | 
| 32 | 
            +
            input[type="tel"],
         | 
| 33 | 
            +
            input[type="color"],
         | 
| 34 | 
            +
            .uneditable-input,
         | 
| 35 | 
            +
            .cke_contents,
         | 
| 36 | 
            +
            .cke_dialog_ui_input_textarea textarea,
         | 
| 37 | 
            +
            .cke_dialog_ui_input_text input,
         | 
| 38 | 
            +
              border: 1px solid $inputBorder
         | 
| 39 | 
            +
              border-top: 1px solid darken($inputBorder, 5%)
         | 
| 40 | 
            +
              +box-shadow(rgba(0,0,0,0.1) 0px 1px 2px 0px inset)
         | 
| 41 | 
            +
              +single-transition(all, 0.2s, linear)
         | 
| 42 | 
            +
              // Hover state
         | 
| 43 | 
            +
              &:hover
         | 
| 44 | 
            +
                background-color: darken($inputBackground, 0.7%)
         | 
| 45 | 
            +
                border: 1px solid darken($inputBorder, 2%)
         | 
| 46 | 
            +
                border-top: 1px solid darken($inputBorder, 7%)
         | 
| 47 | 
            +
                +box-shadow(rgba(0,0,0,0.2) 0px 1px 2px 0px inset)
         | 
| 48 | 
            +
             | 
| 49 | 
            +
              // Focus state
         | 
| 50 | 
            +
              &:focus
         | 
| 51 | 
            +
                border: 1px solid darken($inputBorder, 3%)
         | 
| 52 | 
            +
                border-top: 1px solid darken($inputBorder, 8%)
         | 
| 53 | 
            +
                +box-shadow(rgba(0,0,0,0.3) 0px 1px 2px 0px inset)
         | 
| 54 | 
            +
                outline: 0
         | 
| 55 | 
            +
             | 
| 56 | 
            +
            /* Focus states for others inputs */
         | 
| 57 | 
            +
            input[type="file"],
         | 
| 58 | 
            +
            input[type="radio"],
         | 
| 59 | 
            +
            input[type="checkbox"]
         | 
| 60 | 
            +
              &:focus
         | 
| 61 | 
            +
                outline: 0
         | 
| 62 | 
            +
             | 
| 63 | 
            +
            /* display radio & checkbox in middle */
         | 
| 64 | 
            +
            input[type="radio"],
         | 
| 65 | 
            +
            input[type="checkbox"]
         | 
| 66 | 
            +
              margin-top: -5px
         | 
| 67 | 
            +
             | 
| 68 | 
            +
            .controls label.checkbox
         | 
| 69 | 
            +
              input[type="radio"],
         | 
| 70 | 
            +
              input[type="checkbox"]
         | 
| 71 | 
            +
                margin: 4px 0 0 -20px
         | 
| 72 | 
            +
             | 
| 73 | 
            +
            /* Glyph-theme-js OVERRIDING */
         | 
| 74 | 
            +
            &.glyph-theme-js
         | 
| 75 | 
            +
              /* FileUpload */
         | 
| 76 | 
            +
              .uneditable-input,
         | 
| 77 | 
            +
              .uneditable-textarea
         | 
| 78 | 
            +
                background-color: $inputDisabledBackground
         | 
| 79 | 
            +
                &:hover
         | 
| 80 | 
            +
                  background-color: $inputDisabledBackground
         | 
| 81 | 
            +
              .uploaded-file img,
         | 
| 82 | 
            +
              .uploaded-file
         | 
| 83 | 
            +
                margin-bottom: 5px
         | 
| 84 | 
            +
              .fileupload
         | 
| 85 | 
            +
                margin-bottom: 0
         | 
| 86 | 
            +
              .fileupload-new .input-append .btn-file
         | 
| 87 | 
            +
                +border-radius($baseBorderRadius)
         | 
| 88 | 
            +
             | 
| 89 | 
            +
              /* Bootstrap Select */
         | 
| 90 | 
            +
              .bootstrap-select
         | 
| 91 | 
            +
                &.btn-group,
         | 
| 92 | 
            +
                &.btn-group[class*="span"]
         | 
| 93 | 
            +
                  margin-bottom: 0
         | 
| 94 | 
            +
                .btn:focus
         | 
| 95 | 
            +
                  outline: 0 !important
         | 
| 96 | 
            +
             | 
| 97 | 
            +
              /* display radio & checkbox in middle */
         | 
| 98 | 
            +
              label.checkbox
         | 
| 99 | 
            +
                padding: 0
         | 
| 100 | 
            +
                input[type="radio"],
         | 
| 101 | 
            +
                input[type="checkbox"]
         | 
| 102 | 
            +
                  margin: 9px 0 0 0
         | 
| 103 | 
            +
             | 
| 104 | 
            +
              /* display radio & checkbox inside label.checkbox */
         | 
| 105 | 
            +
              #fields_to_export
         | 
| 106 | 
            +
                .control-group:first-child
         | 
| 107 | 
            +
                  .controls
         | 
| 108 | 
            +
                    margin-left: 55px
         | 
| 109 | 
            +
                    label.checkbox
         | 
| 110 | 
            +
                      label.checkbox
         | 
| 111 | 
            +
                        margin-left: 21px
         | 
| 112 | 
            +
              label.checkbox
         | 
| 113 | 
            +
                label.checkbox
         | 
| 114 | 
            +
                  display: inline-block
         | 
| 115 | 
            +
                  margin-bottom: 0
         | 
| 116 | 
            +
                  margin-right: 5px
         | 
| 117 | 
            +
                  input[type="radio"],
         | 
| 118 | 
            +
                  input[type="checkbox"]
         | 
| 119 | 
            +
                    margin: 9px 0 0 0
         | 
| 120 | 
            +
             | 
| 121 | 
            +
              /* Hack for list table */
         | 
| 122 | 
            +
              #list .table label.checkbox
         | 
| 123 | 
            +
                .icon,
         | 
| 124 | 
            +
                .icon-to-fade
         | 
| 125 | 
            +
                  top: 5px
         | 
| 126 | 
            +
             | 
| 127 | 
            +
            /* Disabled states */
         | 
| 128 | 
            +
            input[disabled],
         | 
| 129 | 
            +
            select[disabled],
         | 
| 130 | 
            +
            textarea[disabled],
         | 
| 131 | 
            +
            input[readonly],
         | 
| 132 | 
            +
            select[readonly],
         | 
| 133 | 
            +
            textarea[readonly]
         | 
| 134 | 
            +
              &:hover
         | 
| 135 | 
            +
                background-color: $inputDisabledBackground
         | 
| 136 | 
            +
             | 
| 137 | 
            +
             | 
| @@ -0,0 +1,95 @@ | |
| 1 | 
            +
            @import "compass/css3/transition"
         | 
| 2 | 
            +
            @import "compass/css3/opacity"
         | 
| 3 | 
            +
            //***************************************************************
         | 
| 4 | 
            +
            //    FuelUX Overriding by Glyph
         | 
| 5 | 
            +
            //***************************************************************
         | 
| 6 | 
            +
            // ------------------------ Checkbox  ------------------------- //
         | 
| 7 | 
            +
             | 
| 8 | 
            +
             | 
| 9 | 
            +
            .checkbox,
         | 
| 10 | 
            +
            .radio
         | 
| 11 | 
            +
              position: relative
         | 
| 12 | 
            +
              -webkit-backface-visibility: hidden
         | 
| 13 | 
            +
              input
         | 
| 14 | 
            +
                outline: none !important
         | 
| 15 | 
            +
                +opacity(0)
         | 
| 16 | 
            +
              &.checked
         | 
| 17 | 
            +
                .icon
         | 
| 18 | 
            +
                  +opacity(1)
         | 
| 19 | 
            +
                  display: block\9
         | 
| 20 | 
            +
                .icon-to-fade,
         | 
| 21 | 
            +
                  +opacity(0)
         | 
| 22 | 
            +
                  display: none\9
         | 
| 23 | 
            +
              &.disabled,
         | 
| 24 | 
            +
                color: $inputDisabledBackground
         | 
| 25 | 
            +
                cursor: default
         | 
| 26 | 
            +
                &.icon
         | 
| 27 | 
            +
                  opacity: 0
         | 
| 28 | 
            +
                  display: none\9
         | 
| 29 | 
            +
                &.icon-to-fade,
         | 
| 30 | 
            +
                  opacity: 1
         | 
| 31 | 
            +
                  display: block\9
         | 
| 32 | 
            +
                &.checked
         | 
| 33 | 
            +
                  .icon
         | 
| 34 | 
            +
                    opacity: 1
         | 
| 35 | 
            +
                    display: block\9
         | 
| 36 | 
            +
                  .icon-to-fade,
         | 
| 37 | 
            +
                    opacity: 0
         | 
| 38 | 
            +
                    display: none\9
         | 
| 39 | 
            +
              .icon,
         | 
| 40 | 
            +
              .icon-to-fade
         | 
| 41 | 
            +
                position: absolute
         | 
| 42 | 
            +
                left: 0
         | 
| 43 | 
            +
                top: 9px
         | 
| 44 | 
            +
                +opacity(1)
         | 
| 45 | 
            +
                +fontAwesome
         | 
| 46 | 
            +
                -webkit-backface-visibility: hidden
         | 
| 47 | 
            +
              .icon
         | 
| 48 | 
            +
                +opacity(0)
         | 
| 49 | 
            +
                z-index: 1
         | 
| 50 | 
            +
                display: none\9
         | 
| 51 | 
            +
                &:before
         | 
| 52 | 
            +
                  content: "\f046"
         | 
| 53 | 
            +
              .icon-to-fade
         | 
| 54 | 
            +
                &:before
         | 
| 55 | 
            +
                  content: "\f096"
         | 
| 56 | 
            +
             | 
| 57 | 
            +
             | 
| 58 | 
            +
             | 
| 59 | 
            +
            // ------------------------ Spinner  ------------------------- //
         | 
| 60 | 
            +
             | 
| 61 | 
            +
            .spinner
         | 
| 62 | 
            +
              +clearfix
         | 
| 63 | 
            +
              input
         | 
| 64 | 
            +
                float: left
         | 
| 65 | 
            +
             | 
| 66 | 
            +
              .btn
         | 
| 67 | 
            +
                position: relative
         | 
| 68 | 
            +
                width: 20px
         | 
| 69 | 
            +
                height: 14px
         | 
| 70 | 
            +
                padding-top: 0
         | 
| 71 | 
            +
                line-height: 0px
         | 
| 72 | 
            +
                font-size: 10px
         | 
| 73 | 
            +
                padding-right: 9px
         | 
| 74 | 
            +
                padding-left: 9px
         | 
| 75 | 
            +
                &.disabled
         | 
| 76 | 
            +
                  cursor: not-allowed
         | 
| 77 | 
            +
             | 
| 78 | 
            +
              .spinner-buttons
         | 
| 79 | 
            +
                position: relative
         | 
| 80 | 
            +
                float: left
         | 
| 81 | 
            +
                margin-left: -22px
         | 
| 82 | 
            +
                height: 28px
         | 
| 83 | 
            +
                width: 20px
         | 
| 84 | 
            +
                left: 0px
         | 
| 85 | 
            +
             | 
| 86 | 
            +
              .spinner-up
         | 
| 87 | 
            +
                padding: 0 0 4px 1px
         | 
| 88 | 
            +
                top: 2px
         | 
| 89 | 
            +
             | 
| 90 | 
            +
              .spinner-down
         | 
| 91 | 
            +
                padding: 0 0 4px 1px
         | 
| 92 | 
            +
                top: 2px
         | 
| 93 | 
            +
                height: 13px
         | 
| 94 | 
            +
             | 
| 95 | 
            +
             | 
| @@ -0,0 +1,147 @@ | |
| 1 | 
            +
            // /* Jquery UI */
         | 
| 2 | 
            +
            .ui-corner-all
         | 
| 3 | 
            +
              +border-radius($baseBorderRadius)
         | 
| 4 | 
            +
             | 
| 5 | 
            +
            .ui-button
         | 
| 6 | 
            +
              +flaten
         | 
| 7 | 
            +
              background: none
         | 
| 8 | 
            +
             | 
| 9 | 
            +
            .ui-timepicker
         | 
| 10 | 
            +
              .ui-widget-content
         | 
| 11 | 
            +
                border: none
         | 
| 12 | 
            +
             | 
| 13 | 
            +
              .ui-state-default,
         | 
| 14 | 
            +
              .ui-widget-content .ui-state-default,
         | 
| 15 | 
            +
              .ui-widget-header .ui-state-default
         | 
| 16 | 
            +
                +flaten
         | 
| 17 | 
            +
                border-width: 0px
         | 
| 18 | 
            +
                &:hover
         | 
| 19 | 
            +
                  +box-shadow(rgba(0, 0 , 0 , 0.1) 0px 1px 2px 0px inset)
         | 
| 20 | 
            +
                &.ui-state-active
         | 
| 21 | 
            +
                  background-color: $whiteDarker
         | 
| 22 | 
            +
             | 
| 23 | 
            +
            /* Date picker */
         | 
| 24 | 
            +
            .ui-datepicker,
         | 
| 25 | 
            +
            .ui-timepicker
         | 
| 26 | 
            +
              border: 1px solid $whiteDarker
         | 
| 27 | 
            +
              .ui-datepicker-header,
         | 
| 28 | 
            +
              .ui-timepicker-title
         | 
| 29 | 
            +
                +flaten
         | 
| 30 | 
            +
                background-color: $whiteDark
         | 
| 31 | 
            +
              .ui-datepicker-calendar
         | 
| 32 | 
            +
                .ui-datepicker-today
         | 
| 33 | 
            +
                  +box-shadow(none)
         | 
| 34 | 
            +
                .ui-state-default.ui-state-hover.ui-state-active
         | 
| 35 | 
            +
                  background: #5F83B9
         | 
| 36 | 
            +
                  border-color: #5F83B9
         | 
| 37 | 
            +
                  text-shadow: 0 1px 1px #234386
         | 
| 38 | 
            +
             | 
| 39 | 
            +
             | 
| 40 | 
            +
             | 
| 41 | 
            +
            /* Color Picker */
         | 
| 42 | 
            +
             | 
| 43 | 
            +
            .colorpicker
         | 
| 44 | 
            +
              background-position: -3px
         | 
| 45 | 
            +
              width: 350px
         | 
| 46 | 
            +
              height: 170px
         | 
| 47 | 
            +
              overflow: hidden
         | 
| 48 | 
            +
              position: absolute
         | 
| 49 | 
            +
              font-family: Arial, Helvetica, sans-serif
         | 
| 50 | 
            +
              display: none
         | 
| 51 | 
            +
              z-index: 999
         | 
| 52 | 
            +
              input
         | 
| 53 | 
            +
                line-height: normal
         | 
| 54 | 
            +
                width: auto
         | 
| 55 | 
            +
             | 
| 56 | 
            +
            .colorpicker_color
         | 
| 57 | 
            +
              width: 150px
         | 
| 58 | 
            +
              height: 150px
         | 
| 59 | 
            +
              left: 9px
         | 
| 60 | 
            +
              top: 8px
         | 
| 61 | 
            +
              position: absolute
         | 
| 62 | 
            +
              background: #f00
         | 
| 63 | 
            +
              overflow: hidden
         | 
| 64 | 
            +
              cursor: crosshair
         | 
| 65 | 
            +
              border: 2px solid $whiteDarker
         | 
| 66 | 
            +
              div
         | 
| 67 | 
            +
                position: absolute
         | 
| 68 | 
            +
                top: 0
         | 
| 69 | 
            +
                left: 0
         | 
| 70 | 
            +
                width: 150px
         | 
| 71 | 
            +
                height: 150px
         | 
| 72 | 
            +
             | 
| 73 | 
            +
                div
         | 
| 74 | 
            +
                  position: absolute
         | 
| 75 | 
            +
                  top: 0
         | 
| 76 | 
            +
                  left: 0
         | 
| 77 | 
            +
                  width: 11px
         | 
| 78 | 
            +
                  height: 11px
         | 
| 79 | 
            +
                  overflow: hidden
         | 
| 80 | 
            +
             | 
| 81 | 
            +
                  margin: -5px 0 0 -5px
         | 
| 82 | 
            +
             | 
| 83 | 
            +
            .colorpicker_hue
         | 
| 84 | 
            +
              position: absolute
         | 
| 85 | 
            +
              top: 8px
         | 
| 86 | 
            +
              left: 175px
         | 
| 87 | 
            +
              width: 17px
         | 
| 88 | 
            +
              height: 150px
         | 
| 89 | 
            +
              cursor: n-resize
         | 
| 90 | 
            +
             | 
| 91 | 
            +
              border: 2px solid $whiteDarker
         | 
| 92 | 
            +
              div
         | 
| 93 | 
            +
                position: absolute
         | 
| 94 | 
            +
                width: 35px
         | 
| 95 | 
            +
                height: 9px
         | 
| 96 | 
            +
                overflow: hidden
         | 
| 97 | 
            +
             | 
| 98 | 
            +
                margin: -4px 0 0 0
         | 
| 99 | 
            +
                left: -9px
         | 
| 100 | 
            +
             | 
| 101 | 
            +
            .colorpicker_new_color
         | 
| 102 | 
            +
              position: absolute
         | 
| 103 | 
            +
              width: 60px
         | 
| 104 | 
            +
              height: 30px
         | 
| 105 | 
            +
              left: 208px
         | 
| 106 | 
            +
              top: 8px
         | 
| 107 | 
            +
              background: #f00
         | 
| 108 | 
            +
              border: 2px solid $whiteDarker
         | 
| 109 | 
            +
             | 
| 110 | 
            +
            .colorpicker_current_color
         | 
| 111 | 
            +
              position: absolute
         | 
| 112 | 
            +
              width: 60px
         | 
| 113 | 
            +
              height: 30px
         | 
| 114 | 
            +
              left: 278px
         | 
| 115 | 
            +
              top: 8px
         | 
| 116 | 
            +
              background: #f00
         | 
| 117 | 
            +
              border: 2px solid $whiteDarker
         | 
| 118 | 
            +
             | 
| 119 | 
            +
            .colorpicker input
         | 
| 120 | 
            +
              background-color: transparent
         | 
| 121 | 
            +
              border: 1px solid transparent
         | 
| 122 | 
            +
              position: absolute
         | 
| 123 | 
            +
              font-size: 10px
         | 
| 124 | 
            +
              font-family: Arial, Helvetica, sans-serif
         | 
| 125 | 
            +
              color: #898989
         | 
| 126 | 
            +
              top: 2px
         | 
| 127 | 
            +
              right: 10px
         | 
| 128 | 
            +
              text-align: right
         | 
| 129 | 
            +
              margin: 0
         | 
| 130 | 
            +
              padding: 0
         | 
| 131 | 
            +
              height: 13px
         | 
| 132 | 
            +
              width: 30px
         | 
| 133 | 
            +
              border: 1px solid $whiteDarker
         | 
| 134 | 
            +
             | 
| 135 | 
            +
             | 
| 136 | 
            +
            .colorpicker_field
         | 
| 137 | 
            +
              height: 20px
         | 
| 138 | 
            +
              width: 60px
         | 
| 139 | 
            +
              background-position: top
         | 
| 140 | 
            +
              position: absolute
         | 
| 141 | 
            +
              input
         | 
| 142 | 
            +
                width: 30px !important
         | 
| 143 | 
            +
            .colorpicker_hex input
         | 
| 144 | 
            +
              width: 40px !important
         | 
| 145 | 
            +
            .colorpicker_hex.colorpicker_focus
         | 
| 146 | 
            +
              background-position: top
         | 
| 147 | 
            +
             |