rails_admin_glyph_theme 0.0.2

Sign up to get free protection for your applications and to get access to all the features.
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
+