Ditty News Ticker - Version 2.0.17

Version Description

  • Image container css updates
Download this release

Release Info

Developer metaphorcreations
Plugin Icon 128x128 Ditty News Ticker
Version 2.0.17
Comparing to
See all releases

Code changes from version 2.0.16 to 2.0.17

Files changed (4) hide show
  1. assets/css/style.css +138 -490
  2. assets/sass/style.scss +3 -1
  3. ditty-news-ticker.php +3 -3
  4. readme.txt +4 -0
assets/css/style.css CHANGED
@@ -1,532 +1,180 @@
1
- .mtphr-dnt img {
2
- max-width: 100%;
3
- height: auto;
4
- }
5
-
6
- .mtphr-dnt-wrapper {
7
- position: relative;
8
- width: 100%;
9
- }
10
-
11
- .mtphr-dnt-inline-title {
12
- float: left;
13
- padding-right: 5px;
14
- }
15
-
16
- .mtphr-dnt-tick-container {
17
- position: relative;
18
- }
19
-
20
- .mtphr-dnt-tick-contents {
21
- position: relative;
22
- overflow: hidden;
23
- }
24
-
25
- .mtphr-dnt-tick {
26
- margin: 0;
27
- }
28
-
29
- .mtphr-dnt-tick img.emoji {
30
- max-width: none;
31
- }
32
-
33
- .mtphr-dnt-rotate .mtphr-dnt-tick,
34
- .mtphr-dnt-scroll .mtphr-dnt-tick {
35
- position: absolute;
36
- display: none;
37
- }
38
-
39
- .mtphr-dnt-rotate .mtphr-dnt-tick {
40
- opacity: 0;
41
- }
42
-
43
- .mtphr-dnt-scroll-left .mtphr-dnt-tick,
44
- .mtphr-dnt-scroll-right .mtphr-dnt-tick {
45
- white-space: nowrap;
46
- }
47
-
48
- .mtphr-dnt-trim-ticks .mtphr-dnt-tick * {
49
- margin-top: 0 !important;
50
- margin-bottom: 0 !important;
51
- padding-top: 0 !important;
52
- padding-bottom: 0 !important;
53
- }
54
 
55
  /* --------------------------------------------------------- */
56
  /* !Rotate */
57
  /* --------------------------------------------------------- */
58
- /*
59
- .mtphr-dnt-rotate {
60
- .unslider {
61
- overflow:auto;
62
- margin:0;
63
- padding:0;
64
- li, ol, ul {
65
- list-style:none;
66
- margin:0;
67
- padding:0;
68
- border:none;
69
- }
70
- }
71
- .unslider-wrap {
72
- position:relative;
73
- &.unslider-carousel {
74
- > .mtphr-dnt-tick {
75
- float:left;
76
- }
77
- }
78
- }
79
- .unslider-vertical {
80
- > ul {
81
- height:100%;
82
- }
83
- li {
84
- float:none;
85
- width:100%;
86
- }
87
- }
88
- .unslider-fade {
89
- position:relative;
90
- .unslider-wrap {
91
- .mtphr-dnt-tick {
92
- position:absolute;
93
- left:0;
94
- top:0;
95
- right:0;
96
- z-index:8;
97
- &.unslider-active {
98
- z-index:10;
99
- }
100
- }
101
- }
102
- }
103
- .unslider-arrow {
104
- position:absolute;
105
- left:20px;
106
- z-index:2;
107
- cursor:pointer;
108
- &.next {
109
- left:auto;
110
- right:20px;
111
- }
112
- }
113
- .unslider-nav {
114
- text-align: center;
115
- ol {
116
- display: inline-block;
117
- }
118
- li {
119
- float: left;
120
- margin: 0 5px;
121
- cursor: pointer;
122
- &.unslider-active {
123
- color: green;
124
- }
125
- }
126
- }
127
- }
128
- */
129
  /* --------------------------------------------------------- */
130
  /* !Spinner */
131
  /* --------------------------------------------------------- */
