├── .stylelintignore
├── .gitignore
├── cypress.json
├── screenshot.png
├── postcss.config.js
├── assets
├── fonts
│ ├── hack-bold.woff
│ ├── hack-bold.woff2
│ ├── hack-italic.woff
│ ├── hack-italic.woff2
│ ├── hack-regular.woff
│ ├── hack-regular.woff2
│ ├── hack-bolditalic.woff
│ └── hack-bolditalic.woff2
├── js
│ └── search.js
├── scss
│ ├── search.scss
│ └── normalize.css
└── css
│ └── ie.css
├── .eslintignore
├── .eslintrc
├── .stylelintrc.json
├── .gitattributes
├── search.css
├── .editorconfig
├── search.css.map
├── cypress
├── integration
│ ├── settings.js
│ ├── page.js
│ ├── archive.js
│ └── post.js
├── support
│ ├── index.js
│ └── commands.js
└── plugins
│ └── index.js
├── inc
├── customizer.php
├── theme-colors.php
├── customizer-page-section.php
├── customizer-general-section.php
├── customizer-post-section.php
├── customizer-archive-section.php
└── template-tags.php
├── comments.php
├── single.php
├── 404.php
├── composer.json
├── .circleci
└── config.yml
├── header.php
├── footer.php
├── template-parts
├── content-page.php
├── content-single.php
└── content.php
├── index.php
├── package.json
├── archive.js
├── README.txt
├── README.md
├── functions.php
├── color-schemes
├── nordtheme-dark.css
├── nordtheme-light.css
├── charlestone-dark.css
└── charlestone-light.css
├── style.css.map
├── style-rtl.css
└── style.css
/.stylelintignore:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | node_modules
2 | vendor
3 | .idea/*
4 | .vscode/*
5 |
--------------------------------------------------------------------------------
/cypress.json:
--------------------------------------------------------------------------------
1 | {
2 | "baseUrl": "https://smntcs.local/",
3 | "video": false
4 | }
5 |
--------------------------------------------------------------------------------
/screenshot.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nielslange/smntcs-retro/HEAD/screenshot.png
--------------------------------------------------------------------------------
/postcss.config.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | plugins: {
3 | autoprefixer: {}
4 | }
5 | };
6 |
--------------------------------------------------------------------------------
/assets/fonts/hack-bold.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nielslange/smntcs-retro/HEAD/assets/fonts/hack-bold.woff
--------------------------------------------------------------------------------
/assets/fonts/hack-bold.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nielslange/smntcs-retro/HEAD/assets/fonts/hack-bold.woff2
--------------------------------------------------------------------------------
/assets/fonts/hack-italic.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nielslange/smntcs-retro/HEAD/assets/fonts/hack-italic.woff
--------------------------------------------------------------------------------
/assets/fonts/hack-italic.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nielslange/smntcs-retro/HEAD/assets/fonts/hack-italic.woff2
--------------------------------------------------------------------------------
/assets/fonts/hack-regular.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nielslange/smntcs-retro/HEAD/assets/fonts/hack-regular.woff
--------------------------------------------------------------------------------
/assets/fonts/hack-regular.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nielslange/smntcs-retro/HEAD/assets/fonts/hack-regular.woff2
--------------------------------------------------------------------------------
/assets/fonts/hack-bolditalic.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nielslange/smntcs-retro/HEAD/assets/fonts/hack-bolditalic.woff
--------------------------------------------------------------------------------
/assets/fonts/hack-bolditalic.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nielslange/smntcs-retro/HEAD/assets/fonts/hack-bolditalic.woff2
--------------------------------------------------------------------------------
/.eslintignore:
--------------------------------------------------------------------------------
1 | # path/to/project/root/.eslintignore
2 | # /node_modules/* and /bower_components/* in the project root are ignored by default
--------------------------------------------------------------------------------
/.eslintrc:
--------------------------------------------------------------------------------
1 | {
2 | "extends": [ "plugin:@wordpress/eslint-plugin/es5" ],
3 | "env": {
4 | "browser": true
5 | },
6 | "rules": {
7 | "comma-dangle": [2, "never"]
8 | }
9 | }
--------------------------------------------------------------------------------
/.stylelintrc.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "stylelint-config-wordpress",
3 | "rules": {
4 | "font-family-no-missing-generic-family-keyword": null,
5 | "no-descending-specificity": null,
6 | "selector-class-pattern": null,
7 | "selector-id-pattern": null
8 | }
9 | }
--------------------------------------------------------------------------------
/assets/js/search.js:
--------------------------------------------------------------------------------
1 | ( function () {
2 | const button = document.querySelector('#header-search-button');
3 | const form = document.querySelector('#header-search-form');
4 | button.addEventListener( 'click', () => {
5 | form.classList.toggle('visible');
6 | } );
7 | } ) ();
8 |
--------------------------------------------------------------------------------
/.gitattributes:
--------------------------------------------------------------------------------
1 | #
2 | # Ignore certain files from the release archives.
3 | #
4 | /.travis.yml export-ignore
5 | /phpcs.xml.dist export-ignore
6 |
7 | #
8 | # Auto detect text files and perform LF normalization
9 | # https://davidlaing.com/2012/09/19/customise-your-gitattributes-to-become-a-git-ninja/
10 | #
11 | * text=auto
12 |
13 | #
14 | # The above will handle all files NOT found below
15 | #
16 | *.md text
17 | *.php text
18 | *.inc text
--------------------------------------------------------------------------------
/assets/scss/search.scss:
--------------------------------------------------------------------------------
1 | #header-search-button {
2 | background: none;
3 | border: none;
4 | cursor: pointer;
5 | color: inherit;
6 | display: inline-block;
7 | font: inherit;
8 | padding: 0;
9 | outline: inherit;
10 | }
11 |
12 | #header-search-form {
13 | display: none;
14 |
15 | &.visible {
16 | display: block;
17 | }
18 |
19 | input[type="submit"] {
20 | cursor: pointer;
21 | }
22 |
23 | input:focus {
24 | outline: none;
25 | }
26 | }
27 |
28 |
--------------------------------------------------------------------------------
/search.css:
--------------------------------------------------------------------------------
1 | #header-search-button {
2 | background: none;
3 | border: none;
4 | cursor: pointer;
5 | color: inherit;
6 | display: inline-block;
7 | font: inherit;
8 | padding: 0;
9 | outline: inherit;
10 | }
11 |
12 | #header-search-form {
13 | display: none;
14 | }
15 |
16 | #header-search-form.visible {
17 | display: block;
18 | }
19 |
20 | #header-search-form input[type="submit"] {
21 | cursor: pointer;
22 | }
23 |
24 | #header-search-form input:focus {
25 | outline: none;
26 | }
27 |
28 | /*# sourceMappingURL=search.css.map */
--------------------------------------------------------------------------------
/.editorconfig:
--------------------------------------------------------------------------------
1 | # This file is for unifying the coding style for different editors and IDEs
2 | # editorconfig.org
3 |
4 | # WordPress Coding Standards
5 | # https://make.wordpress.org/core/handbook/coding-standards/
6 |
7 | root = true
8 |
9 | [*]
10 | charset = utf-8
11 | end_of_line = lf
12 | insert_final_newline = true
13 | trim_trailing_whitespace = true
14 | indent_style = tab
15 |
16 | [*.yml]
17 | indent_style = space
18 | indent_size = 2
19 |
20 | [*.md]
21 | trim_trailing_whitespace = false
22 |
23 | [*.txt]
24 | end_of_line = crlf
25 |
--------------------------------------------------------------------------------
/search.css.map:
--------------------------------------------------------------------------------
1 | {
2 | "version": 3,
3 | "file": "search.css",
4 | "sources": [
5 | "assets/scss/search.scss"
6 | ],
7 | "names": [],
8 | "mappings": "AAAA,AAAA,qBAAqB,CAAC;CACrB,UAAU,EAAE,IAAI;CAChB,MAAM,EAAE,IAAI;CACZ,MAAM,EAAE,OAAO;CACf,KAAK,EAAE,OAAO;CACd,OAAO,EAAE,YAAY;CACrB,IAAI,EAAE,OAAO;CACb,OAAO,EAAE,CAAC;CACV,OAAO,EAAE,OAAO;CAChB;;AAED,AAAA,mBAAmB,CAAC;CACnB,OAAO,EAAE,IAAI;CAab;;AAdD,AAGC,mBAHkB,AAGjB,QAAQ,CAAC;CACT,OAAO,EAAE,KAAK;CACd;;AALF,AAOC,mBAPkB,CAOlB,KAAK,CAAA,AAAA,IAAC,CAAK,QAAQ,AAAb,EAAe;CACpB,MAAM,EAAE,OAAO;CACf;;AATF,AAWC,mBAXkB,CAWlB,KAAK,AAAA,MAAM,CAAC;CACX,OAAO,EAAE,IAAI;CACb"
9 | }
--------------------------------------------------------------------------------
/cypress/integration/settings.js:
--------------------------------------------------------------------------------
1 | describe('Settings', () => {
2 |
3 | it('can centre align site', () => {
4 | cy.adjustAlignment('center');
5 | });
6 |
7 | it('can left align site', () => {
8 | cy.adjustAlignment('left');
9 | });
10 |
11 | it('can set site width to 1024px', () => {
12 | cy.setSiteWith(1024);
13 | });
14 |
15 | it('can set site width to 960px', () => {
16 | cy.setSiteWith(960);
17 | });
18 |
19 | it('can set site width to 768px', () => {
20 | cy.setSiteWith(768);
21 | });
22 |
23 | it('can set site width to 580px', () => {
24 | cy.setSiteWith(580);
25 | });
26 |
27 | });
28 |
29 |
--------------------------------------------------------------------------------
/inc/customizer.php:
--------------------------------------------------------------------------------
1 | add_panel(
18 | 'smntcs_retro_theme_options_section',
19 | array(
20 | 'priority' => 50,
21 | 'title' => __( 'Theme Options', 'smntcs-retro' ),
22 | )
23 | );
24 | }
25 | add_action( 'customize_register', 'smntcs_retro_customize_register' );
26 |
--------------------------------------------------------------------------------
/cypress/integration/page.js:
--------------------------------------------------------------------------------
1 | describe('Regular page', () => {
2 |
3 | it('can show author', () => {
4 | cy.showOnPage('author');
5 | });
6 |
7 | it('can hide author', () => {
8 | cy.hideOnPage('author');
9 | });
10 |
11 | it('can show date', () => {
12 | cy.showOnPage('date');
13 | });
14 |
15 | it('can hide date', () => {
16 | cy.hideOnPage('date');
17 | });
18 |
19 | it.skip('can show tags', () => {
20 | cy.showOnPage('tags');
21 | });
22 |
23 | it.skip('can hide tags', () => {
24 | cy.hideOnPage('tags');
25 | });
26 |
27 | it.skip('can show categories', () => {
28 | cy.showOnPage('categories');
29 | });
30 |
31 | it.skip('can hide categories', () => {
32 | cy.hideOnPage('categories');
33 | });
34 |
35 | });
--------------------------------------------------------------------------------
/cypress/integration/archive.js:
--------------------------------------------------------------------------------
1 | describe('Archive page', () => {
2 |
3 | it('can show author', () => {
4 | cy.showOnArchive('author');
5 | });
6 |
7 | it('can hide author', () => {
8 | cy.hideOnArchive('author');
9 | });
10 |
11 | it('can show date', () => {
12 | cy.showOnArchive('date');
13 | });
14 |
15 | it('can hide date', () => {
16 | cy.hideOnArchive('date');
17 | });
18 |
19 | it('can show tags', () => {
20 | cy.showOnArchive('tags');
21 | });
22 |
23 | it('can hide tags', () => {
24 | cy.hideOnArchive('tags');
25 | });
26 |
27 | it('can show categories', () => {
28 | cy.showOnArchive('categories');
29 | });
30 |
31 | it('can hide categories', () => {
32 | cy.hideOnArchive('categories');
33 | });
34 |
35 | });
--------------------------------------------------------------------------------
/cypress/support/index.js:
--------------------------------------------------------------------------------
1 | // ***********************************************************
2 | // This example support/index.js is processed and
3 | // loaded automatically before your test files.
4 | //
5 | // This is a great place to put global configuration and
6 | // behavior that modifies Cypress.
7 | //
8 | // You can change the location of this file or turn off
9 | // automatically serving support files with the
10 | // 'supportFile' configuration option.
11 | //
12 | // You can read more here:
13 | // https://on.cypress.io/configuration
14 | // ***********************************************************
15 |
16 | // Import commands.js using ES2015 syntax:
17 | import './commands'
18 |
19 | describe( 'Admin', () => {
20 |
21 | beforeEach( function () {
22 | cy.login();
23 | });
24 |
25 | });
--------------------------------------------------------------------------------
/cypress/plugins/index.js:
--------------------------------------------------------------------------------
1 | ///
2 | // ***********************************************************
3 | // This example plugins/index.js can be used to load plugins
4 | //
5 | // You can change the location of this file or turn off loading
6 | // the plugins file with the 'pluginsFile' configuration option.
7 | //
8 | // You can read more here:
9 | // https://on.cypress.io/plugins-guide
10 | // ***********************************************************
11 |
12 | const browserify = require('@cypress/browserify-preprocessor')
13 |
14 | module.exports = (on) => {
15 | const options = browserify.defaultOptions
16 | const envPreset = options.browserifyOptions.transform[1][1].presets[0]
17 | options.browserifyOptions.transform[1][1].presets[0] = [envPreset, { ignoreBrowserslistConfig: true }]
18 |
19 | on('file:preprocessor', browserify(options))
20 | }
--------------------------------------------------------------------------------
/cypress/integration/post.js:
--------------------------------------------------------------------------------
1 | describe('Post page', () => {
2 |
3 | it('can show author', () => {
4 | cy.showOnPost('author');
5 | });
6 |
7 | it('can hide author', () => {
8 | cy.hideOnPost('author');
9 | });
10 |
11 | it('can show date', () => {
12 | cy.showOnPost('date');
13 | });
14 |
15 | it('can hide date', () => {
16 | cy.hideOnPost('date');
17 | });
18 |
19 | it('can show tags', () => {
20 | cy.showOnPost('tags');
21 | });
22 |
23 | it('can hide tags', () => {
24 | cy.hideOnPost('tags');
25 | });
26 |
27 | it('can show categories', () => {
28 | cy.showOnPost('categories');
29 | });
30 |
31 | it('can hide categories', () => {
32 | cy.hideOnPost('categories');
33 | });
34 |
35 | it('can show pagination', () => {
36 | cy.adjustPagination('show');
37 | });
38 |
39 | it('can hide pagination', () => {
40 | cy.adjustPagination('hide');
41 | });
42 |
43 | });
--------------------------------------------------------------------------------
/comments.php:
--------------------------------------------------------------------------------
1 | null,
12 | 'max_depth' => '',
13 | 'style' => 'ul',
14 | 'callback' => null,
15 | 'end-callback' => null,
16 | 'type' => 'all',
17 | 'reply_text' => __( 'Reply', 'smntcs-retro' ),
18 | 'page' => '',
19 | 'per_page' => '',
20 | 'avatar_size' => 32,
21 | 'reverse_top_level' => null,
22 | 'reverse_children' => '',
23 | 'format' => 'html5',
24 | 'short_ping' => false,
25 | 'echo' => true,
26 | );
27 |
28 | print( '' );
31 |
32 | paginate_comments_links();
33 |
34 | print( '
' );
35 |
36 | comment_form();
37 |
--------------------------------------------------------------------------------
/inc/theme-colors.php:
--------------------------------------------------------------------------------
1 | version, 'screen' );
35 | }
36 | add_action( 'wp_enqueue_scripts', 'smntcs_color_schemes', 11 );
37 |
--------------------------------------------------------------------------------
/single.php:
--------------------------------------------------------------------------------
1 |
20 |
21 |
22 |
23 |
37 |
38 |
43 |
44 |
45 |
46 |
20 |
21 |
22 |
23 |
24 |
25 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |
35 |
36 |
37 | =5.6"
22 | },
23 | "require-dev": {
24 | "dealerdirect/phpcodesniffer-composer-installer": "^0.7.1",
25 | "squizlabs/php_codesniffer": "^3.5",
26 | "wp-coding-standards/wpcs": "^2.3",
27 | "wptrt/wpthemereview": "^0.2.1",
28 | "php-parallel-lint/php-parallel-lint": "^1.2"
29 | },
30 | "scripts": {
31 | "checkcs": "@php ./vendor/squizlabs/php_codesniffer/bin/phpcs --runtime-set testVersion 7.3-",
32 | "fixcs": "@php ./vendor/squizlabs/php_codesniffer/bin/phpcbf --runtime-set testVersion 7.3-",
33 | "lint": "@php ./vendor/bin/parallel-lint --exclude .git --exclude vendor ."
34 | },
35 | "support": {
36 | "issues": "https://github.com/nielslange/smntcs-retro/issues",
37 | "source": "https://github.com/nielslange/smntcs-retro"
38 | }
39 | }
40 |
--------------------------------------------------------------------------------
/.circleci/config.yml:
--------------------------------------------------------------------------------
1 | version: 2
2 | jobs:
3 | build:
4 | working_directory: /var/www/html
5 | docker:
6 | - image: php:7.4-apache
7 | environment:
8 | APP_ENV: test
9 | steps:
10 | - run:
11 | name: Install system packages
12 | command: apt-get update && apt-get -y install git
13 | - run:
14 | name: Install PHP extensions
15 | command: docker-php-ext-install pdo
16 | - checkout
17 | - run:
18 | name: Install Composer
19 | command: |
20 | php -r "copy('https://getcomposer.org/installer', 'composer-setup.php');"
21 | php -r "if (hash_file('SHA384', 'composer-setup.php') === trim(file_get_contents('https://composer.github.io/installer.sig'))) { echo 'Installer verified'; } else { echo 'Installer invalid'; unlink('composer-setup.php'); } echo PHP_EOL;"
22 | php composer-setup.php
23 | php -r "unlink('composer-setup.php');"
24 | - run:
25 | name: Display PHP information
26 | command: |
27 | php -v
28 | php composer.phar --version
29 | - run:
30 | name: Install project dependencies
31 | command: php composer.phar install
32 | - run:
33 | name: Run CS tests
34 | command: php ./vendor/squizlabs/php_codesniffer/bin/phpcs --runtime-set testVersion 7.3-
35 |
--------------------------------------------------------------------------------
/header.php:
--------------------------------------------------------------------------------
1 |
13 |
14 | >
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 | >
26 |
27 |
28 |
29 |
30 |
31 |
37 |
38 |
63 |
64 |
65 |
--------------------------------------------------------------------------------
/footer.php:
--------------------------------------------------------------------------------
1 |
13 |
14 |
15 |
16 |
64 |
65 |
66 |
67 |
68 |
69 |
70 |
--------------------------------------------------------------------------------
/template-parts/content-page.php:
--------------------------------------------------------------------------------
1 |
15 |
16 | >
17 |
18 |
58 |
59 |
60 |
--------------------------------------------------------------------------------
/template-parts/content-single.php:
--------------------------------------------------------------------------------
1 |
15 |
16 | >
17 |
18 |
61 |
62 |
63 |
--------------------------------------------------------------------------------
/index.php:
--------------------------------------------------------------------------------
1 |
20 |
21 |
22 |
23 |
24 |
25 |
41 |
44 |
45 |
46 |
47 |
48 |
52 |
53 |
54 |
55 |
56 |
57 |
62 |
63 |
64 |
65 |
66 |
67 | {
68 | archive.file( element, { name: element } );
69 | } );
70 |
71 | // append directories
72 | directories.forEach( element => {
73 | archive.directory( element, element );
74 | } );
75 |
76 | // finalize the archive (ie we are done appending files but streams have to finish yet)
77 | // 'close', 'end' or 'finish' may be fired right after calling this method so register to them beforehand
78 | archive.finalize();
79 |
--------------------------------------------------------------------------------
/template-parts/content.php:
--------------------------------------------------------------------------------
1 |
15 |
16 | >
17 |
18 | ID );
70 | } else {
71 | the_excerpt( $post->ID );
72 | }
73 |
74 | // Display the post edit link.
75 | smntcs_retro_post_edit_link();
76 |
77 | ?>
78 |
79 |
80 |
--------------------------------------------------------------------------------
/inc/customizer-page-section.php:
--------------------------------------------------------------------------------
1 | add_section(
19 | 'smntcs_retro_theme_page_section',
20 | array(
21 | 'title' => __( 'Pages', 'smntcs-retro' ),
22 | 'panel' => 'smntcs_retro_theme_options_section',
23 | )
24 | );
25 |
26 | $wp_customize->add_setting(
27 | 'smntcs_retro_page_show_author',
28 | array(
29 | 'default' => true,
30 | 'sanitize_callback' => 'smntcs_retro_sanitize_checkbox',
31 | 'type' => 'theme_mod',
32 | )
33 | );
34 |
35 | $wp_customize->add_control(
36 | 'smntcs_retro_page_show_author',
37 | array(
38 | 'label' => __( 'Show author on pages', 'smntcs-retro' ),
39 | 'section' => 'smntcs_retro_theme_page_section',
40 | 'type' => 'checkbox',
41 | )
42 | );
43 |
44 | $wp_customize->add_setting(
45 | 'smntcs_retro_page_show_date',
46 | array(
47 | 'default' => true,
48 | 'sanitize_callback' => 'smntcs_retro_sanitize_checkbox',
49 | 'type' => 'theme_mod',
50 | )
51 | );
52 |
53 | $wp_customize->add_control(
54 | 'smntcs_retro_page_show_date',
55 | array(
56 | 'label' => __( 'Show date on pages', 'smntcs-retro' ),
57 | 'section' => 'smntcs_retro_theme_page_section',
58 | 'type' => 'checkbox',
59 | )
60 | );
61 |
62 | $wp_customize->add_setting(
63 | 'smntcs_retro_page_show_tags',
64 | array(
65 | 'default' => true,
66 | 'sanitize_callback' => 'smntcs_retro_sanitize_checkbox',
67 | 'type' => 'theme_mod',
68 | )
69 | );
70 |
71 | $wp_customize->add_control(
72 | 'smntcs_retro_page_show_tags',
73 | array(
74 | 'label' => __( 'Show tags on pages', 'smntcs-retro' ),
75 | 'section' => 'smntcs_retro_theme_page_section',
76 | 'type' => 'checkbox',
77 | )
78 | );
79 |
80 | $wp_customize->add_setting(
81 | 'smntcs_retro_page_show_categories',
82 | array(
83 | 'default' => true,
84 | 'sanitize_callback' => 'smntcs_retro_sanitize_checkbox',
85 | 'type' => 'theme_mod',
86 | )
87 | );
88 |
89 | $wp_customize->add_control(
90 | 'smntcs_retro_page_show_categories',
91 | array(
92 | 'label' => __( 'Show categories on pages', 'smntcs-retro' ),
93 | 'section' => 'smntcs_retro_theme_page_section',
94 | 'type' => 'checkbox',
95 | )
96 | );
97 |
98 | }
99 | add_action( 'customize_register', 'smntcs_retro_theme_page_section' );
100 |
--------------------------------------------------------------------------------
/inc/customizer-general-section.php:
--------------------------------------------------------------------------------
1 | add_section(
19 | 'smntcs_retro_theme_general_section',
20 | array(
21 | 'title' => __( 'General', 'smntcs-retro' ),
22 | 'panel' => 'smntcs_retro_theme_options_section',
23 | )
24 | );
25 |
26 | $wp_customize->add_setting(
27 | 'smntcs_retro_centre_site',
28 | array(
29 | 'default' => false,
30 | 'sanitize_callback' => 'smntcs_retro_sanitize_checkbox',
31 | 'type' => 'theme_mod',
32 | )
33 | );
34 |
35 | $wp_customize->add_control(
36 | 'smntcs_retro_centre_site',
37 | array(
38 | 'label' => __( 'Centre site', 'smntcs-retro' ),
39 | 'section' => 'smntcs_retro_theme_general_section',
40 | 'type' => 'checkbox',
41 | )
42 | );
43 |
44 | $wp_customize->add_setting(
45 | 'smntcs_retro_show_search',
46 | array(
47 | 'default' => false,
48 | 'sanitize_callback' => 'smntcs_retro_sanitize_checkbox',
49 | 'type' => 'theme_mod',
50 | )
51 | );
52 |
53 | $wp_customize->add_control(
54 | 'smntcs_retro_show_search',
55 | array(
56 | 'label' => __( 'Show search', 'smntcs-retro' ),
57 | 'section' => 'smntcs_retro_theme_general_section',
58 | 'type' => 'checkbox',
59 | )
60 | );
61 |
62 | $wp_customize->add_setting(
63 | 'smntcs_retro_color_scheme',
64 | array(
65 | 'sanitize_callback' => 'smntcs_retro_sanitize_select',
66 | 'type' => 'theme_mod',
67 | 'default' => 'nordtheme-dark',
68 | )
69 | );
70 |
71 | $wp_customize->add_control(
72 | 'smntcs_retro_color_scheme',
73 | array(
74 | 'label' => __( 'Color scheme', 'smntcs-retro' ),
75 | 'section' => 'smntcs_retro_theme_general_section',
76 | 'type' => 'select',
77 | 'choices' => array(
78 | 'nordtheme-dark' => __( 'Nord (dark)', 'smntcs-retro' ),
79 | 'nordtheme-light' => __( 'Nord (light)', 'smntcs-retro' ),
80 | 'charlestone-dark' => __( 'Charlestone (dark)', 'smntcs-retro' ),
81 | 'charlestone-light' => __( 'Charlestone (light)', 'smntcs-retro' ),
82 | ),
83 | )
84 | );
85 |
86 | $wp_customize->add_setting(
87 | 'smntcs_retro_site_width',
88 | array(
89 | 'default' => 580,
90 | 'sanitize_callback' => 'smntcs_retro_sanitize_radio',
91 | 'type' => 'theme_mod',
92 | )
93 | );
94 |
95 | $wp_customize->add_control(
96 | 'smntcs_retro_site_width',
97 | array(
98 | 'label' => __( 'Site width', 'smntcs-retro' ),
99 | 'section' => 'smntcs_retro_theme_general_section',
100 | 'type' => 'radio',
101 | 'choices' => array(
102 | '580' => __( '580px', 'smntcs-retro' ),
103 | '768' => __( '768px', 'smntcs-retro' ),
104 | '960' => __( '960px', 'smntcs-retro' ),
105 | '1024' => __( '1024px', 'smntcs-retro' ),
106 | ),
107 | )
108 | );
109 |
110 | }
111 | add_action( 'customize_register', 'smntcs_retro_theme_general_section' );
112 |
--------------------------------------------------------------------------------
/inc/customizer-post-section.php:
--------------------------------------------------------------------------------
1 | add_section(
19 | 'smntcs_retro_theme_post_section',
20 | array(
21 | 'title' => __( 'Posts', 'smntcs-retro' ),
22 | 'panel' => 'smntcs_retro_theme_options_section',
23 | )
24 | );
25 |
26 | $wp_customize->add_setting(
27 | 'smntcs_retro_post_show_author',
28 | array(
29 | 'default' => true,
30 | 'sanitize_callback' => 'smntcs_retro_sanitize_checkbox',
31 | 'type' => 'theme_mod',
32 | )
33 | );
34 |
35 | $wp_customize->add_control(
36 | 'smntcs_retro_post_show_author',
37 | array(
38 | 'label' => __( 'Show author on posts', 'smntcs-retro' ),
39 | 'section' => 'smntcs_retro_theme_post_section',
40 | 'type' => 'checkbox',
41 | )
42 | );
43 |
44 | $wp_customize->add_setting(
45 | 'smntcs_retro_post_show_date',
46 | array(
47 | 'default' => true,
48 | 'sanitize_callback' => 'smntcs_retro_sanitize_checkbox',
49 | 'type' => 'theme_mod',
50 | )
51 | );
52 |
53 | $wp_customize->add_control(
54 | 'smntcs_retro_post_show_date',
55 | array(
56 | 'label' => __( 'Show date on posts', 'smntcs-retro' ),
57 | 'section' => 'smntcs_retro_theme_post_section',
58 | 'type' => 'checkbox',
59 | )
60 | );
61 |
62 | $wp_customize->add_setting(
63 | 'smntcs_retro_post_show_tags',
64 | array(
65 | 'default' => true,
66 | 'sanitize_callback' => 'smntcs_retro_sanitize_checkbox',
67 | 'type' => 'theme_mod',
68 | )
69 | );
70 |
71 | $wp_customize->add_control(
72 | 'smntcs_retro_post_show_tags',
73 | array(
74 | 'label' => __( 'Show tags on posts', 'smntcs-retro' ),
75 | 'section' => 'smntcs_retro_theme_post_section',
76 | 'type' => 'checkbox',
77 | )
78 | );
79 |
80 | $wp_customize->add_setting(
81 | 'smntcs_retro_post_show_categories',
82 | array(
83 | 'default' => true,
84 | 'sanitize_callback' => 'smntcs_retro_sanitize_checkbox',
85 | 'type' => 'theme_mod',
86 | )
87 | );
88 |
89 | $wp_customize->add_control(
90 | 'smntcs_retro_post_show_categories',
91 | array(
92 | 'label' => __( 'Show categories on posts', 'smntcs-retro' ),
93 | 'section' => 'smntcs_retro_theme_post_section',
94 | 'type' => 'checkbox',
95 | )
96 | );
97 |
98 | $wp_customize->add_setting(
99 | 'smntcs_retro_show_post_pagination',
100 | array(
101 | 'default' => false,
102 | 'sanitize_callback' => 'smntcs_retro_sanitize_checkbox',
103 | 'type' => 'theme_mod',
104 | )
105 | );
106 |
107 | $wp_customize->add_control(
108 | 'smntcs_retro_show_post_pagination',
109 | array(
110 | 'label' => __( 'Show pagination on post pages', 'smntcs-retro' ),
111 | 'section' => 'smntcs_retro_theme_post_section',
112 | 'type' => 'checkbox',
113 | )
114 | );
115 | }
116 | add_action( 'customize_register', 'smntcs_retro_theme_post_section' );
117 |
--------------------------------------------------------------------------------
/README.txt:
--------------------------------------------------------------------------------
1 | === SMNTCS Retro ===
2 |
3 | Contributors: nielslange
4 | Requires at least: 4.7
5 | Tested up to: WordPress 5.4
6 | Requires PHP: 7.3
7 | Stable tag: 1.13
8 | License: GPLv3 or later
9 | License URI: https://www.gnu.org/licenses/gpl-3.0.en.html
10 |
11 | SMNTCS Retro is a minimalistic theme for the average nerd.
12 |
13 | == Theme Notes ==
14 |
15 | SMNTCS Retro WordPress Theme, Copyright 2020 Niels Lange
16 | SMNTCS Retro is distributed under the terms of the GNU GPL
17 |
18 | == Description ==
19 |
20 | SMNTCS Retro is a minimalistic theme for the average nerd.
21 |
22 | == Limitations ==
23 |
24 | As SMNTCS Retro is a minimalistic theme, the menu is limited to one level. Multi-level menus cannot be accomplished with this theme.
25 |
26 | == Resources ==
27 |
28 | SMNTCS Retro bundles the following third-party resources:
29 |
30 | === CSS: Nord ===
31 | * License: MIT License, https://opensource.org/licenses/MIT
32 | * URL: https://github.com/arcticicestudio/nord
33 |
34 | === CSS: normalize.css ===
35 | * License: MIT License, https://opensource.org/licenses/MIT
36 | * URL: https://github.com/necolas/normalize.css/
37 |
38 | === Font: Hack ===
39 | * License: MIT License, https://opensource.org/licenses/MIT
40 | * URL: https://github.com/source-foundry/Hack/
41 |
42 | == Changelog ==
43 |
44 | === 1.11 (2020.06.09) ===
45 | * [Fix fatal error due to function call when WooCommerce is not active](https://github.com/nielslange/smntcs-retro/issues/100)
46 |
47 | === 1.10 (2020.06.03) ===
48 | * [Add theme option to show full post on archive pages](https://github.com/nielslange/smntcs-retro/issues/92)
49 | * [Add WooCommerce compatibility](https://github.com/nielslange/smntcs-retro/issues/65)
50 | * [Fix broken Woo gallery slider](https://github.com/nielslange/smntcs-retro/issues/94)
51 |
52 | === 1.9 (2020.05.03) ===
53 | * [Add Cypress e2e tests](https://github.com/nielslange/smntcs-retro/issues/87)
54 | * [Add post pagination](https://github.com/nielslange/smntcs-retro/issues/89)
55 | * [Add page width control to customizer](https://github.com/nielslange/smntcs-retro/issues/78)
56 | * Tested up to 5.4
57 |
58 | === 1.8 (2020.04.09) ===
59 | * [Adjust image height](https://github.com/nielslange/smntcs-retro/issues/81)
60 |
61 | === 1.7 (2020.04.08) ===
62 | * [Add page width control to customizer](https://github.com/nielslange/smntcs-retro/issues/78)
63 | * [Fix image with when using classic editor](https://github.com/nielslange/smntcs-retro/issues/77)
64 |
65 | === 1.6 (2020.03.29) ===
66 | * [Add theme option to centre site](https://github.com/nielslange/smntcs-retro/issues/74)
67 |
68 | === 1.5 (2020.03.20) ===
69 | * [Define widget section width](https://github.com/nielslange/smntcs-retro/issues/70)
70 | * [Show full content on single pages](https://github.com/nielslange/smntcs-retro/issues/71)
71 |
72 | === 1.4 (2020.03.20) ===
73 | * [Add second footer widget section](https://github.com/nielslange/smntcs-retro/issues/67)
74 |
75 | === 1.3 (2020.03.15) ===
76 | * [Add 404 page](https://github.com/nielslange/smntcs-retro/issues/63)
77 | * [Add menu level limitation to README.txt](https://github.com/nielslange/smntcs-retro/issues/57)
78 | * [Adjust style handle from retro-style to smntcs-retro-style](https://github.com/nielslange/smntcs-retro/issues/56)
79 |
80 | === 1.2 (2020.03.10) ===
81 | * Adjust copyright information in README.txt
82 | * Adjust keyboard accessibility
83 | * Adjust screenshot measurements
84 | * Adjust textdomain
85 | * Remove LICENSE.txt in benefit of LICENSE
86 | * Remove obsolete JS file
87 |
88 | === 1.1 (2019.12.25) ===
89 | * Replace screenshot
90 | * Update prefixes
91 |
92 | === 1.0 (2019.12.24) ===
93 | * Initial version
94 |
--------------------------------------------------------------------------------
/inc/customizer-archive-section.php:
--------------------------------------------------------------------------------
1 | add_section(
19 | 'smntcs_retro_theme_archive_section',
20 | array(
21 | 'title' => __( 'Archives', 'smntcs-retro' ),
22 | 'panel' => 'smntcs_retro_theme_options_section',
23 | )
24 | );
25 |
26 | $wp_customize->add_setting(
27 | 'smntcs_retro_archive_show_posts_as',
28 | array(
29 | 'sanitize_callback' => 'smntcs_retro_sanitize_select',
30 | 'type' => 'theme_mod',
31 | 'default' => 'excerpt',
32 | )
33 | );
34 |
35 | $wp_customize->add_control(
36 | 'smntcs_retro_archive_show_posts_as',
37 | array(
38 | 'label' => __( 'Show post as', 'smntcs-retro' ),
39 | 'section' => 'smntcs_retro_theme_archive_section',
40 | 'type' => 'select',
41 | 'choices' => array(
42 | 'excerpt' => __( 'Excerpt', 'smntcs-retro' ),
43 | 'full' => __( 'Full post', 'smntcs-retro' ),
44 | ),
45 | )
46 | );
47 |
48 | $wp_customize->add_setting(
49 | 'smntcs_retro_archive_show_author',
50 | array(
51 | 'default' => true,
52 | 'sanitize_callback' => 'smntcs_retro_sanitize_checkbox',
53 | 'type' => 'theme_mod',
54 | )
55 | );
56 |
57 | $wp_customize->add_control(
58 | 'smntcs_retro_archive_show_author',
59 | array(
60 | 'label' => __( 'Show author on archive page', 'smntcs-retro' ),
61 | 'section' => 'smntcs_retro_theme_archive_section',
62 | 'type' => 'checkbox',
63 | )
64 | );
65 |
66 | $wp_customize->add_setting(
67 | 'smntcs_retro_archive_show_date',
68 | array(
69 | 'default' => true,
70 | 'sanitize_callback' => 'smntcs_retro_sanitize_checkbox',
71 | 'type' => 'theme_mod',
72 | )
73 | );
74 |
75 | $wp_customize->add_control(
76 | 'smntcs_retro_archive_show_date',
77 | array(
78 | 'label' => __( 'Show date on archive page', 'smntcs-retro' ),
79 | 'section' => 'smntcs_retro_theme_archive_section',
80 | 'type' => 'checkbox',
81 | )
82 | );
83 |
84 | $wp_customize->add_setting(
85 | 'smntcs_retro_archive_show_tags',
86 | array(
87 | 'default' => true,
88 | 'sanitize_callback' => 'smntcs_retro_sanitize_checkbox',
89 | 'type' => 'theme_mod',
90 | )
91 | );
92 |
93 | $wp_customize->add_control(
94 | 'smntcs_retro_archive_show_tags',
95 | array(
96 | 'label' => __( 'Show tags on archive page', 'smntcs-retro' ),
97 | 'section' => 'smntcs_retro_theme_archive_section',
98 | 'type' => 'checkbox',
99 | )
100 | );
101 |
102 | $wp_customize->add_setting(
103 | 'smntcs_retro_archive_show_categories',
104 | array(
105 | 'default' => true,
106 | 'sanitize_callback' => 'smntcs_retro_sanitize_checkbox',
107 | 'type' => 'theme_mod',
108 | )
109 | );
110 |
111 | $wp_customize->add_control(
112 | 'smntcs_retro_archive_show_categories',
113 | array(
114 | 'label' => __( 'Show categories on archive page', 'smntcs-retro' ),
115 | 'section' => 'smntcs_retro_theme_archive_section',
116 | 'type' => 'checkbox',
117 | )
118 | );
119 |
120 | $wp_customize->add_setting(
121 | 'smntcs_retro_archive_show_more_link',
122 | array(
123 | 'default' => true,
124 | 'sanitize_callback' => 'smntcs_retro_sanitize_checkbox',
125 | 'type' => 'theme_mod',
126 | )
127 | );
128 |
129 | $wp_customize->add_control(
130 | 'smntcs_retro_archive_show_more_link',
131 | array(
132 | 'label' => __( 'Show more link on archive page', 'smntcs-retro' ),
133 | 'section' => 'smntcs_retro_theme_archive_section',
134 | 'type' => 'checkbox',
135 | )
136 | );
137 | }
138 | add_action( 'customize_register', 'smntcs_retro_theme_archive_section' );
139 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | [](https://img.shields.io/circleci/build/github/nielslange/smntcs-retro/trunk)
2 | [](https://github.com/nielslange/smntcs-retro/issues/)
3 | [](https://github.com/nielslange/smntcs-retro/network/members/)
4 | [](https://github.com/nielslange/smntcs-retro/stargazers/)
5 | [](https://github.com/nielslange/smntcs-retro/blob/master/LICENSE)
6 |
7 | **Theme Name:** SMNTCS Retro
8 | **Theme URI:** https://wordpress.org/themes/smntcs-retro/
9 | **Contributors:** Niels Lange
10 | **Requires at least:** WordPress 5.0
11 | **Tested up to:** WordPress 5.7
12 | **Requires PHP:** 7.3
13 | **Version:** 1.13
14 | **License:** GPLv3 or later
15 | **License URI:** https://www.gnu.org/licenses/gpl-3.0.en.html
16 | **Tags:** blog, one-column, custom-menu, featured-images, footer-widgets, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
17 |
18 | ## Description
19 |
20 | SMNTCS Retro is a minimalistic theme for the average nerd.
21 |
22 | ## Installation
23 |
24 | 1. In your admin panel, go to Appearance → Themes and click the `Add New` button.
25 | 2. Type in SMNTCS Retro in the search form and press the `Enter` key on your keyboard.
26 | 3. Click on the `Activate` button to use your new theme right away.
27 | 4. Navigate to Appearance → Customize in your admin panel and customize to taste.
28 |
29 | ## Copyright
30 |
31 | SMNTCS Retro is distributed under the terms of the GNU GPL.
32 |
33 | This program is free software: you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version.
34 |
35 | This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details.
36 |
37 | ## Limitations
38 |
39 | As SMNTCS Retro is a minimalistic theme, the menu is limited to one level. Multi-level menus cannot be accomplished with this theme.
40 |
41 | ## Resources
42 |
43 | SMNTCS Retro bundles the following third-party resources:
44 |
45 | ### CSS: Nord
46 | * License: MIT License, https://opensource.org/licenses/MIT
47 | * URL: https://github.com/arcticicestudio/nord
48 |
49 | ### CSS: normalize.css
50 | * License: MIT License, https://opensource.org/licenses/MIT
51 | * URL: https://github.com/necolas/normalize.css/
52 |
53 | ### Font: Hack
54 | * License: MIT License, https://opensource.org/licenses/MIT
55 | * URL: https://github.com/source-foundry/Hack/
56 |
57 | ## Changelog
58 |
59 | ### 1.11 (2020.06.09)
60 | * [Fix fatal error due to function call when WooCommerce is not active](https://github.com/nielslange/smntcs-retro/issues/100)
61 |
62 | ### 1.10 (2020.06.03)
63 | * [Add theme option to show full post on archive pages](https://github.com/nielslange/smntcs-retro/issues/92)
64 | * [Add WooCommerce compatibility](https://github.com/nielslange/smntcs-retro/issues/65)
65 | * [Fix broken Woo gallery slider](https://github.com/nielslange/smntcs-retro/issues/94)
66 |
67 | ### 1.9 (2020.05.03)
68 | * [Add Cypress e2e tests](https://github.com/nielslange/smntcs-retro/issues/87)
69 | * [Add post pagination](https://github.com/nielslange/smntcs-retro/issues/89)
70 | * [Add page width control to customizer](https://github.com/nielslange/smntcs-retro/issues/78)
71 | * Tested up to 5.4
72 |
73 | ### 1.8 (2020.04.09)
74 | * [Adjust image height](https://github.com/nielslange/smntcs-retro/issues/81)
75 |
76 | ### 1.7 (2020.04.08)
77 | * [Add page width control to customizer](https://github.com/nielslange/smntcs-retro/issues/78)
78 | * [Fix image with when using classic editor](https://github.com/nielslange/smntcs-retro/issues/77)
79 |
80 | ### 1.6 (2020.03.29)
81 | * [Add theme option to centre site](https://github.com/nielslange/smntcs-retro/issues/74)
82 |
83 | ### 1.5 (2020.03.26)
84 | * [Define widget section width](https://github.com/nielslange/smntcs-retro/issues/70)
85 | * [Show full content on single pages](https://github.com/nielslange/smntcs-retro/issues/71)
86 |
87 | ### 1.4 (2020.03.20)
88 | * [Add second footer widget section](https://github.com/nielslange/smntcs-retro/issues/67)
89 |
90 | ### 1.3 (2020.03.15)
91 | * [Add 404 page](https://github.com/nielslange/smntcs-retro/issues/63)
92 | * [Add menu level limitation to README.txt](https://github.com/nielslange/smntcs-retro/issues/57)
93 | * [Adjust style handle from retro-style to smntcs-retro-style](https://github.com/nielslange/smntcs-retro/issues/56)
94 |
95 | ### 1.2 (2020.03.10)
96 | * Remove obsolete JS file
97 | * Remove LICENSE.txt in benefit of LICENSE
98 | * Adjust copyright information in README.txt
99 | * Adjust screenshot measurements
100 | * Adjust textdomain
101 |
102 | ### 1.1 (2019.12.25)
103 | * Replace screenshot
104 | * Update prefixes
105 |
106 | ### 1.0 (2019.12.24)
107 | * Initial release
108 |
--------------------------------------------------------------------------------
/cypress/support/commands.js:
--------------------------------------------------------------------------------
1 | // ***********************************************
2 | // This example commands.js shows you how to
3 | // create various custom commands and overwrite
4 | // existing commands.
5 | //
6 | // For more comprehensive examples of custom
7 | // commands please read more here:
8 | // https://on.cypress.io/custom-commands
9 | // ***********************************************
10 |
11 | Cypress.Commands.add('login', () => {
12 | cy.viewport(1400, 2000);
13 | cy.visit('/wp-admin');
14 | cy.wait(500);
15 | cy.get('#user_login').type('admin');
16 | cy.get('#user_pass').type('password');
17 | cy.get('#wp-submit').click();
18 | });
19 |
20 | Cypress.Commands.add('checkThemeActivation', slug => {
21 | cy.viewport(1200, 2000);
22 | cy.visit('/wp-admin/themes.php');
23 | cy.wait(500);
24 | cy.get('body').then($body => {
25 | if ( $body.find('div[data-slug="' + slug + '"] a.activate').length > 0) {
26 | cy.get('div[data-slug="' + slug + '"] a.activate').click();
27 | }
28 | });
29 | });
30 |
31 | Cypress.Commands.add('adjustAlignment', (alignment) => {
32 | cy.login();
33 | cy.visit('/wp-admin/customize.php');
34 | cy.get('#accordion-section-smntcs_retro_theme_options_section').click();
35 |
36 | if ( alignment == 'center') {
37 | cy.get('#_customize-input-smntcs_retro_centre_site').check();
38 | } else {
39 | cy.get('#_customize-input-smntcs_retro_centre_site').uncheck();
40 | }
41 |
42 | cy.wait(500);
43 | cy.get('#save').click();
44 | cy.visit('/');
45 | cy.reload();
46 |
47 | if ( alignment == 'center') {
48 | cy.get('body').should('not.have.css', 'margin-left', '0px');
49 | } else {
50 | cy.get('body').should('have.css', 'margin-left', '0px');
51 | }
52 | });
53 |
54 | Cypress.Commands.add('setSiteWith', int => {
55 | cy.login();
56 | cy.visit('/wp-admin/customize.php');
57 | cy.get('#accordion-section-smntcs_retro_theme_options_section').click();
58 | cy.get('#_customize-input-smntcs_retro_site_width-radio-' + int).check();
59 | cy.wait(500);
60 | cy.get('#save').click();
61 | cy.visit('/');
62 | cy.reload();
63 | cy.get('body').should('have.css', 'max-width', int + 'px');
64 | });
65 |
66 | Cypress.Commands.add('showOnArchive', field => {
67 | cy.login();
68 | cy.visit('/wp-admin/customize.php');
69 | cy.get('#accordion-section-smntcs_retro_theme_options_section').click();
70 | cy.get('#_customize-input-smntcs_retro_archive_show_' + field).check();
71 | cy.wait(500);
72 | cy.get('#save').click();
73 | cy.visit('/');
74 | cy.reload();
75 | cy.get('.post-' + field);
76 | });
77 |
78 | Cypress.Commands.add('hideOnArchive', field => {
79 | cy.login();
80 | cy.visit('/wp-admin/customize.php');
81 | cy.get('#accordion-section-smntcs_retro_theme_options_section').click();
82 | cy.get('#_customize-input-smntcs_retro_archive_show_' + field).uncheck();
83 | cy.wait(500);
84 | cy.get('#save').click();
85 | cy.visit('/');
86 | cy.reload();
87 | cy.get('.post-' + field).should('not.exist');
88 | });
89 |
90 | Cypress.Commands.add('showOnPost', field => {
91 | cy.login();
92 | cy.visit('/wp-admin/customize.php');
93 | cy.get('#accordion-section-smntcs_retro_theme_options_section').click();
94 | cy.get('#_customize-input-smntcs_retro_post_show_' + field).check();
95 | cy.wait(500);
96 | cy.get('#save').click();
97 | cy.visit('/test-post');
98 | cy.reload();
99 | cy.get('.post-' + field);
100 | });
101 |
102 | Cypress.Commands.add('hideOnPost', field => {
103 | cy.login();
104 | cy.visit('/wp-admin/customize.php');
105 | cy.get('#accordion-section-smntcs_retro_theme_options_section').click();
106 | cy.get('#_customize-input-smntcs_retro_post_show_' + field).uncheck();
107 | cy.wait(500);
108 | cy.get('#save').click();
109 | cy.visit('/test-post');
110 | cy.reload();
111 | cy.get('.post-' + field).should('not.exist');
112 | });
113 |
114 | Cypress.Commands.add('showOnPage', field => {
115 | cy.login();
116 | cy.visit('/wp-admin/customize.php');
117 | cy.get('#accordion-section-smntcs_retro_theme_options_section').click();
118 | cy.get('#_customize-input-smntcs_retro_page_show_' + field).check();
119 | cy.wait(500);
120 | cy.get('#save').click();
121 | cy.visit('/test-page');
122 | cy.reload();
123 | cy.get('.post-' + field);
124 | });
125 |
126 | Cypress.Commands.add('hideOnPage', field => {
127 | cy.login();
128 | cy.visit('/wp-admin/customize.php');
129 | cy.get('#accordion-section-smntcs_retro_theme_options_section').click();
130 | cy.get('#_customize-input-smntcs_retro_page_show_' + field).uncheck();
131 | cy.wait(500);
132 | cy.get('#save').click();
133 | cy.visit('/test-page');
134 | cy.reload();
135 | cy.get('.post-' + field).should('not.exist');
136 | });
137 |
138 | Cypress.Commands.add('adjustPagination', (alignment) => {
139 | cy.login();
140 | cy.visit('/wp-admin/customize.php');
141 | cy.get('#accordion-section-smntcs_retro_theme_options_section').click();
142 |
143 | if ( alignment == 'show') {
144 | cy.get('#_customize-input-smntcs_retro_show_post_pagination').check();
145 | } else {
146 | cy.get('#_customize-input-smntcs_retro_show_post_pagination').uncheck();
147 | }
148 |
149 | cy.wait(500);
150 | cy.get('#save').click();
151 | cy.visit('/test-post');
152 | cy.reload();
153 |
154 | if ( alignment == 'show') {
155 | cy.get('.post-pagination');
156 | } else {
157 | cy.get('.post-pagination').should('not.exist');
158 | }
159 | });
--------------------------------------------------------------------------------
/assets/scss/normalize.css:
--------------------------------------------------------------------------------
1 | /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
2 |
3 | /* Document
4 | ========================================================================== */
5 |
6 | /**
7 | * 1. Correct the line height in all browsers.
8 | * 2. Prevent adjustments of font size after orientation changes in iOS.
9 | */
10 |
11 | html {
12 | line-height: 1.15; /* 1 */
13 | -webkit-text-size-adjust: 100%; /* 2 */
14 | }
15 |
16 | /* Sections
17 | ========================================================================== */
18 |
19 | /**
20 | * Remove the margin in all browsers.
21 | */
22 |
23 | body {
24 | margin: 0;
25 | }
26 |
27 | /**
28 | * Render the `main` element consistently in IE.
29 | */
30 |
31 | main {
32 | display: block;
33 | }
34 |
35 | /**
36 | * Correct the font size and margin on `h1` elements within `section` and
37 | * `article` contexts in Chrome, Firefox, and Safari.
38 | */
39 |
40 | h1 {
41 | font-size: 2em;
42 | margin: 0.67em 0;
43 | }
44 |
45 | /* Grouping content
46 | ========================================================================== */
47 |
48 | /**
49 | * 1. Add the correct box sizing in Firefox.
50 | * 2. Show the overflow in Edge and IE.
51 | */
52 |
53 | hr {
54 | box-sizing: content-box; /* 1 */
55 | height: 0; /* 1 */
56 | overflow: visible; /* 2 */
57 | }
58 |
59 | /**
60 | * 1. Correct the inheritance and scaling of font size in all browsers.
61 | * 2. Correct the odd `em` font sizing in all browsers.
62 | */
63 |
64 | pre {
65 | font-family: monospace; /* 1 */
66 | font-size: 1em; /* 2 */
67 | }
68 |
69 | /* Text-level semantics
70 | ========================================================================== */
71 |
72 | /**
73 | * Remove the gray background on active links in IE 10.
74 | */
75 |
76 | a {
77 | background-color: transparent;
78 | }
79 |
80 | /**
81 | * 1. Remove the bottom border in Chrome 57-
82 | * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
83 | */
84 |
85 | abbr[title] {
86 | border-bottom: none; /* 1 */
87 | text-decoration: underline; /* 2 */
88 | text-decoration: underline dotted; /* 2 */
89 | }
90 |
91 | /**
92 | * Add the correct font weight in Chrome, Edge, and Safari.
93 | */
94 |
95 | b,
96 | strong {
97 | font-weight: bolder;
98 | }
99 |
100 | /**
101 | * 1. Correct the inheritance and scaling of font size in all browsers.
102 | * 2. Correct the odd `em` font sizing in all browsers.
103 | */
104 |
105 | code,
106 | kbd,
107 | samp {
108 | font-family: monospace; /* 1 */
109 | font-size: 1em; /* 2 */
110 | }
111 |
112 | /**
113 | * Add the correct font size in all browsers.
114 | */
115 |
116 | small {
117 | font-size: 80%;
118 | }
119 |
120 | /**
121 | * Prevent `sub` and `sup` elements from affecting the line height in
122 | * all browsers.
123 | */
124 |
125 | sub,
126 | sup {
127 | font-size: 75%;
128 | line-height: 0;
129 | position: relative;
130 | vertical-align: baseline;
131 | }
132 |
133 | sub {
134 | bottom: -0.25em;
135 | }
136 |
137 | sup {
138 | top: -0.5em;
139 | }
140 |
141 | /* Embedded content
142 | ========================================================================== */
143 |
144 | /**
145 | * Remove the border on images inside links in IE 10.
146 | */
147 |
148 | img {
149 | border-style: none;
150 | }
151 |
152 | /* Forms
153 | ========================================================================== */
154 |
155 | /**
156 | * 1. Change the font styles in all browsers.
157 | * 2. Remove the margin in Firefox and Safari.
158 | */
159 |
160 | button,
161 | input,
162 | optgroup,
163 | select,
164 | textarea {
165 | font-family: inherit; /* 1 */
166 | font-size: 100%; /* 1 */
167 | line-height: 1.15; /* 1 */
168 | margin: 0; /* 2 */
169 | }
170 |
171 | /**
172 | * Show the overflow in IE.
173 | * 1. Show the overflow in Edge.
174 | */
175 |
176 | button,
177 | input {
178 |
179 | /* 1 */
180 | overflow: visible;
181 | }
182 |
183 | /**
184 | * Remove the inheritance of text transform in Edge, Firefox, and IE.
185 | * 1. Remove the inheritance of text transform in Firefox.
186 | */
187 |
188 | button,
189 | select {
190 |
191 | /* 1 */
192 | text-transform: none;
193 | }
194 |
195 | /**
196 | * Correct the inability to style clickable types in iOS and Safari.
197 | */
198 |
199 | button,
200 | [type="button"],
201 | [type="reset"],
202 | [type="submit"] {
203 | -webkit-appearance: button;
204 | }
205 |
206 | /**
207 | * Remove the inner border and padding in Firefox.
208 | */
209 |
210 | button::-moz-focus-inner,
211 | [type="button"]::-moz-focus-inner,
212 | [type="reset"]::-moz-focus-inner,
213 | [type="submit"]::-moz-focus-inner {
214 | border-style: none;
215 | padding: 0;
216 | }
217 |
218 | /**
219 | * Restore the focus styles unset by the previous rule.
220 | */
221 |
222 | button:-moz-focusring,
223 | [type="button"]:-moz-focusring,
224 | [type="reset"]:-moz-focusring,
225 | [type="submit"]:-moz-focusring {
226 | outline: 1px dotted ButtonText;
227 | }
228 |
229 | /**
230 | * Correct the padding in Firefox.
231 | */
232 |
233 | fieldset {
234 | padding: 0.35em 0.75em 0.625em;
235 | }
236 |
237 | /**
238 | * 1. Correct the text wrapping in Edge and IE.
239 | * 2. Correct the color inheritance from `fieldset` elements in IE.
240 | * 3. Remove the padding so developers are not caught out when they zero out
241 | * `fieldset` elements in all browsers.
242 | */
243 |
244 | legend {
245 | box-sizing: border-box; /* 1 */
246 | color: inherit; /* 2 */
247 | display: table; /* 1 */
248 | max-width: 100%; /* 1 */
249 | padding: 0; /* 3 */
250 | white-space: normal; /* 1 */
251 | }
252 |
253 | /**
254 | * Add the correct vertical alignment in Chrome, Firefox, and Opera.
255 | */
256 |
257 | progress {
258 | vertical-align: baseline;
259 | }
260 |
261 | /**
262 | * Remove the default vertical scrollbar in IE 10+.
263 | */
264 |
265 | textarea {
266 | overflow: auto;
267 | }
268 |
269 | /**
270 | * 1. Add the correct box sizing in IE 10.
271 | * 2. Remove the padding in IE 10.
272 | */
273 |
274 | [type="checkbox"],
275 | [type="radio"] {
276 | box-sizing: border-box; /* 1 */
277 | padding: 0; /* 2 */
278 | }
279 |
280 | /**
281 | * Correct the cursor style of increment and decrement buttons in Chrome.
282 | */
283 |
284 | [type="number"]::-webkit-inner-spin-button,
285 | [type="number"]::-webkit-outer-spin-button {
286 | height: auto;
287 | }
288 |
289 | /**
290 | * 1. Correct the odd appearance in Chrome and Safari.
291 | * 2. Correct the outline style in Safari.
292 | */
293 |
294 | [type="search"] {
295 | -webkit-appearance: textfield; /* 1 */
296 | outline-offset: -2px; /* 2 */
297 | }
298 |
299 | /**
300 | * Remove the inner padding in Chrome and Safari on macOS.
301 | */
302 |
303 | [type="search"]::-webkit-search-decoration {
304 | -webkit-appearance: none;
305 | }
306 |
307 | /**
308 | * 1. Correct the inability to style clickable types in iOS and Safari.
309 | * 2. Change font properties to `inherit` in Safari.
310 | */
311 |
312 | ::-webkit-file-upload-button {
313 | -webkit-appearance: button; /* 1 */
314 | font: inherit; /* 2 */
315 | }
316 |
317 | /* Interactive
318 | ========================================================================== */
319 |
320 | /*
321 | * Add the correct display in Edge, IE 10+, and Firefox.
322 | */
323 |
324 | details {
325 | display: block;
326 | }
327 |
328 | /*
329 | * Add the correct display in all browsers.
330 | */
331 |
332 | summary {
333 | display: list-item;
334 | }
335 |
336 | /* Misc
337 | ========================================================================== */
338 |
339 | /**
340 | * Add the correct display in IE 10+.
341 | */
342 |
343 | template {
344 | display: none;
345 | }
346 |
347 | /**
348 | * Add the correct display in IE 10.
349 | */
350 |
351 | [hidden] {
352 | display: none;
353 | }
354 |
--------------------------------------------------------------------------------
/inc/template-tags.php:
--------------------------------------------------------------------------------
1 | %s %s';
44 | $html = sprintf( $wrapper, $label, $data );
45 |
46 | echo $html; //phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
47 |
48 | }
49 |
50 | /**
51 | * Display the post categories
52 | *
53 | * @since 1.0.0
54 | */
55 | function smntcs_retro_post_categories() {
56 |
57 | $data = get_the_category();
58 |
59 | if ( empty( $data ) ) {
60 | return;
61 | }
62 |
63 | foreach ( $data as $item ) {
64 | $items[] = sprintf( '%2$s', get_term_link( $item->term_id ), $item->name );
65 | }
66 |
67 | $label = __( 'Categories:', 'smntcs-retro' );
68 | $wrapper = '%s %s
';
69 | $html = sprintf( $wrapper, $label, implode( ', ', $items ) );
70 | $html = apply_filters( 'smntcs_retro_post_categories', $html, $data, $wrapper );
71 |
72 | echo $html; //phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
73 |
74 | }
75 |
76 | /**
77 | * Display the post pagination
78 | *
79 | * @since 1.9.0
80 | */
81 | function smntcs_retro_post_pagination() {
82 |
83 | $previous_link = get_previous_post_link();
84 | $previous_wrapper = sprintf( '', $previous_link );
85 |
86 | $next_link = get_next_post_link();
87 | $next_wrapper = sprintf( '', $next_link );
88 |
89 | $wrapper = '';
90 | $html = sprintf( $wrapper, $previous_wrapper, $next_wrapper );
91 |
92 | echo $html; //phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
93 |
94 | }
95 |
96 | /**
97 | * Display the post content
98 | *
99 | * @since 1.0.0
100 | */
101 | function smntcs_retro_post_content() {
102 |
103 | the_content();
104 |
105 | wp_link_pages();
106 |
107 | }
108 |
109 | /**
110 | * Display the post comments
111 | *
112 | * @since 1.0.0
113 | */
114 | function smntcs_retro_post_comments() {
115 |
116 | if ( smntcs_retro_is_woocommerce_page() ) {
117 | return;
118 | }
119 |
120 | comments_template();
121 |
122 | }
123 |
124 | /**
125 | * Display the post date
126 | *
127 | * @since 1.0.0
128 | */
129 | function smntcs_retro_post_date() {
130 |
131 | $data = get_the_date();
132 | $label = __( 'Date:', 'smntcs-retro' );
133 | $wrapper = '%s %s
';
134 | $html = sprintf( $wrapper, $label, $data );
135 | $html = apply_filters( 'smntcs_retro_post_date', $html, $data, $wrapper );
136 |
137 | echo $html; //phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
138 |
139 | }
140 |
141 | /**
142 | * Display the post edit link
143 | *
144 | * @since 1.0.0
145 | */
146 | function smntcs_retro_post_edit_link() {
147 |
148 | if ( smntcs_retro_is_woocommerce_page() ) {
149 | return;
150 | }
151 |
152 | edit_post_link( null, '', '
' );
153 |
154 | }
155 |
156 | /**
157 | * Filter more excerpt.
158 | *
159 | * @param string $more The original string shown within the more link.
160 | *
161 | * @return string The updated string shown within the more link.
162 | */
163 | function smntcs_retro_excerpt_more( string $more ): string {
164 |
165 | if ( ! is_single() && get_theme_mod( 'smntcs_retro_archive_show_more_link', true ) ) {
166 | $more = sprintf(
167 | ' ... %2$s',
168 | get_permalink( get_the_ID() ),
169 | esc_html__( 'Read More', 'smntcs-retro' )
170 | );
171 | }
172 |
173 | return $more;
174 |
175 | }
176 | add_filter( 'excerpt_more', 'smntcs_retro_excerpt_more' );
177 |
178 | /**
179 | * Display the post tags
180 | *
181 | * @since 1.0.0
182 | */
183 | function smntcs_retro_post_tags() {
184 |
185 | $data = get_the_tags();
186 |
187 | if ( empty( $data ) ) {
188 | return;
189 | }
190 |
191 | foreach ( $data as $item ) {
192 | $items[] = sprintf( '%2$s', get_term_link( $item->term_id ), $item->name );
193 | }
194 |
195 | $label = __( 'Tags:', 'smntcs-retro' );
196 | $wrapper = '%s %s
';
197 | $html = sprintf( $wrapper, $label, implode( ', ', $items ) );
198 | $html = apply_filters( 'smntcs_retro_post_tags', $html, $data, $wrapper );
199 |
200 | echo $html; //phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
201 |
202 | }
203 |
204 | /**
205 | * Display the post date
206 | *
207 | * @since 1.0.0
208 | */
209 | function smntcs_retro_post_title() {
210 |
211 | $data = get_the_title();
212 |
213 | if ( empty( $data ) ) {
214 | return;
215 | }
216 |
217 | if ( is_single() || is_page() ) {
218 | $wrapper = '%s
';
219 | $html = sprintf( $wrapper, esc_html( $data ) );
220 | } else {
221 | $wrapper = '';
222 | $html = sprintf( $wrapper, get_permalink( get_the_ID() ), esc_html( $data ) );
223 | }
224 |
225 | $html = apply_filters( 'smntcs_retro_post_title', $html, $data, $wrapper );
226 |
227 | echo $html; //phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
228 |
229 | }
230 |
231 | /**
232 | * Displays the site description.
233 | *
234 | * @since 1.0.0
235 | */
236 | function smntcs_retro_site_description() {
237 |
238 | $data = get_bloginfo( 'description' );
239 |
240 | if ( empty( $data ) ) {
241 | return;
242 | }
243 |
244 | $wrapper = '%s
';
245 | $html = sprintf( $wrapper, esc_html( $data ) );
246 | $html = apply_filters( 'smntcs_retro_site_description', $html, $data, $wrapper );
247 |
248 | echo $html; //phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
249 |
250 | }
251 |
252 | /**
253 | * Displays the site footer.
254 | *
255 | * @since 1.0.0
256 | */
257 | function smntcs_retro_site_footer() {
258 |
259 | $data[] = gmdate( 'Y' );
260 | $data[] = get_bloginfo();
261 | $data[] = esc_html__( 'All rights reserved', 'smntcs-retro' );
262 | $data[] = sprintf(
263 | '%s',
264 | esc_url( __( 'https://wordpress.org/', 'smntcs-retro' ) ),
265 | esc_html__( 'Powered by WordPress', 'smntcs-retro' )
266 | );
267 |
268 | $wrapper = '';
269 | $html = sprintf( $wrapper, $data[0], $data[1], $data[2], $data[3] );
270 | $html = apply_filters( 'smntcs_retro_site_footer', $html, $data, $wrapper );
271 |
272 | echo $html; //phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
273 |
274 | }
275 |
276 | /**
277 | * Displays the site title.
278 | *
279 | * @since 1.0.0
280 | */
281 | function smntcs_retro_site_title() {
282 |
283 | $data = get_bloginfo();
284 |
285 | if ( empty( $data ) ) {
286 | return;
287 | }
288 |
289 | if ( is_single() ) {
290 | $wrapper = '';
291 | } else {
292 | $wrapper = '';
293 | }
294 |
295 | $html = sprintf( $wrapper, esc_html( $data ) );
296 | $html = apply_filters( 'smntcs_retro_site_title', $html, $data, $wrapper );
297 |
298 | echo $html; //phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
299 |
300 | }
301 |
302 | /**
303 | * Displays the search.
304 | *
305 | * @since 1.12.0
306 | */
307 | function smntcs_retro_search() {
308 |
309 | if ( ! get_theme_mod( 'smntcs_retro_show_search', true ) ) {
310 | return;
311 | }
312 |
313 | $html = '';
314 | $html .= sprintf( '', get_search_form( false ) );
315 |
316 | $html = apply_filters( 'smntcs_retro_search', $html );
317 |
318 | echo $html; //phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
319 | }
320 |
--------------------------------------------------------------------------------
/functions.php:
--------------------------------------------------------------------------------
1 | get( 'Version' ) );
121 | } else {
122 | // If not IE, use the standard stylesheet.
123 | wp_enqueue_style( 'smntcs-retro-style', get_template_directory_uri() . '/style.css', array(), wp_get_theme()->get( 'Version' ) );
124 | }
125 |
126 | wp_enqueue_style( 'smntcs-retro-search-style', get_template_directory_uri() . '/search.css', array(), wp_get_theme()->get( 'Version' ) );
127 |
128 | // RTL styles.
129 | wp_style_add_data( 'smntcs-retro-style', 'rtl', 'replace' );
130 |
131 | }
132 | add_action( 'wp_enqueue_scripts', 'smntcs_retro_register_styles' );
133 |
134 | /**
135 | * Register and enqueue scripts.
136 | *
137 | * @since 1.0.0
138 | */
139 | function smntcs_retro_register_scripts() {
140 |
141 | if ( ( ! is_admin() ) && is_singular() && comments_open() && get_option( 'thread_comments' ) ) {
142 | wp_enqueue_script( 'comment-reply' );
143 | }
144 |
145 | wp_enqueue_script( 'search-script', get_template_directory_uri() . '/assets/js/search.js', array(), '1.0.0', true );
146 |
147 | }
148 | add_action( 'wp_enqueue_scripts', 'smntcs_retro_register_scripts' );
149 |
150 | /**
151 | * Register navigation menu.
152 | *
153 | * @since 1.0.0
154 | */
155 | function smntcs_retro_menus() {
156 |
157 | $locations = array(
158 | 'primary' => __( 'Primary Menu', 'smntcs-retro' ),
159 | 'footer' => __( 'Footer Menu', 'smntcs-retro' ),
160 | );
161 |
162 | register_nav_menus( $locations );
163 | }
164 | add_action( 'init', 'smntcs_retro_menus' );
165 |
166 | /**
167 | * Register footer widget section
168 | *
169 | * @since 1.0.0
170 | */
171 | function smntcs_retro_sidebars() {
172 |
173 | register_sidebar(
174 | array(
175 | 'id' => 'footer-sidebar-left',
176 | 'name' => __( 'Footer Sidebar Left', 'smntcs-retro' ),
177 | 'description' => __( 'Add widgets to the footer sidebar left.', 'smntcs-retro' ),
178 | 'before_widget' => '',
179 | 'after_widget' => '
',
180 | 'before_title' => '',
182 | )
183 | );
184 |
185 | register_sidebar(
186 | array(
187 | 'id' => 'footer-sidebar-right',
188 | 'name' => __( 'Footer Sidebar Right', 'smntcs-retro' ),
189 | 'description' => __( 'Add widgets to the footer sidebar right.', 'smntcs-retro' ),
190 | 'before_widget' => '',
191 | 'after_widget' => '
',
192 | 'before_title' => '',
194 | )
195 | );
196 |
197 | }
198 | add_action( 'widgets_init', 'smntcs_retro_sidebars' );
199 |
200 |
201 | if ( ! function_exists( 'wp_body_open' ) ) {
202 |
203 | /**
204 | * Shim for wp_body_open, ensuring backwards compatibility with versions of WordPress older than 5.2.
205 | *
206 | * @since 1.0.0
207 | */
208 | function wp_body_open() {
209 | do_action( 'wp_body_open' );
210 | }
211 | }
212 |
213 | /**
214 | * Include a skip to content link at the top of the page so that users can bypass the menu.
215 | *
216 | * @since 1.0.0
217 | */
218 | function smntcs_retro_skip_link() {
219 | echo '' . __( 'Skip to the content', 'smntcs-retro' ) . ''; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- core trusts translations
220 | }
221 | add_action( 'wp_body_open', 'smntcs_retro_skip_link', 5 );
222 |
223 | /**
224 | * Sanitize checkbox field.
225 | *
226 | * @since 1.6.0
227 | * @param bool $checked Whether or not a box is checked.
228 | * @return bool True if checkbox is activated, othewise false
229 | */
230 | function smntcs_retro_sanitize_checkbox( $checked ) {
231 | return ( ( isset( $checked ) && true === $checked ) ? true : false );
232 | }
233 |
234 | /**
235 | * Sanitize radio field.
236 | *
237 | * @param mixed $input The input to sanitize.
238 | * @param mixed $setting The settings object.
239 | * @return bool True if select field is valid, othewise false
240 | */
241 | function smntcs_retro_sanitize_radio( $input, $setting ) {
242 |
243 | $input = sanitize_key( $input );
244 | $choices = $setting->manager->get_control( $setting->id )->choices;
245 |
246 | return ( array_key_exists( $input, $choices ) ? $input : $setting->default );
247 | }
248 |
249 | /**
250 | * Sanitize radio field.
251 | *
252 | * @param mixed $input The input to sanitize.
253 | * @param mixed $setting The settings object.
254 | * @return bool True if select field is valid, othewise false
255 | */
256 | function smntcs_retro_sanitize_select( $input, $setting ) {
257 |
258 | $input = sanitize_key( $input );
259 | $choices = $setting->manager->get_control( $setting->id )->choices;
260 |
261 | return ( array_key_exists( $input, $choices ) ? $input : $setting->default );
262 | }
263 |
264 | /**
265 | * Add custom CSS to the site.
266 | *
267 | * @since 1.6.0
268 | * @return void
269 | */
270 | function smntcs_retro_wp_head() {
271 | if ( get_theme_mod( 'smntcs_retro_centre_site' ) ) {
272 | print( '' );
273 | }
274 |
275 | if ( get_theme_mod( 'smntcs_retro_site_width' ) ) {
276 | printf( '', (int) get_theme_mod( 'smntcs_retro_site_width' ) );
277 | }
278 | }
279 | add_action( 'wp_head', 'smntcs_retro_wp_head' );
280 |
281 | /**
282 | * Load Dashicons on frontend.
283 | *
284 | * @since 1.13.0
285 | * @return void
286 | */
287 | function smntcs_retro_wp_enqueue_scripts() {
288 | wp_enqueue_style( 'dashicons' );
289 | }
290 | add_action( 'wp_enqueue_scripts', 'smntcs_retro_wp_enqueue_scripts', 999 );
291 |
--------------------------------------------------------------------------------
/color-schemes/nordtheme-dark.css:
--------------------------------------------------------------------------------
1 | /*
2 | Scheme: Nord (dark)
3 | Source: https://github.com/arcticicestudio/nord
4 | */
5 |
6 | :root {
7 |
8 | --smntcs0: #2e3440;
9 | --smntcs1: #3b4252;
10 | --smntcs2: #434c5e;
11 | --smntcs3: #4c566a;
12 | --smntcs4: #d8dee9;
13 | --smntcs5: #81a1c1;
14 | --smntcs6: #5e81ac;
15 | --smntcs7: #bf616a;
16 | --smntcs8: #a3be8c;
17 |
18 | }
19 |
20 | body {
21 | background: var(--smntcs0);
22 | color: var(--smntcs5);
23 | }
24 |
25 | h1, h2, h3, h4, h5, h6 {
26 | color: var(--smntcs4);
27 | }
28 |
29 | a {
30 | color: var(--smntcs4);
31 | }
32 |
33 | hr {
34 | border-top: 1px solid var(--smntcs3);
35 | }
36 |
37 | .wp-caption {
38 | color: var(--smntcs4);
39 | }
40 |
41 | .wp-caption-text {
42 | color: var(--smntcs4);
43 | }
44 |
45 | .sticky {
46 | background: var(--smntcs1);
47 | border: 1px solid var(--smntcs2);
48 | }
49 |
50 | .screen-reader-text:focus {
51 | background-color: var(--nord6);
52 | box-shadow: 0 0 2px 2px var(--nord6);
53 | }
54 |
55 | .gallery-caption {
56 | color: var(--smntcs4);
57 | }
58 |
59 | .wp-block-image figcaption {
60 | color: var(--smntcs4);
61 | }
62 |
63 | #site-title h1, #site-title h2 {
64 | color: var(--smntcs4);
65 | }
66 |
67 | #site-description h2 {
68 | color: var(--smntcs4);
69 | }
70 |
71 | .search-form input[type="search"] {
72 | background: var(--smntcs0);
73 | border: 1px solid var(--smntcs6);
74 | color: var(--smntcs6);
75 | }
76 |
77 | .search-form input[type="submit"] {
78 | background: var(--smntcs1);
79 | border: 1px solid var(--smntcs6);
80 | color: var(--smntcs5);
81 | }
82 |
83 | .comment-form .comment-form-comment textarea {
84 | background: var(--smntcs0);
85 | border-color: var(--smntcs6);
86 | color: var(--smntcs6);
87 | }
88 |
89 | .comment-form .form-submit input[type="submit"] {
90 | background: var(--smntcs1);
91 | border-color: var(--smntcs6);
92 | color: var(--smntcs5);
93 | }
94 |
95 | #site-footer {
96 | color: var(--smntcs4);
97 | }
98 |
99 | #add_payment_method #payment,
100 | .woocommerce-cart #payment,
101 | .woocommerce-checkout #payment {
102 | background: var(--smntcs0);
103 | border: 1px solid var(--smntcs3);
104 | }
105 |
106 | #add_payment_method #payment div.payment_box,
107 | .woocommerce-cart #payment div.payment_box,
108 | .woocommerce-checkout #payment div.payment_box {
109 | background: var(--smntcs1);
110 | border: 1px solid var(--smntcs3);
111 | color: var(--smntcs4);
112 | }
113 |
114 | #add_payment_method #payment div.payment_box::before,
115 | .woocommerce-cart #payment div.payment_box::before,
116 | .woocommerce-checkout #payment div.payment_box::before {
117 | border: 1em solid var(--smntcs3);
118 | border-right-color: transparent;
119 | border-left-color: transparent;
120 | border-top-color: transparent;
121 | }
122 |
123 | #add_payment_method #payment ul.payment_methods,
124 | .woocommerce-cart #payment ul.payment_methods,
125 | .woocommerce-checkout #payment ul.payment_methods {
126 | border-bottom: 1px solid var(--smntcs3);
127 | }
128 |
129 | .woocommerce div.product .woocommerce-tabs ul.tabs li.active,
130 | .woocommerce div.product .woocommerce-tabs ul.tabs li:focus,
131 | .woocommerce div.product .woocommerce-tabs ul.tabs li:hover {
132 | background: var(--smntcs2);
133 | border-bottom-color: var(--smntcs3);
134 | color: var(--smntcs4);
135 | }
136 |
137 | .woocommerce div.product .woocommerce-tabs ul.tabs li.active::before {
138 | box-shadow: 2px 2px 0 var(--smntcs3);
139 | }
140 |
141 | .woocommerce div.product .woocommerce-tabs ul.tabs li {
142 | border: 1px solid var(--smntcs1);
143 | background-color: var(--smntcs1);
144 | }
145 |
146 | .woocommerce div.product .woocommerce-tabs ul.tabs li::before {
147 | box-shadow: 2px 2px 0 var(--smntcs1);
148 | }
149 |
150 | .woocommerce div.product .woocommerce-tabs ul.tabs li::after {
151 | box-shadow: -2px 2px 0 var(--smntcs1);
152 | }
153 |
154 | .woocommerce div.product .woocommerce-tabs ul.tabs li a,
155 | .woocommerce div.product .woocommerce-tabs ul.tabs li a:focus,
156 | .woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
157 | color: var(--smntcs4);
158 | }
159 |
160 | .woocommerce div.product .woocommerce-tabs ul.tabs::before {
161 | border-bottom: 1px solid var(--smntcs3);
162 | }
163 |
164 | .woocommerce div.product .woocommerce-tabs ul.tabs li.active::after {
165 | box-shadow: -2px 2px 0 var(--smntcs3);
166 | }
167 |
168 | .woocommerce .woocommerce-customer-details address {
169 | border: 1px solid var(--smntcs3);
170 | }
171 |
172 | .woocommerce-error,
173 | .woocommerce-info,
174 | .woocommerce-message {
175 | background: var(--smntcs1);
176 | color: var(--smntcs4);
177 | border-top: 3px solid var(--smntcs7);
178 | }
179 |
180 | .woocommerce-error::before {
181 | color: var(--smntcs4);
182 | }
183 |
184 | .woocommerce-info {
185 | border-top-color: var(--smntcs6);
186 | }
187 |
188 | .woocommerce-info::before {
189 | color: var(--smntcs4);
190 | }
191 |
192 | .woocommerce-message {
193 | border-top-color: var(--smntcs8);
194 | }
195 |
196 | .woocommerce form .form-row.woocommerce-invalid .select2-container,
197 | .woocommerce form .form-row.woocommerce-invalid input.input-text,
198 | .woocommerce form .form-row.woocommerce-invalid select {
199 | border-color: var(--smntcs7);
200 | }
201 |
202 | .woocommerce form .form-row.woocommerce-invalid label {
203 | color: var(--smntcs7);
204 | }
205 |
206 | .woocommerce form .form-row.woocommerce-validated .select2-container,
207 | .woocommerce form .form-row.woocommerce-validated input.input-text,
208 | .woocommerce form .form-row.woocommerce-validated select {
209 | border-color: var(--smntcs3);
210 | }
211 |
212 | .woocommerce .woocommerce-ordering select {
213 | background: var(--smntcs1);
214 | border: 1px solid var(--smntcs3);
215 | color: var(--smntcs4);
216 | }
217 |
218 | .woocommerce form.checkout_coupon,
219 | .woocommerce form.login,
220 | .woocommerce form.register {
221 | border: 1px solid var(--smntcs3);
222 | }
223 |
224 | .woocommerce form .form-row input.input-text,
225 | .woocommerce form .form-row textarea {
226 | background: var(--smntcs3);
227 | border: 1px solid var(--smntcs3);
228 | color: var(--smntcs4);
229 | }
230 |
231 | .woocommerce input[type="text"],
232 | .woocommerce textarea {
233 | background: var(--smntcs3);
234 | border: 1px solid var(--smntcs3);
235 | color: var(--smntcs4);
236 |
237 | }
238 |
239 | .add_gift_card_form #wc_gc_cart_redeem_form button {
240 | background: var(--smntcs2);
241 | border: 1px solid var(--smntcs3);
242 | color: var(--smntcs4);
243 | }
244 |
245 | .select2-container--default .select2-selection--single {
246 | background: var(--smntcs3);
247 | border: 1px solid var(--smntcs3);
248 | color: var(--smntcs4);
249 | }
250 |
251 | .select2-container--default .select2-selection--single .select2-selection__rendered {
252 | background: var(--smntcs3);
253 | color: var(--smntcs4);
254 | }
255 |
256 | .select2-container--default .select2-results__option {
257 | color: var(--smntcs4);
258 | }
259 |
260 | .select2-container--default .select2-results__option[aria-selected="true"],
261 | .select2-container--default .select2-results__option[data-selected="true"] {
262 | background: var(--smntcs1);
263 | }
264 |
265 | .select2-dropdown {
266 | background: var(--smntcs3);
267 | border: 1px solid var(--smntcs3);
268 | scrollbar-color: var(--smntcs3);
269 | }
270 |
271 | .select2-container--default .select2-results > .select2-results__options ::-webkit-scrollbar {
272 | background: var(--smntcs3);
273 | }
274 |
275 | .select2-container--default .select2-search--dropdown .select2-search__field {
276 | background: var(--smntcs3);
277 | border: 1px solid var(--smntcs4);
278 | color: var(--smntcs4);
279 | }
280 |
281 | .woocommerce form .form-row input.input-text::-ms-input-placeholder,
282 | .woocommerce form .form-row textarea::-ms-input-placeholder,
283 | .woocommerce form .form-row input.input-text::placeholder,
284 | .woocommerce form .form-row textarea::placeholder {
285 | color: var(--smntcs5);
286 | }
287 |
288 | .woocommerce form .form-row .required {
289 | color: var(--smntcs4);
290 | }
291 |
292 | .woocommerce ul.products li.product .price {
293 | color: var(--smntcs4);
294 | }
295 |
296 | .woocommerce #respond input#submit,
297 | .woocommerce a.button,
298 | .woocommerce button.button,
299 | .woocommerce input.button {
300 | background: var(--smntcs1);
301 | border: 1px solid var(--smntcs3);
302 | color: var(--smntcs4);
303 | }
304 |
305 | .woocommerce #respond input#submit:hover,
306 | .woocommerce a.button:hover,
307 | .woocommerce button.button:hover,
308 | .woocommerce input.button:hover {
309 | background: var(--smntcs3);
310 | color: var(--smntcs4);
311 | }
312 |
313 | .woocommerce nav.woocommerce-pagination ul {
314 | border: 1px solid var(--smntcs3);
315 | }
316 |
317 | .woocommerce nav.woocommerce-pagination ul li {
318 | border-right: 1px solid var(--smntcs3);
319 | }
320 |
321 | .woocommerce nav.woocommerce-pagination ul li a,
322 | .woocommerce nav.woocommerce-pagination ul li span {
323 | background: var(--smntcs1);
324 | }
325 |
326 | .woocommerce nav.woocommerce-pagination ul li a:focus,
327 | .woocommerce nav.woocommerce-pagination ul li a:hover,
328 | .woocommerce nav.woocommerce-pagination ul li span.current {
329 | background: var(--smntcs3);
330 | color: var(--smntcs4);
331 | }
332 |
333 | .woocommerce a.remove {
334 | color: var(--smntcs4) !important;
335 | }
336 |
337 | .woocommerce a.remove:hover {
338 | color: var(--smntcs4) !important;
339 | background: var(--smntcs7);
340 | }
341 |
342 | .woocommerce #content table.cart td.actions .input-text,
343 | .woocommerce table.cart td.actions .input-text,
344 | .woocommerce-page #content table.cart td.actions .input-text,
345 | .woocommerce-cart table.cart td.actions .coupon .input-text,
346 | .woocommerce-page table.cart td.actions .input-text {
347 | background: var(--smntcs3);
348 | border: 1px solid var(--smntcs3);
349 | color: var(--smntcs4);
350 | }
351 |
352 | .woocommerce-cart table.cart td.actions .coupon .input-text:-ms-input-placeholder {
353 | color: var(--smntcs5);
354 | }
355 |
356 | .woocommerce-cart table.cart td.actions .coupon .input-text::-ms-input-placeholder {
357 | color: var(--smntcs5);
358 | }
359 |
360 | .woocommerce-cart table.cart td.actions .coupon .input-text::placeholder {
361 | color: var(--smntcs5);
362 | }
363 |
364 | .woocommerce-cart .cart-collaterals .cart_totals tr td,
365 | .woocommerce-cart .cart-collaterals .cart_totals tr th {
366 | border-top: 1px solid var(--smntcs3);
367 | }
368 |
369 | .woocommerce table.shop_table {
370 | border: 1px solid var(--smntcs3);
371 | }
372 |
373 | .woocommerce-cart table.cart th {
374 | background: var(--smntcs1);
375 | color: var(--smntcs4);
376 | }
377 |
378 | .woocommerce table.shop_table td {
379 | border-top: 1px solid var(--smntcs3);
380 | }
381 |
382 | .woocommerce table.shop_table tbody th,
383 | .woocommerce table.shop_table tfoot td,
384 | .woocommerce table.shop_table tfoot th {
385 | border-top: 1px solid var(--smntcs3);
386 | }
387 |
388 | .woocommerce #respond input#submit.alt,
389 | .woocommerce a.button.alt,
390 | .woocommerce button.button.alt,
391 | .woocommerce input.button.alt {
392 | background: var(--smntcs1);
393 | border: 1px solid var(--smntcs3);
394 | color: var(--smntcs4);
395 | }
396 |
397 | .woocommerce #respond input#submit.alt:hover,
398 | .woocommerce a.button.alt:hover,
399 | .woocommerce button.button.alt:hover,
400 | .woocommerce input.button.alt:hover {
401 | background: var(--smntcs3);
402 | color: var(--smntcs4);
403 | }
404 |
--------------------------------------------------------------------------------
/color-schemes/nordtheme-light.css:
--------------------------------------------------------------------------------
1 | /*
2 | Scheme: Nord (light)
3 | Source: https://github.com/arcticicestudio/nord
4 | */
5 |
6 | :root {
7 |
8 | --smntcs0: #d8dee9;
9 | --smntcs1: #E5E9F0;
10 | --smntcs2: #ECEFF4;
11 | --smntcs3: #3b4252;
12 | --smntcs4: #2e3440;
13 | --smntcs5: #2e3440;
14 | --smntcs6: #5e81ac;
15 | --smntcs7: #bf616a;
16 | --smntcs8: #a3be8c;
17 |
18 | }
19 |
20 | body {
21 | background: var(--smntcs0);
22 | color: var(--smntcs5);
23 | }
24 |
25 | h1, h2, h3, h4, h5, h6 {
26 | color: var(--smntcs4);
27 | }
28 |
29 | a {
30 | color: var(--smntcs4);
31 | }
32 |
33 | hr {
34 | border-top: 1px solid var(--smntcs3);
35 | }
36 |
37 | .wp-caption {
38 | color: var(--smntcs4);
39 | }
40 |
41 | .wp-caption-text {
42 | color: var(--smntcs4);
43 | }
44 |
45 | .sticky {
46 | background: var(--smntcs1);
47 | border: 1px solid var(--smntcs2);
48 | }
49 |
50 | .screen-reader-text:focus {
51 | background-color: var(--nord6);
52 | box-shadow: 0 0 2px 2px var(--nord6);
53 | }
54 |
55 | .gallery-caption {
56 | color: var(--smntcs4);
57 | }
58 |
59 | .wp-block-image figcaption {
60 | color: var(--smntcs4);
61 | }
62 |
63 | #site-title h1, #site-title h2 {
64 | color: var(--smntcs4);
65 | }
66 |
67 | #site-description h2 {
68 | color: var(--smntcs4);
69 | }
70 |
71 | .search-form input[type="search"] {
72 | background: var(--smntcs0);
73 | border: 1px solid var(--smntcs6);
74 | color: var(--smntcs6);
75 | }
76 |
77 | .search-form input[type="submit"] {
78 | background: var(--smntcs1);
79 | border: 1px solid var(--smntcs6);
80 | color: var(--smntcs5);
81 | }
82 |
83 | .comment-form .comment-form-comment textarea {
84 | background: var(--smntcs0);
85 | border-color: var(--smntcs6);
86 | color: var(--smntcs6);
87 | }
88 |
89 | .comment-form .form-submit input[type="submit"] {
90 | background: var(--smntcs1);
91 | border-color: var(--smntcs6);
92 | color: var(--smntcs5);
93 | }
94 |
95 | #site-footer {
96 | color: var(--smntcs4);
97 | }
98 |
99 | #add_payment_method #payment,
100 | .woocommerce-cart #payment,
101 | .woocommerce-checkout #payment {
102 | background: var(--smntcs0);
103 | border: 1px solid var(--smntcs3);
104 | }
105 |
106 | #add_payment_method #payment div.payment_box,
107 | .woocommerce-cart #payment div.payment_box,
108 | .woocommerce-checkout #payment div.payment_box {
109 | background: var(--smntcs1);
110 | border: 1px solid var(--smntcs3);
111 | color: var(--smntcs4);
112 | }
113 |
114 | #add_payment_method #payment div.payment_box::before,
115 | .woocommerce-cart #payment div.payment_box::before,
116 | .woocommerce-checkout #payment div.payment_box::before {
117 | border: 1em solid var(--smntcs3);
118 | border-right-color: transparent;
119 | border-left-color: transparent;
120 | border-top-color: transparent;
121 | }
122 |
123 | #add_payment_method #payment ul.payment_methods,
124 | .woocommerce-cart #payment ul.payment_methods,
125 | .woocommerce-checkout #payment ul.payment_methods {
126 | border-bottom: 1px solid var(--smntcs3);
127 | }
128 |
129 | .woocommerce div.product .woocommerce-tabs ul.tabs li.active,
130 | .woocommerce div.product .woocommerce-tabs ul.tabs li:focus,
131 | .woocommerce div.product .woocommerce-tabs ul.tabs li:hover {
132 | background: var(--smntcs2);
133 | border-bottom-color: var(--smntcs3);
134 | color: var(--smntcs4);
135 | }
136 |
137 | .woocommerce div.product .woocommerce-tabs ul.tabs li.active::before {
138 | box-shadow: 2px 2px 0 var(--smntcs3);
139 | }
140 |
141 | .woocommerce div.product .woocommerce-tabs ul.tabs li {
142 | border: 1px solid var(--smntcs1);
143 | background-color: var(--smntcs1);
144 | }
145 |
146 | .woocommerce div.product .woocommerce-tabs ul.tabs li::before {
147 | box-shadow: 2px 2px 0 var(--smntcs1);
148 | }
149 |
150 | .woocommerce div.product .woocommerce-tabs ul.tabs li::after {
151 | box-shadow: -2px 2px 0 var(--smntcs1);
152 | }
153 |
154 | .woocommerce div.product .woocommerce-tabs ul.tabs li a,
155 | .woocommerce div.product .woocommerce-tabs ul.tabs li a:focus,
156 | .woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
157 | color: var(--smntcs4);
158 | }
159 |
160 | .woocommerce div.product .woocommerce-tabs ul.tabs::before {
161 | border-bottom: 1px solid var(--smntcs3);
162 | }
163 |
164 | .woocommerce div.product .woocommerce-tabs ul.tabs li.active::after {
165 | box-shadow: -2px 2px 0 var(--smntcs3);
166 | }
167 |
168 | .woocommerce .woocommerce-customer-details address {
169 | border: 1px solid var(--smntcs3);
170 | }
171 |
172 | .woocommerce-error,
173 | .woocommerce-info,
174 | .woocommerce-message {
175 | background: var(--smntcs1);
176 | color: var(--smntcs4);
177 | border-top: 3px solid var(--smntcs7);
178 | }
179 |
180 | .woocommerce-error::before {
181 | color: var(--smntcs4);
182 | }
183 |
184 | .woocommerce-info {
185 | border-top-color: var(--smntcs6);
186 | }
187 |
188 | .woocommerce-info::before {
189 | color: var(--smntcs4);
190 | }
191 |
192 | .woocommerce-message {
193 | border-top-color: var(--smntcs8);
194 | }
195 |
196 | .woocommerce form .form-row.woocommerce-invalid .select2-container,
197 | .woocommerce form .form-row.woocommerce-invalid input.input-text,
198 | .woocommerce form .form-row.woocommerce-invalid select {
199 | border-color: var(--smntcs7);
200 | }
201 |
202 | .woocommerce form .form-row.woocommerce-invalid label {
203 | color: var(--smntcs7);
204 | }
205 |
206 | .woocommerce form .form-row.woocommerce-validated .select2-container,
207 | .woocommerce form .form-row.woocommerce-validated input.input-text,
208 | .woocommerce form .form-row.woocommerce-validated select {
209 | border-color: var(--smntcs3);
210 | }
211 |
212 | .woocommerce .woocommerce-ordering select {
213 | background: var(--smntcs1);
214 | border: 1px solid var(--smntcs3);
215 | color: var(--smntcs4);
216 | }
217 |
218 | .woocommerce form.checkout_coupon,
219 | .woocommerce form.login,
220 | .woocommerce form.register {
221 | border: 1px solid var(--smntcs3);
222 | }
223 |
224 | .woocommerce form .form-row input.input-text,
225 | .woocommerce form .form-row textarea {
226 | background: var(--smntcs3);
227 | border: 1px solid var(--smntcs3);
228 | color: var(--smntcs4);
229 | }
230 |
231 | .woocommerce input[type="text"],
232 | .woocommerce textarea {
233 | background: var(--smntcs3);
234 | border: 1px solid var(--smntcs3);
235 | color: var(--smntcs4);
236 |
237 | }
238 |
239 | .add_gift_card_form #wc_gc_cart_redeem_form button {
240 | background: var(--smntcs2);
241 | border: 1px solid var(--smntcs3);
242 | color: var(--smntcs4);
243 | }
244 |
245 | .select2-container--default .select2-selection--single {
246 | background: var(--smntcs3);
247 | border: 1px solid var(--smntcs3);
248 | color: var(--smntcs4);
249 | }
250 |
251 | .select2-container--default .select2-selection--single .select2-selection__rendered {
252 | background: var(--smntcs3);
253 | color: var(--smntcs4);
254 | }
255 |
256 | .select2-container--default .select2-results__option {
257 | color: var(--smntcs4);
258 | }
259 |
260 | .select2-container--default .select2-results__option[aria-selected="true"],
261 | .select2-container--default .select2-results__option[data-selected="true"] {
262 | background: var(--smntcs1);
263 | }
264 |
265 | .select2-dropdown {
266 | background: var(--smntcs3);
267 | border: 1px solid var(--smntcs3);
268 | scrollbar-color: var(--smntcs3);
269 | }
270 |
271 | .select2-container--default .select2-results > .select2-results__options ::-webkit-scrollbar {
272 | background: var(--smntcs3);
273 | }
274 |
275 | .select2-container--default .select2-search--dropdown .select2-search__field {
276 | background: var(--smntcs3);
277 | border: 1px solid var(--smntcs4);
278 | color: var(--smntcs4);
279 | }
280 |
281 | .woocommerce form .form-row input.input-text::-ms-input-placeholder,
282 | .woocommerce form .form-row textarea::-ms-input-placeholder,
283 | .woocommerce form .form-row input.input-text::placeholder,
284 | .woocommerce form .form-row textarea::placeholder {
285 | color: var(--smntcs5);
286 | }
287 |
288 | .woocommerce form .form-row .required {
289 | color: var(--smntcs4);
290 | }
291 |
292 | .woocommerce ul.products li.product .price {
293 | color: var(--smntcs4);
294 | }
295 |
296 | .woocommerce #respond input#submit,
297 | .woocommerce a.button,
298 | .woocommerce button.button,
299 | .woocommerce input.button {
300 | background: var(--smntcs1);
301 | border: 1px solid var(--smntcs3);
302 | color: var(--smntcs4);
303 | }
304 |
305 | .woocommerce #respond input#submit:hover,
306 | .woocommerce a.button:hover,
307 | .woocommerce button.button:hover,
308 | .woocommerce input.button:hover {
309 | background: var(--smntcs3);
310 | color: var(--smntcs4);
311 | }
312 |
313 | .woocommerce nav.woocommerce-pagination ul {
314 | border: 1px solid var(--smntcs3);
315 | }
316 |
317 | .woocommerce nav.woocommerce-pagination ul li {
318 | border-right: 1px solid var(--smntcs3);
319 | }
320 |
321 | .woocommerce nav.woocommerce-pagination ul li a,
322 | .woocommerce nav.woocommerce-pagination ul li span {
323 | background: var(--smntcs1);
324 | }
325 |
326 | .woocommerce nav.woocommerce-pagination ul li a:focus,
327 | .woocommerce nav.woocommerce-pagination ul li a:hover,
328 | .woocommerce nav.woocommerce-pagination ul li span.current {
329 | background: var(--smntcs3);
330 | color: var(--smntcs4);
331 | }
332 |
333 | .woocommerce a.remove {
334 | color: var(--smntcs4) !important;
335 | }
336 |
337 | .woocommerce a.remove:hover {
338 | color: var(--smntcs4) !important;
339 | background: var(--smntcs7);
340 | }
341 |
342 | .woocommerce #content table.cart td.actions .input-text,
343 | .woocommerce table.cart td.actions .input-text,
344 | .woocommerce-page #content table.cart td.actions .input-text,
345 | .woocommerce-cart table.cart td.actions .coupon .input-text,
346 | .woocommerce-page table.cart td.actions .input-text {
347 | background: var(--smntcs3);
348 | border: 1px solid var(--smntcs3);
349 | color: var(--smntcs4);
350 | }
351 |
352 | .woocommerce-cart table.cart td.actions .coupon .input-text:-ms-input-placeholder {
353 | color: var(--smntcs5);
354 | }
355 |
356 | .woocommerce-cart table.cart td.actions .coupon .input-text::-ms-input-placeholder {
357 | color: var(--smntcs5);
358 | }
359 |
360 | .woocommerce-cart table.cart td.actions .coupon .input-text::placeholder {
361 | color: var(--smntcs5);
362 | }
363 |
364 | .woocommerce-cart .cart-collaterals .cart_totals tr td,
365 | .woocommerce-cart .cart-collaterals .cart_totals tr th {
366 | border-top: 1px solid var(--smntcs3);
367 | }
368 |
369 | .woocommerce table.shop_table {
370 | border: 1px solid var(--smntcs3);
371 | }
372 |
373 | .woocommerce-cart table.cart th {
374 | background: var(--smntcs1);
375 | color: var(--smntcs4);
376 | }
377 |
378 | .woocommerce table.shop_table td {
379 | border-top: 1px solid var(--smntcs3);
380 | }
381 |
382 | .woocommerce table.shop_table tbody th,
383 | .woocommerce table.shop_table tfoot td,
384 | .woocommerce table.shop_table tfoot th {
385 | border-top: 1px solid var(--smntcs3);
386 | }
387 |
388 | .woocommerce #respond input#submit.alt,
389 | .woocommerce a.button.alt,
390 | .woocommerce button.button.alt,
391 | .woocommerce input.button.alt {
392 | background: var(--smntcs1);
393 | border: 1px solid var(--smntcs3);
394 | color: var(--smntcs4);
395 | }
396 |
397 | .woocommerce #respond input#submit.alt:hover,
398 | .woocommerce a.button.alt:hover,
399 | .woocommerce button.button.alt:hover,
400 | .woocommerce input.button.alt:hover {
401 | background: var(--smntcs3);
402 | color: var(--smntcs4);
403 | }
404 |
--------------------------------------------------------------------------------
/color-schemes/charlestone-dark.css:
--------------------------------------------------------------------------------
1 | /*
2 | Scheme: Charlestone (dark)
3 | Source: https://github.com/arcticicestudio/nord
4 | */
5 |
6 | :root {
7 |
8 | --smntcs0: #212529;
9 | --smntcs1: #343a40;
10 | --smntcs2: #495057;
11 | --smntcs3: #dee2e6;
12 | --smntcs4: #e9ecef;
13 | --smntcs5: #f8f9fa;
14 | --smntcs6: #5e81ac;
15 | --smntcs7: #bf616a;
16 | --smntcs8: #a3be8c;
17 |
18 | }
19 |
20 | body {
21 | background: var(--smntcs0);
22 | color: var(--smntcs5);
23 | }
24 |
25 | h1, h2, h3, h4, h5, h6 {
26 | color: var(--smntcs4);
27 | }
28 |
29 | a {
30 | color: var(--smntcs4);
31 | }
32 |
33 | hr {
34 | border-top: 1px solid var(--smntcs3);
35 | }
36 |
37 | .wp-caption {
38 | color: var(--smntcs4);
39 | }
40 |
41 | .wp-caption-text {
42 | color: var(--smntcs4);
43 | }
44 |
45 | .sticky {
46 | background: var(--smntcs1);
47 | border: 1px solid var(--smntcs2);
48 | }
49 |
50 | .screen-reader-text:focus {
51 | background-color: var(--nord6);
52 | box-shadow: 0 0 2px 2px var(--nord6);
53 | }
54 |
55 | .gallery-caption {
56 | color: var(--smntcs4);
57 | }
58 |
59 | .wp-block-image figcaption {
60 | color: var(--smntcs4);
61 | }
62 |
63 | #site-title h1, #site-title h2 {
64 | color: var(--smntcs4);
65 | }
66 |
67 | #site-description h2 {
68 | color: var(--smntcs4);
69 | }
70 |
71 | .search-form input[type="search"] {
72 | background: var(--smntcs0);
73 | border: 1px solid var(--smntcs6);
74 | color: var(--smntcs6);
75 | }
76 |
77 | .search-form input[type="submit"] {
78 | background: var(--smntcs1);
79 | border: 1px solid var(--smntcs6);
80 | color: var(--smntcs5);
81 | }
82 |
83 | .comment-form .comment-form-comment textarea {
84 | background: var(--smntcs0);
85 | border-color: var(--smntcs6);
86 | color: var(--smntcs6);
87 | }
88 |
89 | .comment-form .form-submit input[type="submit"] {
90 | background: var(--smntcs1);
91 | border-color: var(--smntcs6);
92 | color: var(--smntcs5);
93 | }
94 |
95 | #site-footer {
96 | color: var(--smntcs4);
97 | }
98 |
99 | #add_payment_method #payment,
100 | .woocommerce-cart #payment,
101 | .woocommerce-checkout #payment {
102 | background: var(--smntcs0);
103 | border: 1px solid var(--smntcs3);
104 | }
105 |
106 | #add_payment_method #payment div.payment_box,
107 | .woocommerce-cart #payment div.payment_box,
108 | .woocommerce-checkout #payment div.payment_box {
109 | background: var(--smntcs1);
110 | border: 1px solid var(--smntcs3);
111 | color: var(--smntcs4);
112 | }
113 |
114 | #add_payment_method #payment div.payment_box::before,
115 | .woocommerce-cart #payment div.payment_box::before,
116 | .woocommerce-checkout #payment div.payment_box::before {
117 | border: 1em solid var(--smntcs3);
118 | border-right-color: transparent;
119 | border-left-color: transparent;
120 | border-top-color: transparent;
121 | }
122 |
123 | #add_payment_method #payment ul.payment_methods,
124 | .woocommerce-cart #payment ul.payment_methods,
125 | .woocommerce-checkout #payment ul.payment_methods {
126 | border-bottom: 1px solid var(--smntcs3);
127 | }
128 |
129 | .woocommerce div.product .woocommerce-tabs ul.tabs li.active,
130 | .woocommerce div.product .woocommerce-tabs ul.tabs li:focus,
131 | .woocommerce div.product .woocommerce-tabs ul.tabs li:hover {
132 | background: var(--smntcs2);
133 | border-bottom-color: var(--smntcs3);
134 | color: var(--smntcs4);
135 | }
136 |
137 | .woocommerce div.product .woocommerce-tabs ul.tabs li.active::before {
138 | box-shadow: 2px 2px 0 var(--smntcs3);
139 | }
140 |
141 | .woocommerce div.product .woocommerce-tabs ul.tabs li {
142 | border: 1px solid var(--smntcs1);
143 | background-color: var(--smntcs1);
144 | }
145 |
146 | .woocommerce div.product .woocommerce-tabs ul.tabs li::before {
147 | box-shadow: 2px 2px 0 var(--smntcs1);
148 | }
149 |
150 | .woocommerce div.product .woocommerce-tabs ul.tabs li::after {
151 | box-shadow: -2px 2px 0 var(--smntcs1);
152 | }
153 |
154 | .woocommerce div.product .woocommerce-tabs ul.tabs li a,
155 | .woocommerce div.product .woocommerce-tabs ul.tabs li a:focus,
156 | .woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
157 | color: var(--smntcs4);
158 | }
159 |
160 | .woocommerce div.product .woocommerce-tabs ul.tabs::before {
161 | border-bottom: 1px solid var(--smntcs3);
162 | }
163 |
164 | .woocommerce div.product .woocommerce-tabs ul.tabs li.active::after {
165 | box-shadow: -2px 2px 0 var(--smntcs3);
166 | }
167 |
168 | .woocommerce .woocommerce-customer-details address {
169 | border: 1px solid var(--smntcs3);
170 | }
171 |
172 | .woocommerce-error,
173 | .woocommerce-info,
174 | .woocommerce-message {
175 | background: var(--smntcs1);
176 | color: var(--smntcs4);
177 | border-top: 3px solid var(--smntcs7);
178 | }
179 |
180 | .woocommerce-error::before {
181 | color: var(--smntcs4);
182 | }
183 |
184 | .woocommerce-info {
185 | border-top-color: var(--smntcs6);
186 | }
187 |
188 | .woocommerce-info::before {
189 | color: var(--smntcs4);
190 | }
191 |
192 | .woocommerce-message {
193 | border-top-color: var(--smntcs8);
194 | }
195 |
196 | .woocommerce form .form-row.woocommerce-invalid .select2-container,
197 | .woocommerce form .form-row.woocommerce-invalid input.input-text,
198 | .woocommerce form .form-row.woocommerce-invalid select {
199 | border-color: var(--smntcs7);
200 | }
201 |
202 | .woocommerce form .form-row.woocommerce-invalid label {
203 | color: var(--smntcs7);
204 | }
205 |
206 | .woocommerce form .form-row.woocommerce-validated .select2-container,
207 | .woocommerce form .form-row.woocommerce-validated input.input-text,
208 | .woocommerce form .form-row.woocommerce-validated select {
209 | border-color: var(--smntcs3);
210 | }
211 |
212 | .woocommerce .woocommerce-ordering select {
213 | background: var(--smntcs1);
214 | border: 1px solid var(--smntcs3);
215 | color: var(--smntcs4);
216 | }
217 |
218 | .woocommerce form.checkout_coupon,
219 | .woocommerce form.login,
220 | .woocommerce form.register {
221 | border: 1px solid var(--smntcs3);
222 | }
223 |
224 | .woocommerce form .form-row input.input-text,
225 | .woocommerce form .form-row textarea {
226 | background: var(--smntcs3);
227 | border: 1px solid var(--smntcs3);
228 | color: var(--smntcs4);
229 | }
230 |
231 | .woocommerce input[type="text"],
232 | .woocommerce textarea {
233 | background: var(--smntcs3);
234 | border: 1px solid var(--smntcs3);
235 | color: var(--smntcs4);
236 |
237 | }
238 |
239 | .add_gift_card_form #wc_gc_cart_redeem_form button {
240 | background: var(--smntcs2);
241 | border: 1px solid var(--smntcs3);
242 | color: var(--smntcs4);
243 | }
244 |
245 | .select2-container--default .select2-selection--single {
246 | background: var(--smntcs3);
247 | border: 1px solid var(--smntcs3);
248 | color: var(--smntcs4);
249 | }
250 |
251 | .select2-container--default .select2-selection--single .select2-selection__rendered {
252 | background: var(--smntcs3);
253 | color: var(--smntcs4);
254 | }
255 |
256 | .select2-container--default .select2-results__option {
257 | color: var(--smntcs4);
258 | }
259 |
260 | .select2-container--default .select2-results__option[aria-selected="true"],
261 | .select2-container--default .select2-results__option[data-selected="true"] {
262 | background: var(--smntcs1);
263 | }
264 |
265 | .select2-dropdown {
266 | background: var(--smntcs3);
267 | border: 1px solid var(--smntcs3);
268 | scrollbar-color: var(--smntcs3);
269 | }
270 |
271 | .select2-container--default .select2-results > .select2-results__options ::-webkit-scrollbar {
272 | background: var(--smntcs3);
273 | }
274 |
275 | .select2-container--default .select2-search--dropdown .select2-search__field {
276 | background: var(--smntcs3);
277 | border: 1px solid var(--smntcs4);
278 | color: var(--smntcs4);
279 | }
280 |
281 | .woocommerce form .form-row input.input-text::-ms-input-placeholder,
282 | .woocommerce form .form-row textarea::-ms-input-placeholder,
283 | .woocommerce form .form-row input.input-text::placeholder,
284 | .woocommerce form .form-row textarea::placeholder {
285 | color: var(--smntcs5);
286 | }
287 |
288 | .woocommerce form .form-row .required {
289 | color: var(--smntcs4);
290 | }
291 |
292 | .woocommerce ul.products li.product .price {
293 | color: var(--smntcs4);
294 | }
295 |
296 | .woocommerce #respond input#submit,
297 | .woocommerce a.button,
298 | .woocommerce button.button,
299 | .woocommerce input.button {
300 | background: var(--smntcs1);
301 | border: 1px solid var(--smntcs3);
302 | color: var(--smntcs4);
303 | }
304 |
305 | .woocommerce #respond input#submit:hover,
306 | .woocommerce a.button:hover,
307 | .woocommerce button.button:hover,
308 | .woocommerce input.button:hover {
309 | background: var(--smntcs3);
310 | color: var(--smntcs4);
311 | }
312 |
313 | .woocommerce nav.woocommerce-pagination ul {
314 | border: 1px solid var(--smntcs3);
315 | }
316 |
317 | .woocommerce nav.woocommerce-pagination ul li {
318 | border-right: 1px solid var(--smntcs3);
319 | }
320 |
321 | .woocommerce nav.woocommerce-pagination ul li a,
322 | .woocommerce nav.woocommerce-pagination ul li span {
323 | background: var(--smntcs1);
324 | }
325 |
326 | .woocommerce nav.woocommerce-pagination ul li a:focus,
327 | .woocommerce nav.woocommerce-pagination ul li a:hover,
328 | .woocommerce nav.woocommerce-pagination ul li span.current {
329 | background: var(--smntcs3);
330 | color: var(--smntcs4);
331 | }
332 |
333 | .woocommerce a.remove {
334 | color: var(--smntcs4) !important;
335 | }
336 |
337 | .woocommerce a.remove:hover {
338 | color: var(--smntcs4) !important;
339 | background: var(--smntcs7);
340 | }
341 |
342 | .woocommerce #content table.cart td.actions .input-text,
343 | .woocommerce table.cart td.actions .input-text,
344 | .woocommerce-page #content table.cart td.actions .input-text,
345 | .woocommerce-cart table.cart td.actions .coupon .input-text,
346 | .woocommerce-page table.cart td.actions .input-text {
347 | background: var(--smntcs3);
348 | border: 1px solid var(--smntcs3);
349 | color: var(--smntcs4);
350 | }
351 |
352 | .woocommerce-cart table.cart td.actions .coupon .input-text:-ms-input-placeholder {
353 | color: var(--smntcs5);
354 | }
355 |
356 | .woocommerce-cart table.cart td.actions .coupon .input-text::-ms-input-placeholder {
357 | color: var(--smntcs5);
358 | }
359 |
360 | .woocommerce-cart table.cart td.actions .coupon .input-text::placeholder {
361 | color: var(--smntcs5);
362 | }
363 |
364 | .woocommerce-cart .cart-collaterals .cart_totals tr td,
365 | .woocommerce-cart .cart-collaterals .cart_totals tr th {
366 | border-top: 1px solid var(--smntcs3);
367 | }
368 |
369 | .woocommerce table.shop_table {
370 | border: 1px solid var(--smntcs3);
371 | }
372 |
373 | .woocommerce-cart table.cart th {
374 | background: var(--smntcs1);
375 | color: var(--smntcs4);
376 | }
377 |
378 | .woocommerce table.shop_table td {
379 | border-top: 1px solid var(--smntcs3);
380 | }
381 |
382 | .woocommerce table.shop_table tbody th,
383 | .woocommerce table.shop_table tfoot td,
384 | .woocommerce table.shop_table tfoot th {
385 | border-top: 1px solid var(--smntcs3);
386 | }
387 |
388 | .woocommerce #respond input#submit.alt,
389 | .woocommerce a.button.alt,
390 | .woocommerce button.button.alt,
391 | .woocommerce input.button.alt {
392 | background: var(--smntcs1);
393 | border: 1px solid var(--smntcs3);
394 | color: var(--smntcs4);
395 | }
396 |
397 | .woocommerce #respond input#submit.alt:hover,
398 | .woocommerce a.button.alt:hover,
399 | .woocommerce button.button.alt:hover,
400 | .woocommerce input.button.alt:hover {
401 | background: var(--smntcs3);
402 | color: var(--smntcs4);
403 | }
404 |
--------------------------------------------------------------------------------
/color-schemes/charlestone-light.css:
--------------------------------------------------------------------------------
1 | /*
2 | Scheme: Charlestone (light)
3 | Source: https://github.com/arcticicestudio/nord
4 | */
5 |
6 | :root {
7 |
8 | --smntcs0: #f8f9fa;
9 | --smntcs1: #e9ecef;
10 | --smntcs2: #dee2e6;
11 | --smntcs3: #495057;
12 | --smntcs4: #343a40;
13 | --smntcs5: #212529;
14 | --smntcs6: #5e81ac;
15 | --smntcs7: #bf616a;
16 | --smntcs8: #a3be8c;
17 |
18 | }
19 |
20 | body {
21 | background: var(--smntcs0);
22 | color: var(--smntcs5);
23 | }
24 |
25 | h1, h2, h3, h4, h5, h6 {
26 | color: var(--smntcs4);
27 | }
28 |
29 | a {
30 | color: var(--smntcs4);
31 | }
32 |
33 | hr {
34 | border-top: 1px solid var(--smntcs3);
35 | }
36 |
37 | .wp-caption {
38 | color: var(--smntcs4);
39 | }
40 |
41 | .wp-caption-text {
42 | color: var(--smntcs4);
43 | }
44 |
45 | .sticky {
46 | background: var(--smntcs1);
47 | border: 1px solid var(--smntcs2);
48 | }
49 |
50 | .screen-reader-text:focus {
51 | background-color: var(--nord6);
52 | box-shadow: 0 0 2px 2px var(--nord6);
53 | }
54 |
55 | .gallery-caption {
56 | color: var(--smntcs4);
57 | }
58 |
59 | .wp-block-image figcaption {
60 | color: var(--smntcs4);
61 | }
62 |
63 | #site-title h1, #site-title h2 {
64 | color: var(--smntcs4);
65 | }
66 |
67 | #site-description h2 {
68 | color: var(--smntcs4);
69 | }
70 |
71 | .search-form input[type="search"] {
72 | background: var(--smntcs0);
73 | border: 1px solid var(--smntcs6);
74 | color: var(--smntcs6);
75 | }
76 |
77 | .search-form input[type="submit"] {
78 | background: var(--smntcs1);
79 | border: 1px solid var(--smntcs6);
80 | color: var(--smntcs5);
81 | }
82 |
83 | .comment-form .comment-form-comment textarea {
84 | background: var(--smntcs0);
85 | border-color: var(--smntcs6);
86 | color: var(--smntcs6);
87 | }
88 |
89 | .comment-form .form-submit input[type="submit"] {
90 | background: var(--smntcs1);
91 | border-color: var(--smntcs6);
92 | color: var(--smntcs5);
93 | }
94 |
95 | #site-footer {
96 | color: var(--smntcs4);
97 | }
98 |
99 | #add_payment_method #payment,
100 | .woocommerce-cart #payment,
101 | .woocommerce-checkout #payment {
102 | background: var(--smntcs0);
103 | border: 1px solid var(--smntcs3);
104 | }
105 |
106 | #add_payment_method #payment div.payment_box,
107 | .woocommerce-cart #payment div.payment_box,
108 | .woocommerce-checkout #payment div.payment_box {
109 | background: var(--smntcs1);
110 | border: 1px solid var(--smntcs3);
111 | color: var(--smntcs4);
112 | }
113 |
114 | #add_payment_method #payment div.payment_box::before,
115 | .woocommerce-cart #payment div.payment_box::before,
116 | .woocommerce-checkout #payment div.payment_box::before {
117 | border: 1em solid var(--smntcs3);
118 | border-right-color: transparent;
119 | border-left-color: transparent;
120 | border-top-color: transparent;
121 | }
122 |
123 | #add_payment_method #payment ul.payment_methods,
124 | .woocommerce-cart #payment ul.payment_methods,
125 | .woocommerce-checkout #payment ul.payment_methods {
126 | border-bottom: 1px solid var(--smntcs3);
127 | }
128 |
129 | .woocommerce div.product .woocommerce-tabs ul.tabs li.active,
130 | .woocommerce div.product .woocommerce-tabs ul.tabs li:focus,
131 | .woocommerce div.product .woocommerce-tabs ul.tabs li:hover {
132 | background: var(--smntcs2);
133 | border-bottom-color: var(--smntcs3);
134 | color: var(--smntcs4);
135 | }
136 |
137 | .woocommerce div.product .woocommerce-tabs ul.tabs li.active::before {
138 | box-shadow: 2px 2px 0 var(--smntcs3);
139 | }
140 |
141 | .woocommerce div.product .woocommerce-tabs ul.tabs li {
142 | border: 1px solid var(--smntcs1);
143 | background-color: var(--smntcs1);
144 | }
145 |
146 | .woocommerce div.product .woocommerce-tabs ul.tabs li::before {
147 | box-shadow: 2px 2px 0 var(--smntcs1);
148 | }
149 |
150 | .woocommerce div.product .woocommerce-tabs ul.tabs li::after {
151 | box-shadow: -2px 2px 0 var(--smntcs1);
152 | }
153 |
154 | .woocommerce div.product .woocommerce-tabs ul.tabs li a,
155 | .woocommerce div.product .woocommerce-tabs ul.tabs li a:focus,
156 | .woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
157 | color: var(--smntcs4);
158 | }
159 |
160 | .woocommerce div.product .woocommerce-tabs ul.tabs::before {
161 | border-bottom: 1px solid var(--smntcs3);
162 | }
163 |
164 | .woocommerce div.product .woocommerce-tabs ul.tabs li.active::after {
165 | box-shadow: -2px 2px 0 var(--smntcs3);
166 | }
167 |
168 | .woocommerce .woocommerce-customer-details address {
169 | border: 1px solid var(--smntcs3);
170 | }
171 |
172 | .woocommerce-error,
173 | .woocommerce-info,
174 | .woocommerce-message {
175 | background: var(--smntcs1);
176 | color: var(--smntcs4);
177 | border-top: 3px solid var(--smntcs7);
178 | }
179 |
180 | .woocommerce-error::before {
181 | color: var(--smntcs4);
182 | }
183 |
184 | .woocommerce-info {
185 | border-top-color: var(--smntcs6);
186 | }
187 |
188 | .woocommerce-info::before {
189 | color: var(--smntcs4);
190 | }
191 |
192 | .woocommerce-message {
193 | border-top-color: var(--smntcs8);
194 | }
195 |
196 | .woocommerce form .form-row.woocommerce-invalid .select2-container,
197 | .woocommerce form .form-row.woocommerce-invalid input.input-text,
198 | .woocommerce form .form-row.woocommerce-invalid select {
199 | border-color: var(--smntcs7);
200 | }
201 |
202 | .woocommerce form .form-row.woocommerce-invalid label {
203 | color: var(--smntcs7);
204 | }
205 |
206 | .woocommerce form .form-row.woocommerce-validated .select2-container,
207 | .woocommerce form .form-row.woocommerce-validated input.input-text,
208 | .woocommerce form .form-row.woocommerce-validated select {
209 | border-color: var(--smntcs3);
210 | }
211 |
212 | .woocommerce .woocommerce-ordering select {
213 | background: var(--smntcs1);
214 | border: 1px solid var(--smntcs3);
215 | color: var(--smntcs4);
216 | }
217 |
218 | .woocommerce form.checkout_coupon,
219 | .woocommerce form.login,
220 | .woocommerce form.register {
221 | border: 1px solid var(--smntcs3);
222 | }
223 |
224 | .woocommerce form .form-row input.input-text,
225 | .woocommerce form .form-row textarea {
226 | background: var(--smntcs3);
227 | border: 1px solid var(--smntcs3);
228 | color: var(--smntcs4);
229 | }
230 |
231 | .woocommerce input[type="text"],
232 | .woocommerce textarea {
233 | background: var(--smntcs3);
234 | border: 1px solid var(--smntcs3);
235 | color: var(--smntcs4);
236 |
237 | }
238 |
239 | .add_gift_card_form #wc_gc_cart_redeem_form button {
240 | background: var(--smntcs2);
241 | border: 1px solid var(--smntcs3);
242 | color: var(--smntcs4);
243 | }
244 |
245 | .select2-container--default .select2-selection--single {
246 | background: var(--smntcs3);
247 | border: 1px solid var(--smntcs3);
248 | color: var(--smntcs4);
249 | }
250 |
251 | .select2-container--default .select2-selection--single .select2-selection__rendered {
252 | background: var(--smntcs3);
253 | color: var(--smntcs4);
254 | }
255 |
256 | .select2-container--default .select2-results__option {
257 | color: var(--smntcs4);
258 | }
259 |
260 | .select2-container--default .select2-results__option[aria-selected="true"],
261 | .select2-container--default .select2-results__option[data-selected="true"] {
262 | background: var(--smntcs1);
263 | }
264 |
265 | .select2-dropdown {
266 | background: var(--smntcs3);
267 | border: 1px solid var(--smntcs3);
268 | scrollbar-color: var(--smntcs3);
269 | }
270 |
271 | .select2-container--default .select2-results > .select2-results__options ::-webkit-scrollbar {
272 | background: var(--smntcs3);
273 | }
274 |
275 | .select2-container--default .select2-search--dropdown .select2-search__field {
276 | background: var(--smntcs3);
277 | border: 1px solid var(--smntcs4);
278 | color: var(--smntcs4);
279 | }
280 |
281 | .woocommerce form .form-row input.input-text::-ms-input-placeholder,
282 | .woocommerce form .form-row textarea::-ms-input-placeholder,
283 | .woocommerce form .form-row input.input-text::placeholder,
284 | .woocommerce form .form-row textarea::placeholder {
285 | color: var(--smntcs5);
286 | }
287 |
288 | .woocommerce form .form-row .required {
289 | color: var(--smntcs4);
290 | }
291 |
292 | .woocommerce ul.products li.product .price {
293 | color: var(--smntcs4);
294 | }
295 |
296 | .woocommerce #respond input#submit,
297 | .woocommerce a.button,
298 | .woocommerce button.button,
299 | .woocommerce input.button {
300 | background: var(--smntcs1);
301 | border: 1px solid var(--smntcs3);
302 | color: var(--smntcs4);
303 | }
304 |
305 | .woocommerce #respond input#submit:hover,
306 | .woocommerce a.button:hover,
307 | .woocommerce button.button:hover,
308 | .woocommerce input.button:hover {
309 | background: var(--smntcs3);
310 | color: var(--smntcs4);
311 | }
312 |
313 | .woocommerce nav.woocommerce-pagination ul {
314 | border: 1px solid var(--smntcs3);
315 | }
316 |
317 | .woocommerce nav.woocommerce-pagination ul li {
318 | border-right: 1px solid var(--smntcs3);
319 | }
320 |
321 | .woocommerce nav.woocommerce-pagination ul li a,
322 | .woocommerce nav.woocommerce-pagination ul li span {
323 | background: var(--smntcs1);
324 | }
325 |
326 | .woocommerce nav.woocommerce-pagination ul li a:focus,
327 | .woocommerce nav.woocommerce-pagination ul li a:hover,
328 | .woocommerce nav.woocommerce-pagination ul li span.current {
329 | background: var(--smntcs3);
330 | color: var(--smntcs4);
331 | }
332 |
333 | .woocommerce a.remove {
334 | color: var(--smntcs4) !important;
335 | }
336 |
337 | .woocommerce a.remove:hover {
338 | color: var(--smntcs4) !important;
339 | background: var(--smntcs7);
340 | }
341 |
342 | .woocommerce #content table.cart td.actions .input-text,
343 | .woocommerce table.cart td.actions .input-text,
344 | .woocommerce-page #content table.cart td.actions .input-text,
345 | .woocommerce-cart table.cart td.actions .coupon .input-text,
346 | .woocommerce-page table.cart td.actions .input-text {
347 | background: var(--smntcs3);
348 | border: 1px solid var(--smntcs3);
349 | color: var(--smntcs4);
350 | }
351 |
352 | .woocommerce-cart table.cart td.actions .coupon .input-text:-ms-input-placeholder {
353 | color: var(--smntcs5);
354 | }
355 |
356 | .woocommerce-cart table.cart td.actions .coupon .input-text::-ms-input-placeholder {
357 | color: var(--smntcs5);
358 | }
359 |
360 | .woocommerce-cart table.cart td.actions .coupon .input-text::placeholder {
361 | color: var(--smntcs5);
362 | }
363 |
364 | .woocommerce-cart .cart-collaterals .cart_totals tr td,
365 | .woocommerce-cart .cart-collaterals .cart_totals tr th {
366 | border-top: 1px solid var(--smntcs3);
367 | }
368 |
369 | .woocommerce table.shop_table {
370 | border: 1px solid var(--smntcs3);
371 | }
372 |
373 | .woocommerce-cart table.cart th {
374 | background: var(--smntcs1);
375 | color: var(--smntcs4);
376 | }
377 |
378 | .woocommerce table.shop_table td {
379 | border-top: 1px solid var(--smntcs3);
380 | }
381 |
382 | .woocommerce table.shop_table tbody th,
383 | .woocommerce table.shop_table tfoot td,
384 | .woocommerce table.shop_table tfoot th {
385 | border-top: 1px solid var(--smntcs3);
386 | }
387 |
388 | .woocommerce #respond input#submit.alt,
389 | .woocommerce a.button.alt,
390 | .woocommerce button.button.alt,
391 | .woocommerce input.button.alt {
392 | background: var(--smntcs1);
393 | border: 1px solid var(--smntcs3);
394 | color: var(--smntcs4);
395 | }
396 |
397 | .woocommerce #respond input#submit.alt:hover,
398 | .woocommerce a.button.alt:hover,
399 | .woocommerce button.button.alt:hover,
400 | .woocommerce input.button.alt:hover {
401 | background: var(--smntcs3);
402 | color: var(--smntcs4);
403 | }
404 |
--------------------------------------------------------------------------------
/style.css.map:
--------------------------------------------------------------------------------
1 | {
2 | "version": 3,
3 | "file": "style.css",
4 | "sources": [
5 | "assets/scss/style.scss"
6 | ],
7 | "names": [],
8 | "mappings": "AAAA;;;;;;;;;;;;;EAaE;AAEF;;;;;;;;;;;;;;;gFAegF;AAEhF;;gFAEgF;AAEhF,OAAO,CAAP,kBAAO;AAEP;;gFAEgF;AAEhF,AAAA,KAAK,CAAC;CAEL,iBAAiB;CACjB,OAAO,CAAA,QAAC;CACR,OAAO,CAAA,QAAC;CACR,OAAO,CAAA,QAAC;CACR,OAAO,CAAA,QAAC;CAER,gBAAgB;CAChB,OAAO,CAAA,QAAC;CACR,OAAO,CAAA,QAAC;CACR,OAAO,CAAA,QAAC;CAER,WAAW;CACX,OAAO,CAAA,QAAC;CACR,OAAO,CAAA,QAAC;CACR,OAAO,CAAA,QAAC;CACR,QAAQ,CAAA,QAAC;CAET,YAAY;CACZ,QAAQ,CAAA,QAAC;CACT,QAAQ,CAAA,QAAC;CACT,QAAQ,CAAA,QAAC;CACT,QAAQ,CAAA,QAAC;CACT,QAAQ,CAAA,QAAC;CACT;;AAED,UAAU;CACT,WAAW,EAAE,IAAI;CACjB,GAAG,EAAE,oDAAoD,CAAC,eAAe,EAAE,mDAAmD,CAAC,cAAc;CAC7I,WAAW,EAAE,GAAG;CAChB,UAAU,EAAE,MAAM;;;AAGnB,UAAU;CACT,WAAW,EAAE,IAAI;CACjB,GAAG,EAAE,iDAAiD,CAAC,eAAe,EAAE,gDAAgD,CAAC,cAAc;CACvI,WAAW,EAAE,GAAG;CAChB,UAAU,EAAE,MAAM;;;AAGnB,UAAU;CACT,WAAW,EAAE,IAAI;CACjB,GAAG,EAAE,mDAAmD,CAAC,eAAe,EAAE,kDAAkD,CAAC,cAAc;CAC3I,WAAW,EAAE,GAAG;CAChB,UAAU,EAAE,MAAM;;;AAGnB,UAAU;CACT,WAAW,EAAE,IAAI;CACjB,GAAG,EAAE,uDAAuD,CAAC,eAAe,EAAE,sDAAsD,CAAC,cAAc;CACnJ,WAAW,EAAE,GAAG;CAChB,UAAU,EAAE,MAAM;;;AAGnB,AAAA,IAAI,CAAC;CACJ,SAAS,EAAE,KAAK;CAEhB,iBAAiB;CACjB;;AAED,AAAA,IAAI,CAAC;CACJ,UAAU,EAAE,YAAY;CACxB,UAAU,EAAE,WAAW;CACvB,KAAK,EAAE,YAAY;CACnB,WAAW,EAAE,eAAe;CAC5B,SAAS,EAAE,MAAM;CACjB,WAAW,EAAE,GAAG;CAChB,UAAU,EAAE,IAAI;CAChB,UAAU,EAAE,OAAO;CACnB,OAAO,EAAE,SAAS;CAClB,SAAS,EAAE,KAAK;CAChB,eAAe,EAAE,IAAI;CACrB,WAAW,EAAE,IAAI;CACjB,OAAO,EAAE,IAAI;CACb;;AAED,AAAA,CAAC;AACD,CAAC,AAAA,QAAQ;AACT,CAAC,AAAA,OAAO,CAAC;CACR,UAAU,EAAE,OAAO;CACnB,sBAAsB,EAAE,WAAW;CACnC,UAAU,EAAE,UAAU;CACtB,SAAS,EAAE,UAAU;CACrB;;AAED,AAAA,EAAE;AACF,EAAE;AACF,EAAE;AACF,EAAE;AACF,EAAE;AACF,EAAE,CAAC;CACF,KAAK,EAAE,YAAY;CACnB,WAAW,EAAE,GAAG;CAChB,SAAS,EAAE,MAAM;CACjB,WAAW,EAAE,MAAM;CACnB,oBAAoB,EAAE,IAAI;CAC1B,gBAAgB,EAAE,IAAI;CACtB,qBAAqB,EAAE,IAAI;CAC3B,kBAAkB,EAAE,IAAI;CACxB;;AAED,AAAA,CAAC,CAAC;CACD,KAAK,EAAE,YAAY;CACnB,eAAe,EAAE,IAAI;CACrB,aAAa,EAAE,UAAU;CACzB;;AAED,AAAA,CAAC,AAAA,MAAM;AACP,CAAC,AAAA,MAAM,CAAC;CACP,aAAa,EAAE,SAAS;CACxB;;AAED,AAAA,EAAE,CAAC;CACF,MAAM,EAAE,MAAM;CACd,KAAK,EAAE,IAAI;CACX,KAAK,EAAE,WAAW;CAClB,YAAY,EAAE,WAAW;CACzB,gBAAgB,EAAE,WAAW;CAC7B,UAAU,EAAE,GAAG,CAAC,KAAK,CAAC,YAAY;CAClC;;AAED;;gFAEgF;AAEhF,AAAA,WAAW,CAAC;CACX,KAAK,EAAE,YAAY;CACnB;;AAED,AAAA,gBAAgB,CAAC;CAChB,KAAK,EAAE,YAAY;CACnB;;AAED,AAAA,OAAO,CAAC;CACP,UAAU,EAAE,YAAY;CACxB,MAAM,EAAE,GAAG,CAAC,KAAK,CAAC,YAAY;CAC9B,OAAO,EAAE,GAAG;CACZ,MAAM,EAAE,MAAM;CACd;;AAED,AAAA,mBAAmB,CAAC;CACnB,MAAM,EAAE,CAAC;CACT,IAAI,EAAE,wBAAwB;CAC9B,iBAAiB,EAAE,UAAU;CAC7B,SAAS,EAAE,UAAU;CACrB,MAAM,EAAE,GAAG;CACX,MAAM,EAAE,IAAI;CACZ,QAAQ,EAAE,MAAM;CAChB,OAAO,EAAE,CAAC;CACV,QAAQ,EAAE,mBAAmB;CAC7B,KAAK,EAAE,GAAG;CACV,SAAS,EAAE,iBAAiB;CAC5B,UAAU,EAAE,MAAM;CAClB;;AAED,AAAA,mBAAmB,AAAA,MAAM,CAAC;CACzB,gBAAgB,EAAE,OAAO;CACzB,aAAa,EAAE,GAAG;CAClB,UAAU,EAAE,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,kBAAkB;CAC1C,IAAI,EAAE,eAAe;CACrB,iBAAiB,EAAE,IAAI;CACvB,SAAS,EAAE,IAAI;CACf,KAAK,EAAE,OAAO;CACd,OAAO,EAAE,KAAK;CACd,SAAS,EAAE,IAAI;CACf,SAAS,EAAE,QAAQ;CACnB,WAAW,EAAE,GAAG;CAChB,MAAM,EAAE,IAAI;CACZ,KAAK,EAAE,GAAG;CACV,WAAW,EAAE,MAAM;CACnB,OAAO,EAAE,cAAc;CACvB,eAAe,EAAE,IAAI;CACrB,GAAG,EAAE,GAAG;CACR,KAAK,EAAE,IAAI;CACX,OAAO,EAAE,MAAM;CACf;;AAED,AAAA,gBAAgB,CAAC;CAChB,KAAK,EAAE,YAAY;CACnB;;AAED,AAAA,aAAa,CAAC;CACb,OAAO,EAAE,KAAK;CACd;;AAED,AAAA,WAAW,CAAC;CACX,KAAK,EAAE,KAAK;CACZ,WAAW,EAAE,GAAG;CAChB;;AAED,AAAA,UAAU,CAAC;CACV,KAAK,EAAE,IAAI;CACX,YAAY,EAAE,GAAG;CACjB;;AAED,AAAA,YAAY,CAAC;CACZ,YAAY,EAAE,IAAI;CAClB,WAAW,EAAE,IAAI;CACjB,OAAO,EAAE,KAAK;CACd,KAAK,EAAE,IAAI;CACX;;AAED;;gFAEgF;AAEhF,AAAA,eAAe,CAAC,UAAU,CAAC;CAC1B,KAAK,EAAE,YAAY;CACnB;;AAED,AAAA,MAAM,CAAC;CACN,qBAAqB,EAAE,CAAC;CACxB,kBAAkB,EAAE,CAAC;CACrB,oBAAoB,EAAE,CAAC;CACvB,gBAAgB,EAAE,CAAC;CACnB,oBAAoB,EAAE,CAAC;CACvB,mBAAmB,EAAE,CAAC;CACtB,kBAAkB,EAAE,CAAC;CACrB,iBAAiB,EAAE,CAAC;CACpB;;AAED;;gFAEgF;AAEhF,AAAA,WAAW,CAAC,EAAE;AACd,WAAW,CAAC,EAAE,CAAC;CACd,KAAK,EAAE,YAAY;CACnB,aAAa,EAAE,KAAK;CACpB;;AAED,AAAA,iBAAiB,CAAC,EAAE,CAAC;CACpB,KAAK,EAAE,YAAY;CACnB,MAAM,EAAE,UAAU;CAClB;;AAED;;gFAEgF;AAEhF,AAAA,KAAK,CAAC;CACL,MAAM,EAAE,KAAK;CACb,OAAO,EAAE,CAAC;CACV,eAAe,EAAE,IAAI;CACrB,gBAAgB,EAAE,IAAI;CAEtB;;AAED,AAAA,KAAK,CAAC,EAAE,CAAC;CACR,OAAO,EAAE,MAAM;CACf,YAAY,EAAE,MAAM;CACpB;;AAED,AAAA,KAAK,CAAC,EAAE,AAAA,aAAa,AAAA,OAAO,CAAC;CAC5B,OAAO,EAAE,IAAI;CACb;;AAED,AAAA,OAAO,CAAC,CAAC,AAAA,cAAc,CAAC;CACvB,UAAU,EAAE,MAAM;CAClB;;AAED,AAAA,YAAY,CAAC;CACZ,OAAO,EAAE,YAAY;CACrB,UAAU,EAAE,MAAM;CAClB,KAAK,EAAE,iBAAiB;CACxB;;AAED;;gFAEgF;AAEhF;;gFAEgF;AAEhF,iDAAiD;AACjD,AAAA,mBAAmB,CAAC,OAAO,CAAC;CAC3B,MAAM,EAAE,SAAS;CACjB;;AAED,AAAA,mBAAmB,CAAC,OAAO,CAAC,GAAG,AAAA,IAAK,CAAA,QAAQ;AAC5C,mBAAmB,CAAC,OAAO,CAAC,MAAM,CAAC;CAClC,SAAS,EAAE,IAAI;CACf,MAAM,EAAE,IAAI;CACZ;;AAED,iDAAiD;AACjD,AAAA,YAAY,CAAC,KAAK,CAAA,AAAA,IAAC,CAAK,QAAQ,AAAb,EAAe;CACjC,UAAU,EAAE,YAAY;CACxB,MAAM,EAAE,GAAG,CAAC,KAAK,CAAC,aAAa;CAC/B,UAAU,EAAE,UAAU;CACtB,KAAK,EAAE,aAAa;CACpB,OAAO,EAAE,SAAS;CAClB,KAAK,EAAE,GAAG;CACV;;AAED,AAAA,YAAY,CAAC,KAAK,CAAA,AAAA,IAAC,CAAK,QAAQ,AAAb,EAAe;CACjC,UAAU,EAAE,YAAY;CACxB,MAAM,EAAE,GAAG,CAAC,KAAK,CAAC,aAAa;CAC/B,UAAU,EAAE,UAAU;CACtB,KAAK,EAAE,YAAY;CACnB,OAAO,EAAE,SAAS;CAClB,KAAK,EAAE,GAAG;CACV;;AAED,iDAAiD;AACjD,AAAA,aAAa,CAAC,KAAK,CAAC;CACnB,OAAO,EAAE,KAAK;CACd,aAAa,EAAE,GAAG;CAClB;;AAED,AAAA,aAAa,CAAC,qBAAqB,CAAC;CACnC,UAAU,EAAE,GAAG;CACf;;AAED,AAAA,aAAa,CAAC,qBAAqB,CAAC,QAAQ,CAAC;CAC5C,UAAU,EAAE,YAAY;CACxB,YAAY,EAAE,aAAa;CAC3B,UAAU,EAAE,UAAU;CACtB,KAAK,EAAE,aAAa;CACpB,OAAO,EAAE,SAAS;CAClB,KAAK,EAAE,IAAI;CACX;;AAED,AAAA,aAAa,CAAC,YAAY,CAAC;CAC1B,aAAa,EAAE,KAAK;CACpB;;AAED,AAAA,aAAa,CAAC,YAAY,CAAC,KAAK,CAAA,AAAA,IAAC,CAAK,QAAQ,AAAb,EAAe;CAC/C,UAAU,EAAE,YAAY;CACxB,YAAY,EAAE,aAAa;CAC3B,UAAU,EAAE,UAAU;CACtB,KAAK,EAAE,YAAY;CACnB,OAAO,EAAE,SAAS;CAClB,KAAK,EAAE,IAAI;CACX;;AAED,iDAAiD;AAEjD,AAAA,gBAAgB;AAChB,wBAAwB,CAAC;CACxB,KAAK,EAAE,IAAI;CACX,OAAO,EAAE,KAAK;CACd;;AAED,AAAA,gBAAgB,CAAC;CAChB,OAAO,EAAE,IAAI;CACb;;AAED,AAAA,yBAAyB,CAAC;CACzB,aAAa,EAAE,EAAE;CACjB,KAAK,EAAE,GAAG;CACV;;AAED,AAAA,qBAAqB,CAAC;CACrB,YAAY,EAAE,EAAE;CAChB,UAAU,EAAE,KAAK;CACjB,KAAK,EAAE,GAAG;CACV;;AAED;;gFAEgF;AAEhF,AAAA,YAAY,CAAC;CACZ,KAAK,EAAE,YAAY;CACnB;;AAED,AAAA,sBAAsB,CAAC;CACtB,aAAa,EAAE,GAAG;CAClB;;AAED,MAAM,CAAC,MAAM,MAAM,SAAS,EAAE,KAAK;CAElC,AAAA,sBAAsB,CAAC;EACtB,OAAO,EAAE,IAAI;EACb;CAED,AAAA,2BAA2B;CAC3B,4BAA4B,CAAC;EAC5B,aAAa,EAAE,GAAG;EAClB,KAAK,EAAE,GAAG;EACV;;;AAGF,AAAA,uBAAuB,CAAC;CACvB,aAAa,EAAE,GAAG;CAClB;;AAED;;gFAEgF;AAEhF,AAAA,mBAAmB,CAAC,uBAAuB,CAAC,CAAC,AAAA,gBAAgB;AAC7D,iBAAiB,CAAC,uBAAuB,CAAC,CAAC,AAAA,gBAAgB;AAC3D,qBAAqB,CAAC,uBAAuB,CAAC,CAAC,AAAA,gBAAgB,CAAC;CAC/D,OAAO,EAAE,KAAK;CACd;;AAED,AAAA,mBAAmB,CAAC,QAAQ;AAC5B,iBAAiB,CAAC,QAAQ;AAC1B,qBAAqB,CAAC,QAAQ,CAAC;CAC9B,UAAU,EAAE,YAAY;CACxB,MAAM,EAAE,GAAG,CAAC,KAAK,CAAC,YAAY;CAC9B,aAAa,EAAE,GAAG;CAClB;;AAED,AAAA,mBAAmB,CAAC,QAAQ,CAAC,GAAG,AAAA,YAAY;AAC5C,iBAAiB,CAAC,QAAQ,CAAC,GAAG,AAAA,YAAY;AAC1C,qBAAqB,CAAC,QAAQ,CAAC,GAAG,AAAA,YAAY,CAAC;CAC9C,UAAU,EAAE,YAAY;CACxB,MAAM,EAAE,GAAG,CAAC,KAAK,CAAC,YAAY;CAC9B,KAAK,EAAE,YAAY;CACnB;;AAED,AAAA,mBAAmB,CAAC,QAAQ,CAAC,GAAG,AAAA,YAAY,AAAA,QAAQ;AACpD,iBAAiB,CAAC,QAAQ,CAAC,GAAG,AAAA,YAAY,AAAA,QAAQ;AAClD,qBAAqB,CAAC,QAAQ,CAAC,GAAG,AAAA,YAAY,AAAA,QAAQ,CAAC;CACtD,MAAM,EAAE,GAAG,CAAC,KAAK,CAAC,YAAY;CAC9B,kBAAkB,EAAE,WAAW;CAC/B,iBAAiB,EAAE,WAAW;CAC9B,gBAAgB,EAAE,WAAW;CAC7B,GAAG,EAAE,CAAC;CACN,MAAM,EAAE,YAAY;CACpB;;AAED,AAAA,mBAAmB,CAAC,QAAQ,CAAC,EAAE,AAAA,gBAAgB;AAC/C,iBAAiB,CAAC,QAAQ,CAAC,EAAE,AAAA,gBAAgB;AAC7C,qBAAqB,CAAC,QAAQ,CAAC,EAAE,AAAA,gBAAgB,CAAC;CACjD,aAAa,EAAE,GAAG,CAAC,KAAK,CAAC,YAAY;CACrC;;AAED,AAAA,YAAY,CAAC,GAAG,AAAA,QAAQ,CAAC,iBAAiB,CAAC,EAAE,AAAA,KAAK,CAAC,EAAE,AAAA,OAAO;AAC5D,YAAY,CAAC,GAAG,AAAA,QAAQ,CAAC,iBAAiB,CAAC,EAAE,AAAA,KAAK,CAAC,EAAE,AAAA,MAAM;AAC3D,YAAY,CAAC,GAAG,AAAA,QAAQ,CAAC,iBAAiB,CAAC,EAAE,AAAA,KAAK,CAAC,EAAE,AAAA,MAAM,CAAC;CAC3D,UAAU,EAAE,YAAY;CACxB,mBAAmB,EAAE,YAAY;CACjC,KAAK,EAAE,YAAY;CACnB;;AAED,AAAA,YAAY,CAAC,GAAG,AAAA,QAAQ,CAAC,iBAAiB,CAAC,EAAE,AAAA,KAAK,CAAC,EAAE,AAAA,OAAO,AAAA,QAAQ,CAAC;CACpE,UAAU,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,YAAY;CAClC,MAAM,EAAE,IAAI;CACZ;;AAED,AAAA,YAAY,CAAC,GAAG,AAAA,QAAQ,CAAC,iBAAiB,CAAC,EAAE,AAAA,KAAK,CAAC,EAAE,CAAC;CACrD,MAAM,EAAE,GAAG,CAAC,KAAK,CAAC,YAAY;CAC9B,gBAAgB,EAAE,YAAY;CAC9B,aAAa,EAAE,WAAW;CAC1B;;AAED,AAAA,YAAY,CAAC,GAAG,AAAA,QAAQ,CAAC,iBAAiB,CAAC,EAAE,AAAA,KAAK,CAAC,EAAE,AAAA,QAAQ,CAAC;CAC7D,0BAA0B,EAAE,GAAG;CAC/B,UAAU,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,YAAY;CAClC,MAAM,EAAE,IAAI;CACZ;;AAED,AAAA,YAAY,CAAC,GAAG,AAAA,QAAQ,CAAC,iBAAiB,CAAC,EAAE,AAAA,KAAK,CAAC,EAAE,AAAA,OAAO,CAAC;CAC5D,yBAAyB,EAAE,GAAG;CAC9B,UAAU,EAAG,IAAG,CAAC,GAAG,CAAC,CAAC,CAAC,YAAY;CACnC,MAAM,EAAE,IAAI;CACZ;;AAED,AAAA,YAAY,CAAC,GAAG,AAAA,QAAQ,CAAC,iBAAiB,CAAC,EAAE,AAAA,KAAK,CAAC,EAAE,CAAC,CAAC;AACvD,YAAY,CAAC,GAAG,AAAA,QAAQ,CAAC,iBAAiB,CAAC,EAAE,AAAA,KAAK,CAAC,EAAE,CAAC,CAAC,AAAA,MAAM;AAC7D,YAAY,CAAC,GAAG,AAAA,QAAQ,CAAC,iBAAiB,CAAC,EAAE,AAAA,KAAK,CAAC,EAAE,CAAC,CAAC,AAAA,MAAM,CAAC;CAC7D,KAAK,EAAE,YAAY;CACnB,MAAM,EAAE,IAAI;CACZ;;AAED,AAAA,YAAY,CAAC,GAAG,AAAA,QAAQ,CAAC,iBAAiB,CAAC,EAAE,AAAA,KAAK,AAAA,QAAQ,CAAC;CAC1D,aAAa,EAAE,GAAG,CAAC,KAAK,CAAC,YAAY;CACrC;;AAED,AAAA,YAAY,CAAC,GAAG,AAAA,QAAQ,CAAC,iBAAiB,CAAC,EAAE,AAAA,KAAK,CAAC,EAAE,AAAA,OAAO,AAAA,OAAO,CAAC;CACnE,UAAU,EAAG,IAAG,CAAC,GAAG,CAAC,CAAC,CAAC,YAAY;CACnC;;AAED,AAAA,YAAY,CAAC,aAAa,GAAG,IAAI,CAAC;CACjC,OAAO,EAAE,KAAK;CACd;;AAED,AAAA,YAAY,CAAC,6BAA6B,CAAC,OAAO,CAAC;CAClD,aAAa,EAAE,GAAG;CAClB,MAAM,EAAE,GAAG,CAAC,KAAK,CAAC,YAAY;CAC9B,UAAU,EAAE,UAAU;CACtB;;AAED,AAAA,oBAAoB,CAAC,iCAAiC,CAAC;CACtD,KAAK,EAAE,GAAG;CACV;;AAED,AAAA,oBAAoB,CAAC,8BAA8B,CAAC;CACnD,KAAK,EAAE,GAAG;CACV;;AAED,AAAA,oBAAoB,CAAC,iCAAiC,CAAC,EAAE,CAAC;CACzD,MAAM,EAAE,CAAC;CACT,OAAO,EAAE,CAAC;CACV;;AAED,AAAA,oBAAoB,CAAC,iCAAiC,CAAC,EAAE,CAAC,EAAE,CAAC;CAC5D,MAAM,EAAE,KAAK;CACb,UAAU,EAAE,IAAI;CAChB;;AAED,AAAA,kBAAkB;AAClB,iBAAiB;AACjB,oBAAoB,CAAC;CACpB,UAAU,EAAE,YAAY;CACxB,KAAK,EAAE,YAAY;CACnB,UAAU,EAAE,GAAG,CAAC,KAAK,CAAC,aAAa;CACnC;;AAED,AAAA,kBAAkB,AAAA,QAAQ,CAAC;CAC1B,KAAK,EAAE,YAAY;CACnB;;AAED,AAAA,iBAAiB,CAAC;CACjB,gBAAgB,EAAE,aAAa;CAC/B;;AAED,AAAA,iBAAiB,AAAA,QAAQ,CAAC;CACzB,KAAK,EAAE,YAAY;CACnB;;AAED,AAAA,oBAAoB,CAAC;CACpB,gBAAgB,EAAE,aAAa;CAC/B;;AAED,AAAA,YAAY,CAAC,IAAI,CAAC,SAAS,AAAA,oBAAoB,CAAC,kBAAkB;AAClE,YAAY,CAAC,IAAI,CAAC,SAAS,AAAA,oBAAoB,CAAC,KAAK,AAAA,WAAW;AAChE,YAAY,CAAC,IAAI,CAAC,SAAS,AAAA,oBAAoB,CAAC,MAAM,CAAC;CACtD,YAAY,EAAE,aAAa;CAC3B;;AAED,AAAA,YAAY,CAAC,IAAI,CAAC,SAAS,AAAA,oBAAoB,CAAC,KAAK,CAAC;CACrD,KAAK,EAAE,aAAa;CACpB;;AAED,AAAA,YAAY,CAAC,IAAI,CAAC,SAAS,AAAA,sBAAsB,CAAC,kBAAkB;AACpE,YAAY,CAAC,IAAI,CAAC,SAAS,AAAA,sBAAsB,CAAC,KAAK,AAAA,WAAW;AAClE,YAAY,CAAC,IAAI,CAAC,SAAS,AAAA,sBAAsB,CAAC,MAAM,CAAC;CACxD,YAAY,EAAE,YAAY;CAC1B;;AAED,AAAA,YAAY,CAAC,qBAAqB,CAAC;CAClC,MAAM,EAAE,OAAO;CACf;;AAED,AAAA,YAAY,CAAC,qBAAqB,CAAC,MAAM,CAAC;CACzC,UAAU,EAAE,YAAY;CACxB,MAAM,EAAE,GAAG,CAAC,KAAK,CAAC,YAAY;CAC9B,KAAK,EAAE,YAAY;CACnB;;AAED,AAAA,YAAY,CAAC,IAAI,AAAA,gBAAgB;AACjC,YAAY,CAAC,IAAI,AAAA,MAAM;AACvB,YAAY,CAAC,IAAI,AAAA,SAAS,CAAC;CAC1B,MAAM,EAAE,GAAG,CAAC,KAAK,CAAC,YAAY;CAC9B,aAAa,EAAE,GAAG;CAClB;;AAED,AAAA,YAAY,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,AAAA,WAAW;AAC5C,YAAY,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC;CACpC,UAAU,EAAE,YAAY;CACxB,MAAM,EAAE,GAAG,CAAC,KAAK,CAAC,YAAY;CAC9B,KAAK,EAAE,YAAY;CACnB,MAAM,EAAE,KAAK;CACb,OAAO,EAAE,KAAK;CACd;;AAED,6CAA6C;AAC7C,AAAA,YAAY,CAAC,KAAK,CAAA,AAAA,IAAC,CAAK,MAAM,AAAX;AACnB,YAAY,CAAC,QAAQ,CAAC;CACrB,UAAU,EAAE,YAAY;CACxB,MAAM,EAAE,GAAG,CAAC,KAAK,CAAC,YAAY;CAC9B,KAAK,EAAE,YAAY;CACnB,MAAM,EAAE,KAAK;CACb,OAAO,EAAE,KAAK;CACd,KAAK,EAAE,IAAI;CACX;;AAED,6CAA6C;AAC7C,AAAA,YAAY,CAAC,QAAQ,CAAC;CACrB,MAAM,EAAE,GAAG;CACX;;AAED,6CAA6C;AAC7C,AAAA,mBAAmB,CAAC,uBAAuB,CAAC,MAAM,CAAC;CAClD,UAAU,EAAE,YAAY;CACxB,MAAM,EAAE,GAAG,CAAC,KAAK,CAAC,YAAY;CAC9B,aAAa,EAAE,GAAG;CAClB,KAAK,EAAE,YAAY;CACnB,MAAM,EAAE,KAAK;CACb,OAAO,EAAE,KAAK;CACd;;AAED,AAAA,2BAA2B,CAAC,0BAA0B,CAAC;CACtD,UAAU,EAAE,YAAY;CACxB,MAAM,EAAE,GAAG,CAAC,KAAK,CAAC,YAAY;CAC9B,KAAK,EAAE,YAAY;CACnB,aAAa,EAAE,GAAG;CAClB;;AAED,AAAA,2BAA2B,CAAC,0BAA0B,CAAC,4BAA4B,CAAC;CACnF,UAAU,EAAE,YAAY;CACxB,KAAK,EAAE,YAAY;CACnB;;AAED,AAAA,2BAA2B,CAAC,wBAAwB,CAAC;CACpD,KAAK,EAAE,YAAY;CACnB;;AAED,AAAA,2BAA2B,CAAC,wBAAwB,CAAA,AAAA,aAAC,CAAc,MAAM,AAApB;AACrD,2BAA2B,CAAC,wBAAwB,CAAA,AAAA,aAAC,CAAc,MAAM,AAApB,EAAsB;CAC1E,UAAU,EAAE,YAAY;CACxB,OAAO,EAAE,IAAI;CACb;;AAED,AAAA,iBAAiB,CAAC;CACjB,UAAU,EAAE,YAAY;CACxB,MAAM,EAAE,GAAG,CAAC,KAAK,CAAC,YAAY;CAC9B,aAAa,EAAE,GAAG;CAClB,eAAe,EAAE,YAAY;CAC7B;;AAED,AAAA,2BAA2B,CAAC,gBAAgB,GAAG,yBAAyB,CAAC,mBAAmB,CAAC;CAC5F,UAAU,EAAE,YAAY;CACxB;;AAED,AAAA,2BAA2B,CAAC,yBAAyB,CAAC,sBAAsB,CAAC;CAC5E,UAAU,EAAE,YAAY;CACxB,MAAM,EAAE,GAAG,CAAC,KAAK,CAAC,YAAY;CAC9B,aAAa,EAAE,GAAG;CAClB,KAAK,EAAE,YAAY;CACnB;;AAED,AAAA,YAAY,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC;CACpC,MAAM,EAAE,IAAI;CACZ;;AAED,AAAA,YAAY,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,AAAA,WAAW,AAAA,uBAAuB;AACnE,YAAY,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,AAAA,uBAAuB;AAC3D,YAAY,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,AAAA,WAAW,AAAA,aAAa;AACzD,YAAY,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,AAAA,aAAa,CAAC;CACjD,KAAK,EAAE,YAAY;CACnB;;AAED,AAAA,YAAY,CAAC,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC;CACrC,KAAK,EAAE,YAAY;CACnB;;AAED,AAAA,YAAY,CAAC,EAAE,AAAA,SAAS,CAAC,EAAE,AAAA,QAAQ,CAAC,MAAM,CAAC;CAC1C,KAAK,EAAE,YAAY;CACnB;;AAED,AAAA,YAAY,CAAC,QAAQ,CAAC,KAAK,AAAA,OAAO;AAClC,YAAY,CAAC,CAAC,AAAA,OAAO;AACrB,YAAY,CAAC,MAAM,AAAA,OAAO;AAC1B,YAAY,CAAC,KAAK,AAAA,OAAO,CAAC;CACzB,UAAU,EAAE,YAAY;CACxB,MAAM,EAAE,GAAG,CAAC,KAAK,CAAC,YAAY;CAC9B,aAAa,EAAE,GAAG;CAClB,KAAK,EAAE,YAAY;CACnB,OAAO,EAAE,KAAK;CACd,UAAU,EAAE,MAAM;CAClB,YAAY,EAAE,GAAG;CACjB;;AAED,AAAA,YAAY,CAAC,QAAQ,CAAC,KAAK,AAAA,OAAO,AAAA,MAAM;AACxC,YAAY,CAAC,CAAC,AAAA,OAAO,AAAA,MAAM;AAC3B,YAAY,CAAC,MAAM,AAAA,OAAO,AAAA,MAAM;AAChC,YAAY,CAAC,KAAK,AAAA,OAAO,AAAA,MAAM,CAAC;CAC/B,UAAU,EAAE,YAAY;CACxB,KAAK,EAAE,YAAY;CACnB;;AAED,AAAA,YAAY,CAAC,GAAG,AAAA,uBAAuB,CAAC,EAAE,CAAC;CAC1C,MAAM,EAAE,GAAG,CAAC,KAAK,CAAC,YAAY;CAC9B;;AAED,AAAA,YAAY,CAAC,GAAG,AAAA,uBAAuB,CAAC,EAAE,CAAC,EAAE,CAAC;CAC7C,YAAY,EAAE,GAAG,CAAC,KAAK,CAAE,YAAY;CACrC;;AAED,AAAA,YAAY,CAAC,GAAG,AAAA,uBAAuB,CAAC,EAAE,CAAC,EAAE,AAAA,aAAa,CAAC;CAC1D,YAAY,EAAE,IAAI;CAClB;;AAED,AAAA,YAAY,CAAC,GAAG,AAAA,uBAAuB,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;AAC/C,YAAY,CAAC,GAAG,AAAA,uBAAuB,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC;CAClD,UAAU,EAAE,YAAY;CACxB,MAAM,EAAE,IAAI;CACZ;;AAED,AAAA,YAAY,CAAC,GAAG,AAAA,uBAAuB,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,AAAA,MAAM;AACrD,YAAY,CAAC,GAAG,AAAA,uBAAuB,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,AAAA,MAAM;AACrD,YAAY,CAAC,GAAG,AAAA,uBAAuB,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,AAAA,QAAQ,CAAC;CAC1D,UAAU,EAAE,YAAY;CACxB,KAAK,EAAE,YAAY;CACnB;;AAED,AAAA,YAAY,CAAC,iBAAiB,CAAC,YAAY;AAC3C,iBAAiB,CAAC,iBAAiB,CAAC,YAAY,CAAC;CAChD,SAAS,EAAE,KAAK;CAChB;;AAED,AAAA,YAAY,CAAC,CAAC,AAAA,OAAO,CAAC;CACrB,KAAK,EAAE,YAAY,CAAC,UAAU;CAC9B;;AAED,AAAA,YAAY,CAAC,CAAC,AAAA,OAAO,AAAA,MAAM,CAAC;CAC3B,KAAK,EAAE,YAAY,CAAC,UAAU;CAC9B,UAAU,EAAE,aAAa;CACzB;;AAED,AAAA,YAAY,CAAC,QAAQ,CAAC,KAAK,AAAA,KAAK,CAAC,EAAE,AAAA,QAAQ,CAAC,WAAW;AACvD,YAAY,CAAC,KAAK,AAAA,KAAK,CAAC,EAAE,AAAA,QAAQ,CAAC,WAAW;AAC9C,iBAAiB,CAAC,QAAQ,CAAC,KAAK,AAAA,KAAK,CAAC,EAAE,AAAA,QAAQ,CAAC,WAAW;AAC5D,iBAAiB,CAAC,KAAK,AAAA,KAAK,CAAC,EAAE,AAAA,QAAQ,CAAC,OAAO,CAAC,WAAW;AAC3D,iBAAiB,CAAC,KAAK,AAAA,KAAK,CAAC,EAAE,AAAA,QAAQ,CAAC,WAAW,CAAC;CACnD,UAAU,EAAE,YAAY;CACxB,MAAM,EAAE,GAAG,CAAC,KAAK,CAAC,YAAY;CAC9B,aAAa,EAAE,GAAG;CAClB,KAAK,EAAE,YAAY;CACnB,MAAM,EAAE,KAAK;CACb,WAAW,EAAE,CAAC;CACd,KAAK,EAAE,KAAK;CACZ;;AAED,AAAA,iBAAiB,CAAC,KAAK,AAAA,KAAK,CAAC,EAAE,AAAA,QAAQ,CAAC,OAAO,CAAC,WAAW,AAAA,sBAAsB,CAAC;CACjF,KAAK,EAAE,YAAY;CACnB;;AAED,AAAA,iBAAiB,CAAC,KAAK,AAAA,KAAK,CAAC,EAAE,AAAA,QAAQ,CAAC,OAAO,CAAC,WAAW,AAAA,uBAAuB,CAAC;CAClF,KAAK,EAAE,YAAY;CACnB;;AAED,AAAA,iBAAiB,CAAC,KAAK,AAAA,KAAK,CAAC,EAAE,AAAA,QAAQ,CAAC,OAAO,CAAC,WAAW,AAAA,aAAa,CAAC;CACxE,KAAK,EAAE,YAAY;CACnB;;AAED,AAAA,iBAAiB,CAAC,kBAAkB,CAAC,CAAC,CAAC;CACtC,MAAM,EAAE,IAAI;CACZ;;AAED,AAAA,iBAAiB,CAAC,iBAAiB,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE,CAAC;CACzD,KAAK,EAAE,GAAG;CACV;;AAED,AAAA,iBAAiB,CAAC,iBAAiB,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE,CAAC;CACzD,UAAU,EAAE,KAAK;CACjB;;AAED,AAAA,iBAAiB,CAAC,iBAAiB,CAAC,YAAY,CAAC,EAAE,CAAC,EAAE;AACtD,iBAAiB,CAAC,iBAAiB,CAAC,YAAY,CAAC,EAAE,CAAC,EAAE,CAAC;CACtD,UAAU,EAAE,GAAG,CAAC,KAAK,CAAC,YAAY;CAClC;;AAED,AAAA,YAAY,CAAC,KAAK,AAAA,WAAW,CAAC;CAC7B,MAAM,EAAE,GAAG,CAAC,KAAK,CAAC,YAAY;CAC9B,aAAa,EAAE,GAAG;CAClB;;AAED,AAAA,iBAAiB,CAAC,KAAK,AAAA,KAAK,CAAC,EAAE,CAAC;CAC/B,UAAU,EAAE,YAAY;CACxB,KAAK,EAAE,YAAY;CACnB;;AAED,AAAA,YAAY,CAAC,KAAK,AAAA,WAAW,CAAC,EAAE,CAAC;CAChC,UAAU,EAAE,GAAG,CAAC,KAAK,CAAC,YAAY;CAClC;;AAED,AAAA,YAAY,CAAC,KAAK,AAAA,WAAW,CAAC,KAAK,CAAC,EAAE;AACtC,YAAY,CAAC,KAAK,AAAA,WAAW,CAAC,KAAK,CAAC,EAAE;AACtC,YAAY,CAAC,KAAK,AAAA,WAAW,CAAC,KAAK,CAAC,EAAE,CAAC;CACtC,UAAU,EAAE,GAAG,CAAC,KAAK,CAAC,YAAY;CAClC;;AAED,AAAA,YAAY,CAAC,QAAQ,CAAC,KAAK,AAAA,OAAO,AAAA,IAAI;AACtC,YAAY,CAAC,CAAC,AAAA,OAAO,AAAA,IAAI;AACzB,YAAY,CAAC,MAAM,AAAA,OAAO,AAAA,IAAI;AAC9B,YAAY,CAAC,KAAK,AAAA,OAAO,AAAA,IAAI,CAAC;CAC7B,UAAU,EAAE,YAAY;CACxB,MAAM,EAAE,GAAG,CAAC,KAAK,CAAC,YAAY;CAC9B,KAAK,EAAE,YAAY;CACnB,SAAS,EAAE,GAAG;CACd,WAAW,EAAE,GAAG;CAChB;;AAED,AAAA,YAAY,CAAC,QAAQ,CAAC,KAAK,AAAA,OAAO,AAAA,IAAI,AAAA,MAAM;AAC5C,YAAY,CAAC,CAAC,AAAA,OAAO,AAAA,IAAI,AAAA,MAAM;AAC/B,YAAY,CAAC,MAAM,AAAA,OAAO,AAAA,IAAI,AAAA,MAAM;AACpC,YAAY,CAAC,KAAK,AAAA,OAAO,AAAA,IAAI,AAAA,MAAM,CAAC;CACnC,UAAU,EAAE,YAAY;CACxB,KAAK,EAAE,YAAY;CACnB"
9 | }
--------------------------------------------------------------------------------
/style-rtl.css:
--------------------------------------------------------------------------------
1 | /*
2 | Theme Name: SMNTCS Retro
3 | Theme URI: https://github.com/nielslange/retro/
4 | Author: Niels Lange
5 | Author URI: https://nielslange.de/
6 | Description: SMNTCS Retro is a minimalistic theme for the average nerd.
7 | Version: 1.13
8 | Tested up to: 5.7
9 | Requires PHP: 7.0
10 | License: GNU General Public License v2 or later
11 | License URI: http://www.gnu.org/licenses/gpl-2.0.html
12 | Text Domain: smntcs-retro
13 | Tags: blog, one-column, custom-menu, featured-images, footer-widgets, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
14 | */
15 | /*******************************************************************************
16 | *
17 | * TABLE OF CONTENTS
18 | *
19 | * Normalize styles
20 | * Document styles
21 | * Required styles
22 | * Block styles
23 | * Header
24 | * Menus
25 | * Pages
26 | * Posts
27 | * Footer
28 | * WooCommerce
29 | *
30 | ******************************************************************************/
31 | /*******************************************************************************
32 | * Normalize styles
33 | ******************************************************************************/
34 | @import url(normalize.css);
35 | /*******************************************************************************
36 | * Document styles
37 | ******************************************************************************/
38 | :root {
39 | /* Polar Night */
40 | --nord0: #2e3440;
41 | --nord1: #3b4252;
42 | --nord2: #434c5e;
43 | --nord3: #4c566a;
44 | /* Snow Storm */
45 | --nord4: #d8dee9;
46 | --nord5: #e5e9f0;
47 | --nord6: #eceff4;
48 | /* Frost */
49 | --nord7: #8fbcbb;
50 | --nord8: #88c0d0;
51 | --nord9: #81a1c1;
52 | --nord10: #5e81ac;
53 | /* Aurora */
54 | --nord11: #bf616a;
55 | --nord12: #d08770;
56 | --nord13: #ebcb8b;
57 | --nord14: #a3be8c;
58 | --nord15: #b48ead;
59 | }
60 |
61 | @font-face {
62 | font-family: Hack;
63 | src: url(./assets/fonts/hack-regular.woff2?sha=3114f1256) format("woff2"), url(./assets/fonts/hack-regular.woff?sha=3114f1256) format("woff");
64 | font-weight: 400;
65 | font-style: normal;
66 | }
67 |
68 | @font-face {
69 | font-family: Hack;
70 | src: url(./assets/fonts/hack-bold.woff2?sha=3114f1256) format("woff2"), url(./assets/fonts/hack-bold.woff?sha=3114f1256) format("woff");
71 | font-weight: 700;
72 | font-style: normal;
73 | }
74 |
75 | @font-face {
76 | font-family: Hack;
77 | src: url(./assets/fonts/hack-italic.woff2?sha=3114f1256) format("woff2"), url(./assets/fonts/hack-italic.woff?sha=3114f1256) format("woff");
78 | font-weight: 400;
79 | font-style: italic;
80 | }
81 |
82 | @font-face {
83 | font-family: Hack;
84 | src: url(./assets/fonts/hack-bolditalic.woff2?sha=3114f1256) format("woff2"), url(./assets/fonts/hack-bolditalic.woff?sha=3114f1256) format("woff");
85 | font-weight: 700;
86 | font-style: italic;
87 | }
88 |
89 | html {
90 | font-size: 62.5%;
91 | /* 1rem = 10px */
92 | }
93 |
94 | body {
95 | background: var(--nord0);
96 | box-sizing: content-box;
97 | color: var(--nord9);
98 | font-family: Hack, monospace;
99 | font-size: 1.3rem;
100 | line-height: 1.4;
101 | text-align: right;
102 | overflow-y: visible;
103 | padding: 1rem 2rem;
104 | max-width: 580px;
105 | -webkit-hyphens: auto;
106 | -ms-hyphens: auto;
107 | hyphens: auto;
108 | }
109 |
110 | *,
111 | *::before,
112 | *::after {
113 | box-sizing: inherit;
114 | -webkit-font-smoothing: antialiased;
115 | word-break: break-word;
116 | word-wrap: break-word;
117 | }
118 |
119 | h1,
120 | h2,
121 | h3,
122 | h4,
123 | h5,
124 | h6 {
125 | color: var(--nord4);
126 | font-weight: 400;
127 | font-size: 1.8rem;
128 | line-height: normal;
129 | -webkit-margin-after: 2rem;
130 | margin-block-end: 2rem;
131 | -webkit-margin-before: 2rem;
132 | margin-block-start: 2rem;
133 | }
134 |
135 | a {
136 | color: var(--nord4);
137 | text-decoration: none;
138 | border-bottom: 1px dotted;
139 | }
140 |
141 | a:focus,
142 | a:hover {
143 | border-bottom: 1px solid;
144 | }
145 |
146 | hr {
147 | margin: 2rem 0;
148 | clear: both;
149 | color: transparent;
150 | border-color: transparent;
151 | background-color: transparent;
152 | border-top: 1px solid var(--nord3);
153 | }
154 |
155 | /*******************************************************************************
156 | * Required styles
157 | ******************************************************************************/
158 | .wp-caption {
159 | color: var(--nord4);
160 | }
161 |
162 | .wp-caption-text {
163 | color: var(--nord4);
164 | }
165 |
166 | .sticky {
167 | background: var(--nord1);
168 | border: 1px solid var(--nord2);
169 | padding: 1em;
170 | margin: 0 -1em;
171 | }
172 |
173 | .screen-reader-text {
174 | border: 0;
175 | clip: rect(1px, 1px, 1px, 1px);
176 | -webkit-clip-path: inset(50%);
177 | clip-path: inset(50%);
178 | height: 1px;
179 | margin: -1px;
180 | overflow: hidden;
181 | padding: 0;
182 | position: absolute !important;
183 | width: 1px;
184 | word-wrap: normal !important;
185 | word-break: normal;
186 | }
187 |
188 | .screen-reader-text:focus {
189 | background-color: #f1f1f1;
190 | border-radius: 3px;
191 | box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
192 | clip: auto !important;
193 | -webkit-clip-path: none;
194 | clip-path: none;
195 | color: #21759b;
196 | display: block;
197 | font-size: 14px;
198 | font-size: 0.875rem;
199 | font-weight: 700;
200 | height: auto;
201 | left: 5px;
202 | line-height: normal;
203 | padding: 15px 23px 14px;
204 | text-decoration: none;
205 | top: 5px;
206 | width: auto;
207 | z-index: 100000;
208 | }
209 |
210 | .gallery-caption {
211 | color: var(--nord4);
212 | }
213 |
214 | .bypostauthor {
215 | display: block;
216 | }
217 |
218 | .alignright {
219 | float: left;
220 | margin-right: 1em;
221 | }
222 |
223 | .alignleft {
224 | float: right;
225 | margin-left: 1em;
226 | }
227 |
228 | .aligncenter {
229 | margin-left: auto;
230 | margin-right: auto;
231 | display: block;
232 | clear: both;
233 | }
234 |
235 | /*******************************************************************************
236 | * Block styles
237 | ******************************************************************************/
238 | .wp-block-image figcaption {
239 | color: var(--nord4);
240 | }
241 |
242 | figure {
243 | -webkit-margin-before: 0;
244 | margin-block-start: 0;
245 | -webkit-margin-after: 0;
246 | margin-block-end: 0;
247 | -webkit-margin-start: 0;
248 | margin-inline-start: 0;
249 | -webkit-margin-end: 0;
250 | margin-inline-end: 0;
251 | }
252 |
253 | /*******************************************************************************
254 | * Header
255 | ******************************************************************************/
256 | #site-title h1,
257 | #site-title h2 {
258 | color: var(--nord4);
259 | margin-bottom: 0.5em;
260 | }
261 |
262 | #site-description h2 {
263 | color: var(--nord4);
264 | margin: 0 0 0.5rem;
265 | }
266 |
267 | /*******************************************************************************
268 | * Menus
269 | ******************************************************************************/
270 | .menu {
271 | margin: 1em 0;
272 | padding: 0;
273 | list-style-type: none;
274 | list-style-image: none;
275 | }
276 |
277 | .menu li {
278 | display: inline;
279 | margin-left: 0.5rem;
280 | }
281 |
282 | .menu li:last-of-type::after {
283 | content: none;
284 | }
285 |
286 | article p:first-of-type {
287 | margin-top: 0.5rem;
288 | }
289 |
290 | #header-menu {
291 | display: inline-block;
292 | margin-top: 0.5rem;
293 | width: calc(100% - 30px);
294 | }
295 |
296 | /*******************************************************************************
297 | * Pages
298 | ******************************************************************************/
299 | /*******************************************************************************
300 | * Posts
301 | ******************************************************************************/
302 | /* Articles ************************************/
303 | #site-content-posts article {
304 | margin: 2em 0 4em;
305 | }
306 |
307 | #site-content-posts article img:not(.zoomImg),
308 | #site-content-posts article figure {
309 | max-width: 100%;
310 | height: auto;
311 | }
312 |
313 | /* Search form *********************************/
314 | .search-form input[type="search"] {
315 | background: var(--nord0);
316 | border: 1px solid var(--nord10);
317 | box-sizing: border-box;
318 | color: var(--nord10);
319 | padding: 0.5em 1em;
320 | width: 79%;
321 | }
322 |
323 | .search-form input[type="submit"] {
324 | background: var(--nord1);
325 | border: 1px solid var(--nord10);
326 | box-sizing: border-box;
327 | color: var(--nord9);
328 | padding: 0.5em 1em;
329 | width: 19%;
330 | }
331 |
332 | /* Comments ************************************/
333 | .comment-form label {
334 | display: block;
335 | margin-bottom: 1em;
336 | }
337 |
338 | .comment-form .comment-form-comment {
339 | margin-top: 2em;
340 | }
341 |
342 | .comment-form .comment-form-comment textarea {
343 | background: var(--nord0);
344 | border-color: var(--nord10);
345 | box-sizing: border-box;
346 | color: var(--nord10);
347 | padding: 0.5em 1em;
348 | width: 100%;
349 | }
350 |
351 | .comment-form .form-submit {
352 | margin-bottom: 0.5em;
353 | }
354 |
355 | .comment-form .form-submit input[type="submit"] {
356 | background: var(--nord1);
357 | border-color: var(--nord10);
358 | box-sizing: border-box;
359 | color: var(--nord9);
360 | padding: 0.5em 1em;
361 | width: 100%;
362 | }
363 |
364 | /* Pagination **********************************/
365 | .post-pagination,
366 | .site-content-pagination {
367 | clear: both;
368 | padding: 2em 0;
369 | }
370 |
371 | .post-pagination {
372 | display: flex;
373 | }
374 |
375 | .post-pagination-previous {
376 | padding-left: 1%;
377 | width: 50%;
378 | }
379 |
380 | .post-pagination-next {
381 | padding-right: 1%;
382 | text-align: left;
383 | width: 50%;
384 | }
385 |
386 | /*******************************************************************************
387 | * Footer
388 | ******************************************************************************/
389 | #site-footer {
390 | color: var(--nord4);
391 | }
392 |
393 | #footer-widget-wrapper {
394 | margin-bottom: 1em;
395 | }
396 |
397 | @media screen and (min-width: 580px) {
398 | #footer-widget-wrapper {
399 | display: flex;
400 | }
401 | #footer-widget-wrapper-left,
402 | #footer-widget-wrapper-right {
403 | padding-left: 2em;
404 | width: 50%;
405 | }
406 | }
407 |
408 | #footer-credits-wrapper {
409 | margin-bottom: 1em;
410 | }
411 |
412 | /*******************************************************************************
413 | * WooCommerce
414 | ******************************************************************************/
415 | #add_payment_method .wc-proceed-to-checkout a.checkout-button,
416 | .woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
417 | .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {
418 | padding: 0.5em;
419 | }
420 |
421 | #add_payment_method #payment,
422 | .woocommerce-cart #payment,
423 | .woocommerce-checkout #payment {
424 | background: var(--nord0);
425 | border: 1px solid var(--nord3);
426 | border-radius: 2px;
427 | }
428 |
429 | #add_payment_method #payment div.payment_box,
430 | .woocommerce-cart #payment div.payment_box,
431 | .woocommerce-checkout #payment div.payment_box {
432 | background: var(--nord1);
433 | border: 1px solid var(--nord3);
434 | color: var(--nord4);
435 | }
436 |
437 | #add_payment_method #payment div.payment_box::before,
438 | .woocommerce-cart #payment div.payment_box::before,
439 | .woocommerce-checkout #payment div.payment_box::before {
440 | border: 1em solid var(--nord3);
441 | border-left-color: transparent;
442 | border-right-color: transparent;
443 | border-top-color: transparent;
444 | top: 0;
445 | margin: -2em 2em 0 0;
446 | }
447 |
448 | #add_payment_method #payment ul.payment_methods,
449 | .woocommerce-cart #payment ul.payment_methods,
450 | .woocommerce-checkout #payment ul.payment_methods {
451 | border-bottom: 1px solid var(--nord3);
452 | }
453 |
454 | .woocommerce div.product .woocommerce-tabs ul.tabs li.active,
455 | .woocommerce div.product .woocommerce-tabs ul.tabs li:focus,
456 | .woocommerce div.product .woocommerce-tabs ul.tabs li:hover {
457 | background: var(--nord2);
458 | border-bottom-color: var(--nord3);
459 | color: var(--nord4);
460 | }
461 |
462 | .woocommerce div.product .woocommerce-tabs ul.tabs li.active::before {
463 | box-shadow: -2px 2px 0 var(--nord3);
464 | border: none;
465 | }
466 |
467 | .woocommerce div.product .woocommerce-tabs ul.tabs li {
468 | border: 1px solid var(--nord1);
469 | background-color: var(--nord1);
470 | border-radius: 2px 2px 0 0;
471 | }
472 |
473 | .woocommerce div.product .woocommerce-tabs ul.tabs li::before {
474 | border-bottom-left-radius: 2px;
475 | box-shadow: -2px 2px 0 var(--nord1);
476 | border: none;
477 | }
478 |
479 | .woocommerce div.product .woocommerce-tabs ul.tabs li::after {
480 | border-bottom-right-radius: 2px;
481 | box-shadow: 2px 2px 0 var(--nord1);
482 | border: none;
483 | }
484 |
485 | .woocommerce div.product .woocommerce-tabs ul.tabs li a,
486 | .woocommerce div.product .woocommerce-tabs ul.tabs li a:focus,
487 | .woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
488 | color: var(--nord4);
489 | border: none;
490 | }
491 |
492 | .woocommerce div.product .woocommerce-tabs ul.tabs::before {
493 | border-bottom: 1px solid var(--nord3);
494 | }
495 |
496 | .woocommerce div.product .woocommerce-tabs ul.tabs li.active::after {
497 | box-shadow: 2px 2px 0 var(--nord3);
498 | }
499 |
500 | .woocommerce .product_meta > span {
501 | display: block;
502 | }
503 |
504 | .woocommerce .woocommerce-customer-details address {
505 | border-radius: 2px;
506 | border: 1px solid var(--nord3);
507 | box-sizing: border-box;
508 | }
509 |
510 | .woocommerce-account .woocommerce-MyAccount-navigation {
511 | width: 20%;
512 | }
513 |
514 | .woocommerce-account .woocommerce-MyAccount-content {
515 | width: 78%;
516 | }
517 |
518 | .woocommerce-account .woocommerce-MyAccount-navigation ul {
519 | margin: 0;
520 | padding: 0;
521 | }
522 |
523 | .woocommerce-account .woocommerce-MyAccount-navigation ul li {
524 | margin: 1em 0;
525 | list-style: none;
526 | }
527 |
528 | .woocommerce-error,
529 | .woocommerce-info,
530 | .woocommerce-message {
531 | background: var(--nord1);
532 | color: var(--nord4);
533 | border-top: 3px solid var(--nord11);
534 | }
535 |
536 | .woocommerce-error::before {
537 | color: var(--nord4);
538 | }
539 |
540 | .woocommerce-info {
541 | border-top-color: var(--nord10);
542 | }
543 |
544 | .woocommerce-info::before {
545 | color: var(--nord4);
546 | }
547 |
548 | .woocommerce-message {
549 | border-top-color: var(--nord14);
550 | }
551 |
552 | .woocommerce form .form-row.woocommerce-invalid .select2-container,
553 | .woocommerce form .form-row.woocommerce-invalid input.input-text,
554 | .woocommerce form .form-row.woocommerce-invalid select {
555 | border-color: var(--nord11);
556 | }
557 |
558 | .woocommerce form .form-row.woocommerce-invalid label {
559 | color: var(--nord11);
560 | }
561 |
562 | .woocommerce form .form-row.woocommerce-validated .select2-container,
563 | .woocommerce form .form-row.woocommerce-validated input.input-text,
564 | .woocommerce form .form-row.woocommerce-validated select {
565 | border-color: var(--nord3);
566 | }
567 |
568 | .woocommerce .woocommerce-ordering {
569 | margin: 0 0 2em;
570 | }
571 |
572 | .woocommerce .woocommerce-ordering select {
573 | background: var(--nord1);
574 | border: 1px solid var(--nord3);
575 | color: var(--nord4);
576 | }
577 |
578 | .woocommerce form.checkout_coupon,
579 | .woocommerce form.login,
580 | .woocommerce form.register {
581 | border: 1px solid var(--nord3);
582 | border-radius: 2px;
583 | }
584 |
585 | .woocommerce form .form-row input.input-text,
586 | .woocommerce form .form-row textarea {
587 | background: var(--nord3);
588 | border: 1px solid var(--nord3);
589 | color: var(--nord4);
590 | height: 2.5em;
591 | padding: 0.5em;
592 | }
593 |
594 | /* @todo: Added due to Gift Card extention */
595 | .woocommerce input[type="text"],
596 | .woocommerce textarea {
597 | background: var(--nord3);
598 | border: 1px solid var(--nord3);
599 | color: var(--nord4);
600 | height: 1.5em;
601 | padding: 0.5em;
602 | width: 100%;
603 | }
604 |
605 | /* @todo: Added due to Gift Card extention */
606 | .woocommerce textarea {
607 | height: 5em;
608 | }
609 |
610 | /* @todo: Added due to Gift Card extention */
611 | .add_gift_card_form #wc_gc_cart_redeem_form button {
612 | background: var(--nord2);
613 | border: 1px solid var(--nord3);
614 | border-radius: 2px;
615 | color: var(--nord4);
616 | height: 1.5em;
617 | padding: 0.5em;
618 | }
619 |
620 | .select2-container--default .select2-selection--single {
621 | background: var(--nord3);
622 | border: 1px solid var(--nord3);
623 | color: var(--nord4);
624 | border-radius: 2px;
625 | }
626 |
627 | .select2-container--default .select2-selection--single .select2-selection__rendered {
628 | background: var(--nord3);
629 | color: var(--nord4);
630 | }
631 |
632 | .select2-container--default .select2-results__option {
633 | color: var(--nord4);
634 | }
635 |
636 | .select2-container--default .select2-results__option[aria-selected="true"],
637 | .select2-container--default .select2-results__option[data-selected="true"] {
638 | background: var(--nord1);
639 | outline: none;
640 | }
641 |
642 | .select2-dropdown {
643 | background: var(--nord3);
644 | border: 1px solid var(--nord3);
645 | border-radius: 2px;
646 | scrollbar-color: var(--nord3);
647 | }
648 |
649 | .select2-container--default .select2-results > .select2-results__options ::-webkit-scrollbar {
650 | background: var(--nord3);
651 | }
652 |
653 | .select2-container--default .select2-search--dropdown .select2-search__field {
654 | background: var(--nord3);
655 | border: 1px solid var(--nord4);
656 | border-radius: 2px;
657 | color: var(--nord4);
658 | }
659 |
660 | .woocommerce form .form-row textarea {
661 | height: 10em;
662 | }
663 |
664 | .woocommerce form .form-row input.input-text::-ms-input-placeholder,
665 | .woocommerce form .form-row textarea::-ms-input-placeholder,
666 | .woocommerce form .form-row input.input-text::placeholder,
667 | .woocommerce form .form-row textarea::placeholder {
668 | color: var(--nord9);
669 | }
670 |
671 | .woocommerce form .form-row .required {
672 | color: var(--nord4);
673 | }
674 |
675 | .woocommerce ul.products li.product .price {
676 | color: var(--nord4);
677 | }
678 |
679 | .woocommerce #respond input#submit,
680 | .woocommerce a.button,
681 | .woocommerce button.button,
682 | .woocommerce input.button {
683 | background: var(--nord1);
684 | border: 1px solid var(--nord3);
685 | border-radius: 2px;
686 | color: var(--nord4);
687 | display: block;
688 | text-align: center;
689 | margin-left: 5px;
690 | }
691 |
692 | .woocommerce #respond input#submit:hover,
693 | .woocommerce a.button:hover,
694 | .woocommerce button.button:hover,
695 | .woocommerce input.button:hover {
696 | background: var(--nord3);
697 | color: var(--nord4);
698 | }
699 |
700 | .woocommerce nav.woocommerce-pagination ul {
701 | border: 1px solid var(--nord3);
702 | }
703 |
704 | .woocommerce nav.woocommerce-pagination ul li {
705 | border-left: 1px solid var(--nord3);
706 | }
707 |
708 | .woocommerce nav.woocommerce-pagination ul li:last-of-type {
709 | border-left: none;
710 | }
711 |
712 | .woocommerce nav.woocommerce-pagination ul li a,
713 | .woocommerce nav.woocommerce-pagination ul li span {
714 | background: var(--nord1);
715 | border: none;
716 | }
717 |
718 | .woocommerce nav.woocommerce-pagination ul li a:focus,
719 | .woocommerce nav.woocommerce-pagination ul li a:hover,
720 | .woocommerce nav.woocommerce-pagination ul li span.current {
721 | background: var(--nord3);
722 | color: var(--nord4);
723 | }
724 |
725 | .woocommerce .cart-collaterals .cart_totals,
726 | .woocommerce-page .cart-collaterals .cart_totals {
727 | max-width: 300px;
728 | }
729 |
730 | .woocommerce a.remove {
731 | color: var(--nord4) !important;
732 | }
733 |
734 | .woocommerce a.remove:hover {
735 | color: var(--nord4) !important;
736 | background: var(--nord11);
737 | }
738 |
739 | .woocommerce #content table.cart td.actions .input-text,
740 | .woocommerce table.cart td.actions .input-text,
741 | .woocommerce-page #content table.cart td.actions .input-text,
742 | .woocommerce-cart table.cart td.actions .coupon .input-text,
743 | .woocommerce-page table.cart td.actions .input-text {
744 | background: var(--nord3);
745 | border: 1px solid var(--nord3);
746 | border-radius: 2px;
747 | color: var(--nord4);
748 | height: 2.5em;
749 | line-height: 1;
750 | width: 120px;
751 | }
752 |
753 | .woocommerce-cart table.cart td.actions .coupon .input-text:-ms-input-placeholder {
754 | color: var(--nord9);
755 | }
756 |
757 | .woocommerce-cart table.cart td.actions .coupon .input-text::-ms-input-placeholder {
758 | color: var(--nord9);
759 | }
760 |
761 | .woocommerce-cart table.cart td.actions .coupon .input-text::placeholder {
762 | color: var(--nord9);
763 | }
764 |
765 | .woocommerce-cart .product-thumbnail a {
766 | border: none;
767 | }
768 |
769 | .woocommerce-cart .cart-collaterals .cart_totals table th {
770 | width: 50%;
771 | }
772 |
773 | .woocommerce-cart .cart-collaterals .cart_totals table td {
774 | text-align: left;
775 | }
776 |
777 | .woocommerce-cart .cart-collaterals .cart_totals tr td,
778 | .woocommerce-cart .cart-collaterals .cart_totals tr th {
779 | border-top: 1px solid var(--nord3);
780 | }
781 |
782 | .woocommerce table.shop_table {
783 | border: 1px solid var(--nord3);
784 | border-radius: 2px;
785 | }
786 |
787 | .woocommerce-cart table.cart th {
788 | background: var(--nord1);
789 | color: var(--nord4);
790 | }
791 |
792 | .woocommerce table.shop_table td {
793 | border-top: 1px solid var(--nord3);
794 | }
795 |
796 | .woocommerce table.shop_table tbody th,
797 | .woocommerce table.shop_table tfoot td,
798 | .woocommerce table.shop_table tfoot th {
799 | border-top: 1px solid var(--nord3);
800 | }
801 |
802 | .woocommerce #respond input#submit.alt,
803 | .woocommerce a.button.alt,
804 | .woocommerce button.button.alt,
805 | .woocommerce input.button.alt {
806 | background: var(--nord1);
807 | border: 1px solid var(--nord3);
808 | color: var(--nord4);
809 | font-size: 1em;
810 | font-weight: 400;
811 | }
812 |
813 | .woocommerce #respond input#submit.alt:hover,
814 | .woocommerce a.button.alt:hover,
815 | .woocommerce button.button.alt:hover,
816 | .woocommerce input.button.alt:hover {
817 | background: var(--nord3);
818 | color: var(--nord4);
819 | }
--------------------------------------------------------------------------------
/style.css:
--------------------------------------------------------------------------------
1 | /*
2 | Theme Name: SMNTCS Retro
3 | Theme URI: https://github.com/nielslange/retro/
4 | Author: Niels Lange
5 | Author URI: https://nielslange.de/
6 | Description: SMNTCS Retro is a minimalistic theme for the average nerd.
7 | Version: 1.13
8 | Tested up to: 5.7
9 | Requires PHP: 7.0
10 | License: GNU General Public License v2 or later
11 | License URI: http://www.gnu.org/licenses/gpl-2.0.html
12 | Text Domain: smntcs-retro
13 | Tags: blog, one-column, custom-menu, featured-images, footer-widgets, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
14 | */
15 | /*******************************************************************************
16 | *
17 | * TABLE OF CONTENTS
18 | *
19 | * Normalize styles
20 | * Document styles
21 | * Required styles
22 | * Block styles
23 | * Header
24 | * Menus
25 | * Pages
26 | * Posts
27 | * Footer
28 | * WooCommerce
29 | *
30 | ******************************************************************************/
31 | /*******************************************************************************
32 | * Normalize styles
33 | ******************************************************************************/
34 | @import url(normalize.css);
35 | /*******************************************************************************
36 | * Document styles
37 | ******************************************************************************/
38 | :root {
39 | /* Polar Night */
40 | --nord0: #2e3440;
41 | --nord1: #3b4252;
42 | --nord2: #434c5e;
43 | --nord3: #4c566a;
44 | /* Snow Storm */
45 | --nord4: #d8dee9;
46 | --nord5: #e5e9f0;
47 | --nord6: #eceff4;
48 | /* Frost */
49 | --nord7: #8fbcbb;
50 | --nord8: #88c0d0;
51 | --nord9: #81a1c1;
52 | --nord10: #5e81ac;
53 | /* Aurora */
54 | --nord11: #bf616a;
55 | --nord12: #d08770;
56 | --nord13: #ebcb8b;
57 | --nord14: #a3be8c;
58 | --nord15: #b48ead;
59 | }
60 |
61 | @font-face {
62 | font-family: Hack;
63 | src: url(./assets/fonts/hack-regular.woff2?sha=3114f1256) format("woff2"), url(./assets/fonts/hack-regular.woff?sha=3114f1256) format("woff");
64 | font-weight: 400;
65 | font-style: normal;
66 | }
67 |
68 | @font-face {
69 | font-family: Hack;
70 | src: url(./assets/fonts/hack-bold.woff2?sha=3114f1256) format("woff2"), url(./assets/fonts/hack-bold.woff?sha=3114f1256) format("woff");
71 | font-weight: 700;
72 | font-style: normal;
73 | }
74 |
75 | @font-face {
76 | font-family: Hack;
77 | src: url(./assets/fonts/hack-italic.woff2?sha=3114f1256) format("woff2"), url(./assets/fonts/hack-italic.woff?sha=3114f1256) format("woff");
78 | font-weight: 400;
79 | font-style: italic;
80 | }
81 |
82 | @font-face {
83 | font-family: Hack;
84 | src: url(./assets/fonts/hack-bolditalic.woff2?sha=3114f1256) format("woff2"), url(./assets/fonts/hack-bolditalic.woff?sha=3114f1256) format("woff");
85 | font-weight: 700;
86 | font-style: italic;
87 | }
88 |
89 | html {
90 | font-size: 62.5%;
91 | /* 1rem = 10px */
92 | }
93 |
94 | body {
95 | background: var(--nord0);
96 | box-sizing: content-box;
97 | color: var(--nord9);
98 | font-family: Hack, monospace;
99 | font-size: 1.3rem;
100 | line-height: 1.4;
101 | text-align: left;
102 | overflow-y: visible;
103 | padding: 1rem 2rem;
104 | max-width: 580px;
105 | -webkit-hyphens: auto;
106 | -ms-hyphens: auto;
107 | hyphens: auto;
108 | }
109 |
110 | *,
111 | *::before,
112 | *::after {
113 | box-sizing: inherit;
114 | -webkit-font-smoothing: antialiased;
115 | word-break: break-word;
116 | word-wrap: break-word;
117 | }
118 |
119 | h1,
120 | h2,
121 | h3,
122 | h4,
123 | h5,
124 | h6 {
125 | color: var(--nord4);
126 | font-weight: 400;
127 | font-size: 1.8rem;
128 | line-height: normal;
129 | -webkit-margin-after: 2rem;
130 | margin-block-end: 2rem;
131 | -webkit-margin-before: 2rem;
132 | margin-block-start: 2rem;
133 | }
134 |
135 | a {
136 | color: var(--nord4);
137 | text-decoration: none;
138 | border-bottom: 1px dotted;
139 | }
140 |
141 | a:focus,
142 | a:hover {
143 | border-bottom: 1px solid;
144 | }
145 |
146 | hr {
147 | margin: 2rem 0;
148 | clear: both;
149 | color: transparent;
150 | border-color: transparent;
151 | background-color: transparent;
152 | border-top: 1px solid var(--nord3);
153 | }
154 |
155 | /*******************************************************************************
156 | * Required styles
157 | ******************************************************************************/
158 | .wp-caption {
159 | color: var(--nord4);
160 | }
161 |
162 | .wp-caption-text {
163 | color: var(--nord4);
164 | }
165 |
166 | .sticky {
167 | background: var(--nord1);
168 | border: 1px solid var(--nord2);
169 | padding: 1em;
170 | margin: 0 -1em;
171 | }
172 |
173 | .screen-reader-text {
174 | border: 0;
175 | clip: rect(1px, 1px, 1px, 1px);
176 | -webkit-clip-path: inset(50%);
177 | clip-path: inset(50%);
178 | height: 1px;
179 | margin: -1px;
180 | overflow: hidden;
181 | padding: 0;
182 | position: absolute !important;
183 | width: 1px;
184 | word-wrap: normal !important;
185 | word-break: normal;
186 | }
187 |
188 | .screen-reader-text:focus {
189 | background-color: #f1f1f1;
190 | border-radius: 3px;
191 | box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
192 | clip: auto !important;
193 | -webkit-clip-path: none;
194 | clip-path: none;
195 | color: #21759b;
196 | display: block;
197 | font-size: 14px;
198 | font-size: 0.875rem;
199 | font-weight: 700;
200 | height: auto;
201 | right: 5px;
202 | line-height: normal;
203 | padding: 15px 23px 14px;
204 | text-decoration: none;
205 | top: 5px;
206 | width: auto;
207 | z-index: 100000;
208 | }
209 |
210 | .gallery-caption {
211 | color: var(--nord4);
212 | }
213 |
214 | .bypostauthor {
215 | display: block;
216 | }
217 |
218 | .alignright {
219 | float: right;
220 | margin-left: 1em;
221 | }
222 |
223 | .alignleft {
224 | float: left;
225 | margin-right: 1em;
226 | }
227 |
228 | .aligncenter {
229 | margin-right: auto;
230 | margin-left: auto;
231 | display: block;
232 | clear: both;
233 | }
234 |
235 | /*******************************************************************************
236 | * Block styles
237 | ******************************************************************************/
238 | .wp-block-image figcaption {
239 | color: var(--nord4);
240 | }
241 |
242 | figure {
243 | -webkit-margin-before: 0;
244 | margin-block-start: 0;
245 | -webkit-margin-after: 0;
246 | margin-block-end: 0;
247 | -webkit-margin-start: 0;
248 | margin-inline-start: 0;
249 | -webkit-margin-end: 0;
250 | margin-inline-end: 0;
251 | }
252 |
253 | /*******************************************************************************
254 | * Header
255 | ******************************************************************************/
256 | #site-title h1,
257 | #site-title h2 {
258 | color: var(--nord4);
259 | margin-bottom: 0.5em;
260 | }
261 |
262 | #site-description h2 {
263 | color: var(--nord4);
264 | margin: 0 0 0.5rem;
265 | }
266 |
267 | /*******************************************************************************
268 | * Menus
269 | ******************************************************************************/
270 | .menu {
271 | margin: 1em 0;
272 | padding: 0;
273 | list-style-type: none;
274 | list-style-image: none;
275 | }
276 |
277 | .menu li {
278 | display: inline;
279 | margin-right: 0.5rem;
280 | }
281 |
282 | .menu li:last-of-type::after {
283 | content: none;
284 | }
285 |
286 | article p:first-of-type {
287 | margin-top: 0.5rem;
288 | }
289 |
290 | #header-menu {
291 | display: inline-block;
292 | margin-top: 0.5rem;
293 | width: calc(100% - 30px);
294 | }
295 |
296 | /*******************************************************************************
297 | * Pages
298 | ******************************************************************************/
299 | /*******************************************************************************
300 | * Posts
301 | ******************************************************************************/
302 | /* Articles ************************************/
303 | #site-content-posts article {
304 | margin: 2em 0 4em;
305 | }
306 |
307 | #site-content-posts article img:not(.zoomImg),
308 | #site-content-posts article figure {
309 | max-width: 100%;
310 | height: auto;
311 | }
312 |
313 | /* Search form *********************************/
314 | .search-form input[type="search"] {
315 | background: var(--nord0);
316 | border: 1px solid var(--nord10);
317 | box-sizing: border-box;
318 | color: var(--nord10);
319 | padding: 0.5em 1em;
320 | width: 79%;
321 | }
322 |
323 | .search-form input[type="submit"] {
324 | background: var(--nord1);
325 | border: 1px solid var(--nord10);
326 | box-sizing: border-box;
327 | color: var(--nord9);
328 | padding: 0.5em 1em;
329 | width: 19%;
330 | }
331 |
332 | /* Comments ************************************/
333 | .comment-form label {
334 | display: block;
335 | margin-bottom: 1em;
336 | }
337 |
338 | .comment-form .comment-form-comment {
339 | margin-top: 2em;
340 | }
341 |
342 | .comment-form .comment-form-comment textarea {
343 | background: var(--nord0);
344 | border-color: var(--nord10);
345 | box-sizing: border-box;
346 | color: var(--nord10);
347 | padding: 0.5em 1em;
348 | width: 100%;
349 | }
350 |
351 | .comment-form .form-submit {
352 | margin-bottom: 0.5em;
353 | }
354 |
355 | .comment-form .form-submit input[type="submit"] {
356 | background: var(--nord1);
357 | border-color: var(--nord10);
358 | box-sizing: border-box;
359 | color: var(--nord9);
360 | padding: 0.5em 1em;
361 | width: 100%;
362 | }
363 |
364 | /* Pagination **********************************/
365 | .post-pagination,
366 | .site-content-pagination {
367 | clear: both;
368 | padding: 2em 0;
369 | }
370 |
371 | .post-pagination {
372 | display: flex;
373 | }
374 |
375 | .post-pagination-previous {
376 | padding-right: 1%;
377 | width: 50%;
378 | }
379 |
380 | .post-pagination-next {
381 | padding-left: 1%;
382 | text-align: right;
383 | width: 50%;
384 | }
385 |
386 | /*******************************************************************************
387 | * Footer
388 | ******************************************************************************/
389 | #site-footer {
390 | color: var(--nord4);
391 | }
392 |
393 | #footer-widget-wrapper {
394 | margin-bottom: 1em;
395 | }
396 |
397 | @media screen and (min-width: 580px) {
398 | #footer-widget-wrapper {
399 | display: flex;
400 | }
401 | #footer-widget-wrapper-left,
402 | #footer-widget-wrapper-right {
403 | padding-right: 2em;
404 | width: 50%;
405 | }
406 | }
407 |
408 | #footer-credits-wrapper {
409 | margin-bottom: 1em;
410 | }
411 |
412 | /*******************************************************************************
413 | * WooCommerce
414 | ******************************************************************************/
415 | #add_payment_method .wc-proceed-to-checkout a.checkout-button,
416 | .woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
417 | .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {
418 | padding: 0.5em;
419 | }
420 |
421 | #add_payment_method #payment,
422 | .woocommerce-cart #payment,
423 | .woocommerce-checkout #payment {
424 | background: var(--nord0);
425 | border: 1px solid var(--nord3);
426 | border-radius: 2px;
427 | }
428 |
429 | #add_payment_method #payment div.payment_box,
430 | .woocommerce-cart #payment div.payment_box,
431 | .woocommerce-checkout #payment div.payment_box {
432 | background: var(--nord1);
433 | border: 1px solid var(--nord3);
434 | color: var(--nord4);
435 | }
436 |
437 | #add_payment_method #payment div.payment_box::before,
438 | .woocommerce-cart #payment div.payment_box::before,
439 | .woocommerce-checkout #payment div.payment_box::before {
440 | border: 1em solid var(--nord3);
441 | border-right-color: transparent;
442 | border-left-color: transparent;
443 | border-top-color: transparent;
444 | top: 0;
445 | margin: -2em 0 0 2em;
446 | }
447 |
448 | #add_payment_method #payment ul.payment_methods,
449 | .woocommerce-cart #payment ul.payment_methods,
450 | .woocommerce-checkout #payment ul.payment_methods {
451 | border-bottom: 1px solid var(--nord3);
452 | }
453 |
454 | .woocommerce div.product .woocommerce-tabs ul.tabs li.active,
455 | .woocommerce div.product .woocommerce-tabs ul.tabs li:focus,
456 | .woocommerce div.product .woocommerce-tabs ul.tabs li:hover {
457 | background: var(--nord2);
458 | border-bottom-color: var(--nord3);
459 | color: var(--nord4);
460 | }
461 |
462 | .woocommerce div.product .woocommerce-tabs ul.tabs li.active::before {
463 | box-shadow: 2px 2px 0 var(--nord3);
464 | border: none;
465 | }
466 |
467 | .woocommerce div.product .woocommerce-tabs ul.tabs li {
468 | border: 1px solid var(--nord1);
469 | background-color: var(--nord1);
470 | border-radius: 2px 2px 0 0;
471 | }
472 |
473 | .woocommerce div.product .woocommerce-tabs ul.tabs li::before {
474 | border-bottom-right-radius: 2px;
475 | box-shadow: 2px 2px 0 var(--nord1);
476 | border: none;
477 | }
478 |
479 | .woocommerce div.product .woocommerce-tabs ul.tabs li::after {
480 | border-bottom-left-radius: 2px;
481 | box-shadow: -2px 2px 0 var(--nord1);
482 | border: none;
483 | }
484 |
485 | .woocommerce div.product .woocommerce-tabs ul.tabs li a,
486 | .woocommerce div.product .woocommerce-tabs ul.tabs li a:focus,
487 | .woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
488 | color: var(--nord4);
489 | border: none;
490 | }
491 |
492 | .woocommerce div.product .woocommerce-tabs ul.tabs::before {
493 | border-bottom: 1px solid var(--nord3);
494 | }
495 |
496 | .woocommerce div.product .woocommerce-tabs ul.tabs li.active::after {
497 | box-shadow: -2px 2px 0 var(--nord3);
498 | }
499 |
500 | .woocommerce .product_meta > span {
501 | display: block;
502 | }
503 |
504 | .woocommerce .woocommerce-customer-details address {
505 | border-radius: 2px;
506 | border: 1px solid var(--nord3);
507 | box-sizing: border-box;
508 | }
509 |
510 | .woocommerce-account .woocommerce-MyAccount-navigation {
511 | width: 20%;
512 | }
513 |
514 | .woocommerce-account .woocommerce-MyAccount-content {
515 | width: 78%;
516 | }
517 |
518 | .woocommerce-account .woocommerce-MyAccount-navigation ul {
519 | margin: 0;
520 | padding: 0;
521 | }
522 |
523 | .woocommerce-account .woocommerce-MyAccount-navigation ul li {
524 | margin: 1em 0;
525 | list-style: none;
526 | }
527 |
528 | .woocommerce-error,
529 | .woocommerce-info,
530 | .woocommerce-message {
531 | background: var(--nord1);
532 | color: var(--nord4);
533 | border-top: 3px solid var(--nord11);
534 | }
535 |
536 | .woocommerce-error::before {
537 | color: var(--nord4);
538 | }
539 |
540 | .woocommerce-info {
541 | border-top-color: var(--nord10);
542 | }
543 |
544 | .woocommerce-info::before {
545 | color: var(--nord4);
546 | }
547 |
548 | .woocommerce-message {
549 | border-top-color: var(--nord14);
550 | }
551 |
552 | .woocommerce form .form-row.woocommerce-invalid .select2-container,
553 | .woocommerce form .form-row.woocommerce-invalid input.input-text,
554 | .woocommerce form .form-row.woocommerce-invalid select {
555 | border-color: var(--nord11);
556 | }
557 |
558 | .woocommerce form .form-row.woocommerce-invalid label {
559 | color: var(--nord11);
560 | }
561 |
562 | .woocommerce form .form-row.woocommerce-validated .select2-container,
563 | .woocommerce form .form-row.woocommerce-validated input.input-text,
564 | .woocommerce form .form-row.woocommerce-validated select {
565 | border-color: var(--nord3);
566 | }
567 |
568 | .woocommerce .woocommerce-ordering {
569 | margin: 0 0 2em;
570 | }
571 |
572 | .woocommerce .woocommerce-ordering select {
573 | background: var(--nord1);
574 | border: 1px solid var(--nord3);
575 | color: var(--nord4);
576 | }
577 |
578 | .woocommerce form.checkout_coupon,
579 | .woocommerce form.login,
580 | .woocommerce form.register {
581 | border: 1px solid var(--nord3);
582 | border-radius: 2px;
583 | }
584 |
585 | .woocommerce form .form-row input.input-text,
586 | .woocommerce form .form-row textarea {
587 | background: var(--nord3);
588 | border: 1px solid var(--nord3);
589 | color: var(--nord4);
590 | height: 2.5em;
591 | padding: 0.5em;
592 | }
593 |
594 | /* @todo: Added due to Gift Card extention */
595 | .woocommerce input[type="text"],
596 | .woocommerce textarea {
597 | background: var(--nord3);
598 | border: 1px solid var(--nord3);
599 | color: var(--nord4);
600 | height: 1.5em;
601 | padding: 0.5em;
602 | width: 100%;
603 | }
604 |
605 | /* @todo: Added due to Gift Card extention */
606 | .woocommerce textarea {
607 | height: 5em;
608 | }
609 |
610 | /* @todo: Added due to Gift Card extention */
611 | .add_gift_card_form #wc_gc_cart_redeem_form button {
612 | background: var(--nord2);
613 | border: 1px solid var(--nord3);
614 | border-radius: 2px;
615 | color: var(--nord4);
616 | height: 1.5em;
617 | padding: 0.5em;
618 | }
619 |
620 | .select2-container--default .select2-selection--single {
621 | background: var(--nord3);
622 | border: 1px solid var(--nord3);
623 | color: var(--nord4);
624 | border-radius: 2px;
625 | }
626 |
627 | .select2-container--default .select2-selection--single .select2-selection__rendered {
628 | background: var(--nord3);
629 | color: var(--nord4);
630 | }
631 |
632 | .select2-container--default .select2-results__option {
633 | color: var(--nord4);
634 | }
635 |
636 | .select2-container--default .select2-results__option[aria-selected="true"],
637 | .select2-container--default .select2-results__option[data-selected="true"] {
638 | background: var(--nord1);
639 | outline: none;
640 | }
641 |
642 | .select2-dropdown {
643 | background: var(--nord3);
644 | border: 1px solid var(--nord3);
645 | border-radius: 2px;
646 | scrollbar-color: var(--nord3);
647 | }
648 |
649 | .select2-container--default .select2-results > .select2-results__options ::-webkit-scrollbar {
650 | background: var(--nord3);
651 | }
652 |
653 | .select2-container--default .select2-search--dropdown .select2-search__field {
654 | background: var(--nord3);
655 | border: 1px solid var(--nord4);
656 | border-radius: 2px;
657 | color: var(--nord4);
658 | }
659 |
660 | .woocommerce form .form-row textarea {
661 | height: 10em;
662 | }
663 |
664 | .woocommerce form .form-row input.input-text::-ms-input-placeholder,
665 | .woocommerce form .form-row textarea::-ms-input-placeholder,
666 | .woocommerce form .form-row input.input-text::placeholder,
667 | .woocommerce form .form-row textarea::placeholder {
668 | color: var(--nord9);
669 | }
670 |
671 | .woocommerce form .form-row .required {
672 | color: var(--nord4);
673 | }
674 |
675 | .woocommerce ul.products li.product .price {
676 | color: var(--nord4);
677 | }
678 |
679 | .woocommerce #respond input#submit,
680 | .woocommerce a.button,
681 | .woocommerce button.button,
682 | .woocommerce input.button {
683 | background: var(--nord1);
684 | border: 1px solid var(--nord3);
685 | border-radius: 2px;
686 | color: var(--nord4);
687 | display: block;
688 | text-align: center;
689 | margin-right: 5px;
690 | }
691 |
692 | .woocommerce #respond input#submit:hover,
693 | .woocommerce a.button:hover,
694 | .woocommerce button.button:hover,
695 | .woocommerce input.button:hover {
696 | background: var(--nord3);
697 | color: var(--nord4);
698 | }
699 |
700 | .woocommerce nav.woocommerce-pagination ul {
701 | border: 1px solid var(--nord3);
702 | }
703 |
704 | .woocommerce nav.woocommerce-pagination ul li {
705 | border-right: 1px solid var(--nord3);
706 | }
707 |
708 | .woocommerce nav.woocommerce-pagination ul li:last-of-type {
709 | border-right: none;
710 | }
711 |
712 | .woocommerce nav.woocommerce-pagination ul li a,
713 | .woocommerce nav.woocommerce-pagination ul li span {
714 | background: var(--nord1);
715 | border: none;
716 | }
717 |
718 | .woocommerce nav.woocommerce-pagination ul li a:focus,
719 | .woocommerce nav.woocommerce-pagination ul li a:hover,
720 | .woocommerce nav.woocommerce-pagination ul li span.current {
721 | background: var(--nord3);
722 | color: var(--nord4);
723 | }
724 |
725 | .woocommerce .cart-collaterals .cart_totals,
726 | .woocommerce-page .cart-collaterals .cart_totals {
727 | max-width: 300px;
728 | }
729 |
730 | .woocommerce a.remove {
731 | color: var(--nord4) !important;
732 | }
733 |
734 | .woocommerce a.remove:hover {
735 | color: var(--nord4) !important;
736 | background: var(--nord11);
737 | }
738 |
739 | .woocommerce #content table.cart td.actions .input-text,
740 | .woocommerce table.cart td.actions .input-text,
741 | .woocommerce-page #content table.cart td.actions .input-text,
742 | .woocommerce-cart table.cart td.actions .coupon .input-text,
743 | .woocommerce-page table.cart td.actions .input-text {
744 | background: var(--nord3);
745 | border: 1px solid var(--nord3);
746 | border-radius: 2px;
747 | color: var(--nord4);
748 | height: 2.5em;
749 | line-height: 1;
750 | width: 120px;
751 | }
752 |
753 | .woocommerce-cart table.cart td.actions .coupon .input-text:-ms-input-placeholder {
754 | color: var(--nord9);
755 | }
756 |
757 | .woocommerce-cart table.cart td.actions .coupon .input-text::-ms-input-placeholder {
758 | color: var(--nord9);
759 | }
760 |
761 | .woocommerce-cart table.cart td.actions .coupon .input-text::placeholder {
762 | color: var(--nord9);
763 | }
764 |
765 | .woocommerce-cart .product-thumbnail a {
766 | border: none;
767 | }
768 |
769 | .woocommerce-cart .cart-collaterals .cart_totals table th {
770 | width: 50%;
771 | }
772 |
773 | .woocommerce-cart .cart-collaterals .cart_totals table td {
774 | text-align: right;
775 | }
776 |
777 | .woocommerce-cart .cart-collaterals .cart_totals tr td,
778 | .woocommerce-cart .cart-collaterals .cart_totals tr th {
779 | border-top: 1px solid var(--nord3);
780 | }
781 |
782 | .woocommerce table.shop_table {
783 | border: 1px solid var(--nord3);
784 | border-radius: 2px;
785 | }
786 |
787 | .woocommerce-cart table.cart th {
788 | background: var(--nord1);
789 | color: var(--nord4);
790 | }
791 |
792 | .woocommerce table.shop_table td {
793 | border-top: 1px solid var(--nord3);
794 | }
795 |
796 | .woocommerce table.shop_table tbody th,
797 | .woocommerce table.shop_table tfoot td,
798 | .woocommerce table.shop_table tfoot th {
799 | border-top: 1px solid var(--nord3);
800 | }
801 |
802 | .woocommerce #respond input#submit.alt,
803 | .woocommerce a.button.alt,
804 | .woocommerce button.button.alt,
805 | .woocommerce input.button.alt {
806 | background: var(--nord1);
807 | border: 1px solid var(--nord3);
808 | color: var(--nord4);
809 | font-size: 1em;
810 | font-weight: 400;
811 | }
812 |
813 | .woocommerce #respond input#submit.alt:hover,
814 | .woocommerce a.button.alt:hover,
815 | .woocommerce button.button.alt:hover,
816 | .woocommerce input.button.alt:hover {
817 | background: var(--nord3);
818 | color: var(--nord4);
819 | }
820 |
821 | /*# sourceMappingURL=style.css.map */
--------------------------------------------------------------------------------
/assets/css/ie.css:
--------------------------------------------------------------------------------
1 | /*
2 | Theme Name: SMNTCS Retro
3 | Theme URI: https://github.com/nielslange/retro/
4 | Author: Niels Lange
5 | Author URI: https://nielslange.de/
6 | Description: SMNTCS Retro is a minimalistic theme for the average nerd.
7 | Version: 1.13
8 | Tested up to: 5.7
9 | Requires PHP: 7.0
10 | License: GNU General Public License v2 or later
11 | License URI: http://www.gnu.org/licenses/gpl-2.0.html
12 | Text Domain: smntcs-retro
13 | Tags: blog, one-column, custom-menu, featured-images, footer-widgets, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
14 | */
15 | /*******************************************************************************
16 | *
17 | * TABLE OF CONTENTS
18 | *
19 | * Normalize styles
20 | * Document styles
21 | * Required styles
22 | * Block styles
23 | * Header
24 | * Menus
25 | * Pages
26 | * Posts
27 | * Footer
28 | * WooCommerce
29 | *
30 | ******************************************************************************/
31 | /*******************************************************************************
32 | * Normalize styles
33 | ******************************************************************************/
34 | @import url(normalize.css);
35 | /*******************************************************************************
36 | * Document styles
37 | ******************************************************************************/
38 | :root {
39 | /* Polar Night */
40 | --nord0: #2e3440;
41 | --nord1: #3b4252;
42 | --nord2: #434c5e;
43 | --nord3: #4c566a;
44 | /* Snow Storm */
45 | --nord4: #d8dee9;
46 | --nord5: #e5e9f0;
47 | --nord6: #eceff4;
48 | /* Frost */
49 | --nord7: #8fbcbb;
50 | --nord8: #88c0d0;
51 | --nord9: #81a1c1;
52 | --nord10: #5e81ac;
53 | /* Aurora */
54 | --nord11: #bf616a;
55 | --nord12: #d08770;
56 | --nord13: #ebcb8b;
57 | --nord14: #a3be8c;
58 | --nord15: #b48ead;
59 | }
60 |
61 | @font-face {
62 | font-family: Hack;
63 | src: url(./assets/fonts/hack-regular.woff2?sha=3114f1256) format("woff2"), url(./assets/fonts/hack-regular.woff?sha=3114f1256) format("woff");
64 | font-weight: 400;
65 | font-style: normal;
66 | }
67 |
68 | @font-face {
69 | font-family: Hack;
70 | src: url(./assets/fonts/hack-bold.woff2?sha=3114f1256) format("woff2"), url(./assets/fonts/hack-bold.woff?sha=3114f1256) format("woff");
71 | font-weight: 700;
72 | font-style: normal;
73 | }
74 |
75 | @font-face {
76 | font-family: Hack;
77 | src: url(./assets/fonts/hack-italic.woff2?sha=3114f1256) format("woff2"), url(./assets/fonts/hack-italic.woff?sha=3114f1256) format("woff");
78 | font-weight: 400;
79 | font-style: italic;
80 | }
81 |
82 | @font-face {
83 | font-family: Hack;
84 | src: url(./assets/fonts/hack-bolditalic.woff2?sha=3114f1256) format("woff2"), url(./assets/fonts/hack-bolditalic.woff?sha=3114f1256) format("woff");
85 | font-weight: 700;
86 | font-style: italic;
87 | }
88 |
89 | html {
90 | font-size: 62.5%;
91 | /* 1rem = 10px */
92 | }
93 |
94 | body {
95 | background: var(--nord0);
96 | box-sizing: content-box;
97 | color: var(--nord9);
98 | font-family: Hack, monospace;
99 | font-size: 1.3rem;
100 | line-height: 1.4;
101 | text-align: left;
102 | overflow-y: visible;
103 | padding: 1rem 2rem;
104 | max-width: 580px;
105 | -webkit-hyphens: auto;
106 | -ms-hyphens: auto;
107 | hyphens: auto;
108 | }
109 |
110 | *,
111 | *::before,
112 | *::after {
113 | box-sizing: inherit;
114 | -webkit-font-smoothing: antialiased;
115 | word-break: break-word;
116 | word-wrap: break-word;
117 | }
118 |
119 | h1,
120 | h2,
121 | h3,
122 | h4,
123 | h5,
124 | h6 {
125 | color: var(--nord4);
126 | font-weight: 400;
127 | font-size: 1.8rem;
128 | line-height: normal;
129 | -webkit-margin-after: 2rem;
130 | margin-block-end: 2rem;
131 | -webkit-margin-before: 2rem;
132 | margin-block-start: 2rem;
133 | }
134 |
135 | a {
136 | color: var(--nord4);
137 | text-decoration: none;
138 | border-bottom: 1px dotted;
139 | }
140 |
141 | a:focus,
142 | a:hover {
143 | border-bottom: 1px solid;
144 | }
145 |
146 | hr {
147 | margin: 2rem 0;
148 | clear: both;
149 | color: transparent;
150 | border-color: transparent;
151 | background-color: transparent;
152 | border-top: 1px solid var(--nord3);
153 | }
154 |
155 | /*******************************************************************************
156 | * Required styles
157 | ******************************************************************************/
158 | .wp-caption {
159 | color: var(--nord4);
160 | }
161 |
162 | .wp-caption-text {
163 | color: var(--nord4);
164 | }
165 |
166 | .sticky {
167 | background: var(--nord1);
168 | border: 1px solid var(--nord2);
169 | padding: 1em;
170 | margin: 0 -1em;
171 | }
172 |
173 | .screen-reader-text {
174 | border: 0;
175 | clip: rect(1px, 1px, 1px, 1px);
176 | -webkit-clip-path: inset(50%);
177 | clip-path: inset(50%);
178 | height: 1px;
179 | margin: -1px;
180 | overflow: hidden;
181 | padding: 0;
182 | position: absolute !important;
183 | width: 1px;
184 | word-wrap: normal !important;
185 | word-break: normal;
186 | }
187 |
188 | .screen-reader-text:focus {
189 | background-color: #f1f1f1;
190 | border-radius: 3px;
191 | box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
192 | clip: auto !important;
193 | -webkit-clip-path: none;
194 | clip-path: none;
195 | color: #21759b;
196 | display: block;
197 | font-size: 14px;
198 | font-size: 0.875rem;
199 | font-weight: 700;
200 | height: auto;
201 | right: 5px;
202 | line-height: normal;
203 | padding: 15px 23px 14px;
204 | text-decoration: none;
205 | top: 5px;
206 | width: auto;
207 | z-index: 100000;
208 | }
209 |
210 | .gallery-caption {
211 | color: var(--nord4);
212 | }
213 |
214 | .bypostauthor {
215 | display: block;
216 | }
217 |
218 | .alignright {
219 | float: right;
220 | margin-left: 1em;
221 | }
222 |
223 | .alignleft {
224 | float: left;
225 | margin-right: 1em;
226 | }
227 |
228 | .aligncenter {
229 | margin-right: auto;
230 | margin-left: auto;
231 | display: block;
232 | clear: both;
233 | }
234 |
235 | /*******************************************************************************
236 | * Block styles
237 | ******************************************************************************/
238 | .wp-block-image figcaption {
239 | color: var(--nord4);
240 | }
241 |
242 | figure {
243 | -webkit-margin-before: 0;
244 | margin-block-start: 0;
245 | -webkit-margin-after: 0;
246 | margin-block-end: 0;
247 | -webkit-margin-start: 0;
248 | margin-inline-start: 0;
249 | -webkit-margin-end: 0;
250 | margin-inline-end: 0;
251 | }
252 |
253 | /*******************************************************************************
254 | * Header
255 | ******************************************************************************/
256 | #site-title h1,
257 | #site-title h2 {
258 | color: var(--nord4);
259 | margin-bottom: 0.5em;
260 | }
261 |
262 | #site-description h2 {
263 | color: var(--nord4);
264 | margin: 0 0 0.5rem;
265 | }
266 |
267 | /*******************************************************************************
268 | * Menus
269 | ******************************************************************************/
270 | .menu {
271 | margin: 1em 0;
272 | padding: 0;
273 | list-style-type: none;
274 | list-style-image: none;
275 | }
276 |
277 | .menu li {
278 | display: inline;
279 | margin-right: 0.5rem;
280 | }
281 |
282 | .menu li:last-of-type::after {
283 | content: none;
284 | }
285 |
286 | article p:first-of-type {
287 | margin-top: 0.5rem;
288 | }
289 |
290 | #header-menu {
291 | display: inline-block;
292 | margin-top: 0.5rem;
293 | width: calc(100% - 30px);
294 | }
295 |
296 | /*******************************************************************************
297 | * Pages
298 | ******************************************************************************/
299 | /*******************************************************************************
300 | * Posts
301 | ******************************************************************************/
302 | /* Articles ************************************/
303 | #site-content-posts article {
304 | margin: 2em 0 4em;
305 | }
306 |
307 | #site-content-posts article img:not(.zoomImg),
308 | #site-content-posts article figure {
309 | max-width: 100%;
310 | height: auto;
311 | }
312 |
313 | /* Search form *********************************/
314 | .search-form input[type="search"] {
315 | background: var(--nord0);
316 | border: 1px solid var(--nord10);
317 | box-sizing: border-box;
318 | color: var(--nord10);
319 | padding: 0.5em 1em;
320 | width: 79%;
321 | }
322 |
323 | .search-form input[type="submit"] {
324 | background: var(--nord1);
325 | border: 1px solid var(--nord10);
326 | box-sizing: border-box;
327 | color: var(--nord9);
328 | padding: 0.5em 1em;
329 | width: 19%;
330 | }
331 |
332 | /* Comments ************************************/
333 | .comment-form label {
334 | display: block;
335 | margin-bottom: 1em;
336 | }
337 |
338 | .comment-form .comment-form-comment {
339 | margin-top: 2em;
340 | }
341 |
342 | .comment-form .comment-form-comment textarea {
343 | background: var(--nord0);
344 | border-color: var(--nord10);
345 | box-sizing: border-box;
346 | color: var(--nord10);
347 | padding: 0.5em 1em;
348 | width: 100%;
349 | }
350 |
351 | .comment-form .form-submit {
352 | margin-bottom: 0.5em;
353 | }
354 |
355 | .comment-form .form-submit input[type="submit"] {
356 | background: var(--nord1);
357 | border-color: var(--nord10);
358 | box-sizing: border-box;
359 | color: var(--nord9);
360 | padding: 0.5em 1em;
361 | width: 100%;
362 | }
363 |
364 | /* Pagination **********************************/
365 | .post-pagination,
366 | .site-content-pagination {
367 | clear: both;
368 | padding: 2em 0;
369 | }
370 |
371 | .post-pagination {
372 | display: flex;
373 | }
374 |
375 | .post-pagination-previous {
376 | padding-right: 1%;
377 | width: 50%;
378 | }
379 |
380 | .post-pagination-next {
381 | padding-left: 1%;
382 | text-align: right;
383 | width: 50%;
384 | }
385 |
386 | /*******************************************************************************
387 | * Footer
388 | ******************************************************************************/
389 | #site-footer {
390 | color: var(--nord4);
391 | }
392 |
393 | #footer-widget-wrapper {
394 | margin-bottom: 1em;
395 | }
396 |
397 | @media screen and (min-width: 580px) {
398 | #footer-widget-wrapper {
399 | display: flex;
400 | }
401 | #footer-widget-wrapper-left,
402 | #footer-widget-wrapper-right {
403 | padding-right: 2em;
404 | width: 50%;
405 | }
406 | }
407 |
408 | #footer-credits-wrapper {
409 | margin-bottom: 1em;
410 | }
411 |
412 | /*******************************************************************************
413 | * WooCommerce
414 | ******************************************************************************/
415 | #add_payment_method .wc-proceed-to-checkout a.checkout-button,
416 | .woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
417 | .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {
418 | padding: 0.5em;
419 | }
420 |
421 | #add_payment_method #payment,
422 | .woocommerce-cart #payment,
423 | .woocommerce-checkout #payment {
424 | background: var(--nord0);
425 | border: 1px solid var(--nord3);
426 | border-radius: 2px;
427 | }
428 |
429 | #add_payment_method #payment div.payment_box,
430 | .woocommerce-cart #payment div.payment_box,
431 | .woocommerce-checkout #payment div.payment_box {
432 | background: var(--nord1);
433 | border: 1px solid var(--nord3);
434 | color: var(--nord4);
435 | }
436 |
437 | #add_payment_method #payment div.payment_box::before,
438 | .woocommerce-cart #payment div.payment_box::before,
439 | .woocommerce-checkout #payment div.payment_box::before {
440 | border: 1em solid var(--nord3);
441 | border-right-color: transparent;
442 | border-left-color: transparent;
443 | border-top-color: transparent;
444 | top: 0;
445 | margin: -2em 0 0 2em;
446 | }
447 |
448 | #add_payment_method #payment ul.payment_methods,
449 | .woocommerce-cart #payment ul.payment_methods,
450 | .woocommerce-checkout #payment ul.payment_methods {
451 | border-bottom: 1px solid var(--nord3);
452 | }
453 |
454 | .woocommerce div.product .woocommerce-tabs ul.tabs li.active,
455 | .woocommerce div.product .woocommerce-tabs ul.tabs li:focus,
456 | .woocommerce div.product .woocommerce-tabs ul.tabs li:hover {
457 | background: var(--nord2);
458 | border-bottom-color: var(--nord3);
459 | color: var(--nord4);
460 | }
461 |
462 | .woocommerce div.product .woocommerce-tabs ul.tabs li.active::before {
463 | box-shadow: 2px 2px 0 var(--nord3);
464 | border: none;
465 | }
466 |
467 | .woocommerce div.product .woocommerce-tabs ul.tabs li {
468 | border: 1px solid var(--nord1);
469 | background-color: var(--nord1);
470 | border-radius: 2px 2px 0 0;
471 | }
472 |
473 | .woocommerce div.product .woocommerce-tabs ul.tabs li::before {
474 | border-bottom-right-radius: 2px;
475 | box-shadow: 2px 2px 0 var(--nord1);
476 | border: none;
477 | }
478 |
479 | .woocommerce div.product .woocommerce-tabs ul.tabs li::after {
480 | border-bottom-left-radius: 2px;
481 | box-shadow: -2px 2px 0 var(--nord1);
482 | border: none;
483 | }
484 |
485 | .woocommerce div.product .woocommerce-tabs ul.tabs li a,
486 | .woocommerce div.product .woocommerce-tabs ul.tabs li a:focus,
487 | .woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
488 | color: var(--nord4);
489 | border: none;
490 | }
491 |
492 | .woocommerce div.product .woocommerce-tabs ul.tabs::before {
493 | border-bottom: 1px solid var(--nord3);
494 | }
495 |
496 | .woocommerce div.product .woocommerce-tabs ul.tabs li.active::after {
497 | box-shadow: -2px 2px 0 var(--nord3);
498 | }
499 |
500 | .woocommerce .product_meta > span {
501 | display: block;
502 | }
503 |
504 | .woocommerce .woocommerce-customer-details address {
505 | border-radius: 2px;
506 | border: 1px solid var(--nord3);
507 | box-sizing: border-box;
508 | }
509 |
510 | .woocommerce-account .woocommerce-MyAccount-navigation {
511 | width: 20%;
512 | }
513 |
514 | .woocommerce-account .woocommerce-MyAccount-content {
515 | width: 78%;
516 | }
517 |
518 | .woocommerce-account .woocommerce-MyAccount-navigation ul {
519 | margin: 0;
520 | padding: 0;
521 | }
522 |
523 | .woocommerce-account .woocommerce-MyAccount-navigation ul li {
524 | margin: 1em 0;
525 | list-style: none;
526 | }
527 |
528 | .woocommerce-error,
529 | .woocommerce-info,
530 | .woocommerce-message {
531 | background: var(--nord1);
532 | color: var(--nord4);
533 | border-top: 3px solid var(--nord11);
534 | }
535 |
536 | .woocommerce-error::before {
537 | color: var(--nord4);
538 | }
539 |
540 | .woocommerce-info {
541 | border-top-color: var(--nord10);
542 | }
543 |
544 | .woocommerce-info::before {
545 | color: var(--nord4);
546 | }
547 |
548 | .woocommerce-message {
549 | border-top-color: var(--nord14);
550 | }
551 |
552 | .woocommerce form .form-row.woocommerce-invalid .select2-container,
553 | .woocommerce form .form-row.woocommerce-invalid input.input-text,
554 | .woocommerce form .form-row.woocommerce-invalid select {
555 | border-color: var(--nord11);
556 | }
557 |
558 | .woocommerce form .form-row.woocommerce-invalid label {
559 | color: var(--nord11);
560 | }
561 |
562 | .woocommerce form .form-row.woocommerce-validated .select2-container,
563 | .woocommerce form .form-row.woocommerce-validated input.input-text,
564 | .woocommerce form .form-row.woocommerce-validated select {
565 | border-color: var(--nord3);
566 | }
567 |
568 | .woocommerce .woocommerce-ordering {
569 | margin: 0 0 2em;
570 | }
571 |
572 | .woocommerce .woocommerce-ordering select {
573 | background: var(--nord1);
574 | border: 1px solid var(--nord3);
575 | color: var(--nord4);
576 | }
577 |
578 | .woocommerce form.checkout_coupon,
579 | .woocommerce form.login,
580 | .woocommerce form.register {
581 | border: 1px solid var(--nord3);
582 | border-radius: 2px;
583 | }
584 |
585 | .woocommerce form .form-row input.input-text,
586 | .woocommerce form .form-row textarea {
587 | background: var(--nord3);
588 | border: 1px solid var(--nord3);
589 | color: var(--nord4);
590 | height: 2.5em;
591 | padding: 0.5em;
592 | }
593 |
594 | /* @todo: Added due to Gift Card extention */
595 | .woocommerce input[type="text"],
596 | .woocommerce textarea {
597 | background: var(--nord3);
598 | border: 1px solid var(--nord3);
599 | color: var(--nord4);
600 | height: 1.5em;
601 | padding: 0.5em;
602 | width: 100%;
603 | }
604 |
605 | /* @todo: Added due to Gift Card extention */
606 | .woocommerce textarea {
607 | height: 5em;
608 | }
609 |
610 | /* @todo: Added due to Gift Card extention */
611 | .add_gift_card_form #wc_gc_cart_redeem_form button {
612 | background: var(--nord2);
613 | border: 1px solid var(--nord3);
614 | border-radius: 2px;
615 | color: var(--nord4);
616 | height: 1.5em;
617 | padding: 0.5em;
618 | }
619 |
620 | .select2-container--default .select2-selection--single {
621 | background: var(--nord3);
622 | border: 1px solid var(--nord3);
623 | color: var(--nord4);
624 | border-radius: 2px;
625 | }
626 |
627 | .select2-container--default .select2-selection--single .select2-selection__rendered {
628 | background: var(--nord3);
629 | color: var(--nord4);
630 | }
631 |
632 | .select2-container--default .select2-results__option {
633 | color: var(--nord4);
634 | }
635 |
636 | .select2-container--default .select2-results__option[aria-selected="true"],
637 | .select2-container--default .select2-results__option[data-selected="true"] {
638 | background: var(--nord1);
639 | outline: none;
640 | }
641 |
642 | .select2-dropdown {
643 | background: var(--nord3);
644 | border: 1px solid var(--nord3);
645 | border-radius: 2px;
646 | scrollbar-color: var(--nord3);
647 | }
648 |
649 | .select2-container--default .select2-results > .select2-results__options ::-webkit-scrollbar {
650 | background: var(--nord3);
651 | }
652 |
653 | .select2-container--default .select2-search--dropdown .select2-search__field {
654 | background: var(--nord3);
655 | border: 1px solid var(--nord4);
656 | border-radius: 2px;
657 | color: var(--nord4);
658 | }
659 |
660 | .woocommerce form .form-row textarea {
661 | height: 10em;
662 | }
663 |
664 | .woocommerce form .form-row input.input-text:-ms-input-placeholder, .woocommerce form .form-row textarea:-ms-input-placeholder {
665 | color: var(--nord9);
666 | }
667 |
668 | .woocommerce form .form-row input.input-text::-ms-input-placeholder,
669 | .woocommerce form .form-row textarea::-ms-input-placeholder,
670 | .woocommerce form .form-row input.input-text::placeholder,
671 | .woocommerce form .form-row textarea::placeholder {
672 | color: var(--nord9);
673 | }
674 |
675 | .woocommerce form .form-row .required {
676 | color: var(--nord4);
677 | }
678 |
679 | .woocommerce ul.products li.product .price {
680 | color: var(--nord4);
681 | }
682 |
683 | .woocommerce #respond input#submit,
684 | .woocommerce a.button,
685 | .woocommerce button.button,
686 | .woocommerce input.button {
687 | background: var(--nord1);
688 | border: 1px solid var(--nord3);
689 | border-radius: 2px;
690 | color: var(--nord4);
691 | display: block;
692 | text-align: center;
693 | margin-right: 5px;
694 | }
695 |
696 | .woocommerce #respond input#submit:hover,
697 | .woocommerce a.button:hover,
698 | .woocommerce button.button:hover,
699 | .woocommerce input.button:hover {
700 | background: var(--nord3);
701 | color: var(--nord4);
702 | }
703 |
704 | .woocommerce nav.woocommerce-pagination ul {
705 | border: 1px solid var(--nord3);
706 | }
707 |
708 | .woocommerce nav.woocommerce-pagination ul li {
709 | border-right: 1px solid var(--nord3);
710 | }
711 |
712 | .woocommerce nav.woocommerce-pagination ul li:last-of-type {
713 | border-right: none;
714 | }
715 |
716 | .woocommerce nav.woocommerce-pagination ul li a,
717 | .woocommerce nav.woocommerce-pagination ul li span {
718 | background: var(--nord1);
719 | border: none;
720 | }
721 |
722 | .woocommerce nav.woocommerce-pagination ul li a:focus,
723 | .woocommerce nav.woocommerce-pagination ul li a:hover,
724 | .woocommerce nav.woocommerce-pagination ul li span.current {
725 | background: var(--nord3);
726 | color: var(--nord4);
727 | }
728 |
729 | .woocommerce .cart-collaterals .cart_totals,
730 | .woocommerce-page .cart-collaterals .cart_totals {
731 | max-width: 300px;
732 | }
733 |
734 | .woocommerce a.remove {
735 | color: var(--nord4) !important;
736 | }
737 |
738 | .woocommerce a.remove:hover {
739 | color: var(--nord4) !important;
740 | background: var(--nord11);
741 | }
742 |
743 | .woocommerce #content table.cart td.actions .input-text,
744 | .woocommerce table.cart td.actions .input-text,
745 | .woocommerce-page #content table.cart td.actions .input-text,
746 | .woocommerce-cart table.cart td.actions .coupon .input-text,
747 | .woocommerce-page table.cart td.actions .input-text {
748 | background: var(--nord3);
749 | border: 1px solid var(--nord3);
750 | border-radius: 2px;
751 | color: var(--nord4);
752 | height: 2.5em;
753 | line-height: 1;
754 | width: 120px;
755 | }
756 |
757 | .woocommerce-cart table.cart td.actions .coupon .input-text:-ms-input-placeholder {
758 | color: var(--nord9);
759 | }
760 |
761 | .woocommerce-cart table.cart td.actions .coupon .input-text::placeholder {
762 | color: var(--nord9);
763 | }
764 |
765 | .woocommerce-cart .product-thumbnail a {
766 | border: none;
767 | }
768 |
769 | .woocommerce-cart .cart-collaterals .cart_totals table th {
770 | width: 50%;
771 | }
772 |
773 | .woocommerce-cart .cart-collaterals .cart_totals table td {
774 | text-align: right;
775 | }
776 |
777 | .woocommerce-cart .cart-collaterals .cart_totals tr td,
778 | .woocommerce-cart .cart-collaterals .cart_totals tr th {
779 | border-top: 1px solid var(--nord3);
780 | }
781 |
782 | .woocommerce table.shop_table {
783 | border: 1px solid var(--nord3);
784 | border-radius: 2px;
785 | }
786 |
787 | .woocommerce-cart table.cart th {
788 | background: var(--nord1);
789 | color: var(--nord4);
790 | }
791 |
792 | .woocommerce table.shop_table td {
793 | border-top: 1px solid var(--nord3);
794 | }
795 |
796 | .woocommerce table.shop_table tbody th,
797 | .woocommerce table.shop_table tfoot td,
798 | .woocommerce table.shop_table tfoot th {
799 | border-top: 1px solid var(--nord3);
800 | }
801 |
802 | .woocommerce #respond input#submit.alt,
803 | .woocommerce a.button.alt,
804 | .woocommerce button.button.alt,
805 | .woocommerce input.button.alt {
806 | background: var(--nord1);
807 | border: 1px solid var(--nord3);
808 | color: var(--nord4);
809 | font-size: 1em;
810 | font-weight: 400;
811 | }
812 |
813 | .woocommerce #respond input#submit.alt:hover,
814 | .woocommerce a.button.alt:hover,
815 | .woocommerce button.button.alt:hover,
816 | .woocommerce input.button.alt:hover {
817 | background: var(--nord3);
818 | color: var(--nord4);
819 | }
820 | /*# sourceMappingURL=ie.css.map */
--------------------------------------------------------------------------------