WP Shortcode by MyThemeShop - Version 1.4

Version Description

  • Complete revamp of notification and button shortcode design.
  • Removed unnecessary images.
  • Optimized CSS code.
Download this release

Release Info

Developer MyThemeShop
Plugin Icon 128x128 WP Shortcode by MyThemeShop
Version 1.4
Comparing to
See all releases

Code changes from version 1.3 to 1.4

Files changed (16) hide show
  1. css/tipsy.css +19 -24
  2. css/wp-shortcode.css +38 -294
  3. images/code.png +0 -0
  4. images/cross.png +0 -0
  5. images/speaker.png +0 -0
  6. images/thumb.png +0 -0
  7. images/tick.png +0 -0
  8. languages/default.mo +0 -0
  9. languages/default.po +1 -1
  10. readme.txt +7 -2
  11. tinymce/editor_plugin.css +7 -26
  12. tinymce/editor_plugin.php +1 -1
  13. tinymce/langs.php +4 -4
  14. tinymce/shortcodes.php +3 -7
  15. tinymce/tinymce.js +1 -3
  16. wp-shortcode.php +3 -3
css/tipsy.css CHANGED
@@ -1,25 +1,20 @@
1
  .tipsy { font-size: 10px; position: absolute; padding: 5px; z-index: 100000; }