132
- .mtphr-dnt-icon-spinner {
133
- position: absolute;
134
- left: 50%;
135
- top: 50%;
136
- width: 30px;
137
- height: 30px;
138
- font-size: 30px;
139
- color: #FFF;
140
- margin: -15px 0 0 -15px;
141
- -webkit-animation: mtphr-dnt-spinner-rotation 0.8s infinite linear;
142
- -moz-animation: mtphr-dnt-spinner-rotation 0.8s infinite linear;
143
- -o-animation: mtphr-dnt-spinner-rotation 0.8s infinite linear;
144
- animation: mtphr-dnt-spinner-rotation 0.8s infinite linear;
145
- }
146
-
147
- @-webkit-keyframes mtphr-dnt-spinner-rotation {
148
- from {
149
- -webkit-transform: rotate(0deg);
150
- }
151
- to {
152
- -webkit-transform: rotate(359deg);
153
- }
154
- }
155
-
156
- @-moz-keyframes mtphr-dnt-spinner-rotation {
157
- from {
158
- -moz-transform: rotate(0deg);
159
- }
160
- to {
161
- -moz-transform: rotate(359deg);
162
- }
163
- }
164
-
165
- @-o-keyframes mtphr-dnt-spinner-rotation {
166
- from {
167
- -o-transform: rotate(0deg);
168
- }
169
- to {
170
- -o-transform: rotate(359deg);
171
- }
172
- }
173
-
174
- @keyframes mtphr-dnt-spinner-rotation {
175
- from {
176
- transform: rotate(0deg);
177
- }
178
- to {
179
- transform: rotate(359deg);
180
- }
181
- }
182
 
183
  /* --------------------------------------------------------- */
184
  /* !Images */
185
  /* --------------------------------------------------------- */
186
- .mtphr-dnt-image-container {
187
- position: relative;
188
- display: inline-block;
189
- }
190
-
191
- .mtphr-dnt-image-container > * {
192
- margin: 10px 0;
193
- }
194
-
195
- .mtphr-dnt-image-container > *:first-child {
196
- margin-top: 0;
197
- }
198
-
199
- .mtphr-dnt-image-container > *:last-child {
200
- margin-bottom: 0;
201
- }
202
-
203
- .mtphr-dnt-image-container.mtphr-dnt-image-caption-top .mtphr-dnt-image-photo,
204
- .mtphr-dnt-image-container.mtphr-dnt-image-caption-bottom .mtphr-dnt-image-photo {
205
- margin-top: 0;
206
- margin-bottom: 0;
207
- }
208
-
209
- .mtphr-dnt-image-container.mtphr-dnt-image-caption-top .mtphr-dnt-image-caption,
210
- .mtphr-dnt-image-container.mtphr-dnt-image-caption-bottom .mtphr-dnt-image-caption {
211
- position: absolute;
212
- left: 0;
213
- bottom: 0;
214
- z-index: 9;
215
- box-sizing: border-box;
216
- width: 100%;
217
- margin: 0 !important;
218
- line-height: 1.2em;
219
- padding: 12px 20px;
220
- color: #FFF;
221
- background: rgba(0, 0, 0, 0.7);
222
- }
223
-
224
- .mtphr-dnt-image-container.mtphr-dnt-image-caption-top .mtphr-dnt-image-caption {
225
- bottom: auto;
226
- top: 0;
227
- }
228
-
229
- .mtphr-dnt-image-container.mtphr-dnt-image-caption-hover {
230
- display: block;
231
- }
232
-
233
- .mtphr-dnt-image-container.mtphr-dnt-image-caption-hover .mtphr-dnt-image-caption {
234
- opacity: 0;
235
- -webkit-transition: opacity 0.25s ease;
236
- transition: opacity 0.25s ease;
237
- }
238
-
239
- .mtphr-dnt-image-container.mtphr-dnt-image-caption-hover:hover .mtphr-dnt-image-caption {
240
- opacity: 1;
241
- }
242
-
243
- .mtphr-dnt-image-container .mtphr-dnt-image-photo {
244
- line-height: 0;
245
- }
246
-
247
- .mtphr-dnt-image-container .mtphr-dnt-image-photo a {
248
- display: inline-block;
249
- max-width: 100%;
250
- }
251
-
252
- .mtphr-dnt-image-container .mtphr-dnt-image-photo img {
253
- display: block;
254
- max-width: 100%;
255
- height: auto;
256
- line-height: 0;
257
- }
258
-
259
- .mtphr-dnt-image-container .mtphr-dnt-image-placeholder,
260
- .mtphr-dnt-image-container .mtphr-dnt-image-placeholder-loading {
261
- position: relative;
262
- display: none;
263
- width: 100%;
264
- max-width: 100%;
265
- background: #000;
266
- line-height: 0;
267
- }
268
-
269
- .mtphr-dnt-grid .mtphr-dnt-image-container {
270
- width: 100% !important;
271
- }
272
-
273
- .mtphr-dnt-grid .mtphr-dnt-image-container .mtphr-dnt-image-placeholder,
274
- .mtphr-dnt-grid .mtphr-dnt-image-container .mtphr-dnt-image-placeholder-loading {
275
- width: 100% !important;
276
- }
277
 
