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.
Files changed (32) hide show
  1. checksums.yaml +7 -0
  2. data/MIT-LICENSE +20 -0
  3. data/README.rdoc +10 -0
  4. data/Rakefile +27 -0
  5. data/lib/rails_admin_glyph_theme.rb +4 -0
  6. data/lib/rails_admin_glyph_theme/engine.rb +7 -0
  7. data/lib/rails_admin_glyph_theme/version.rb +3 -0
  8. data/vendor/assets/javascripts/rails_admin_glyph_theme/lib/bootstrap-fileupload.min.js +7 -0
  9. data/vendor/assets/javascripts/rails_admin_glyph_theme/lib/bootstrap-select.min.js +1 -0
  10. data/vendor/assets/javascripts/rails_admin_glyph_theme/lib/custom_checkbox_and_radio.js +42 -0
  11. data/vendor/assets/javascripts/rails_admin_glyph_theme/lib/custom_radio.js +28 -0
  12. data/vendor/assets/javascripts/rails_admin_glyph_theme/lib/modernizr-custom.js +12 -0
  13. data/vendor/assets/javascripts/rails_admin_glyph_theme/lib/spinner.js +198 -0
  14. data/vendor/assets/javascripts/rails_admin_glyph_theme/src/glyph-theme.coffee +125 -0
  15. data/vendor/assets/javascripts/rails_admin_glyph_theme/theme.js +3 -0
  16. data/vendor/assets/stylesheets/rails_admin/themes/glyph/_bootstrap-fileupload.css +128 -0
  17. data/vendor/assets/stylesheets/rails_admin/themes/glyph/_bootstrap-select.min.css +1 -0
  18. data/vendor/assets/stylesheets/rails_admin/themes/glyph/_button.css.sass +27 -0
  19. data/vendor/assets/stylesheets/rails_admin/themes/glyph/_dropdown.css.sass +37 -0
  20. data/vendor/assets/stylesheets/rails_admin/themes/glyph/_form.css.sass +137 -0
  21. data/vendor/assets/stylesheets/rails_admin/themes/glyph/_fuelUX.css.sass +95 -0
  22. data/vendor/assets/stylesheets/rails_admin/themes/glyph/_jquery-ui.css.sass +147 -0
  23. data/vendor/assets/stylesheets/rails_admin/themes/glyph/_middle-content.css.sass +164 -0
  24. data/vendor/assets/stylesheets/rails_admin/themes/glyph/_navigation.css.sass +87 -0
  25. data/vendor/assets/stylesheets/rails_admin/themes/glyph/_rich-editor.css.sass +63 -0
  26. data/vendor/assets/stylesheets/rails_admin/themes/glyph/_scrollbar.css.sass +67 -0
  27. data/vendor/assets/stylesheets/rails_admin/themes/glyph/images/sprites-arrows-hor.png +0 -0
  28. data/vendor/assets/stylesheets/rails_admin/themes/glyph/images/sprites-arrows-vert.png +0 -0
  29. data/vendor/assets/stylesheets/rails_admin/themes/glyph/mixins.css.sass +29 -0
  30. data/vendor/assets/stylesheets/rails_admin/themes/glyph/theming.css.sass +96 -0
  31. data/vendor/assets/stylesheets/rails_admin/themes/glyph/variables.css.sass +230 -0
  32. metadata +73 -0
@@ -0,0 +1,3 @@
1
+ //= require_tree ./lib
2
+ //= require_tree ./src
3
+
@@ -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
+