WordPress.org
Get WordPress

Plugin Directory

Changeset 2760220


Ignore:
Timestamp:
07/22/2022 11:04:46 AM (4 years ago)
Author:
pressmate
Message:

CSS Fix and version update

Location:
makestories-helper/trunk
Files:
12 edited

Legend:

Unmodified
Added
Removed

  • makestories-helper/trunk/assets/css/ms-style.css

    r2673324 r2760220  
    33} */
    44
    5 .story {
    6     width: 90%;
    7     max-width: 90%;
    8     /* padding: 15px 0; */
    9     background: #fff;
    10     /* box-shadow: 0 0 10px #ddd; */
    11 }
    12 
    13 .story-inner {
    14     /* max-width: 85%; */
    15     margin: 0 auto;
    16 }
    17 
    18 .story .story-inner h3 {
    19     padding: 0 0 20px;
    20     margin-top: 3rem;
    21     border-bottom: 1px solid #eee;
    22     font: 500 1.8rem sans-serif;
    23     letter-spacing: .3px;
    24     text-transform: uppercase;
    25     font-weight: 700;
    26 }
     5/*.story {*/
     6/*    width: 90%;*/
     7/*    max-width: 90%;*/
     8/*    !* padding: 15px 0; *!*/
     9/*    background: #fff;*/
     10/*    !* box-shadow: 0 0 10px #ddd; *!*/
     11/*}*/
     12
     13/*.story-inner {*/
     14/*    !* max-width: 85%; *!*/
     15/*    margin: 0 auto;*/
     16/*}*/
     17
     18/*.story .story-inner h3 {*/
     19/*    padding: 0 0 20px;*/
     20/*    margin-top: 3rem;*/
     21/*    border-bottom: 1px solid #eee;*/
     22/*    font: 500 1.8rem sans-serif;*/
     23/*    letter-spacing: .3px;*/
     24/*    text-transform: uppercase;*/
     25/*    font-weight: 700;*/
     26/*}*/
    2727
    2828.ms-publish-story-list {
    … …  
    144144
    145145/* Category section */
    146 .category-wrap {
    147     padding-left: 200px;
    148 }
     146/*.category-wrap {*/
     147/*    padding-left: 200px;*/
     148/*}*/
    149149
    150150/* Story listing page */
    151 .stories-group {
     151.ms-stories-group {
    152152    display: flex;
    153153    justify-content: space-around;
    … …  
    156156}
    157157
    158 .default-stories {
     158.ms-default-stories {
    159159    width: 80%;
    160160    margin: 0 auto;
    … …  
    162162}
    163163
    164 .default-stories .no-stories {
     164.ms-default-stories .no-stories {
    165165    text-align: center;
    166166    font-size: 24px;
    167167}
    168168
    169 .grid .container h2 {
     169.ms-grid .ms-container h2 {
    170170    color: #202124;
    171171}
    172172
    173 .grid .container p {
     173.ms-grid .ms-container p {
    174174    color: #757575;
    175175}
    176176
    177 .container .default-stories {
     177.ms-container .ms-default-stories {
    178178    width: 100%;
    179179}
    180180
    181 .default-stories h3 {
     181.ms-default-stories h3 {
    182182    margin-bottom: 10px;
    183183    margin-top: 15px;
    … …  
    192192}
    193193
    194 .default-stories p {
     194.ms-default-stories p {
    195195    margin-bottom: 0;
    196196    margin-top: 0;
    … …  
    199199}
    200200
    201 .story-thumb {
     201.ms-story-thumb {
    202202    margin: 0 15px;
    203203    margin-bottom: 20px;
    … …  
    210210}
    211211
    212 .story-thumb a {
     212.ms-story-thumb a {
    213213    text-decoration: none;
    214214}
    215215
    216 .story-thumb figure {
     216.ms-story-thumb figure {
    217217    position: relative;
    218218    padding-bottom: 133%;
    219219}
    220220
    221 .story-thumb:hover {
    222     box-shadow: rgb(45 45 45 / 5%) 0px 2px 2px, rgb(49 49 49 / 5%) 0px 4px 4px, rgb(42 42 42 / 5%) 0px 8px 8px, rgb(32 32 32 / 5%) 0px 16px 16px, rgb(49 49 49 / 5%) 0px 22px 22px, rgb(35 35 35 / 2%) 0px 64px 64px;
     221.ms-story-thumb:hover {
     222    box-shadow: rgba(45,45,45,0.05) 0 2px 2px, rgba(49,49,49,0.05) 0 4px 4px, rgba(42,42,42,0.05) 0 8px 8px, rgba(32,32,32,0.05) 0 16px 16px, rgba(49,49,49,0.05) 0 22px 22px, rgba(35,35,35,0.02) 0 64px 64px;
    223223    transform: translate(0, -4px);
    224224}
    225225
    226 .story-thumb img {
     226.ms-story-thumb img {
    227227    width: 100%;
    228228    border-radius: 4px;
    … …  
    234234}
    235235
    236 .load-more-wrap {
     236.ms-load-more-wrap {
    237237    text-align: center;
    238238}
    239239
    240 .load-more-wrap a {
     240.ms-load-more-wrap a {
    241241    width: 220px;
    242242    padding: 10px;
    … …  
    256256
    257257@media screen and (max-width: 995px) {
    258     .story-thumb {
     258    .ms-story-thumb {
    259259        flex-basis: 225px;
    260260        max-width: 225px;
    261261    }
    262262
    263     .default-stories {
     263    .ms-default-stories {
    264264        width: 90%;
    265265    }
    … …  
    267267
    268268@media screen and (max-width: 550px) {
    269     .story-thumb {
     269    .ms-story-thumb {
    270270        flex-basis: 40vw;
    271271        max-width: 40vw;
    272272    }
    273273
    274     .default-stories {
     274    .ms-default-stories {
    275275        width: 94%;
    276276    }
    277277}
    278278
    279 #loading-spinner {
     279#ms-loading-spinner {
    280280    width: 30px;
    281281    height: 30px;
    … …  
    283283}
    284284
    285 body.ms_loading #loading-spinner {
     285body.ms_loading #ms-loading-spinner {
    286286    margin-top: 8px;
    287287    background: url('../images/load.gif');
    … …  
    292292}
    293293
    294 body.ms_loading #loading-spinner img {
     294body.ms_loading #ms-loading-spinner img {
    295295    width: auto;
    296296}
    … …  
    309309    overflow: hidden;
    310310} */
    311 .grid {
     311.ms-grid {
    312312    padding-top: 1.5rem;
    313313}
    314314
    315 .grid:last-child {
     315.ms-grid:last-child {
    316316    margin-bottom: 1.5rem;
    317317}
    318318
    319 .card {
     319.ms-card {
    320320    background: #fff;
    321321    border: 1px solid #dedede;
    … …  
    327327
    328328
    329 .story-img {
     329.ms-story-img {
    330330    border-radius: 5px 5px 0 0;
    331331    width: 100%;
    332332}
    333333
    334 .cardimage {
     334.ms-cardimage {
    335335    position: relative;
    336336    height: 100%;
    … …  
    341341}
    342342
    343 .container {
     343.ms-container {
    344344    padding: 1.5rem;
    345345    position: relative;
    … …  
    347347}
    348348
    349 .story-img {
     349.ms-story-img {
    350350    display: block;
    351351    width: 100%;
    … …  
    358358}
    359359
    360 .cardin {
     360.ms-cardin {
    361361    display: block;
    362362    width: 100%;
    … …  
    377377
    378378@media (min-width: 1024px) {
    379     .grid {
     379    .ms-grid {
    380380        display: grid;
    381381        grid-gap: 1.5rem;
    … …  
    383383    }
    384384
    385     .card {
     385    .ms-card {
    386386        margin-bottom: 0;
    387387    }
    … …  
    391391@media ( max-width: 1023.98px ) {
    392392
    393     .largestory .container p, .replaceStory .container p {
    394         font-size: 0.875rem;
    395         margin-bottom: 1rem;
    396     }
    397 
    398     .largestory .container h2, .replaceStory .container h2 {
    399         font-size: 1.25rem;
    400         font-family: Circular Std Bold;
     393    .largestory .ms-container p, .replaceStory .ms-container p {
     394        font-size: 0.875rem;
     395        margin-bottom: 1rem;
     396    }
     397
     398    .largestory .ms-container h2, .replaceStory .ms-container h2 {
     399        font-size: 1.25rem;
    401400        line-height: 1.5625rem;
    402401    }
    … …  
    413412    }
    414413
    415     .smallStory .cardin, .mobilesmallStory .cardin, .bigmiddleStory .cardin {
     414    .smallStory .ms-cardin, .mobilesmallStory .ms-cardin, .bigmiddleStory .ms-cardin {
    416415        display: flex;
    417416        height: auto;
    418417    }
    419418
    420     .smallStory .cardimage, .mobilesmallStory .cardimage, .bigmiddleStory .cardimage {
     419    .smallStory .ms-cardimage, .mobilesmallStory .ms-cardimage, .bigmiddleStory .ms-cardimage {
    421420        height: auto;
    422421        width: 95px;
    … …  
    425424    }
    426425
    427     .smallStory .cardimage .story-img, .mobilesmallStory .cardimage .story-img, .bigmiddleStory .cardimage .story-img {
     426    .smallStory .ms-cardimage .ms-story-img, .mobilesmallStory .ms-cardimage .ms-story-img, .bigmiddleStory .ms-cardimage .ms-story-img {
    428427        border-radius: 5px;
    429428    }
    430429
    431     .smallStory .container, .mobilesmallStory .container, .bigmiddleStory .container {
     430    .smallStory .ms-container, .mobilesmallStory .ms-container, .bigmiddleStory .ms-container {
    432431        padding: 1.5rem 0.5rem;
    433432    }
    434433
    435     .smallStory .container p, .mobilesmallStory .container p, .bigmiddleStory .container p {
    436         font-size: 0.875rem;
    437         margin-bottom: 1rem;
    438     }
    439 
    440     .smallStory .container h2, .mobilesmallStory .container h2, .bigmiddleStory .container h2 {
     434    .smallStory .ms-container p, .mobilesmallStory .ms-container p, .bigmiddleStory .ms-container p {
     435        font-size: 0.875rem;
     436        margin-bottom: 1rem;
     437    }
     438
     439    .smallStory .ms-container h2, .mobilesmallStory .ms-container h2, .bigmiddleStory .ms-container h2 {
    441440        font-size: 1rem;
    442         font-family: Circular Std Bold;
    443441        line-height: 22px;
    444442    }
    … …  
    447445
    448446@media (min-width: 768px) and (max-width: 1023.98px) {
    449     .grid {
     447    .ms-grid {
    450448        display: grid;
    451449        grid-gap: 1.5rem;
    … …  
    453451    }
    454452
    455     .card {
     453    .ms-card {
    456454        margin-bottom: 0;
    457455    }
    … …  
    461459@media (min-width: 1024px) {
    462460
    463     .grid {
     461    .ms-grid {
    464462        display: grid;
    465463        grid-gap: 1.5rem;
    … …  
    473471    }
    474472
    475     .largestory .cardin {
     473    .largestory .ms-cardin {
    476474        display: flex;
    477475        flex-direction: row-reverse;
    478476    }
    479477
    480     .largestory .container {
     478    .largestory .ms-container {
    481479        display: flex;
    482480        flex-direction: column;
    … …  
    486484    }
    487485
    488     .largestory .cardimage {
     486    .largestory .ms-cardimage {
    489487        height: 100%;
    490488        width: 66.66667%;
    … …  
    492490    }
    493491
    494     .largestory .cardimage .story-img {
     492    .largestory .ms-cardimage .ms-story-img {
    495493        height: auto;
    496494        display: flex;
    … …  
    498496    }
    499497
    500     .replaceStory .cardimage {
     498    .replaceStory .ms-cardimage {
    501499        height: 565px;
    502500    }
    503501
    504     .largestory .cardimage .story-img {
     502    .largestory .ms-cardimage .ms-story-img {
    505503        border-radius: 0 5px 5px 0
    506504    }
    507505
    508     .largestory .container p {
    509         font-size: 0.875rem;
    510         margin-bottom: 1rem;
    511     }
    512 
    513     .largestory .container h2 {
    514         font-size: 1.25rem;
    515         font-family: Circular Std Bold;
    516         line-height: 1.5625rem;
    517     }
    518 
    519     .replaceStory .container p {
    520         font-size: 0.875rem;
    521         margin-bottom: 1rem;
    522     }
    523 
    524     .replaceStory .container h2 {
    525         font-size: 1.25rem;
    526         font-family: Circular Std Bold;
    527         line-height: 1.5625rem;
    528     }
    529 
    530     .smallStory .container p, .mobilesmallStory .container p {
    531         font-size: 0.875rem;
    532         margin-bottom: 1rem;
    533     }
    534 
    535     .smallStory .container h2, .mobilesmallStory .container h2 {
    536         font-size: 1.25rem;
    537         font-family: Circular Std Bold;
    538         line-height: 1.5625rem;
    539     }
    540 
    541     .bigmiddleStory .container p {
    542         font-size: 0.875rem;
    543         margin-bottom: 1rem;
    544     }
    545 
    546     .bigmiddleStory .container h2 {
    547         font-size: 1.25rem;
    548         font-family: Circular Std Bold;
     506    .largestory .ms-container p {
     507        font-size: 0.875rem;
     508        margin-bottom: 1rem;
     509    }
     510
     511    .largestory .ms-container h2 {
     512        font-size: 1.25rem;
     513       
     514        line-height: 1.5625rem;
     515    }
     516
     517    .replaceStory .ms-container p {
     518        font-size: 0.875rem;
     519        margin-bottom: 1rem;
     520    }
     521
     522    .replaceStory .ms-container h2 {
     523        font-size: 1.25rem;
     524       
     525        line-height: 1.5625rem;
     526    }
     527
     528    .smallStory .ms-container p, .mobilesmallStory .ms-container p {
     529        font-size: 0.875rem;
     530        margin-bottom: 1rem;
     531    }
     532
     533    .smallStory .ms-container h2, .mobilesmallStory .ms-container h2 {
     534        font-size: 1.25rem;
     535       
     536        line-height: 1.5625rem;
     537    }
     538
     539    .bigmiddleStory .ms-container p {
     540        font-size: 0.875rem;
     541        margin-bottom: 1rem;
     542    }
     543
     544    .bigmiddleStory .ms-container h2 {
     545        font-size: 1.25rem;
     546       
    549547        line-height: 1.5625rem;
    550548    }
    … …  
    553551
    554552@media (min-width: 1200px) {
    555     .grid {
     553    .ms-grid {
    556554        display: grid;
    557555        grid-gap: 1.5rem;
    … …  
    560558    }
    561559
    562     .card {
     560    .ms-card {
    563561        margin-bottom: 0;
    564562    }
    … …  
    568566        height: 100%;
    569567        grid-column: span 3;
    570         font-family: 'Circular Std Book';
    571     }
    572 
    573     .largestory .cardin {
     568    }
     569
     570    .largestory .ms-cardin {
    574571        display: flex;
    575572        flex-direction: row-reverse;
    576573    }
    577574
    578     .largestory .cardimage {
     575    .largestory .ms-cardimage {
    579576        height: 100%;
    580577        width: 66.66667%;
    … …  
    584581    }
    585582
    586     .largestory .story-img {
     583    .largestory .ms-story-img {
    587584        border-radius: 0 5px 5px 0;
    588585    }
    589586
    590     .largestory .container {
     587    .largestory .ms-container {
    591588        display: flex;
    592589        flex-direction: column;
    … …  
    597594    }
    598595
    599     .largestory .container p {
    600         font-size: 0.875rem;
    601         margin-bottom: 1rem;
    602     }
    603 
    604     .largestory .container h2 {
    605         font-size: 1.25rem;
    606         font-family: Circular Std Bold;
    607         line-height: 1.5625rem;
    608     }
    609 
    610     .replaceStory .cardimage {
     596    .largestory .ms-container p {
     597        font-size: 0.875rem;
     598        margin-bottom: 1rem;
     599    }
     600
     601    .largestory .ms-container h2 {
     602        font-size: 1.25rem;
     603       
     604        line-height: 1.5625rem;
     605    }
     606
     607    .replaceStory .ms-cardimage {
    611608        height: 420px;
    612609    }
    613610
    614     .replaceStory .container p {
    615         font-size: 0.875rem;
    616         margin-bottom: 1rem;
    617     }
    618 
    619     .replaceStory .container h2 {
    620         font-size: 1.25rem;
    621         font-family: Circular Std Bold;
    622         line-height: 1.5625rem;
    623     }
    624 
    625     .smallStory .story-img {
     611    .replaceStory .ms-container p {
     612        font-size: 0.875rem;
     613        margin-bottom: 1rem;
     614    }
     615
     616    .replaceStory .ms-container h2 {
     617        font-size: 1.25rem;
     618        line-height: 1.5625rem;
     619    }
     620
     621    .smallStory .ms-story-img {
    626622        min-height: 115px;
    627623        height: auto;
    … …  
    630626    }
    631627
    632     .smallStory .cardin {
    633         display: flex;
    634     }
    635 
    636     .smallStory .cardimage {
     628    .smallStory .ms-cardin {
     629        display: flex;
     630    }
     631
     632    .smallStory .ms-cardimage {
    637633        /* min-height: 115px;
    638634        height: auto;
    … …  
    647643    }
    648644
    649     .smallStory .cardimage .story-img {
     645    .smallStory .ms-cardimage .ms-story-img {
    650646        border-radius: 5px;
    651647    }
    652648
    653     .smallStory .container {
     649    .smallStory .ms-container {
    654650        padding: 1rem 1rem 1rem 0;
    655651    }
    656652
    657     .smallStory .container p {
    658         font-size: 0.875rem;
    659         margin-bottom: 1rem;
    660     }
    661 
    662     .smallStory .container h2 {
    663         font-size: 0.875rem;
    664         font-family: Circular Std Bold;
     653    .smallStory .ms-container p {
     654        font-size: 0.875rem;
     655        margin-bottom: 1rem;
     656    }
     657
     658    .smallStory .ms-container h2 {
     659        font-size: 0.875rem;
    665660        line-height: 22px;
    666661    }
    667662
    668     .mobilesmallStory .container p {
    669         font-size: 0.875rem;
    670         margin-bottom: 1rem;
    671     }
    672 
    673     .mobilesmallStory .container h2 {
    674         font-size: 1.25rem;
    675         font-family: Circular Std Bold;
    676         line-height: 1.5625rem;
    677     }
    678 
    679     .bigmiddleStory .container p {
    680         font-size: 0.875rem;
    681         margin-bottom: 1rem;
    682     }
    683 
    684     .bigmiddleStory .container h2 {
    685         font-size: 1.25rem;
    686         font-family: Circular Std Bold;
     663    .mobilesmallStory .ms-container p {
     664        font-size: 0.875rem;
     665        margin-bottom: 1rem;
     666    }
     667
     668    .mobilesmallStory .ms-container h2 {
     669        font-size: 1.25rem;
     670        line-height: 1.5625rem;
     671    }
     672
     673    .bigmiddleStory .ms-container p {
     674        font-size: 0.875rem;
     675        margin-bottom: 1rem;
     676    }
     677
     678    .bigmiddleStory .ms-container h2 {
     679        font-size: 1.25rem;
    687680        line-height: 1.5625rem;
    688681    }
    … …  
    698691    }
    699692
    700     .card {
     693    .ms-card {
    701694        height: auto;
    702695    }

  • makestories-helper/trunk/assets/js/ms-script.js

    r2659092 r2760220  
    7777                let currentDiv = mainArr[i];
    7878                gridBlock = document.createElement("div");
    79                 $(gridBlock).addClass('grid');
     79                $(gridBlock).addClass('ms-grid');
    8080                $(gridBlock).attr('id', 'listing-grid');
    8181                for (let j = 0; j < currentDiv.length; j++) {
    … …  
    8383                    let mainElm = currentDiv[j];
    8484                    mainElm.removeClass();
    85                     mainElm.addClass("story-thumb-card card");
     85                    mainElm.addClass("ms-story-thumb-card ms-card");
    8686                    mainElm.addClass(cssClass);
    8787                    gridBlock.append(mainElm[0]);
    … …  
    9494        } else {
    9595            let gridBlock = document.createElement("div");
    96             $(gridBlock).addClass('grid');
     96            $(gridBlock).addClass('ms-grid');
    9797            $(gridBlock).attr('id', 'listing-grid');
    9898            for (let i = 0; i < data.length; i++) {
    … …  
    100100                let mainElm = data[i];
    101101                mainElm.removeClass();
    102                 mainElm.addClass("story-thumb-card card");
     102                mainElm.addClass("ms-story-thumb-card ms-card");
    103103                mainElm.addClass(cssClass);
    104104
    … …  
    147147                    page++;
    148148                    let jelm = $(posts.htmlData);
    149                     let childElm = $(jelm).find(".story-thumb-card");
    150                     let lastGrid = $('.grid:last-child');
     149                    let childElm = $(jelm).find(".ms-story-thumb-card");
     150                    let lastGrid = $('.ms-grid:last-child');
    151151                    let lastPostCount = lastGrid.children().length;
    152152
    … …  
    162162                            let mainElm = $(childElm).eq(i);
    163163                            mainElm.removeClass();
    164                             mainElm.addClass("story-thumb-card card");
     164                            mainElm.addClass("ms-story-thumb-card ms-card");
    165165                            mainElm.addClass(cssClass);
    166166                            domChild.push(mainElm);
    … …  
    199199
    200200    // story player on click function
    201     $('#ajax-posts').on('click', '.story-thumb-card', function(e){
     201    $('#ajax-posts').on('click', '.ms-story-thumb-card', function(e){
    202202
    203203        let elm = $(this);

  • makestories-helper/trunk/hooks.php

    r2727228 r2760220  
    269269    foreach($postChunks as $key=>$value) {
    270270        ?>
    271         <div class="grid" id="listing-grid">
     271        <div class="ms-grid" id="listing-grid">
    272272            <?php
    273273            foreach($value as $index=>$post) {

  • makestories-helper/trunk/makestories.php

    r2727228 r2760220  
    44Plugin URI:     https://makestories.io/official-wordpress-webstories-plugin/
    55Description:    The leading Google Web Stories Editor is now available to create Stories in WordPress. It is easy to use, allows for extensive customization, and is adaptive for future changes.
    6 Version:        2.6.6
     6Version:        2.6.7
    77Author:         MakeStories Team
    88Author URI:     https://makestories.io

  • makestories-helper/trunk/readme.txt

    r2727228 r2760220  
    33Tags: amp-story, makestories, web-stories, web stories, amp, stories, amp, storytelling
    44Requires at least: 4.0
    5 Tested up to: 5.9.3
    6 Stable tag: 2.6.6
     5Tested up to: 6.0.1
     6Stable tag: 2.6.7
    77Requires PHP: 5.6
    88

  • makestories-helper/trunk/shortcode.php

    r2724522 r2760220  
    1212    ob_start();
    1313    ?>
    14     <section class="default-stories">
     14    <section class="ms-default-stories">
    1515    <?php if ($postCount > 0) { ?>
    16     <div id="ajax-posts" class="stories-group" data-posts="<?php echo esc_attr($default_posts_per_page); ?>" data-ajax="<?php echo esc_attr($getAjaxUrl); ?>" class="row">
     16    <div id="ajax-posts" class="ms-stories-group" data-posts="<?php echo esc_attr($default_posts_per_page); ?>" data-ajax="<?php echo esc_attr($getAjaxUrl); ?>" class="row">
    1717        <?php
    1818        $postsPerPage = $default_posts_per_page;
    … …  
    2727        foreach($postChunks as $key=>$value) {
    2828            ?>
    29             <div class="grid" id="listing-grid">
     29            <div class="ms-grid" id="listing-grid">
    3030            <?php
    3131                foreach($value as $index=>$post) {
    … …  
    4141    <div id="d-one" style="display: none;"></div>
    4242        <?php if ($postCount > $postsPerPage) { ?>
    43         <div class="load-more-wrap">
    44             <span id="loading-spinner"></span>
     43        <div class="ms-load-more-wrap">
     44            <span id="ms-loading-spinner"></span>
    4545            <a id="more_posts">Load More</a>
    4646        </div>

  • makestories-helper/trunk/taxonomy-ms_story_category.php

    r2724522 r2760220  
    1919$loop = new WP_Query($args);
    2020?>
    21 <section class="default-stories">
     21<section class="ms-default-stories">
    2222    <h3><?php $term = get_term($int_cat,MS_TAXONOMY); echo esc_html($term->name); ?></h3>
    23     <div class="stories-group">
     23    <div class="ms-stories-group">
    2424        <?php
    2525        while ($loop->have_posts()) : $loop->the_post();

  • makestories-helper/trunk/templates/archive-stories.php

    r2724522 r2760220  
    66
    77?>
    8 <section class="default-stories">
     8<section class="ms-default-stories">
    99    <?php if ($postCount > 0) { ?>
    10     <div id="ajax-posts" class="stories-group" data-posts="<?php echo esc_attr($default_posts_per_page); ?>" data-ajax="<?php echo esc_attr($getAjaxUrl); ?>" class="row">
     10    <div id="ajax-posts" class="ms-stories-group" data-posts="<?php echo esc_attr($default_posts_per_page); ?>" data-ajax="<?php echo esc_attr($getAjaxUrl); ?>" class="row">
    1111        <?php
    1212        $postsPerPage = $default_posts_per_page;
    … …  
    2121        foreach($postChunks as $key=>$value) {
    2222            ?>
    23             <div class="grid" id="listing-grid">
     23            <div class="ms-grid" id="listing-grid">
    2424            <?php
    2525                foreach($value as $index=>$post) {
    … …  
    3535    <div id="d-one" style="display: none;"></div>
    3636        <?php if ($postCount > $postsPerPage) { ?>
    37         <div class="load-more-wrap">
    38             <span id="loading-spinner"></span>
     37        <div class="ms-load-more-wrap">
     38            <span id="ms-loading-spinner"></span>
    3939            <a id="more_posts">Load More</a>
    4040        </div>

  • makestories-helper/trunk/templates/listing-story-grid.php

    r2724522 r2760220  
    1515    }
    1616    ?>
    17         <div class="story-thumb-card card <?php echo esc_attr($getClassNames[$index]); ?>" data-story-url="<?php echo esc_attr($permalink); ?>">
    18             <div class="cardin">
    19                 <div class="cardimage">
     17        <div class="ms-story-thumb-card ms-card <?php echo esc_attr($getClassNames[$index]); ?>" data-story-url="<?php echo esc_attr($permalink); ?>">
     18            <div class="ms-cardin">
     19                <div class="ms-cardimage">
    2020                    <?php if ($index%8<=1) { ?>
    2121                        <?php if ($posterLandscape) { ?>
    22                             <img src="<?php echo esc_attr($posterLandscape) ?>" alt="Avatar"  class="story-img" />
     22                            <img src="<?php echo esc_attr($posterLandscape) ?>" alt="Avatar"  class="ms-story-img" />
    2323                        <?php } else { ?>
    24                             <img src="<?php echo MS_PLUGIN_BASE_FILE_PATH."assets/images/default-poster.jpeg" ?>" alt="Poster Image" class="story-img" />
     24                            <img src="<?php echo MS_PLUGIN_BASE_FILE_PATH."assets/images/default-poster.jpeg" ?>" alt="Poster Image" class="ms-story-img" />
    2525                        <?php
    2626                                }
    … …  
    3030                    <?php if ($index%8 > 1 && $index%8 < 8) { ?>
    3131                        <?php if ($posterLandscape) { ?>
    32                             <img src="<?php echo esc_attr($posterLandscape) ?>" alt="Avatar"  class="story-img" />
     32                            <img src="<?php echo esc_attr($posterLandscape) ?>" alt="Avatar"  class="ms-story-img" />
    3333                        <?php } else { ?>
    34                             <img src="<?php echo MS_PLUGIN_BASE_FILE_PATH."assets/images/default-poster.jpeg" ?>" alt="Poster Image" class="story-img" />
     34                            <img src="<?php echo MS_PLUGIN_BASE_FILE_PATH."assets/images/default-poster.jpeg" ?>" alt="Poster Image" class="ms-story-img" />
    3535                        <?php
    3636                            }
    … …  
    3838                    ?>
    3939                </div>
    40                 <div class="container">
     40                <div class="ms-container">
    4141                    <p><?php echo esc_html($publishDate); ?></p>
    4242                    <h2><?php echo esc_html($title); ?></h2>

  • makestories-helper/trunk/templates/ms-post-by-category.php

    r2659092 r2760220  
    1 <section class="default-stories">
     1<section class="ms-default-stories">
    22    <h3><?php echo $term->name; ?></h3>
    3     <div class="stories-group">
     3    <div class="ms-stories-group">
    44        <?php
    55        foreach($postChunks as $key=>$value) {
    66            ?>
    7             <div class="grid" id="listing-grid">
     7            <div class="ms-grid" id="listing-grid">
    88            <?php
    99                foreach($value as $index=>$post) {

  • makestories-helper/trunk/templates/ms-single-post.php

    r2724522 r2760220  
    66</div> -->
    77<?php $index = 0; ?>
    8 <div class="story-thumb-card card bigmiddleStory" data-story-url="<?php echo esc_url($permalink); ?>">
    9             <div class="cardin">
    10                 <div class="cardimage">
     8<div class="ms-story-thumb-card ms-card bigmiddleStory" data-story-url="<?php echo esc_url($permalink); ?>">
     9            <div class="ms-cardin">
     10                <div class="ms-cardimage">
    1111                    <?php if ($index%8<=1) { ?>
    1212                        <?php if ($posterLandscape) { ?>
    13                             <img src="<?php echo esc_attr($posterLandscape) ?>" alt="Avatar"  class="story-img" />
     13                            <img src="<?php echo esc_attr($posterLandscape) ?>" alt="Avatar"  class="ms-story-img" />
    1414                        <?php } else { ?>
    15                             <img src="<?php echo MS_PLUGIN_BASE_FILE_PATH."assets/images/default-poster.jpeg" ?>" alt="Poster Image" class="story-img" />
     15                            <img src="<?php echo MS_PLUGIN_BASE_FILE_PATH."assets/images/default-poster.jpeg" ?>" alt="Poster Image" class="ms-story-img" />
    1616                        <?php
    1717                                }
    … …  
    2121                    <?php if ($index%8 > 1 && $index%8 < 8) { ?>
    2222                        <?php if ($posterLandscape) { ?>
    23                             <img src="<?php echo esc_attr($posterLandscape) ?>" alt="Avatar"  class="story-img" />
     23                            <img src="<?php echo esc_attr($posterLandscape) ?>" alt="Avatar"  class="ms-story-img" />
    2424                        <?php } else { ?>
    25                             <img src="<?php echo MS_PLUGIN_BASE_FILE_PATH."assets/images/default-poster.jpeg" ?>" alt="Poster Image" class="story-img" />
     25                            <img src="<?php echo MS_PLUGIN_BASE_FILE_PATH."assets/images/default-poster.jpeg" ?>" alt="Poster Image" class="ms-story-img" />
    2626                        <?php
    2727                            }
    … …  
    2929                    ?>
    3030                </div>
    31                 <div class="container">
     31                <div class="ms-container">
    3232                    <p><?php echo esc_html($publishDate); ?></p>
    3333                    <h2><?php echo esc_html($title); ?></h2>

  • makestories-helper/trunk/templates/single-story.php

    r2724522 r2760220  
    1 <div class="story-thumb">
     1<div class="ms-story-thumb">
    22    <a href="<?php echo esc_url($permalink); ?>" target="_blank">
    33        <figure>
Note: See TracChangeset for help on using the changeset viewer.