278
  /* Directional nav
279
  ------------------------------------------------------------ */
280
- .mtphr-dnt .mtphr-dnt-nav {
281
- position: absolute;
282
- top: 50%;
283
- text-decoration: none;
284
- margin-top: -19px;
285
- }
286
-
287
- .mtphr-dnt-nav i {
288
- display: block;
289
- width: 38px;
290
- height: 38px;
291
- font-size: 38px;
292
- line-height: 38px;
293
- color: #DDD;
294
- color: rgba(221, 221, 221, 0.8);
295
- }
296
-
297
- .mtphr-dnt-nav:hover {
298
- text-decoration: none !important;
299
- }
300
-
301
- .mtphr-dnt-nav:focus {
302
- outline: none;
303
- }
304
-
305
- .mtphr-dnt-nav-prev {
306
- left: 10px;
307
- }
308
-
309
- .mtphr-dnt-nav-next {
310
- right: 10px;
311
- background-position: -38px 0;
312
- }
313
-
314
- .mtphr-dnt-nav-hide {
315
- opacity: 0;
316
- -webkit-transition: opacity 0.3s linear;
317
- -moz-transition: opacity 0.3s linear;
318
- -o-transition: opacity 0.3s linear;
319
- transition: opacity 0.3s linear;
320
- }
321
-
322
- .mtphr-dnt-tick-container:hover .mtphr-dnt-nav-hide {
323
- opacity: 1;
324
- }
325
 
326
  /* Control nav
327
  ------------------------------------------------------------ */
328
- .mtphr-dnt-control-links {
329
- text-align: center;
330
- margin: 15px 0px 0px;
331
- }
332
-
333
- .mtphr-dnt-control-links a {
334
- text-decoration: none;
335
- }
336
-
337
- .mtphr-dnt-control-number {
338
- padding: 2px 5px;
339
- }
340
-
341
- .mtphr-dnt-control-button {
342
- display: inline-block;
343
- margin: 0 2px;
344
- }
345
-
346
- .mtphr-dnt-control-button i {
347
- display: block;
348
- width: 18px;
349
- height: 18px;
350
- font-size: 18px;
351
- line-height: 18px;
352
- color: #CCC;
353
- }
354
-
355
- .mtphr-dnt-control-button:hover {
356
- text-decoration: none !important;
357
- }
358
-
359
- .mtphr-dnt-control-button.active i {
360
- color: #777;
361
- }
362
-
363
- .mtphr-dnt-control-button:focus {
364
- outline: none;
365
- }
366
 
367
  /* --------------------------------------------------------- */
368
  /* !Play & Pause */
369
  /* --------------------------------------------------------- */
370
- .mtphr-dnt-play-pause {
371
- float: right;
372
- color: inherit;
373
- text-decoration: none;
374
- }
375
-
376
- .mtphr-dnt-play-pause:hover i {
377
- opacity: 1;
378
- text-decoration: none;
379
- }
380
-
381
- .mtphr-dnt-play-pause:active, .mtphr-dnt-play-pause:focus {
382
- outline: none;
383
- text-decoration: none;
384
- }
385
-
386
- .mtphr-dnt-play-pause.paused i.mtphr-dnt-icon-play {
387
- display: none;
388
- }
389
-
390
- .mtphr-dnt-play-pause.paused i.mtphr-dnt-icon-pause {
391
- display: inline-block;
392
- }
393
-
394
- .mtphr-dnt-play-pause i {
395
- display: inline-block;
396
- box-sizing: border-box;
397
- width: 40px;
398
- height: 40px;
399
- font-size: 25px;
400
- line-height: 33px;
401
- text-align: center;
402
- color: #FFF;
403
- background-color: #333;
404
- border-radius: 20px;
405
- opacity: .8;
406
- -webkit-transition: opacity 0.25s ease;
407
- transition: opacity 0.25s ease;
408
- }
409
-
410
- .mtphr-dnt-play-pause i:before {
411
- vertical-align: middle;
412
- }
413
-
414
- .mtphr-dnt-play-pause i.mtphr-dnt-icon-play {
415
- padding-left: 4px;
416
- }
417
-
418
- .mtphr-dnt-play-pause i.mtphr-dnt-icon-pause {
419
- display: none;
420
- }
421
 
