WordPress.org
Get WordPress

Make WordPress Themes

Changeset 357842


Ignore:
Timestamp:
11/07/2026 10:23:37 AM (less than one hour ago)
Author:
themedropbox
Message:

New version of Coworking Office - 1.0.4

Location:
coworking-office/1.0.4
Files:
1 added
7 edited
1 copied

Legend:

Unmodified
Added
Removed

  • coworking-office/1.0.4/assets/css/editor-style.css

    r319799 r357842  
    99    background-color: #3b3e40 !important;
    1010}
     11/* ==========================================================
     12   FAQ Section – block theme styles
     13   ========================================================== */
     14.rwp-faq {
     15        --wp--preset--color--primary-soft: #e0e3fb;
     16        --faq-text: #111827;
     17        --faq-muted: #5b6475;
     18        --faq-bg: #f1f1f1;
     19        --faq-card: #ffffff;
     20        --faq-green: #0f7a4d;
     21        --faq-radius: 12px;
     22        color: var(--faq-text);
     23        padding: 60px 20px;
     24        background: var(--faq-bg);
     25}
     26
     27/* ---------- Header ---------- */
     28.rwp-faq__header { text-align: center; margin-bottom: 28px; }
     29
     30.rwp-faq__eyebrow {
     31    display: inline-block;
     32    margin: 0 auto 18px;
     33    padding: 4px 12px;
     34    font-size: 11px;
     35    font-weight: 600;
     36    letter-spacing: .04em;
     37    text-transform: uppercase;
     38    color: #fff;
     39    background: var(--wp--preset--color--secondary);
     40    border-radius: 999px;
     41}
     42
     43.rwp-faq__title {
     44        margin: 0 0 14px;
     45        font-size: 34px;
     46        font-weight: 800;
     47        line-height: 1.15;
     48        letter-spacing: -0.02em;
     49}
     50
     51.rwp-faq__intro {
     52        max-width: 620px;
     53        margin: 0 auto;
     54        font-size: 15px;
     55        line-height: 1.6;
     56        color: var(--faq-muted);
     57}
     58
     59/* ---------- Filter tabs ---------- */
     60.rwp-faq__tabs {
     61        display: flex;
     62        flex-wrap: wrap;
     63        justify-content: center;
     64        gap: 8px;
     65        margin-bottom: 28px;
     66}
     67
     68.rwp-faq__tab {
     69        padding: 5px 14px;
     70        font: inherit;
     71        font-size: 11px;
     72        font-weight: 600;
     73        color: var(--wp--preset--color--primary);
     74        background: var(--wp--preset--color--primary-soft);
     75        border: 0;
     76        border-radius: 999px;
     77        cursor: pointer;
     78        transition: background .2s, color .2s;
     79}
     80.rwp-faq__tab:hover { background: #cfd3f7; }
     81.rwp-faq__tab.is-active { color: #fff; background: var(--wp--preset--color--primary); }
     82.rwp-faq__tab:focus-visible { outline: 2px solid var(--wp--preset--color--primary); outline-offset: 2px; }
     83
     84/* ---------- Accordion ---------- */
     85.rwp-faq__list { display: flex; flex-direction: column; gap: 12px; }
     86
     87.rwp-faq__item {
     88        background: var(--faq-card);
     89        border-radius: var(--faq-radius);
     90        box-shadow: 0 1px 3px rgba(17, 24, 39, .06);
     91        padding: 0;
     92        transition: box-shadow .2s;
     93    margin-top: 6px;
     94}
     95.rwp-faq__item:hover { box-shadow: 0 4px 14px rgba(17, 24, 39, .08); }
     96.rwp-faq__item[hidden] { display: none; }
     97
     98.rwp-faq__item summary {
     99        position: relative;
     100        display: block;
     101        padding: 20px 64px 20px 24px;
     102        font-size: 16px;
     103        font-weight: 700;
     104        cursor: pointer;
     105        list-style: none;
     106}
     107.rwp-faq__item summary::-webkit-details-marker { display: none; }
     108.rwp-faq__item summary::marker { content: ""; }
     109
     110/* chevron button */
     111.rwp-faq__item summary::after {
     112        content: "";
     113        position: absolute;
     114        top: 50%;
     115        right: 20px;
     116        width: 28px;
     117        height: 28px;
     118        transform: translateY(-50%);
     119        border-radius: 50%;
     120        background-color: var(--wp--preset--color--primary-soft);
     121        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%234f46e5' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
     122        background-repeat: no-repeat;
     123        background-position: center;
     124        transition: transform .25s ease;
     125}
     126.rwp-faq__item[open] summary::after { transform: translateY(-50%) rotate(180deg); }
     127
     128.rwp-faq__item > :not(summary) { margin-left: 24px; margin-right: 24px; }
     129.rwp-faq__item > p { margin-top: 0; font-size: 14px; line-height: 1.65; color: var(--faq-muted); }
     130.rwp-faq__item > :last-child { margin-bottom: 22px; }
     131
     132/* ---------- Badges ---------- */
     133.rwp-faq__badges { gap: 12px; align-items: center; }
     134.rwp-faq__badge {
     135        display: inline-flex;
     136        align-items: center;
     137        gap: 6px;
     138        margin: 0;
     139        padding: 3px 8px;
     140        font-size: 11px;
     141        font-weight: 500;
     142}
     143.rwp-faq__badge--green { color: var(--faq-green); background: #e7f6ee; border-radius: 6px; }
     144.rwp-faq__badge--green::before { content: "✓"; font-weight: 700; }
     145
     146/* ---------- CTA ---------- */
     147.rwp-faq__cta {
     148    margin-top: 32px;
     149    padding: 22px 24px;
     150    gap: 16px;
     151    background: #fff;
     152    border-radius: var(--faq-radius);
     153    box-shadow: 0px 0px 10px #0000001f;
     154}
     155.rwp-faq__cta-title { margin: 0 0 4px; font-size: 17px; font-weight: 800; }
     156.rwp-faq__cta-desc { margin: 0; max-width: 340px; font-size: 12px; line-height: 1.5; color: var(--faq-muted); }
     157
     158.rwp-faq__pill {
     159        display: inline-block;
     160        margin-left: 6px;
     161        padding: 1px 8px;
     162        font-size: 10px;
     163        font-weight: 600;
     164        color: #0b5e7a;
     165        background: #d3eef7;
     166        border-radius: 999px;
     167        vertical-align: middle;
     168}
     169.rwp-faq__pill::before {
     170        content: "";
     171        display: inline-block;
     172        width: 6px;
     173        height: 6px;
     174        margin-right: 5px;
     175        background: #16a34a;
     176        border-radius: 50%;
     177}
     178
     179.rwp-faq__cta-buttons { gap: 10px; }
     180.rwp-faq__cta-buttons .wp-block-button__link {
     181        padding: 9px 16px;
     182        font-size: 12px;
     183        font-weight: 700;
     184        border-radius: 8px;
     185        transition: transform .15s, box-shadow .15s;
     186}
     187.rwp-faq__cta-buttons .wp-block-button__link:hover { transform: translateY(-1px); }
     188
     189.rwp-btn-primary .wp-block-button__link { color: #fff; background: var(--wp--preset--color--primary); border: 1px solid var(--wp--preset--color--primary); }
     190.rwp-btn-light .wp-block-button__link {
     191    color: #fff;
     192    background: var(--wp--preset--color--secondary);
     193    border: 1px solid #fff;
     194}
     195
     196/* ---------- Responsive ---------- */
     197@media (max-width: 600px) {
     198        .rwp-faq { padding: 40px 14px; }
     199        .rwp-faq__item summary { padding: 16px 56px 16px 16px; font-size: 15px; }
     200        .rwp-faq__item > :not(summary) { margin-left: 16px; margin-right: 16px; }
     201        .rwp-faq__cta { flex-direction: column; align-items: flex-start; }
     202}

  • coworking-office/1.0.4/assets/css/style.css

    r345974 r357842  
    20722072    font-weight: 800;
    20732073}
     2074/* ==========================================================
     2075   FAQ Section – block theme styles
     2076   ========================================================== */
     2077.rwp-faq {
     2078        --wp--preset--color--primary-soft: #e0e3fb;
     2079        --faq-text: #111827;
     2080        --faq-muted: #5b6475;
     2081        --faq-bg: #f1f1f1;
     2082        --faq-card: #ffffff;
     2083        --faq-green: #0f7a4d;
     2084        --faq-radius: 12px;
     2085        color: var(--faq-text);
     2086        padding: 60px 20px;
     2087        background: var(--faq-bg);
     2088}
     2089
     2090/* ---------- Header ---------- */
     2091.rwp-faq__header { text-align: center; margin-bottom: 28px; }
     2092
     2093.rwp-faq__eyebrow {
     2094    display: inline-block;
     2095    margin: 0 auto 18px;
     2096    padding: 4px 12px;
     2097    font-size: 11px;
     2098    font-weight: 600;
     2099    letter-spacing: .04em;
     2100    text-transform: uppercase;
     2101    color: #fff;
     2102    background: var(--wp--preset--color--primary);
     2103    border-radius: 999px;
     2104}
     2105
     2106.rwp-faq__title {
     2107        margin: 0 0 14px;
     2108        font-size: 34px;
     2109        font-weight: 800;
     2110        line-height: 1.15;
     2111        letter-spacing: -0.02em;
     2112}
     2113
     2114.rwp-faq__intro {
     2115        max-width: 620px;
     2116        margin: 0 auto;
     2117        font-size: 15px;
     2118        line-height: 1.6;
     2119        color: var(--faq-muted);
     2120}
     2121
     2122/* ---------- Filter tabs ---------- */
     2123.rwp-faq__tabs {
     2124        display: flex;
     2125        flex-wrap: wrap;
     2126        justify-content: center;
     2127        gap: 8px;
     2128        margin-bottom: 28px;
     2129}
     2130
     2131.rwp-faq__tab {
     2132        padding: 5px 14px;
     2133        font: inherit;
     2134        font-size: 11px;
     2135        font-weight: 600;
     2136        color: var(--wp--preset--color--primary);
     2137        background: var(--wp--preset--color--primary-soft);
     2138        border: 0;
     2139        border-radius: 999px;
     2140        cursor: pointer;
     2141        transition: background .2s, color .2s;
     2142}
     2143.rwp-faq__tab:hover { background: #cfd3f7; }
     2144.rwp-faq__tab.is-active { color: #fff; background: var(--wp--preset--color--primary); }
     2145.rwp-faq__tab:focus-visible { outline: 2px solid var(--wp--preset--color--primary); outline-offset: 2px; }
     2146
     2147/* ---------- Accordion ---------- */
     2148.rwp-faq__list { display: flex; flex-direction: column; gap: 12px; }
     2149
     2150.rwp-faq__item {
     2151        background: var(--faq-card);
     2152        border-radius: var(--faq-radius);
     2153        box-shadow: 0 1px 3px rgba(17, 24, 39, .06);
     2154        padding: 0;
     2155        transition: box-shadow .2s;
     2156    margin-top: 6px;
     2157}
     2158.rwp-faq__item:hover { box-shadow: 0 4px 14px rgba(17, 24, 39, .08); }
     2159.rwp-faq__item[hidden] { display: none; }
     2160
     2161.rwp-faq__item summary {
     2162        position: relative;
     2163        display: block;
     2164        padding: 20px 64px 20px 24px;
     2165        font-size: 16px;
     2166        font-weight: 700;
     2167        cursor: pointer;
     2168        list-style: none;
     2169}
     2170.rwp-faq__item summary::-webkit-details-marker { display: none; }
     2171.rwp-faq__item summary::marker { content: ""; }
     2172
     2173/* chevron button */
     2174.rwp-faq__item summary::after {
     2175        content: "";
     2176        position: absolute;
     2177        top: 50%;
     2178        right: 20px;
     2179        width: 28px;
     2180        height: 28px;
     2181        transform: translateY(-50%);
     2182        border-radius: 50%;
     2183        background-color: var(--wp--preset--color--primary-soft);
     2184        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%234f46e5' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
     2185        background-repeat: no-repeat;
     2186        background-position: center;
     2187        transition: transform .25s ease;
     2188}
     2189.rwp-faq__item[open] summary::after { transform: translateY(-50%) rotate(180deg); }
     2190
     2191.rwp-faq__item > :not(summary) { margin-left: 24px; margin-right: 24px; }
     2192.rwp-faq__item > p { margin-top: 0; font-size: 14px; line-height: 1.65; color: var(--faq-muted); }
     2193.rwp-faq__item > :last-child { margin-bottom: 22px; }
     2194
     2195/* ---------- Badges ---------- */
     2196.rwp-faq__badges { gap: 12px; align-items: center; }
     2197.rwp-faq__badge {
     2198        display: inline-flex;
     2199        align-items: center;
     2200        gap: 6px;
     2201        margin: 0;
     2202        padding: 3px 8px;
     2203        font-size: 11px;
     2204        font-weight: 500;
     2205}
     2206.rwp-faq__badge--green { color: var(--faq-green); background: #e7f6ee; border-radius: 6px; }
     2207.rwp-faq__badge--green::before { content: "✓"; font-weight: 700; }
     2208
     2209/* ---------- CTA ---------- */
     2210.rwp-faq__cta {
     2211    margin-top: 32px;
     2212    padding: 22px 24px;
     2213    gap: 16px;
     2214    background: #fff;
     2215    border-radius: var(--faq-radius);
     2216    box-shadow: 0px 0px 10px #0000001f;
     2217}
     2218.rwp-faq__cta-title { margin: 0 0 4px; font-size: 17px; font-weight: 800; }
     2219.rwp-faq__cta-desc { margin: 0; max-width: 340px; font-size: 12px; line-height: 1.5; color: var(--faq-muted); }
     2220
     2221.rwp-faq__pill {
     2222        display: inline-block;
     2223        margin-left: 6px;
     2224        padding: 1px 8px;
     2225        font-size: 10px;
     2226        font-weight: 600;
     2227        color: #0b5e7a;
     2228        background: #d3eef7;
     2229        border-radius: 999px;
     2230        vertical-align: middle;
     2231}
     2232.rwp-faq__pill::before {
     2233        content: "";
     2234        display: inline-block;
     2235        width: 6px;
     2236        height: 6px;
     2237        margin-right: 5px;
     2238        background: #16a34a;
     2239        border-radius: 50%;
     2240}
     2241
     2242.rwp-faq__cta-buttons { gap: 10px; }
     2243.rwp-faq__cta-buttons .wp-block-button__link {
     2244        padding: 9px 16px;
     2245        font-size: 12px;
     2246        font-weight: 700;
     2247        border-radius: 8px;
     2248        transition: transform .15s, box-shadow .15s;
     2249}
     2250.rwp-faq__cta-buttons .wp-block-button__link:hover { transform: translateY(-1px); }
     2251
     2252.rwp-btn-primary .wp-block-button__link { color: #fff; background: var(--wp--preset--color--primary); border: 1px solid var(--wp--preset--color--primary); }
     2253.rwp-btn-light .wp-block-button__link {
     2254    color: #fff;
     2255    background: var(--wp--preset--color--primary);
     2256    border: 1px solid #fff;
     2257}
     2258
     2259/* ---------- Responsive ---------- */
     2260@media (max-width: 600px) {
     2261        .rwp-faq { padding: 40px 14px; }
     2262        .rwp-faq__item summary { padding: 16px 56px 16px 16px; font-size: 15px; }
     2263        .rwp-faq__item > :not(summary) { margin-left: 16px; margin-right: 16px; }
     2264        .rwp-faq__cta { flex-direction: column; align-items: flex-start; }
     2265}

  • coworking-office/1.0.4/assets/js/theme.js

    r319799 r357842  
    4343  });
    4444});
     45( function () {
     46        document.querySelectorAll( '.rwp-faq' ).forEach( function ( faq ) {
     47                var items = faq.querySelectorAll( '.rwp-faq__item' );
     48
     49                items.forEach( function ( item ) {
     50                        item.addEventListener( 'toggle', function () {
     51                                if ( ! item.open ) {
     52                                        return;
     53                                }
     54                                items.forEach( function ( other ) {
     55                                        if ( other !== item ) {
     56                                                other.open = false;
     57                                        }
     58                                });
     59                        });
     60                });
     61        });
     62} )();

  • coworking-office/1.0.4/coworking-office-get-theme-info.php

    r355000 r357842  
    313313                                        </div>
    314314                                        <div class="info-pro-btn">
    315                                                 <a class="button button-primary button-large bundle-btn" href="<?php echo esc_url(COWORING_OFFICE_THEME_BUNDLE_URL); ?>" target="_blank"><?php esc_html_e( 'GET ALL THEMES – $59', 'coworking-office' ); ?></a>
     315                                                <a class="button button-primary button-large bundle-btn" href="<?php echo esc_url(COWORING_OFFICE_THEME_BUNDLE_URL); ?>" target="_blank"><?php esc_html_e( 'GET ALL THEMES – $69', 'coworking-office' ); ?></a>
    316316                                        </div>
    317317                                        <div class="info-pro-btn">

  • coworking-office/1.0.4/readme.txt

    r355000 r357842  
    33Requires at least: 6.2
    44Tested up to: 7.1
    5 Stable tag: 1.0.3
     5Stable tag: 1.0.4
    66Requires PHP: 7.2
    77License: GNU General Public License v3
    … …  
    7373= 1.0.3 =
    7474* Improved User Experience.
     75
     76= 1.0.4 =
     77* Added faq section.
     78
    7579== Resources ==
    7680

  • coworking-office/1.0.4/style.css

    r355000 r357842  
    88 * Tested up to: 7.1
    99 * Requires PHP: 7.2
    10  * Version: 1.0.3
     10 * Version: 1.0.4
    1111 * License: GNU General Public License v3
    1212 * License URI: https://www.gnu.org/licenses/gpl-3.0.html

  • coworking-office/1.0.4/templates/front-page.html

    r319799 r357842  
    88<!-- /wp:group -->
    99
     10    <!-- wp:pattern {"slug":"coworking-office/faq-section"} /-->
     11
    1012    <!-- wp:pattern {"slug":"coworking-office/homepage-blog"} /-->
    1113
Note: See TracChangeset for help on using the changeset viewer.