trestle-tinymce 0.2.1 → 0.3.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (126) hide show
  1. checksums.yaml +4 -4
  2. data/app/assets/javascripts/tinymce/skins/ui/content.css +607 -0
  3. data/app/assets/javascripts/tinymce/skins/ui/content.inline.css +601 -0
  4. data/app/assets/javascripts/tinymce/skins/ui/content.inline.min.css +8 -0
  5. data/app/assets/javascripts/tinymce/skins/ui/content.inline.min.css.map +1 -0
  6. data/app/assets/javascripts/tinymce/skins/ui/content.min.css +8 -0
  7. data/app/assets/javascripts/tinymce/skins/ui/content.min.css.map +1 -0
  8. data/app/assets/javascripts/tinymce/skins/ui/content.mobile.css +29 -0
  9. data/app/assets/javascripts/tinymce/skins/ui/content.mobile.min.css +8 -0
  10. data/app/assets/javascripts/tinymce/skins/ui/content.mobile.min.css.map +1 -0
  11. data/app/assets/javascripts/tinymce/skins/ui/fonts/tinymce-mobile.woff +0 -0
  12. data/app/assets/javascripts/tinymce/skins/ui/skin.css +2910 -0
  13. data/app/assets/javascripts/tinymce/skins/ui/skin.min.css +8 -0
  14. data/app/assets/javascripts/tinymce/skins/ui/skin.min.css.map +1 -0
  15. data/app/assets/javascripts/tinymce/skins/ui/skin.mobile.css +673 -0
  16. data/app/assets/javascripts/tinymce/skins/ui/skin.mobile.min.css +8 -0
  17. data/app/assets/javascripts/tinymce/skins/ui/skin.mobile.min.css.map +1 -0
  18. data/app/assets/javascripts/tinymce/skins/ui/trestle/content.css +607 -0
  19. data/app/assets/javascripts/tinymce/skins/ui/trestle/content.inline.css +601 -0
  20. data/app/assets/javascripts/tinymce/skins/ui/trestle/content.inline.min.css +8 -0
  21. data/app/assets/javascripts/tinymce/skins/ui/trestle/content.inline.min.css.map +1 -0
  22. data/app/assets/javascripts/tinymce/skins/ui/trestle/content.min.css +8 -0
  23. data/app/assets/javascripts/tinymce/skins/ui/trestle/content.min.css.map +1 -0
  24. data/app/assets/javascripts/tinymce/skins/ui/trestle/content.mobile.css +29 -0
  25. data/app/assets/javascripts/tinymce/skins/ui/trestle/content.mobile.min.css +8 -0
  26. data/app/assets/javascripts/tinymce/skins/ui/trestle/content.mobile.min.css.map +1 -0
  27. data/app/assets/javascripts/tinymce/skins/ui/trestle/fonts/tinymce-mobile.woff +0 -0
  28. data/app/assets/javascripts/tinymce/skins/ui/trestle/skin.css +2925 -0
  29. data/app/assets/javascripts/tinymce/skins/ui/trestle/skin.min.css +8 -0
  30. data/app/assets/javascripts/tinymce/skins/ui/trestle/skin.min.css.map +1 -0
  31. data/app/assets/javascripts/tinymce/skins/ui/trestle/skin.mobile.css +673 -0
  32. data/app/assets/javascripts/tinymce/skins/ui/trestle/skin.mobile.min.css +8 -0
  33. data/app/assets/javascripts/tinymce/skins/ui/trestle/skin.mobile.min.css.map +1 -0
  34. data/lib/trestle/tinymce/version.rb +1 -1
  35. data/src/trestle/content.inline.less +8 -0
  36. data/src/trestle/content.less +16 -0
  37. data/src/trestle/content.mobile.less +16 -0
  38. data/src/trestle/skin.less +264 -0
  39. data/src/trestle/skin.mobile.less +12 -0
  40. data/trestle-tinymce.gemspec +1 -1
  41. metadata +40 -88
  42. data/Gruntfile.js +0 -77
  43. data/app/assets/javascripts/tinymce/skins/trestle/_skin-lightgray.scss +0 -2415
  44. data/app/assets/javascripts/tinymce/skins/trestle/content.inline.min.css +0 -182
  45. data/app/assets/javascripts/tinymce/skins/trestle/content.min.css +0 -201
  46. data/app/assets/javascripts/tinymce/skins/trestle/fonts/tinymce-small.eot +0 -0
  47. data/app/assets/javascripts/tinymce/skins/trestle/fonts/tinymce-small.svg +0 -63
  48. data/app/assets/javascripts/tinymce/skins/trestle/fonts/tinymce-small.ttf +0 -0
  49. data/app/assets/javascripts/tinymce/skins/trestle/fonts/tinymce-small.woff +0 -0
  50. data/app/assets/javascripts/tinymce/skins/trestle/fonts/tinymce.eot +0 -0
  51. data/app/assets/javascripts/tinymce/skins/trestle/fonts/tinymce.svg +0 -131
  52. data/app/assets/javascripts/tinymce/skins/trestle/fonts/tinymce.ttf +0 -0
  53. data/app/assets/javascripts/tinymce/skins/trestle/fonts/tinymce.woff +0 -0
  54. data/app/assets/javascripts/tinymce/skins/trestle/img/anchor.gif +0 -0
  55. data/app/assets/javascripts/tinymce/skins/trestle/img/loader.gif +0 -0
  56. data/app/assets/javascripts/tinymce/skins/trestle/img/object.gif +0 -0
  57. data/app/assets/javascripts/tinymce/skins/trestle/img/trans.gif +0 -0
  58. data/app/assets/javascripts/tinymce/skins/trestle/skin.min.scss +0 -66
  59. data/package.json +0 -14
  60. data/src/trestle/fonts/readme.md +0 -1
  61. data/src/trestle/fonts/tinymce-small.eot +0 -0
  62. data/src/trestle/fonts/tinymce-small.json +0 -1277
  63. data/src/trestle/fonts/tinymce-small.svg +0 -63
  64. data/src/trestle/fonts/tinymce-small.ttf +0 -0
  65. data/src/trestle/fonts/tinymce-small.woff +0 -0
  66. data/src/trestle/fonts/tinymce.eot +0 -0
  67. data/src/trestle/fonts/tinymce.json +0 -3469
  68. data/src/trestle/fonts/tinymce.svg +0 -131
  69. data/src/trestle/fonts/tinymce.ttf +0 -0
  70. data/src/trestle/fonts/tinymce.woff +0 -0
  71. data/src/trestle/img/anchor.gif +0 -0
  72. data/src/trestle/img/loader.gif +0 -0
  73. data/src/trestle/img/object.gif +0 -0
  74. data/src/trestle/img/trans.gif +0 -0
  75. data/src/trestle/less/AbsoluteLayout.less +0 -17
  76. data/src/trestle/less/Animations.less +0 -10
  77. data/src/trestle/less/Arrows.less +0 -115
  78. data/src/trestle/less/Button.less +0 -175
  79. data/src/trestle/less/ButtonGroup.less +0 -71
  80. data/src/trestle/less/Checkbox.less +0 -49
  81. data/src/trestle/less/ColorBox.less +0 -6
  82. data/src/trestle/less/ColorButton.less +0 -72
  83. data/src/trestle/less/ColorPicker.less +0 -80
  84. data/src/trestle/less/ComboBox.less +0 -97
  85. data/src/trestle/less/Container.less +0 -9
  86. data/src/trestle/less/Content.Inline.less +0 -4
  87. data/src/trestle/less/Content.Objects.less +0 -189
  88. data/src/trestle/less/Content.less +0 -27
  89. data/src/trestle/less/CropRect.less +0 -62
  90. data/src/trestle/less/FieldSet.less +0 -15
  91. data/src/trestle/less/FitLayout.less +0 -9
  92. data/src/trestle/less/FloatPanel.less +0 -69
  93. data/src/trestle/less/FlowLayout.less +0 -36
  94. data/src/trestle/less/Icons.less +0 -182
  95. data/src/trestle/less/Iframe.less +0 -6
  96. data/src/trestle/less/ImagePanel.less +0 -25
  97. data/src/trestle/less/InfoBox.less +0 -71
  98. data/src/trestle/less/Label.less +0 -38
  99. data/src/trestle/less/ListBox.less +0 -26
  100. data/src/trestle/less/Menu.less +0 -34
  101. data/src/trestle/less/MenuBar.less +0 -32
  102. data/src/trestle/less/MenuButton.less +0 -34
  103. data/src/trestle/less/MenuItem.less +0 -176
  104. data/src/trestle/less/Mixins.less +0 -54
  105. data/src/trestle/less/Notification.less +0 -142
  106. data/src/trestle/less/Panel.less +0 -7
  107. data/src/trestle/less/Path.less +0 -45
  108. data/src/trestle/less/Progress.less +0 -34
  109. data/src/trestle/less/Radio.less +0 -1
  110. data/src/trestle/less/Reset.less +0 -32
  111. data/src/trestle/less/ResizeHandle.less +0 -18
  112. data/src/trestle/less/Scrollable.less +0 -44
  113. data/src/trestle/less/SelectBox.less +0 -6
  114. data/src/trestle/less/Sidebar.less +0 -49
  115. data/src/trestle/less/Skin.less +0 -48
  116. data/src/trestle/less/Slider.less +0 -33
  117. data/src/trestle/less/Spacer.less +0 -5
  118. data/src/trestle/less/SplitButton.less +0 -49
  119. data/src/trestle/less/StackLayout.less +0 -5
  120. data/src/trestle/less/TabPanel.less +0 -44
  121. data/src/trestle/less/TextBox.less +0 -41
  122. data/src/trestle/less/Throbber.less +0 -19
  123. data/src/trestle/less/TinyMCE.less +0 -218
  124. data/src/trestle/less/ToolTip.less +0 -133
  125. data/src/trestle/less/Variables.less +0 -224
  126. data/src/trestle/less/Window.less +0 -127