422
  /* --------------------------------------------------------- */
423
  /* !Edit link */
424
  /* --------------------------------------------------------- */
425
- .mtphr-dnt-edit-link {
426
- position: absolute;
427
- top: 0;
428
- left: 0;
429
- z-index: 999;
430
- font-family: Arial, sans-serif !important;
431
- font-size: 14px !important;
432
- line-height: 16px !important;
433
- color: #666;
434
- background: #FFF;
435
- padding: 6px 8px 4px 7px;
436
- -webkit-border-radius: 5px;
437
- -moz-border-radius: 5px;
438
- border-radius: 5px;
439
- filter: alpha(opacity=50);
440
- -moz-opacity: .5;
441
- -khtml-opacity: .5;
442
- opacity: .5;
443
- -webkit-transition: opacity 0.2s linear;
444
- -moz-transition: opacity 0.2s linear;
445
- -o-transition: opacity 0.2s linear;
446
- transition: opacity 0.2s linear;
447
- }
448
-
449
- .mtphr-dnt-edit-link:hover {
450
- color: #666;
451
- filter: alpha(opacity=100);
452
- -moz-opacity: 1;
453
- -khtml-opacity: 1;
454
- opacity: 1;
455
- }
456
-
457
- .mtphr-dnt-edit-link i {
458
- float: left;
459
- display: block;
460
- margin: 1px 3px 0 0;
461
- }
462
 
463
  /* --------------------------------------------------------- */
464
  /* !Paging */
465
  /* --------------------------------------------------------- */
466
- .mtphr-dnt-tick-paging {
467
- text-align: center;
468
- list-style: none;
469
- }
470
 
471
- .mtphr-dnt-tick-paging a,
472
- .mtphr-dnt-tick-paging span {
473
- margin: 0 4px;
474
- }
475
 
476
  /* --------------------------------------------------------- */
477
  /* !Grid */
478
  /* --------------------------------------------------------- */
479
- .mtphr-dnt-grid {
480
- width: 100%;
481
- border-spacing: 0;
482
- }
483
 
484
- .mtphr-dnt-grid td {
485
- border: none;
486
- }
487
 
488
- .mtphr-dnt-grid-remove-padding tr > td:first-child {
489
- padding-left: 0 !important;
490
- }
491
 
492
- .mtphr-dnt-grid-remove-padding tr > td:last-child {
493
- padding-right: 0 !important;
494
- }
495
 
496
- .mtphr-dnt-grid-remove-padding tr:first-child td {
497
- padding-top: 0 !important;
498
- }
499
 
500
- .mtphr-dnt-grid-remove-padding tr:last-child td {
501
- padding-bottom: 0 !important;
502
- }
503
 
504
  /* Add clearfix
505
  ------------------------------------------------------------ */
