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