WordPress.org
Get WordPress

Make WordPress Themes

Changeset 339054


Ignore:
Timestamp:
07/14/2026 06:01:48 PM (4 months ago)
Author:
themedropbox
Message:

New version of Qorntix - 1.0.3

Location:
qorntix/1.0.3
Files:
5 edited
1 copied

Legend:

Unmodified
Added
Removed

  • qorntix/1.0.3/assets/css/main.css

    r335534 r339054  
    2121        --ea-color-text: #1f2933;
    2222        --ea-color-muted: #52606d;
    23         --ea-color-link: #4f46e5;
    24         --ea-color-link-hover: #3730a3;
     23        --ea-color-link: #da292a;
     24        --ea-color-link-hover: #da292a;
    2525        --ea-color-border: #e4e7eb;
    2626        --ea-color-bg: #ffffff;
    … …  
    5656a {
    5757        color: var(--ea-color-link);
    58         text-decoration: underline;
     58        text-decoration: none;
    5959        transition: color 0.2s ease;
    6060}
    … …  
    114114}
    115115
     116/* 3b. Keyboard focus visibility ---------------------------------------------
     117 * Theme authors must provide a clearly visible keyboard focus indicator for
     118 * navigation menus, form fields, submit buttons and text links. We use
     119 * :focus-visible so the indicator shows for keyboard users (Tab / Shift+Tab)
     120 * without appearing on mouse clicks. A focus ring colour is also exposed as a
     121 * custom property so it can be reused or re-themed in one place.
     122 */
     123:root {
     124        --ea-focus-ring: 2px solid var(--ea-color-link);
     125        --ea-focus-offset: 3px;
     126}
     127
     128
    116129/* 4. Layout --------------------------------------------------------------- */
    117130.container {
    … …  
    224237}
    225238
    226 .menu-toggle:focus {
     239.menu-toggle:focus-visible {
     240        outline: var(--ea-focus-ring);
     241        outline-offset: 2px;
     242}
     243
     244.menu-toggle:focus:not(:focus-visible) {
    227245        outline: 0;
    228         border: 1px solid var(--ea-color-border);
    229246}
    230247
    … …  
    258275}
    259276
     277.widget_block article {
     278        margin-bottom: 0;
     279        padding-bottom: 0;
     280        border-bottom: 0;
     281        padding-left: 0;
     282}
     283
     284.widget_block > ul:first-child,
     285.widget_block > ol:first-child {
     286    padding-left: 0;
     287}
     288
     289ol.wp-block-latest-comments {
     290        padding-left: 0;
     291}
     292
    260293.entry-title {
    261294        font-size: 1.6rem;
     295        -ms-word-wrap: break-word;
     296        word-wrap: break-word;
    262297}
    263298
    … …  
    265300        text-decoration: none;
    266301        color: var(--ea-color-text);
     302}
     303
     304select {
     305    -webkit-tap-highlight-color: transparent;
     306    background-color: #fff;
     307    border-radius: 5px;
     308    border: solid 1px #e8e8e8;
     309    box-sizing: border-box;
     310    clear: both;
     311    cursor: pointer;
     312    display: block;
     313    float: left;
     314    font-family: inherit;
     315    font-size: 14px;
     316    font-weight: normal;
     317    height: 42px;
     318    line-height: 40px;
     319    outline: none;
     320    padding-left: 18px;
     321    padding-right: 30px;
     322    position: relative;
     323    text-align: left !important;
     324    -webkit-transition: all 0.2s ease-in-out;
     325    transition: all 0.2s ease-in-out;
     326    -webkit-user-select: none;
     327    -moz-user-select: none;
     328    -ms-user-select: none;
     329    user-select: none;
     330    white-space: nowrap;
     331    width: 100%;
     332    appearance: none;
     333    -webkit-appearance: none;
     334    -moz-appearance: none;
     335    background-image: url(data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>);
     336    background-repeat: no-repeat;
     337    background-position-x: 97%;
     338    background-position-y: 9px;
     339}
     340
     341.entry-content {
     342        clear: both !important;;
     343        overflow: hidden !important;
     344}
     345.wp-calendar-table th {
     346    color: white;
     347    background: #da292a !important;
     348    text-align: center;
     349}
     350
     351.wp-calendar-table td {
     352       
     353        text-align: center;
     354}
     355
     356.wp-calendar-table #today, .wp-calendar-table #today a {
     357    background: #da292a;
     358    color: white;
     359        text-align: center;
     360}
     361
     362.wp-calendar-table caption {
     363    color: #da292a;
     364}
     365
     366
     367.widget_pages li {
     368    display: block;
     369}
     370
     371.widget_archive li:before, .widget_pages li:before, .widget_nav_menu li:before {
     372    content: "";
     373    background: #da292a;
     374    width: 8px;
     375    height: 8px;
     376    left: 0px;
     377    position: absolute;
     378    border-radius: 100%;
     379    top: 10px;
     380}
     381
     382.widget_rss ul li a, li.recentcomments a {
     383    color: #da292a;
    267384}
    268385
    … …  
    289406}
    290407
    291 .entry-meta > span,
    292 .entry-footer > span {
    293         display: inline-flex;
    294         align-items: center;
    295         gap: 6px;
    296 }
    297 
    298408.post-thumbnail {
    299409        display: block;
    … …  
    337447        line-height: 1.2;
    338448        letter-spacing: -0.01em;
     449        overflow-wrap: break-word;
     450        word-wrap: break-word;
     451        hyphens: auto;
    339452}
    340453
    … …  
    521634}
    522635
    523 .widget ul {
     636.widget ul,
     637.widget ol {
    524638        list-style: none;
    525639        margin: 0;
    … …  
    527641}
    528642
     643
     644
    529645.widget li {
    530646        padding: 6px 0;
    531         border-bottom: 1px solid var(--ea-color-border);
     647}
     648
     649.widget li:last-child {
     650        padding-bottom: 0;
     651}
     652
     653.widget ul ul,
     654.widget ul ol,
     655.widget ol ul,
     656.widget ol ol {
     657        padding-left: 15px;
     658        margin-bottom: 0;
     659}
     660
     661.wp-block-categories-list li,
     662.wp-block-latest-posts li {
     663    transition: 0.5s;
     664    border-left: 0px solid #f2f2f2;
     665}
     666
     667.wp-block-categories-list li ul li,
     668.wp-block-categories-list li ol li,
     669.wp-block-latest-posts li ul li,
     670.wp-block-latest-posts li ol li {
     671    padding-left: 15px;
     672}
     673
     674a {
     675    color: #1e1e2a;
     676}
     677
     678.wp-calendar-table {
     679    width: 100%;
     680}
     681table, th, td {
     682    border: 1px solid rgba(51, 51, 51, 0.1);
     683}
     684table {
     685    border-collapse: separate;
     686    border-spacing: 0;
     687    width: 100%;
     688    margin-bottom: 25px;
     689}
     690table {
     691    border-collapse: collapse;
     692}
     693
     694.wp-calendar-table caption {
     695    color: #da292a;
     696}
     697
     698.wp-calendar-table th {
     699    color: white;
     700    background: #da292a !important;
     701    text-align: center;
     702}
     703
     704.widget_nav_menu .widget li {
     705        padding-left: 16px;
     706        padding-top: 0 !important;
     707        padding-bottom: 0 !important;;
     708}
     709
     710.widget_calendar {
     711        padding-top: 60px;
    532712}
    533713
    … …  
    543723        border: 1px solid var(--ea-color-border);
    544724        border-radius: var(--ea-radius);
     725        transition: border-color 0.2s ease, box-shadow 0.2s ease;
     726}
     727
     728.search-field:focus {
     729        outline: 0;
     730        border-color: var(--ea-color-link);
     731        box-shadow: 0 0 0 3px rgba( 79, 70, 229, 0.15 );
    545732}
    546733
    … …  
    552739        color: #fff;
    553740        cursor: pointer;
     741        transition: background 0.2s ease;
     742        display: inline-flex;
     743        align-items: center;
     744        justify-content: center;
     745}
     746
     747.search-submit:hover {
     748        background: var(--ea-color-link-hover);
    554749}
    555750
    556751.search-submit::before {
    557         content: "\1F50D";
     752        content: "";
     753        display: inline-block;
     754        width: 16px;
     755        height: 16px;
     756        background-color: #fff;
     757        -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E") center / contain no-repeat;
     758        mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E") center / contain no-repeat;
     759}
     760
     761/* Block search form */
     762.wp-block-search__inside-wrapper {
     763        display: flex;
     764        gap: 8px;
     765}
     766
     767.wp-block-search__label {
     768        display: block;
     769        margin-bottom: 8px;
     770        font-size: 1.1rem;
     771}
     772
     773.wp-block-search__input {
     774        flex: 1;
     775        min-width: 0;
     776        padding: 10px 14px;
     777        border: 1px solid var(--ea-color-border);
     778        border-radius: var(--ea-radius);
     779        color: #333;
     780        background: #fff;
     781}
     782
     783.wp-block-search__button {
     784        padding: 10px 20px;
     785        border: 0;
     786        border-radius: var(--ea-radius);
     787        background: #da292a;
     788        color: #fff;
     789        cursor: pointer;
     790        transition: background 0.2s ease;
     791}
     792
     793.wp-block-search__button:hover {
     794        background: #c1231f;
    558795}
    559796
    … …  
    8241061}
    8251062
    826 .entry-content .alignwide {
    827         margin-left: -80px;
    828         margin-right: -80px;
    829         max-width: 1000px;
    830 }
    831 
    832 .entry-content .alignfull {
    833         margin-left: calc(50% - 50vw);
    834         margin-right: calc(50% - 50vw);
    835         max-width: 100vw;
    836 }
    837 
    8381063.wp-caption {
    8391064        max-width: 100%;
    … …  
    8581083.bypostauthor {
    8591084  opacity: 1;
     1085}
     1086
     1087.content-area-wrap .site-main article {
     1088        display: flow-root;
     1089}
     1090
     1091.comments-area .comment-body {
     1092        padding-bottom: 30px;
     1093}
     1094
     1095
     1096.navigation.post-navigation .nav-previous,
     1097.navigation.post-navigation .nav-next {
     1098    flex: 1 1 calc(50% - 10px);
     1099    min-width: 0;
     1100}
     1101
     1102.navigation.post-navigation .nav-title {
     1103    overflow-wrap: break-word;
     1104    word-break: break-word;
    8601105}
    8611106
    … …  
    10451290        border-right: 2px solid currentColor;
    10461291        transform: translateY(-50%) rotate(45deg);
     1292}
     1293
     1294.wp-block-image {
     1295        overflow: hidden;
    10471296}
    10481297
    … …  
    10651314  display: none;
    10661315}
     1316
     1317.widget_pages {
     1318        padding-top: 60px !important;
     1319}
     1320
     1321.widget_archive li, .widget_pages li, .widget_nav_menu li {
     1322    transition: 0.5s;
     1323    padding-left: 16px;
     1324    position: relative;
     1325    margin-top: 10px;
     1326    font-family: 'Heebo', sans-serif;
     1327        padding-top: 0 !important;
     1328        padding-bottom: 0 !important;
     1329}
     1330
     1331.widget_tag_cloud .tagcloud {
     1332    display: flex;
     1333    flex-wrap: wrap;
     1334    gap: 5px;
     1335}
     1336
     1337.widget_tag_cloud .tagcloud a {
     1338    background-color: #EFEFEF;
     1339    padding: 8px 10px;
     1340    font-size: 12px !important;
     1341    text-transform: capitalize;
     1342    color: #222;
     1343    font-weight: 500;
     1344    transition: 0.3s;
     1345    line-height: 1.5;
     1346}
     1347
     1348.widget_tag_cloud .tagcloud a:hover {
     1349    color: #fff;
     1350    background-color: #da292a;
     1351}
     1352
    10671353@media only screen and (max-width: 1199px) {
    10681354  .qorntix-offcanvas {
    … …  
    13251611}
    13261612
     1613/* Reveal a submenu when it (or one of its links) receives keyboard focus, so
     1614 * child items stay reachable and clearly highlighted for keyboard users. */
     1615.offcanvas__menu-area .dp-menu:focus-within {
     1616        display: block;
     1617}
     1618
    13271619.offcanvas__menu-area .dp-menu[aria-expanded="true"] {
    13281620        display: block;
    … …  
    14761768        }
    14771769
    1478         .entry-content .alignwide,
    1479         .entry-content .alignfull {
    1480                 margin-left: 0;
    1481                 margin-right: 0;
    1482                 max-width: 100%;
    1483         }
    1484 
    14851770        .menu-toggle {
    14861771                display: inline-flex;

  • qorntix/1.0.3/assets/js/navigation.js

    r335534 r339054  
    3737                }
    3838
    39                 if (
    40                         offcanvas.classList.contains('show') &&
    41                         !offcanvas.contains(event.target) &&
    42                         !button.contains(event.target)
    43                 ) {
    44                         offcanvas.classList.remove('show');
    45                         button.setAttribute('aria-expanded', 'false');
     39                // Close the offcanvas when clicking outside of it.
     40                if ( offcanvas && button ) {
     41                        document.addEventListener( 'click', function ( event ) {
     42                                if (
     43                                        offcanvas.classList.contains( 'show' ) &&
     44                                        ! offcanvas.contains( event.target ) &&
     45                                        ! button.contains( event.target )
     46                                ) {
     47                                        offcanvas.classList.remove( 'show' );
     48                                        button.setAttribute( 'aria-expanded', 'false' );
     49                                }
     50                        } );
    4651                }
    4752

  • qorntix/1.0.3/readme.txt

    r334982 r339054  
    11=== Qorntix ===
    2 
    3 Contributors: easyanimation
     2Contributors: faridmia
    43Requires at least: 6.5
    5 Tested up to: 6.7
    6 Requires PHP: 7.4
    7 Stable tag: 1.0.0
     4Tested up to: 7.0
     5Requires PHP: 8.0
     6Stable tag: 1.0.3
    87License: GNU General Public License v2 or later
    98License URI: https://www.gnu.org/licenses/gpl-2.0.html
    … …  
    4039= Does this theme require any plugin? =
    4140
    42 No. Qorntix works out of the box without any required or bundled plugins.
     41Yes. Qorntix requires the Kirki Customizer Framework plugin to enable all Customizer theme options.
    4342
    4443= Does the theme support the block editor? =
    … …  
    4746
    4847== Changelog ==
     48
     49= 1.0.3 =
     50* Add clearly visible keyboard focus indicators (`:focus-visible`) for navigation
     51  menus, form fields, submit buttons and text links, in both desktop and
     52  mobile/off-canvas views. Fix the mobile menu toggle that removed its focus
     53  outline without a replacement.
    4954
    5055= 1.0.0 =
    … …  
    7479* normalize.css https://necolas.github.io/normalize.css/, (C) Nicolas Gallagher and Jonathan Neal,
    7580  [MIT](https://opensource.org/licenses/MIT)
     81
     82
     83* We use TGM Plugin Activation (TGMPA) http://tgmpluginactivation.com/ and one click demo importer
     84* TGM Plugin Activation
     85* The TGM Plugin Activation library is licensed under the GPL-2.0 or later license. https://opensource.org/licenses/GPL-2.0
     86* [![GitHub license](https://img.shields.io/badge/license-GPLv2-blue.svg)](https://raw.githubusercontent.com/TGMPA/TGM-Plugin-Activation/develop/LICENSE.md)
     87* [![Build Status](https://travis-ci.org/TGMPA/TGM-Plugin-Activation.svg?branch=develop)](https://travis-ci.org/TGMPA/TGM-Plugin-Activation)
     88* [![Scrutinizer Code Quality](https://scrutinizer-ci.com/g/TGMPA/TGM-Plugin-Activation/badges/quality-score.png?b=develop)](https://scrutinizer-ci.com/g/TGMPA/TGM-Plugin-Activation/?branch=develop)

  • qorntix/1.0.3/style.css

    r335534 r339054  
    55Author URI: https://profiles.wordpress.org/faridmia/
    66Description: Qorntix is a lightweight, fast and accessible classic WordPress theme for blogs, portfolios and small business sites. It ships with a full template hierarchy, a built-in Customizer powered by the core WordPress Customizer API, widget areas and clean, standards-compliant code — with no required plugins. Translation ready and built for the block editor.
    7 Version: 1.0.1
     7Version: 1.0.3
    88Requires at least: 6.5
    99Tested up to: 7.0
    10 Requires PHP: 7.4
     10Requires PHP: 8.0
    1111License: GNU General Public License v2 or later
    1212License URI: https://www.gnu.org/licenses/gpl-2.0.html
Note: See TracChangeset for help on using the changeset viewer.