506
- .mtphr-dnt-clearfix {
507
- *zoom: 1;
508
- }
509
-
510
- .mtphr-dnt-clearfix:before,
511
- .mtphr-dnt-clearfix:after {
512
- display: table;
513
- line-height: 0;
514
- content: "";
515
- }
516
-
517
- .mtphr-dnt-clearfix:after {
518
- clear: both;
519
- }
520
-
521
- /**
522
- * Default styles
523
- *
524
- * @since 1.0.0
525
- */
526
- .mtphr-dnt-styled .mtphr-dnt-posts-nav-prev {
527
- float: left;
528
- }
529
-
530
- .mtphr-dnt-styled .mtphr-dnt-posts-nav-next {
531
- float: right;
532
- }
1
+ .mtphr-dnt img { max-width: 100%; height: auto; }
2
+
3
+ .mtphr-dnt-wrapper { position: relative; width: 100%; }
4
+
5
+ .mtphr-dnt-inline-title { float: left; padding-right: 5px; }
6
+
7
+ .mtphr-dnt-tick-container { position: relative; }
8
+
9
+ .mtphr-dnt-tick-contents { position: relative; overflow: hidden; }
10
+
11
+ .mtphr-dnt-tick { margin: 0; }
12
+
13
+ .mtphr-dnt-tick img.emoji { max-width: none; }
14
+
15
+ .mtphr-dnt-rotate .mtphr-dnt-tick, .mtphr-dnt-scroll .mtphr-dnt-tick { position: absolute; display: none; }
16
+
17
+ .mtphr-dnt-rotate .mtphr-dnt-tick { opacity: 0; }
18
+
19
+ .mtphr-dnt-scroll-left .mtphr-dnt-tick, .mtphr-dnt-scroll-right .mtphr-dnt-tick { white-space: nowrap; }
20
+
21
+ .mtphr-dnt-trim-ticks .mtphr-dnt-tick * { margin-top: 0 !important; margin-bottom: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
22
 
23
  /* --------------------------------------------------------- */
24
  /* !Rotate */
25
  /* --------------------------------------------------------- */
26
+ /* .mtphr-dnt-rotate { .unslider { overflow:auto; margin:0; padding:0; li, ol, ul { list-style:none; margin:0; padding:0; border:none; } } .unslider-wrap { position:relative; &.unslider-carousel { > .mtphr-dnt-tick { float:left; } } } .unslider-vertical { > ul { height:100%; } li { float:none; width:100%; } } .unslider-fade { position:relative; .unslider-wrap { .mtphr-dnt-tick { position:absolute; left:0; top:0; right:0; z-index:8; &.unslider-active { z-index:10; } } } } .unslider-arrow { position:absolute; left:20px; z-index:2; cursor:pointer; &.next { left:auto; right:20px; } } .unslider-nav { text-align: center; ol { display: inline-block; } li { float: left; margin: 0 5px; cursor: pointer; &.unslider-active { color: green; } } } } */
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
27
  /* --------------------------------------------------------- */
28
  /* !Spinner */
29
  /* --------------------------------------------------------- */
30
+ .mtphr-dnt-icon-spinner { position: absolute; left: 50%; top: 50%; width: 30px; height: 30px; font-size: 30px; color: #FFF; margin: -15px 0 0 -15px; -webkit-animation: mtphr-dnt-spinner-rotation 0.8s infinite linear; -moz-animation: mtphr-dnt-spinner-rotation 0.8s infinite linear; -o-animation: mtphr-dnt-spinner-rotation 0.8s infinite linear; animation: mtphr-dnt-spinner-rotation 0.8s infinite linear; }
31
+
32
+ @-webkit-keyframes mtphr-dnt-spinner-rotation { from { -webkit-transform: rotate(0deg); }
33
+ to { -webkit-transform: rotate(359deg); } }
34
+
35
+ @-moz-keyframes mtphr-dnt-spinner-rotation { from { -moz-transform: rotate(0deg); }
36
+ to { -moz-transform: rotate(359deg); } }
37
+
38
+ @-o-keyframes mtphr-dnt-spinner-rotation { from { -o-transform: rotate(0deg); }
39
+ to { -o-transform: rotate(359deg); } }
40
+
41
+ @keyframes mtphr-dnt-spinner-rotation { from { transform: rotate(0deg); }
42
+ to { transform: rotate(359deg); } }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
43
 
44
  /* --------------------------------------------------------- */
45
  /* !Images */
46
  /* --------------------------------------------------------- */
47
+ .mtphr-dnt-image-caption { line-height: 1.2em; }
48
+
49
+ .mtphr-dnt-image-container { position: relative; display: inline-block; }
50
+
51
+ .mtphr-dnt-image-container > * { margin: 10px 0; }
52
+
53
+ .mtphr-dnt-image-container > *:first-child { margin-top: 0; }
54
+
55
+ .mtphr-dnt-image-container > *:last-child { margin-bottom: 0; }
56
+
57
+ .mtphr-dnt-image-container.mtphr-dnt-image-caption-top .mtphr-dnt-image-photo, .mtphr-dnt-image-container.mtphr-dnt-image-caption-bottom .mtphr-dnt-image-photo { margin-top: 0; margin-bottom: 0; }
58
+
59
+ .mtphr-dnt-image-container.mtphr-dnt-image-caption-top .mtphr-dnt-image-caption, .mtphr-dnt-image-container.mtphr-dnt-image-caption-bottom .mtphr-dnt-image-caption { position: absolute; left: 0; bottom: 0; z-index: 9; box-sizing: border-box; width: 100%; margin: 0 !important; padding: 12px 20px; color: #FFF; background: rgba(0, 0, 0, 0.7); }
60
+
61
+ .mtphr-dnt-image-container.mtphr-dnt-image-caption-top .mtphr-dnt-image-caption { bottom: auto; top: 0; }
62
+
63
+ .mtphr-dnt-image-container.mtphr-dnt-image-caption-hover { display: block; }
64
+
65
+ .mtphr-dnt-image-container.mtphr-dnt-image-caption-hover .mtphr-dnt-image-caption { opacity: 0; -webkit-transition: opacity 0.25s ease; transition: opacity 0.25s ease; }
66
+
67
+ .mtphr-dnt-image-container.mtphr-dnt-image-caption-hover:hover .mtphr-dnt-image-caption { opacity: 1; }
68
+
69
+ .mtphr-dnt-image-container .mtphr-dnt-image-photo { line-height: 0; }
70
+
71
+ .mtphr-dnt-image-container .mtphr-dnt-image-photo a { display: inline-block; max-width: 100%; }
72
+
73
+ .mtphr-dnt-image-container .mtphr-dnt-image-photo img { display: block; max-width: 100%; height: auto; line-height: 0; }
74
+
75
+ .mtphr-dnt-image-container .mtphr-dnt-image-placeholder, .mtphr-dnt-image-container .mtphr-dnt-image-placeholder-loading { position: relative; display: none; width: 100%; max-width: 100%; background: #000; line-height: 0; }
76
+
77
+ .mtphr-dnt-grid .mtphr-dnt-image-container { width: 100% !important; }
78
+
79
+ .mtphr-dnt-grid .mtphr-dnt-image-container .mtphr-dnt-image-placeholder, .mtphr-dnt-grid .mtphr-dnt-image-container .mtphr-dnt-image-placeholder-loading { width: 100% !important; }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
80
 
81
  /* Directional nav
82
  ------------------------------------------------------------ */
83
+ .mtphr-dnt .mtphr-dnt-nav { position: absolute; top: 50%; text-decoration: none; margin-top: -19px; }
84
+
85
+ .mtphr-dnt-nav i { display: block; width: 38px; height: 38px; font-size: 38px; line-height: 38px; color: #DDD; color: rgba(221, 221, 221, 0.8); }
86
+
87
+ .mtphr-dnt-nav:hover { text-decoration: none !important; }
88
+
89
+ .mtphr-dnt-nav:focus { outline: none; }
90
+
91
+ .mtphr-dnt-nav-prev { left: 10px; }
92
+
93
+ .mtphr-dnt-nav-next { right: 10px; background-position: -38px 0; }
94
+
95
+ .mtphr-dnt-nav-hide { opacity: 0; -webkit-transition: opacity 0.3s linear; -moz-transition: opacity 0.3s linear; -o-transition: opacity 0.3s linear; transition: opacity 0.3s linear; }
96
+
97
+ .mtphr-dnt-tick-container:hover .mtphr-dnt-nav-hide { opacity: 1; }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
98
 
99
  /* Control nav
100
  ------------------------------------------------------------ */
101
+ .mtphr-dnt-control-links { text-align: center; margin: 15px 0px 0px; }
102
+
103
+ .mtphr-dnt-control-links a { text-decoration: none; }
104
+
105
+ .mtphr-dnt-control-number { padding: 2px 5px; }
106
+
107
+ .mtphr-dnt-control-button { display: inline-block; margin: 0 2px; }
108
+
109
+ .mtphr-dnt-control-button i { display: block; width: 18px; height: 18px; font-size: 18px; line-height: 18px; color: #CCC; }
110
+
111
+ .mtphr-dnt-control-button:hover { text-decoration: none !important; }
112
+
113
+ .mtphr-dnt-control-button.active i { color: #777; }
114
+
115
+ .mtphr-dnt-control-button:focus { outline: none; }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
116
 
117
  /* --------------------------------------------------------- */
118
  /* !Play & Pause */
119
  /* --------------------------------------------------------- */
120
+ .mtphr-dnt-play-pause { float: right; color: inherit; text-decoration: none; }
121
+
122
+ .mtphr-dnt-play-pause:hover i { opacity: 1; text-decoration: none; }
123
+
124
+ .mtphr-dnt-play-pause:active, .mtphr-dnt-play-pause:focus { outline: none; text-decoration: none; }
125
+
126
+ .mtphr-dnt-play-pause.paused i.mtphr-dnt-icon-play { display: none; }
127
+
128
+ .mtphr-dnt-play-pause.paused i.mtphr-dnt-icon-pause { display: inline-block; }
129
+
130
+ .mtphr-dnt-play-pause i { display: inline-block; box-sizing: border-box; width: 40px; height: 40px; font-size: 25px; line-height: 33px; text-align: center; color: #FFF; background-color: #333; border-radius: 20px; opacity: .8; -webkit-transition: opacity 0.25s ease; transition: opacity 0.25s ease; }
131
+
132
+ .mtphr-dnt-play-pause i:before { vertical-align: middle; }
133
+
134
+ .mtphr-dnt-play-pause i.mtphr-dnt-icon-play { padding-left: 4px; }
135
+
136
+ .mtphr-dnt-play-pause i.mtphr-dnt-icon-pause { display: none; }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
137
 
138
  /* --------------------------------------------------------- */
139
  /* !Edit link */
140
  /* --------------------------------------------------------- */
141
+ .mtphr-dnt-edit-link { position: absolute; top: 0; left: 0; z-index: 999; font-family: Arial, sans-serif !important; font-size: 14px !important; line-height: 16px !important; color: #666; background: #FFF; padding: 6px 8px 4px 7px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; filter: alpha(opacity=50); -moz-opacity: .5; -khtml-opacity: .5; opacity: .5; -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; transition: opacity 0.2s linear; }
142
+
143
+ .mtphr-dnt-edit-link:hover { color: #666; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
144
+
145
+ .mtphr-dnt-edit-link i { float: left; display: block; margin: 1px 3px 0 0; }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
146
 
147
  /* --------------------------------------------------------- */
148
  /* !Paging */
149
  /* --------------------------------------------------------- */
150
+ .mtphr-dnt-tick-paging { text-align: center; list-style: none; }
 
 
 
151
 
152
+ .mtphr-dnt-tick-paging a, .mtphr-dnt-tick-paging span { margin: 0 4px; }
 
 
 
153
 
154
  /* --------------------------------------------------------- */
155
  /* !Grid */
156
  /* --------------------------------------------------------- */
157
+ .mtphr-dnt-grid { width: 100%; border-spacing: 0; }
 
 
 
158
 
159
+ .mtphr-dnt-grid td { border: none; }
 
 
160
 
161
+ .mtphr-dnt-grid-remove-padding tr > td:first-child { padding-left: 0 !important; }
 
 
162
 
163
+ .mtphr-dnt-grid-remove-padding tr > td:last-child { padding-right: 0 !important; }
 
 
164
 
165
+ .mtphr-dnt-grid-remove-padding tr:first-child td { padding-top: 0 !important; }
 
 
166
 
167
+ .mtphr-dnt-grid-remove-padding tr:last-child td { padding-bottom: 0 !important; }
 
 
168
 
169
  /* Add clearfix
170
  ------------------------------------------------------------ */
171
+ .mtphr-dnt-clearfix { *zoom: 1; }
172
+
173
+ .mtphr-dnt-clearfix:before, .mtphr-dnt-clearfix:after { display: table; line-height: 0; content: ""; }
174
+
175
+ .mtphr-dnt-clearfix:after { clear: both; }
176
+
177
+ /** Default styles @since 1.0.0 */
178
+ .mtphr-dnt-styled .mtphr-dnt-posts-nav-prev { float: left; }
179
+
180
+ .mtphr-dnt-styled .mtphr-dnt-posts-nav-next { float: right; }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
assets/sass/style.scss CHANGED
@@ -169,6 +169,9 @@
169
  /* !Images */
170
  /* --------------------------------------------------------- */
171
 
 
 
 
172
  .mtphr-dnt-image-container {
173
  position: relative;
174
  display: inline-block;
@@ -195,7 +198,6 @@
195
  box-sizing: border-box;
196
  width: 100%;
197
  margin: 0 !important;
198
- line-height: 1.2em;
199
  padding: 12px 20px;
200
  color: #FFF;
201
  background: rgba(0, 0, 0, .7);
169
  /* !Images */
170
  /* --------------------------------------------------------- */
171
 
172
+ .mtphr-dnt-image-caption {
173
+ line-height: 1.2em;
174
+ }
175
  .mtphr-dnt-image-container {
176
  position: relative;
177
  display: inline-block;
198
  box-sizing: border-box;
199
  width: 100%;
200
  margin: 0 !important;
 
201
  padding: 12px 20px;
202
  color: #FFF;
203
  background: rgba(0, 0, 0, .7);
ditty-news-ticker.php CHANGED
@@ -5,7 +5,7 @@ Plugin URI: http://dittynewsticker.com/
5
  Description: Ditty News Ticker is a multi-functional data display plugin
6
  Text Domain: ditty-news-ticker
7
  Domain Path: languages
8
- Version: 2.0.16
9
  Author: Metaphor Creations
10
  Author URI: http://www.metaphorcreations.com
11
  Contributors: metaphorcreations
@@ -32,10 +32,10 @@ Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA 02110-1301 USA
32
 
33
 
34
  /* --------------------------------------------------------- */
35
- /* !Define constants - 2.0.16 */
36
  /* --------------------------------------------------------- */
37
 
38
- define ( 'MTPHR_DNT_VERSION', '2.0.16' );
39
  define ( 'MTPHR_DNT_DIR', trailingslashit(plugin_dir_path(__FILE__)) );
40
  define ( 'MTPHR_DNT_URL', trailingslashit(plugins_url()).'ditty-news-ticker/' );
41
 
5
  Description: Ditty News Ticker is a multi-functional data display plugin
6
  Text Domain: ditty-news-ticker
7
  Domain Path: languages
8
+ Version: 2.0.17
9
  Author: Metaphor Creations
10
  Author URI: http://www.metaphorcreations.com
11
  Contributors: metaphorcreations
32
 
33
 
34
  /* --------------------------------------------------------- */
35
+ /* !Define constants - 2.0.17 */
36
  /* --------------------------------------------------------- */
37
 
38
+ define ( 'MTPHR_DNT_VERSION', '2.0.17' );
39
  define ( 'MTPHR_DNT_DIR', trailingslashit(plugin_dir_path(__FILE__)) );
40
  define ( 'MTPHR_DNT_URL', trailingslashit(plugins_url()).'ditty-news-ticker/' );
41
 
readme.txt CHANGED
@@ -30,6 +30,7 @@ Ditty News Ticker is built to easily be extended to add extra Ticker Types and e
30
  * [**Ditty RSS Ticker**](https://www.metaphorcreations.com/downloads/ditty-rss-ticker/)
31
  * [**Ditty Image Ticker**](https://www.metaphorcreations.com/downloads/ditty-image-ticker/)
32
  * [**Ditty Flickr Ticker**](https://www.metaphorcreations.com/downloads/ditty-flickr-ticker/)
 
33
  * [**Ditty Mega Ticker**](https://www.metaphorcreations.com/downloads/ditty-mega-ticker/)
34
 
35
  We now also offer an extensions bundle that includes all current and future extensions!
@@ -67,6 +68,9 @@ Each individual Ticker post has multiple settings to customize.
67
 
68
  == Changelog ==
69
 
 
 
 
70
  = 2.0.16 =
71
  * Image container css updates
72
 
30
  * [**Ditty RSS Ticker**](https://www.metaphorcreations.com/downloads/ditty-rss-ticker/)
31
  * [**Ditty Image Ticker**](https://www.metaphorcreations.com/downloads/ditty-image-ticker/)
32
  * [**Ditty Flickr Ticker**](https://www.metaphorcreations.com/downloads/ditty-flickr-ticker/)
33
+ * [**Ditty Instagram Ticker**](https://www.metaphorcreations.com/downloads/ditty-instagram-ticker/)
34
  * [**Ditty Mega Ticker**](https://www.metaphorcreations.com/downloads/ditty-mega-ticker/)
35
 
36
  We now also offer an extensions bundle that includes all current and future extensions!
68
 
69
  == Changelog ==
70
 
71
+ = 2.0.17 =
72
+ * Image container css updates
73
+
74
  = 2.0.16 =
75
  * Image container css updates
76