Shortcodes Ultimate - Version 4.0.3

Version Description

Be careful! This is a great update and completely new code! Don't forget, you can always install old version.

Upgrade normally via your Wordpress admin -> Plugins panel.

Download this release

Release Info

Developer gn_themes
Plugin Icon 128x128 Shortcodes Ultimate
Version 4.0.3
Comparing to
See all releases

Code changes from version 4.0.1 to 4.0.3

Files changed (171) hide show
  1. assets/css/box-shortcodes.css +301 -301
  2. assets/css/content-shortcodes.css +300 -300
  3. assets/css/galleries-shortcodes.css +454 -454
  4. assets/css/generator.css +334 -334
  5. assets/css/media-shortcodes.css +48 -48
  6. assets/css/options-page.css +310 -310
  7. assets/css/other-shortcodes.css +126 -126
  8. assets/css/players-shortcodes.css +296 -296
  9. assets/css/sunrise.css +153 -153
  10. assets/css/vote.css +48 -48
  11. assets/js/ace/mode-abap.js +1 -0
  12. assets/js/ace/mode-actionscript.js +1 -0
  13. assets/js/ace/mode-ada.js +1 -0
  14. assets/js/ace/mode-assembly_x86.js +1 -0
  15. assets/js/ace/mode-batchfile.js +1 -0
  16. assets/js/ace/mode-c9search.js +1 -0
  17. assets/js/ace/mode-c_cpp.js +1 -0
  18. assets/js/ace/mode-clojure.js +1 -0
  19. assets/js/ace/mode-cobol.js +1 -0
  20. assets/js/ace/mode-coffee.js +1 -0
  21. assets/js/ace/mode-coldfusion.js +1 -0
  22. assets/js/ace/mode-csharp.js +1 -0
  23. assets/js/ace/mode-curly.js +1 -0
  24. assets/js/ace/mode-d.js +1 -0
  25. assets/js/ace/mode-dart.js +1 -0
  26. assets/js/ace/mode-diff.js +1 -0
  27. assets/js/ace/mode-django.js +1 -0
  28. assets/js/ace/mode-dot.js +1 -0
  29. assets/js/ace/mode-ejs.js +1 -0
  30. assets/js/ace/mode-erlang.js +1 -0
  31. assets/js/ace/mode-forth.js +1 -0
  32. assets/js/ace/mode-ftl.js +1 -0
  33. assets/js/ace/mode-glsl.js +1 -0
  34. assets/js/ace/mode-golang.js +1 -0
  35. assets/js/ace/mode-groovy.js +1 -0
  36. assets/js/ace/mode-haml.js +1 -0
  37. assets/js/ace/mode-haskell.js +1 -0
  38. assets/js/ace/mode-haxe.js +1 -0
  39. assets/js/ace/mode-ini.js +1 -0
  40. assets/js/ace/mode-jade.js +1 -0
  41. assets/js/ace/mode-java.js +1 -0
  42. assets/js/ace/mode-jsp.js +1 -0
  43. assets/js/ace/mode-jsx.js +1 -0
  44. assets/js/ace/mode-julia.js +1 -0
  45. assets/js/ace/mode-latex.js +1 -0
  46. assets/js/ace/mode-liquid.js +1 -0
  47. assets/js/ace/mode-lisp.js +1 -0
  48. assets/js/ace/mode-livescript.js +1 -0
  49. assets/js/ace/mode-logiql.js +1 -0
  50. assets/js/ace/mode-lsl.js +1 -0
  51. assets/js/ace/mode-lua.js +1 -0
  52. assets/js/ace/mode-luapage.js +1 -0
  53. assets/js/ace/mode-lucene.js +1 -0
  54. assets/js/ace/mode-makefile.js +1 -0
  55. assets/js/ace/mode-matlab.js +1 -0
  56. assets/js/ace/mode-mushcode.js +1 -0
  57. assets/js/ace/mode-mushcode_high_rules.js +1 -0
  58. assets/js/ace/mode-mysql.js +1 -0
  59. assets/js/ace/mode-objectivec.js +1 -0
  60. assets/js/ace/mode-ocaml.js +1 -0
  61. assets/js/ace/mode-pascal.js +1 -0
  62. assets/js/ace/mode-perl.js +1 -0
  63. assets/js/ace/mode-pgsql.js +1 -0
  64. assets/js/ace/mode-powershell.js +1 -0
  65. assets/js/ace/mode-prolog.js +1 -0
  66. assets/js/ace/mode-properties.js +1 -0
  67. assets/js/ace/mode-python.js +1 -0
  68. assets/js/ace/mode-r.js +1 -0
  69. assets/js/ace/mode-rdoc.js +1 -0
  70. assets/js/ace/mode-ruby.js +1 -0
  71. assets/js/ace/mode-rust.js +1 -0
  72. assets/js/ace/mode-scad.js +1 -0
  73. assets/js/ace/mode-scala.js +1 -0
  74. assets/js/ace/mode-sh.js +1 -0
  75. assets/js/ace/mode-sql.js +1 -0
  76. assets/js/ace/mode-tcl.js +1 -0
  77. assets/js/ace/mode-tex.js +1 -0
  78. assets/js/ace/mode-textile.js +1 -0
  79. assets/js/ace/mode-tmsnippet.js +1 -0
  80. assets/js/ace/mode-toml.js +1 -0
  81. assets/js/ace/mode-twig.js +1 -0
  82. assets/js/ace/mode-typescript.js +1 -0
  83. assets/js/ace/mode-vbscript.js +1 -0
  84. assets/js/ace/mode-velocity.js +1 -0
  85. assets/js/ace/mode-verilog.js +1 -0
  86. assets/js/ace/theme-ambiance.js +1 -0
  87. assets/js/ace/theme-chaos.js +1 -0
  88. assets/js/ace/theme-chrome.js +1 -0
  89. assets/js/ace/theme-clouds.js +1 -0
  90. assets/js/ace/theme-clouds_midnight.js +1 -0
  91. assets/js/ace/theme-cobalt.js +1 -0
  92. assets/js/ace/theme-crimson_editor.js +1 -0
  93. assets/js/ace/theme-dawn.js +1 -0
  94. assets/js/ace/theme-dreamweaver.js +1 -0
  95. assets/js/ace/theme-eclipse.js +1 -0
  96. assets/js/ace/theme-github.js +1 -0
  97. assets/js/ace/theme-idle_fingers.js +1 -0
  98. assets/js/ace/theme-kr.js +1 -0
  99. assets/js/ace/theme-merbivore.js +1 -0
  100. assets/js/ace/theme-merbivore_soft.js +1 -0
  101. assets/js/ace/theme-mono_industrial.js +1 -0
  102. assets/js/ace/theme-pastel_on_dark.js +1 -0
  103. assets/js/ace/theme-solarized_dark.js +1 -0
  104. assets/js/ace/theme-solarized_light.js +1 -0
  105. assets/js/ace/theme-terminal.js +1 -0
  106. assets/js/ace/theme-textmate.js +1 -0
  107. assets/js/ace/theme-tomorrow.js +1 -0
  108. assets/js/ace/theme-tomorrow_night.js +1 -0
  109. assets/js/ace/theme-tomorrow_night_blue.js +1 -0
  110. assets/js/ace/theme-tomorrow_night_bright.js +1 -0
  111. assets/js/ace/theme-tomorrow_night_eighties.js +1 -0
  112. assets/js/ace/theme-twilight.js +1 -0
  113. assets/js/ace/theme-vibrant_ink.js +1 -0
  114. assets/js/ace/theme-xcode.js +1 -0
  115. assets/js/ace/worker-coffee.js +1 -0
  116. assets/js/ace/worker-lua.js +1 -0
  117. assets/js/file-upload.js +1315 -1315
  118. assets/js/form.js +815 -815
  119. assets/js/galleries-shortcodes.js +61 -61
  120. assets/js/generator.js +443 -443
  121. assets/js/iframe-transport.js +205 -205
  122. assets/js/jplayer.js +106 -106
  123. assets/js/magnific-popup.js +2 -2
  124. assets/js/options-page.js +200 -200
  125. assets/js/other-shortcodes.js +54 -54
  126. assets/js/players-shortcodes.js +73 -73
  127. assets/js/qtip.js +21 -21
  128. assets/js/sunrise.js +210 -210
  129. assets/js/swiper.js +2305 -2305
  130. assets/js/vote.js +15 -15
  131. inc/core/class.assets.php +183 -183
  132. inc/core/class.data.php +1623 -1623
  133. inc/core/class.generator.php +302 -302
  134. inc/core/class.shortcodes-ultimate.php +190 -190
  135. inc/core/class.vote.php +55 -55
  136. inc/core/class.widget.php +101 -101
  137. inc/core/tools.php +715 -713
  138. inc/example-addon.php +84 -84
  139. inc/vendor/class.image-meta.php +51 -51
  140. inc/vendor/class.media-upload.php +189 -189
  141. inc/vendor/class.sunrise-framework.php +323 -323
  142. inc/views/about.php +46 -46
  143. inc/views/cheatsheet.php +66 -66
  144. inc/views/checkbox-group.php +14 -14
  145. inc/views/checkbox.php +10 -10
  146. inc/views/closetab.php +9 -9
  147. inc/views/code.php +7 -7
  148. inc/views/color.php +10 -10
  149. inc/views/css.php +25 -25
  150. inc/views/galleries.php +109 -109
  151. inc/views/html.php +3 -3
  152. inc/views/notifications.php +39 -39
  153. inc/views/number.php +6 -6
  154. inc/views/opentab.php +1 -1
  155. inc/views/radio.php +19 -19
  156. inc/views/select.php +19 -19
  157. inc/views/settings.php +27 -27
  158. inc/views/size.php +16 -16
  159. inc/views/skin.php +26 -26
  160. inc/views/text.php +7 -7
  161. inc/views/textarea.php +7 -7
  162. inc/views/title.php +3 -3
  163. inc/views/upload.php +10 -10
  164. languages/su.po +2200 -2200
  165. readme.md +12 -0
  166. readme.txt +232 -232
  167. shortcodes-ultimate.php +28 -28
  168. templates/default-loop.php +29 -29
  169. templates/list-loop.php +21 -21
  170. templates/single-post.php +32 -32
  171. templates/teaser-loop.php +24 -24
