WordPress.org
Get WordPress

Plugin Directory

Changeset 3376805


Ignore:
Timestamp:
10/11/2025 09:49:57 PM (6 months ago)
Author:
meacodes
Message:

Release 1.0.8 — trunk & tags

Location:
meacodes-accessibility-tools
Files:
63 added
3 edited

Legend:

Unmodified
Added
Removed

  • meacodes-accessibility-tools/trunk/assets/admin/css/meacodes_acc_admin-rtl.css

    r3151495 r3376805  
     1/* Modern Dashboard UI */
     2:root {
     3    --primary-color: #81c344;
     4    --primary-dark: #6ba83a;
     5}
     6
     7.meaAccessibility_admin {
     8    background: linear-gradient(-135deg, var(--primary-color), var(--primary-dark));
     9    min-height: 100vh;
     10    padding: 0;
     11    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     12    position: relative;
     13}
     14
     15.meaAccessibility_admin::before {
     16    content: '';
     17    position: fixed;
     18    top: 0;
     19    right: 0;
     20    width: 100%;
     21    height: 100%;
     22    background: linear-gradient(-135deg, var(--primary-color), var(--primary-dark));
     23    z-index: -1;
     24}
     25
    126.meaAccessibility_admin-content {
    2     display: flex;
    3     flex-wrap: wrap;
    4     flex-direction: row-reverse;
     27    display: grid;
     28    grid-template-columns: 1fr;
     29    gap: 30px;
     30    margin-top: 0;
     31    padding: 30px;
    532}
    633
    734.meaAccessibility_table-column {
    8     flex: 1 1 50%;
    9     padding: 10px;
    10     box-sizing: border-box;
     35    background: #ffffff;
     36    border-radius: 20px;
     37    padding: 40px;
     38    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
     39    border: 1px solid rgba(255, 255, 255, 0.8);
     40    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
     41}
     42
     43.meaAccessibility_table-column:hover {
     44    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.2);
     45    transform: translateY(-5px);
    1146}
    1247
    1348.meaAccessibility_admin-copyright {
    1449    display: flex;
     50    flex-direction: column;
     51    align-items: center;
    1552    justify-content: center;
    16     margin-top: -20px;
     53    margin: 40px 0 20px 20px;
     54    padding: 40px;
     55    background: #ffffff;
     56    border-radius: 20px;
     57    border: 1px solid rgba(255, 255, 255, 0.8);
     58    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
     59}
     60
     61.meaAccessibility_admin-copyright img {
     62    width: 100px;
     63    height: auto;
     64    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
     65}
     66
     67.meaAccessibility_admin-copyright img:hover {
     68    transform: scale(1.1) rotate(-2deg);
     69}
     70
     71.meaAccessibility_admin-copyright p {
     72    color: var(--primary-dark);
     73    font-size: 18px;
     74    font-weight: 600;
     75    margin: 0;
     76}
     77
     78.meaAccessibility_admin-copyright p a {
     79    color: var(--primary-dark);
     80    text-decoration: none;
     81    transition: color 0.3s ease;
     82   
     83}
     84
     85.meaAccessibility_admin-copyright p a:hover {
     86    color: var(--primary-color);
     87    text-decoration: underline;
    1788}
    1889
    … …  
    2091    display: flex;
    2192    align-items: center;
    22 }
    23 
    24 .meaAccessibility_admin-copyright img {
    25     width: 120px;
    26     height: fit-content;
    27     margin-top: 8px;
    28     margin-right: 5px;
     93    gap: 20px;
     94    margin-top: 30px;
     95    padding: 30px;
     96    background: #ffffff;
     97    border-radius: 20px;
     98    border: 1px solid rgba(255, 255, 255, 0.8);
     99    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
    29100}
    30101
    31102.meaAccessibility_plugin_version {
    32103    text-align: center;
    33 }
    34 
     104    margin-top: 20px;
     105    padding: 20px;
     106    background: #ffffff;
     107    border-radius: 15px;
     108    color: #2d5016;
     109    font-size: 14px;
     110    font-weight: 500;
     111    border: 1px solid rgba(255, 255, 255, 0.8);
     112    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
     113    margin-left: 20px;
     114}
     115
     116/* Modern Buttons */
     117.meaAccessibility_admin .button,
     118.meaAccessibility_admin .button-primary,
     119.meaAccessibility_admin .button-secondary {
     120    border: none;
     121    border-radius: 15px;
     122    padding: 15px 30px;
     123    font-size: 15px;
     124    font-weight: 600;
     125    cursor: pointer;
     126    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
     127    text-decoration: none;
     128    display: inline-flex;
     129    align-items: center;
     130    justify-content: center;
     131    min-height: 50px;
     132    backdrop-filter: blur(10px);
     133    position: relative;
     134    overflow: hidden;
     135}
     136
     137.meaAccessibility_admin .button-primary {
     138    background: linear-gradient(-135deg, var(--primary-color), var(--primary-dark));
     139    color: #ffffff;
     140    box-shadow: 0 10px 30px rgba(58, 189, 221, 0.4);
     141}
     142
     143.meaAccessibility_admin .button-primary:hover {
     144    background: linear-gradient(-135deg, var(--primary-dark), var(--primary-color));
     145    transform: translateY(-3px);
     146    box-shadow: 0 15px 40px rgba(58, 189, 221, 0.6);
     147}
     148
     149.meaAccessibility_admin .button-secondary {
     150    background: #ffffff;
     151    color: var(--primary-dark);
     152    border: 2px solid rgba(58, 189, 221, 0.3);
     153}
     154
     155.meaAccessibility_admin .button-secondary:hover {
     156    background: rgba(58, 189, 221, 0.1);
     157    color: var(--primary-dark);
     158    border-color: var(--primary-color);
     159    transform: translateY(-2px);
     160    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
     161}
     162
     163/* Responsive Design */
    35164@media screen and (max-width: 768px) {
     165    .meaAccessibility_admin {
     166        padding: 10px;
     167    }
     168   
    36169    .meaAccessibility_admin-content {
     170        grid-template-columns: 1fr;
     171        gap: 20px;
     172    }
     173   
     174    .meaAccessibility_table-column {
     175        padding: 20px;
     176    }
     177   
     178    .meaAccessibility_admin .meaAccessibility_tab-pane {
     179        padding: 20px;
     180    }
     181   
     182    .meaAccessibility_nav-tab-wrapper {
    37183        flex-direction: column;
    38     }
    39     .meaAccessibility_table-column {
    40         flex: 1 1 100%;
    41     }
    42 }
    43 
    44 .meaAccessibility_nav-tab {
    45     background: #dcdcde;
    46 }
    47 
     184        gap: 8px;
     185    }
     186   
     187    .meaAccessibility_admin .meaAccessibility_nav-tab {
     188        margin: 0;
     189        text-align: center;
     190    }
     191   
     192    .meaAccessibility_admin table.form-table th {
     193        width: auto;
     194        display: block;
     195        margin-bottom: 10px;
     196    }
     197   
     198    .meaAccessibility_admin table.form-table td {
     199        display: block;
     200        margin-bottom: 20px;
     201    }
     202}
     203
     204/* Modern Navigation Tabs */
    48205.meaAccessibility_nav-tab-wrapper {
    49     border-bottom: 1px solid #dee2e6;
    50     margin-bottom: 20px;
     206    background: #ffffff;
     207    border-radius: 20px;
     208    padding: 8px;
     209    margin-bottom: 30px;
    51210    display: flex;
    52211    justify-content: flex-start;
    53     border-top-right-radius: 5px;
    54     border-top-left-radius: 5px;
     212    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
     213    border: 1px solid rgba(255, 255, 255, 0.8);
    55214}
    56215
    57216.meaAccessibility_admin .meaAccessibility_nav-tab {
    58217    text-decoration: none;
    59     color: #495057;
     218    color: var(--primary-dark);
    60219    border: none;
    61     border-bottom: 2px solid transparent;
    62220    cursor: pointer;
    63     transition: border-color 0.3s ease;
    64     margin-right: 0 !important;
    65     margin-left: 5px !important;
    66     border-radius: 5px 5px 0 0;
    67     padding: 3px 8px;
     221    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
     222    margin: 0 4px;
     223    border-radius: 15px;
     224    padding: 15px 30px;
     225    font-size: 15px;
     226    font-weight: 600;
     227    position: relative;
     228    background: transparent;
     229}
     230
     231.meaAccessibility_admin .meaAccessibility_nav-tab:hover {
     232    color: #ffffff;
     233    background: rgba(58, 189, 221, 0.2);
     234    transform: translateY(-2px);
     235    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
     236}
     237
     238.meaAccessibility_admin .meaAccessibility_nav-tab-active {
     239    color: #ffffff;
     240    background: linear-gradient(-135deg, var(--primary-color), var(--primary-dark));
     241    box-shadow: 0 10px 30px rgba(58, 189, 221, 0.4);
     242    transform: translateY(-3px);
     243}
     244
     245.meaAccessibility_admin .meaAccessibility_nav-tab-active:hover {
     246    color: #ffffff;
     247    background: linear-gradient(-135deg, var(--primary-dark), var(--primary-color));
     248    transform: translateY(-3px);
     249    box-shadow: 0 15px 35px rgba(58, 189, 221, 0.5);
    68250}
    69251
    70252.meaAccessibility_admin .meaAccessibility_nav-tab-wrapper a:focus {
    71     box-shadow: none;
    72     border-bottom: 2px solid #3abddd;
    73     background-color: #fff;
    74 }
    75 
    76 .meaAccessibility_admin .meaAccessibility_nav-tab:hover,
    77 .meaAccessibility_admin .meaAccessibility_nav-tab-active {
    78     border-bottom: 2px solid #3abddd;
    79     background-color: #fff;
     253    box-shadow: 0 0 0 3px rgba(58, 189, 221, 0.3);
     254    outline: none;
     255}
     256
     257/* Airdrop Campaign Banner */
     258.meaAccessibility_airdrop_banner {
     259    background: linear-gradient(-135deg, var(--primary-color), var(--primary-dark));
     260    border-radius: 12px;
     261    margin-bottom: 30px;
     262    box-shadow: 0 8px 25px rgba(129, 195, 68, 0.3);
     263    border: 1px solid rgba(255, 255, 255, 0.2);
     264    overflow: hidden;
     265    position: relative;
     266}
     267
     268.meaAccessibility_airdrop_banner::before {
     269    content: '';
     270    position: absolute;
     271    top: 0;
     272    right: 0;
     273    left: 0;
     274    bottom: 0;
     275    background: linear-gradient(-45deg, rgba(255, 255, 255, 0.1) 0%, transparent 50%, rgba(255, 255, 255, 0.05) 100%);
     276    pointer-events: none;
     277}
     278
     279.meaAccessibility_airdrop_content {
     280    display: flex;
     281    align-items: center;
     282    gap: 15px;
     283    padding: 15px 20px;
     284    position: relative;
     285    z-index: 1;
     286}
     287
     288.meaAccessibility_airdrop_icon {
     289    font-size: 24px;
     290    animation: bounce 2s infinite;
     291}
     292
     293@keyframes bounce {
     294    0%, 20%, 50%, 80%, 100% {
     295        transform: translateY(0);
     296    }
     297    40% {
     298        transform: translateY(-5px);
     299    }
     300    60% {
     301        transform: translateY(-3px);
     302    }
     303}
     304
     305.meaAccessibility_airdrop_text {
     306    flex: 1;
     307    color: #ffffff;
     308    font-size: 14px;
     309    line-height: 1.4;
     310}
     311
     312.meaAccessibility_airdrop_text strong {
     313    font-weight: 600;
     314    display: block;
     315    margin-bottom: 2px;
     316}
     317
     318.meaAccessibility_airdrop_button {
     319    background: rgba(255, 255, 255, 0.2);
     320    color: #ffffff;
     321    text-decoration: none;
     322    padding: 8px 16px;
     323    border-radius: 20px;
     324    font-size: 13px;
     325    font-weight: 600;
     326    border: 1px solid rgba(255, 255, 255, 0.3);
     327    transition: all 0.3s ease;
     328    white-space: nowrap;
     329}
     330
     331.meaAccessibility_airdrop_button:hover {
     332    background: rgba(255, 255, 255, 0.3);
     333    color: #ffffff;
     334    text-decoration: none;
     335    transform: translateY(-1px);
     336    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
     337}
     338
     339/* Responsive Airdrop Banner */
     340@media screen and (max-width: 768px) {
     341    .meaAccessibility_airdrop_content {
     342        flex-direction: column;
     343        text-align: center;
     344        gap: 10px;
     345    }
     346   
     347    .meaAccessibility_airdrop_text {
     348        text-align: center;
     349    }
     350   
     351    .meaAccessibility_airdrop_button {
     352        align-self: center;
     353    }
    80354}
    81355
    82356.meaAccessibility_admin .meaAccessibility_tab-content {
    83     background-color: #fff;
    84     padding: 16px;
    85     border-radius: 8px 0 8px 8px;
    86     box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
     357    background: #ffffff;
     358    padding: 0;
     359    margin-top: 0;
     360    border-radius: 20px;
     361    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
     362    border: 1px solid rgba(255, 255, 255, 0.8);
     363    overflow: hidden;
    87364}
    88365
    89366.meaAccessibility_admin .meaAccessibility_tab-pane {
    90367    display: none;
     368    padding: 50px;
    91369}
    92370
    93371.meaAccessibility_admin .meaAccessibility_tab-pane.meaAccessibility_active {
    94372    display: block;
    95     background-color: #fff !important;
     373    background-color: transparent !important;
     374    animation: slideInUp 0.6s cubic-bezier(0.4, 0, 0.2, 1);
     375}
     376
     377@keyframes slideInUp {
     378    from {
     379        opacity: 0;
     380        transform: translateY(30px);
     381    }
     382    to {
     383        opacity: 1;
     384        transform: translateY(0);
     385    }
     386}
     387
     388/* Modern Input Fields */
     389.meaAccessibility_admin input[type="text"],
     390.meaAccessibility_admin input[type="color"],
     391.meaAccessibility_admin select {
     392    border: 2px solid rgba(58, 189, 221, 0.2);
     393    border-radius: 15px;
     394    padding: 15px 20px;
     395    font-size: 15px;
     396    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
     397    background: #ffffff;
     398    color: #495057;
     399    width: 100%;
     400    max-width: 350px;
     401    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
     402}
     403
     404.meaAccessibility_admin input[type="text"]:focus,
     405.meaAccessibility_admin input[type="color"]:focus,
     406.meaAccessibility_admin select:focus {
     407    border-color: var(--primary-color);
     408    box-shadow: 0 10px 25px rgba(58, 189, 221, 0.2);
     409    outline: none;
     410    transform: translateY(-2px);
     411    background: #ffffff;
     412}
     413
     414.meaAccessibility_admin input[type="color"] {
     415    width: 60px;
     416    height: 45px;
     417    padding: 4px;
     418    cursor: pointer;
     419    border-radius: 12px;
    96420}
    97421
    98422.meaAccessibility_admin table.form-table {
    99423    width: 100%;
    100     max-width: 600px;
    101424    margin-top: 20px;
     425    border-collapse: separate;
     426    border-spacing: 0;
     427}
     428
     429.meaAccessibility_admin table.form-table tr {
     430    border-bottom: 1px solid #f1f3f4;
     431}
     432
     433.meaAccessibility_admin table.form-table tr:last-child {
     434    border-bottom: none;
     435}
     436
     437.meaAccessibility_admin table.form-table th {
     438    padding: 20px 0;
     439    font-weight: 600;
     440    color: #2c3e50;
     441    font-size: 16px;
     442    vertical-align: top;
     443    width: 250px;
     444}
     445
     446.meaAccessibility_admin table.form-table td {
     447    padding: 20px 0;
     448    vertical-align: top;
    102449}
    103450
    104451.meaAccessibility_admin h1 {
    105     color: #207f97;
     452    color: var(--primary-dark);
    106453    border: 0;
     454    font-size: 32px;
     455    font-weight: 700;
     456    margin-bottom: 30px;
    107457}
    108458
    … …  
    113463    position: absolute;
    114464    margin-top: 29px;
    115     margin-right: -160px;
     465    margin-right: -320px;
    116466    cursor: pointer;
    117467}
    118468
    119 .meaAccessibility_style-tooltips-fa .meaAccessibility_tooltip-trigger {
    120     margin-right: -310px;
    121 }
    122 
    123469.meaAccessibility_tooltip-trigger::after {
    124     content: "؟";
     470    content: "?";
    125471    position: absolute;
    126472    top: 50%;
    … …  
    184530}
    185531
     532/* Modern Toggle Switches */
    186533.meaAccessibility_toggle-switch {
    187534    position: relative;
    188535    display: inline-block;
    189     width: 50px;
    190     height: 26px;
     536    width: 60px;
     537    height: 32px;
    191538}
    192539
    … …  
    199546    cursor: pointer;
    200547    top: 0;
    201     right: 3px;
     548    right: 0;
    202549    left: 0;
    203550    bottom: 0;
    204     background-color: #ccc;
    205     -webkit-transition: .4s;
    206     transition: .4s;
    207     border-radius: 26px;
     551    background: rgba(58, 189, 221, 0.2);
     552    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
     553    border-radius: 32px;
     554    border: 2px solid rgba(58, 189, 221, 0.3);
    208555}
    209556
    … …  
    211558    position: absolute;
    212559    content: "";
    213     height: 20px;
    214     width: 20px;
    215     right: 3px;
    216     bottom: 3px;
    217     background-color: white;
    218     -webkit-transition: .4s;
    219     transition: .4s;
     560    height: 24px;
     561    width: 24px;
     562    right: 2px;
     563    bottom: 2px;
     564    background: linear-gradient(-135deg, #ffffff 0%, #f8f9fa 100%);
     565    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    220566    border-radius: 50%;
    221 }
    222 
    223 input:checked+.meaAccessibility_slider {
    224     background-color: #207f97;
    225 }
    226 
    227 input:checked+.meaAccessibility_slider:before {
    228     -webkit-transform: translateX(-20px);
    229     -ms-transform: translateX(-20px);
    230     transform: translateX(-20px);
     567    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
     568}
     569
     570input:checked + .meaAccessibility_slider {
     571    background: linear-gradient(-135deg, var(--primary-color), var(--primary-dark));
     572    border-color: var(--primary-color);
     573    box-shadow: 0 5px 15px rgba(58, 189, 221, 0.4);
     574}
     575
     576input:checked + .meaAccessibility_slider:before {
     577    transform: translateX(-28px);
     578    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
    231579}
    232580
    233581.meaAccessibility_slider:hover {
    234     background-color: #ccc;
     582    transform: scale(1.05);
    235583}
    236584
    237585.meaAccessibility_slider:hover:before {
    238     background-color: #f0f0f0;
     586    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
    239587}
    240588
    … …  
    245593    justify-content: center;
    246594    align-items: center;
    247     padding: 0 5px 0 5px;
     595    padding: 0 10px 0 10px;
    248596    border-radius: 5px 5px 0 0;
    249597    margin-left: 5px;
    … …  
    273621    }
    274622    .meaAccessibility_admin_first_ex_links {
    275         margin-left: 0;
     623        margin-right: 0;
    276624    }
    277625    .meaAccessibility_admin_ex_links {

  • meacodes-accessibility-tools/trunk/meacodes-accessibility-tools.php

    r3376802 r3376805  
    44Plugin URI: https://www.meacodes.com/accessibility
    55Description:This is an accessibility tools for people with disabilities to use the web easily.
    6 Version: 1.0.7
     6Version: 1.0.8
    77Author: Meacodes
    88Author URI: https://www.meacodes.com
    … …  
    1313*/
    1414defined('ABSPATH') || exit;
    15 define('meaAccessibility_PLUGIN_VERSION', '1.0.7');
     15define('meaAccessibility_PLUGIN_VERSION', '1.0.8');
    1616register_activation_hook( __FILE__, 'meaAccessibility_activation_function' );
    1717// Set default options

  • meacodes-accessibility-tools/trunk/readme.txt

    r3376802 r3376805  
    55Requires at least: 4.0
    66Tested up to: 6.8
    7 Stable tag: 1.0.7
     7Stable tag: 1.0.8
    88Requires PHP: 5.4
    99License: GPLv2 or later
    … …  
    127127* Enhanced security with proper input sanitization and output escaping
    128128* Fixed WordPress Coding Standards compliance issues
     129
     130= 1.0.8 =
     131* Fix admin css in RTL
Note: See TracChangeset for help on using the changeset viewer.