WordPress.org
Get WordPress

Plugin Directory

Changeset 3401336


Ignore:
Timestamp:
11/23/2025 03:02:52 PM (4 months ago)
Author:
spartac
Message:

2.0.0

  • Updated plugin name to NotifSMS – Notifications, OTP & 2FA for WordPress
  • Fixed internationalization issues
  • Updated tested up to WordPress 6.8
  • Code improvements and compliance updates
File:
1 edited

Legend:

Unmodified
Added
Removed

  • wp-twilio-core/tags/2.0.0/assets/css/admin.css

    r3396405 r3401336  
    1 
    21/*= Admin Styles
    32---------------------------------------*/
    43.tabcontent {
    5     display: flex;
    6     flex-wrap: nowrap; /* Prevents wrapping */
    7     gap: 20px;
    8 
    9     border: 1px solid #9f9f9f;
    10    
     4  display: flex;
     5  flex-wrap: nowrap;
     6  /* Prevents wrapping */
     7  gap: 00px;
     8
     9  border: 1px solid #9f9f9f;
     10  background: #fff;
    1111
    1212}
    1313
    1414.column {
    15     padding: 10px;
    16     background-color: #f9f9f9; /* Optional: background color for columns */
     15  padding: 10px;
     16  background-color: #f9f9f9;
     17  /* Optional: background color for columns */
    1718}
    1819
    1920.first-column {
    20     flex: 0 1 70%; /* Takes up 60% of the space */
    21     padding: 50px 20px;
     21  flex: 0 1 70%;
     22  /* Takes up 60% of the space */
     23  padding: 50px 20px;
     24  z-index: 2;
    2225}
    2326
    2427.second-column {
    25     flex: 0 1 30%;
     28  flex: 0 1 30%;
    2629  margin-left: auto;
    2730  padding: 50px 30px;
    2831  background: #f4f4c9;
    2932  border: 2px dashed #cea016;
     33  border-top: 0;
    3034  border-right: 0px;
    31   margin-top: 50px;
    32   align-self: flex-start;
    33 }
     35  margin-top: 0px;
     36  align-self: flex-start;
     37  z-index: 2;
     38
     39}
     40
    3441.wraped h1 {
    3542  font-size: 25px;
    3643  font-weight: 600;
    3744}
     45
    3846.wraped ol strong {
    3947  color: #03337d;
    4048}
    41 .first-column .button-primary {   padding: 7px 30px;}
     49
     50.first-column .button-primary {
     51  padding: 7px 30px;
     52}
     53
    4254@media (max-width: 768px) {
    43     .tabcontent {
    44         flex-wrap: wrap; /* Allows wrapping on smaller screens */
    45     }
    46     .first-column, .second-column {
    47         flex: 0 1 100%; /* Takes up 100% width on smaller screens */
    48         margin-left: 0;
    49     }
    50     .button.button-primary.greeno ,
    51 .button.blueo { width: 100%}
     55  .tabcontent {
     56    flex-wrap: wrap;
     57    /* Allows wrapping on smaller screens */
     58  }
     59
     60  .first-column,
     61  .second-column {
     62    flex: 0 1 100%;
     63    /* Takes up 100% width on smaller screens */
     64    margin-left: 0;
     65  }
     66
     67  .button.button-primary.greeno,
     68  .button.blueo {
     69    width: 100%
     70  }
    5271}
    5372
    … …  
    6281
    6382
    64 .nav-tab-active.wpsmstab, .nav-tab-active.wpsmstab:focus, .nav-tab-active.wpsmstab:focus:active, .nav-tab-active.wpsmstab:hover , .nav-tab.wpsmstab:hover  {
     83.nav-tab-active.wpsmstab,
     84.nav-tab-active.wpsmstab:focus,
     85.nav-tab-active.wpsmstab:focus:active,
     86.nav-tab-active.wpsmstab:hover,
     87.nav-tab.wpsmstab:hover {
    6588  border-bottom: 0;
    6689  background: #e1cf9a;
    … …  
    6891}
    6992
    70 .button.button-primary.greeno ,.button.button-primary.circlo,
     93.button.button-primary.greeno,
     94.button.button-primary.circlo,
    7195.button.blueo {
    7296  padding: 7px 30px;
    … …  
    7498  background: #ea368a;
    7599  border-color: #ea368a;
    76    text-transform: uppercase;
    77 }
    78 .button.blueo {background: #fff;}
    79 
    80 .button.button-primary.circlo {background: #060606;
     100  text-transform: uppercase;
     101}
     102
     103.button.blueo {
     104  background: #fff;
     105}
     106
     107.button.button-primary.circlo {
     108  background: #060606;
    81109  border: 0;
    82110  padding: 15px;
    … …  
    85113  border-radius: 100%;
    86114  color: #fff;
    87   }
     115}
     116
    88117.button.button-primary.greeno:hover {
    89118  background: #000;
    … …  
    102131
    103132.nav-tab.addons {
    104 border-top: 1px solid blue;
     133  border-top: 1px solid blue;
    105134  float: right;
    106135  background: blue;
    … …  
    111140
    112141.noticed {
    113     background: #f0ecec;
    114     padding: 10px;
    115     border-radius: 3px;
    116     border: 1px solid #ccc;
    117 }
     142  background: #f0ecec;
     143  padding: 10px;
     144  border-radius: 3px;
     145  border: 1px solid #ccc;
     146}
     147
    118148h3.apps {
    119     float: left;
    120    
    121 }
    122 a.button-primary.wpsms  {
    123     margin-top: 10px;
    124     padding: 5px 20px;
    125         margin-bottom: 10px;
    126     margin-left: 10px;
    127 }
    128 
    129 a.button-primary.wpsms.bundle  {
    130  background: #f22f46;
    131  border-color: #f22f46;
    132  margin-left: 0px;
    133     }
    134 a.button-primary.wpsms:hover , .wpsms-addon .wp-post-image:hover
    135 { opacity: 0.9 !important}
     149  float: left;
     150
     151}
     152
     153a.button-primary.wpsms {
     154  margin-top: 10px;
     155  padding: 5px 20px;
     156  margin-bottom: 10px;
     157  margin-left: 10px;
     158}
     159
     160a.button-primary.wpsms.bundle {
     161  background: #f22f46;
     162  border-color: #f22f46;
     163  margin-left: 0px;
     164}
     165
     166a.button-primary.wpsms:hover,
     167.wpsms-addon .wp-post-image:hover {
     168  opacity: 0.9 !important
     169}
    136170
    137171.wpsms-addon {
    138    
    139     background: #fff;
    140 border: 1px solid #ccc;
    141 float: left;
    142 padding: 14px;
    143 position: relative;
    144 margin: 0 15px 15px 0;
    145 height: auto:;
     172  background: #fff;
     173  border: 1px solid #ccc;
     174  float: left;
     175  padding: 14px;
     176  position: relative;
     177  margin: 0 15px 15px 0;
     178  height: auto;
    146179}
    147180
    148181.addons-container {
    149    
    150     margin: 15px 0;
    151     width: 25%;
    152 float: left;
     182
     183  margin: 15px 0;
     184  width: 25%;
     185  float: left;
    153186}
    154187
    155188
    156189.wpsms-addon .wp-post-image {
    157     width: 100%;
    158     height: auto;
    159     vertical-align: bottom;
    160 }
     190  width: 100%;
     191  height: auto;
     192  vertical-align: bottom;
     193}
     194
    161195.notice.wpsms-message {
    162196  padding: 20px;
    163   border-left-color: #E61E6E; }
    164   .notice.wpsms-message .wpsms-message-inner {
    165     display: -webkit-box;
    166     display: -webkit-flex;
    167     display: -ms-flexbox;
    168     display: flex;
    169     -webkit-box-align: center;
    170     -webkit-align-items: center;
    171         -ms-flex-align: center;
    172             align-items: center; }
    173            
    174            
    175      .notice.wpsms-message .wpsms-message-inner h2 {   
    176      
    177      margin-bottom: 10px;
    178      } 
    179    
    180 
    181 
    182 
    183   .notice.wpsms-message .wpsms-message-icon ,  .notice.wpsms-message .wpsms-adforest-icon , .notice.wpsms-message .wpsms-aicontently-icon ,  .notice.wpsms-message .wpsms-premium-icon   {
    184  
    185     height: 100px;
    186     width: 80px;
    187     background: transparent url('../images/wpsmslogo.png') 0 15px no-repeat;
    188     background-size: contain;
    189    }
    190      .notice.wpsms-message .wpsms-message-icon:hover {
    191      opacity: 0.8
    192      }
    193       .notice.wpsms-message .wpsms-message-icon a {
    194       display: block;
    195       height: 100px;
    196       width: 80px;
    197       text-indent: -9999px;
    198       }
    199      .notice.wpsms-message .wpsms-adforest-icon  {
    200          background: transparent url('../images/wpsmsadforestilogo.png') 0 0px no-repeat;
    201          background-size: contain;
    202          width: 145px;
    203      }
    204      
    205       .notice.wpsms-message .wpsms-aicontently-icon  {
    206          background: transparent url('../images/aicontentlylogo.png') 0 0px no-repeat;
    207          background-size: contain;
    208          width: 145px;
    209      }
    210      
    211       .notice.wpsms-message .wpsms-premium-icon  {
    212          background: transparent url('../images/premiumlogo.png') 0 0px no-repeat;
    213          background-size: contain;
    214          width: 145px;
    215      }
    216      
    217   .notice.wpsms-message .wpsms-message-content {
    218     padding: 0 20px; }
    219   .notice.wpsms-message p {
    220     padding: 0;
    221     margin: 0; font-size: 14px }
    222   .notice.wpsms-message h3 {
    223     margin: 0 0 5px; }
    224   .notice.wpsms-message .wpsms-message-action {
    225     text-align: center;
    226     display: -webkit-box;
    227     display: -webkit-flex;
    228     display: -ms-flexbox;
    229     display: flex;
    230     -webkit-box-orient: vertical;
    231     -webkit-box-direction: normal;
    232     -webkit-flex-direction: column;
    233         -ms-flex-direction: column;
    234             flex-direction: column;
    235     margin-left: auto; }
    236     .notice.wpsms-message .wpsms-message-action .wpsms-button {
    237       background-color: #D30C5C;
    238       color: #fff;
    239       border-color: #7c1337;
    240       -webkit-box-shadow: 0 1px 0 #7c1337;
    241               box-shadow: 0 1px 0 #7c1337;
    242       padding: 5px 30px;
    243       height: auto;
    244       line-height: 20px;
    245       text-transform: capitalize; }
    246       .notice.wpsms-message .wpsms-message-action .wpsms-button i {
    247         margin-right: 5px; }
    248       .notice.wpsms-message .wpsms-message-action .wpsms-button:hover {
    249         background-color: #a0124a; }
    250       .notice.wpsms-message .wpsms-message-action .wpsms-button:active {
    251         -webkit-box-shadow: inset 0 1px 0 #7c1337;
    252                 box-shadow: inset 0 1px 0 #7c1337;
    253         -webkit-transform: translateY(1px);
    254             -ms-transform: translateY(1px);
    255                 transform: translateY(1px); }
    256     .notice.wpsms-message .wpsms-message-action .wpsms-link {
    257       padding-top: 5px; }
    258   .notice.wpsms-message .wpsms-message-actions {
    259     margin-top: 10px; }
    260     .notice.wpsms-message .wpsms-message-actions .button.button-primary {
    261       margin-right: 5px; background: #E61E6E;
    262 border-color: #BD1659     }
     197  border-left-color: #E61E6E;
     198}
     199
     200.notice.wpsms-message .wpsms-message-inner {
     201  display: -webkit-box;
     202  display: -webkit-flex;
     203  display: -ms-flexbox;
     204  display: flex;
     205  -webkit-box-align: center;
     206  -webkit-align-items: center;
     207  -ms-flex-align: center;
     208  align-items: center;
     209}
     210
     211
     212.notice.wpsms-message .wpsms-message-inner h2 {
     213
     214  margin-bottom: 10px;
     215}
     216
     217
     218
     219
     220.notice.wpsms-message .wpsms-message-icon,
     221.notice.wpsms-message .wpsms-adforest-icon,
     222.notice.wpsms-message .wpsms-aicontently-icon,
     223.notice.wpsms-message .wpsms-premium-icon {
     224
     225  height: 100px;
     226  width: 80px;
     227  background: transparent url('../images/wpsmslogo.png') 0 15px no-repeat;
     228  background-size: contain;
     229}
     230
     231.notice.wpsms-message .wpsms-message-icon:hover {
     232  opacity: 0.8
     233}
     234
     235.notice.wpsms-message .wpsms-message-icon a {
     236  display: block;
     237  height: 100px;
     238  width: 80px;
     239  text-indent: -9999px;
     240}
     241
     242.notice.wpsms-message .wpsms-adforest-icon {
     243  background: transparent url('../images/wpsmsadforestilogo.png') 0 0px no-repeat;
     244  background-size: contain;
     245  width: 145px;
     246}
     247
     248.notice.wpsms-message .wpsms-aicontently-icon {
     249  background: transparent url('../images/aicontentlylogo.png') 0 0px no-repeat;
     250  background-size: contain;
     251  width: 145px;
     252}
     253
     254.notice.wpsms-message .wpsms-premium-icon {
     255  background: transparent url('../images/premiumlogo.png') 0 0px no-repeat;
     256  background-size: contain;
     257  width: 145px;
     258}
     259
     260.notice.wpsms-message .wpsms-message-content {
     261  padding: 0 20px;
     262}
     263
     264.notice.wpsms-message p {
     265  padding: 0;
     266  margin: 0;
     267  font-size: 14px
     268}
     269
     270.notice.wpsms-message h3 {
     271  margin: 0 0 5px;
     272}
     273
     274.notice.wpsms-message .wpsms-message-action {
     275  text-align: center;
     276  display: -webkit-box;
     277  display: -webkit-flex;
     278  display: -ms-flexbox;
     279  display: flex;
     280  -webkit-box-orient: vertical;
     281  -webkit-box-direction: normal;
     282  -webkit-flex-direction: column;
     283  -ms-flex-direction: column;
     284  flex-direction: column;
     285  margin-left: auto;
     286}
     287
     288.notice.wpsms-message .wpsms-message-action .wpsms-button {
     289  background-color: #D30C5C;
     290  color: #fff;
     291  border-color: #7c1337;
     292  -webkit-box-shadow: 0 1px 0 #7c1337;
     293  box-shadow: 0 1px 0 #7c1337;
     294  padding: 5px 30px;
     295  height: auto;
     296  line-height: 20px;
     297  text-transform: capitalize;
     298}
     299
     300.notice.wpsms-message .wpsms-message-action .wpsms-button i {
     301  margin-right: 5px;
     302}
     303
     304.notice.wpsms-message .wpsms-message-action .wpsms-button:hover {
     305  background-color: #a0124a;
     306}
     307
     308.notice.wpsms-message .wpsms-message-action .wpsms-button:active {
     309  -webkit-box-shadow: inset 0 1px 0 #7c1337;
     310  box-shadow: inset 0 1px 0 #7c1337;
     311  -webkit-transform: translateY(1px);
     312  -ms-transform: translateY(1px);
     313  transform: translateY(1px);
     314}
     315
     316.notice.wpsms-message .wpsms-message-action .wpsms-link {
     317  padding-top: 5px;
     318}
     319
     320.notice.wpsms-message .wpsms-message-actions {
     321  margin-top: 10px;
     322}
     323
     324.notice.wpsms-message .wpsms-message-actions .button.button-primary {
     325  margin-right: 5px;
     326  background: #E61E6E;
     327  border-color: #BD1659
     328}
    263329
    264330.notice.wpsms-message-announcement {
    265   border-color: #D30C5C; }
    266   .notice.wpsms-message-announcement a {
    267     color: #D30C5C; }
     331  border-color: #D30C5C;
     332}
     333
     334.notice.wpsms-message-announcement a {
     335  color: #D30C5C;
     336}
    268337
    269338@media (min-width: 1200px) {
    270339  .wpsms-message-action {
    271     padding-right: 10px; } }
     340    padding-right: 10px;
     341  }
     342}
    272343
    273344@media (max-width: 600px) {
    274345  .notice.wpsms-message {
    275     padding: 20px; }
    276     .notice.wpsms-message .wpsms-message-inner {
    277       display: block;
    278       text-align: center; }
    279       .notice.wpsms-message .wpsms-message-inner .wpsms-message-icon,
    280       .notice.wpsms-message .wpsms-message-inner .wpsms-message-content,
    281       .notice.wpsms-message .wpsms-message-inner .wpsms-message-action {
    282         display: block; }
    283       .notice.wpsms-message .wpsms-message-inner .wpsms-message-action {
    284         text-align: center; }
    285       .notice.wpsms-message .wpsms-message-inner .wpsms-message-icon {
    286         width: auto; }
    287       .notice.wpsms-message .wpsms-message-inner .wpsms-message-content {
    288         padding: 10px 0; } }
    289        
    290        
    291        
    292        
     346    padding: 20px;
     347  }
     348
     349  .notice.wpsms-message .wpsms-message-inner {
     350    display: block;
     351    text-align: center;
     352  }
     353
     354  .notice.wpsms-message .wpsms-message-inner .wpsms-message-icon,
     355  .notice.wpsms-message .wpsms-message-inner .wpsms-message-content,
     356  .notice.wpsms-message .wpsms-message-inner .wpsms-message-action {
     357    display: block;
     358  }
     359
     360  .notice.wpsms-message .wpsms-message-inner .wpsms-message-action {
     361    text-align: center;
     362  }
     363
     364  .notice.wpsms-message .wpsms-message-inner .wpsms-message-icon {
     365    width: auto;
     366  }
     367
     368  .notice.wpsms-message .wpsms-message-inner .wpsms-message-content {
     369    padding: 10px 0;
     370  }
     371}
     372
     373
     374
     375
    293376/* Toggle Button */
    294377
    295378.cm-toggle {
    296     -webkit-appearance: none;
    297     -webkit-tap-highlight-color: transparent;
    298     position: relative;
    299     border: 0;
    300     outline: 0;
    301     cursor: pointer;
    302     margin: 10px;
    303     margin-left: 5px !important;
     379  -webkit-appearance: none;
     380  -webkit-tap-highlight-color: transparent;
     381  position: relative;
     382  border: 0;
     383  outline: 0;
     384  cursor: pointer;
     385  margin: 10px;
     386  margin-left: 5px !important;
    304387}
    305388
    306389input.cm-toggle {
    307     margin-left: 15px !important;
    308     display: block !important;
    309     margin-bottom: 15px !important;
     390  margin-left: 15px !important;
     391  display: block !important;
     392  margin-bottom: 15px !important;
    310393}
    311394
    … …  
    314397
    315398.cm-toggle:after {
    316     content: '';
    317     width: 60px;
    318     height: 28px;
    319     display: inline-block;
    320     background: rgba(196, 195, 195, 1);
    321     border-radius: 18px;
    322     clear: both;
    323     margin: -5px -13px;
     399  content: '';
     400  width: 60px;
     401  height: 28px;
     402  display: inline-block;
     403  background: rgba(196, 195, 195, 1);
     404  border-radius: 18px;
     405  clear: both;
     406  margin: -5px -13px;
    324407}
    325408
    … …  
    328411
    329412.cm-toggle:before {
    330     content: '';
    331     width: 24px;
    332     height: 24px;
    333     display: block;
    334     position: absolute;
    335     left: -10px;
    336     top: -8px;
    337     border-radius: 50%;
    338     background: rgb(255, 255, 255);
    339     box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
    340     margin: 5px 0px !important;
     413  content: '';
     414  width: 24px;
     415  height: 24px;
     416  display: block;
     417  position: absolute;
     418  left: -10px;
     419  top: -8px;
     420  border-radius: 50%;
     421  background: rgb(255, 255, 255);
     422  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
     423  margin: 5px 0px !important;
    341424}
    342425
    … …  
    345428
    346429.cm-toggle:checked:before {
    347     left: 22px;
    348     box-shadow: -1px 1px 3px rgba(0, 0, 0, 0.6);
    349     width: 23px !important;
    350     height: 23px !important;
    351     content: '' !important;
     430  left: 22px;
     431  box-shadow: -1px 1px 3px rgba(0, 0, 0, 0.6);
     432  width: 23px !important;
     433  height: 23px !important;
     434  content: '' !important;
    352435}
    353436
    … …  
    356439
    357440.cm-toggle:checked:after {
    358     background: #1d3ad7;
     441  background: #1d3ad7;
    359442}
    360443
    … …  
    367450.cm-toggle:checked:before,
    368451.cm-toggle:checked:after {
    369     transition: ease .3s;
    370     -webkit-transition: ease .3s;
    371     -moz-transition: ease .3s;
    372     -o-transition: ease .3s;
    373 }
    374    
     452  transition: ease .3s;
     453  -webkit-transition: ease .3s;
     454  -moz-transition: ease .3s;
     455  -o-transition: ease .3s;
     456}
Note: See TracChangeset for help on using the changeset viewer.