2
- .tipsy-inner { background-color: #000; color: #FFF; max-width: 200px; padding: 5px 8px 4px 8px; text-align: center; }
3
-
4
- /* Rounded corners */
5
- .tipsy-inner { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
6
-
7
- /* Uncomment for shadow */
8
- /*.tipsy-inner { box-shadow: 0 0 5px #000000; -webkit-box-shadow: 0 0 5px #000000; -moz-box-shadow: 0 0 5px #000000; }*/
9
-
10
- .tipsy-arrow { position: absolute; width: 0; height: 0; line-height: 0; border: 5px dashed #000; }
11
-
12
- /* Rules to colour arrows */
13
- .tipsy-arrow-n { border-bottom-color: #000; }
14
- .tipsy-arrow-s { border-top-color: #000; }
15
- .tipsy-arrow-e { border-left-color: #000; }
16
- .tipsy-arrow-w { border-right-color: #000; }
17
-
18
- .tipsy-n .tipsy-arrow { top: 0px; left: 50%; margin-left: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; }
19
- .tipsy-nw .tipsy-arrow { top: 0; left: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;}
20
- .tipsy-ne .tipsy-arrow { top: 0; right: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;}
21
- .tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }
22
- .tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }
23
- .tipsy-se .tipsy-arrow { bottom: 0; right: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }
24
- .tipsy-e .tipsy-arrow { right: 0; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; }
25
- .tipsy-w .tipsy-arrow { left: 0; top: 50%; margin-top: -5px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; }
1
  .tipsy { font-size: 10px; position: absolute; padding: 5px; z-index: 100000; }
2
+ .tipsy-inner { background-color: #000; color: #FFF; max-width: 200px; padding: 5px 8px 4px 8px; text-align: center; }
3
+ /* Rounded corners */
4
+ .tipsy-inner { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
5
+ /* Uncomment for shadow */
6
+ /*.tipsy-inner { box-shadow: 0 0 5px #000000; -webkit-box-shadow: 0 0 5px #000000; -moz-box-shadow: 0 0 5px #000000; }_NO__DOTCOMMA__AFTER__*/
7
+ .tipsy-arrow { position: absolute; width: 0; height: 0; line-height: 0; border: 5px dashed #000; }
8
+ /* Rules to colour arrows */
9
+ .tipsy-arrow-n { border-bottom-color: #000 }
10
+ .tipsy-arrow-s { border-top-color: #000 }
11
+ .tipsy-arrow-e { border-left-color: #000 }
12
+ .tipsy-arrow-w { border-right-color: #000 }
13
+ .tipsy-n .tipsy-arrow { top: 0px; left: 50%; margin-left: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; }
14
+ .tipsy-nw .tipsy-arrow { top: 0; left: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; }
15
+ .tipsy-ne .tipsy-arrow { top: 0; right: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; }
16
+ .tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }
17
+ .tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }
18
+ .tipsy-se .tipsy-arrow { bottom: 0; right: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }
19
+ .tipsy-e .tipsy-arrow { right: 0; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; }
20
+ .tipsy-w .tipsy-arrow { left: 0; top: 50%; margin-top: -5px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; }
 
 
 
 
 
css/wp-shortcode.css CHANGED
@@ -1,83 +1,77 @@
1
  /*-----------------------------------------------
2
  /* Plugin: WP Shortcode
3
  /* Author: MyThemeShop
4
- /* Version: 1.2
5
  /*---------------------------------------------*/
6
-
7
  /*-[ Notifications ]---------------------------*/
8
- .message_box { margin: 15px 0 }
 
 
 
 
9
  pre {
10
  overflow: auto;
11
- background: #F7F7F7 url('../images/code.png') 10px 2px no-repeat;
12
- padding: 2em 1em 1em 1em;
13
- border: 1px solid #DDD;
14
  margin: 15px 0;
 
 
 
 
 
15
  }
16
  .note {
17
- background: #FEF4C8;
18
- color: #666;
19
- border: 1px solid #FDEBA5;
20
- }
21
- .note p {
22
- padding: 0.5em 1em 0.5em 2.5em;
23
- background: url('../images/thumb.png') left no-repeat;
24
- margin: 0.3em 0.8em;
25
  }
26
  .announce {
27
- background: #D7EFFB;
28
- color: #666;
29
- border: 1px solid #BEE5F8;
30
- }
31
- .announce p {
32
- padding: 0.5em 1em 0.5em 2.5em;
33
- background: url('../images/speaker.png') left no-repeat;
34
- margin: 0.3em 0.8em;
35
  }
36
  .success {
37
- background: #E8F6D2;
38
- color: #666;
39
  border: 1px solid #DEF1BF;
40
- }
41
- .success p {
42
- padding: 0.5em 1em 0.5em 2.5em;
43
- background: url('../images/tick.png') left no-repeat;
44
- margin: 0.3em 0.8em;
45
  }
46
  .warning {
47
- background: #FFE7E7;
48
- color: #666;
49
  border: 1px solid #FFDBDB;
50
- }
51
- .warning p {
52
- padding: 0.5em 1em 0.5em 2.5em;
53
- background: url('../images/cross.png') left no-repeat;
54
- margin: 0.3em 0.8em;
55
  }
56
  /*-[ Buttons ]---------------------------------*/
57
- .article .buttons {
58
  font-size: 12px;
59
  text-decoration: none;
60
- position: relative;
61
  border-radius: 5px;
62
  -webkit-border-radius: 5px;
63
  -moz-border-radius: 5px;
64
- margin: 15px 15px 15px 0;
65
  padding: 12px 10px;
66
  overflow: hidden;
67
  display: inline-block;
68
  width: auto;
69
  }
70
- .buttons span { float: none; overflow: hidden;}
71
- a.buttons { color: #fff!important; text-decoration: none; }
 
 
 
 
 
 
 
 
 
 
 
72
  a.buttons.left {
73
  margin-right: 15px;
74
  margin-bottom: 15px;
75
  float: left;
76
-
77
  }
78
  a.buttons.right {
79
  margin-left: 15px;
80
  margin-bottom: 15px;
 
81
  float: right;
82
  }
83
  div.button-center {
@@ -92,303 +86,55 @@ a.buttons.center {
92
  }
93
  a.btn_white { color: #4F4F4F!important }
94
  .btn_brown {
95
- background-color: #D9C2A5;
96
- background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #D9C2A5), color-stop(100%, #C3A178));
97
- background-image: -webkit-linear-gradient(top, #D9C2A5, #C3A178);
98
- background-image: -moz-linear-gradient(top, #D9C2A5, #C3A178);
99
- background-image: -ms-linear-gradient(top, #D9C2A5, #C3A178);
100
- background-image: -o-linear-gradient(top, #D9C2A5, #C3A178);
101
- background-image: linear-gradient(top, #D9C2A5, #C3A178);
102
- border-top: 1px solid #BD986A;
103
- border-right: 1px solid #BD986A;
104
- border-bottom: 1px solid #9A7445;
105
- border-left: 1px solid #BD986A;
106
- -webkit-border-radius: 4px;
107
- -moz-border-radius: 4px;
108
- border-radius: 4px;
109
- -webkit-box-shadow: inset 0 1px 0 0 #DFCC9F;
110
- -moz-box-shadow: inset 0 1px 0 0 #DFCC9F;
111
- box-shadow: inset 0 1px 0 0 #DFCC9F;
112
  color: white;
113
- font: bold 11px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
114
- line-height: 1;
115
- padding: 8px 25px;
116
- text-shadow: 0 -1px 1px #BA905E;
117
- text-transform: uppercase;
118
- padding: 12px 10px;
119
  }
120
  .btn_brown:hover {
121
  background-color: #D1B593;
122
- background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #D1B593), color-stop(100%, #BC966B));
123
- background-image: -webkit-linear-gradient(top, #D1B593, #BC966B);
124
- background-image: -moz-linear-gradient(top, #D1B593, #BC966B);
125
- background-image: -ms-linear-gradient(top, #D1B593, #BC966B);
126
- background-image: -o-linear-gradient(top, #D1B593, #BC966B);
127
- background-image: linear-gradient(top, #D1B593, #BC966B);
128
- border-top: 1px solid #BD986A;
129
- border-right: 1px solid #BD986A;
130
- border-bottom: 1px solid #9A7445;
131
- border-left: 1px solid #BD986A;
132
- -webkit-box-shadow: inset 0 1px 0 0 #DFCC9F;
133
- -moz-box-shadow: inset 0 1px 0 0 #DFCC9F;
134
- box-shadow: inset 0 1px 0 0 #DFCC9F;
135
- cursor: pointer;
136
  color: white!important;
137
  }
138
- .btn_brown:active {
139
- border: 1px solid #B2824C;
140
- -webkit-box-shadow: inset 0 0 8px 2px #C19B70;
141
- -moz-box-shadow: inset 0 0 8px 2px #C19B70;
142
- box-shadow: inset 0 0 8px 2px #C19B70;
143
- }
144
  .btn_blue {
145
  background-color: #A5B8DA;
146
- background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #A5B8DA), color-stop(100%, #7089B3));
147
- background-image: -webkit-linear-gradient(top, #A5B8DA, #7089B3);
148
- background-image: -moz-linear-gradient(top, #A5B8DA, #7089B3);
149
- background-image: -ms-linear-gradient(top, #A5B8DA, #7089B3);
150
- background-image: -o-linear-gradient(top, #A5B8DA, #7089B3);
151
- background-image: linear-gradient(top, #A5B8DA, #7089B3);
152
- border-top: 1px solid #758FBA;
153
- border-right: 1px solid #6C84AB;
154
- border-bottom: 1px solid #5C6F91;
155
- border-left: 1px solid #6C84AB;
156
- -webkit-border-radius: 4px;
157
- -moz-border-radius: 4px;
158
- border-radius: 4px;
159
- -webkit-box-shadow: inset 0 1px 0 0 #aec3e5;
160
- -moz-box-shadow: inset 0 1px 0 0 #aec3e5;
161
- box-shadow: inset 0 1px 0 0 #aec3e5;
162
  color: white;
163
- font: bold 11px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
164
- line-height: 1;
165
- padding: 8px 25px;
166
- text-shadow: 0 -1px 1px #64799E;
167
- text-transform: uppercase;
168
- padding: 12px 10px;
169
  }
170
  .btn_blue:hover {
171
  background-color: #9badcc;
172
- background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9badcc), color-stop(100%, #687fa6));
173
- background-image: -webkit-linear-gradient(top, #9badcc, #687fa6);
174
- background-image: -moz-linear-gradient(top, #9badcc, #687fa6);
175
- background-image: -ms-linear-gradient(top, #9badcc, #687fa6);
176
- background-image: -o-linear-gradient(top, #9badcc, #687fa6);
177
- background-image: linear-gradient(top, #9badcc, #687fa6);
178
- border-top: 1px solid #6d86ad;
179
- border-right: 1px solid #647a9e;
180
- border-bottom: 1px solid #546685;
181
- border-left: 1px solid #647a9e;
182
- -webkit-box-shadow: inset 0 1px 0 0 #a5b9d9;
183
- -moz-box-shadow: inset 0 1px 0 0 #a5b9d9;
184
- box-shadow: inset 0 1px 0 0 #a5b9d9;
185
- cursor: pointer;
186
  color: white!important;
187
  }
188
- .btn_blue:active {
189
- border: 1px solid #546685;
190
- -webkit-box-shadow: inset 0 0 8px 2px #7e8da6;
191
- -moz-box-shadow: inset 0 0 8px 2px #7e8da6;
192
- box-shadow: inset 0 0 8px 2px #7e8da6;
193
- }
194
  .btn_green {
195
  background-color: #6CB24C;
196
- background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6CB24C), color-stop(100%, #52873A));
197
- background-image: -webkit-linear-gradient(top, #6CB24C, #52873A);
198
- background-image: -moz-linear-gradient(top, #6CB24C, #52873A);
199
- background-image: -ms-linear-gradient(top, #6CB24C, #52873A);
200
- background-image: -o-linear-gradient(top, #6CB24C, #52873A);
201
- background-image: linear-gradient(top, #6CB24C, #52873A);
202
- border-top: 1px solid #477532;
203
- border-right: 1px solid #477532;
204
- border-bottom: 1px solid #3A6029;
205
- border-left: 1px solid #477532;
206
- -webkit-border-radius: 4px;
207
- -moz-border-radius: 4px;
208
- border-radius: 4px;
209
- -webkit-box-shadow: inset 0 1px 0 0 #8FC477;
210
- -moz-box-shadow: inset 0 1px 0 0 #8FC477;
211
- box-shadow: inset 0 1px 0 0 #8FC477;
212
  color: white;
213
- font: bold 11px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
214
- line-height: 1;
215
- padding: 12px 10px;
216
- text-shadow: 0 -1px 1px #416B2D;
217
- text-transform: uppercase;
218
  }
219
  .btn_green:hover {
220
  background-color: #5F9D43;
221
- background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #68AB49), color-stop(100%, #4A7834));
222
- background-image: -webkit-linear-gradient(top, #68AB49, #4A7834);
223
- background-image: -moz-linear-gradient(top, #68AB49, #4A7834);
224
- background-image: -ms-linear-gradient(top, #68AB49, #4A7834);
225
- background-image: -o-linear-gradient(top, #68AB49, #4A7834);
226
- background-image: linear-gradient(top, #68AB49, #4A7834);
227
- border-top: 1px solid #4E8037;
228
- border-right: 1px solid #4E8037;
229
- border-bottom: 1px solid #3A6029;
230
- border-left: 1px solid #4E8037;
231
- -webkit-box-shadow: inset 0 1px 0 0 #8FC477;
232
- -moz-box-shadow: inset 0 1px 0 0 #8FC477;
233
- box-shadow: inset 0 1px 0 0 #8FC477;
234
- cursor: pointer;
235
  color: white!important;
236
  }
237
- .btn_green:active {
238
- border: 1px solid #436D30;
239
- -webkit-box-shadow: inset 0 0 8px 2px #467131;
240
- -moz-box-shadow: inset 0 0 8px 2px #467131;
241
- box-shadow: inset 0 0 8px 2px #467131;
242
- }
243
  .btn_yellow {
244
  background-color: #FFDA6B;
245
- background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFDA6B), color-stop(100%, #FEAE2D));
246
- background-image: -webkit-linear-gradient(top, #FFDA6B, #FEAE2D);
247
- background-image: -moz-linear-gradient(top, #FFDA6B, #FEAE2D);
248
- background-image: -ms-linear-gradient(top, #FFDA6B, #FEAE2D);
249
- background-image: -o-linear-gradient(top, #FFDA6B, #FEAE2D);
250
- background-image: linear-gradient(top, #FFDA6B, #FEAE2D);
251
- border-top: 1px solid #D6AB00;
252
- border-right: 1px solid #D6AB00;
253
- border-bottom: 1px solid #BC9600;
254
- border-left: 1px solid #D6AB00;
255
- -webkit-border-radius: 4px;
256
- -moz-border-radius: 4px;
257
- border-radius: 4px;
258
- -webkit-box-shadow: inset 0 1px 0 0 #FFE599;
259
- -moz-box-shadow: inset 0 1px 0 0 #FFE599;
260
- box-shadow: inset 0 1px 0 0 #FFE599;
261
  color: #fff;
262
- line-height: 1;
263
- padding: 8px 25px;
264
- text-shadow: 0 1px 1px #BC9600;
265
- text-transform: uppercase;
266
- font: bold 11px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
267
- line-height: 1;
268
- padding: 12px 10px;
269
  }
270
  .btn_yellow:hover {
271
  background-color: #FFD351;
272
- background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFD351), color-stop(100%, #FDA00B));
273
- background-image: -webkit-linear-gradient(top, #FFD351, #FDA00B);
274
- background-image: -moz-linear-gradient(top, #FFD351, #FDA00B);
275
- background-image: -ms-linear-gradient(top, #FFD351, #FDA00B);
276
- background-image: -o-linear-gradient(top, #FFD351, #FDA00B);
277
- background-image: linear-gradient(top, #FFD351, #FDA00B);
278
- border-top: 1px solid #D6AB00;
279
- border-right: 1px solid #D6AB00;
280
- border-bottom: 1px solid #BC9600;
281
- border-left: 1px solid #D6AB00;
282
- -webkit-box-shadow: inset 0 1px 0 0 #FFE599;
283
- -moz-box-shadow: inset 0 1px 0 0 #FFE599;
284
- box-shadow: inset 0 1px 0 0 #FFE599;
285
- cursor: pointer;
286
  color: #fff!important;
287
  }
288
- .btn_yellow:active {
289
- border: 1px solid #F29202;
290
- -webkit-box-shadow: inset 0 0 8px 2px #F29202;
291
- -moz-box-shadow: inset 0 0 8px 2px #F29202;
292
- box-shadow: inset 0 0 8px 2px #F29202;
293
- }
294
  .btn_red {
295
  background-color: #E83030;
296
- background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #E83030), color-stop(100%, #B71414));
297
- background-image: -webkit-linear-gradient(top, #E83030, #B71414);
298
- background-image: -moz-linear-gradient(top, #E83030, #B71414);
299
- background-image: -ms-linear-gradient(top, #E83030, #B71414);
300
- background-image: -o-linear-gradient(top, #E83030, #B71414);
301
- background-image: linear-gradient(top, #E83030, #B71414);
302
- border-top: 1px solid #9C1111;
303
- border-right: 1px solid #9C1111;
304
- border-bottom: 1px solid #890F0F;
305
- border-left: 1px solid #9C1111;
306
- -webkit-border-radius: 4px;
307
- -moz-border-radius: 4px;
308
- border-radius: 4px;
309
- -webkit-box-shadow: inset 0 1px 0 0 #FF6B6B;
310
- -moz-box-shadow: inset 0 1px 0 0 #FF6B6B;
311
- box-shadow: inset 0 1px 0 0 #FF6B6B;
312
  color: white;
313
- font: bold 11px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
314
- line-height: 1;
315
- padding: 8px 25px;
316
- text-shadow: 0 -1px 1px #A01111;
317
- text-transform: uppercase;
318
- padding: 12px 10px;
319
  }
320
  .btn_red:hover {
321
  background-color: #E63131;
322
- background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #E63131), color-stop(100%, #9C1111));
323
- background-image: -webkit-linear-gradient(top, #E63131, #9C1111);
324
- background-image: -moz-linear-gradient(top, #E63131, #9C1111);
325
- background-image: -ms-linear-gradient(top, #E63131, #9C1111);
326
- background-image: -o-linear-gradient(top, #E63131, #9C1111);
327
- background-image: linear-gradient(top, #E63131, #9C1111);
328
- border-top: 1px solid #9C1111;
329
- border-right: 1px solid #9C1111;
330
- border-bottom: 1px solid #890F0F;
331
- border-left: 1px solid #9C1111;
332
- -webkit-box-shadow: inset 0 1px 0 0 #FE4C4C;
333
- -moz-box-shadow: inset 0 1px 0 0 #FE4C4C;
334
- box-shadow: inset 0 1px 0 0 #FE4C4C;
335
- cursor: pointer;
336
  color: white!important;
337
  }
338
- .btn_red:active {
339
- border: 1px solid #890F0F;
340
- -webkit-box-shadow: inset 0 0 8px 2px #890F0F;
341
- -moz-box-shadow: inset 0 0 8px 2px #890F0F;
342
- box-shadow: inset 0 0 8px 2px #890F0F;
343
- }
344
  .btn_white {
345
  background-color: #F7F7F7;
346
- background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F7F7F7), color-stop(100%, #E0E0E0));
347
- background-image: -webkit-linear-gradient(top, #F7F7F7, #E0E0E0);
348
- background-image: -moz-linear-gradient(top, #F7F7F7, #E0E0E0);
349
- background-image: -ms-linear-gradient(top, #F7F7F7, #E0E0E0);
350
- background-image: -o-linear-gradient(top, #F7F7F7, #E0E0E0);
351
- background-image: linear-gradient(top, #F7F7F7, #E0E0E0);
352
- border-top: 1px solid #CECECE;
353
- border-right: 1px solid #CECECE;
354
- border-bottom: 1px solid #C4C4C4;
355
- border-left: 1px solid #CECECE;
356
- -webkit-border-radius: 4px;
357
- -moz-border-radius: 4px;
358
- border-radius: 4px;
359
- -webkit-box-shadow: inset 0 1px 0 0 #FFFFFF;
360
- -moz-box-shadow: inset 0 1px 0 0 #FFFFFF;
361
- box-shadow: inset 0 1px 0 0 #FFFFFF;
362
  color: #4F4F4F;
363
- font: bold 11px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
364
- line-height: 1;
365
- padding: 8px 25px;
366
- text-shadow: 0 -1px 1px #fff;
367
- text-transform: uppercase;
368
- padding: 12px 10px;
369
  }
370
  .btn_white:hover {
371
  background-color: #F4F4F4;
372
- background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F4F4F4), color-stop(100%, #D3D3D3));
373
- background-image: -webkit-linear-gradient(top, #F4F4F4, #D3D3D3);
374
- background-image: -moz-linear-gradient(top, #F4F4F4, #D3D3D3);
375
- background-image: -ms-linear-gradient(top, #F4F4F4, #D3D3D3);
376
- background-image: -o-linear-gradient(top, #F4F4F4, #D3D3D3);
377
- background-image: linear-gradient(top, #F4F4F4, #D3D3D3);
378
- border-top: 1px solid #CECECE;
379
- border-right: 1px solid #CECECE;
380
- border-bottom: 1px solid #C4C4C4;
381
- border-left: 1px solid #CECECE;
382
- -webkit-box-shadow: inset 0 1px 0 0 #fff;
383
- -moz-box-shadow: inset 0 1px 0 0 #fff;
384
- box-shadow: inset 0 1px 0 0 #fff;
385
- cursor: pointer;
386
  color: #4F4F4F!important;
387
  }
388
  .btn_white:active {
389
  border: 1px solid #C1C1C1;
390
- -webkit-box-shadow: inset 0 0 8px 2px #C1C1C1;
391
- -moz-box-shadow: inset 0 0 8px 2px #C1C1C1;
392
  box-shadow: inset 0 0 8px 2px #C1C1C1;
393
  }
394
  /*-[ Video Shortcode ]-------------------------*/
@@ -431,6 +177,7 @@ a.btn_white { color: #4F4F4F!important }
431
  height: 40px;
432
  border-bottom: 1px solid #DDD;
433
  margin: 0;
 
434
  }
435
  .tab_widget ul.wps_tabs li {
436
  float: left;
@@ -444,9 +191,6 @@ a.btn_white { color: #4F4F4F!important }
444
  overflow: hidden;
445
  position: relative;
446
  background-image: linear-gradient(bottom, rgb(230,230,230) 9%, rgb(238,238,238) 55%);
447
- background-image: -o-linear-gradient(bottom, rgb(230,230,230) 9%, rgb(238,238,238) 55%);
448
- background-image: -moz-linear-gradient(bottom, rgb(230,230,230) 9%, rgb(238,238,238) 55%);
449
- background-image: -webkit-linear-gradient(bottom, rgb(230,230,230) 9%, rgb(238,238,238) 55%);
450
  background-image: -ms-linear-gradient(bottom, rgb(230,230,230) 9%, rgb(238,238,238) 55%);
451
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.09, rgb(230,230,230)), color-stop(0.55, rgb(238,238,238)) );
452
  }
1
  /*-----------------------------------------------
2
  /* Plugin: WP Shortcode
3
  /* Author: MyThemeShop
4
+ /* Version: 1.4
5
  /*---------------------------------------------*/
 
6
  /*-[ Notifications ]---------------------------*/
7
+ .message_box {
8
+ margin: 15px 0;
9
+ padding: 1em 1em;
10
+ }
11
+ .message_box p { margin-bottom: 0 }
12
  pre {
13
  overflow: auto;
14
+ padding: 15px;
 
 
15
  margin: 15px 0;
16
+ position: relative;
17
+ background: #777;
18
+ font-family: monospace;
19
+ color: #FFF;
20
+ box-sizing: border-box;
21
  }
22
  .note {
23
+ background: #FAF3D4;
24
+ color: #A6A377;
 
 
 
 
 
 
25
  }
26
  .announce {
27
+ background: #d0e6f0;
28
+ color: #7190a2;
 
 
 
 
 
 
29
  }
30
  .success {
 
 
31
  border: 1px solid #DEF1BF;
32
+ background: #D8EBCE;
33
+ color: #748F5D;
 
 
 
34
  }
35
  .warning {
 
 
36
  border: 1px solid #FFDBDB;
37
+ background: #FDE2E2;
38
+ color: #AC888A;
 
 
 
39
  }
40
  /*-[ Buttons ]---------------------------------*/
41
+ .buttons {
42
  font-size: 12px;
43
  text-decoration: none;
 
44
  border-radius: 5px;
45
  -webkit-border-radius: 5px;
46
  -moz-border-radius: 5px;
47
+ margin: 0 15px 15px 0;
48
  padding: 12px 10px;
49
  overflow: hidden;
50
  display: inline-block;
51
  width: auto;
52
  }
53
+ .buttons span {
54
+ float: none;
55
+ overflow: hidden;
56
+ }
57
+ a.buttons {
58
+ color: #fff!important;
59
+ text-decoration: none;
60
+ padding: 10px 20px;
61
+ border-radius: 3px;
62
+ border: 1px solid rgba(0, 0, 0, 0.1);
63
+ text-transform: uppercase;
64
+ font-weight: bold;
65
+ }
66
  a.buttons.left {
67
  margin-right: 15px;
68
  margin-bottom: 15px;
69
  float: left;
 
70
  }
71
  a.buttons.right {
72
  margin-left: 15px;
73
  margin-bottom: 15px;
74
+ margin-right: 0;
75
  float: right;
76
  }
77
  div.button-center {
86
  }
87
  a.btn_white { color: #4F4F4F!important }
88
  .btn_brown {
89
+ background-color: #C5703F;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
90
  color: white;
 
 
 
 
 
 
91
  }
92
  .btn_brown:hover {
93
  background-color: #D1B593;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
94
  color: white!important;
95
  }
 
 
 
 
 
 
96
  .btn_blue {
97
  background-color: #A5B8DA;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
98
  color: white;
 
 
 
 
 
 
99
  }
100
  .btn_blue:hover {
101
  background-color: #9badcc;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
102
  color: white!important;
103
  }
 
 
 
 
 
 
104
  .btn_green {
105
  background-color: #6CB24C;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
106
  color: white;
 
 
 
 
 
107
  }
108
  .btn_green:hover {
109
  background-color: #5F9D43;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
110
  color: white!important;
111
  }
 
 
 
 
 
 
112
  .btn_yellow {
113
  background-color: #FFDA6B;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
114
  color: #fff;
 
 
 
 
 
 
 
115
  }
116
  .btn_yellow:hover {
117
  background-color: #FFD351;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
118
  color: #fff!important;
119
  }
 
 
 
 
 
 
120
  .btn_red {
121
  background-color: #E83030;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
122
  color: white;
 
 
 
 
 
 
123
  }
124
  .btn_red:hover {
125
  background-color: #E63131;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
126
  color: white!important;
127
  }
 
 
 
 
 
 
128
  .btn_white {
129
  background-color: #F7F7F7;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
130
  color: #4F4F4F;
 
 
 
 
 
 
131
  }
132
  .btn_white:hover {
133
  background-color: #F4F4F4;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
134
  color: #4F4F4F!important;
135
  }
136
  .btn_white:active {
137
  border: 1px solid #C1C1C1;
 
 
138
  box-shadow: inset 0 0 8px 2px #C1C1C1;
139
  }
140
  /*-[ Video Shortcode ]-------------------------*/
177
  height: 40px;
178
  border-bottom: 1px solid #DDD;
179
  margin: 0;
180
+ padding: 0;
181
  }
182
  .tab_widget ul.wps_tabs li {
183
  float: left;
191
  overflow: hidden;
192
  position: relative;
193
  background-image: linear-gradient(bottom, rgb(230,230,230) 9%, rgb(238,238,238) 55%);
 
 
 
194
  background-image: -ms-linear-gradient(bottom, rgb(230,230,230) 9%, rgb(238,238,238) 55%);
195
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.09, rgb(230,230,230)), color-stop(0.55, rgb(238,238,238)) );
196
  }
images/code.png DELETED
Binary file
images/cross.png DELETED
Binary file
images/speaker.png DELETED
Binary file
images/thumb.png DELETED
Binary file
images/tick.png DELETED
Binary file
languages/default.mo CHANGED
Binary file
languages/default.po CHANGED
@@ -3,7 +3,7 @@ msgstr ""
3
  "Project-Id-Version: WP Shortcode\n"
4
  "Report-Msgid-Bugs-To: \n"
5
  "POT-Creation-Date: 2014-04-17 10:16+0100\n"
6
- "PO-Revision-Date: 2015-01-23 22:40+0530\n"
7
  "Last-Translator: MyThemeShop <support-team@mythemeshop.com>\n"
8
  "Language-Team: MyThemeShop\n"
9
  "MIME-Version: 1.0\n"
3
  "Project-Id-Version: WP Shortcode\n"
4
  "Report-Msgid-Bugs-To: \n"
5
  "POT-Creation-Date: 2014-04-17 10:16+0100\n"
6
+ "PO-Revision-Date: 2015-03-25 23:56+0530\n"
7
  "Last-Translator: MyThemeShop <support-team@mythemeshop.com>\n"
8
  "Language-Team: MyThemeShop\n"
9
  "MIME-Version: 1.0\n"
readme.txt CHANGED
@@ -3,8 +3,8 @@ Contributors: mythemeshop
3
  Creator's website link: http://mythemeshop.com/
4
  Tags: shortcodes, shortcode, shortcodes list, toggle shortcode, buttons, google map shortcode, youtube shortcode, viemo shortcode, alert shortcode, notification shortcode, column shortcodes
5
  Requires at least: 3.0.1
6
- Tested up to: 4.1
7
- Stable tag: 1.3
8
  License: GPLv2 or later
9
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
10
 
@@ -48,6 +48,11 @@ Please disable all plugins and check if shortcode plugin is working properly. Th
48
  7. Google Maps Shortcode
49
 
50
  == Changelog ==
 
 
 
 
 
51
 
52
  = 1.3 =
53
  * Added Tooltip shortcode
3
  Creator's website link: http://mythemeshop.com/
4
  Tags: shortcodes, shortcode, shortcodes list, toggle shortcode, buttons, google map shortcode, youtube shortcode, viemo shortcode, alert shortcode, notification shortcode, column shortcodes
5
  Requires at least: 3.0.1
6
+ Tested up to: 4.2
7
+ Stable tag: 1.4
8
  License: GPLv2 or later
9
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
10
 
48
  7. Google Maps Shortcode
49
 
50
  == Changelog ==
51
+
52
+ = 1.4 =
53
+ * Complete revamp of notification and button shortcode design.
54
+ * Removed unnecessary images.
55
+ * Optimized CSS code.
56
 
57
  = 1.3 =
58
  * Added Tooltip shortcode
tinymce/editor_plugin.css CHANGED
@@ -1,26 +1,7 @@
1
- #mnmshortcode_tag {
2
- width: 200px;
3
- }
4
- #mnmshortcode_panel {
5
- margin-bottom: 8px;
6
- }
7
- #mnmshortcode_panel table {
8
- width: 100%;
9
- font-size: 12px;
10
- }
11
- .mnmshortcode_description {
12
- color: #666;
13
- font-size: 12px;
14
- }
15
- .mnmshortcode_att_name {
16
- text-transform: capitalize;
17
- }
18
- #mnmshortcode_panel input, #mnmshortcode_panel select, #mnmshortcode_panel textarea {
19
- width: 100%;
20
- padding: 4px 4px;
21
- font-size: 12px;
22
- font-family: 'Open Sans', sans-serif;
23
- }
24
- #mnmshortcode_panel textarea {
25
- height: 120px;
26
- }
1
+ #mnmshortcode_tag { width: 200px }
2
+ #mnmshortcode_panel { margin-bottom: 8px }
3
+ #mnmshortcode_panel table { width: 100%; font-size: 12px; }
4
+ .mnmshortcode_description { color: #666; font-size: 12px; }
5
+ .mnmshortcode_att_name { text-transform: capitalize }
6
+ #mnmshortcode_panel input, #mnmshortcode_panel select, #mnmshortcode_panel textarea { width: 100%; padding: 4px 4px; font-size: 12px; font-family: 'Open Sans', sans-serif; }
7
+ #mnmshortcode_panel textarea { height: 120px }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
tinymce/editor_plugin.php CHANGED
@@ -16,7 +16,7 @@ if ( !current_user_can('edit_pages') && !current_user_can('edit_posts') )
16
 
17
  <script language="javascript" type="text/javascript" src="<?php echo includes_url(); ?>js/jquery/jquery.js"></script>
18
  <?php include('shortcodes.php'); ?>
19
- <script language="javascript" type="text/javascript" src="<?php echo plugin_dir_url(__FILE__); ?>tinymce.js?v=1.3"></script>
20
  <base target="_self" />
21
  <link rel="stylesheet" type="text/css" href="<?php echo plugin_dir_url(__FILE__); ?>editor_plugin.css" media="all" />
22
  </head>
16
 
17
  <script language="javascript" type="text/javascript" src="<?php echo includes_url(); ?>js/jquery/jquery.js"></script>
18
  <?php include('shortcodes.php'); ?>
19
+ <script language="javascript" type="text/javascript" src="<?php echo plugin_dir_url(__FILE__); ?>tinymce.js"></script>
20
  <base target="_self" />
21
  <link rel="stylesheet" type="text/css" href="<?php echo plugin_dir_url(__FILE__); ?>editor_plugin.css" media="all" />
22
  </head>
tinymce/langs.php CHANGED
@@ -1,6 +1,6 @@
1
  <script type="text/javascript">
2
- tinyMCE.addI18n({en:{
3
- systempanel:{
4
- desc : 'System shortcodes'
5
- }}});
6
  </script>
1
  <script type="text/javascript">
2
+ tinyMCE.addI18n({en:{
3
+ systempanel:{
4
+ desc : 'System shortcodes'
5
+ }}});
6
  </script>
tinymce/shortcodes.php CHANGED
@@ -349,17 +349,13 @@ $shortcodes = array(
349
  "tooltip" => array(
350
  "self-closing" => false,
351
  "atts" => array(
352
- "content" => __("Tooltip content", "wpshortcode"),
353
- "direction" => "n",
354
  "fade" => "0"
355
  ),
356
- "att_labels" => array(
357
- "content" => __("Tooltip content", "wpshortcode"),
358
- "direction" => __("Direction (cardinal)", "wpshortcode"),
359
- ),
360
  "label" => __("Tooltip", "wpshortcode"),
361
  "content" => __("Trigger text", "wpshortcode"),
362
- "description" => __("Add a tooltip that appears on hover. Possible values for direction: nw | n | ne | w | e | sw | s | se", "wpshortcode")
363
  )
364
  );
365
  echo "<script type=\"text/javascript\">var shortcodes = ".json_encode($shortcodes).";</script>";
349
  "tooltip" => array(
350
  "self-closing" => false,
351
  "atts" => array(
352
+ "content" => "Tooltip content",
353
+ "gravity" => "n",
354
  "fade" => "0"
355
  ),
 
 
 
 
356
  "label" => __("Tooltip", "wpshortcode"),
357
  "content" => __("Trigger text", "wpshortcode"),
358
+ "description" => __("Add a tooltip that appears on hover. Possible values for direction(Cardinal) of bubble: nw | n | ne | w | e | sw | s | se", "wpshortcode")
359
  )
360
  );
361
  echo "<script type=\"text/javascript\">var shortcodes = ".json_encode($shortcodes).";</script>";
tinymce/tinymce.js CHANGED
@@ -49,9 +49,7 @@ jQuery(function($) {
49
  html += '<tr><td class="mnmshortcode_description" colspan="2">'+shortcodes[mnm_shortcodeid]['description']+'</td></tr>';
50
  }
51
  $.each(shortcodes[mnm_shortcodeid]['atts'], function(index, item) {
52
- var label = index;
53
- if (typeof shortcodes[mnm_shortcodeid]['att_labels'] !== 'undefined' && typeof shortcodes[mnm_shortcodeid]['att_labels'][index] !== 'undefined') label = shortcodes[mnm_shortcodeid]['att_labels'][index];
54
- html += '<tr class="mnmshortcode_att_name"><td>'+label+'</td><td><input type="text" name="shortcode_att_'+index+'" id="shortcode_att_'+index+'" value="'+item+'" /></td></tr>';
55
  });
56
 
57
  if (!shortcodes[mnm_shortcodeid]['self-closing']) {
49
  html += '<tr><td class="mnmshortcode_description" colspan="2">'+shortcodes[mnm_shortcodeid]['description']+'</td></tr>';
50
  }
51
  $.each(shortcodes[mnm_shortcodeid]['atts'], function(index, item) {
52
+ html += '<tr class="mnmshortcode_att_name"><td>'+index+'</td><td><input type="text" name="shortcode_att_'+index+'" id="shortcode_att_'+index+'" value="'+item+'" /></td></tr>';
 
 
53
  });
54
 
55
  if (!shortcodes[mnm_shortcodeid]['self-closing']) {
wp-shortcode.php CHANGED
@@ -4,7 +4,7 @@ Plugin Name: WP Shortcode by MyThemeShop
4
  Plugin URI: http://mythemeshop.com/
5
  Description: With the vast array of shortcodes, you can quickly and easily build content for your posts and pages and turbocharge your blogging experience.
6
  Author: MyThemeShop
7
- Version: 1.3
8
  Author URI: http://mythemeshop.com/
9
  */
10
 
@@ -412,9 +412,9 @@ function mts_clear( $atts ) {
412
  function mts_tooltip( $atts, $content ) {
413
  $atts = shortcode_atts(array(
414
  'content' => '',
415
- 'direction' => 'n',
416
  'fade' => '0'
417
  ), $atts);
418
- return '<span class="wp_shortcodes_tooltip" title="'.esc_attr( $atts['content'] ).'" data-gravity="'.esc_attr( $atts['direction'] ).'" data-fade="'.esc_attr( $atts['fade'] ).'">'.$content.'</span>';
419
  }
420
  ?>
4
  Plugin URI: http://mythemeshop.com/
5
  Description: With the vast array of shortcodes, you can quickly and easily build content for your posts and pages and turbocharge your blogging experience.
6
  Author: MyThemeShop
7
+ Version: 1.4
8
  Author URI: http://mythemeshop.com/
9
  */
10
 
412
  function mts_tooltip( $atts, $content ) {
413
  $atts = shortcode_atts(array(
414
  'content' => '',
415
+ 'gravity' => 'n',
416
  'fade' => '0'
417
  ), $atts);
418
+ return '<span class="wp_shortcodes_tooltip" title="'.esc_attr( $atts['content'] ).'" data-gravity="'.esc_attr( $atts['gravity'] ).'" data-fade="'.esc_attr( $atts['fade'] ).'">'.$content.'</span>';
419
  }
420
  ?>