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,38 +0,0 @@
1
- // Label
2
-
3
- .@{prefix}-label {
4
- .inline-block();
5
- text-shadow: @text-shadow;
6
- overflow: hidden;
7
- }
8
-
9
- .@{prefix}-label.@{prefix}-autoscroll {
10
- overflow: auto;
11
- }
12
-
13
- .@{prefix}-label.@{prefix}-disabled {
14
- color: @text-disabled;
15
- }
16
-
17
- .@{prefix}-label.@{prefix}-multiline {
18
- white-space: pre-wrap;
19
- }
20
-
21
- .@{prefix}-label.@{prefix}-success {
22
- color: @text-success;
23
- }
24
-
25
- .@{prefix}-label.@{prefix}-warning {
26
- color: @text-warning;
27
- }
28
-
29
- .@{prefix}-label.@{prefix}-error {
30
- color: @text-error;
31
- }
32
-
33
- // RTL
34
-
35
- .@{prefix}-rtl .@{prefix}-label {
36
- text-align: right;
37
- direction: rtl;
38
- }
@@ -1,26 +0,0 @@
1
- // ListBox
2
-
3
- .@{prefix}-listbox button {
4
- text-align: left;
5
- padding-right: 20px;
6
- position: relative;
7
- }
8
-
9
- .@{prefix}-listbox .@{prefix}-caret {
10
- position: absolute;
11
- margin-top: -2px;
12
- right: 8px;
13
- top: 50%;
14
- }
15
-
16
- // RTL
17
-
18
- .@{prefix}-rtl .@{prefix}-listbox .@{prefix}-caret {
19
- right: auto;
20
- left: 8px;
21
- }
22
-
23
- .@{prefix}-rtl .@{prefix}-listbox button {
24
- padding-right: 10px;
25
- padding-left: 20px;
26
- }
@@ -1,34 +0,0 @@
1
- // Menu
2
-
3
- .@{prefix}-menu {
4
- position: absolute;
5
- left: 0; top: 0;
6
- .reset-gradient();
7
- z-index: 1000;
8
- padding: 5px 0 5px 0;
9
- margin: @menu-margin;
10
- min-width: 160px;
11
- background: @menu-bg;
12
- border: 1px solid mix(rgb(red(@menu-border), green(@menu-border), blue(@menu-border)), @panel-bg, round(alpha(@menu-border) * 200));
13
- border: 1px solid @menu-border;
14
- z-index: 1002;
15
- .border-radius(6px);
16
- .box-shadow(0 5px 10px rgba(0,0,0,.2));
17
- max-height: 400px;
18
- overflow: auto;
19
- overflow-x: hidden;
20
- }
21
-
22
- .@{prefix}-menu i {
23
- display: none;
24
- }
25
-
26
- .@{prefix}-menu-has-icons i {
27
- display: inline-block;
28
- *display: inline;
29
- }
30
-
31
- .@{prefix}-menu-sub-tr-tl { margin: -6px 0 0 -1px; }
32
- .@{prefix}-menu-sub-br-bl { margin: 6px 0 0 -1px; }
33
- .@{prefix}-menu-sub-tl-tr { margin: -6px 0 0 1px; }
34
- .@{prefix}-menu-sub-bl-br { margin: 6px 0 0 1px; }
@@ -1,32 +0,0 @@
1
- /* MenuBar */
2
-
3
- .@{prefix}-menubar .@{prefix}-menubtn {
4
- border-color: transparent;
5
- background: transparent;
6
- .border-radius(0);
7
- .box-shadow(none);
8
- filter: none;
9
- }
10
-
11
- .@{prefix}-menubar .@{prefix}-menubtn button {
12
- color: @menubar-menubtn-text;
13
- }
14
-
15
- .@{prefix}-menubar {
16
- border: 1px solid @menubar-border;
17
- }
18
-
19
- .@{prefix}-menubar .@{prefix}-menubtn button span {
20
- color: @text;
21
- }
22
-
23
- .@{prefix}-menubar .@{prefix}-caret {
24
- border-top-color: @text;
25
- }
26
-
27
- .@{prefix}-menubar .@{prefix}-menubtn:hover, .@{prefix}-menubar .@{prefix}-menubtn.@{prefix}-active, .@{prefix}-menubar .@{prefix}-menubtn:focus {
28
- border-color: darken(@btn-bg, 20%);
29
- background: @menu-bg;
30
- filter: none;
31
- .box-shadow(none);
32
- }
@@ -1,34 +0,0 @@
1
- /* MenuButton */
2
-
3
- .@{prefix}-menubtn button {
4
- color: @btn-text;
5
- //margin-right: 2px;
6
- //line-height: @line-height;
7
- //*line-height: @line-height - 4px;
8
- }
9
-
10
- .@{prefix}-menubtn.@{prefix}-btn-small span {
11
- font-size: @font-size - 2px;
12
- }
13
-
14
- .@{prefix}-menubtn.@{prefix}-fixed-width span {
15
- display: inline-block;
16
- overflow-x: hidden;
17
- text-overflow: ellipsis;
18
- width: 90px;
19
- }
20
-
21
- .@{prefix}-menubtn.@{prefix}-fixed-width.@{prefix}-btn-small span {
22
- width: 70px;
23
- }
24
-
25
- .@{prefix}-menubtn .@{prefix}-caret {
26
- *margin-top: 6px;
27
- }
28
-
29
- // RTL
30
-
31
- .@{prefix}-rtl .@{prefix}-menubtn button {
32
- direction: rtl;
33
- text-align: right;
34
- }
@@ -1,176 +0,0 @@
1
- // MenuItem
2
-
3
- .@{prefix}-menu-item {
4
- display: block;
5
- padding: 6px 15px 6px 12px;
6
- clear: both;
7
- font-weight: normal;
8
- line-height: 20px;
9
- color: @menuitem-text;
10
- white-space: nowrap;
11
- cursor: pointer;
12
- line-height: normal;
13
- border-left: 4px solid transparent;
14
- margin-bottom: 1px;
15
- }
16
-
17
- .@{prefix}-menu-item .@{prefix}-ico, .@{prefix}-menu-item .@{prefix}-text {
18
- color: @menuitem-text;
19
- }
20
-
21
- .@{prefix}-menu-item.@{prefix}-disabled .@{prefix}-text, .@{prefix}-menu-item.@{prefix}-disabled .@{prefix}-ico {
22
- color: mix(@menuitem-text, @menu-bg, 40%);
23
- }
24
-
25
- .@{prefix}-menu-item:hover .@{prefix}-text, .@{prefix}-menu-item.@{prefix}-selected .@{prefix}-text, .@{prefix}-menu-item:focus .@{prefix}-text {
26
- color: @menuitem-text-inverse;
27
- }
28
-
29
- .@{prefix}-menu-item:hover .@{prefix}-ico, .@{prefix}-menu-item.@{prefix}-selected .@{prefix}-ico, .@{prefix}-menu-item:focus .@{prefix}-ico {
30
- color: @menuitem-text-inverse;
31
- }
32
-
33
- .@{prefix}-menu-item.@{prefix}-disabled:hover {
34
- background: @menuitem-bg-disabled;
35
- }
36
-
37
- .@{prefix}-menu-shortcut {
38
- display: inline-block;
39
- color: mix(@menuitem-text, @menu-bg, 40%);
40
- }
41
-
42
- .@{prefix}-menu-shortcut {
43
- .inline-block();
44
- padding: 0 15px 0 20px;
45
- }
46
-
47
- .@{prefix}-menu-item:hover .@{prefix}-menu-shortcut, .@{prefix}-menu-item.@{prefix}-selected .@{prefix}-menu-shortcut, .@{prefix}-menu-item:focus .@{prefix}-menu-shortcut {
48
- color: @menuitem-text-inverse;
49
- }
50
-
51
- .@{prefix}-menu-item .@{prefix}-caret {
52
- margin-top: 4px;
53
- *margin-top: 3px;
54
- margin-right: 6px;
55
- border-top: 4px solid transparent;
56
- border-bottom: 4px solid transparent;
57
- border-left: 4px solid @menuitem-caret;
58
- }
59
-
60
- .@{prefix}-menu-item.@{prefix}-selected .@{prefix}-caret, .@{prefix}-menu-item:focus .@{prefix}-caret, .@{prefix}-menu-item:hover .@{prefix}-caret {
61
- border-left-color: @menuitem-caret-selected;
62
- }
63
-
64
- .@{prefix}-menu-align .@{prefix}-menu-shortcut {
65
- *margin-top: -2px;
66
- }
67
-
68
- .@{prefix}-menu-align .@{prefix}-menu-shortcut, .@{prefix}-menu-align .@{prefix}-caret {
69
- position: absolute;
70
- right: 0;
71
- }
72
-
73
- .@{prefix}-menu-item.@{prefix}-active i {
74
- visibility: visible;
75
- }
76
-
77
- .@{prefix}-menu-item-normal.@{prefix}-active {
78
- background-color: @menuitem-bg-active;
79
- }
80
-
81
- .@{prefix}-menu-item-preview.@{prefix}-active {
82
- border-left: 5px solid @menuitem-preview-border-active;
83
- }
84
-
85
- .@{prefix}-menu-item-normal.@{prefix}-active .@{prefix}-text {
86
- color: @menuitem-text-active;
87
- }
88
-
89
- .@{prefix}-menu-item-normal.@{prefix}-active:hover .@{prefix}-text, .@{prefix}-menu-item-normal.@{prefix}-active:hover .@{prefix}-ico {
90
- color: @menuitem-text-inverse;
91
- }
92
-
93
- .@{prefix}-menu-item-normal.@{prefix}-active:focus .@{prefix}-text, .@{prefix}-menu-item-normal.@{prefix}-active:focus .@{prefix}-ico {
94
- color: @menuitem-text-inverse;
95
- }
96
-
97
- .@{prefix}-menu-item:hover, .@{prefix}-menu-item.@{prefix}-selected, .@{prefix}-menu-item:focus {
98
- text-decoration: none;
99
- color: @menuitem-text-inverse;
100
- .vertical-gradient(@menuitem-bg-selected, @menuitem-bg-selected-hlight);
101
- }
102
-
103
- .@{prefix}-menu-item-link {
104
- color: #093;
105
- overflow: hidden;
106
- text-overflow: ellipsis;
107
- white-space: nowrap;
108
-
109
- b {
110
- color: #093;
111
- }
112
- }
113
-
114
- .@{prefix}-menu-item-ellipsis {
115
- display: block;
116
- text-overflow: ellipsis;
117
- white-space: nowrap;
118
- overflow: hidden;
119
- }
120
-
121
- .@{prefix}-menu-item:hover *, .@{prefix}-menu-item.@{prefix}-selected *, .@{prefix}-menu-item:focus * {
122
- color: @menuitem-text-inverse;
123
- }
124
-
125
- div.@{prefix}-menu .@{prefix}-menu-item-sep, .@{prefix}-menu-item-sep:hover {
126
- border: 0;
127
- padding: 0;
128
- height: 1px;
129
- margin: 9px 1px;
130
- overflow: hidden;
131
- background: @menuitem-separator-top;
132
- border-bottom: 1px solid @menuitem-separator-bottom;
133
- cursor: default;
134
- filter: none;
135
- }
136
-
137
- div.@{prefix}-menu .@{prefix}-menu-item b {
138
- font-weight: bold;
139
- }
140
-
141
- .@{prefix}-menu-item-indent-1 { padding-left: 20px; }
142
- .@{prefix}-menu-item-indent-2 { padding-left: 35px; }
143
- .@{prefix}-menu-item-indent-2 { padding-left: 35px; }
144
- .@{prefix}-menu-item-indent-3 { padding-left: 40px; }
145
- .@{prefix}-menu-item-indent-4 { padding-left: 45px; }
146
- .@{prefix}-menu-item-indent-5 { padding-left: 50px; }
147
- .@{prefix}-menu-item-indent-6 { padding-left: 55px; }
148
-
149
- // RTL
150
-
151
- .@{prefix}-menu.@{prefix}-rtl {
152
- direction: rtl;
153
- }
154
-
155
- .@{prefix}-rtl .@{prefix}-menu-item {
156
- text-align: right;
157
- direction: rtl;
158
- padding: 6px 12px 6px 15px;
159
- }
160
-
161
- .@{prefix}-menu-align.@{prefix}-rtl .@{prefix}-menu-shortcut, .@{prefix}-menu-align.@{prefix}-rtl .@{prefix}-caret {
162
- right: auto;
163
- left: 0;
164
- }
165
-
166
- .@{prefix}-rtl .@{prefix}-menu-item .@{prefix}-caret {
167
- margin-left: 6px;
168
- margin-right: 0;
169
- border-right: 4px solid @menuitem-caret;
170
- border-left: 0;
171
- }
172
-
173
- .@{prefix}-rtl .@{prefix}-menu-item.@{prefix}-selected .@{prefix}-caret, .@{prefix}-rtl .@{prefix}-menu-item:focus .@{prefix}-caret, .@{prefix}-rtl .@{prefix}-menu-item:hover .@{prefix}-caret {
174
- border-left-color: transparent;
175
- border-right-color: @menuitem-caret-selected;
176
- }
@@ -1,54 +0,0 @@
1
- // Mixins
2
-
3
- .opacity(@opacity) {
4
- opacity: @opacity;
5
- @opacityie: @opacity * 100;
6
- filter: ~"alpha(opacity=@{opacityie})";
7
- zoom: 1;
8
- }
9
-
10
- .vertical-gradient(@startColor, @endColor) when (@has-gradients = true) {
11
- background-color: mix(@startColor, @endColor, 60%);
12
- background-image: -moz-linear-gradient(top, @startColor, @endColor); // FF 3.6+
13
- background-image: -webkit-gradient(linear, 0 0, 0 100%, from(@startColor), to(@endColor)); // Safari 4+, Chrome 2+
14
- background-image: -webkit-linear-gradient(top, @startColor, @endColor); // Safari 5.1+, Chrome 10+
15
- background-image: -o-linear-gradient(top, @startColor, @endColor); // Opera 11.10
16
- background-image: linear-gradient(to bottom, @startColor, @endColor); // Standard, IE10
17
- background-repeat: repeat-x;
18
- filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)", argb(@startColor), argb(@endColor)));
19
- zoom: 1;
20
- }
21
-
22
- .vertical-gradient(@startColor, @endColor) when (@has-gradients = false) {
23
- background-color: mix(@startColor, @endColor, 60%);
24
- }
25
-
26
- .border-radius(@radius) when (@has-radius = true) {
27
- -webkit-border-radius: @radius;
28
- -moz-border-radius: @radius;
29
- border-radius: @radius;
30
- }
31
-
32
- .box-shadow(@shadowA, @shadowB:X, ...) when (@has-boxshadow = true) {
33
- // Multiple shadow solution from http://toekneestuck.com/blog/2012/05/15/less-css-arguments-variable/
34
- @props: ~`"@{arguments}".replace(/[\[\]]|\,\sX/g, '')`;
35
- -webkit-box-shadow: @props;
36
- -moz-box-shadow: @props;
37
- box-shadow: @props;
38
- }
39
-
40
- .transition(@transition) {
41
- -webkit-transition: @transition;
42
- transition: @transition;
43
- }
44
-
45
- .inline-block() {
46
- display: inline-block;
47
- *display: inline;
48
- *zoom: 1;
49
- }
50
-
51
- .reset-gradient() {
52
- filter: e(%("progid:DXImageTransform.Microsoft.gradient(enabled = false)"));
53
- background: transparent;
54
- }
@@ -1,142 +0,0 @@
1
- // notification
2
-
3
- .@{prefix}-notification {
4
- position: absolute;
5
- background-color: @notification-bg;
6
- padding: 5px;
7
- margin-top: 5px;
8
- border-width: 1px;
9
- border-style: solid;
10
- border-color: @notification-border;
11
- transition: transform 100ms ease-in, opacity 150ms ease-in;
12
- opacity: 0;
13
- }
14
-
15
- .@{prefix}-notification.@{prefix}-in {
16
- opacity: 1;
17
- }
18
-
19
- .@{prefix}-notification-success {
20
- background-color: @notification-success-bg;
21
- border-color: @notification-success-border;
22
- }
23
-
24
- .@{prefix}-notification-info {
25
- background-color: @notification-info-bg;
26
- border-color: @notification-info-border;
27
- }
28
-
29
- .@{prefix}-notification-warning {
30
- background-color: @notification-warning-bg;
31
- border-color: @notification-warning-border;
32
- }
33
-
34
- .@{prefix}-notification-error {
35
- background-color: @notification-error-bg;
36
- border-color: @notification-error-border;
37
- }
38
-
39
- .@{prefix}-notification.@{prefix}-has-close {
40
- padding-right: 15px;
41
- }
42
-
43
- .@{prefix}-notification .@{prefix}-ico {
44
- margin-top: 5px;
45
- }
46
-
47
- .@{prefix}-notification-inner {
48
- display: inline-block;
49
- font-size: @notification-font-size;
50
- margin: 5px 8px 4px 8px;
51
- text-align: center;
52
- white-space: normal;
53
- color: @notification-info-text;
54
- }
55
-
56
- .@{prefix}-notification-inner a {
57
- text-decoration: underline;
58
- cursor: pointer;
59
- }
60
-
61
- .@{prefix}-notification .@{prefix}-progress {
62
- margin-right: 8px;
63
- }
64
-
65
- .@{prefix}-notification .@{prefix}-progress .@{prefix}-text {
66
- margin-top: 5px;
67
- }
68
-
69
- .@{prefix}-notification *, .@{prefix}-notification .@{prefix}-progress .@{prefix}-text {
70
- color: @notification-text;
71
- }
72
-
73
- .@{prefix}-notification .@{prefix}-progress .@{prefix}-bar-container {
74
- border-color: @notification-border;
75
- }
76
-
77
- .@{prefix}-notification .@{prefix}-progress .@{prefix}-bar-container .@{prefix}-bar {
78
- background-color: @notification-text;
79
- }
80
-
81
- .@{prefix}-notification-success *, .@{prefix}-notification-success .@{prefix}-progress .@{prefix}-text {
82
- color: @notification-success-text;
83
- }
84
-
85
- .@{prefix}-notification-success .@{prefix}-progress .@{prefix}-bar-container {
86
- border-color: @notification-success-border;
87
- }
88
-
89
- .@{prefix}-notification-success .@{prefix}-progress .@{prefix}-bar-container .@{prefix}-bar {
90
- background-color: @notification-success-text;
91
- }
92
-
93
- .@{prefix}-notification-info *, .@{prefix}-notification-info .@{prefix}-progress .@{prefix}-text {
94
- color: @notification-info-text;
95
- }
96
-
97
- .@{prefix}-notification-info .@{prefix}-progress .@{prefix}-bar-container {
98
- border-color: @notification-info-border;
99
- }
100
-
101
- .@{prefix}-notification-info .@{prefix}-progress .@{prefix}-bar-container .@{prefix}-bar {
102
- background-color: @notification-info-text;
103
- }
104
-
105
- .@{prefix}-notification-warning *, .@{prefix}-notification-warning .@{prefix}-progress .@{prefix}-text {
106
- color: @notification-warning-text;
107
- }
108
-
109
- .@{prefix}-notification-warning .@{prefix}-progress .@{prefix}-bar-container {
110
- border-color: @notification-warning-border;
111
- }
112
-
113
- .@{prefix}-notification-warning .@{prefix}-progress .@{prefix}-bar-container .@{prefix}-bar {
114
- background-color: @notification-warning-text;
115
- }
116
-
117
- .@{prefix}-notification-error *, .@{prefix}-notification-error .@{prefix}-progress .@{prefix}-text {
118
- color: @notification-error-text;
119
- }
120
-
121
- .@{prefix}-notification-error .@{prefix}-progress .@{prefix}-bar-container {
122
- border-color: @notification-error-border;
123
- }
124
-
125
- .@{prefix}-notification-error .@{prefix}-progress .@{prefix}-bar-container .@{prefix}-bar {
126
- background-color: @notification-error-text;
127
- }
128
-
129
- .@{prefix}-notification .@{prefix}-close {
130
- position: absolute;
131
- top: 6px;
132
- right: 8px;
133
- font-size: 20px;
134
- font-weight: bold;
135
- line-height: 20px;
136
- color: @window-head-close;
137
- cursor: pointer;
138
-
139
- // IE7
140
- height: 20px;
141
- overflow: hidden;
142
- }