@@ -1,19 +0,0 @@
1
- // Throbber
2
-
3
- .@{prefix}-throbber {
4
- position: absolute;
5
- top: 0; left: 0;
6
- width: 100%; height: 100%;
7
- .opacity(0.6);
8
- background: @throbber-bg;
9
- }
10
-
11
- .@{prefix}-throbber-inline {
12
- position: static;
13
- height: 50px;
14
- }
15
-
16
- .@{prefix}-menu .@{prefix}-throbber-inline {
17
- height: 25px;
18
- background-size: contain;
19
- }
@@ -1,218 +0,0 @@
1
- .@{prefix}-tinymce {
2
- // Avoid FOUC
3
- visibility: inherit !important;
4
- position: relative;
5
- }
6
-
7
- .@{prefix}-fullscreen {
8
- border: 0; padding: 0; margin: 0;
9
- overflow: hidden;
10
- height: 100%;
11
- z-index: 100;
12
- }
13
-
14
- div.@{prefix}-fullscreen {
15
- position: fixed;
16
- top: 0; left: 0;
17
- width: 100%;
18
- height: auto;
19
- }
20
-
21
- .@{prefix}-tinymce {
22
- display: block;
23
- .border-radius(2px);
24
- }
25
-
26
- .@{prefix}-wordcount {
27
- position: absolute;
28
- top: 0;
29
- right: 0;
30
- padding: 8px;
31
- }
32
-
33
- div.@{prefix}-edit-area {
34
- background: #FFF;
35
- filter: none;
36
- }
37
-
38
- .@{prefix}-statusbar {
39
- position: relative;
40
- }
41
-
42
- .@{prefix}-statusbar .@{prefix}-container-body {
43
- position: relative;
44
- }
45
-
46
- .@{prefix}-fullscreen .@{prefix}-resizehandle {
47
- display: none;
48
- }
49
-
50
- // Charmap
51
-
52
- .@{prefix}-charmap {
53
- border-collapse: collapse;
54
- }
55
-
56
- .@{prefix}-charmap td {
57
- cursor: default;
58
- border: 1px solid @panel-border;
59
- width: 20px;
60
- height: 20px;
61
- line-height: 20px;
62
- text-align: center;
63
- vertical-align: middle;
64
- padding: 2px;
65
- }
66
-
67
- .@{prefix}-charmap td div {
68
- text-align: center;
69
- }
70
-
71
- .@{prefix}-charmap td:hover {
72
- background: @btn-bg-hlight;
73
- }
74
-
75
- .@{prefix}-grid td.@{prefix}-grid-cell div {
76
- border: 1px solid @grid-border;
77
- width: 15px; height: 15px;
78
- margin: 0px;
79
- cursor: pointer;
80
-
81
- &:focus {
82
- border-color: @grid-border-active;
83
- }
84
-
85
- &[disabled] {
86
- cursor: not-allowed;
87
- }
88
- }
89
-
90
- .@{prefix}-grid {
91
- border-spacing: 2px;
92
- border-collapse: separate;
93
-
94
- a {
95
- display: block;
96
- border: 1px solid transparent;
97
-
98
- &:hover, &:focus {
99
- border-color: @grid-border-active;
100
- }
101
- }
102
- }
103
-
104
- .@{prefix}-grid-border {
105
- margin: 0 4px 0 4px;
106
-
107
- a {
108
- border-color: @grid-border;
109
- width: 13px; height: 13px;
110
- }
111
-
112
- a:hover, a.@{prefix}-active {
113
- border-color: @grid-border-active;
114
- background: @grid-bg-active;
115
- }
116
- }
117
-
118
- .@{prefix}-text-center {
119
- text-align: center;
120
- }
121
-
122
- div.@{prefix}-tinymce-inline {
123
- width: 100%;
124
- .box-shadow(none);
125
- }
126
-
127
- .@{prefix}-colorbtn-trans div {
128
- text-align: center;
129
- vertical-align: middle;
130
- font-weight: bold;
131
- font-size: 20px;
132
- line-height: 16px;
133
- color: mix(@text, #fff, 70%);
134
- }
135
-
136
- .@{prefix}-monospace {
137
- font-family: "Courier New", Courier, monospace;
138
- }
139
-
140
- // Reduce double margins between toolbar rows
141
-
142
- .@{prefix}-toolbar-grp when (@has-button-borders = false) {
143
- padding: @flow-layout-spacing 0;
144
- }
145
-
146
- .@{prefix}-toolbar-grp when (@has-button-borders = true) {
147
- padding-bottom: 2px;
148
- }
149
-
150
- .@{prefix}-toolbar-grp .@{prefix}-flow-layout-item {
151
- margin-bottom: 0;
152
- }
153
-
154
- // RTL
155
-
156
- .@{prefix}-rtl .@{prefix}-wordcount {
157
- left: 0;
158
- right: auto;
159
- }
160
-
161
- // Styles for inline dialog elements
162
-
163
- .@{prefix}-container b {
164
- font-weight: bold;
165
- }
166
-
167
- .@{prefix}-container p {
168
- margin-bottom: 5px;
169
- }
170
-
171
- .@{prefix}-container a {
172
- cursor: pointer;
173
- color: @text-link;
174
- &:hover {
175
- text-decoration: underline;
176
- }
177
- }
178
-
179
- .@{prefix}-container ul {
180
- margin-left: 15px;
181
- }
182
-
183
- .@{prefix}-container .@{prefix}-table-striped {
184
- border-collapse: collapse;
185
- margin: 10px;
186
- thead > tr {
187
- background-color: @table-row-even;
188
- th {
189
- font-weight: bold;
190
- }
191
- }
192
- td, th {
193
- padding: 5px;
194
- }
195
- tr:nth-child(even) {
196
- background-color: @table-row-even;
197
- }
198
- tbody > tr:hover {
199
- background-color: @table-row-hover;
200
- }
201
- }
202
-
203
- .@{prefix}-branding-powered-by {
204
- .vertical-gradient(@panel-bg, @panel-bg-hlight);
205
- position: absolute;
206
- right: 0;
207
- bottom: 0;
208
- width: 91px;
209
- height: 9px;
210
- margin-right: -1px; // Covers right border
211
- margin-bottom: -1px; // Covers statusbar border
212
- border: 1px solid @tab-border;
213
- border-width: 1px 1px 0 1px;
214
- padding: 6px 6px 0 6px;
215
- background-image: url('data:image/gif;base64,R0lGODlhXwAJAIABAIiIiAAAACH5BAEKAAEALAAAAABfAAkAAAJxhBGpy+2PUnzqGNpmPNJqDIZSJY4m+KXLF3At2V6xPFfuvMF6J6fINTnhTr9XcaRC6pKvFYlZjDIszaXRSA3ijlXo9AlWindaldSJthJ55XAz6+ZWbVCOdojP77p8J8vlUSI4SHEnaEiYqOhARdhIWAAAOw');
216
- background-repeat: no-repeat;
217
- background-position: center center;
218
- }
@@ -1,133 +0,0 @@
1
- // Tooltip
2
-
3
- .@{prefix}-tooltip {
4
- position: absolute;
5
- padding: 5px;
6
- .opacity(0.8);
7
- }
8
-
9
- .@{prefix}-tooltip-inner {
10
- font-size: @tooltip-font-size;
11
- background-color: @tooltip-bg;
12
- color: @tooltip-text;
13
- max-width: 200px;
14
- padding: 5px 8px 4px 8px;
15
- text-align: center;
16
- white-space: normal;
17
- }
18
-
19
- .@{prefix}-tooltip-inner {
20
- .border-radius(3px);
21
- }
22
-
23
- .@{prefix}-tooltip-inner {
24
- .box-shadow(0 0 5px @tooltip-bg);
25
- }
26
-
27
- .@{prefix}-tooltip-arrow {
28
- position: absolute;
29
- width: 0;
30
- height: 0;
31
- line-height: 0;
32
- border: 5px dashed @tooltip-bg;
33
- }
34
-
35
- .@{prefix}-tooltip-arrow-n {
36
- border-bottom-color: @tooltip-bg;
37
- }
38
-
39
- .@{prefix}-tooltip-arrow-s {
40
- border-top-color: @tooltip-bg;
41
- }
42
-
43
- .@{prefix}-tooltip-arrow-e {
44
- border-left-color: @tooltip-bg;
45
- }
46
-
47
- .@{prefix}-tooltip-arrow-w {
48
- border-right-color: @tooltip-bg;
49
- }
50
-
51
- .@{prefix}-tooltip-nw, .@{prefix}-tooltip-sw {
52
- margin-left: -14px;
53
- }
54
-
55
- .@{prefix}-tooltip-ne, .@{prefix}-tooltip-se {
56
- margin-left: 14px;
57
- }
58
-
59
- .@{prefix}-tooltip-n .@{prefix}-tooltip-arrow {
60
- top: 0px;
61
- left: 50%;
62
- margin-left: -5px;
63
- border-bottom-style: solid;
64
- border-top: none;
65
- border-left-color: transparent;
66
- border-right-color: transparent;
67
- }
68
-
69
- .@{prefix}-tooltip-nw .@{prefix}-tooltip-arrow {
70
- top: 0;
71
- left: 10px;
72
- border-bottom-style: solid;
73
- border-top: none;
74
- border-left-color: transparent;
75
- border-right-color: transparent;
76
- }
77
-
78
- .@{prefix}-tooltip-ne .@{prefix}-tooltip-arrow {
79
- top: 0;
80
- right: 10px;
81
- border-bottom-style: solid;
82
- border-top: none;
83
- border-left-color: transparent;
84
- border-right-color: transparent;
85
- }
86
-
87
- .@{prefix}-tooltip-s .@{prefix}-tooltip-arrow {
88
- bottom: 0;
89
- left: 50%;
90
- margin-left: -5px;
91
- border-top-style: solid;
92
- border-bottom: none;
93
- border-left-color: transparent;
94
- border-right-color: transparent;
95
- }
96
-
97
- .@{prefix}-tooltip-sw .@{prefix}-tooltip-arrow {
98
- bottom: 0;
99
- left: 10px;
100
- border-top-style: solid;
101
- border-bottom: none;
102
- border-left-color: transparent;
103
- border-right-color: transparent;
104
- }
105
-
106
- .@{prefix}-tooltip-se .@{prefix}-tooltip-arrow {
107
- bottom: 0;
108
- right: 10px;
109
- border-top-style: solid;
110
- border-bottom: none;
111
- border-left-color: transparent;
112
- border-right-color: transparent;
113
- }
114
-
115
- .@{prefix}-tooltip-e .@{prefix}-tooltip-arrow {
116
- right: 0;
117
- top: 50%;
118
- margin-top: -5px;
119
- border-left-style: solid;
120
- border-right: none;
121
- border-top-color: transparent;
122
- border-bottom-color: transparent;
123
- }
124
-
125
- .@{prefix}-tooltip-w .@{prefix}-tooltip-arrow {
126
- left: 0;
127
- top: 50%;
128
- margin-top: -5px;
129
- border-right-style: solid;
130
- border-left: none;
131
- border-top-color: transparent;
132
- border-bottom-color: transparent;
133
- }
@@ -1,224 +0,0 @@
1
- // Variables
2
- // Syntax: <control>-(<sub control>)-<bg|border|text>-(<state>)-(<extra>);
3
- // Example: @btn-primary-bg-hover-hlight;
4
-
5
- @prefix: mce;
6
-
7
- // Default font
8
- @font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
9
- @font-size: 14px;
10
- @line-height: 20px;
11
- @has-gradients: false;
12
- @has-radius: false;
13
- @has-boxshadow: false;
14
- @has-button-borders: false;
15
-
16
- // Text colors
17
- @text: #333;
18
- @text-inverse: white;
19
- @text-disabled: #aaa;
20
- @text-shadow: 0 1px 1px hsla(hue(@text-inverse), saturation(@text-inverse), lightness(@text-inverse), 0.75);
21
- @text-error: #b94a48;
22
- @text-warning: #c09853;
23
- @text-success: #468847;
24
- @text-link: #2980b9;
25
-
26
- // Button
27
- @btn-text: @text;
28
- @btn-text-shadow: none;
29
- @btn-border-top: transparent;
30
- @btn-border-right: transparent;
31
- @btn-border-bottom: transparent;
32
- @btn-border-left: transparent;
33
- @btn-caret-border: @btn-text;
34
- @btn-text-disabled: @text-disabled;
35
- @btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
36
- @btn-box-shadow-active: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05);
37
- @btn-box-disabled-opacity: 0.4;
38
- @btn-bg: white;
39
- @btn-bg-hlight: #D9D9D9;
40
- @btn-bg-hover: darken(@btn-bg, 5%);
41
- @btn-bg-hlight-hover: darken(@btn-bg-hlight, 5%);
42
- @btn-border-hover: darken(@btn-bg, 20%);
43
- @btn-border-active: darken(@btn-bg, 20%);
44
- @btn-padding: 4px 8px;
45
-
46
- @btn-primary-bg: #2980b9;
47
- @btn-primary-bg-hlight: #3498db;
48
- @btn-primary-bg-hover: darken(@btn-primary-bg, 5%);
49
- @btn-primary-bg-hover-hlight: darken(@btn-primary-bg-hlight, 5%);
50
- @btn-primary-text: #fff;
51
- @btn-primary-text-shadow: none;
52
- @btn-primary-border-top: mix(@btn-border-top, @btn-primary-bg, 50%);
53
- @btn-primary-border-right: mix(@btn-border-right, @btn-primary-bg, 50%);
54
- @btn-primary-border-bottom: mix(@btn-border-bottom, @btn-primary-bg, 50%);
55
- @btn-primary-border-left: mix(@btn-border-left, @btn-primary-bg, 50%);
56
- @btn-primary-border: transparent;
57
- @btn-primary-border-hover: transparent;
58
-
59
- // Button group
60
- @btn-group-border-width: 1px;
61
-
62
- // Menu
63
- @menuitem-text: @text;
64
- @menu-bg: #fff;
65
- @menu-margin: -1px 0 0;
66
- @menu-border: rgba(0, 0, 0, 0.2);
67
- @menubar-border: mix(@panel-border, @panel-bg, 60%);
68
- @menuitem-text-inverse: @text-inverse;
69
- @menubar-bg-active: darken(@btn-bg, 10%);
70
- @menuitem-bg-hover: #0081C2;
71
- @menuitem-bg-selected: #2980b9;
72
- @menuitem-bg-selected-hlight: #3498db;
73
- @menuitem-bg-disabled: #CCC;
74
- @menuitem-caret: @menuitem-text;
75
- @menuitem-caret-selected: @menuitem-text-inverse;
76
- @menuitem-separator-top: transparent;
77
- @menuitem-separator-bottom: rgba(0,0,0,0.1);
78
- @menuitem-bg-active: #3498db;
79
- @menuitem-text-active: @text-inverse;
80
- @menuitem-preview-border-active: #aaa;
81
- @menubar-menubtn-text: #333;
82
-
83
- // Panel
84
- @panel-border: rgba(0,0,0,.2);
85
- @panel-bg: #FDFDFD;
86
- @panel-bg-hlight: #DDD;
87
-
88
- // Tabs
89
- @tab-border: #c5c5c5;
90
- @tab-bg: #ffffff;
91
- @tab-bg-hover: #FDFDFD;
92
- @tab-bg-active: #FDFDFD;
93
- @tabs-bg: #FFF;
94
-
95
- // Tooltip
96
- @tooltip-bg: #000;
97
- @tooltip-text: white;
98
- @tooltip-font-size: 11px;
99
-
100
- // Notification
101
- @notification-font-size: 14px;
102
- @notification-bg: #F0F0F0;
103
- @notification-border: #CCCCCC;
104
- @notification-text: #333333;
105
- @notification-success-bg: #dff0d8;
106
- @notification-success-border: #d6e9c6;
107
- @notification-success-text: #3c763d;
108
- @notification-info-bg: #d9edf7;
109
- @notification-info-border: #779ECB;
110
- @notification-info-text: #31708f;
111
- @notification-warning-bg: #fcf8e3;
112
- @notification-warning-border: #faebcc;
113
- @notification-warning-text: #8a6d3b;
114
- @notification-error-bg: #f2dede;
115
- @notification-error-border: #ebccd1;
116
- @notification-error-text: #a94442;
117
-
118
- // Infobox
119
- @infobox-bg: @notification-bg;
120
- @infobox-border: @notification-border;
121
- @infobox-text: @notification-text;
122
- @infobox-success-bg: @notification-success-bg;
123
- @infobox-success-border: @notification-success-border;
124
- @infobox-success-text: @notification-success-text;
125
- @infobox-info-bg: @notification-info-bg;
126
- @infobox-info-border: @notification-info-border;
127
- @infobox-info-text: @notification-info-text;
128
- @infobox-warning-bg: @notification-warning-bg;
129
- @infobox-warning-border: @notification-warning-border;
130
- @infobox-warning-text: @notification-warning-text;
131
- @infobox-error-bg: @notification-error-bg;
132
- @infobox-error-border: @notification-error-border;
133
- @infobox-error-text: @notification-error-text;
134
-
135
- // Window
136
- @window-border: #c5c5c5;
137
- @window-head-border: @window-border;
138
- @window-head-close: mix(@text, @window-bg, 60%);
139
- @window-head-close-hover: mix(@text, @window-bg, 40%);
140
- @window-foot-border: @window-border;
141
- @window-foot-bg: @window-bg;
142
- @window-fullscreen-bg: #FFF;
143
- @window-modalblock-bg: #000;
144
- @window-modalblock-opacity: 0.3;
145
- @window-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
146
- @window-bg: #FFF;
147
- @window-title-font-size: 20px;
148
-
149
- // Popover
150
- @popover-bg: @window-bg;
151
- @popover-arrow-width: 10px;
152
- @popover-arrow: @window-bg;
153
- @popover-arrow-outer-width: @popover-arrow-width + 1;
154
- @popover-arrow-outer: rgba(0, 0, 0, 0.25);
155
-
156
- // Floatpanel
157
- @floatpanel-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
158
-
159
- // Checkbox
160
- @checkbox-bg: @btn-bg;
161
- @checkbox-bg-hlight: @btn-bg-hlight;
162
- @checkbox-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
163
- @checkbox-border: #c5c5c5;
164
- @checkbox-border-focus: rgba(82, 168, 236, .8);
165
-
166
- // Path
167
- @path-text: @text;
168
- @path-bg-focus: #666;
169
- @path-text-focus: #fff;
170
-
171
- // Textbox
172
- @textbox-text-placeholder: #aaa;
173
- @textbox-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
174
- @textbox-bg: #fff;
175
- @textbox-border: #c5c5c5;
176
- @textbox-border-focus: #3498db;
177
-
178
- // Selectbox
179
- @selectbox-bg: @textbox-bg;
180
- @selectbox-border: @textbox-border;
181
-
182
- // Throbber
183
- @throbber-bg: #fff url('img/loader.gif') no-repeat center center;
184
-
185
- // Combobox
186
- @combobox-border: @textbox-border;
187
- @combobox-error-text: @text-error;
188
- @combobox-warning-text: @text-warning;
189
- @combobox-success-text: @text-success;
190
-
191
- // Colorpicker
192
- @colorpicker-border: @textbox-border;
193
- @colorpicker-hue-bg: #fff;
194
- @colorpicker-hue-border: #333;
195
-
196
- // Grid
197
- @grid-bg-active: @menuitem-bg-active;
198
- @grid-border-active: @menuitem-bg-active;
199
- @grid-border: #d6d6d6;
200
-
201
- // Misc
202
- @colorbtn-backcolor-bg: #BBB;
203
- @iframe-border: @panel-border;
204
-
205
- // Slider
206
- @slider-border: #AAA;
207
- @slider-bg: #EEE;
208
- @slider-handle-border: #BBB;
209
- @slider-handle-bg: #DDD;
210
- @slider-handle-bg-focus: #BBB;
211
-
212
- // Progress
213
- @progress-border: #ccc;
214
- @progress-bar-bg: #dfdfdf;
215
- @progress-bar-bg-hlight: #cccccc;
216
- @progress-text: @text;
217
-
218
- // Flow layout
219
- @flow-layout-spacing: 2px;
220
-
221
- // Table
222
-
223
- @table-row-even: #fafafa;
224
- @table-row-hover: darken(@table-row-even, 10%);