WordPress.org
Get WordPress

Plugin Directory

Changeset 3411672


Ignore:
Timestamp:
12/05/2025 04:11:19 AM (3 months ago)
Author:
aitool
Message:

add new ver 2.3.2

Location:
ai-auto-tool/trunk
Files:
5 edited

Legend:

Unmodified
Added
Removed

  • ai-auto-tool/trunk/css/aiautotool.css

    r3404575 r3411672  
    677677            margin: 0 auto;
    678678        }
    679 
     679        .aiautotool-integrations-page {
     680            max-width: 1400px;
     681            margin: 0 auto;
     682        }
     683        .aiautotool-integrations-header {
     684            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
     685            padding: 30px 35px;
     686            border-radius: 12px;
     687            margin-bottom: 30px;
     688            box-shadow: 0 10px 30px rgba(102, 126, 234, 0.2);
     689            color: white;
     690            position: relative;
     691            overflow: hidden;
     692        }
     693        .aiautotool-integrations-header::before {
     694            content: '';
     695            position: absolute;
     696            top: -50%;
     697            right: -50%;
     698            width: 200%;
     699            height: 200%;
     700            background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%);
     701            animation: pulse 15s ease-in-out infinite;
     702        }
     703        @keyframes pulse {
     704            0%, 100% { transform: scale(1); opacity: 0.5; }
     705            50% { transform: scale(1.1); opacity: 0.8; }
     706        }
     707        .aiautotool-integrations-header h1 {
     708            margin: 0 0 12px 0;
     709            font-size: 28px;
     710            font-weight: 700;
     711            color: white;
     712            position: relative;
     713            z-index: 1;
     714            display: flex;
     715            align-items: center;
     716            gap: 12px;
     717        }
     718        .aiautotool-integrations-header h1 i {
     719            font-size: 32px;
     720            background: rgba(255,255,255,0.2);
     721            padding: 12px;
     722            border-radius: 10px;
     723            backdrop-filter: blur(10px);
     724        }
     725        .aiautotool-integrations-header p {
     726            margin: 0;
     727            font-size: 16px;
     728            opacity: 0.95;
     729            line-height: 1.6;
     730            position: relative;
     731            z-index: 1;
     732        }
     733        .aiautotool-features-section {
     734            margin-bottom: 40px;
     735            animation: fadeInUp 0.6s ease-out;
     736            width:100%
     737        }
     738        @keyframes fadeInUp {
     739            from {
     740                opacity: 0;
     741                transform: translateY(20px);
     742            }
     743            to {
     744                opacity: 1;
     745                transform: translateY(0);
     746            }
     747        }
     748        .aiautotool-section-header {
     749            margin-bottom: 25px;
     750            padding: 22px 28px;
     751            border-radius: 12px;
     752            color: white;
     753            box-shadow: 0 4px 15px rgba(0,0,0,0.1);
     754            position: relative;
     755            overflow: hidden;
     756            transition: transform 0.3s ease, box-shadow 0.3s ease;
     757        }
     758        .aiautotool-section-header:hover {
     759            transform: translateY(-2px);
     760            box-shadow: 0 6px 20px rgba(0,0,0,0.15);
     761        }
     762        .aiautotool-section-header::after {
     763            content: '';
     764            position: absolute;
     765            top: 0;
     766            left: 0;
     767            right: 0;
     768            bottom: 0;
     769            background: linear-gradient(45deg, transparent 30%, rgba(255,255,255,0.1) 50%, transparent 70%);
     770            transform: translateX(-100%);
     771            transition: transform 0.6s ease;
     772        }
     773        .aiautotool-section-header:hover::after {
     774            transform: translateX(100%);
     775        }
     776        .aiautotool-features-active .aiautotool-section-header {
     777            background: linear-gradient(135deg, #28a745 0%, #20c997 50%, #17a2b8 100%);
     778        }
     779        .aiautotool-features-disabled .aiautotool-section-header {
     780            background: linear-gradient(135deg, #6c757d 0%, #495057 50%, #343a40 100%);
     781        }
     782        .aiautotool-section-header h2 {
     783            margin: 0;
     784            font-size: 22px;
     785            font-weight: 700;
     786            display: flex;
     787            align-items: center;
     788            gap: 12px;
     789            position: relative;
     790            z-index: 1;
     791        }
     792        .aiautotool-section-header h2 i {
     793            font-size: 24px;
     794            background: rgba(255,255,255,0.25);
     795            padding: 8px;
     796            border-radius: 8px;
     797            backdrop-filter: blur(5px);
     798        }
     799        .aiautotool-section-header .feature-count {
     800            background: rgba(255,255,255,0.3);
     801            padding: 4px 14px;
     802            border-radius: 20px;
     803            font-size: 14px;
     804            font-weight: 600;
     805            backdrop-filter: blur(10px);
     806            border: 1px solid rgba(255,255,255,0.2);
     807        }
     808        .aiautotool-section-header p {
     809            margin: 12px 0 0 0;
     810            opacity: 0.95;
     811            font-size: 15px;
     812            line-height: 1.5;
     813            position: relative;
     814            z-index: 1;
     815        }
     816        .aiautotool-features-grid {
     817            display: grid;
     818            grid-template-columns: repeat(3, 1fr);
     819            gap: 24px;
     820            margin-top: 20px;
     821        }
     822        .aiautotool-features-disabled .aiautotool-features-grid {
     823            opacity: 0.88;
     824            filter: grayscale(10%);
     825        }
     826        @media (max-width: 1200px) {
     827            .aiautotool-features-grid {
     828                grid-template-columns: repeat(2, 1fr);
     829            }
     830        }
     831        .aiautotool-info-box {
     832            margin-top: 40px;
     833            padding: 28px 32px;
     834            background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
     835            border-radius: 12px;
     836            border-left: 5px solid #007cba;
     837            box-shadow: 0 4px 15px rgba(0,124,186,0.1);
     838            transition: all 0.3s ease;
     839        }
     840        .aiautotool-info-box:hover {
     841            box-shadow: 0 6px 20px rgba(0,124,186,0.15);
     842            transform: translateX(3px);
     843        }
     844        .aiautotool-info-box h3 {
     845            margin: 0 0 16px 0;
     846            font-size: 20px;
     847            font-weight: 700;
     848            color: #007cba;
     849            display: flex;
     850            align-items: center;
     851            gap: 10px;
     852        }
     853        .aiautotool-info-box h3 i {
     854            font-size: 22px;
     855            background: #007cba;
     856            color: white;
     857            padding: 8px;
     858            border-radius: 8px;
     859        }
     860        .aiautotool-info-box ul {
     861            margin: 0;
     862            padding-left: 0;
     863            list-style: none;
     864        }
     865        .aiautotool-info-box ul li {
     866            padding: 12px 0 12px 35px;
     867            position: relative;
     868            font-size: 15px;
     869            line-height: 1.6;
     870            color: #495057;
     871            border-bottom: 1px solid rgba(0,0,0,0.05);
     872            transition: all 0.2s ease;
     873        }
     874        .aiautotool-info-box ul li:last-child {
     875            border-bottom: none;
     876        }
     877        .aiautotool-info-box ul li::before {
     878            content: '\f00c';
     879            font-family: 'Font Awesome 6 Free';
     880            font-weight: 900;
     881            position: absolute;
     882            left: 0;
     883            top: 12px;
     884            color: #28a745;
     885            font-size: 16px;
     886            background: rgba(40,167,69,0.1);
     887            padding: 4px 8px;
     888            border-radius: 50%;
     889        }
     890        .aiautotool-info-box ul li:hover {
     891            padding-left: 40px;
     892            color: #007cba;
     893        }
     894        @media (max-width: 768px) {
     895            .aiautotool-features-grid {
     896                grid-template-columns: 1fr;
     897            }
     898            .aiautotool-integrations-header {
     899                padding: 20px 25px;
     900            }
     901            .aiautotool-integrations-header h1 {
     902                font-size: 24px;
     903            }
     904        }
    680905        .aiautotool_box_f_box {
    681906            position: relative;
    682             width: 48%; /* Sử dụng % để tự động co lại theo kích thước màn hình */
     907           
    683908            border: none;
    684909            border-radius: 16px;
    … …  
    18912116        #aiautotool_bar_right .tabcontent {
    18922117            display: none;
    1893             padding: 20px !important;
     2118            padding: 5px !important;
    18942119            background: linear-gradient(135deg, rgba(248, 249, 250, 0.8) 0%, rgba(255, 255, 255, 0.9) 100%);
    18952120            border-radius: 12px;
    1896             margin: 15px;
     2121            margin: 0px;
    18972122            box-shadow: 0 4px 16px rgba(0, 135, 92, 0.06);
    18982123            border: 1px solid rgba(0, 135, 92, 0.08);
    … …  
    37633988.ft-wrap-body {
    37643989  display: grid;
    3765   grid-template-columns: auto 370px;
    37663990  grid-gap: 20px;
    37673991  max-width: 1500px;
    37683992}
    37693993.ft-sidebar-right {
     3994  grid-column: 3;
    37703995  margin-top: 20px;
    37713996  background: #fff;
    … …  
    78168041}
    78178042
     8043/* ============================================
     8044   AI Auto Tool - Log Section Styles
     8045   ============================================ */
     8046
     8047/* Log Container */
     8048.aiautotool-log-container {
     8049    padding: 0;
     8050    max-width: 100%;
     8051}
     8052
     8053/* Log Header */
     8054.aiautotool-log-header {
     8055    margin-bottom: 30px;
     8056    padding-bottom: 20px;
     8057    border-bottom: 2px solid #e8e8e8;
     8058}
     8059
     8060.aiautotool-log-header-content {
     8061    display: flex;
     8062    justify-content: space-between;
     8063    align-items: center;
     8064    flex-wrap: wrap;
     8065    gap: 20px;
     8066}
     8067
     8068.aiautotool-log-title {
     8069    margin: 0;
     8070    font-size: 24px;
     8071    font-weight: 600;
     8072    color: #2c3e50;
     8073    display: flex;
     8074    align-items: center;
     8075    gap: 12px;
     8076}
     8077
     8078.aiautotool-log-title i {
     8079    color: var(--aiautotool-color, #00875c);
     8080    font-size: 26px;
     8081}
     8082
     8083/* Clear Log Button */
     8084.aiautotool-log-clear-btn {
     8085    background: linear-gradient(135deg, #ff6b6b 0%, #ee5a6f 100%);
     8086    color: #ffffff;
     8087    border: none;
     8088    padding: 12px 24px;
     8089    border-radius: 8px;
     8090    font-size: 14px;
     8091    font-weight: 500;
     8092    cursor: pointer;
     8093    transition: all 0.3s ease;
     8094    display: inline-flex;
     8095    align-items: center;
     8096    gap: 8px;
     8097    box-shadow: 0 2px 8px rgba(255, 107, 107, 0.2);
     8098}
     8099
     8100.aiautotool-log-clear-btn:hover {
     8101    transform: translateY(-2px);
     8102    box-shadow: 0 4px 12px rgba(255, 107, 107, 0.3);
     8103    background: linear-gradient(135deg, #ee5a6f 0%, #ff6b6b 100%);
     8104}
     8105
     8106.aiautotool-log-clear-btn:active {
     8107    transform: translateY(0);
     8108}
     8109
     8110.aiautotool-log-clear-btn i {
     8111    font-size: 14px;
     8112}
     8113
     8114/* Stats Section */
     8115.aiautotool-log-stats {
     8116    margin-bottom: 30px;
     8117    display: flex;
     8118    gap: 20px;
     8119    flex-wrap: wrap;
     8120}
     8121
     8122.aiautotool-stat-card {
     8123    background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
     8124    border: 1px solid #e0e0e0;
     8125    border-radius: 12px;
     8126    padding: 20px 24px;
     8127    display: flex;
     8128    align-items: center;
     8129    gap: 16px;
     8130    flex: 1;
     8131    min-width: 250px;
     8132    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
     8133    transition: all 0.3s ease;
     8134}
     8135
     8136.aiautotool-stat-card:hover {
     8137    transform: translateY(-2px);
     8138    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
     8139    border-color: var(--aiautotool-color, #00875c);
     8140}
     8141
     8142.aiautotool-stat-icon {
     8143    width: 50px;
     8144    height: 50px;
     8145    background: linear-gradient(135deg, var(--aiautotool-color, #00875c) 0%, #00a86b 100%);
     8146    border-radius: 12px;
     8147    display: flex;
     8148    align-items: center;
     8149    justify-content: center;
     8150    color: #ffffff;
     8151    font-size: 22px;
     8152    flex-shrink: 0;
     8153}
     8154
     8155.aiautotool-stat-content {
     8156    flex: 1;
     8157}
     8158
     8159.aiautotool-stat-label {
     8160    font-size: 13px;
     8161    color: #6c757d;
     8162    margin-bottom: 6px;
     8163    font-weight: 500;
     8164    text-transform: uppercase;
     8165    letter-spacing: 0.5px;
     8166}
     8167
     8168.aiautotool-stat-value {
     8169    display: flex;
     8170    align-items: baseline;
     8171    gap: 8px;
     8172}
     8173
     8174.aiautotool-stat-number {
     8175    font-size: 28px;
     8176    font-weight: 700;
     8177    color: var(--aiautotool-color, #00875c);
     8178    line-height: 1;
     8179}
     8180
     8181.aiautotool-stat-separator {
     8182    font-size: 20px;
     8183    color: #adb5bd;
     8184    font-weight: 400;
     8185}
     8186
     8187.aiautotool-stat-total {
     8188    font-size: 20px;
     8189    color: #495057;
     8190    font-weight: 600;
     8191}
     8192
     8193/* Logs Wrapper */
     8194.aiautotool-logs-wrapper {
     8195    display: flex;
     8196    flex-direction: column;
     8197    gap: 30px;
     8198}
     8199
     8200/* Log Table Styles */
     8201#tab-log-schedule .widefat {
     8202    width: 100%;
     8203    border-collapse: separate;
     8204    border-spacing: 0;
     8205    background: #ffffff;
     8206    border-radius: 12px;
     8207    overflow: hidden;
     8208    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
     8209    margin-bottom: 0;
     8210}
     8211
     8212#tab-log-schedule .widefat thead {
     8213    background: linear-gradient(135deg, var(--aiautotool-color, #00875c) 0%, #00a86b 100%);
     8214}
     8215
     8216#tab-log-schedule .widefat thead th {
     8217    color: #ffffff;
     8218    font-weight: 600;
     8219    font-size: 14px;
     8220    padding: 16px 20px;
     8221    text-align: left;
     8222    text-transform: uppercase;
     8223    letter-spacing: 0.5px;
     8224    border: none;
     8225}
     8226
     8227#tab-log-schedule .widefat thead th:first-child {
     8228    width: 200px;
     8229    min-width: 200px;
     8230}
     8231
     8232#tab-log-schedule .widefat tbody tr {
     8233    transition: all 0.2s ease;
     8234    border-bottom: 1px solid #f0f0f0;
     8235}
     8236
     8237#tab-log-schedule .widefat tbody tr:last-child {
     8238    border-bottom: none;
     8239}
     8240
     8241#tab-log-schedule .widefat tbody tr:hover {
     8242    background-color: #f8f9fa;
     8243    transform: scale(1.01);
     8244    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
     8245}
     8246
     8247#tab-log-schedule .widefat tbody td {
     8248    padding: 16px 20px;
     8249    font-size: 14px;
     8250    color: #495057;
     8251    vertical-align: top;
     8252    border: none;
     8253}
     8254
     8255#tab-log-schedule .widefat tbody td:first-child {
     8256    font-weight: 600;
     8257    color: #2c3e50;
     8258    font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
     8259    font-size: 13px;
     8260    background-color: #f8f9fa;
     8261    border-right: 2px solid #e8e8e8;
     8262}
     8263
     8264#tab-log-schedule .widefat tbody td:last-child {
     8265    color: #6c757d;
     8266    line-height: 1.6;
     8267    word-break: break-word;
     8268}
     8269
     8270#tab-log-schedule .widefat tbody td a {
     8271    color: var(--aiautotool-color, #00875c);
     8272    text-decoration: none;
     8273    font-weight: 500;
     8274    transition: all 0.2s ease;
     8275}
     8276
     8277#tab-log-schedule .widefat tbody td a:hover {
     8278    color: #00a86b;
     8279    text-decoration: underline;
     8280}
     8281
     8282/* Log Data Formatting */
     8283.aiautotool-log-data {
     8284    display: flex;
     8285    flex-direction: column;
     8286    gap: 8px;
     8287}
     8288
     8289.aiautotool-log-item {
     8290    display: flex;
     8291    align-items: flex-start;
     8292    gap: 8px;
     8293    padding: 8px 0;
     8294    border-bottom: 1px solid #f0f0f0;
     8295}
     8296
     8297.aiautotool-log-item:last-child {
     8298    border-bottom: none;
     8299}
     8300
     8301.aiautotool-log-key {
     8302    font-weight: 600;
     8303    color: #495057;
     8304    min-width: 100px;
     8305    flex-shrink: 0;
     8306    text-transform: capitalize;
     8307}
     8308
     8309.aiautotool-log-value {
     8310    color: #6c757d;
     8311    flex: 1;
     8312    word-break: break-word;
     8313}
     8314
     8315.aiautotool-log-value-title {
     8316    color: #2c3e50;
     8317    font-weight: 500;
     8318    flex: 1;
     8319    word-break: break-word;
     8320}
     8321
     8322.aiautotool-log-link {
     8323    color: var(--aiautotool-color, #00875c);
     8324    text-decoration: none;
     8325    font-weight: 500;
     8326    display: inline-flex;
     8327    align-items: center;
     8328    gap: 6px;
     8329    transition: all 0.2s ease;
     8330    flex: 1;
     8331}
     8332
     8333.aiautotool-log-link:hover {
     8334    color: #00a86b;
     8335    text-decoration: underline;
     8336}
     8337
     8338.aiautotool-log-link i {
     8339    font-size: 11px;
     8340    opacity: 0.7;
     8341}
     8342
     8343/* Empty State */
     8344#tab-log-schedule .widefat tbody:empty::after {
     8345    content: "No logs available";
     8346    display: block;
     8347    padding: 40px 20px;
     8348    text-align: center;
     8349    color: #adb5bd;
     8350    font-style: italic;
     8351}
     8352
     8353/* Log Section (wrapper for each log type) */
     8354.aiautotool-log-section {
     8355    margin-bottom: 40px;
     8356}
     8357
     8358.aiautotool-log-section:last-child {
     8359    margin-bottom: 0;
     8360}
     8361
     8362/* Log Section Title (for each log type) */
     8363.aiautotool-log-section-title {
     8364    font-size: 18px;
     8365    font-weight: 600;
     8366    color: #2c3e50;
     8367    margin: 0 0 20px 0;
     8368    padding-bottom: 12px;
     8369    border-bottom: 2px solid #e8e8e8;
     8370    display: flex;
     8371    align-items: center;
     8372    gap: 10px;
     8373}
     8374
     8375.aiautotool-log-section-title i {
     8376    color: var(--aiautotool-color, #00875c);
     8377    font-size: 20px;
     8378}
     8379
     8380/* Responsive Design for Log Section */
     8381@media (max-width: 768px) {
     8382    .aiautotool-log-header-content {
     8383        flex-direction: column;
     8384        align-items: flex-start;
     8385    }
     8386   
     8387    .aiautotool-log-clear-btn {
     8388        width: 100%;
     8389        justify-content: center;
     8390    }
     8391   
     8392    .aiautotool-log-stats {
     8393        flex-direction: column;
     8394    }
     8395   
     8396    .aiautotool-stat-card {
     8397        min-width: 100%;
     8398    }
     8399   
     8400    #tab-log-schedule .widefat {
     8401        font-size: 12px;
     8402    }
     8403   
     8404    #tab-log-schedule .widefat thead th,
     8405    #tab-log-schedule .widefat tbody td {
     8406        padding: 12px 15px;
     8407    }
     8408   
     8409    #tab-log-schedule .widefat thead th:first-child {
     8410        width: 150px;
     8411        min-width: 150px;
     8412    }
     8413   
     8414    #tab-log-schedule .widefat tbody td:first-child {
     8415        font-size: 11px;
     8416    }
     8417}
     8418
     8419@media (max-width: 480px) {
     8420    .aiautotool-log-title {
     8421        font-size: 20px;
     8422    }
     8423   
     8424    .aiautotool-stat-card {
     8425        flex-direction: column;
     8426        text-align: center;
     8427    }
     8428   
     8429    #tab-log-schedule .widefat {
     8430        display: block;
     8431        overflow-x: auto;
     8432        -webkit-overflow-scrolling: touch;
     8433    }
     8434   
     8435    #tab-log-schedule .widefat thead th:first-child {
     8436        width: 120px;
     8437        min-width: 120px;
     8438    }
     8439}
     8440

  • ai-auto-tool/trunk/css/freemius-account-custom.css

    r3404577 r3411672  
    502502
    503503
     504
     505
     506
     507

  • ai-auto-tool/trunk/css/freemius-pricing-custom.css

    r3404577 r3411672  
    368368
    369369
     370
     371
     372
     373

  • ai-auto-tool/trunk/css/tabs-common.css

    r3396383 r3411672  
    1818    padding: 10px 10px 0;
    1919    border-radius: 8px 8px 0 0;
     20    overflow-x: auto;
     21    overflow-y: hidden;
     22    flex-wrap: nowrap;
     23    -webkit-overflow-scrolling: touch;
     24    scrollbar-width: thin;
    2025}
    2126
    … …  
    3641    position: relative;
    3742    border-radius: 8px 8px 0 0;
     43    flex-shrink: 0;
     44    white-space: nowrap;
    3845}
    3946

  • ai-auto-tool/trunk/readme.txt

    r3404575 r3411672  
    66Requires PHP: 7.4
    77Tested up to: 6.8
    8 Stable tag: 2.3.1
     8Stable tag: 2.3.2
    99License: GPLv2 or later
    1010License URI: https://www.gnu.org/licenses/gpl-2.0.html
Note: See TracChangeset for help on using the changeset viewer.