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,164 @@
1
+
2
+ .page-header,
3
+ .modal-header
4
+ h1, h3
5
+ +font-bold
6
+
7
+ /* Breadcrumb */
8
+ .breadcrumb
9
+ background: none
10
+ padding: 8px 0
11
+ li
12
+ padding: 4px 8px
13
+ &.false
14
+ padding-right: 0px
15
+ a
16
+ color: $grayLight
17
+
18
+ .divider
19
+ padding: 0 0 0 8px
20
+ color: $grayLight
21
+
22
+ /* Content */
23
+ .content
24
+ /* Navigation Tabs */
25
+ .nav.nav-tabs
26
+ margin-bottom: 0px
27
+ li > a
28
+ +border-radius($baseBorderRadius $baseBorderRadius 0 0)
29
+
30
+ li.active a
31
+ background-color: $whiteDark
32
+
33
+ /* white background */
34
+ li.active.delete_member_link a,
35
+ li.active.globalize_member_link a,
36
+ li.active.dashboard_root_link a,
37
+ li.active.show_member_link a
38
+ background-color: $white
39
+
40
+
41
+ /* Tables style */
42
+ .table
43
+ padding-top: 20px
44
+ border: 1px solid $whiteDark
45
+ border-top: 0px
46
+ .headerSortUp, .headerSortDown
47
+ background-color: $whiteDarker
48
+
49
+ th
50
+ +font-bold
51
+ letter-spacing: 0em
52
+
53
+ th, td
54
+ vertical-align: middle
55
+ line-height: 14px
56
+
57
+ .links a:hover
58
+ color: $gray
59
+
60
+
61
+ /* Styling all */
62
+ .form-horizontal .tab-content .tab-pane
63
+ border-left: 5px solid $whiteDarker
64
+ fieldset
65
+ legend
66
+ float: none
67
+ margin-left: 0
68
+ .tab-content .tab-pane.fields
69
+ border-left: 5px solid darken($whiteDarker, 10%)
70
+ margin-left: 6px
71
+ fieldset
72
+ legend
73
+ i
74
+ margin-left: 20px
75
+
76
+ .form-horizontal.denser
77
+ +tabsContent
78
+ /* Input Group */
79
+ legend
80
+ i
81
+ margin-left: 10px
82
+ font-size: 14px
83
+
84
+ .form-actions
85
+ border: none
86
+
87
+ /* Listing */
88
+ #list
89
+ .table
90
+ margin-top: 20px
91
+
92
+ .pjax-form.form-inline
93
+ margin-bottom: 0px
94
+ .well
95
+ background-color: $whiteDark
96
+ border-top: 0px solid transparent
97
+ margin-bottom: 0px
98
+
99
+ /* Nestable */
100
+ #rails_admin_nestable
101
+ +tabsContent
102
+ padding: 0px 5px
103
+ .checkbox.inline
104
+ margin-top: 10px
105
+ display: inline-block
106
+ padding: 4px 12px
107
+ margin-bottom: 0
108
+ font-size: 14px
109
+ line-height: 20px
110
+ text-align: center
111
+ vertical-align: middle
112
+ cursor: pointer
113
+ color: #333333
114
+ background-color: $btnBackground
115
+ border-color: #f7f7f7 #f7f7f7 #d1d1d1
116
+ border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25)
117
+ border: 1px solid $btnBorder
118
+ -webkit-border-radius: 1px
119
+ -moz-border-radius: 1px
120
+ border-radius: 1px
121
+ &:hover
122
+ background-color: $btnBackgroundHighlight
123
+ input
124
+ margin-right: -20px
125
+ .form-actions
126
+ padding-left: 0
127
+ padding-bottom: 0
128
+
129
+ #tree_nodes
130
+ /* Items */
131
+ .dd-placeholder,
132
+ .dd-empty
133
+ box-size: none
134
+ +flaten
135
+ border-color: $whiteDarker
136
+ background: $white
137
+
138
+ /* Nestable Item */
139
+ .dd-item
140
+ +single-transition(box-shadow, 0.3s, ease)
141
+ .dd3-handle
142
+ font-family: FontAwesome
143
+ &:before
144
+ content: "\f047"
145
+ font-size: 14px
146
+
147
+ .dd-handle,
148
+ .dd3-content
149
+ +flaten
150
+ +border-radius($baseBorderRadius 0 $baseBorderRadius 0 )
151
+ background: $white
152
+ border: 1px solid $whiteDarker
153
+ &:before
154
+ color: $black
155
+
156
+ &:hover
157
+ +box-shadow(0px 0px 3px rgba(0, 0, 0, 0.2) )
158
+ .dd-handle
159
+ cursor: move
160
+
161
+ .dd-dragel
162
+ .dd-item
163
+ +box-shadow(0px 0px 8px rgba(0, 0, 0, 0.2) )
164
+
@@ -0,0 +1,87 @@
1
+ /* New style for all link in nav */
2
+ .navbar .nav > li > a,
3
+ .nav-list > li > a
4
+ +text-shadow(none)
5
+ font-size: 1.1em
6
+
7
+ .nav-header
8
+ font-size: 1.3em
9
+ +font-bold
10
+ margin-top: 20px
11
+
12
+ /* Nav header */
13
+ .navbar-fixed-top .navbar-inner, .navbar-static-top .navbar-inner
14
+ +box-shadow(none)
15
+
16
+ .navbar .brand
17
+ +text-shadow(none)
18
+ text-transform: uppercase
19
+ +font-bold
20
+ padding: 14px 0px 12px 35px
21
+ small
22
+ font-weight: normal
23
+ font-size: 0.6em
24
+ letter-spacing: 0px
25
+
26
+ /* sidebar-nav */
27
+ .well.sidebar-nav
28
+ border-width: 0px
29
+ +box-shadow(none)
30
+ margin-bottom: 0
31
+ border-right: 1px solid $whiteDarker
32
+ background: none
33
+
34
+ .nav-list
35
+ padding-right: 0
36
+
37
+ .nav-list > li > a,
38
+ .nav-list .nav-header
39
+ margin-right: 0px
40
+ margin-left: 0px
41
+
42
+ /* Li states */
43
+ .nav-list > li
44
+ border: 1px solid transparent
45
+ margin-right: -1px
46
+ margin-left: -35px
47
+ margin-bottom: 1px
48
+ +single-transition(all, 0.2s, ease)
49
+ & > a
50
+ padding: 3px 15px 3px 34px
51
+
52
+ .nav.nav-list
53
+ .nav-level-1
54
+ padding-left: 34px + 10px
55
+ .nav-level-2
56
+ padding-left: 34px + 20px
57
+ .nav-level-3
58
+ padding-left: 34px + 30px
59
+
60
+ .nav-list > .active,
61
+ .nav-list > li:hover
62
+ background: $white
63
+ border-color: $whiteDarker
64
+ border-right-color: white
65
+
66
+ /* Links states */
67
+ .nav-list > li
68
+ a
69
+ font-size: 1.1em
70
+
71
+ .nav.nav-list > li > a:hover
72
+ +text-shadow(none)
73
+ color: $black
74
+ background: none
75
+
76
+ .nav-list > .active > a,
77
+ .nav-list > .active > a:hover
78
+ +text-shadow(none)
79
+ color: $black
80
+ background: none
81
+
82
+ /* No states in nav-header */
83
+ .nav-list > li.nav-header,
84
+ .nav-list > li.nav-header:hover
85
+ padding-left: 0px
86
+ border-width: 0px
87
+ background: none
@@ -0,0 +1,63 @@
1
+ /* Flaten style */
2
+ .cke_top,
3
+ .cke_bottom,
4
+ .cke_dialog_title,
5
+ .cke_dialog_footer
6
+ +flaten
7
+ background-color: $whiteDark
8
+ +box-shadow(none)
9
+
10
+ .cke_dialog_ui_input_textarea textarea,
11
+ .cke_dialog_ui_input_text input,
12
+ a.cke_dialog_tab
13
+ +border-radius($baseBorderRadius)
14
+
15
+ a.cke_dialog_ui_button
16
+ +border-radius($baseBorderRadius)
17
+ background-color: $btnBackground
18
+ &:hover,
19
+ &:focus,
20
+ &:active
21
+ background-image: none
22
+ padding: 3px 0px
23
+ border-width: 1px
24
+ background-color: $btnBackgroundHighlight
25
+
26
+ a.cke_dialog_ui_button_ok
27
+ background-color: $btnSuccessBackground
28
+ &:hover,
29
+ &:focus,
30
+ &:active
31
+ background-color: $btnSuccessBackgroundHighlight
32
+
33
+ /* Rich */
34
+ .rich_editor_type
35
+ padding-right: 10px
36
+ .cke_chrome
37
+ border-color: transparent
38
+ +box-shadow(none)
39
+ .cke_toolgroup,
40
+ .cke_combo_button
41
+ +border-radius($baseBorderRadius)
42
+ .cke_top,
43
+ .cke_bottom
44
+ padding: 0
45
+ border: none
46
+ .cke_button
47
+ +flaten
48
+ background-color: $white
49
+ .cke_button_on
50
+ +box-shadow(0 1px 5px rgba(0,0,0,.4) inset,0 1px 0 rgba(0,0,0,.2))
51
+ &:hover
52
+ +box-shadow(0 1px 8px rgba(0,0,0,.4) inset,0 1px 0 rgba(0,0,0,.2))
53
+
54
+ /* Rich modal */
55
+ .cke_dialog_body
56
+ +border-radius($baseBorderRadius)
57
+ .cke_dialog_title
58
+ +border-radius($baseBorderRadius $baseBorderRadius 0 0)
59
+ .cke_dialog_footer
60
+ +border-radius( 0 0 $baseBorderRadius $baseBorderRadius)
61
+
62
+
63
+ +border-radius($baseBorderRadius)
@@ -0,0 +1,67 @@
1
+ ::-webkit-scrollbar
2
+ /* Scrollbars */
3
+ width: 12px
4
+ height: .875em
5
+ background: $bodyBackground
6
+
7
+
8
+ ::-webkit-scrollbar-track-piece
9
+ /* Fond */
10
+ background: transparent none
11
+ -webkit-box-shadow: inset 0 0 0 1px $bodyBackground, inset 0 0 3px 6px darken($white, 5%)
12
+ margin: 1px 0 1px 0
13
+ &:horizontal
14
+ /* Fond pour la barre du bas */
15
+ margin: 0 1px 0 1px
16
+
17
+
18
+ ::-webkit-scrollbar-thumb
19
+ /* Barre */
20
+ background: transparent
21
+ -webkit-box-shadow: inset 0 0 0 1px darken($white, 20%), inset 0 0 0 6px darken($white, 10%)
22
+ -webkit-border-radius: 0
23
+ border: solid 0px transparent
24
+ border-right-width: 1px
25
+ border-left-width: 1px
26
+ &:hover
27
+ /* Barre */
28
+ -webkit-box-shadow: inset 0 0 0 1px darken($white, 30%), inset 0 0 0 6px darken($white, 20%)
29
+
30
+ &:horizontal
31
+ /* Barre du bas */
32
+ border-right-width: 0px
33
+ border-left-width: 0px
34
+ border-top-width: 1px
35
+ border-bottom-width: 1px
36
+
37
+ &:window-inactive
38
+ -webkit-box-shadow: inset 0 0 0 1px darken($white, 10%), inset 0 0 0 6px darken($white, 5%)
39
+
40
+ ::-webkit-scrollbar-corner
41
+ /* Coin de la fenêtre */
42
+ background: $bodyBackground
43
+
44
+ ::-webkit-scrollbar-button
45
+ /* Boutons */
46
+ height: 20px
47
+ background: $bodyBackground url('/assets/rails_admin/themes/glyph/images/sprites-arrows-vert.png') no-repeat center top
48
+
49
+
50
+ ::-webkit-scrollbar-button:increment
51
+ /* Bouton pour descendre */
52
+ background-position: center bottom
53
+
54
+ ::-webkit-scrollbar-button:horizontal
55
+ /* Boutons horizontaux */
56
+ width: 20px
57
+ background: $bodyBackground url('/assets/rails_admin/themes/glyph/images/sprites-arrows-hor.png') no-repeat left center
58
+
59
+ ::-webkit-scrollbar-button:horizontal:increment
60
+ /* Bouton pour aller à droite */
61
+ background-position: right center
62
+
63
+
64
+ body
65
+ ::-webkit-scrollbar
66
+ background: transparent none
67
+
@@ -0,0 +1,29 @@
1
+ @mixin font-bold
2
+ font-weight: 500
3
+
4
+ @mixin flaten
5
+ background-image: none
6
+ filter: none
7
+
8
+ @mixin fontAwesome
9
+ font-family: FontAwesome
10
+ font-weight: normal
11
+ font-style: normal
12
+ text-decoration: inherit
13
+ -webkit-font-smoothing: antialiased
14
+ /* sprites.less reset */
15
+ display: inline
16
+ width: auto
17
+ height: auto
18
+ line-height: normal
19
+ vertical-align: baseline
20
+ background-image: none
21
+ background-position: 0% 0%
22
+ background-repeat: repeat
23
+
24
+ @mixin tabsContent
25
+ margin-bottom: 20px
26
+ border: 1px solid $whiteDarker
27
+ border-top: none
28
+ @include border-radius($baseBorderRadius)
29
+ background-color: $whiteDark
@@ -0,0 +1,96 @@
1
+ /* Compass importes
2
+ @import "compass/css3/text-shadow"
3
+ @import "compass/css3/transition"
4
+ @import "compass/css3/inline-block"
5
+
6
+ @import "rails_admin/themes/glyph/scrollbar"
7
+
8
+ /* Hack with modernizr about box-sizing */
9
+ html.padding-added-to-minheight
10
+ body.glyph-theme-js
11
+ /* FileUpload */
12
+ .fileupload
13
+ .uneditable-input[class*="span"]
14
+ min-height: 20px
15
+
16
+ body.rails_admin
17
+ padding-top: 50px
18
+
19
+ /* Import style if js theme is present */
20
+ &.glyph-theme-js
21
+ @import "rails_admin/themes/glyph/bootstrap-fileupload"
22
+ @import "rails_admin/themes/glyph/bootstrap-select.min"
23
+ @import "rails_admin/themes/glyph/fuelUX"
24
+
25
+ /* Import render styles */
26
+ @import "rails_admin/themes/glyph/jquery-ui"
27
+ @import "rails_admin/themes/glyph/navigation"
28
+ @import "rails_admin/themes/glyph/form"
29
+ @import "rails_admin/themes/glyph/button"
30
+ @import "rails_admin/themes/glyph/middle-content"
31
+ @import "rails_admin/themes/glyph/dropdown"
32
+ @import "rails_admin/themes/glyph/rich-editor"
33
+
34
+ /* all */
35
+ .well
36
+ +box-shadow(none)
37
+ border: 1px solid $whiteDarker
38
+
39
+ a
40
+ +single-transition(all, 0.3s, ease)
41
+ &:hover
42
+ text-decoration: none
43
+ &:focus
44
+ outline: none
45
+ &.link-img
46
+ +inline-block
47
+ margin: auto
48
+
49
+ .icon-white
50
+ color: white
51
+
52
+ .img-polaroid
53
+ padding: 0
54
+
55
+ /* Modal */
56
+ .modal
57
+ +border-radius(0px)
58
+ .modal-body
59
+ background-color: $whiteDark
60
+ .modal-footer
61
+ border: none
62
+ background-color: $whiteDark
63
+ +box-shadow(none)
64
+
65
+ /* Label & badge*/
66
+ .badge
67
+ +border-radius($borderRadiusLarge)
68
+ padding: 2px 6px
69
+ .label
70
+ +border-radius($baseBorderRadius)
71
+ +font-bold
72
+ letter-spacing: 0px
73
+ &.label-info
74
+ background-color: $btnInfoBackground
75
+
76
+ /* Progress bars */
77
+ .progress .bar
78
+ +flaten
79
+ line-height: 20px
80
+
81
+ /* Pagination */
82
+ .pagination
83
+ ul
84
+ +box-shadow(none)
85
+ li a
86
+ background-color: $white
87
+ border: 1px solid $whiteDarker
88
+ color: $grayLight
89
+ margin: 0px 1px
90
+ li a:hover,
91
+ li.active a
92
+ background: lighten($whiteDarker, 7%)
93
+ color: $black
94
+ border: 1px solid $grayLight
95
+
96
+