assets/css/box-shortcodes.css CHANGED
@@ -1,302 +1,302 @@
1
- /*** Shortcodes Ultimate - box elements ***/
2
-
3
- /* Tabs + Tab
4
- ---------------------------------------------------------------*/
5
-
6
- .su-tabs {
7
- margin: 0 0 1.5em 0;
8
- padding: 3px;
9
- -webkit-border-radius: 3px;
10
- -moz-border-radius: 3px;
11
- border-radius: 3px;
12
- background: #eee;
13
- }
14
- .su-tabs-nav span {
15
- display: inline-block;
16
- margin-right: 3px;
17
- padding: 0.5em 1em;
18
- -webkit-border-top-left-radius: 3px;
19
- -moz-border-radius-topleft: 3px;
20
- border-top-left-radius: 3px;
21
- -webkit-border-top-right-radius: 3px;
22
- -moz-border-radius-topright: 3px;
23
- border-top-right-radius: 3px;
24
- color: #333;
25
- cursor: pointer;
26
- -webkit-transition: all .2s;
27
- -moz-transition: all .2s;
28
- -o-transition: all .2s;
29
- transition: all .2s;
30
- }
31
- .su-tabs-nav span:hover { background: #f5f5f5; }
32
- .su-tabs-nav span.su-tabs-current { background: #fff; }
33
- .su-tabs-pane {
34
- padding: 1em;
35
- -webkit-box-sizing: border-box;
36
- -moz-box-sizing: border-box;
37
- box-sizing: border-box;
38
- -webkit-border-bottom-right-radius: 3px;
39
- -moz-border-radius-bottomright: 3px;
40
- border-bottom-right-radius: 3px;
41
- -webkit-border-bottom-left-radius: 3px;
42
- -moz-border-radius-bottomleft: 3px;
43
- border-bottom-left-radius: 3px;
44
- background: #fff;
45
- color: #333;
46
- }
47
- .su-tabs-vertical .su-tabs-nav {
48
- width: 200px;
49
- float: left;
50
- }
51
- .su-tabs-vertical .su-tabs-nav span {
52
- display: block;
53
- margin-right: 0;
54
- -webkit-border-radius: 0;
55
- -moz-border-radius: 0;
56
- border-radius: 0;
57
- -webkit-border-top-left-radius: 3px;
58
- -moz-border-radius-topleft: 3px;
59
- border-top-left-radius: 3px;
60
- -webkit-border-bottom-left-radius: 3px;
61
- -moz-border-radius-bottomleft: 3px;
62
- border-bottom-left-radius: 3px;
63
- }
64
- .su-tabs-vertical .su-tabs-pane {
65
- height: 100%;
66
- margin-left: 200px;
67
- }
68
-
69
- /* Spoiler
70
- ---------------------------------------------------------------*/
71
-
72
- .su-spoiler { margin-bottom: 1.5em; }
73
- .su-spoiler .su-spoiler:last-child { margin-bottom: 0; }
74
- .su-spoiler-content {
75
- -webkit-transition: padding-top .2s;
76
- -moz-transition: padding-top .2s;
77
- -o-transition: padding-top .2s;
78
- transition: padding-top .2s;
79
- -ie-transition: padding-top .2s;
80
- }
81
- .su-spoiler.su-spoiler-closed > .su-spoiler-content {
82
- width: 0;
83
- height: 0;
84
- margin: 0;
85
- padding: 0;
86
- overflow: hidden;
87
- border: none;
88
- opacity: 0;
89
- }
90
- .su-spoiler-title {
91
- position: relative;
92
- min-height: 16px;
93
- padding: 4px 0 4px 24px;
94
- background: #fff;
95
- color: #333;
96
- font-weight: bold;
97
- line-height: 16px;
98
- cursor: pointer;
99
- }
100
- .su-spoiler-title > .su-spoiler-icon {
101
- position: absolute;
102
- top: 4px;
103
- left: 0;
104
- display: block;
105
- width: 16px;
106
- height: 16px;
107
- background: 0 -16px url('../images/spoiler.png') no-repeat;
108
- }
109
- .su-spoiler-closed > .su-spoiler-title > .su-spoiler-icon { background: 0 0 url('../images/spoiler.png') no-repeat; }
110
- .su-spoiler-content {
111
- padding: 1em 0 0 24px;
112
- background: #fff;
113
- color: #333;
114
- }
115
-
116
- /* Quote
117
- ---------------------------------------------------------------*/
118
-
119
- .su-quote {
120
- position: relative;
121
- margin-bottom: 1.5em;
122
- padding: 0.5em 3em;
123
- font-style: italic;
124
- }
125
- .su-quote-has-cite { margin-bottom: 3em; }
126
- .su-quote:before,
127
- .su-quote:after {
128
- position: absolute;
129
- display: block;
130
- width: 20px;
131
- height: 20px;
132
- background-image: url('../images/quote.png');
133
- content: '';
134
- }
135
- .su-quote:before {
136
- top: 0;
137
- left: 0;
138
- background-position: 0 0;
139
- }
140
- .su-quote:after {
141
- right: 0;
142
- bottom: 0;
143
- background-position: -20px 0;
144
- }
145
- .su-quote-cite {
146
- position: absolute;
147
- right: 4em;
148
- bottom: -1.5em;
149
- font-style: normal;
150
- }
151
- .su-quote-cite a { text-decoration: underline; }
152
-
153
- /* Pullquote
154
- ---------------------------------------------------------------*/
155
-
156
- .su-pullquote {
157
- display: block;
158
- width: 30%;
159
- padding: 0.5em 1em;
160
- }
161
- .su-pullquote-align-left {
162
- margin: 0.5em 1.5em 1em 0;
163
- padding-left: 0;
164
- float: left;
165
- border-right: 5px solid #eee;
166
- }
167
- .su-pullquote-align-right {
168
- margin: 0.5em 0 1em 1.5em;
169
- padding-right: 0;
170
- float: right;
171
- border-left: 5px solid #eee;
172
- }
173
-
174
- /* Row + Column
175
- ---------------------------------------------------------------*/
176
-
177
- .su-row {
178
- clear: both;
179
- zoom: 1;
180
- }
181
- .su-row:before,
182
- .su-row:after {
183
- content: "";
184
- display: table;
185
- }
186
- .su-row:after { clear: both }
187
- .su-column {
188
- display: block;
189
- float: left;
190
- margin: 0 0 1em 4%;
191
- -webkit-box-sizing: border-box;
192
- -moz-box-sizing: border-box;
193
- box-sizing: border-box;
194
- }
195
- .su-column:first-child { margin-left: 0 }
196
- .su-column img,
197
- .su-column iframe,
198
- .su-column object,
199
- .su-column embed { max-width: 100% }
200
- @media only screen {
201
- [class*="su-column"] + [class*="su-column"]:last-child { float: right }
202
- }
203
- .su-column-size-1-1 { width: 100% }
204
- .su-column-size-1-2 { width: 48% }
205
- .su-column-size-1-3 { width: 30.66% }
206
- .su-column-size-2-3 { width: 65.33% }
207
- .su-column-size-1-4 { width: 22% }
208
- .su-column-size-3-4 { width: 74% }
209
- .su-column-size-1-5 { width: 16.8% }
210
- .su-column-size-2-5 { width: 37.6% }
211
- .su-column-size-3-5 { width: 58.4% }
212
- .su-column-size-4-5 { width: 79.2% }
213
- .su-column-size-1-6 { width: 13.33% }
214
- .su-column-size-5-6 { width: 82.66% }
215
- /* Styles for screens that are less than 768px */
216
- @media only screen and (max-width: 768px) {
217
- .su-column {
218
- width: 100% !important;
219
- float: none !important;
220
- margin: 0 0 1em 0;
221
- }
222
- }
223
-
224
- /* Service
225
- ---------------------------------------------------------------*/
226
-
227
- .su-service {
228
- position: relative;
229
- margin: 0 0 1.5em 0;
230
- }
231
- .su-service-title {
232
- display: block;
233
- margin: 0 0 5px 0;
234
- color: #333;
235
- font-weight: bold;
236
- font-size: 1.15em;
237
- line-height: 1.5;
238
- }
239
- .su-service-title img {
240
- position: absolute;
241
- top: 0;
242
- left: 0;
243
- display: block !important;
244
- margin: 0 !important;
245
- padding: 0 !important;
246
- border: none !important;
247
- border: none !important;
248
- -webkit-box-shadow: none !important;
249
- -moz-box-shadow: none !important;
250
- box-shadow: none !important;
251
- }
252
- .su-service-content { line-height: 1.4; }
253
-
254
- /* Box
255
- ---------------------------------------------------------------*/
256
-
257
- .su-box {
258
- margin: 0 0 1.5em 0;
259
- border-width: 1px;
260
- border-style: solid;
261
- }
262
- .su-box-title {
263
- display: block;
264
- padding: 0.5em 1em;
265
- font-weight: bold;
266
- font-size: 1.1em;
267
- }
268
- .su-box-content { padding: 1em; }
269
- .su-box-style-soft .su-box-title {
270
- background-image: url('../images/styles/style-soft.png');
271
- background-position: 0 0;
272
- background-repeat: repeat-x;
273
- }
274
- .su-box-style-glass .su-box-title {
275
- background-image: url('../images/styles/style-glass.png');
276
- background-position: 0 50%;
277
- background-repeat: repeat-x;
278
- }
279
- .su-box-style-bubbles .su-box-title {
280
- background-image: url('../images/styles/style-bubbles.png');
281
- background-position: 0 50%;
282
- background-repeat: repeat-x;
283
- }
284
- .su-box-style-noise .su-box-title {
285
- background-image: url('../images/styles/style-noise.png');
286
- background-position: 0 0;
287
- background-repeat: repeat-x;
288
- }
289
-
290
- /* Note
291
- ---------------------------------------------------------------*/
292
-
293
- .su-note {
294
- margin: 0 0 1.5em 0;
295
- border-width: 1px;
296
- border-style: solid;
297
- }
298
- .su-note-inner {
299
- padding: 1em;
300
- border-width: 1px;
301
- border-style: solid;
302
}
1
+ /*** Shortcodes Ultimate - box elements ***/
2
+
3
+ /* Tabs + Tab
4
+ ---------------------------------------------------------------*/
5
+
6
+ .su-tabs {
7
+ margin: 0 0 1.5em 0;
8
+ padding: 3px;
9
+ -webkit-border-radius: 3px;
10
+ -moz-border-radius: 3px;
11
+ border-radius: 3px;
12
+ background: #eee;
13
+ }
14
+ .su-tabs-nav span {
15
+ display: inline-block;
16
+ margin-right: 3px;
17
+ padding: 0.5em 1em;
18
+ -webkit-border-top-left-radius: 3px;
19
+ -moz-border-radius-topleft: 3px;
20
+ border-top-left-radius: 3px;
21
+ -webkit-border-top-right-radius: 3px;
22
+ -moz-border-radius-topright: 3px;
23
+ border-top-right-radius: 3px;
24
+ color: #333;
25
+ cursor: pointer;
26
+ -webkit-transition: all .2s;
27
+ -moz-transition: all .2s;
28
+ -o-transition: all .2s;
29
+ transition: all .2s;
30
+ }
31
+ .su-tabs-nav span:hover { background: #f5f5f5; }
32
+ .su-tabs-nav span.su-tabs-current { background: #fff; }
33
+ .su-tabs-pane {
34
+ padding: 1em;
35
+ -webkit-box-sizing: border-box;
36
+ -moz-box-sizing: border-box;
37
+ box-sizing: border-box;
38
+ -webkit-border-bottom-right-radius: 3px;
39
+ -moz-border-radius-bottomright: 3px;
40
+ border-bottom-right-radius: 3px;
41
+ -webkit-border-bottom-left-radius: 3px;
42
+ -moz-border-radius-bottomleft: 3px;
43
+ border-bottom-left-radius: 3px;
44
+ background: #fff;
45
+ color: #333;
46
+ }
47
+ .su-tabs-vertical .su-tabs-nav {
48
+ width: 200px;
49
+ float: left;
50
+ }
51
+ .su-tabs-vertical .su-tabs-nav span {
52
+ display: block;
53
+ margin-right: 0;
54
+ -webkit-border-radius: 0;
55
+ -moz-border-radius: 0;
56
+ border-radius: 0;
57
+ -webkit-border-top-left-radius: 3px;
58
+ -moz-border-radius-topleft: 3px;
59
+ border-top-left-radius: 3px;
60
+ -webkit-border-bottom-left-radius: 3px;
61
+ -moz-border-radius-bottomleft: 3px;
62
+ border-bottom-left-radius: 3px;
63
+ }
64
+ .su-tabs-vertical .su-tabs-pane {
65
+ height: 100%;
66
+ margin-left: 200px;
67
+ }
68
+
69
+ /* Spoiler
70
+ ---------------------------------------------------------------*/
71
+
72
+ .su-spoiler { margin-bottom: 1.5em; }
73
+ .su-spoiler .su-spoiler:last-child { margin-bottom: 0; }
74
+ .su-spoiler-content {
75
+ -webkit-transition: padding-top .2s;
76
+ -moz-transition: padding-top .2s;
77
+ -o-transition: padding-top .2s;
78
+ transition: padding-top .2s;
79
+ -ie-transition: padding-top .2s;
80
+ }
81
+ .su-spoiler.su-spoiler-closed > .su-spoiler-content {
82
+ width: 0;
83
+ height: 0;
84
+ margin: 0;
85
+ padding: 0;
86
+ overflow: hidden;
87
+ border: none;
88
+ opacity: 0;
89
+ }
90
+ .su-spoiler-title {
91
+ position: relative;
92
+ min-height: 16px;
93
+ padding: 4px 0 4px 24px;
94
+ background: #fff;
95
+ color: #333;
96
+ font-weight: bold;
97
+ line-height: 16px;
98
+ cursor: pointer;
99
+ }
100
+ .su-spoiler-title > .su-spoiler-icon {
101
+ position: absolute;
102
+ top: 4px;
103
+ left: 0;
104
+ display: block;
105
+ width: 16px;
106
+ height: 16px;
107
+ background: 0 -16px url('../images/spoiler.png') no-repeat;
108
+ }
109
+ .su-spoiler-closed > .su-spoiler-title > .su-spoiler-icon { background: 0 0 url('../images/spoiler.png') no-repeat; }
110
+ .su-spoiler-content {
111
+ padding: 1em 0 0 24px;
112
+ background: #fff;
113
+ color: #333;
114
+ }
115
+
116
+ /* Quote
117
+ ---------------------------------------------------------------*/
118
+
119
+ .su-quote {
120
+ position: relative;
121
+ margin-bottom: 1.5em;
122
+ padding: 0.5em 3em;
123
+ font-style: italic;
124
+ }
125
+ .su-quote-has-cite { margin-bottom: 3em; }
126
+ .su-quote:before,
127
+ .su-quote:after {
128
+ position: absolute;
129
+ display: block;
130
+ width: 20px;
131
+ height: 20px;
132
+ background-image: url('../images/quote.png');
133
+ content: '';
134
+ }
135
+ .su-quote:before {
136
+ top: 0;
137
+ left: 0;
138
+ background-position: 0 0;
139
+ }
140
+ .su-quote:after {
141
+ right: 0;
142
+ bottom: 0;
143
+ background-position: -20px 0;
144
+ }
145
+ .su-quote-cite {
146
+ position: absolute;
147
+ right: 4em;
148
+ bottom: -1.5em;
149
+ font-style: normal;
150
+ }
151
+ .su-quote-cite a { text-decoration: underline; }
152
+
153
+ /* Pullquote
154
+ ---------------------------------------------------------------*/
155
+
156
+ .su-pullquote {
157
+ display: block;
158
+ width: 30%;
159
+ padding: 0.5em 1em;
160
+ }
161
+ .su-pullquote-align-left {
162
+ margin: 0.5em 1.5em 1em 0;
163
+ padding-left: 0;
164
+ float: left;
165
+ border-right: 5px solid #eee;
166
+ }
167
+ .su-pullquote-align-right {
168
+ margin: 0.5em 0 1em 1.5em;
169
+ padding-right: 0;
170
+ float: right;
171
+ border-left: 5px solid #eee;
172
+ }
173
+
174
+ /* Row + Column
175
+ ---------------------------------------------------------------*/
176
+
177
+ .su-row {
178
+ clear: both;
179
+ zoom: 1;
180
+ }
181
+ .su-row:before,
182
+ .su-row:after {
183
+ content: "";
184
+ display: table;
185
+ }
186
+ .su-row:after { clear: both }
187
+ .su-column {
188
+ display: block;
189
+ float: left;
190
+ margin: 0 0 1em 4%;
191
+ -webkit-box-sizing: border-box;
192
+ -moz-box-sizing: border-box;
193
+ box-sizing: border-box;
194
+ }
195
+ .su-column:first-child { margin-left: 0 }
196
+ .su-column img,
197
+ .su-column iframe,
198
+ .su-column object,
199
+ .su-column embed { max-width: 100% }
200
+ @media only screen {
201
+ [class*="su-column"] + [class*="su-column"]:last-child { float: right }
202
+ }
203
+ .su-column-size-1-1 { width: 100% }
204
+ .su-column-size-1-2 { width: 48% }
205
+ .su-column-size-1-3 { width: 30.66% }
206
+ .su-column-size-2-3 { width: 65.33% }
207
+ .su-column-size-1-4 { width: 22% }
208
+ .su-column-size-3-4 { width: 74% }
209
+ .su-column-size-1-5 { width: 16.8% }
210
+ .su-column-size-2-5 { width: 37.6% }
211
+ .su-column-size-3-5 { width: 58.4% }
212
+ .su-column-size-4-5 { width: 79.2% }
213
+ .su-column-size-1-6 { width: 13.33% }
214
+ .su-column-size-5-6 { width: 82.66% }
215
+ /* Styles for screens that are less than 768px */
216
+ @media only screen and (max-width: 768px) {
217
+ .su-column {
218
+ width: 100% !important;
219
+ float: none !important;
220
+ margin: 0 0 1em 0;
221
+ }
222
+ }
223
+
224
+ /* Service
225
+ ---------------------------------------------------------------*/
226
+
227
+ .su-service {
228
+ position: relative;
229
+ margin: 0 0 1.5em 0;
230
+ }
231
+ .su-service-title {
232
+ display: block;
233
+ margin: 0 0 5px 0;
234
+ color: #333;
235
+ font-weight: bold;
236
+ font-size: 1.15em;
237
+ line-height: 1.5;
238
+ }
239
+ .su-service-title img {
240
+ position: absolute;
241
+ top: 0;
242
+ left: 0;
243
+ display: block !important;
244
+ margin: 0 !important;
245
+ padding: 0 !important;
246
+ border: none !important;
247
+ border: none !important;
248
+ -webkit-box-shadow: none !important;
249
+ -moz-box-shadow: none !important;
250
+ box-shadow: none !important;
251
+ }
252
+ .su-service-content { line-height: 1.4; }
253
+
254
+ /* Box
255
+ ---------------------------------------------------------------*/
256
+
257
+ .su-box {
258
+ margin: 0 0 1.5em 0;
259
+ border-width: 1px;
260
+ border-style: solid;
261
+ }
262
+ .su-box-title {
263
+ display: block;
264
+ padding: 0.5em 1em;
265
+ font-weight: bold;
266
+ font-size: 1.1em;
267
+ }
268
+ .su-box-content { padding: 1em; }
269
+ .su-box-style-soft .su-box-title {
270
+ background-image: url('../images/styles/style-soft.png');
271
+ background-position: 0 0;
272
+ background-repeat: repeat-x;
273
+ }
274
+ .su-box-style-glass .su-box-title {
275
+ background-image: url('../images/styles/style-glass.png');
276
+ background-position: 0 50%;
277
+ background-repeat: repeat-x;
278
+ }
279
+ .su-box-style-bubbles .su-box-title {
280
+ background-image: url('../images/styles/style-bubbles.png');
281
+ background-position: 0 50%;
282
+ background-repeat: repeat-x;
283
+ }
284
+ .su-box-style-noise .su-box-title {
285
+ background-image: url('../images/styles/style-noise.png');
286
+ background-position: 0 0;
287
+ background-repeat: repeat-x;
288
+ }
289
+
290
+ /* Note
291
+ ---------------------------------------------------------------*/
292
+
293
+ .su-note {
294
+ margin: 0 0 1.5em 0;
295
+ border-width: 1px;
296
+ border-style: solid;
297
+ }
298
+ .su-note-inner {
299
+ padding: 1em;
300
+ border-width: 1px;
301
+ border-style: solid;
302
}
assets/css/content-shortcodes.css CHANGED
@@ -1,301 +1,301 @@
1
- /*** Shortcodes Ultimate - content elements ***/
2
-
3
- /* Heading
4
- ---------------------------------------------------------------*/
5
-
6
- .su-heading {
7
- margin: 0 0 1.5em 0;
8
- padding: 2px 0;
9
- border-top: 1px solid #999;
10
- border-bottom: 1px solid #999;
11
- }
12
- .su-heading-inner {
13
- padding: 1em 0.5em;
14
- border-top: 4px solid #eee;
15
- border-bottom: 4px solid #eee;
16
- }
17
- .su-heading-align-left { text-align: left }
18
- .su-heading-align-center { text-align: center }
19
- .su-heading-align-right { text-align: right }
20
-
21
- /* Divider
22
- ---------------------------------------------------------------*/
23
-
24
- .su-divider {
25
- clear: both;
26
- position: relative;
27
- height: 3px;
28
- margin: 2.5em 0 1.5em 0;
29
- background: #999;
30
- }
31
- .su-divider a {
32
- position: absolute;
33
- right: 0;
34
- bottom: 5px;
35
- display: inline-block;
36
- color: #777;
37
- font-size: 0.8em;
38
- text-decoration: none;
39
- }
40
-
41
- /* Spacer
42
- ---------------------------------------------------------------*/
43
-
44
- .su-spacer {
45
- display: block;
46
- height: 0;
47
- clear: both;
48
- overflow: hidden;
49
- }
50
- .su-spacer-5 { height: 5px }
51
- .su-spacer-10 { height: 10px }
52
- .su-spacer-20 { height: 20px }
53
- .su-spacer-30 { height: 30px }
54
- .su-spacer-40 { height: 40px }
55
-
56
- /* Highlight
57
- ---------------------------------------------------------------*/
58
-
59
- .su-highlight {
60
- display: inline;
61
- padding: 1px 0;
62
- }
63
-
64
- /* Label
65
- ---------------------------------------------------------------*/
66
-
67
- .su-label {
68
- display: inline;
69
- margin-right: 0.3em;
70
- padding: 0.1em 0.3em;
71
- font-size: 0.8em;
72
- height: 0.8em;
73
- line-height: 0.8em;
74
- color: #fff;
75
- border-radius: 3px;
76
- -moz-border-radius: 3px;
77
- -webkit-border-radius: 3px;
78
- }
79
- .su-label-type-default { background: #999 }
80
- .su-label-type-success { background: #090 }
81
- .su-label-type-warning { background: #f90 }
82
- .su-label-type-important { background: #f03 }
83
- .su-label-type-black { background: #111 }
84
- .su-label-type-info { background: #09c }
85
-
86
- /* Dropcap
87
- ---------------------------------------------------------------*/
88
-
89
- .su-dropcap {
90
- float: left;
91
- display: inline-block;
92
- width: 2em;
93
- height: 2em;
94
- margin: 0.2em 0.5em 0.2em 0;
95
- line-height: 2em;
96
- text-align: center;
97
- overflow: hidden;
98
- text-transform: uppercase;
99
- }
100
- .su-dropcap-style-default {
101
- color: #fff;
102
- background: rgb(69, 72, 77); /* Old browsers */
103
- background: -moz-linear-gradient(top, rgba(69, 72, 77, 1) 0%, rgba(0, 0, 0, 1) 100%); /* FF3.6+ */
104
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(69, 72, 77, 1)), color-stop(100%, rgba(0, 0, 0, 1))); /* Chrome,Safari4+ */
105
- background: -webkit-linear-gradient(top, rgba(69, 72, 77, 1) 0%, rgba(0, 0, 0, 1) 100%); /* Chrome10+,Safari5.1+ */
106
- background: -o-linear-gradient(top, rgba(69, 72, 77, 1) 0%, rgba(0, 0, 0, 1) 100%); /* Opera 11.10+ */
107
- background: -ms-linear-gradient(top, rgba(69, 72, 77, 1) 0%, rgba(0, 0, 0, 1) 100%); /* IE10+ */
108
- background: linear-gradient(to bottom, rgba(69, 72, 77, 1) 0%, rgba(0, 0, 0, 1) 100%); /* W3C */
109
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#45484d', endColorstr='#000000', GradientType=0); /* IE6-9 */
110
- text-shadow: -1px -1px 0 #000;
111
- -moz-text-shadow: -1px -1px 0 #000;
112
- -webkit-text-shadow: -1px -1px 0 #000;
113
- border-radius: 50%;
114
- -moz-border-radius: 50%;
115
- -webkit-border-radius: 50%;
116
- }
117
- .su-dropcap-style-flat {
118
- background: #444;
119
- color: #fff;
120
- }
121
- .su-dropcap-style-light {
122
- color: #333;
123
- border-radius: 50%;
124
- -moz-border-radius: 50%;
125
- -webkit-border-radius: 50%;
126
- background: rgb(255, 255, 255); /* Old browsers */
127
- background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(234, 234, 234, 1) 100%); /* FF3.6+ */
128
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(234, 234, 234, 1))); /* Chrome,Safari4+ */
129
- background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(234, 234, 234, 1) 100%); /* Chrome10+,Safari5.1+ */
130
- background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(234, 234, 234, 1) 100%); /* Opera 11.10+ */
131
- background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(234, 234, 234, 1) 100%); /* IE10+ */
132
- background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(234, 234, 234, 1) 100%); /* W3C */
133
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eaeaea', GradientType=0); /* IE6-9 */
134
- }
135
- .su-dropcap-style-simple {
136
- width: 1em;
137
- height: 1em;
138
- line-height: 1em;
139
- text-align: left;
140
- }
141
-
142
- /* List
143
- ---------------------------------------------------------------*/
144
-
145
- .su-list ul {
146
- list-style: none !important;
147
- margin: 0 0 1.5em 0 !important;
148
- padding: 0 !important;
149
- }
150
- .su-list ul li {
151
- list-style-type: none !important;
152
- display: block !important;
153
- margin: 0 !important;
154
- padding: 0.15em 0 0.15em 26px !important;
155
- }
156
- .su-list-style-star li { background: 0 50% url('../images/lists/list-style-star.png') no-repeat !important }
157
- .su-list-style-arrow li { background: 0 50% url('../images/lists/list-style-arrow.png') no-repeat !important }
158
- .su-list-style-check li { background: 0 50% url('../images/lists/list-style-check.png') no-repeat !important }
159
- .su-list-style-cross li { background: 0 50% url('../images/lists/list-style-cross.png') no-repeat !important }
160
- .su-list-style-thumbs li { background: 0 50% url('../images/lists/list-style-thumbs.png') no-repeat !important }
161
- .su-list-style-link li { background: 0 50% url('../images/lists/list-style-link.png') no-repeat !important }
162
- .su-list-style-gear li { background: 0 50% url('../images/lists/list-style-gear.png') no-repeat !important }
163
- .su-list-style-time li { background: 0 50% url('../images/lists/list-style-time.png') no-repeat !important }
164
- .su-list-style-note li { background: 0 50% url('../images/lists/list-style-note.png') no-repeat !important }
165
- .su-list-style-plus li { background: 0 50% url('../images/lists/list-style-plus.png') no-repeat !important }
166
- .su-list-style-guard li { background: 0 50% url('../images/lists/list-style-guard.png') no-repeat !important }
167
- .su-list-style-event li { background: 0 50% url('../images/lists/list-style-event.png') no-repeat !important }
168
- .su-list-style-idea li { background: 0 50% url('../images/lists/list-style-idea.png') no-repeat !important }
169
- .su-list-style-settings li { background: 0 50% url('../images/lists/list-style-settings.png') no-repeat !important }
170
- .su-list-style-twitter li { background: 0 50% url('../images/lists/list-style-twitter.png') no-repeat !important }
171
- .su-list-style-check li.x { background: 0 50% url('../images/lists/list-style-cross.png') no-repeat !important }
172
- .su-list-style-cross li.v { background: 0 50% url('../images/lists/list-style-check.png') no-repeat !important }
173
-
174
- /* Button
175
- ---------------------------------------------------------------*/
176
-
177
- .su-button {
178
- display: inline-block;
179
- text-align: center;
180
- text-decoration: none !important;
181
- box-sizing: content-box !important;
182
- -moz-box-sizing: content-box !important;
183
- -webkit-box-sizing: content-box !important;
184
- transition: all .2s;
185
- -o-transition: all .2s;
186
- -ie-transition: all .2s;
187
- -moz-transition: all .2s;
188
- -webkit-transition: all .2s;
189
- }
190
- .su-button-wide { display: block }
191
- .su-button span {
192
- display: block !important;
193
- text-decoration: none !important;
194
- box-sizing: content-box !important;
195
- -moz-box-sizing: content-box !important;
196
- -webkit-box-sizing: content-box !important;
197
- transition: all .2s;
198
- -o-transition: all .2s;
199
- -ie-transition: all .2s;
200
- -moz-transition: all .2s;
201
- -webkit-transition: all .2s;
202
- }
203
- .su-button img {
204
- border: none !important;
205
- vertical-align: middle !important;
206
- margin: -0.2em 0.4em 0 -0.3em !important;
207
- box-shadow: none !important;
208
- -moz-box-shadow: none !important;
209
- -webkit-box-shadow: none !important;
210
- }
211
- .su-button.su-button-float-icon img { margin: 0 0.5em !important }
212
- .su-button small {
213
- display: block;
214
- margin: -0.2em 0 0 0;
215
- color: inherit;
216
- text-align: center;
217
- font-style: normal;
218
- font-size: 0.8em;
219
- line-height: 1;
220
- opacity: 0.7;
221
- filter: alpha(opacity=70);
222
- }
223
- .su-button-style-default {
224
- border-width: 1px;
225
- border-style: solid;
226
- }
227
- .su-button-style-default:hover {
228
- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
229
- filter: alpha(opacity=70);
230
- -moz-opacity: 0.7;
231
- -khtml-opacity: 0.7;
232
- opacity: 0.7;
233
- }
234
- .su-button-style-default span {
235
- border-top-width: 1px;
236
- border-bottom-width: 1px;
237
- border-top-style: solid;
238
- border-bottom-style: solid;
239
- }
240
- .su-button-style-flat,
241
- .su-button-style-flat span { border: none }
242
- .su-button-style-flat span { position: relative }
243
- .su-button-style-flat:hover span { top: 1px }
244
- .su-button-style-soft span { background: 0 -20px url('../images/styles/style-soft.png') repeat-x }
245
- .su-button-style-soft:hover span { background: 0 0 url('../images/styles/style-soft.png') repeat-x }
246
- .su-button-style-glass span { background: 0 50% url('../images/styles/style-glass.png') repeat-x }
247
- .su-button-style-glass:hover span { background: 100% 50% url('../images/styles/style-glass.png') repeat-x }
248
- .su-button-style-bubbles span { background: 0 50% url('../images/styles/style-bubbles.png') no-repeat }
249
- .su-button-style-bubbles:hover span { background: -710px 50% url('../images/styles/style-bubbles.png') no-repeat }
250
- .su-button-style-noise span { background: 0 0 url('../images/styles/style-noise.png') repeat-x }
251
- .su-button-style-noise:hover span { background: 0 0 url('../images/styles/style-noise.png') repeat-x }
252
- .su-button-style-stroked span {
253
- margin: 1px;
254
- border: 1px dashed #fff !important;
255
- }
256
- .su-button-style-stroked:hover span {
257
- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
258
- filter: alpha(opacity=70);
259
- -moz-opacity: 0.7;
260
- -khtml-opacity: 0.7;
261
- opacity: 0.7;
262
- }
263
- .su-button-style-3d {
264
- border-bottom-style: solid;
265
- border-bottom-width: 6px;
266
- }
267
- .su-button-style-3d span {
268
- border-bottom-style: solid;
269
- border-bottom-width: 1px;
270
- }
271
- .su-button-style-3d:hover {
272
- position: relative;
273
- top: 3px;
274
- border-bottom-width: 3px;
275
- }
276
-
277
- /* Table
278
- ---------------------------------------------------------------*/
279
-
280
- .su-table table {
281
- width: 100% !important;
282
- margin: 0 0 1.5em 0 !important;
283
- border-collapse: collapse !important;
284
- font-size: 1em !important;
285
- border: 1px solid #ccc !important;
286
- }
287
- .su-table th {
288
- text-align: center !important;
289
- padding: 1em !important;
290
- font-size: 1em !important;
291
- font-weight: normal !important;
292
- color: #333 !important;
293
- border: 1px solid #ccc !important;
294
- background: #f0f0f0 !important;
295
- }
296
- .su-table td {
297
- padding: 0.5em 1em !important;
298
- border: 1px solid #ccc !important;
299
- background: #fff !important;
300
- }
301
.su-table .su-even td { background: #f7f7f7 !important }
1
+ /*** Shortcodes Ultimate - content elements ***/
2
+
3
+ /* Heading
4
+ ---------------------------------------------------------------*/
5
+
6
+ .su-heading {
7
+ margin: 0 0 1.5em 0;
8
+ padding: 2px 0;
9
+ border-top: 1px solid #999;
10
+ border-bottom: 1px solid #999;
11
+ }
12
+ .su-heading-inner {
13
+ padding: 1em 0.5em;
14
+ border-top: 4px solid #eee;
15
+ border-bottom: 4px solid #eee;
16
+ }
17
+ .su-heading-align-left { text-align: left }
18
+ .su-heading-align-center { text-align: center }
19
+ .su-heading-align-right { text-align: right }
20
+
21
+ /* Divider
22
+ ---------------------------------------------------------------*/
23
+
24
+ .su-divider {
25
+ clear: both;
26
+ position: relative;
27
+ height: 3px;
28
+ margin: 2.5em 0 1.5em 0;
29
+ background: #999;
30
+ }
31
+ .su-divider a {
32
+ position: absolute;
33
+ right: 0;
34
+ bottom: 5px;
35
+ display: inline-block;
36
+ color: #777;
37
+ font-size: 0.8em;
38
+ text-decoration: none;
39
+ }
40
+
41
+ /* Spacer
42
+ ---------------------------------------------------------------*/
43
+
44
+ .su-spacer {
45
+ display: block;
46
+ height: 0;
47
+ clear: both;
48
+ overflow: hidden;
49
+ }
50
+ .su-spacer-5 { height: 5px }
51
+ .su-spacer-10 { height: 10px }
52
+ .su-spacer-20 { height: 20px }
53
+ .su-spacer-30 { height: 30px }
54
+ .su-spacer-40 { height: 40px }
55
+
56
+ /* Highlight
57
+ ---------------------------------------------------------------*/
58
+
59
+ .su-highlight {
60
+ display: inline;
61
+ padding: 1px 0;
62
+ }
63
+
64
+ /* Label
65
+ ---------------------------------------------------------------*/
66
+
67
+ .su-label {
68
+ display: inline;
69
+ margin-right: 0.3em;
70
+ padding: 0.1em 0.3em;
71
+ font-size: 0.8em;
72
+ height: 0.8em;
73
+ line-height: 0.8em;
74
+ color: #fff;
75
+ border-radius: 3px;
76
+ -moz-border-radius: 3px;
77
+ -webkit-border-radius: 3px;
78
+ }
79
+ .su-label-type-default { background: #999 }
80
+ .su-label-type-success { background: #090 }
81
+ .su-label-type-warning { background: #f90 }
82
+ .su-label-type-important { background: #f03 }
83
+ .su-label-type-black { background: #111 }
84
+ .su-label-type-info { background: #09c }
85
+
86
+ /* Dropcap
87
+ ---------------------------------------------------------------*/
88
+
89
+ .su-dropcap {
90
+ float: left;
91
+ display: inline-block;
92
+ width: 2em;
93
+ height: 2em;
94
+ margin: 0.2em 0.5em 0.2em 0;
95
+ line-height: 2em;
96
+ text-align: center;
97
+ overflow: hidden;
98
+ text-transform: uppercase;
99
+ }
100
+ .su-dropcap-style-default {
101
+ color: #fff;
102
+ background: rgb(69, 72, 77); /* Old browsers */
103
+ background: -moz-linear-gradient(top, rgba(69, 72, 77, 1) 0%, rgba(0, 0, 0, 1) 100%); /* FF3.6+ */
104
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(69, 72, 77, 1)), color-stop(100%, rgba(0, 0, 0, 1))); /* Chrome,Safari4+ */
105
+ background: -webkit-linear-gradient(top, rgba(69, 72, 77, 1) 0%, rgba(0, 0, 0, 1) 100%); /* Chrome10+,Safari5.1+ */
106
+ background: -o-linear-gradient(top, rgba(69, 72, 77, 1) 0%, rgba(0, 0, 0, 1) 100%); /* Opera 11.10+ */
107
+ background: -ms-linear-gradient(top, rgba(69, 72, 77, 1) 0%, rgba(0, 0, 0, 1) 100%); /* IE10+ */
108
+ background: linear-gradient(to bottom, rgba(69, 72, 77, 1) 0%, rgba(0, 0, 0, 1) 100%); /* W3C */
109
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#45484d', endColorstr='#000000', GradientType=0); /* IE6-9 */
110
+ text-shadow: -1px -1px 0 #000;
111
+ -moz-text-shadow: -1px -1px 0 #000;
112
+ -webkit-text-shadow: -1px -1px 0 #000;
113
+ border-radius: 50%;
114
+ -moz-border-radius: 50%;
115
+ -webkit-border-radius: 50%;
116
+ }
117
+ .su-dropcap-style-flat {
118
+ background: #444;
119
+ color: #fff;
120
+ }
121
+ .su-dropcap-style-light {
122
+ color: #333;
123
+ border-radius: 50%;
124
+ -moz-border-radius: 50%;
125
+ -webkit-border-radius: 50%;
126
+ background: rgb(255, 255, 255); /* Old browsers */
127
+ background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(234, 234, 234, 1) 100%); /* FF3.6+ */
128
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(234, 234, 234, 1))); /* Chrome,Safari4+ */
129
+ background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(234, 234, 234, 1) 100%); /* Chrome10+,Safari5.1+ */
130
+ background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(234, 234, 234, 1) 100%); /* Opera 11.10+ */
131
+ background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(234, 234, 234, 1) 100%); /* IE10+ */
132
+ background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(234, 234, 234, 1) 100%); /* W3C */
133
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eaeaea', GradientType=0); /* IE6-9 */
134
+ }
135
+ .su-dropcap-style-simple {
136
+ width: 1em;
137
+ height: 1em;
138
+ line-height: 1em;
139
+ text-align: left;
140
+ }
141
+
142
+ /* List
143
+ ---------------------------------------------------------------*/
144
+
145
+ .su-list ul {
146
+ list-style: none !important;
147
+ margin: 0 0 1.5em 0 !important;
148
+ padding: 0 !important;
149
+ }
150
+ .su-list ul li {
151
+ list-style-type: none !important;
152
+ display: block !important;
153
+ margin: 0 !important;
154
+ padding: 0.15em 0 0.15em 26px !important;
155
+ }
156
+ .su-list-style-star li { background: 0 50% url('../images/lists/list-style-star.png') no-repeat !important }
157
+ .su-list-style-arrow li { background: 0 50% url('../images/lists/list-style-arrow.png') no-repeat !important }
158
+ .su-list-style-check li { background: 0 50% url('../images/lists/list-style-check.png') no-repeat !important }
159
+ .su-list-style-cross li { background: 0 50% url('../images/lists/list-style-cross.png') no-repeat !important }
160
+ .su-list-style-thumbs li { background: 0 50% url('../images/lists/list-style-thumbs.png') no-repeat !important }
161
+ .su-list-style-link li { background: 0 50% url('../images/lists/list-style-link.png') no-repeat !important }
162
+ .su-list-style-gear li { background: 0 50% url('../images/lists/list-style-gear.png') no-repeat !important }
163
+ .su-list-style-time li { background: 0 50% url('../images/lists/list-style-time.png') no-repeat !important }
164
+ .su-list-style-note li { background: 0 50% url('../images/lists/list-style-note.png') no-repeat !important }
165
+ .su-list-style-plus li { background: 0 50% url('../images/lists/list-style-plus.png') no-repeat !important }
166
+ .su-list-style-guard li { background: 0 50% url('../images/lists/list-style-guard.png') no-repeat !important }
167
+ .su-list-style-event li { background: 0 50% url('../images/lists/list-style-event.png') no-repeat !important }
168
+ .su-list-style-idea li { background: 0 50% url('../images/lists/list-style-idea.png') no-repeat !important }
169
+ .su-list-style-settings li { background: 0 50% url('../images/lists/list-style-settings.png') no-repeat !important }
170
+ .su-list-style-twitter li { background: 0 50% url('../images/lists/list-style-twitter.png') no-repeat !important }
171
+ .su-list-style-check li.x { background: 0 50% url('../images/lists/list-style-cross.png') no-repeat !important }
172
+ .su-list-style-cross li.v { background: 0 50% url('../images/lists/list-style-check.png') no-repeat !important }
173
+
174
+ /* Button
175
+ ---------------------------------------------------------------*/
176
+
177
+ .su-button {
178
+ display: inline-block;
179
+ text-align: center;
180
+ text-decoration: none !important;
181
+ box-sizing: content-box !important;
182
+ -moz-box-sizing: content-box !important;
183
+ -webkit-box-sizing: content-box !important;
184
+ transition: all .2s;
185
+ -o-transition: all .2s;
186
+ -ie-transition: all .2s;
187
+ -moz-transition: all .2s;
188
+ -webkit-transition: all .2s;
189
+ }
190
+ .su-button-wide { display: block }
191
+ .su-button span {
192
+ display: block !important;
193
+ text-decoration: none !important;
194
+ box-sizing: content-box !important;
195
+ -moz-box-sizing: content-box !important;
196
+ -webkit-box-sizing: content-box !important;
197
+ transition: all .2s;
198
+ -o-transition: all .2s;
199
+ -ie-transition: all .2s;
200
+ -moz-transition: all .2s;
201
+ -webkit-transition: all .2s;
202
+ }
203
+ .su-button img {
204
+ border: none !important;
205
+ vertical-align: middle !important;
206
+ margin: -0.2em 0.4em 0 -0.3em !important;
207
+ box-shadow: none !important;
208
+ -moz-box-shadow: none !important;
209
+ -webkit-box-shadow: none !important;
210
+ }
211
+ .su-button.su-button-float-icon img { margin: 0 0.5em !important }
212
+ .su-button small {
213
+ display: block;
214
+ margin: -0.2em 0 0 0;
215
+ color: inherit;
216
+ text-align: center;
217
+ font-style: normal;
218
+ font-size: 0.8em;
219
+ line-height: 1;
220
+ opacity: 0.7;
221
+ filter: alpha(opacity=70);
222
+ }
223
+ .su-button-style-default {
224
+ border-width: 1px;
225
+ border-style: solid;
226
+ }
227
+ .su-button-style-default:hover {
228
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
229
+ filter: alpha(opacity=70);
230
+ -moz-opacity: 0.7;
231
+ -khtml-opacity: 0.7;
232
+ opacity: 0.7;
233
+ }
234
+ .su-button-style-default span {
235
+ border-top-width: 1px;
236
+ border-bottom-width: 1px;
237
+ border-top-style: solid;
238
+ border-bottom-style: solid;
239
+ }
240
+ .su-button-style-flat,
241
+ .su-button-style-flat span { border: none }
242
+ .su-button-style-flat span { position: relative }
243
+ .su-button-style-flat:hover span { top: 1px }
244
+ .su-button-style-soft span { background: 0 -20px url('../images/styles/style-soft.png') repeat-x }
245
+ .su-button-style-soft:hover span { background: 0 0 url('../images/styles/style-soft.png') repeat-x }
246
+ .su-button-style-glass span { background: 0 50% url('../images/styles/style-glass.png') repeat-x }
247
+ .su-button-style-glass:hover span { background: 100% 50% url('../images/styles/style-glass.png') repeat-x }
248
+ .su-button-style-bubbles span { background: 0 50% url('../images/styles/style-bubbles.png') no-repeat }
249
+ .su-button-style-bubbles:hover span { background: -710px 50% url('../images/styles/style-bubbles.png') no-repeat }
250
+ .su-button-style-noise span { background: 0 0 url('../images/styles/style-noise.png') repeat-x }
251
+ .su-button-style-noise:hover span { background: 0 0 url('../images/styles/style-noise.png') repeat-x }
252
+ .su-button-style-stroked span {
253
+ margin: 1px;
254
+ border: 1px dashed #fff !important;
255
+ }
256
+ .su-button-style-stroked:hover span {
257
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
258
+ filter: alpha(opacity=70);
259
+ -moz-opacity: 0.7;
260
+ -khtml-opacity: 0.7;
261
+ opacity: 0.7;
262
+ }
263
+ .su-button-style-3d {
264
+ border-bottom-style: solid;
265
+ border-bottom-width: 6px;
266
+ }
267
+ .su-button-style-3d span {
268
+ border-bottom-style: solid;
269
+ border-bottom-width: 1px;
270
+ }
271
+ .su-button-style-3d:hover {
272
+ position: relative;
273
+ top: 3px;
274
+ border-bottom-width: 3px;
275
+ }
276
+
277
+ /* Table
278
+ ---------------------------------------------------------------*/
279
+
280
+ .su-table table {
281
+ width: 100% !important;
282
+ margin: 0 0 1.5em 0 !important;
283
+ border-collapse: collapse !important;
284
+ font-size: 1em !important;
285
+ border: 1px solid #ccc !important;
286
+ }
287
+ .su-table th {
288
+ text-align: center !important;
289
+ padding: 1em !important;
290
+ font-size: 1em !important;
291
+ font-weight: normal !important;
292
+ color: #333 !important;
293
+ border: 1px solid #ccc !important;
294
+ background: #f0f0f0 !important;
295
+ }
296
+ .su-table td {
297
+ padding: 0.5em 1em !important;
298
+ border: 1px solid #ccc !important;
299
+ background: #fff !important;
300
+ }
301
.su-table .su-even td { background: #f7f7f7 !important }
assets/css/galleries-shortcodes.css CHANGED
@@ -1,455 +1,455 @@
1
- /*** Shortcodes Ultimate - galleries elements ***/
2
-
3
- .su-slider {
4
- position: relative;
5
- margin-bottom: 1.5em;
6
- overflow: hidden;
7
- -webkit-backface-visibility: hidden;
8
- -moz-backface-visibility: hidden;
9
- -ms-backface-visibility: hidden;
10
- -o-backface-visibility: hidden;
11
- backface-visibility: hidden;
12
- z-index: 1;
13
- }
14
- .su-slider-centered { margin: 0 auto 1.5em auto }
15
- .su-slider-slides {
16
- position: relative;
17
- width: 100%;
18
- -webkit-transition-property: -webkit-transform, left, top;
19
- -webkit-transition-duration: 0s;
20
- -webkit-transform: translate3d(0px, 0, 0);
21
- -webkit-transition-timing-function: ease;
22
- -moz-transition-property: -moz-transform, left, top;
23
- -moz-transition-duration: 0s;
24
- -moz-transform: translate3d(0px, 0, 0);
25
- -moz-transition-timing-function: ease;
26
- -o-transition-property: -o-transform, left, top;
27
- -o-transition-duration: 0s;
28
- -o-transform: translate3d(0px, 0, 0);
29
- -o-transition-timing-function: ease;
30
- -o-transform: translate(0px, 0px);
31
- -ms-transition-property: -ms-transform, left, top;
32
- -ms-transition-duration: 0s;
33
- -ms-transform: translate3d(0px, 0, 0);
34
- -ms-transition-timing-function: ease;
35
- transition-property: transform, left, top;
36
- transition-duration: 0s;
37
- transform: translate3d(0px, 0, 0);
38
- transition-timing-function: ease;
39
- }
40
- .swiper-free-mode > .su-slider-slides {
41
- -webkit-transition-timing-function: ease-out;
42
- -moz-transition-timing-function: ease-out;
43
- -ms-transition-timing-function: ease-out;
44
- -o-transition-timing-function: ease-out;
45
- transition-timing-function: ease-out;
46
- margin: 0 auto;
47
- }
48
- .su-slider-slide {
49
- position: relative;
50
- float: left;
51
- }
52
- .su-slider-slide > a,
53
- .su-slider-slide > img,
54
- .su-slider-slide > a > img {
55
- position: relative;
56
- display: block;
57
- width: 100%;
58
- height: 100%;
59
- text-decoration: none;
60
- }
61
- .su-slider-responsive-yes .su-slider-slide > a,
62
- .su-slider-responsive-yes .su-slider-slide > img,
63
- .su-slider-responsive-yes .su-slider-slide > a > img { height: auto }
64
- .su-slider-pages-no .su-slider-pagination { display: none }
65
- .swiper-wp8-horizontal { -ms-touch-action: pan-y }
66
- .swiper-wp8-vertical { -ms-touch-action: pan-x }
67
- .su-slider-slide-title {
68
- position: absolute;
69
- left: 20px;
70
- bottom: 20px;
71
- display: block;
72
- max-width: 90%;
73
- padding: 5px 10px;
74
- color: #fff;
75
- line-height: 1.3;
76
- background: rgb(0, 0, 0);
77
- background: rgba(0, 0, 0, 0.5);
78
- border-radius: 5px;
79
- -moz-border-radius: 5px;
80
- -webkit-border-radius: 5px;
81
- box-sizing: border-box;
82
- -moz-box-sizing: border-box;
83
- -webkit-box-sizing: border-box;
84
- filter: alpha(opacity=0);
85
- opacity: 0;
86
- transition: opacity 1s;
87
- -o-transition: opacity 1s;
88
- -ie-transition: opacity 1s;
89
- -moz-transition: opacity 1s;
90
- -webkit-transition: opacity 1s;
91
- }
92
- .su-slider-slide-visible .su-slider-slide-title {
93
- filter: alpha(opacity=100);
94
- opacity: 1;
95
- }
96
- .su-slider-prev,
97
- .su-slider-next {
98
- position: absolute;
99
- top: 50%;
100
- display: block;
101
- width: 40px;
102
- height: 40px;
103
- margin-top: -20px !important;
104
- background: rgb(0, 0, 0) 0 0 url('../images/swiper/default.png') no-repeat;
105
- background-color: rgba(0, 0, 0, 0.5);
106
- cursor: pointer;
107
- border-radius: 50%;
108
- -moz-border-radius: 50%;
109
- -webkit-border-radius: 50%;
110
- filter: alpha(opacity=0);
111
- opacity: 0;
112
- transition: all .2s;
113
- -o-transition: all .2s;
114
- -ie-transition: all .2s;
115
- -moz-transition: all .2s;
116
- -webkit-transition: all .2s;
117
- }
118
- .su-slider-prev {
119
- right: 10px;
120
- margin-right: 30px;
121
- background-position: -40px 0;
122
- }
123
- .su-slider-next {
124
- left: 10px;
125
- margin-left: 30px;
126
- background-position: 0 0;
127
- }
128
- .su-slider:hover .su-slider-prev,
129
- .su-slider:hover .su-slider-next {
130
- margin-left: 0;
131
- margin-right: 0;
132
- filter: alpha(opacity=70);
133
- opacity: 0.7;
134
- }
135
- .su-slider .su-slider-prev:hover,
136
- .su-slider .su-slider-next:hover {
137
- filter: alpha(opacity=100);
138
- opacity: 1;
139
- }
140
- .su-slider-pagination {
141
- position: absolute;
142
- left: 15%;
143
- right: 15%;
144
- top: 50%;
145
- width: 70%;
146
- height: 0;
147
- margin-top: -7px;
148
- text-align: center;
149
- cursor: default;
150
- filter: alpha(opacity=0);
151
- opacity: 0;
152
- transition: all .2s;
153
- -o-transition: all .2s;
154
- -ie-transition: all .2s;
155
- -moz-transition: all .2s;
156
- -webkit-transition: all .2s;
157
- }
158
- .su-slider:hover .su-slider-pagination {
159
- bottom: 20px;
160
- filter: alpha(opacity=100);
161
- opacity: 1;
162
- }
163
- .su-slider-pagination span {
164
- display: inline-block;
165
- width: 14px;
166
- height: 14px;
167
- margin: 0;
168
- background: rgb(0, 0, 0) 0 -999px url('../images/swiper/default.png') no-repeat;
169
- background-color: rgba(0, 0, 0, 0.5);
170
- cursor: pointer;
171
- border-radius: 50%;
172
- -moz-border-radius: 50%;
173
- -webkit-border-radius: 50%;
174
- transition: all .2s;
175
- -o-transition: all .2s;
176
- -ie-transition: all .2s;
177
- -moz-transition: all .2s;
178
- -webkit-transition: all .2s;
179
- }
180
- .su-slider:hover .su-slider-pagination span { margin: 0 3px }
181
- .su-slider .su-slider-pagination span.swiper-visible-switch {
182
- background-color: rgb(255, 255, 255);
183
- background-color: rgba(255, 255, 255, 0.5);
184
- }
185
- .su-slider-pagination span:hover,
186
- .su-slider-pagination span.swiper-active-switch { background-position: 0 -40px }
187
-
188
- /* Carousel
189
- ---------------------------------------------------------------*/
190
-
191
- .su-carousel {
192
- position: relative;
193
- margin-bottom: 1.5em;
194
- overflow: hidden;
195
- -webkit-backface-visibility: hidden;
196
- -moz-backface-visibility: hidden;
197
- -ms-backface-visibility: hidden;
198
- -o-backface-visibility: hidden;
199
- backface-visibility: hidden;
200
- z-index: 1;
201
- }
202
- .su-carousel-centered { margin: 0 auto 1.5em auto }
203
- .su-carousel-slides {
204
- position: relative;
205
- width: 100%;
206
- -webkit-transition-property: -webkit-transform, left, top;
207
- -webkit-transition-duration: 0s;
208
- -webkit-transform: translate3d(0px, 0, 0);
209
- -webkit-transition-timing-function: ease;
210
- -moz-transition-property: -moz-transform, left, top;
211
- -moz-transition-duration: 0s;
212
- -moz-transform: translate3d(0px, 0, 0);
213
- -moz-transition-timing-function: ease;
214
- -o-transition-property: -o-transform, left, top;
215
- -o-transition-duration: 0s;
216
- -o-transform: translate3d(0px, 0, 0);
217
- -o-transition-timing-function: ease;
218
- -o-transform: translate(0px, 0px);
219
- -ms-transition-property: -ms-transform, left, top;
220
- -ms-transition-duration: 0s;
221
- -ms-transform: translate3d(0px, 0, 0);
222
- -ms-transition-timing-function: ease;
223
- transition-property: transform, left, top;
224
- transition-duration: 0s;
225
- transform: translate3d(0px, 0, 0);
226
- transition-timing-function: ease;
227
- }
228
- .swiper-free-mode > .su-carousel-slides {
229
- -webkit-transition-timing-function: ease-out;
230
- -moz-transition-timing-function: ease-out;
231
- -ms-transition-timing-function: ease-out;
232
- -o-transition-timing-function: ease-out;
233
- transition-timing-function: ease-out;
234
- margin: 0 auto;
235
- }
236
- .su-carousel-slide {
237
- position: relative;
238
- float: left;
239
- }
240
- .su-carousel-slide > a,
241
- .su-carousel-slide > img,
242
- .su-carousel-slide > a > img {
243
- position: relative;
244
- display: block;
245
- width: 100%;
246
- height: 100%;
247
- text-decoration: none;
248
- box-sizing: border-box;
249
- -moz-box-sizing: border-box;
250
- -webkit-box-sizing: border-box;
251
- }
252
- .su-carousel-responsive-yes .su-carousel-slide > a,
253
- .su-carousel-responsive-yes .su-carousel-slide > img,
254
- .su-carousel-responsive-yes .su-carousel-slide > a > img { height: auto }
255
- .su-carousel-pages-no .su-carousel-pagination { display: none }
256
- .swiper-wp8-horizontal { -ms-touch-action: pan-y }
257
- .swiper-wp8-vertical { -ms-touch-action: pan-x }
258
- .su-carousel { }
259
- .su-carousel .su-carousel-slide a { padding: 0 5px }
260
- .su-carousel .su-carousel-slide img {
261
- padding: 3px;
262
- border: 1px solid #ccc;
263
- background: #fff;
264
- border-radius: 5px;
265
- -moz-border-radius: 5px;
266
- -webkit-border-radius: 5px;
267
- }
268
- .su-carousel .su-carousel-slide-title {
269
- position: absolute;
270
- left: 9px;
271
- right: 9px;
272
- bottom: 4px;
273
- display: block;
274
- padding: 2px 3px;
275
- color: #fff;
276
- line-height: 1.2;
277
- font-size: 11px;
278
- background: rgb(0, 0, 0);
279
- background: rgba(0, 0, 0, 0.5);
280
- box-sizing: border-box;
281
- -moz-box-sizing: border-box;
282
- -webkit-box-sizing: border-box;
283
- transition: opacity 1s;
284
- -o-transition: opacity 1s;
285
- -ie-transition: opacity 1s;
286
- -moz-transition: opacity 1s;
287
- -webkit-transition: opacity 1s;
288
- }
289
- .su-carousel .su-carousel-prev,
290
- .su-carousel .su-carousel-next {
291
- position: absolute;
292
- top: 50%;
293
- display: block;
294
- width: 40px;
295
- height: 40px;
296
- margin-top: -20px;
297
- background: rgb(0, 0, 0) 0 0 url('../images/swiper/default.png') no-repeat;
298
- background-color: rgba(0, 0, 0, 0.5);
299
- cursor: pointer;
300
- border-radius: 50%;
301
- -moz-border-radius: 50%;
302
- -webkit-border-radius: 50%;
303
- filter: alpha(opacity=0);
304
- opacity: 0;
305
- transition: all .2s;
306
- -o-transition: all .2s;
307
- -ie-transition: all .2s;
308
- -moz-transition: all .2s;
309
- -webkit-transition: all .2s;
310
- }
311
- .su-carousel .su-carousel-prev {
312
- right: 20px;
313
- margin-right: 40px;
314
- background-position: -40px 0;
315
- }
316
- .su-carousel .su-carousel-next {
317
- left: 20px;
318
- margin-left: 40px;
319
- background-position: 0 0;
320
- }
321
- .su-carousel:hover .su-carousel-prev,
322
- .su-carousel:hover .su-carousel-next {
323
- margin-left: 0;
324
- margin-right: 0;
325
- filter: alpha(opacity=70);
326
- opacity: 0.7;
327
- }
328
- .su-carousel .su-carousel-prev:hover,
329
- .su-carousel .su-carousel-next:hover {
330
- filter: alpha(opacity=100);
331
- opacity: 1;
332
- }
333
- .su-carousel .su-carousel-pagination {
334
- position: absolute;
335
- left: 15%;
336
- right: 15%;
337
- top: 50%;
338
- width: 70%;
339
- height: 0;
340
- margin-top: -7px;
341
- text-align: center;
342
- cursor: default;
343
- filter: alpha(opacity=0);
344
- opacity: 0;
345
- transition: all .2s;
346
- -o-transition: all .2s;
347
- -ie-transition: all .2s;
348
- -moz-transition: all .2s;
349
- -webkit-transition: all .2s;
350
- }
351
- .su-carousel:hover .su-carousel-pagination {
352
- bottom: 20px;
353
- filter: alpha(opacity=100);
354
- opacity: 1;
355
- }
356
- .su-carousel .su-carousel-pagination span {
357
- display: inline-block;
358
- width: 14px;
359
- height: 14px;
360
- margin: 0;
361
- background: rgb(0, 0, 0) 0 -999px url('../images/swiper/default.png') no-repeat;
362
- background-color: rgba(0, 0, 0, 0.5);
363
- cursor: pointer;
364
- border-radius: 50%;
365
- -moz-border-radius: 50%;
366
- -webkit-border-radius: 50%;
367
- transition: all .2s;
368
- -o-transition: all .2s;
369
- -ie-transition: all .2s;
370
- -moz-transition: all .2s;
371
- -webkit-transition: all .2s;
372
- }
373
- .su-carousel:hover .su-carousel-pagination span { margin: 0 3px }
374
- .su-carousel .su-carousel-pagination span.swiper-visible-switch {
375
- background-color: rgb(255, 255, 255);
376
- background-color: rgba(255, 255, 255, 0.5);
377
- }
378
- .su-carousel .su-carousel-pagination span:hover,
379
- .su-carousel .su-carousel-pagination span.swiper-active-switch { background-position: 0 -40px }
380
-
381
- /* Custom gallery
382
- ---------------------------------------------------------------*/
383
-
384
- .su-custom-gallery { margin-bottom: 1.5em }
385
- .su-custom-gallery:after,
386
- .su-custom-gallery:before {
387
- content: "";
388
- display: table;
389
- }
390
- .su-custom-gallery:after { clear: both }
391
- .su-custom-gallery-slide {
392
- position: relative;
393
- float: left;
394
- margin: 0.5em;
395
- overflow: hidden;
396
- }
397
- .su-custom-gallery-slide a {
398
- display: block;
399
- width: 100%;
400
- height: 100%;
401
- }
402
- .su-custom-gallery-slide img {
403
- display: block;
404
- margin: 0;
405
- padding: 3px;
406
- border: 1px solid #ccc;
407
- background: #fff;
408
- box-sizing: border-box;
409
- -moz-box-sizing: border-box;
410
- -webkit-box-sizing: border-box;
411
- border-radius: 5px;
412
- -moz-border-radius: 5px;
413
- -webkit-border-radius: 5px;
414
- box-shadow: none;
415
- -moz-box-shadow: none;
416
- -webkit-box-shadow: none;
417
- transition: all .2s;
418
- -o-transition: all .2s;
419
- -ie-transition: all .2s;
420
- -moz-transition: all .2s;
421
- -webkit-transition: all .2s;
422
- }
423
- .su-custom-gallery-slide:hover img {
424
- background: #eee;
425
- border: 1px solid #aaa;
426
- }
427
- .su-custom-gallery-slide span {
428
- position: absolute;
429
- left: 4px;
430
- bottom: 4px;
431
- right: 4px;
432
- display: block;
433
- padding: 2px 4px;
434
- font-size: 12px;
435
- color: #fff;
436
- background: rgb(0, 0, 0);
437
- background: rgba(0, 0, 0, 0.5);
438
- line-height: 1.3;
439
- opacity: 0;
440
- filter: alpha(opacity=0);
441
- transition: all .2s;
442
- -o-transition: all .2s;
443
- -ie-transition: all .2s;
444
- -moz-transition: all .2s;
445
- -webkit-transition: all .2s;
446
- }
447
- .su-custom-gallery-slide:hover span {
448
- opacity: 1;
449
- filter: alpha(opacity=100);
450
- }
451
- .su-custom-gallery-title-never span { display: none }
452
- .su-custom-gallery-title-always span {
453
- opacity: 1;
454
- filter: alpha(opacity=100);
455
}
1
+ /*** Shortcodes Ultimate - galleries elements ***/
2
+
3
+ .su-slider {
4
+ position: relative;
5
+ margin-bottom: 1.5em;
6
+ overflow: hidden;
7
+ -webkit-backface-visibility: hidden;
8
+ -moz-backface-visibility: hidden;
9
+ -ms-backface-visibility: hidden;
10
+ -o-backface-visibility: hidden;
11
+ backface-visibility: hidden;
12
+ z-index: 1;
13
+ }
14
+ .su-slider-centered { margin: 0 auto 1.5em auto }
15
+ .su-slider-slides {
16
+ position: relative;
17
+ width: 100%;
18
+ -webkit-transition-property: -webkit-transform, left, top;
19
+ -webkit-transition-duration: 0s;
20
+ -webkit-transform: translate3d(0px, 0, 0);
21
+ -webkit-transition-timing-function: ease;
22
+ -moz-transition-property: -moz-transform, left, top;
23
+ -moz-transition-duration: 0s;
24
+ -moz-transform: translate3d(0px, 0, 0);
25
+ -moz-transition-timing-function: ease;
26
+ -o-transition-property: -o-transform, left, top;
27
+ -o-transition-duration: 0s;
28
+ -o-transform: translate3d(0px, 0, 0);
29
+ -o-transition-timing-function: ease;
30
+ -o-transform: translate(0px, 0px);
31
+ -ms-transition-property: -ms-transform, left, top;
32
+ -ms-transition-duration: 0s;
33
+ -ms-transform: translate3d(0px, 0, 0);
34
+ -ms-transition-timing-function: ease;
35
+ transition-property: transform, left, top;
36
+ transition-duration: 0s;
37
+ transform: translate3d(0px, 0, 0);
38
+ transition-timing-function: ease;
39
+ }
40
+ .swiper-free-mode > .su-slider-slides {
41
+ -webkit-transition-timing-function: ease-out;
42
+ -moz-transition-timing-function: ease-out;
43
+ -ms-transition-timing-function: ease-out;
44
+ -o-transition-timing-function: ease-out;
45
+ transition-timing-function: ease-out;
46
+ margin: 0 auto;
47
+ }
48
+ .su-slider-slide {
49
+ position: relative;
50
+ float: left;
51
+ }
52
+ .su-slider-slide > a,
53
+ .su-slider-slide > img,
54
+ .su-slider-slide > a > img {
55
+ position: relative;
56
+ display: block;
57
+ width: 100%;
58
+ height: 100%;
59
+ text-decoration: none;
60
+ }
61
+ .su-slider-responsive-yes .su-slider-slide > a,
62
+ .su-slider-responsive-yes .su-slider-slide > img,
63
+ .su-slider-responsive-yes .su-slider-slide > a > img { height: auto }
64
+ .su-slider-pages-no .su-slider-pagination { display: none }
65
+ .swiper-wp8-horizontal { -ms-touch-action: pan-y }
66
+ .swiper-wp8-vertical { -ms-touch-action: pan-x }
67
+ .su-slider-slide-title {
68
+ position: absolute;
69
+ left: 20px;
70
+ bottom: 20px;
71
+ display: block;
72
+ max-width: 90%;
73
+ padding: 5px 10px;
74
+ color: #fff;
75
+ line-height: 1.3;
76
+ background: rgb(0, 0, 0);
77
+ background: rgba(0, 0, 0, 0.5);
78
+ border-radius: 5px;
79
+ -moz-border-radius: 5px;
80
+ -webkit-border-radius: 5px;
81
+ box-sizing: border-box;
82
+ -moz-box-sizing: border-box;
83
+ -webkit-box-sizing: border-box;
84
+ filter: alpha(opacity=0);
85
+ opacity: 0;
86
+ transition: opacity 1s;
87
+ -o-transition: opacity 1s;
88
+ -ie-transition: opacity 1s;
89
+ -moz-transition: opacity 1s;
90
+ -webkit-transition: opacity 1s;
91
+ }
92
+ .su-slider-slide-visible .su-slider-slide-title {
93
+ filter: alpha(opacity=100);
94
+ opacity: 1;
95
+ }
96
+ .su-slider-prev,
97
+ .su-slider-next {
98
+ position: absolute;
99
+ top: 50%;
100
+ display: block;
101
+ width: 40px;
102
+ height: 40px;
103
+ margin-top: -20px !important;
104
+ background: rgb(0, 0, 0) 0 0 url('../images/swiper/default.png') no-repeat;
105
+ background-color: rgba(0, 0, 0, 0.5);
106
+ cursor: pointer;
107
+ border-radius: 50%;
108
+ -moz-border-radius: 50%;
109
+ -webkit-border-radius: 50%;
110
+ filter: alpha(opacity=0);
111
+ opacity: 0;
112
+ transition: all .2s;
113
+ -o-transition: all .2s;
114
+ -ie-transition: all .2s;
115
+ -moz-transition: all .2s;
116
+ -webkit-transition: all .2s;
117
+ }
118
+ .su-slider-prev {
119
+ right: 10px;
120
+ margin-right: 30px;
121
+ background-position: -40px 0;
122
+ }
123
+ .su-slider-next {
124
+ left: 10px;
125
+ margin-left: 30px;
126
+ background-position: 0 0;
127
+ }
128
+ .su-slider:hover .su-slider-prev,
129
+ .su-slider:hover .su-slider-next {
130
+ margin-left: 0;
131
+ margin-right: 0;
132
+ filter: alpha(opacity=70);
133
+ opacity: 0.7;
134
+ }
135
+ .su-slider .su-slider-prev:hover,
136
+ .su-slider .su-slider-next:hover {
137
+ filter: alpha(opacity=100);
138
+ opacity: 1;
139
+ }
140
+ .su-slider-pagination {
141
+ position: absolute;
142
+ left: 15%;
143
+ right: 15%;
144
+ top: 50%;
145
+ width: 70%;
146
+ height: 0;
147
+ margin-top: -7px;
148
+ text-align: center;
149
+ cursor: default;
150
+ filter: alpha(opacity=0);
151
+ opacity: 0;
152
+ transition: all .2s;
153
+ -o-transition: all .2s;
154
+ -ie-transition: all .2s;
155
+ -moz-transition: all .2s;
156
+ -webkit-transition: all .2s;
157
+ }
158
+ .su-slider:hover .su-slider-pagination {
159
+ bottom: 20px;
160
+ filter: alpha(opacity=100);
161
+ opacity: 1;
162
+ }
163
+ .su-slider-pagination span {
164
+ display: inline-block;
165
+ width: 14px;
166
+ height: 14px;
167
+ margin: 0;
168
+ background: rgb(0, 0, 0) 0 -999px url('../images/swiper/default.png') no-repeat;
169
+ background-color: rgba(0, 0, 0, 0.5);
170
+ cursor: pointer;
171
+ border-radius: 50%;
172
+ -moz-border-radius: 50%;
173
+ -webkit-border-radius: 50%;
174
+ transition: all .2s;
175
+ -o-transition: all .2s;
176
+ -ie-transition: all .2s;
177
+ -moz-transition: all .2s;
178
+ -webkit-transition: all .2s;
179
+ }
180
+ .su-slider:hover .su-slider-pagination span { margin: 0 3px }
181
+ .su-slider .su-slider-pagination span.swiper-visible-switch {
182
+ background-color: rgb(255, 255, 255);
183
+ background-color: rgba(255, 255, 255, 0.5);
184
+ }
185
+ .su-slider-pagination span:hover,
186
+ .su-slider-pagination span.swiper-active-switch { background-position: 0 -40px }
187
+
188
+ /* Carousel
189
+ ---------------------------------------------------------------*/
190
+
191
+ .su-carousel {
192
+ position: relative;
193
+ margin-bottom: 1.5em;
194
+ overflow: hidden;
195
+ -webkit-backface-visibility: hidden;
196
+ -moz-backface-visibility: hidden;
197
+ -ms-backface-visibility: hidden;
198
+ -o-backface-visibility: hidden;
199
+ backface-visibility: hidden;
200
+ z-index: 1;
201
+ }
202
+ .su-carousel-centered { margin: 0 auto 1.5em auto }
203
+ .su-carousel-slides {
204
+ position: relative;
205
+ width: 100%;
206
+ -webkit-transition-property: -webkit-transform, left, top;
207
+ -webkit-transition-duration: 0s;
208
+ -webkit-transform: translate3d(0px, 0, 0);
209
+ -webkit-transition-timing-function: ease;
210
+ -moz-transition-property: -moz-transform, left, top;
211
+ -moz-transition-duration: 0s;
212
+ -moz-transform: translate3d(0px, 0, 0);
213
+ -moz-transition-timing-function: ease;
214
+ -o-transition-property: -o-transform, left, top;
215
+ -o-transition-duration: 0s;
216
+ -o-transform: translate3d(0px, 0, 0);
217
+ -o-transition-timing-function: ease;
218
+ -o-transform: translate(0px, 0px);
219
+ -ms-transition-property: -ms-transform, left, top;
220
+ -ms-transition-duration: 0s;
221
+ -ms-transform: translate3d(0px, 0, 0);
222
+ -ms-transition-timing-function: ease;
223
+ transition-property: transform, left, top;
224
+ transition-duration: 0s;
225
+ transform: translate3d(0px, 0, 0);
226
+ transition-timing-function: ease;
227
+ }
228
+ .swiper-free-mode > .su-carousel-slides {
229
+ -webkit-transition-timing-function: ease-out;
230
+ -moz-transition-timing-function: ease-out;
231
+ -ms-transition-timing-function: ease-out;
232
+ -o-transition-timing-function: ease-out;
233
+ transition-timing-function: ease-out;
234
+ margin: 0 auto;
235
+ }
236
+ .su-carousel-slide {
237
+ position: relative;
238
+ float: left;
239
+ }
240
+ .su-carousel-slide > a,
241
+ .su-carousel-slide > img,
242
+ .su-carousel-slide > a > img {
243
+ position: relative;
244
+ display: block;
245
+ width: 100%;
246
+ height: 100%;
247
+ text-decoration: none;
248
+ box-sizing: border-box;
249
+ -moz-box-sizing: border-box;
250
+ -webkit-box-sizing: border-box;
251
+ }
252
+ .su-carousel-responsive-yes .su-carousel-slide > a,
253
+ .su-carousel-responsive-yes .su-carousel-slide > img,
254
+ .su-carousel-responsive-yes .su-carousel-slide > a > img { height: auto }
255
+ .su-carousel-pages-no .su-carousel-pagination { display: none }
256
+ .swiper-wp8-horizontal { -ms-touch-action: pan-y }
257
+ .swiper-wp8-vertical { -ms-touch-action: pan-x }
258
+ .su-carousel { }
259
+ .su-carousel .su-carousel-slide a { padding: 0 5px }
260
+ .su-carousel .su-carousel-slide img {
261
+ padding: 3px;
262
+ border: 1px solid #ccc;
263
+ background: #fff;
264
+ border-radius: 5px;
265
+ -moz-border-radius: 5px;
266
+ -webkit-border-radius: 5px;
267
+ }
268
+ .su-carousel .su-carousel-slide-title {
269
+ position: absolute;
270
+ left: 9px;
271
+ right: 9px;
272
+ bottom: 4px;
273
+ display: block;
274
+ padding: 2px 3px;
275
+ color: #fff;
276
+ line-height: 1.2;
277
+ font-size: 11px;
278
+ background: rgb(0, 0, 0);
279
+ background: rgba(0, 0, 0, 0.5);
280
+ box-sizing: border-box;
281
+ -moz-box-sizing: border-box;
282
+ -webkit-box-sizing: border-box;
283
+ transition: opacity 1s;
284
+ -o-transition: opacity 1s;
285
+ -ie-transition: opacity 1s;
286
+ -moz-transition: opacity 1s;
287
+ -webkit-transition: opacity 1s;
288
+ }
289
+ .su-carousel .su-carousel-prev,
290
+ .su-carousel .su-carousel-next {
291
+ position: absolute;
292
+ top: 50%;
293
+ display: block;
294
+ width: 40px;
295
+ height: 40px;
296
+ margin-top: -20px;
297
+ background: rgb(0, 0, 0) 0 0 url('../images/swiper/default.png') no-repeat;
298
+ background-color: rgba(0, 0, 0, 0.5);
299
+ cursor: pointer;
300
+ border-radius: 50%;
301
+ -moz-border-radius: 50%;
302
+ -webkit-border-radius: 50%;
303
+ filter: alpha(opacity=0);
304
+ opacity: 0;
305
+ transition: all .2s;
306
+ -o-transition: all .2s;
307
+ -ie-transition: all .2s;
308
+ -moz-transition: all .2s;
309
+ -webkit-transition: all .2s;
310
+ }
311
+ .su-carousel .su-carousel-prev {
312
+ right: 20px;
313
+ margin-right: 40px;
314
+ background-position: -40px 0;
315
+ }
316
+ .su-carousel .su-carousel-next {
317
+ left: 20px;
318
+ margin-left: 40px;
319
+ background-position: 0 0;
320
+ }
321
+ .su-carousel:hover .su-carousel-prev,
322
+ .su-carousel:hover .su-carousel-next {
323
+ margin-left: 0;
324
+ margin-right: 0;
325
+ filter: alpha(opacity=70);
326
+ opacity: 0.7;
327
+ }
328
+ .su-carousel .su-carousel-prev:hover,
329
+ .su-carousel .su-carousel-next:hover {
330
+ filter: alpha(opacity=100);
331
+ opacity: 1;
332
+ }
333
+ .su-carousel .su-carousel-pagination {
334
+ position: absolute;
335
+ left: 15%;
336
+ right: 15%;
337
+ top: 50%;
338
+ width: 70%;
339
+ height: 0;
340
+ margin-top: -7px;
341
+ text-align: center;
342
+ cursor: default;
343
+ filter: alpha(opacity=0);
344
+ opacity: 0;
345
+ transition: all .2s;
346
+ -o-transition: all .2s;
347
+ -ie-transition: all .2s;
348
+ -moz-transition: all .2s;
349
+ -webkit-transition: all .2s;
350
+ }
351
+ .su-carousel:hover .su-carousel-pagination {
352
+ bottom: 20px;
353
+ filter: alpha(opacity=100);
354
+ opacity: 1;
355
+ }
356
+ .su-carousel .su-carousel-pagination span {
357
+ display: inline-block;
358
+ width: 14px;
359
+ height: 14px;
360
+ margin: 0;
361
+ background: rgb(0, 0, 0) 0 -999px url('../images/swiper/default.png') no-repeat;
362
+ background-color: rgba(0, 0, 0, 0.5);
363
+ cursor: pointer;
364
+ border-radius: 50%;
365
+ -moz-border-radius: 50%;
366
+ -webkit-border-radius: 50%;
367
+ transition: all .2s;
368
+ -o-transition: all .2s;
369
+ -ie-transition: all .2s;
370
+ -moz-transition: all .2s;
371
+ -webkit-transition: all .2s;
372
+ }
373
+ .su-carousel:hover .su-carousel-pagination span { margin: 0 3px }
374
+ .su-carousel .su-carousel-pagination span.swiper-visible-switch {
375
+ background-color: rgb(255, 255, 255);
376
+ background-color: rgba(255, 255, 255, 0.5);
377
+ }
378
+ .su-carousel .su-carousel-pagination span:hover,
379
+ .su-carousel .su-carousel-pagination span.swiper-active-switch { background-position: 0 -40px }
380
+
381
+ /* Custom gallery
382
+ ---------------------------------------------------------------*/
383
+
384
+ .su-custom-gallery { margin-bottom: 1.5em }
385
+ .su-custom-gallery:after,
386
+ .su-custom-gallery:before {
387
+ content: "";
388
+ display: table;
389
+ }
390
+ .su-custom-gallery:after { clear: both }
391
+ .su-custom-gallery-slide {
392
+ position: relative;
393
+ float: left;
394
+ margin: 0.5em;
395
+ overflow: hidden;
396
+ }
397
+ .su-custom-gallery-slide a {
398
+ display: block;
399
+ width: 100%;
400
+ height: 100%;
401
+ }
402
+ .su-custom-gallery-slide img {
403
+ display: block;
404
+ margin: 0;
405
+ padding: 3px;
406
+ border: 1px solid #ccc;
407
+ background: #fff;
408
+ box-sizing: border-box;
409
+ -moz-box-sizing: border-box;
410
+ -webkit-box-sizing: border-box;
411
+ border-radius: 5px;
412
+ -moz-border-radius: 5px;
413
+ -webkit-border-radius: 5px;
414
+ box-shadow: none;
415
+ -moz-box-shadow: none;
416
+ -webkit-box-shadow: none;
417
+ transition: all .2s;
418
+ -o-transition: all .2s;
419
+ -ie-transition: all .2s;
420
+ -moz-transition: all .2s;
421
+ -webkit-transition: all .2s;
422
+ }
423
+ .su-custom-gallery-slide:hover img {
424
+ background: #eee;
425
+ border: 1px solid #aaa;
426
+ }
427
+ .su-custom-gallery-slide span {
428
+ position: absolute;
429
+ left: 4px;
430
+ bottom: 4px;
431
+ right: 4px;
432
+ display: block;
433
+ padding: 2px 4px;
434
+ font-size: 12px;
435
+ color: #fff;
436
+ background: rgb(0, 0, 0);
437
+ background: rgba(0, 0, 0, 0.5);
438
+ line-height: 1.3;
439
+ opacity: 0;
440
+ filter: alpha(opacity=0);
441
+ transition: all .2s;
442
+ -o-transition: all .2s;
443
+ -ie-transition: all .2s;
444
+ -moz-transition: all .2s;
445
+ -webkit-transition: all .2s;
446
+ }
447
+ .su-custom-gallery-slide:hover span {
448
+ opacity: 1;
449
+ filter: alpha(opacity=100);
450
+ }
451
+ .su-custom-gallery-title-never span { display: none }
452
+ .su-custom-gallery-title-always span {
453
+ opacity: 1;
454
+ filter: alpha(opacity=100);
455
}
assets/css/generator.css CHANGED
@@ -1,335 +1,335 @@
1
- .su-generator-hidden { display: none !important; }
2
- .su-generator-button img {
3
- margin: -1px 2px 0 -5px;
4
- vertical-align: middle;
5
- }
6
- .wp-media-buttons .su-generator-button img {
7
- margin: -1px -1px 0 -8px;
8
- vertical-align: middle;
9
- }
10
-
11
- #su-generator-wrap { display: none; }
12
- #su-generator {
13
- position: relative;
14
- width: 85%;
15
- max-width: 1000px;
16
- margin: 28px auto 100px;
17
- padding: 20px;
18
- -webkit-border-bottom-right-radius: 5px;
19
- -moz-border-radius-bottomright: 5px;
20
- border-bottom-right-radius: 5px;
21
- -webkit-border-bottom-left-radius: 5px;
22
- -moz-border-radius-bottomleft: 5px;
23
- border-bottom-left-radius: 5px;
24
- background: #fff;
25
- -webkit-box-shadow: 0 2px 25px #000;
26
- -moz-box-shadow: 0 2px 25px #000;
27
- box-shadow: 0 2px 25px #000;
28
- -webkit-transition: max-width .2s;
29
- -moz-transition: max-width .2s;
30
- transition: max-width .2s;
31
- }
32
- #su-generator.su-generator-narrow { max-width: 500px; }
33
-
34
- /* Generator tools */
35
- #su-generator-tools {
36
- margin-bottom: 20px;
37
- }
38
- #su-generator-tools span {
39
- display: inline-block;
40
- width: 1px;
41
- height: 1em;
42
- margin: 0 0.5em;
43
- border-right: 1px dotted #555;
44
- vertical-align: middle;
45
- }
46
-
47
- /* Search box */
48
- #su-generator-search {
49
- width: 100%;
50
- margin-bottom: 30px;
51
- padding: 10px 10px 10px 42px;
52
- background: 5px 50% url('../images/generator/search.png') no-repeat;
53
- font-size: 1.3em;
54
- }
55
-
56
- /* Filter box */
57
- #su-generator-filter {
58
- margin: 0 -20px;
59
- padding: 14px 20px;
60
- border-top: 1px solid #ccc;
61
- border-bottom: 1px solid #ccc;
62
- background: #eee;
63
- color: #555;
64
- text-align: center;
65
- line-height: 24px;
66
- }
67
- #su-generator-filter a,
68
- #su-generator-filter strong {
69
- display: inline-block;
70
- margin: 0 1em;
71
- line-height: 1;
72
- }
73
- #su-generator-filter a {
74
- border-bottom: 1px dotted #ccc;
75
- text-decoration: none;
76
- }
77
-
78
- /* Dropdown choices */
79
- #su-generator-choices {
80
- margin-top: 20px;
81
- text-align: center;
82
- }
83
- #su-generator-choices:after {
84
- display: block;
85
- clear: both;
86
- content: '';
87
- }
88
- #su-generator-choices > span {
89
- display: inline-block;
90
- width: 88px;
91
- height: 88px;
92
- padding: 5px;
93
- overflow: hidden;
94
- border: 1px solid #fff;
95
- border-bottom-style: dotted;
96
- border-bottom-color: #e5e5e5;
97
- -webkit-border-radius: 0;
98
- -moz-border-radius: 0;
99
- border-radius: 0;
100
- color: #222;
101
- vertical-align: top;
102
- text-align: center;
103
- cursor: pointer;
104
- }
105
- #su-generator-choices span:hover {
106
- border: 1px solid #2687b3;
107
- -webkit-border-radius: 5px;
108
- -moz-border-radius: 5px;
109
- border-radius: 5px;
110
- background: #f5f5f5;
111
- -webkit-box-shadow: 0 0 20px #fff inset;
112
- -moz-box-shadow: 0 0 20px #fff inset;
113
- box-shadow: 0 0 20px #fff inset;
114
- }
115
- #su-generator-choices span img {
116
- display: inline;
117
- width: 32px;
118
- height: 32px;
119
- margin: 12px 0;
120
- opacity: 0.3;
121
- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
122
- filter: alpha(opacity=30);
123
- -moz-opacity: 0.3;
124
- -khtml-opacity: 0.3;
125
- }
126
- #su-generator-choices span:hover img {
127
- opacity: 1;
128
- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
129
- filter: alpha(opacity=100);
130
- -moz-opacity: 1;
131
- -khtml-opacity: 1;
132
- }
133
- #su-generator-choices strong {
134
- display: inline-block;
135
- width: 88px;
136
- height: 32px;
137
- overflow: hidden;
138
- text-transform: uppercase;
139
- font-size: 0.9em;
140
- }
141
-
142
- /* Breadcrumbs */
143
- #su-generator-breadcrumbs {
144
- margin: 0 -20px;
145
- padding: 14px 20px;
146
- border-top: 1px solid #ccc;
147
- border-bottom: 1px solid #ccc;
148
- background: #eee;
149
- color: #555;
150
- line-height: 24px;
151
- }
152
- #su-generator-breadcrumbs span { font-weight: bold; }
153
- #su-generator-breadcrumbs small {
154
- margin-left: 1em;
155
- color: #aaa;
156
- font-weight: normal;
157
- font-size: 0.9em;
158
- }
159
-
160
- /* Shortcode settings (attributes) */
161
- #su-generator-settings { display: none; }
162
- .su-loading-animation {
163
- min-height: 100px;
164
- background: 50% 50% url("../images/generator/loading.gif") no-repeat;
165
- }
166
- .su-loading-animation * { display: none; }
167
-
168
- /* Attribute container */
169
- #su-generator-settings .su-generator-attr-container {
170
- margin: 0 -20px;
171
- padding: 1.5em 20px;
172
- border-bottom: 1px solid #ccc;
173
- }
174
-
175
- /* Attribute name */
176
- #su-generator-settings h5,
177
- #su-generator-preview h5 {
178
- margin: 0 0 15px 0;
179
- font-size: 1em;
180
- }
181
-
182
- /* Attribute description */
183
- .su-generator-attr-desc {
184
- margin-top: 15px;
185
- color: #aaa;
186
- font-style: italic;
187
- line-height: 1.6;
188
- }
189
- .su-generator-attr-desc b { color: #999; }
190
-
191
- /* Clickable values in attribute description */
192
- .su-generator-attr-desc b.su-generator-set-value {
193
- border-bottom: 1px dotted #999;
194
- cursor: pointer;
195
- }
196
- .su-generator-attr-desc b.su-generator-set-value:hover {
197
- border-bottom: 1px dotted #333;
198
- color: #333;
199
- }
200
-
201
- /* Common attribute fields */
202
- #su-generator-settings input,
203
- #su-generator-settings textarea,
204
- #su-generator-settings select {
205
- width: 100%;
206
- height: auto;
207
- padding: 10px;
208
- }
209
-
210
- /* Upload fields */
211
- .su-generator-upload-field-wrap { position: relative; }
212
- .su-generator-upload-field {
213
- display: inline-block;
214
- width: 85%;
215
- }
216
- .su-generator-upload-button {
217
- position: absolute;
218
- top: 0;
219
- right: 0;
220
- display: inline-block;
221
- width: 14%;
222
- height: 100%;
223
- overflow: hidden;
224
- }
225
- .su-generator-upload-button a.button {
226
- position: absolute;
227
- top: 0;
228
- right: 0;
229
- width: 100%;
230
- height: 100%;
231
- text-align: center;
232
- font-weight: bold;
233
- line-height: 40px;
234
- }
235
- .su-generator-upload-button input {
236
- position: absolute;
237
- top: 0;
238
- right: 0;
239
- height: 100%;
240
- font-size: 10em;
241
- opacity: 0;
242
- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
243
- filter: alpha(opacity=0);
244
- cursor: pointer;
245
- -moz-opacity: 0;
246
- -khtml-opacity: 0;
247
- }
248
- .su-generator-uploading { background: 50% 50% url('../images/generator/loading.gif') no-repeat; }
249
- #su-generator-settings .su-generator-uploading * {
250
- opacity: 0;
251
- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
252
- filter: alpha(opacity=0);
253
- -moz-opacity: 0;
254
- -khtml-opacity: 0;
255
- }
256
-
257
- /* Switches */
258
- .su-generator-switch {
259
- display: inline-block;
260
- width: 100%;
261
- font-weight: bold;
262
- cursor: pointer;
263
- }
264
- .su-generator-switch span {
265
- display: none;
266
- padding: 10px;
267
- -webkit-border-radius: 3px;
268
- -moz-border-radius: 3px;
269
- border-radius: 3px;
270
- }
271
- .su-generator-switch-yes span.su-generator-yes {
272
- display: block;
273
- background: #e0ffe0;
274
- color: #0c0;
275
- }
276
- .su-generator-switch-no span.su-generator-no {
277
- display: block;
278
- background: #f5f5f5;
279
- color: #777;
280
- }
281
-
282
- /* Color pickers */
283
- .su-generator-select-color {
284
- position: relative;
285
- }
286
- .su-generator-select-color-wheel {
287
- position: absolute;
288
- top: 23px;
289
- left: 0;
290
- z-index: 9999;
291
- display: none;
292
- border: 1px solid #aaa;
293
- background: #fff;
294
- -webkit-box-shadow: 0 2px 5px #ccc;
295
- -moz-box-shadow: 0 2px 5px #ccc;
296
- box-shadow: 0 2px 5px #ccc;
297
- }
298
-
299
- /* Preview box */
300
- #su-generator-preview {
301
- display: none;
302
- margin: 0 -20px;
303
- padding: 1.5em 20px;
304
- overflow: hidden;
305
- border-bottom: 1px solid #ccc;
306
- }
307
- .su-preview-loading {
308
- min-height: 60px;
309
- background: 50% 50% url('../images/generator/loading.gif') no-repeat;
310
- }
311
- /* make some previews visible */
312
- #su-generator-preview .su-column { outline: 1px dotted #ccc; }
313
-
314
- /* Actions box */
315
- .su-generator-actions {
316
- margin: 0 -20px -20px;
317
- padding: 1.5em 15px;
318
- -webkit-border-bottom-right-radius: 5px;
319
- -moz-border-radius-bottomright: 5px;
320
- border-bottom-right-radius: 5px;
321
- -webkit-border-bottom-left-radius: 5px;
322
- -moz-border-radius-bottomleft: 5px;
323
- border-bottom-left-radius: 5px;
324
- background: #eee;
325
- }
326
- .su-generator-actions:after {
327
- display: block;
328
- clear: both;
329
- content: '';
330
- }
331
- .su-generator-actions .button { margin: 0 5px }
332
- #su-generator-insert {
333
- color: #fff !important;
334
- font-weight: bold;
335
}
1
+ .su-generator-hidden { display: none !important; }
2
+ .su-generator-button img {
3
+ margin: -1px 2px 0 -5px;
4
+ vertical-align: middle;
5
+ }
6
+ .wp-media-buttons .su-generator-button img {
7
+ margin: -1px -1px 0 -8px;
8
+ vertical-align: middle;
9
+ }
10
+
11
+ #su-generator-wrap { display: none; }
12
+ #su-generator {
13
+ position: relative;
14
+ width: 85%;
15
+ max-width: 1000px;
16
+ margin: 28px auto 100px;
17
+ padding: 20px;
18
+ -webkit-border-bottom-right-radius: 5px;
19
+ -moz-border-radius-bottomright: 5px;
20
+ border-bottom-right-radius: 5px;
21
+ -webkit-border-bottom-left-radius: 5px;
22
+ -moz-border-radius-bottomleft: 5px;
23
+ border-bottom-left-radius: 5px;
24
+ background: #fff;
25
+ -webkit-box-shadow: 0 2px 25px #000;
26
+ -moz-box-shadow: 0 2px 25px #000;
27
+ box-shadow: 0 2px 25px #000;
28
+ -webkit-transition: max-width .2s;
29
+ -moz-transition: max-width .2s;
30
+ transition: max-width .2s;
31
+ }
32
+ #su-generator.su-generator-narrow { max-width: 500px; }
33
+
34
+ /* Generator tools */
35
+ #su-generator-tools {
36
+ margin-bottom: 20px;
37
+ }
38
+ #su-generator-tools span {
39
+ display: inline-block;
40
+ width: 1px;
41
+ height: 1em;
42
+ margin: 0 0.5em;
43
+ border-right: 1px dotted #555;
44
+ vertical-align: middle;
45
+ }
46
+
47
+ /* Search box */
48
+ #su-generator-search {
49
+ width: 100%;
50
+ margin-bottom: 30px;
51
+ padding: 10px 10px 10px 42px;
52
+ background: 5px 50% url('../images/generator/search.png') no-repeat;
53
+ font-size: 1.3em;
54
+ }
55
+
56
+ /* Filter box */
57
+ #su-generator-filter {
58
+ margin: 0 -20px;
59
+ padding: 14px 20px;
60
+ border-top: 1px solid #ccc;
61
+ border-bottom: 1px solid #ccc;
62
+ background: #eee;
63
+ color: #555;
64
+ text-align: center;
65
+ line-height: 24px;
66
+ }
67
+ #su-generator-filter a,
68
+ #su-generator-filter strong {
69
+ display: inline-block;
70
+ margin: 0 1em;
71
+ line-height: 1;
72
+ }
73
+ #su-generator-filter a {
74
+ border-bottom: 1px dotted #ccc;
75
+ text-decoration: none;
76
+ }
77
+
78
+ /* Dropdown choices */
79
+ #su-generator-choices {
80
+ margin-top: 20px;
81
+ text-align: center;
82
+ }
83
+ #su-generator-choices:after {
84
+ display: block;
85
+ clear: both;
86
+ content: '';
87
+ }
88
+ #su-generator-choices > span {
89
+ display: inline-block;
90
+ width: 88px;
91
+ height: 88px;
92
+ padding: 5px;
93
+ overflow: hidden;
94
+ border: 1px solid #fff;
95
+ border-bottom-style: dotted;
96
+ border-bottom-color: #e5e5e5;
97
+ -webkit-border-radius: 0;
98
+ -moz-border-radius: 0;
99
+ border-radius: 0;
100
+ color: #222;
101
+ vertical-align: top;
102
+ text-align: center;
103
+ cursor: pointer;
104
+ }
105
+ #su-generator-choices span:hover {
106
+ border: 1px solid #2687b3;
107
+ -webkit-border-radius: 5px;
108
+ -moz-border-radius: 5px;
109
+ border-radius: 5px;
110
+ background: #f5f5f5;
111
+ -webkit-box-shadow: 0 0 20px #fff inset;
112
+ -moz-box-shadow: 0 0 20px #fff inset;
113
+ box-shadow: 0 0 20px #fff inset;
114
+ }
115
+ #su-generator-choices span img {
116
+ display: inline;
117
+ width: 32px;
118
+ height: 32px;
119
+ margin: 12px 0;
120
+ opacity: 0.3;
121
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
122
+ filter: alpha(opacity=30);
123
+ -moz-opacity: 0.3;
124
+ -khtml-opacity: 0.3;
125
+ }
126
+ #su-generator-choices span:hover img {
127
+ opacity: 1;
128
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
129
+ filter: alpha(opacity=100);
130
+ -moz-opacity: 1;
131
+ -khtml-opacity: 1;
132
+ }
133
+ #su-generator-choices strong {
134
+ display: inline-block;
135
+ width: 88px;
136
+ height: 32px;
137
+ overflow: hidden;
138
+ text-transform: uppercase;
139
+ font-size: 0.9em;
140
+ }
141
+
142
+ /* Breadcrumbs */
143
+ #su-generator-breadcrumbs {
144
+ margin: 0 -20px;
145
+ padding: 14px 20px;
146
+ border-top: 1px solid #ccc;
147
+ border-bottom: 1px solid #ccc;
148
+ background: #eee;
149
+ color: #555;
150
+ line-height: 24px;
151
+ }
152
+ #su-generator-breadcrumbs span { font-weight: bold; }
153
+ #su-generator-breadcrumbs small {
154
+ margin-left: 1em;
155
+ color: #aaa;
156
+ font-weight: normal;
157
+ font-size: 0.9em;
158
+ }
159
+
160
+ /* Shortcode settings (attributes) */
161
+ #su-generator-settings { display: none; }
162
+ .su-loading-animation {
163
+ min-height: 100px;
164
+ background: 50% 50% url("../images/generator/loading.gif") no-repeat;
165
+ }
166
+ .su-loading-animation * { display: none; }
167
+
168
+ /* Attribute container */
169
+ #su-generator-settings .su-generator-attr-container {
170
+ margin: 0 -20px;
171
+ padding: 1.5em 20px;
172
+ border-bottom: 1px solid #ccc;
173
+ }
174
+
175
+ /* Attribute name */
176
+ #su-generator-settings h5,
177
+ #su-generator-preview h5 {
178
+ margin: 0 0 15px 0;
179
+ font-size: 1em;
180
+ }
181
+
182
+ /* Attribute description */
183
+ .su-generator-attr-desc {
184
+ margin-top: 15px;
185
+ color: #aaa;
186
+ font-style: italic;
187
+ line-height: 1.6;
188
+ }
189
+ .su-generator-attr-desc b { color: #999; }
190
+
191
+ /* Clickable values in attribute description */
192
+ .su-generator-attr-desc b.su-generator-set-value {
193
+ border-bottom: 1px dotted #999;
194
+ cursor: pointer;
195
+ }
196
+ .su-generator-attr-desc b.su-generator-set-value:hover {
197
+ border-bottom: 1px dotted #333;
198
+ color: #333;
199
+ }
200
+
201
+ /* Common attribute fields */
202
+ #su-generator-settings input,
203
+ #su-generator-settings textarea,
204
+ #su-generator-settings select {
205
+ width: 100%;
206
+ height: auto;
207
+ padding: 10px;
208
+ }
209
+
210
+ /* Upload fields */
211
+ .su-generator-upload-field-wrap { position: relative; }
212
+ .su-generator-upload-field {
213
+ display: inline-block;
214
+ width: 85%;
215
+ }
216
+ .su-generator-upload-button {
217
+ position: absolute;
218
+ top: 0;
219
+ right: 0;
220
+ display: inline-block;
221
+ width: 14%;
222
+ height: 100%;
223
+ overflow: hidden;
224
+ }
225
+ .su-generator-upload-button a.button {
226
+ position: absolute;
227
+ top: 0;
228
+ right: 0;
229
+ width: 100%;
230
+ height: 100%;
231
+ text-align: center;
232
+ font-weight: bold;
233
+ line-height: 40px;
234
+ }
235
+ .su-generator-upload-button input {
236
+ position: absolute;
237
+ top: 0;
238
+ right: 0;
239
+ height: 100%;
240
+ font-size: 10em;
241
+ opacity: 0;
242
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
243
+ filter: alpha(opacity=0);
244
+ cursor: pointer;
245
+ -moz-opacity: 0;
246
+ -khtml-opacity: 0;
247
+ }
248
+ .su-generator-uploading { background: 50% 50% url('../images/generator/loading.gif') no-repeat; }
249
+ #su-generator-settings .su-generator-uploading * {
250
+ opacity: 0;
251
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
252
+ filter: alpha(opacity=0);
253
+ -moz-opacity: 0;
254
+ -khtml-opacity: 0;
255
+ }
256
+
257
+ /* Switches */
258
+ .su-generator-switch {
259
+ display: inline-block;
260
+ width: 100%;
261
+ font-weight: bold;
262
+ cursor: pointer;
263
+ }
264
+ .su-generator-switch span {
265
+ display: none;
266
+ padding: 10px;
267
+ -webkit-border-radius: 3px;
268
+ -moz-border-radius: 3px;
269
+ border-radius: 3px;
270
+ }
271
+ .su-generator-switch-yes span.su-generator-yes {
272
+ display: block;
273
+ background: #e0ffe0;
274
+ color: #0c0;
275
+ }
276
+ .su-generator-switch-no span.su-generator-no {
277
+ display: block;
278
+ background: #f5f5f5;
279
+ color: #777;
280
+ }
281
+
282
+ /* Color pickers */
283
+ .su-generator-select-color {
284
+ position: relative;
285
+ }
286
+ .su-generator-select-color-wheel {
287
+ position: absolute;
288
+ top: 23px;
289
+ left: 0;
290
+ z-index: 9999;
291
+ display: none;
292
+ border: 1px solid #aaa;
293
+ background: #fff;
294
+ -webkit-box-shadow: 0 2px 5px #ccc;
295
+ -moz-box-shadow: 0 2px 5px #ccc;
296
+ box-shadow: 0 2px 5px #ccc;
297
+ }
298
+
299
+ /* Preview box */
300
+ #su-generator-preview {
301
+ display: none;
302
+ margin: 0 -20px;
303
+ padding: 1.5em 20px;
304
+ overflow: hidden;
305
+ border-bottom: 1px solid #ccc;
306
+ }
307
+ .su-preview-loading {
308
+ min-height: 60px;
309
+ background: 50% 50% url('../images/generator/loading.gif') no-repeat;
310
+ }
311
+ /* make some previews visible */
312
+ #su-generator-preview .su-column { outline: 1px dotted #ccc; }
313
+
314
+ /* Actions box */
315
+ .su-generator-actions {
316
+ margin: 0 -20px -20px;
317
+ padding: 1.5em 15px;
318
+ -webkit-border-bottom-right-radius: 5px;
319
+ -moz-border-radius-bottomright: 5px;
320
+ border-bottom-right-radius: 5px;
321
+ -webkit-border-bottom-left-radius: 5px;
322
+ -moz-border-radius-bottomleft: 5px;
323
+ border-bottom-left-radius: 5px;
324
+ background: #eee;
325
+ }
326
+ .su-generator-actions:after {
327
+ display: block;
328
+ clear: both;
329
+ content: '';
330
+ }
331
+ .su-generator-actions .button { margin: 0 5px }
332
+ #su-generator-insert {
333
+ color: #fff !important;
334
+ font-weight: bold;
335
}
assets/css/media-shortcodes.css CHANGED
@@ -1,49 +1,49 @@
1
- /*** Shortcodes Ultimate - media elements ***/
2
-
3
- /* Container for responsive media elements */
4
-
5
- .su-responsive-media-yes {
6
- position: relative;
7
- padding-bottom: 56.25%;
8
- height: 0;
9
- overflow: hidden;
10
- }
11
- .su-responsive-media-yes iframe,
12
- .su-responsive-media-yes object,
13
- .su-responsive-media-yes embed {
14
- position: absolute;
15
- top: 0;
16
- left: 0;
17
- width: 100%;
18
- height: 100%;
19
- }
20
-
21
- /* YouTube
22
- ---------------------------------------------------------------*/
23
-
24
- .su-youtube { margin: 0 0 1.5em 0 }
25
- .su-youtube iframe { border: none !important }
26
-
27
- /* Vimeo
28
- ---------------------------------------------------------------*/
29
-
30
- .su-vimeo { margin: 0 0 1.5em 0 }
31
- .su-vimeo iframe { border: none !important }
32
-
33
- /* Screenr
34