diff --git a/css/debian-theme.css b/css/debian-theme.css index 10a801f..5ae9802 100644 --- a/css/debian-theme.css +++ b/css/debian-theme.css @@ -10,7 +10,8 @@ } #slb_viewer_wrap .slb_theme_slb_black .slb_container, -div#cwv3_dialog.cwv3_dialog.js { +div#cwv3_dialog.cwv3_dialog.js, +#pojo-a11y-skip-content { background-color: var(--background) !important; } @@ -47,10 +48,104 @@ div.cwv3_btns, color: var(--href) !important; } -body.pojo-a11y-dyslexia-font, body.pojo-a11y-dyslexia-font :not(i):not(span) { +body.pojo-a11y-dyslexia-font, +body.pojo-a11y-dyslexia-font :not(i):not(span) { font-family: OpenDyslexic2 Alt !important; } +/* Flickering animation */ +@keyframes flicker { + 0%, 18%, 22%, 25%, 53%, 57%, 100% { + text-shadow: 0 0 4px var(--href-dark), 0 0 11px var(--href-dark), 0 0 19px var(--href-dark), 0 0 40px var(--href), 0 0 80px var(--href), 0 0 150px var(--href); + } + 20%, 24%, 55% { + text-shadow: none; + } +} +@keyframes slide { + to { + background-position: 4500vh; + } +} +#wpadminbar .ab-top-menu > li.hover > .ab-item, +#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus, +#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus, +#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item, +div#wpadminbar.nojq, +#wpadminbar .screen-reader-shortcut { + background: var(--background-darker); + color: var(--href); +} + +#wpadminbar .quicklinks a span#ab-updates { + background: var(--background-darker); + color: #2c3338; + display: inline; + padding: 2px 5px; + font-size: 10px; + font-weight: 600; + border-radius: 10px; +} + +#wpadminbar .menupop .ab-sub-wrapper, +#wpadminbar .shortlink-input { + margin: 0; + padding: 0; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); + background: var(--background-darker); + display: none; + position: absolute; + float: none; +} + +.customize-partial-edit-shortcut button, +.widget .customize-partial-edit-shortcut button { + background-color: var(--href) !important; +} + +#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a, +#wpadminbar .quicklinks .menupop ul li a:focus, +#wpadminbar .quicklinks .menupop ul li a:focus strong, +#wpadminbar .quicklinks .menupop ul li a:hover, +#wpadminbar .quicklinks .menupop ul li a:hover strong, +#wpadminbar .quicklinks .menupop.hover ul li a:focus, +#wpadminbar .quicklinks .menupop.hover ul li a:hover, +#wpadminbar .quicklinks .menupop.hover ul li div[tabindex]:focus, +#wpadminbar .quicklinks .menupop.hover ul li div[tabindex]:hover, +#wpadminbar li #adminbarsearch.adminbar-focused:before, +#wpadminbar li .ab-item:focus .ab-icon:before, +#wpadminbar li .ab-item:focus:before, +#wpadminbar li a:focus .ab-icon:before, +#wpadminbar li.hover .ab-icon:before, +#wpadminbar li.hover .ab-item:before, +#wpadminbar li:hover #adminbarsearch:before, +#wpadminbar li:hover .ab-icon:before, +#wpadminbar li:hover .ab-item:before, +#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus, +#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover, +#wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label, +#wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label, +#wpadminbar > #wp-toolbar li.hover span.ab-label, +#wpadminbar .quicklinks .menupop .ab-sub-secondary > li .ab-item:focus a, +#wpadminbar .quicklinks .menupop .ab-sub-secondary > li > a:hover, +#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar, +#wpadminbar .quicklinks li a:focus .blavatar, +#wpadminbar .quicklinks li a:hover .blavatar, +#wpadminbar.mobile .quicklinks .hover .ab-icon:before, +#wpadminbar.mobile .quicklinks .hover .ab-item:before { + color: var(--href); +} + +.ab-sub-wrapper { + background-color: var(--background) !important; +} + +#wpadminbar #wp-admin-bar-my-account.with-avatar > .ab-empty-item img, +#wpadminbar #wp-admin-bar-my-account.with-avatar > a img { + border: none !important; + background: var(--background-darker) !important; +} + ::-moz-selection { background-color: var(--selector); } @@ -112,7 +207,6 @@ ul#primary-menu.menu.nav-menu:after { #site-navigation, .wp-comment-cookies-consent, -div#wpadminbar.nojq, div.custom-header.no-bg-img, div.logo-ads-wrap, div.mt-logo-row-wrapper.mt-clearfix, @@ -311,9 +405,16 @@ body { line-height: 1.5; font-weight: 1; color: var(--text-color); +} + +.site-title { text-shadow: 0 0 3px var(--href-dark), 0 0 10px var(--href), 0 0 20px var(--href), 0 0 30px var(--href); } +.error-num { + animation: flicker 1.5s infinite alternate; +} + .site-title a:hover { color: var(--href); cursor: url("data:image/webp;base64,UklGRkgDAABXRUJQVlA4WAoAAAAQAAAAHwAAHwAAQUxQSHEBAAABkENtm2k738ze58ROKlSubNROdavYSW/bto3KrFLatm0be2a+rzjs0kbEBACxRb4GZlPz0R2QZxoAogwbx9amsEhH1KNd2VxDzo9pBCC2yN4gUL9e3E/B2Di2Ft0lf2xQOaBcu2Ez125ZdUYhePVGCtmrXVOQHo9Y/lrZgyi3sR3SrYfOXrN/ArYp8U6ZPnEu8aJI6cBNZY5HN4oMzgVmShIlR0n+X/haC4PlSZGicpOiC6TTIaCjSBWX9OoLVHyrUKygDzUAHJcvkpx2wqL8K4UiMag7ItT+KxZLfxvAoPp3kcUKrWFhr8gXh9S/OjARFigRixL0MA1YNPinIBZGJVqJCIgwVQlF5kcq6F9DWGTukvckmQcp7zUcEQAYYI3kHElREkmGRJoJg6wGKLkliYnzPgTvkiB9HoA8jUWqx5EvyvfN4pqweQARgBpdxm4+evnWrYuHF5ZUASIUGBlkRqmUBYDIoHBjY4usUWTw/wwAVlA4ILABAAAQCQCdASogACAAPl0kjkWjoiEb9AA4BcS2AE6ZjZEIwGeq/sBlpO8l+TlbEvIVvoHEC3gagHRwY/B2xe6y9F3KJmUjAchCd03m3WTJKM9lNj4A/v8r8P/Xx1meVrJSUMxTcc9AZUbxa7RBza8/X22RkP/ZT/WPJvC/31XXNWdX4IQcymLxSHwk/AOQot/Vy51SPpLByvi2Nw/WnY//Vvw5/K7sTv6L7lhx/paRR3x7/+tT8U7rqW3wZ27YUH+0pH8BfxU3qX+XPAYKa6+B7G4rKTErNTD8yHKRmzxi2SPCI+D3qFvHklOO5NEXQtwKgi/wwBymnoBsApVtopJHEfLWHvHs/Eu4wS6evuaq8pp+kHsTtkQg1Me+n5+IeVXrNyMhb46InSX+nR1VuVapmbHqeZ6IHBGivUs802afX4E4iF+92dw02gf5u/ohS9TFeaQxq5IRp7wmrHCYX+FN3B93Ku8jhEuLfGC7g5E85Eyxf5EGte35Fh7f69epPL/rnhnOP3JhPlxCEaAK0kD3Khpl3U+zmQunDE3bYwA+bicyd0CPQ4vqv92TaZ1G/TQAAAA="), default !important; @@ -364,35 +465,6 @@ pre { background-color: #343434; } -#wpadminbar .ab-top-menu > li.hover > .ab-item, -#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus, -#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus, -#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item { - background: var(--background-darker); - color: var(--href); -} - -#wpadminbar .quicklinks a span#ab-updates { - background: var(--background-darker); - color: #2c3338; - display: inline; - padding: 2px 5px; - font-size: 10px; - font-weight: 600; - border-radius: 10px; -} - -#wpadminbar .menupop .ab-sub-wrapper, -#wpadminbar .shortlink-input { - margin: 0; - padding: 0; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); - background: var(--background-darker); - display: none; - position: absolute; - float: none; -} - #cancel-comment-reply-link:before, #site-navigation li.menu-item-has-children > a:before, #site-navigation li.page_item_has_children > a:before, @@ -559,12 +631,7 @@ span.required { -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; - animation: gradientR 1000s linear infinite; -} -@keyframes gradientR { - to { - background-position: 4500vh; - } + animation: slide 1000s linear infinite; } #mt-scrollup, diff --git a/css/default-theme.css b/css/default-theme.css index 1e6b23a..68ced0d 100644 --- a/css/default-theme.css +++ b/css/default-theme.css @@ -10,7 +10,8 @@ } #slb_viewer_wrap .slb_theme_slb_black .slb_container, -div#cwv3_dialog.cwv3_dialog.js { +div#cwv3_dialog.cwv3_dialog.js, +#pojo-a11y-skip-content { background-color: var(--background) !important; } @@ -47,10 +48,104 @@ div.cwv3_btns, color: var(--href) !important; } -body.pojo-a11y-dyslexia-font, body.pojo-a11y-dyslexia-font :not(i):not(span) { +body.pojo-a11y-dyslexia-font, +body.pojo-a11y-dyslexia-font :not(i):not(span) { font-family: OpenDyslexic2 Alt !important; } +/* Flickering animation */ +@keyframes flicker { + 0%, 18%, 22%, 25%, 53%, 57%, 100% { + text-shadow: 0 0 4px var(--href-dark), 0 0 11px var(--href-dark), 0 0 19px var(--href-dark), 0 0 40px var(--href), 0 0 80px var(--href), 0 0 150px var(--href); + } + 20%, 24%, 55% { + text-shadow: none; + } +} +@keyframes slide { + to { + background-position: 4500vh; + } +} +#wpadminbar .ab-top-menu > li.hover > .ab-item, +#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus, +#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus, +#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item, +div#wpadminbar.nojq, +#wpadminbar .screen-reader-shortcut { + background: var(--background-darker); + color: var(--href); +} + +#wpadminbar .quicklinks a span#ab-updates { + background: var(--background-darker); + color: #2c3338; + display: inline; + padding: 2px 5px; + font-size: 10px; + font-weight: 600; + border-radius: 10px; +} + +#wpadminbar .menupop .ab-sub-wrapper, +#wpadminbar .shortlink-input { + margin: 0; + padding: 0; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); + background: var(--background-darker); + display: none; + position: absolute; + float: none; +} + +.customize-partial-edit-shortcut button, +.widget .customize-partial-edit-shortcut button { + background-color: var(--href) !important; +} + +#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a, +#wpadminbar .quicklinks .menupop ul li a:focus, +#wpadminbar .quicklinks .menupop ul li a:focus strong, +#wpadminbar .quicklinks .menupop ul li a:hover, +#wpadminbar .quicklinks .menupop ul li a:hover strong, +#wpadminbar .quicklinks .menupop.hover ul li a:focus, +#wpadminbar .quicklinks .menupop.hover ul li a:hover, +#wpadminbar .quicklinks .menupop.hover ul li div[tabindex]:focus, +#wpadminbar .quicklinks .menupop.hover ul li div[tabindex]:hover, +#wpadminbar li #adminbarsearch.adminbar-focused:before, +#wpadminbar li .ab-item:focus .ab-icon:before, +#wpadminbar li .ab-item:focus:before, +#wpadminbar li a:focus .ab-icon:before, +#wpadminbar li.hover .ab-icon:before, +#wpadminbar li.hover .ab-item:before, +#wpadminbar li:hover #adminbarsearch:before, +#wpadminbar li:hover .ab-icon:before, +#wpadminbar li:hover .ab-item:before, +#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus, +#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover, +#wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label, +#wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label, +#wpadminbar > #wp-toolbar li.hover span.ab-label, +#wpadminbar .quicklinks .menupop .ab-sub-secondary > li .ab-item:focus a, +#wpadminbar .quicklinks .menupop .ab-sub-secondary > li > a:hover, +#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar, +#wpadminbar .quicklinks li a:focus .blavatar, +#wpadminbar .quicklinks li a:hover .blavatar, +#wpadminbar.mobile .quicklinks .hover .ab-icon:before, +#wpadminbar.mobile .quicklinks .hover .ab-item:before { + color: var(--href); +} + +.ab-sub-wrapper { + background-color: var(--background) !important; +} + +#wpadminbar #wp-admin-bar-my-account.with-avatar > .ab-empty-item img, +#wpadminbar #wp-admin-bar-my-account.with-avatar > a img { + border: none !important; + background: var(--background-darker) !important; +} + ::-moz-selection { background-color: var(--selector); } @@ -112,7 +207,6 @@ ul#primary-menu.menu.nav-menu:after { #site-navigation, .wp-comment-cookies-consent, -div#wpadminbar.nojq, div.custom-header.no-bg-img, div.logo-ads-wrap, div.mt-logo-row-wrapper.mt-clearfix, @@ -311,9 +405,16 @@ body { line-height: 1.5; font-weight: 1; color: var(--text-color); +} + +.site-title { text-shadow: 0 0 3px var(--href-dark), 0 0 10px var(--href), 0 0 20px var(--href), 0 0 30px var(--href); } +.error-num { + animation: flicker 1.5s infinite alternate; +} + .site-title a:hover { color: var(--href); cursor: url("data:image/webp;base64,UklGRkgDAABXRUJQVlA4WAoAAAAQAAAAHwAAHwAAQUxQSHEBAAABkENtm2k738ze58ROKlSubNROdavYSW/bto3KrFLatm0be2a+rzjs0kbEBACxRb4GZlPz0R2QZxoAogwbx9amsEhH1KNd2VxDzo9pBCC2yN4gUL9e3E/B2Di2Ft0lf2xQOaBcu2Ez125ZdUYhePVGCtmrXVOQHo9Y/lrZgyi3sR3SrYfOXrN/ArYp8U6ZPnEu8aJI6cBNZY5HN4oMzgVmShIlR0n+X/haC4PlSZGicpOiC6TTIaCjSBWX9OoLVHyrUKygDzUAHJcvkpx2wqL8K4UiMag7ItT+KxZLfxvAoPp3kcUKrWFhr8gXh9S/OjARFigRixL0MA1YNPinIBZGJVqJCIgwVQlF5kcq6F9DWGTukvckmQcp7zUcEQAYYI3kHElREkmGRJoJg6wGKLkliYnzPgTvkiB9HoA8jUWqx5EvyvfN4pqweQARgBpdxm4+evnWrYuHF5ZUASIUGBlkRqmUBYDIoHBjY4usUWTw/wwAVlA4ILABAAAQCQCdASogACAAPl0kjkWjoiEb9AA4BcS2AE6ZjZEIwGeq/sBlpO8l+TlbEvIVvoHEC3gagHRwY/B2xe6y9F3KJmUjAchCd03m3WTJKM9lNj4A/v8r8P/Xx1meVrJSUMxTcc9AZUbxa7RBza8/X22RkP/ZT/WPJvC/31XXNWdX4IQcymLxSHwk/AOQot/Vy51SPpLByvi2Nw/WnY//Vvw5/K7sTv6L7lhx/paRR3x7/+tT8U7rqW3wZ27YUH+0pH8BfxU3qX+XPAYKa6+B7G4rKTErNTD8yHKRmzxi2SPCI+D3qFvHklOO5NEXQtwKgi/wwBymnoBsApVtopJHEfLWHvHs/Eu4wS6evuaq8pp+kHsTtkQg1Me+n5+IeVXrNyMhb46InSX+nR1VuVapmbHqeZ6IHBGivUs802afX4E4iF+92dw02gf5u/ohS9TFeaQxq5IRp7wmrHCYX+FN3B93Ku8jhEuLfGC7g5E85Eyxf5EGte35Fh7f69epPL/rnhnOP3JhPlxCEaAK0kD3Khpl3U+zmQunDE3bYwA+bicyd0CPQ4vqv92TaZ1G/TQAAAA="), default !important; @@ -364,35 +465,6 @@ pre { background-color: #343434; } -#wpadminbar .ab-top-menu > li.hover > .ab-item, -#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus, -#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus, -#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item { - background: var(--background-darker); - color: var(--href); -} - -#wpadminbar .quicklinks a span#ab-updates { - background: var(--background-darker); - color: #2c3338; - display: inline; - padding: 2px 5px; - font-size: 10px; - font-weight: 600; - border-radius: 10px; -} - -#wpadminbar .menupop .ab-sub-wrapper, -#wpadminbar .shortlink-input { - margin: 0; - padding: 0; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); - background: var(--background-darker); - display: none; - position: absolute; - float: none; -} - #cancel-comment-reply-link:before, #site-navigation li.menu-item-has-children > a:before, #site-navigation li.page_item_has_children > a:before, @@ -559,12 +631,7 @@ span.required { -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; - animation: gradientR 1000s linear infinite; -} -@keyframes gradientR { - to { - background-position: 4500vh; - } + animation: slide 1000s linear infinite; } #mt-scrollup, diff --git a/css/discord-theme.css b/css/discord-theme.css index 6dff811..3b0e2d2 100644 --- a/css/discord-theme.css +++ b/css/discord-theme.css @@ -10,7 +10,8 @@ } #slb_viewer_wrap .slb_theme_slb_black .slb_container, -div#cwv3_dialog.cwv3_dialog.js { +div#cwv3_dialog.cwv3_dialog.js, +#pojo-a11y-skip-content { background-color: var(--background) !important; } @@ -47,10 +48,104 @@ div.cwv3_btns, color: var(--href) !important; } -body.pojo-a11y-dyslexia-font, body.pojo-a11y-dyslexia-font :not(i):not(span) { +body.pojo-a11y-dyslexia-font, +body.pojo-a11y-dyslexia-font :not(i):not(span) { font-family: OpenDyslexic2 Alt !important; } +/* Flickering animation */ +@keyframes flicker { + 0%, 18%, 22%, 25%, 53%, 57%, 100% { + text-shadow: 0 0 4px var(--href-dark), 0 0 11px var(--href-dark), 0 0 19px var(--href-dark), 0 0 40px var(--href), 0 0 80px var(--href), 0 0 150px var(--href); + } + 20%, 24%, 55% { + text-shadow: none; + } +} +@keyframes slide { + to { + background-position: 4500vh; + } +} +#wpadminbar .ab-top-menu > li.hover > .ab-item, +#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus, +#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus, +#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item, +div#wpadminbar.nojq, +#wpadminbar .screen-reader-shortcut { + background: var(--background-darker); + color: var(--href); +} + +#wpadminbar .quicklinks a span#ab-updates { + background: var(--background-darker); + color: #2c3338; + display: inline; + padding: 2px 5px; + font-size: 10px; + font-weight: 600; + border-radius: 10px; +} + +#wpadminbar .menupop .ab-sub-wrapper, +#wpadminbar .shortlink-input { + margin: 0; + padding: 0; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); + background: var(--background-darker); + display: none; + position: absolute; + float: none; +} + +.customize-partial-edit-shortcut button, +.widget .customize-partial-edit-shortcut button { + background-color: var(--href) !important; +} + +#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a, +#wpadminbar .quicklinks .menupop ul li a:focus, +#wpadminbar .quicklinks .menupop ul li a:focus strong, +#wpadminbar .quicklinks .menupop ul li a:hover, +#wpadminbar .quicklinks .menupop ul li a:hover strong, +#wpadminbar .quicklinks .menupop.hover ul li a:focus, +#wpadminbar .quicklinks .menupop.hover ul li a:hover, +#wpadminbar .quicklinks .menupop.hover ul li div[tabindex]:focus, +#wpadminbar .quicklinks .menupop.hover ul li div[tabindex]:hover, +#wpadminbar li #adminbarsearch.adminbar-focused:before, +#wpadminbar li .ab-item:focus .ab-icon:before, +#wpadminbar li .ab-item:focus:before, +#wpadminbar li a:focus .ab-icon:before, +#wpadminbar li.hover .ab-icon:before, +#wpadminbar li.hover .ab-item:before, +#wpadminbar li:hover #adminbarsearch:before, +#wpadminbar li:hover .ab-icon:before, +#wpadminbar li:hover .ab-item:before, +#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus, +#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover, +#wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label, +#wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label, +#wpadminbar > #wp-toolbar li.hover span.ab-label, +#wpadminbar .quicklinks .menupop .ab-sub-secondary > li .ab-item:focus a, +#wpadminbar .quicklinks .menupop .ab-sub-secondary > li > a:hover, +#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar, +#wpadminbar .quicklinks li a:focus .blavatar, +#wpadminbar .quicklinks li a:hover .blavatar, +#wpadminbar.mobile .quicklinks .hover .ab-icon:before, +#wpadminbar.mobile .quicklinks .hover .ab-item:before { + color: var(--href); +} + +.ab-sub-wrapper { + background-color: var(--background) !important; +} + +#wpadminbar #wp-admin-bar-my-account.with-avatar > .ab-empty-item img, +#wpadminbar #wp-admin-bar-my-account.with-avatar > a img { + border: none !important; + background: var(--background-darker) !important; +} + ::-moz-selection { background-color: var(--selector); } @@ -112,7 +207,6 @@ ul#primary-menu.menu.nav-menu:after { #site-navigation, .wp-comment-cookies-consent, -div#wpadminbar.nojq, div.custom-header.no-bg-img, div.logo-ads-wrap, div.mt-logo-row-wrapper.mt-clearfix, @@ -311,9 +405,16 @@ body { line-height: 1.5; font-weight: 1; color: var(--text-color); +} + +.site-title { text-shadow: 0 0 3px var(--href-dark), 0 0 10px var(--href), 0 0 20px var(--href), 0 0 30px var(--href); } +.error-num { + animation: flicker 1.5s infinite alternate; +} + .site-title a:hover { color: var(--href); cursor: url("data:image/webp;base64,UklGRkgDAABXRUJQVlA4WAoAAAAQAAAAHwAAHwAAQUxQSHEBAAABkENtm2k738ze58ROKlSubNROdavYSW/bto3KrFLatm0be2a+rzjs0kbEBACxRb4GZlPz0R2QZxoAogwbx9amsEhH1KNd2VxDzo9pBCC2yN4gUL9e3E/B2Di2Ft0lf2xQOaBcu2Ez125ZdUYhePVGCtmrXVOQHo9Y/lrZgyi3sR3SrYfOXrN/ArYp8U6ZPnEu8aJI6cBNZY5HN4oMzgVmShIlR0n+X/haC4PlSZGicpOiC6TTIaCjSBWX9OoLVHyrUKygDzUAHJcvkpx2wqL8K4UiMag7ItT+KxZLfxvAoPp3kcUKrWFhr8gXh9S/OjARFigRixL0MA1YNPinIBZGJVqJCIgwVQlF5kcq6F9DWGTukvckmQcp7zUcEQAYYI3kHElREkmGRJoJg6wGKLkliYnzPgTvkiB9HoA8jUWqx5EvyvfN4pqweQARgBpdxm4+evnWrYuHF5ZUASIUGBlkRqmUBYDIoHBjY4usUWTw/wwAVlA4ILABAAAQCQCdASogACAAPl0kjkWjoiEb9AA4BcS2AE6ZjZEIwGeq/sBlpO8l+TlbEvIVvoHEC3gagHRwY/B2xe6y9F3KJmUjAchCd03m3WTJKM9lNj4A/v8r8P/Xx1meVrJSUMxTcc9AZUbxa7RBza8/X22RkP/ZT/WPJvC/31XXNWdX4IQcymLxSHwk/AOQot/Vy51SPpLByvi2Nw/WnY//Vvw5/K7sTv6L7lhx/paRR3x7/+tT8U7rqW3wZ27YUH+0pH8BfxU3qX+XPAYKa6+B7G4rKTErNTD8yHKRmzxi2SPCI+D3qFvHklOO5NEXQtwKgi/wwBymnoBsApVtopJHEfLWHvHs/Eu4wS6evuaq8pp+kHsTtkQg1Me+n5+IeVXrNyMhb46InSX+nR1VuVapmbHqeZ6IHBGivUs802afX4E4iF+92dw02gf5u/ohS9TFeaQxq5IRp7wmrHCYX+FN3B93Ku8jhEuLfGC7g5E85Eyxf5EGte35Fh7f69epPL/rnhnOP3JhPlxCEaAK0kD3Khpl3U+zmQunDE3bYwA+bicyd0CPQ4vqv92TaZ1G/TQAAAA="), default !important; @@ -364,35 +465,6 @@ pre { background-color: #343434; } -#wpadminbar .ab-top-menu > li.hover > .ab-item, -#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus, -#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus, -#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item { - background: var(--background-darker); - color: var(--href); -} - -#wpadminbar .quicklinks a span#ab-updates { - background: var(--background-darker); - color: #2c3338; - display: inline; - padding: 2px 5px; - font-size: 10px; - font-weight: 600; - border-radius: 10px; -} - -#wpadminbar .menupop .ab-sub-wrapper, -#wpadminbar .shortlink-input { - margin: 0; - padding: 0; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); - background: var(--background-darker); - display: none; - position: absolute; - float: none; -} - #cancel-comment-reply-link:before, #site-navigation li.menu-item-has-children > a:before, #site-navigation li.page_item_has_children > a:before, @@ -559,12 +631,7 @@ span.required { -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; - animation: gradientR 1000s linear infinite; -} -@keyframes gradientR { - to { - background-position: 4500vh; - } + animation: slide 1000s linear infinite; } #mt-scrollup, diff --git a/css/jse-theme.css b/css/jse-theme.css index cd1bf09..df53c41 100644 --- a/css/jse-theme.css +++ b/css/jse-theme.css @@ -10,7 +10,8 @@ } #slb_viewer_wrap .slb_theme_slb_black .slb_container, -div#cwv3_dialog.cwv3_dialog.js { +div#cwv3_dialog.cwv3_dialog.js, +#pojo-a11y-skip-content { background-color: var(--background) !important; } @@ -47,10 +48,104 @@ div.cwv3_btns, color: var(--href) !important; } -body.pojo-a11y-dyslexia-font, body.pojo-a11y-dyslexia-font :not(i):not(span) { +body.pojo-a11y-dyslexia-font, +body.pojo-a11y-dyslexia-font :not(i):not(span) { font-family: OpenDyslexic2 Alt !important; } +/* Flickering animation */ +@keyframes flicker { + 0%, 18%, 22%, 25%, 53%, 57%, 100% { + text-shadow: 0 0 4px var(--href-dark), 0 0 11px var(--href-dark), 0 0 19px var(--href-dark), 0 0 40px var(--href), 0 0 80px var(--href), 0 0 150px var(--href); + } + 20%, 24%, 55% { + text-shadow: none; + } +} +@keyframes slide { + to { + background-position: 4500vh; + } +} +#wpadminbar .ab-top-menu > li.hover > .ab-item, +#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus, +#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus, +#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item, +div#wpadminbar.nojq, +#wpadminbar .screen-reader-shortcut { + background: var(--background-darker); + color: var(--href); +} + +#wpadminbar .quicklinks a span#ab-updates { + background: var(--background-darker); + color: #2c3338; + display: inline; + padding: 2px 5px; + font-size: 10px; + font-weight: 600; + border-radius: 10px; +} + +#wpadminbar .menupop .ab-sub-wrapper, +#wpadminbar .shortlink-input { + margin: 0; + padding: 0; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); + background: var(--background-darker); + display: none; + position: absolute; + float: none; +} + +.customize-partial-edit-shortcut button, +.widget .customize-partial-edit-shortcut button { + background-color: var(--href) !important; +} + +#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a, +#wpadminbar .quicklinks .menupop ul li a:focus, +#wpadminbar .quicklinks .menupop ul li a:focus strong, +#wpadminbar .quicklinks .menupop ul li a:hover, +#wpadminbar .quicklinks .menupop ul li a:hover strong, +#wpadminbar .quicklinks .menupop.hover ul li a:focus, +#wpadminbar .quicklinks .menupop.hover ul li a:hover, +#wpadminbar .quicklinks .menupop.hover ul li div[tabindex]:focus, +#wpadminbar .quicklinks .menupop.hover ul li div[tabindex]:hover, +#wpadminbar li #adminbarsearch.adminbar-focused:before, +#wpadminbar li .ab-item:focus .ab-icon:before, +#wpadminbar li .ab-item:focus:before, +#wpadminbar li a:focus .ab-icon:before, +#wpadminbar li.hover .ab-icon:before, +#wpadminbar li.hover .ab-item:before, +#wpadminbar li:hover #adminbarsearch:before, +#wpadminbar li:hover .ab-icon:before, +#wpadminbar li:hover .ab-item:before, +#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus, +#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover, +#wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label, +#wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label, +#wpadminbar > #wp-toolbar li.hover span.ab-label, +#wpadminbar .quicklinks .menupop .ab-sub-secondary > li .ab-item:focus a, +#wpadminbar .quicklinks .menupop .ab-sub-secondary > li > a:hover, +#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar, +#wpadminbar .quicklinks li a:focus .blavatar, +#wpadminbar .quicklinks li a:hover .blavatar, +#wpadminbar.mobile .quicklinks .hover .ab-icon:before, +#wpadminbar.mobile .quicklinks .hover .ab-item:before { + color: var(--href); +} + +.ab-sub-wrapper { + background-color: var(--background) !important; +} + +#wpadminbar #wp-admin-bar-my-account.with-avatar > .ab-empty-item img, +#wpadminbar #wp-admin-bar-my-account.with-avatar > a img { + border: none !important; + background: var(--background-darker) !important; +} + ::-moz-selection { background-color: var(--selector); } @@ -112,7 +207,6 @@ ul#primary-menu.menu.nav-menu:after { #site-navigation, .wp-comment-cookies-consent, -div#wpadminbar.nojq, div.custom-header.no-bg-img, div.logo-ads-wrap, div.mt-logo-row-wrapper.mt-clearfix, @@ -311,9 +405,16 @@ body { line-height: 1.5; font-weight: 1; color: var(--text-color); +} + +.site-title { text-shadow: 0 0 3px var(--href-dark), 0 0 10px var(--href), 0 0 20px var(--href), 0 0 30px var(--href); } +.error-num { + animation: flicker 1.5s infinite alternate; +} + .site-title a:hover { color: var(--href); cursor: url("data:image/webp;base64,UklGRkgDAABXRUJQVlA4WAoAAAAQAAAAHwAAHwAAQUxQSHEBAAABkENtm2k738ze58ROKlSubNROdavYSW/bto3KrFLatm0be2a+rzjs0kbEBACxRb4GZlPz0R2QZxoAogwbx9amsEhH1KNd2VxDzo9pBCC2yN4gUL9e3E/B2Di2Ft0lf2xQOaBcu2Ez125ZdUYhePVGCtmrXVOQHo9Y/lrZgyi3sR3SrYfOXrN/ArYp8U6ZPnEu8aJI6cBNZY5HN4oMzgVmShIlR0n+X/haC4PlSZGicpOiC6TTIaCjSBWX9OoLVHyrUKygDzUAHJcvkpx2wqL8K4UiMag7ItT+KxZLfxvAoPp3kcUKrWFhr8gXh9S/OjARFigRixL0MA1YNPinIBZGJVqJCIgwVQlF5kcq6F9DWGTukvckmQcp7zUcEQAYYI3kHElREkmGRJoJg6wGKLkliYnzPgTvkiB9HoA8jUWqx5EvyvfN4pqweQARgBpdxm4+evnWrYuHF5ZUASIUGBlkRqmUBYDIoHBjY4usUWTw/wwAVlA4ILABAAAQCQCdASogACAAPl0kjkWjoiEb9AA4BcS2AE6ZjZEIwGeq/sBlpO8l+TlbEvIVvoHEC3gagHRwY/B2xe6y9F3KJmUjAchCd03m3WTJKM9lNj4A/v8r8P/Xx1meVrJSUMxTcc9AZUbxa7RBza8/X22RkP/ZT/WPJvC/31XXNWdX4IQcymLxSHwk/AOQot/Vy51SPpLByvi2Nw/WnY//Vvw5/K7sTv6L7lhx/paRR3x7/+tT8U7rqW3wZ27YUH+0pH8BfxU3qX+XPAYKa6+B7G4rKTErNTD8yHKRmzxi2SPCI+D3qFvHklOO5NEXQtwKgi/wwBymnoBsApVtopJHEfLWHvHs/Eu4wS6evuaq8pp+kHsTtkQg1Me+n5+IeVXrNyMhb46InSX+nR1VuVapmbHqeZ6IHBGivUs802afX4E4iF+92dw02gf5u/ohS9TFeaQxq5IRp7wmrHCYX+FN3B93Ku8jhEuLfGC7g5E85Eyxf5EGte35Fh7f69epPL/rnhnOP3JhPlxCEaAK0kD3Khpl3U+zmQunDE3bYwA+bicyd0CPQ4vqv92TaZ1G/TQAAAA="), default !important; @@ -364,35 +465,6 @@ pre { background-color: #343434; } -#wpadminbar .ab-top-menu > li.hover > .ab-item, -#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus, -#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus, -#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item { - background: var(--background-darker); - color: var(--href); -} - -#wpadminbar .quicklinks a span#ab-updates { - background: var(--background-darker); - color: #2c3338; - display: inline; - padding: 2px 5px; - font-size: 10px; - font-weight: 600; - border-radius: 10px; -} - -#wpadminbar .menupop .ab-sub-wrapper, -#wpadminbar .shortlink-input { - margin: 0; - padding: 0; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); - background: var(--background-darker); - display: none; - position: absolute; - float: none; -} - #cancel-comment-reply-link:before, #site-navigation li.menu-item-has-children > a:before, #site-navigation li.page_item_has_children > a:before, @@ -559,12 +631,7 @@ span.required { -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; - animation: gradientR 1000s linear infinite; -} -@keyframes gradientR { - to { - background-position: 4500vh; - } + animation: slide 1000s linear infinite; } #mt-scrollup, diff --git a/css/noctua-theme.css b/css/noctua-theme.css index a4cb3e1..74d1aaf 100644 --- a/css/noctua-theme.css +++ b/css/noctua-theme.css @@ -10,7 +10,8 @@ } #slb_viewer_wrap .slb_theme_slb_black .slb_container, -div#cwv3_dialog.cwv3_dialog.js { +div#cwv3_dialog.cwv3_dialog.js, +#pojo-a11y-skip-content { background-color: var(--background) !important; } @@ -47,10 +48,104 @@ div.cwv3_btns, color: var(--href) !important; } -body.pojo-a11y-dyslexia-font, body.pojo-a11y-dyslexia-font :not(i):not(span) { +body.pojo-a11y-dyslexia-font, +body.pojo-a11y-dyslexia-font :not(i):not(span) { font-family: OpenDyslexic2 Alt !important; } +/* Flickering animation */ +@keyframes flicker { + 0%, 18%, 22%, 25%, 53%, 57%, 100% { + text-shadow: 0 0 4px var(--href-dark), 0 0 11px var(--href-dark), 0 0 19px var(--href-dark), 0 0 40px var(--href), 0 0 80px var(--href), 0 0 150px var(--href); + } + 20%, 24%, 55% { + text-shadow: none; + } +} +@keyframes slide { + to { + background-position: 4500vh; + } +} +#wpadminbar .ab-top-menu > li.hover > .ab-item, +#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus, +#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus, +#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item, +div#wpadminbar.nojq, +#wpadminbar .screen-reader-shortcut { + background: var(--background-darker); + color: var(--href); +} + +#wpadminbar .quicklinks a span#ab-updates { + background: var(--background-darker); + color: #2c3338; + display: inline; + padding: 2px 5px; + font-size: 10px; + font-weight: 600; + border-radius: 10px; +} + +#wpadminbar .menupop .ab-sub-wrapper, +#wpadminbar .shortlink-input { + margin: 0; + padding: 0; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); + background: var(--background-darker); + display: none; + position: absolute; + float: none; +} + +.customize-partial-edit-shortcut button, +.widget .customize-partial-edit-shortcut button { + background-color: var(--href) !important; +} + +#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a, +#wpadminbar .quicklinks .menupop ul li a:focus, +#wpadminbar .quicklinks .menupop ul li a:focus strong, +#wpadminbar .quicklinks .menupop ul li a:hover, +#wpadminbar .quicklinks .menupop ul li a:hover strong, +#wpadminbar .quicklinks .menupop.hover ul li a:focus, +#wpadminbar .quicklinks .menupop.hover ul li a:hover, +#wpadminbar .quicklinks .menupop.hover ul li div[tabindex]:focus, +#wpadminbar .quicklinks .menupop.hover ul li div[tabindex]:hover, +#wpadminbar li #adminbarsearch.adminbar-focused:before, +#wpadminbar li .ab-item:focus .ab-icon:before, +#wpadminbar li .ab-item:focus:before, +#wpadminbar li a:focus .ab-icon:before, +#wpadminbar li.hover .ab-icon:before, +#wpadminbar li.hover .ab-item:before, +#wpadminbar li:hover #adminbarsearch:before, +#wpadminbar li:hover .ab-icon:before, +#wpadminbar li:hover .ab-item:before, +#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus, +#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover, +#wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label, +#wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label, +#wpadminbar > #wp-toolbar li.hover span.ab-label, +#wpadminbar .quicklinks .menupop .ab-sub-secondary > li .ab-item:focus a, +#wpadminbar .quicklinks .menupop .ab-sub-secondary > li > a:hover, +#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar, +#wpadminbar .quicklinks li a:focus .blavatar, +#wpadminbar .quicklinks li a:hover .blavatar, +#wpadminbar.mobile .quicklinks .hover .ab-icon:before, +#wpadminbar.mobile .quicklinks .hover .ab-item:before { + color: var(--href); +} + +.ab-sub-wrapper { + background-color: var(--background) !important; +} + +#wpadminbar #wp-admin-bar-my-account.with-avatar > .ab-empty-item img, +#wpadminbar #wp-admin-bar-my-account.with-avatar > a img { + border: none !important; + background: var(--background-darker) !important; +} + ::-moz-selection { background-color: var(--selector); } @@ -112,7 +207,6 @@ ul#primary-menu.menu.nav-menu:after { #site-navigation, .wp-comment-cookies-consent, -div#wpadminbar.nojq, div.custom-header.no-bg-img, div.logo-ads-wrap, div.mt-logo-row-wrapper.mt-clearfix, @@ -311,9 +405,16 @@ body { line-height: 1.5; font-weight: 1; color: var(--text-color); +} + +.site-title { text-shadow: 0 0 3px var(--href-dark), 0 0 10px var(--href), 0 0 20px var(--href), 0 0 30px var(--href); } +.error-num { + animation: flicker 1.5s infinite alternate; +} + .site-title a:hover { color: var(--href); cursor: url("data:image/webp;base64,UklGRkgDAABXRUJQVlA4WAoAAAAQAAAAHwAAHwAAQUxQSHEBAAABkENtm2k738ze58ROKlSubNROdavYSW/bto3KrFLatm0be2a+rzjs0kbEBACxRb4GZlPz0R2QZxoAogwbx9amsEhH1KNd2VxDzo9pBCC2yN4gUL9e3E/B2Di2Ft0lf2xQOaBcu2Ez125ZdUYhePVGCtmrXVOQHo9Y/lrZgyi3sR3SrYfOXrN/ArYp8U6ZPnEu8aJI6cBNZY5HN4oMzgVmShIlR0n+X/haC4PlSZGicpOiC6TTIaCjSBWX9OoLVHyrUKygDzUAHJcvkpx2wqL8K4UiMag7ItT+KxZLfxvAoPp3kcUKrWFhr8gXh9S/OjARFigRixL0MA1YNPinIBZGJVqJCIgwVQlF5kcq6F9DWGTukvckmQcp7zUcEQAYYI3kHElREkmGRJoJg6wGKLkliYnzPgTvkiB9HoA8jUWqx5EvyvfN4pqweQARgBpdxm4+evnWrYuHF5ZUASIUGBlkRqmUBYDIoHBjY4usUWTw/wwAVlA4ILABAAAQCQCdASogACAAPl0kjkWjoiEb9AA4BcS2AE6ZjZEIwGeq/sBlpO8l+TlbEvIVvoHEC3gagHRwY/B2xe6y9F3KJmUjAchCd03m3WTJKM9lNj4A/v8r8P/Xx1meVrJSUMxTcc9AZUbxa7RBza8/X22RkP/ZT/WPJvC/31XXNWdX4IQcymLxSHwk/AOQot/Vy51SPpLByvi2Nw/WnY//Vvw5/K7sTv6L7lhx/paRR3x7/+tT8U7rqW3wZ27YUH+0pH8BfxU3qX+XPAYKa6+B7G4rKTErNTD8yHKRmzxi2SPCI+D3qFvHklOO5NEXQtwKgi/wwBymnoBsApVtopJHEfLWHvHs/Eu4wS6evuaq8pp+kHsTtkQg1Me+n5+IeVXrNyMhb46InSX+nR1VuVapmbHqeZ6IHBGivUs802afX4E4iF+92dw02gf5u/ohS9TFeaQxq5IRp7wmrHCYX+FN3B93Ku8jhEuLfGC7g5E85Eyxf5EGte35Fh7f69epPL/rnhnOP3JhPlxCEaAK0kD3Khpl3U+zmQunDE3bYwA+bicyd0CPQ4vqv92TaZ1G/TQAAAA="), default !important; @@ -364,35 +465,6 @@ pre { background-color: #343434; } -#wpadminbar .ab-top-menu > li.hover > .ab-item, -#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus, -#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus, -#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item { - background: var(--background-darker); - color: var(--href); -} - -#wpadminbar .quicklinks a span#ab-updates { - background: var(--background-darker); - color: #2c3338; - display: inline; - padding: 2px 5px; - font-size: 10px; - font-weight: 600; - border-radius: 10px; -} - -#wpadminbar .menupop .ab-sub-wrapper, -#wpadminbar .shortlink-input { - margin: 0; - padding: 0; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); - background: var(--background-darker); - display: none; - position: absolute; - float: none; -} - #cancel-comment-reply-link:before, #site-navigation li.menu-item-has-children > a:before, #site-navigation li.page_item_has_children > a:before, @@ -559,12 +631,7 @@ span.required { -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; - animation: gradientR 1000s linear infinite; -} -@keyframes gradientR { - to { - background-position: 4500vh; - } + animation: slide 1000s linear infinite; } #mt-scrollup, diff --git a/css/pink-theme.css b/css/pink-theme.css index e86e1ad..458594b 100644 --- a/css/pink-theme.css +++ b/css/pink-theme.css @@ -10,7 +10,8 @@ } #slb_viewer_wrap .slb_theme_slb_black .slb_container, -div#cwv3_dialog.cwv3_dialog.js { +div#cwv3_dialog.cwv3_dialog.js, +#pojo-a11y-skip-content { background-color: var(--background) !important; } @@ -47,10 +48,104 @@ div.cwv3_btns, color: var(--href) !important; } -body.pojo-a11y-dyslexia-font, body.pojo-a11y-dyslexia-font :not(i):not(span) { +body.pojo-a11y-dyslexia-font, +body.pojo-a11y-dyslexia-font :not(i):not(span) { font-family: OpenDyslexic2 Alt !important; } +/* Flickering animation */ +@keyframes flicker { + 0%, 18%, 22%, 25%, 53%, 57%, 100% { + text-shadow: 0 0 4px var(--href-dark), 0 0 11px var(--href-dark), 0 0 19px var(--href-dark), 0 0 40px var(--href), 0 0 80px var(--href), 0 0 150px var(--href); + } + 20%, 24%, 55% { + text-shadow: none; + } +} +@keyframes slide { + to { + background-position: 4500vh; + } +} +#wpadminbar .ab-top-menu > li.hover > .ab-item, +#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus, +#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus, +#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item, +div#wpadminbar.nojq, +#wpadminbar .screen-reader-shortcut { + background: var(--background-darker); + color: var(--href); +} + +#wpadminbar .quicklinks a span#ab-updates { + background: var(--background-darker); + color: #2c3338; + display: inline; + padding: 2px 5px; + font-size: 10px; + font-weight: 600; + border-radius: 10px; +} + +#wpadminbar .menupop .ab-sub-wrapper, +#wpadminbar .shortlink-input { + margin: 0; + padding: 0; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); + background: var(--background-darker); + display: none; + position: absolute; + float: none; +} + +.customize-partial-edit-shortcut button, +.widget .customize-partial-edit-shortcut button { + background-color: var(--href) !important; +} + +#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a, +#wpadminbar .quicklinks .menupop ul li a:focus, +#wpadminbar .quicklinks .menupop ul li a:focus strong, +#wpadminbar .quicklinks .menupop ul li a:hover, +#wpadminbar .quicklinks .menupop ul li a:hover strong, +#wpadminbar .quicklinks .menupop.hover ul li a:focus, +#wpadminbar .quicklinks .menupop.hover ul li a:hover, +#wpadminbar .quicklinks .menupop.hover ul li div[tabindex]:focus, +#wpadminbar .quicklinks .menupop.hover ul li div[tabindex]:hover, +#wpadminbar li #adminbarsearch.adminbar-focused:before, +#wpadminbar li .ab-item:focus .ab-icon:before, +#wpadminbar li .ab-item:focus:before, +#wpadminbar li a:focus .ab-icon:before, +#wpadminbar li.hover .ab-icon:before, +#wpadminbar li.hover .ab-item:before, +#wpadminbar li:hover #adminbarsearch:before, +#wpadminbar li:hover .ab-icon:before, +#wpadminbar li:hover .ab-item:before, +#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus, +#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover, +#wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label, +#wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label, +#wpadminbar > #wp-toolbar li.hover span.ab-label, +#wpadminbar .quicklinks .menupop .ab-sub-secondary > li .ab-item:focus a, +#wpadminbar .quicklinks .menupop .ab-sub-secondary > li > a:hover, +#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar, +#wpadminbar .quicklinks li a:focus .blavatar, +#wpadminbar .quicklinks li a:hover .blavatar, +#wpadminbar.mobile .quicklinks .hover .ab-icon:before, +#wpadminbar.mobile .quicklinks .hover .ab-item:before { + color: var(--href); +} + +.ab-sub-wrapper { + background-color: var(--background) !important; +} + +#wpadminbar #wp-admin-bar-my-account.with-avatar > .ab-empty-item img, +#wpadminbar #wp-admin-bar-my-account.with-avatar > a img { + border: none !important; + background: var(--background-darker) !important; +} + ::-moz-selection { background-color: var(--selector); } @@ -112,7 +207,6 @@ ul#primary-menu.menu.nav-menu:after { #site-navigation, .wp-comment-cookies-consent, -div#wpadminbar.nojq, div.custom-header.no-bg-img, div.logo-ads-wrap, div.mt-logo-row-wrapper.mt-clearfix, @@ -311,9 +405,16 @@ body { line-height: 1.5; font-weight: 1; color: var(--text-color); +} + +.site-title { text-shadow: 0 0 3px var(--href-dark), 0 0 10px var(--href), 0 0 20px var(--href), 0 0 30px var(--href); } +.error-num { + animation: flicker 1.5s infinite alternate; +} + .site-title a:hover { color: var(--href); cursor: url("data:image/webp;base64,UklGRkgDAABXRUJQVlA4WAoAAAAQAAAAHwAAHwAAQUxQSHEBAAABkENtm2k738ze58ROKlSubNROdavYSW/bto3KrFLatm0be2a+rzjs0kbEBACxRb4GZlPz0R2QZxoAogwbx9amsEhH1KNd2VxDzo9pBCC2yN4gUL9e3E/B2Di2Ft0lf2xQOaBcu2Ez125ZdUYhePVGCtmrXVOQHo9Y/lrZgyi3sR3SrYfOXrN/ArYp8U6ZPnEu8aJI6cBNZY5HN4oMzgVmShIlR0n+X/haC4PlSZGicpOiC6TTIaCjSBWX9OoLVHyrUKygDzUAHJcvkpx2wqL8K4UiMag7ItT+KxZLfxvAoPp3kcUKrWFhr8gXh9S/OjARFigRixL0MA1YNPinIBZGJVqJCIgwVQlF5kcq6F9DWGTukvckmQcp7zUcEQAYYI3kHElREkmGRJoJg6wGKLkliYnzPgTvkiB9HoA8jUWqx5EvyvfN4pqweQARgBpdxm4+evnWrYuHF5ZUASIUGBlkRqmUBYDIoHBjY4usUWTw/wwAVlA4ILABAAAQCQCdASogACAAPl0kjkWjoiEb9AA4BcS2AE6ZjZEIwGeq/sBlpO8l+TlbEvIVvoHEC3gagHRwY/B2xe6y9F3KJmUjAchCd03m3WTJKM9lNj4A/v8r8P/Xx1meVrJSUMxTcc9AZUbxa7RBza8/X22RkP/ZT/WPJvC/31XXNWdX4IQcymLxSHwk/AOQot/Vy51SPpLByvi2Nw/WnY//Vvw5/K7sTv6L7lhx/paRR3x7/+tT8U7rqW3wZ27YUH+0pH8BfxU3qX+XPAYKa6+B7G4rKTErNTD8yHKRmzxi2SPCI+D3qFvHklOO5NEXQtwKgi/wwBymnoBsApVtopJHEfLWHvHs/Eu4wS6evuaq8pp+kHsTtkQg1Me+n5+IeVXrNyMhb46InSX+nR1VuVapmbHqeZ6IHBGivUs802afX4E4iF+92dw02gf5u/ohS9TFeaQxq5IRp7wmrHCYX+FN3B93Ku8jhEuLfGC7g5E85Eyxf5EGte35Fh7f69epPL/rnhnOP3JhPlxCEaAK0kD3Khpl3U+zmQunDE3bYwA+bicyd0CPQ4vqv92TaZ1G/TQAAAA="), default !important; @@ -364,35 +465,6 @@ pre { background-color: #343434; } -#wpadminbar .ab-top-menu > li.hover > .ab-item, -#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus, -#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus, -#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item { - background: var(--background-darker); - color: var(--href); -} - -#wpadminbar .quicklinks a span#ab-updates { - background: var(--background-darker); - color: #2c3338; - display: inline; - padding: 2px 5px; - font-size: 10px; - font-weight: 600; - border-radius: 10px; -} - -#wpadminbar .menupop .ab-sub-wrapper, -#wpadminbar .shortlink-input { - margin: 0; - padding: 0; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); - background: var(--background-darker); - display: none; - position: absolute; - float: none; -} - #cancel-comment-reply-link:before, #site-navigation li.menu-item-has-children > a:before, #site-navigation li.page_item_has_children > a:before, @@ -559,12 +631,7 @@ span.required { -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; - animation: gradientR 1000s linear infinite; -} -@keyframes gradientR { - to { - background-position: 4500vh; - } + animation: slide 1000s linear infinite; } #mt-scrollup, diff --git a/css/purple-theme.css b/css/purple-theme.css index 01fee23..3bdcae3 100644 --- a/css/purple-theme.css +++ b/css/purple-theme.css @@ -10,7 +10,8 @@ } #slb_viewer_wrap .slb_theme_slb_black .slb_container, -div#cwv3_dialog.cwv3_dialog.js { +div#cwv3_dialog.cwv3_dialog.js, +#pojo-a11y-skip-content { background-color: var(--background) !important; } @@ -47,10 +48,104 @@ div.cwv3_btns, color: var(--href) !important; } -body.pojo-a11y-dyslexia-font, body.pojo-a11y-dyslexia-font :not(i):not(span) { +body.pojo-a11y-dyslexia-font, +body.pojo-a11y-dyslexia-font :not(i):not(span) { font-family: OpenDyslexic2 Alt !important; } +/* Flickering animation */ +@keyframes flicker { + 0%, 18%, 22%, 25%, 53%, 57%, 100% { + text-shadow: 0 0 4px var(--href-dark), 0 0 11px var(--href-dark), 0 0 19px var(--href-dark), 0 0 40px var(--href), 0 0 80px var(--href), 0 0 150px var(--href); + } + 20%, 24%, 55% { + text-shadow: none; + } +} +@keyframes slide { + to { + background-position: 4500vh; + } +} +#wpadminbar .ab-top-menu > li.hover > .ab-item, +#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus, +#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus, +#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item, +div#wpadminbar.nojq, +#wpadminbar .screen-reader-shortcut { + background: var(--background-darker); + color: var(--href); +} + +#wpadminbar .quicklinks a span#ab-updates { + background: var(--background-darker); + color: #2c3338; + display: inline; + padding: 2px 5px; + font-size: 10px; + font-weight: 600; + border-radius: 10px; +} + +#wpadminbar .menupop .ab-sub-wrapper, +#wpadminbar .shortlink-input { + margin: 0; + padding: 0; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); + background: var(--background-darker); + display: none; + position: absolute; + float: none; +} + +.customize-partial-edit-shortcut button, +.widget .customize-partial-edit-shortcut button { + background-color: var(--href) !important; +} + +#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a, +#wpadminbar .quicklinks .menupop ul li a:focus, +#wpadminbar .quicklinks .menupop ul li a:focus strong, +#wpadminbar .quicklinks .menupop ul li a:hover, +#wpadminbar .quicklinks .menupop ul li a:hover strong, +#wpadminbar .quicklinks .menupop.hover ul li a:focus, +#wpadminbar .quicklinks .menupop.hover ul li a:hover, +#wpadminbar .quicklinks .menupop.hover ul li div[tabindex]:focus, +#wpadminbar .quicklinks .menupop.hover ul li div[tabindex]:hover, +#wpadminbar li #adminbarsearch.adminbar-focused:before, +#wpadminbar li .ab-item:focus .ab-icon:before, +#wpadminbar li .ab-item:focus:before, +#wpadminbar li a:focus .ab-icon:before, +#wpadminbar li.hover .ab-icon:before, +#wpadminbar li.hover .ab-item:before, +#wpadminbar li:hover #adminbarsearch:before, +#wpadminbar li:hover .ab-icon:before, +#wpadminbar li:hover .ab-item:before, +#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus, +#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover, +#wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label, +#wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label, +#wpadminbar > #wp-toolbar li.hover span.ab-label, +#wpadminbar .quicklinks .menupop .ab-sub-secondary > li .ab-item:focus a, +#wpadminbar .quicklinks .menupop .ab-sub-secondary > li > a:hover, +#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar, +#wpadminbar .quicklinks li a:focus .blavatar, +#wpadminbar .quicklinks li a:hover .blavatar, +#wpadminbar.mobile .quicklinks .hover .ab-icon:before, +#wpadminbar.mobile .quicklinks .hover .ab-item:before { + color: var(--href); +} + +.ab-sub-wrapper { + background-color: var(--background) !important; +} + +#wpadminbar #wp-admin-bar-my-account.with-avatar > .ab-empty-item img, +#wpadminbar #wp-admin-bar-my-account.with-avatar > a img { + border: none !important; + background: var(--background-darker) !important; +} + ::-moz-selection { background-color: var(--selector); } @@ -112,7 +207,6 @@ ul#primary-menu.menu.nav-menu:after { #site-navigation, .wp-comment-cookies-consent, -div#wpadminbar.nojq, div.custom-header.no-bg-img, div.logo-ads-wrap, div.mt-logo-row-wrapper.mt-clearfix, @@ -311,9 +405,16 @@ body { line-height: 1.5; font-weight: 1; color: var(--text-color); +} + +.site-title { text-shadow: 0 0 3px var(--href-dark), 0 0 10px var(--href), 0 0 20px var(--href), 0 0 30px var(--href); } +.error-num { + animation: flicker 1.5s infinite alternate; +} + .site-title a:hover { color: var(--href); cursor: url("data:image/webp;base64,UklGRkgDAABXRUJQVlA4WAoAAAAQAAAAHwAAHwAAQUxQSHEBAAABkENtm2k738ze58ROKlSubNROdavYSW/bto3KrFLatm0be2a+rzjs0kbEBACxRb4GZlPz0R2QZxoAogwbx9amsEhH1KNd2VxDzo9pBCC2yN4gUL9e3E/B2Di2Ft0lf2xQOaBcu2Ez125ZdUYhePVGCtmrXVOQHo9Y/lrZgyi3sR3SrYfOXrN/ArYp8U6ZPnEu8aJI6cBNZY5HN4oMzgVmShIlR0n+X/haC4PlSZGicpOiC6TTIaCjSBWX9OoLVHyrUKygDzUAHJcvkpx2wqL8K4UiMag7ItT+KxZLfxvAoPp3kcUKrWFhr8gXh9S/OjARFigRixL0MA1YNPinIBZGJVqJCIgwVQlF5kcq6F9DWGTukvckmQcp7zUcEQAYYI3kHElREkmGRJoJg6wGKLkliYnzPgTvkiB9HoA8jUWqx5EvyvfN4pqweQARgBpdxm4+evnWrYuHF5ZUASIUGBlkRqmUBYDIoHBjY4usUWTw/wwAVlA4ILABAAAQCQCdASogACAAPl0kjkWjoiEb9AA4BcS2AE6ZjZEIwGeq/sBlpO8l+TlbEvIVvoHEC3gagHRwY/B2xe6y9F3KJmUjAchCd03m3WTJKM9lNj4A/v8r8P/Xx1meVrJSUMxTcc9AZUbxa7RBza8/X22RkP/ZT/WPJvC/31XXNWdX4IQcymLxSHwk/AOQot/Vy51SPpLByvi2Nw/WnY//Vvw5/K7sTv6L7lhx/paRR3x7/+tT8U7rqW3wZ27YUH+0pH8BfxU3qX+XPAYKa6+B7G4rKTErNTD8yHKRmzxi2SPCI+D3qFvHklOO5NEXQtwKgi/wwBymnoBsApVtopJHEfLWHvHs/Eu4wS6evuaq8pp+kHsTtkQg1Me+n5+IeVXrNyMhb46InSX+nR1VuVapmbHqeZ6IHBGivUs802afX4E4iF+92dw02gf5u/ohS9TFeaQxq5IRp7wmrHCYX+FN3B93Ku8jhEuLfGC7g5E85Eyxf5EGte35Fh7f69epPL/rnhnOP3JhPlxCEaAK0kD3Khpl3U+zmQunDE3bYwA+bicyd0CPQ4vqv92TaZ1G/TQAAAA="), default !important; @@ -364,35 +465,6 @@ pre { background-color: #343434; } -#wpadminbar .ab-top-menu > li.hover > .ab-item, -#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus, -#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus, -#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item { - background: var(--background-darker); - color: var(--href); -} - -#wpadminbar .quicklinks a span#ab-updates { - background: var(--background-darker); - color: #2c3338; - display: inline; - padding: 2px 5px; - font-size: 10px; - font-weight: 600; - border-radius: 10px; -} - -#wpadminbar .menupop .ab-sub-wrapper, -#wpadminbar .shortlink-input { - margin: 0; - padding: 0; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); - background: var(--background-darker); - display: none; - position: absolute; - float: none; -} - #cancel-comment-reply-link:before, #site-navigation li.menu-item-has-children > a:before, #site-navigation li.page_item_has_children > a:before, @@ -559,12 +631,7 @@ span.required { -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; - animation: gradientR 1000s linear infinite; -} -@keyframes gradientR { - to { - background-position: 4500vh; - } + animation: slide 1000s linear infinite; } #mt-scrollup, diff --git a/css/retro-theme.css b/css/retro-theme.css index d8bc9cd..a582280 100644 --- a/css/retro-theme.css +++ b/css/retro-theme.css @@ -10,7 +10,8 @@ } #slb_viewer_wrap .slb_theme_slb_black .slb_container, -div#cwv3_dialog.cwv3_dialog.js { +div#cwv3_dialog.cwv3_dialog.js, +#pojo-a11y-skip-content { background-color: var(--background) !important; } @@ -47,10 +48,104 @@ div.cwv3_btns, color: var(--href) !important; } -body.pojo-a11y-dyslexia-font, body.pojo-a11y-dyslexia-font :not(i):not(span) { +body.pojo-a11y-dyslexia-font, +body.pojo-a11y-dyslexia-font :not(i):not(span) { font-family: OpenDyslexic2 Alt !important; } +/* Flickering animation */ +@keyframes flicker { + 0%, 18%, 22%, 25%, 53%, 57%, 100% { + text-shadow: 0 0 4px var(--href-dark), 0 0 11px var(--href-dark), 0 0 19px var(--href-dark), 0 0 40px var(--href), 0 0 80px var(--href), 0 0 150px var(--href); + } + 20%, 24%, 55% { + text-shadow: none; + } +} +@keyframes slide { + to { + background-position: 4500vh; + } +} +#wpadminbar .ab-top-menu > li.hover > .ab-item, +#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus, +#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus, +#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item, +div#wpadminbar.nojq, +#wpadminbar .screen-reader-shortcut { + background: var(--background-darker); + color: var(--href); +} + +#wpadminbar .quicklinks a span#ab-updates { + background: var(--background-darker); + color: #2c3338; + display: inline; + padding: 2px 5px; + font-size: 10px; + font-weight: 600; + border-radius: 10px; +} + +#wpadminbar .menupop .ab-sub-wrapper, +#wpadminbar .shortlink-input { + margin: 0; + padding: 0; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); + background: var(--background-darker); + display: none; + position: absolute; + float: none; +} + +.customize-partial-edit-shortcut button, +.widget .customize-partial-edit-shortcut button { + background-color: var(--href) !important; +} + +#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a, +#wpadminbar .quicklinks .menupop ul li a:focus, +#wpadminbar .quicklinks .menupop ul li a:focus strong, +#wpadminbar .quicklinks .menupop ul li a:hover, +#wpadminbar .quicklinks .menupop ul li a:hover strong, +#wpadminbar .quicklinks .menupop.hover ul li a:focus, +#wpadminbar .quicklinks .menupop.hover ul li a:hover, +#wpadminbar .quicklinks .menupop.hover ul li div[tabindex]:focus, +#wpadminbar .quicklinks .menupop.hover ul li div[tabindex]:hover, +#wpadminbar li #adminbarsearch.adminbar-focused:before, +#wpadminbar li .ab-item:focus .ab-icon:before, +#wpadminbar li .ab-item:focus:before, +#wpadminbar li a:focus .ab-icon:before, +#wpadminbar li.hover .ab-icon:before, +#wpadminbar li.hover .ab-item:before, +#wpadminbar li:hover #adminbarsearch:before, +#wpadminbar li:hover .ab-icon:before, +#wpadminbar li:hover .ab-item:before, +#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus, +#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover, +#wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label, +#wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label, +#wpadminbar > #wp-toolbar li.hover span.ab-label, +#wpadminbar .quicklinks .menupop .ab-sub-secondary > li .ab-item:focus a, +#wpadminbar .quicklinks .menupop .ab-sub-secondary > li > a:hover, +#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar, +#wpadminbar .quicklinks li a:focus .blavatar, +#wpadminbar .quicklinks li a:hover .blavatar, +#wpadminbar.mobile .quicklinks .hover .ab-icon:before, +#wpadminbar.mobile .quicklinks .hover .ab-item:before { + color: var(--href); +} + +.ab-sub-wrapper { + background-color: var(--background) !important; +} + +#wpadminbar #wp-admin-bar-my-account.with-avatar > .ab-empty-item img, +#wpadminbar #wp-admin-bar-my-account.with-avatar > a img { + border: none !important; + background: var(--background-darker) !important; +} + ::-moz-selection { background-color: var(--selector); } @@ -112,7 +207,6 @@ ul#primary-menu.menu.nav-menu:after { #site-navigation, .wp-comment-cookies-consent, -div#wpadminbar.nojq, div.custom-header.no-bg-img, div.logo-ads-wrap, div.mt-logo-row-wrapper.mt-clearfix, @@ -311,9 +405,16 @@ body { line-height: 1.5; font-weight: 1; color: var(--text-color); +} + +.site-title { text-shadow: 0 0 3px var(--href-dark), 0 0 10px var(--href), 0 0 20px var(--href), 0 0 30px var(--href); } +.error-num { + animation: flicker 1.5s infinite alternate; +} + .site-title a:hover { color: var(--href); cursor: url("data:image/webp;base64,UklGRkgDAABXRUJQVlA4WAoAAAAQAAAAHwAAHwAAQUxQSHEBAAABkENtm2k738ze58ROKlSubNROdavYSW/bto3KrFLatm0be2a+rzjs0kbEBACxRb4GZlPz0R2QZxoAogwbx9amsEhH1KNd2VxDzo9pBCC2yN4gUL9e3E/B2Di2Ft0lf2xQOaBcu2Ez125ZdUYhePVGCtmrXVOQHo9Y/lrZgyi3sR3SrYfOXrN/ArYp8U6ZPnEu8aJI6cBNZY5HN4oMzgVmShIlR0n+X/haC4PlSZGicpOiC6TTIaCjSBWX9OoLVHyrUKygDzUAHJcvkpx2wqL8K4UiMag7ItT+KxZLfxvAoPp3kcUKrWFhr8gXh9S/OjARFigRixL0MA1YNPinIBZGJVqJCIgwVQlF5kcq6F9DWGTukvckmQcp7zUcEQAYYI3kHElREkmGRJoJg6wGKLkliYnzPgTvkiB9HoA8jUWqx5EvyvfN4pqweQARgBpdxm4+evnWrYuHF5ZUASIUGBlkRqmUBYDIoHBjY4usUWTw/wwAVlA4ILABAAAQCQCdASogACAAPl0kjkWjoiEb9AA4BcS2AE6ZjZEIwGeq/sBlpO8l+TlbEvIVvoHEC3gagHRwY/B2xe6y9F3KJmUjAchCd03m3WTJKM9lNj4A/v8r8P/Xx1meVrJSUMxTcc9AZUbxa7RBza8/X22RkP/ZT/WPJvC/31XXNWdX4IQcymLxSHwk/AOQot/Vy51SPpLByvi2Nw/WnY//Vvw5/K7sTv6L7lhx/paRR3x7/+tT8U7rqW3wZ27YUH+0pH8BfxU3qX+XPAYKa6+B7G4rKTErNTD8yHKRmzxi2SPCI+D3qFvHklOO5NEXQtwKgi/wwBymnoBsApVtopJHEfLWHvHs/Eu4wS6evuaq8pp+kHsTtkQg1Me+n5+IeVXrNyMhb46InSX+nR1VuVapmbHqeZ6IHBGivUs802afX4E4iF+92dw02gf5u/ohS9TFeaQxq5IRp7wmrHCYX+FN3B93Ku8jhEuLfGC7g5E85Eyxf5EGte35Fh7f69epPL/rnhnOP3JhPlxCEaAK0kD3Khpl3U+zmQunDE3bYwA+bicyd0CPQ4vqv92TaZ1G/TQAAAA="), default !important; @@ -364,35 +465,6 @@ pre { background-color: #343434; } -#wpadminbar .ab-top-menu > li.hover > .ab-item, -#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus, -#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus, -#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item { - background: var(--background-darker); - color: var(--href); -} - -#wpadminbar .quicklinks a span#ab-updates { - background: var(--background-darker); - color: #2c3338; - display: inline; - padding: 2px 5px; - font-size: 10px; - font-weight: 600; - border-radius: 10px; -} - -#wpadminbar .menupop .ab-sub-wrapper, -#wpadminbar .shortlink-input { - margin: 0; - padding: 0; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); - background: var(--background-darker); - display: none; - position: absolute; - float: none; -} - #cancel-comment-reply-link:before, #site-navigation li.menu-item-has-children > a:before, #site-navigation li.page_item_has_children > a:before, @@ -559,12 +631,7 @@ span.required { -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; - animation: gradientR 1000s linear infinite; -} -@keyframes gradientR { - to { - background-position: 4500vh; - } + animation: slide 1000s linear infinite; } #mt-scrollup, diff --git a/css/steam-theme.css b/css/steam-theme.css index aa4ef8a..21af6de 100644 --- a/css/steam-theme.css +++ b/css/steam-theme.css @@ -10,7 +10,8 @@ } #slb_viewer_wrap .slb_theme_slb_black .slb_container, -div#cwv3_dialog.cwv3_dialog.js { +div#cwv3_dialog.cwv3_dialog.js, +#pojo-a11y-skip-content { background-color: var(--background) !important; } @@ -47,10 +48,104 @@ div.cwv3_btns, color: var(--href) !important; } -body.pojo-a11y-dyslexia-font, body.pojo-a11y-dyslexia-font :not(i):not(span) { +body.pojo-a11y-dyslexia-font, +body.pojo-a11y-dyslexia-font :not(i):not(span) { font-family: OpenDyslexic2 Alt !important; } +/* Flickering animation */ +@keyframes flicker { + 0%, 18%, 22%, 25%, 53%, 57%, 100% { + text-shadow: 0 0 4px var(--href-dark), 0 0 11px var(--href-dark), 0 0 19px var(--href-dark), 0 0 40px var(--href), 0 0 80px var(--href), 0 0 150px var(--href); + } + 20%, 24%, 55% { + text-shadow: none; + } +} +@keyframes slide { + to { + background-position: 4500vh; + } +} +#wpadminbar .ab-top-menu > li.hover > .ab-item, +#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus, +#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus, +#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item, +div#wpadminbar.nojq, +#wpadminbar .screen-reader-shortcut { + background: var(--background-darker); + color: var(--href); +} + +#wpadminbar .quicklinks a span#ab-updates { + background: var(--background-darker); + color: #2c3338; + display: inline; + padding: 2px 5px; + font-size: 10px; + font-weight: 600; + border-radius: 10px; +} + +#wpadminbar .menupop .ab-sub-wrapper, +#wpadminbar .shortlink-input { + margin: 0; + padding: 0; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); + background: var(--background-darker); + display: none; + position: absolute; + float: none; +} + +.customize-partial-edit-shortcut button, +.widget .customize-partial-edit-shortcut button { + background-color: var(--href) !important; +} + +#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a, +#wpadminbar .quicklinks .menupop ul li a:focus, +#wpadminbar .quicklinks .menupop ul li a:focus strong, +#wpadminbar .quicklinks .menupop ul li a:hover, +#wpadminbar .quicklinks .menupop ul li a:hover strong, +#wpadminbar .quicklinks .menupop.hover ul li a:focus, +#wpadminbar .quicklinks .menupop.hover ul li a:hover, +#wpadminbar .quicklinks .menupop.hover ul li div[tabindex]:focus, +#wpadminbar .quicklinks .menupop.hover ul li div[tabindex]:hover, +#wpadminbar li #adminbarsearch.adminbar-focused:before, +#wpadminbar li .ab-item:focus .ab-icon:before, +#wpadminbar li .ab-item:focus:before, +#wpadminbar li a:focus .ab-icon:before, +#wpadminbar li.hover .ab-icon:before, +#wpadminbar li.hover .ab-item:before, +#wpadminbar li:hover #adminbarsearch:before, +#wpadminbar li:hover .ab-icon:before, +#wpadminbar li:hover .ab-item:before, +#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus, +#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover, +#wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label, +#wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label, +#wpadminbar > #wp-toolbar li.hover span.ab-label, +#wpadminbar .quicklinks .menupop .ab-sub-secondary > li .ab-item:focus a, +#wpadminbar .quicklinks .menupop .ab-sub-secondary > li > a:hover, +#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar, +#wpadminbar .quicklinks li a:focus .blavatar, +#wpadminbar .quicklinks li a:hover .blavatar, +#wpadminbar.mobile .quicklinks .hover .ab-icon:before, +#wpadminbar.mobile .quicklinks .hover .ab-item:before { + color: var(--href); +} + +.ab-sub-wrapper { + background-color: var(--background) !important; +} + +#wpadminbar #wp-admin-bar-my-account.with-avatar > .ab-empty-item img, +#wpadminbar #wp-admin-bar-my-account.with-avatar > a img { + border: none !important; + background: var(--background-darker) !important; +} + ::-moz-selection { background-color: var(--selector); } @@ -112,7 +207,6 @@ ul#primary-menu.menu.nav-menu:after { #site-navigation, .wp-comment-cookies-consent, -div#wpadminbar.nojq, div.custom-header.no-bg-img, div.logo-ads-wrap, div.mt-logo-row-wrapper.mt-clearfix, @@ -311,9 +405,16 @@ body { line-height: 1.5; font-weight: 1; color: var(--text-color); +} + +.site-title { text-shadow: 0 0 3px var(--href-dark), 0 0 10px var(--href), 0 0 20px var(--href), 0 0 30px var(--href); } +.error-num { + animation: flicker 1.5s infinite alternate; +} + .site-title a:hover { color: var(--href); cursor: url("data:image/webp;base64,UklGRkgDAABXRUJQVlA4WAoAAAAQAAAAHwAAHwAAQUxQSHEBAAABkENtm2k738ze58ROKlSubNROdavYSW/bto3KrFLatm0be2a+rzjs0kbEBACxRb4GZlPz0R2QZxoAogwbx9amsEhH1KNd2VxDzo9pBCC2yN4gUL9e3E/B2Di2Ft0lf2xQOaBcu2Ez125ZdUYhePVGCtmrXVOQHo9Y/lrZgyi3sR3SrYfOXrN/ArYp8U6ZPnEu8aJI6cBNZY5HN4oMzgVmShIlR0n+X/haC4PlSZGicpOiC6TTIaCjSBWX9OoLVHyrUKygDzUAHJcvkpx2wqL8K4UiMag7ItT+KxZLfxvAoPp3kcUKrWFhr8gXh9S/OjARFigRixL0MA1YNPinIBZGJVqJCIgwVQlF5kcq6F9DWGTukvckmQcp7zUcEQAYYI3kHElREkmGRJoJg6wGKLkliYnzPgTvkiB9HoA8jUWqx5EvyvfN4pqweQARgBpdxm4+evnWrYuHF5ZUASIUGBlkRqmUBYDIoHBjY4usUWTw/wwAVlA4ILABAAAQCQCdASogACAAPl0kjkWjoiEb9AA4BcS2AE6ZjZEIwGeq/sBlpO8l+TlbEvIVvoHEC3gagHRwY/B2xe6y9F3KJmUjAchCd03m3WTJKM9lNj4A/v8r8P/Xx1meVrJSUMxTcc9AZUbxa7RBza8/X22RkP/ZT/WPJvC/31XXNWdX4IQcymLxSHwk/AOQot/Vy51SPpLByvi2Nw/WnY//Vvw5/K7sTv6L7lhx/paRR3x7/+tT8U7rqW3wZ27YUH+0pH8BfxU3qX+XPAYKa6+B7G4rKTErNTD8yHKRmzxi2SPCI+D3qFvHklOO5NEXQtwKgi/wwBymnoBsApVtopJHEfLWHvHs/Eu4wS6evuaq8pp+kHsTtkQg1Me+n5+IeVXrNyMhb46InSX+nR1VuVapmbHqeZ6IHBGivUs802afX4E4iF+92dw02gf5u/ohS9TFeaQxq5IRp7wmrHCYX+FN3B93Ku8jhEuLfGC7g5E85Eyxf5EGte35Fh7f69epPL/rnhnOP3JhPlxCEaAK0kD3Khpl3U+zmQunDE3bYwA+bicyd0CPQ4vqv92TaZ1G/TQAAAA="), default !important; @@ -364,35 +465,6 @@ pre { background-color: #343434; } -#wpadminbar .ab-top-menu > li.hover > .ab-item, -#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus, -#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus, -#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item { - background: var(--background-darker); - color: var(--href); -} - -#wpadminbar .quicklinks a span#ab-updates { - background: var(--background-darker); - color: #2c3338; - display: inline; - padding: 2px 5px; - font-size: 10px; - font-weight: 600; - border-radius: 10px; -} - -#wpadminbar .menupop .ab-sub-wrapper, -#wpadminbar .shortlink-input { - margin: 0; - padding: 0; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); - background: var(--background-darker); - display: none; - position: absolute; - float: none; -} - #cancel-comment-reply-link:before, #site-navigation li.menu-item-has-children > a:before, #site-navigation li.page_item_has_children > a:before, @@ -559,12 +631,7 @@ span.required { -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; - animation: gradientR 1000s linear infinite; -} -@keyframes gradientR { - to { - background-position: 4500vh; - } + animation: slide 1000s linear infinite; } #mt-scrollup, diff --git a/css/tor-theme.css b/css/tor-theme.css index 3a1ab28..2f12852 100644 --- a/css/tor-theme.css +++ b/css/tor-theme.css @@ -10,7 +10,8 @@ } #slb_viewer_wrap .slb_theme_slb_black .slb_container, -div#cwv3_dialog.cwv3_dialog.js { +div#cwv3_dialog.cwv3_dialog.js, +#pojo-a11y-skip-content { background-color: var(--background) !important; } @@ -47,10 +48,104 @@ div.cwv3_btns, color: var(--href) !important; } -body.pojo-a11y-dyslexia-font, body.pojo-a11y-dyslexia-font :not(i):not(span) { +body.pojo-a11y-dyslexia-font, +body.pojo-a11y-dyslexia-font :not(i):not(span) { font-family: OpenDyslexic2 Alt !important; } +/* Flickering animation */ +@keyframes flicker { + 0%, 18%, 22%, 25%, 53%, 57%, 100% { + text-shadow: 0 0 4px var(--href-dark), 0 0 11px var(--href-dark), 0 0 19px var(--href-dark), 0 0 40px var(--href), 0 0 80px var(--href), 0 0 150px var(--href); + } + 20%, 24%, 55% { + text-shadow: none; + } +} +@keyframes slide { + to { + background-position: 4500vh; + } +} +#wpadminbar .ab-top-menu > li.hover > .ab-item, +#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus, +#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus, +#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item, +div#wpadminbar.nojq, +#wpadminbar .screen-reader-shortcut { + background: var(--background-darker); + color: var(--href); +} + +#wpadminbar .quicklinks a span#ab-updates { + background: var(--background-darker); + color: #2c3338; + display: inline; + padding: 2px 5px; + font-size: 10px; + font-weight: 600; + border-radius: 10px; +} + +#wpadminbar .menupop .ab-sub-wrapper, +#wpadminbar .shortlink-input { + margin: 0; + padding: 0; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); + background: var(--background-darker); + display: none; + position: absolute; + float: none; +} + +.customize-partial-edit-shortcut button, +.widget .customize-partial-edit-shortcut button { + background-color: var(--href) !important; +} + +#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a, +#wpadminbar .quicklinks .menupop ul li a:focus, +#wpadminbar .quicklinks .menupop ul li a:focus strong, +#wpadminbar .quicklinks .menupop ul li a:hover, +#wpadminbar .quicklinks .menupop ul li a:hover strong, +#wpadminbar .quicklinks .menupop.hover ul li a:focus, +#wpadminbar .quicklinks .menupop.hover ul li a:hover, +#wpadminbar .quicklinks .menupop.hover ul li div[tabindex]:focus, +#wpadminbar .quicklinks .menupop.hover ul li div[tabindex]:hover, +#wpadminbar li #adminbarsearch.adminbar-focused:before, +#wpadminbar li .ab-item:focus .ab-icon:before, +#wpadminbar li .ab-item:focus:before, +#wpadminbar li a:focus .ab-icon:before, +#wpadminbar li.hover .ab-icon:before, +#wpadminbar li.hover .ab-item:before, +#wpadminbar li:hover #adminbarsearch:before, +#wpadminbar li:hover .ab-icon:before, +#wpadminbar li:hover .ab-item:before, +#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus, +#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover, +#wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label, +#wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label, +#wpadminbar > #wp-toolbar li.hover span.ab-label, +#wpadminbar .quicklinks .menupop .ab-sub-secondary > li .ab-item:focus a, +#wpadminbar .quicklinks .menupop .ab-sub-secondary > li > a:hover, +#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar, +#wpadminbar .quicklinks li a:focus .blavatar, +#wpadminbar .quicklinks li a:hover .blavatar, +#wpadminbar.mobile .quicklinks .hover .ab-icon:before, +#wpadminbar.mobile .quicklinks .hover .ab-item:before { + color: var(--href); +} + +.ab-sub-wrapper { + background-color: var(--background) !important; +} + +#wpadminbar #wp-admin-bar-my-account.with-avatar > .ab-empty-item img, +#wpadminbar #wp-admin-bar-my-account.with-avatar > a img { + border: none !important; + background: var(--background-darker) !important; +} + ::-moz-selection { background-color: var(--selector); } @@ -112,7 +207,6 @@ ul#primary-menu.menu.nav-menu:after { #site-navigation, .wp-comment-cookies-consent, -div#wpadminbar.nojq, div.custom-header.no-bg-img, div.logo-ads-wrap, div.mt-logo-row-wrapper.mt-clearfix, @@ -311,9 +405,16 @@ body { line-height: 1.5; font-weight: 1; color: var(--text-color); +} + +.site-title { text-shadow: 0 0 3px var(--href-dark), 0 0 10px var(--href), 0 0 20px var(--href), 0 0 30px var(--href); } +.error-num { + animation: flicker 1.5s infinite alternate; +} + .site-title a:hover { color: var(--href); cursor: url("data:image/webp;base64,UklGRkgDAABXRUJQVlA4WAoAAAAQAAAAHwAAHwAAQUxQSHEBAAABkENtm2k738ze58ROKlSubNROdavYSW/bto3KrFLatm0be2a+rzjs0kbEBACxRb4GZlPz0R2QZxoAogwbx9amsEhH1KNd2VxDzo9pBCC2yN4gUL9e3E/B2Di2Ft0lf2xQOaBcu2Ez125ZdUYhePVGCtmrXVOQHo9Y/lrZgyi3sR3SrYfOXrN/ArYp8U6ZPnEu8aJI6cBNZY5HN4oMzgVmShIlR0n+X/haC4PlSZGicpOiC6TTIaCjSBWX9OoLVHyrUKygDzUAHJcvkpx2wqL8K4UiMag7ItT+KxZLfxvAoPp3kcUKrWFhr8gXh9S/OjARFigRixL0MA1YNPinIBZGJVqJCIgwVQlF5kcq6F9DWGTukvckmQcp7zUcEQAYYI3kHElREkmGRJoJg6wGKLkliYnzPgTvkiB9HoA8jUWqx5EvyvfN4pqweQARgBpdxm4+evnWrYuHF5ZUASIUGBlkRqmUBYDIoHBjY4usUWTw/wwAVlA4ILABAAAQCQCdASogACAAPl0kjkWjoiEb9AA4BcS2AE6ZjZEIwGeq/sBlpO8l+TlbEvIVvoHEC3gagHRwY/B2xe6y9F3KJmUjAchCd03m3WTJKM9lNj4A/v8r8P/Xx1meVrJSUMxTcc9AZUbxa7RBza8/X22RkP/ZT/WPJvC/31XXNWdX4IQcymLxSHwk/AOQot/Vy51SPpLByvi2Nw/WnY//Vvw5/K7sTv6L7lhx/paRR3x7/+tT8U7rqW3wZ27YUH+0pH8BfxU3qX+XPAYKa6+B7G4rKTErNTD8yHKRmzxi2SPCI+D3qFvHklOO5NEXQtwKgi/wwBymnoBsApVtopJHEfLWHvHs/Eu4wS6evuaq8pp+kHsTtkQg1Me+n5+IeVXrNyMhb46InSX+nR1VuVapmbHqeZ6IHBGivUs802afX4E4iF+92dw02gf5u/ohS9TFeaQxq5IRp7wmrHCYX+FN3B93Ku8jhEuLfGC7g5E85Eyxf5EGte35Fh7f69epPL/rnhnOP3JhPlxCEaAK0kD3Khpl3U+zmQunDE3bYwA+bicyd0CPQ4vqv92TaZ1G/TQAAAA="), default !important; @@ -364,35 +465,6 @@ pre { background-color: #343434; } -#wpadminbar .ab-top-menu > li.hover > .ab-item, -#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus, -#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus, -#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item { - background: var(--background-darker); - color: var(--href); -} - -#wpadminbar .quicklinks a span#ab-updates { - background: var(--background-darker); - color: #2c3338; - display: inline; - padding: 2px 5px; - font-size: 10px; - font-weight: 600; - border-radius: 10px; -} - -#wpadminbar .menupop .ab-sub-wrapper, -#wpadminbar .shortlink-input { - margin: 0; - padding: 0; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); - background: var(--background-darker); - display: none; - position: absolute; - float: none; -} - #cancel-comment-reply-link:before, #site-navigation li.menu-item-has-children > a:before, #site-navigation li.page_item_has_children > a:before, @@ -559,12 +631,7 @@ span.required { -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; - animation: gradientR 1000s linear infinite; -} -@keyframes gradientR { - to { - background-position: 4500vh; - } + animation: slide 1000s linear infinite; } #mt-scrollup, diff --git a/css/ubuntu-theme.css b/css/ubuntu-theme.css index ad9244c..759e145 100644 --- a/css/ubuntu-theme.css +++ b/css/ubuntu-theme.css @@ -10,7 +10,8 @@ } #slb_viewer_wrap .slb_theme_slb_black .slb_container, -div#cwv3_dialog.cwv3_dialog.js { +div#cwv3_dialog.cwv3_dialog.js, +#pojo-a11y-skip-content { background-color: var(--background) !important; } @@ -47,10 +48,104 @@ div.cwv3_btns, color: var(--href) !important; } -body.pojo-a11y-dyslexia-font, body.pojo-a11y-dyslexia-font :not(i):not(span) { +body.pojo-a11y-dyslexia-font, +body.pojo-a11y-dyslexia-font :not(i):not(span) { font-family: OpenDyslexic2 Alt !important; } +/* Flickering animation */ +@keyframes flicker { + 0%, 18%, 22%, 25%, 53%, 57%, 100% { + text-shadow: 0 0 4px var(--href-dark), 0 0 11px var(--href-dark), 0 0 19px var(--href-dark), 0 0 40px var(--href), 0 0 80px var(--href), 0 0 150px var(--href); + } + 20%, 24%, 55% { + text-shadow: none; + } +} +@keyframes slide { + to { + background-position: 4500vh; + } +} +#wpadminbar .ab-top-menu > li.hover > .ab-item, +#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus, +#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus, +#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item, +div#wpadminbar.nojq, +#wpadminbar .screen-reader-shortcut { + background: var(--background-darker); + color: var(--href); +} + +#wpadminbar .quicklinks a span#ab-updates { + background: var(--background-darker); + color: #2c3338; + display: inline; + padding: 2px 5px; + font-size: 10px; + font-weight: 600; + border-radius: 10px; +} + +#wpadminbar .menupop .ab-sub-wrapper, +#wpadminbar .shortlink-input { + margin: 0; + padding: 0; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); + background: var(--background-darker); + display: none; + position: absolute; + float: none; +} + +.customize-partial-edit-shortcut button, +.widget .customize-partial-edit-shortcut button { + background-color: var(--href) !important; +} + +#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a, +#wpadminbar .quicklinks .menupop ul li a:focus, +#wpadminbar .quicklinks .menupop ul li a:focus strong, +#wpadminbar .quicklinks .menupop ul li a:hover, +#wpadminbar .quicklinks .menupop ul li a:hover strong, +#wpadminbar .quicklinks .menupop.hover ul li a:focus, +#wpadminbar .quicklinks .menupop.hover ul li a:hover, +#wpadminbar .quicklinks .menupop.hover ul li div[tabindex]:focus, +#wpadminbar .quicklinks .menupop.hover ul li div[tabindex]:hover, +#wpadminbar li #adminbarsearch.adminbar-focused:before, +#wpadminbar li .ab-item:focus .ab-icon:before, +#wpadminbar li .ab-item:focus:before, +#wpadminbar li a:focus .ab-icon:before, +#wpadminbar li.hover .ab-icon:before, +#wpadminbar li.hover .ab-item:before, +#wpadminbar li:hover #adminbarsearch:before, +#wpadminbar li:hover .ab-icon:before, +#wpadminbar li:hover .ab-item:before, +#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus, +#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover, +#wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label, +#wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label, +#wpadminbar > #wp-toolbar li.hover span.ab-label, +#wpadminbar .quicklinks .menupop .ab-sub-secondary > li .ab-item:focus a, +#wpadminbar .quicklinks .menupop .ab-sub-secondary > li > a:hover, +#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar, +#wpadminbar .quicklinks li a:focus .blavatar, +#wpadminbar .quicklinks li a:hover .blavatar, +#wpadminbar.mobile .quicklinks .hover .ab-icon:before, +#wpadminbar.mobile .quicklinks .hover .ab-item:before { + color: var(--href); +} + +.ab-sub-wrapper { + background-color: var(--background) !important; +} + +#wpadminbar #wp-admin-bar-my-account.with-avatar > .ab-empty-item img, +#wpadminbar #wp-admin-bar-my-account.with-avatar > a img { + border: none !important; + background: var(--background-darker) !important; +} + ::-moz-selection { background-color: var(--selector); } @@ -112,7 +207,6 @@ ul#primary-menu.menu.nav-menu:after { #site-navigation, .wp-comment-cookies-consent, -div#wpadminbar.nojq, div.custom-header.no-bg-img, div.logo-ads-wrap, div.mt-logo-row-wrapper.mt-clearfix, @@ -311,9 +405,16 @@ body { line-height: 1.5; font-weight: 1; color: var(--text-color); +} + +.site-title { text-shadow: 0 0 3px var(--href-dark), 0 0 10px var(--href), 0 0 20px var(--href), 0 0 30px var(--href); } +.error-num { + animation: flicker 1.5s infinite alternate; +} + .site-title a:hover { color: var(--href); cursor: url("data:image/webp;base64,UklGRkgDAABXRUJQVlA4WAoAAAAQAAAAHwAAHwAAQUxQSHEBAAABkENtm2k738ze58ROKlSubNROdavYSW/bto3KrFLatm0be2a+rzjs0kbEBACxRb4GZlPz0R2QZxoAogwbx9amsEhH1KNd2VxDzo9pBCC2yN4gUL9e3E/B2Di2Ft0lf2xQOaBcu2Ez125ZdUYhePVGCtmrXVOQHo9Y/lrZgyi3sR3SrYfOXrN/ArYp8U6ZPnEu8aJI6cBNZY5HN4oMzgVmShIlR0n+X/haC4PlSZGicpOiC6TTIaCjSBWX9OoLVHyrUKygDzUAHJcvkpx2wqL8K4UiMag7ItT+KxZLfxvAoPp3kcUKrWFhr8gXh9S/OjARFigRixL0MA1YNPinIBZGJVqJCIgwVQlF5kcq6F9DWGTukvckmQcp7zUcEQAYYI3kHElREkmGRJoJg6wGKLkliYnzPgTvkiB9HoA8jUWqx5EvyvfN4pqweQARgBpdxm4+evnWrYuHF5ZUASIUGBlkRqmUBYDIoHBjY4usUWTw/wwAVlA4ILABAAAQCQCdASogACAAPl0kjkWjoiEb9AA4BcS2AE6ZjZEIwGeq/sBlpO8l+TlbEvIVvoHEC3gagHRwY/B2xe6y9F3KJmUjAchCd03m3WTJKM9lNj4A/v8r8P/Xx1meVrJSUMxTcc9AZUbxa7RBza8/X22RkP/ZT/WPJvC/31XXNWdX4IQcymLxSHwk/AOQot/Vy51SPpLByvi2Nw/WnY//Vvw5/K7sTv6L7lhx/paRR3x7/+tT8U7rqW3wZ27YUH+0pH8BfxU3qX+XPAYKa6+B7G4rKTErNTD8yHKRmzxi2SPCI+D3qFvHklOO5NEXQtwKgi/wwBymnoBsApVtopJHEfLWHvHs/Eu4wS6evuaq8pp+kHsTtkQg1Me+n5+IeVXrNyMhb46InSX+nR1VuVapmbHqeZ6IHBGivUs802afX4E4iF+92dw02gf5u/ohS9TFeaQxq5IRp7wmrHCYX+FN3B93Ku8jhEuLfGC7g5E85Eyxf5EGte35Fh7f69epPL/rnhnOP3JhPlxCEaAK0kD3Khpl3U+zmQunDE3bYwA+bicyd0CPQ4vqv92TaZ1G/TQAAAA="), default !important; @@ -364,35 +465,6 @@ pre { background-color: #343434; } -#wpadminbar .ab-top-menu > li.hover > .ab-item, -#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus, -#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus, -#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item { - background: var(--background-darker); - color: var(--href); -} - -#wpadminbar .quicklinks a span#ab-updates { - background: var(--background-darker); - color: #2c3338; - display: inline; - padding: 2px 5px; - font-size: 10px; - font-weight: 600; - border-radius: 10px; -} - -#wpadminbar .menupop .ab-sub-wrapper, -#wpadminbar .shortlink-input { - margin: 0; - padding: 0; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); - background: var(--background-darker); - display: none; - position: absolute; - float: none; -} - #cancel-comment-reply-link:before, #site-navigation li.menu-item-has-children > a:before, #site-navigation li.page_item_has_children > a:before, @@ -559,12 +631,7 @@ span.required { -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; - animation: gradientR 1000s linear infinite; -} -@keyframes gradientR { - to { - background-position: 4500vh; - } + animation: slide 1000s linear infinite; } #mt-scrollup, diff --git a/scss/_animations.scss b/scss/_animations.scss new file mode 100644 index 0000000..367c757 --- /dev/null +++ b/scss/_animations.scss @@ -0,0 +1,33 @@ +/* Flickering animation */ +@keyframes flicker { + + 0%, + 18%, + 22%, + 25%, + 53%, + 57%, + 100% { + + text-shadow: + 0 0 4px var(--href-dark), + 0 0 11px var(--href-dark), + 0 0 19px var(--href-dark), + 0 0 40px var(--href), + 0 0 80px var(--href), + 0 0 150px var(--href); + + } + + 20%, + 24%, + 55% { + text-shadow: none; + } +} + +@keyframes slide { + to { + background-position: 4500vh; + } +} diff --git a/scss/_base.scss b/scss/_base.scss index 0440c03..7d55595 100644 --- a/scss/_base.scss +++ b/scss/_base.scss @@ -1,4 +1,6 @@ @use '_plugin_styles'; +@use '_animations'; +@use '_wp_admin_styles'; ::selection { background-color: var(--selector); @@ -57,7 +59,6 @@ ul#primary-menu.menu.nav-menu:after { #site-navigation, .wp-comment-cookies-consent, -div#wpadminbar.nojq, div.custom-header.no-bg-img, div.logo-ads-wrap, div.mt-logo-row-wrapper.mt-clearfix, @@ -256,9 +257,16 @@ body { line-height: 1.5; font-weight: 1; color: var(--text-color); +} + +.site-title { text-shadow: 0 0 3px var(--href-dark), 0 0 10px var(--href), 0 0 20px var(--href), 0 0 30px var(--href); } +.error-num { + animation: flicker 1.5s infinite alternate; +} + .site-title a:hover { color: var(--href); cursor: url("data:image/webp;base64,UklGRkgDAABXRUJQVlA4WAoAAAAQAAAAHwAAHwAAQUxQSHEBAAABkENtm2k738ze58ROKlSubNROdavYSW/bto3KrFLatm0be2a+rzjs0kbEBACxRb4GZlPz0R2QZxoAogwbx9amsEhH1KNd2VxDzo9pBCC2yN4gUL9e3E/B2Di2Ft0lf2xQOaBcu2Ez125ZdUYhePVGCtmrXVOQHo9Y/lrZgyi3sR3SrYfOXrN/ArYp8U6ZPnEu8aJI6cBNZY5HN4oMzgVmShIlR0n+X/haC4PlSZGicpOiC6TTIaCjSBWX9OoLVHyrUKygDzUAHJcvkpx2wqL8K4UiMag7ItT+KxZLfxvAoPp3kcUKrWFhr8gXh9S/OjARFigRixL0MA1YNPinIBZGJVqJCIgwVQlF5kcq6F9DWGTukvckmQcp7zUcEQAYYI3kHElREkmGRJoJg6wGKLkliYnzPgTvkiB9HoA8jUWqx5EvyvfN4pqweQARgBpdxm4+evnWrYuHF5ZUASIUGBlkRqmUBYDIoHBjY4usUWTw/wwAVlA4ILABAAAQCQCdASogACAAPl0kjkWjoiEb9AA4BcS2AE6ZjZEIwGeq/sBlpO8l+TlbEvIVvoHEC3gagHRwY/B2xe6y9F3KJmUjAchCd03m3WTJKM9lNj4A/v8r8P/Xx1meVrJSUMxTcc9AZUbxa7RBza8/X22RkP/ZT/WPJvC/31XXNWdX4IQcymLxSHwk/AOQot/Vy51SPpLByvi2Nw/WnY//Vvw5/K7sTv6L7lhx/paRR3x7/+tT8U7rqW3wZ27YUH+0pH8BfxU3qX+XPAYKa6+B7G4rKTErNTD8yHKRmzxi2SPCI+D3qFvHklOO5NEXQtwKgi/wwBymnoBsApVtopJHEfLWHvHs/Eu4wS6evuaq8pp+kHsTtkQg1Me+n5+IeVXrNyMhb46InSX+nR1VuVapmbHqeZ6IHBGivUs802afX4E4iF+92dw02gf5u/ohS9TFeaQxq5IRp7wmrHCYX+FN3B93Ku8jhEuLfGC7g5E85Eyxf5EGte35Fh7f69epPL/rnhnOP3JhPlxCEaAK0kD3Khpl3U+zmQunDE3bYwA+bicyd0CPQ4vqv92TaZ1G/TQAAAA="), default !important; @@ -309,35 +317,6 @@ pre { background-color: #343434; } -#wpadminbar .ab-top-menu>li.hover>.ab-item, -#wpadminbar.nojq .quicklinks .ab-top-menu>li>.ab-item:focus, -#wpadminbar:not(.mobile) .ab-top-menu>li>.ab-item:focus, -#wpadminbar:not(.mobile) .ab-top-menu>li:hover>.ab-item { - background: var(--background-darker); - color: var(--href); -} - -#wpadminbar .quicklinks a span#ab-updates { - background: var(--background-darker); - color: #2c3338; - display: inline; - padding: 2px 5px; - font-size: 10px; - font-weight: 600; - border-radius: 10px; -} - -#wpadminbar .menupop .ab-sub-wrapper, -#wpadminbar .shortlink-input { - margin: 0; - padding: 0; - box-shadow: 0 3px 5px #00000033; - background: var(--background-darker); - display: none; - position: absolute; - float: none; -} - #cancel-comment-reply-link:before, #site-navigation li.menu-item-has-children>a:before, #site-navigation li.page_item_has_children>a:before, @@ -506,13 +485,7 @@ span.required { -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; - animation: gradientR 1000s linear infinite; - - @keyframes gradientR { - to { - background-position: 4500vh; - } - } + animation: slide 1000s linear infinite; } #mt-scrollup, @@ -619,4 +592,4 @@ code { .invert img { -webkit-filter: invert(1); filter: invert(1); -} \ No newline at end of file +} diff --git a/scss/_plugin_styles.scss b/scss/_plugin_styles.scss index 027408a..2345689 100644 --- a/scss/_plugin_styles.scss +++ b/scss/_plugin_styles.scss @@ -4,46 +4,49 @@ #slb_viewer_wrap .slb_theme_slb_black .slb_data_desc, #slb_viewer_wrap .slb_theme_slb_black .slb_group_status, #pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a.active { - color: var(--text-color) !important; + color: var(--text-color) !important; } #slb_viewer_wrap .slb_theme_slb_black .slb_container, -div#cwv3_dialog.cwv3_dialog.js { - background-color: var(--background) !important; +div#cwv3_dialog.cwv3_dialog.js, +#pojo-a11y-skip-content { + background-color: var(--background) !important; } div#cwv3_dialog.cwv3_dialog.js, div.cwv3_btns, .gdrf-success, .gdrf-errors { - border-color: var(--background-darker) !important; + border-color: var(--background-darker) !important; } #pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a.active { - background-color: var(--href-dark); + background-color: var(--href-dark); } #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a { - background-color: var(--href); + background-color: var(--href); } #pojo-a11y-toolbar .pojo-a11y-toolbar-overlay, #pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items.pojo-a11y-links { - border-color: var(--href); - background-color: var(--background-darker); + border-color: var(--href); + background-color: var(--background-darker); } .pojo-skip-link { - border-radius: 2px; + border-radius: 2px; } .pojo-skip-link:focus { - box-shadow: none; + box-shadow: none; } .pojo-skip-link:focus { - color: var(--href) !important; + color: var(--href) !important; +} + +body.pojo-a11y-dyslexia-font, +body.pojo-a11y-dyslexia-font :not(i):not(span) { + font-family: OpenDyslexic2 Alt !important } -body.pojo-a11y-dyslexia-font,body.pojo-a11y-dyslexia-font :not(i):not(span) { - font-family: OpenDyslexic2 Alt!important -} \ No newline at end of file diff --git a/scss/_wp_admin_styles.scss b/scss/_wp_admin_styles.scss new file mode 100644 index 0000000..b3e00d3 --- /dev/null +++ b/scss/_wp_admin_styles.scss @@ -0,0 +1,78 @@ +#wpadminbar .ab-top-menu>li.hover>.ab-item, +#wpadminbar.nojq .quicklinks .ab-top-menu>li>.ab-item:focus, +#wpadminbar:not(.mobile) .ab-top-menu>li>.ab-item:focus, +#wpadminbar:not(.mobile) .ab-top-menu>li:hover>.ab-item, +div#wpadminbar.nojq, +#wpadminbar .screen-reader-shortcut { + background: var(--background-darker); + color: var(--href); +} + +#wpadminbar .quicklinks a span#ab-updates { + background: var(--background-darker); + color: #2c3338; + display: inline; + padding: 2px 5px; + font-size: 10px; + font-weight: 600; + border-radius: 10px; +} + +#wpadminbar .menupop .ab-sub-wrapper, +#wpadminbar .shortlink-input { + margin: 0; + padding: 0; + box-shadow: 0 3px 5px #00000033; + background: var(--background-darker); + display: none; + position: absolute; + float: none; +} + +.customize-partial-edit-shortcut button, +.widget .customize-partial-edit-shortcut button { + background-color: var(--href) !important; +} + +#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover>a, +#wpadminbar .quicklinks .menupop ul li a:focus, +#wpadminbar .quicklinks .menupop ul li a:focus strong, +#wpadminbar .quicklinks .menupop ul li a:hover, +#wpadminbar .quicklinks .menupop ul li a:hover strong, +#wpadminbar .quicklinks .menupop.hover ul li a:focus, +#wpadminbar .quicklinks .menupop.hover ul li a:hover, +#wpadminbar .quicklinks .menupop.hover ul li div[tabindex]:focus, +#wpadminbar .quicklinks .menupop.hover ul li div[tabindex]:hover, +#wpadminbar li #adminbarsearch.adminbar-focused:before, +#wpadminbar li .ab-item:focus .ab-icon:before, +#wpadminbar li .ab-item:focus:before, +#wpadminbar li a:focus .ab-icon:before, +#wpadminbar li.hover .ab-icon:before, +#wpadminbar li.hover .ab-item:before, +#wpadminbar li:hover #adminbarsearch:before, +#wpadminbar li:hover .ab-icon:before, +#wpadminbar li:hover .ab-item:before, +#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus, +#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover, +#wpadminbar:not(.mobile)>#wp-toolbar a:focus span.ab-label, +#wpadminbar:not(.mobile)>#wp-toolbar li:hover span.ab-label, +#wpadminbar>#wp-toolbar li.hover span.ab-label, +#wpadminbar .quicklinks .menupop .ab-sub-secondary>li .ab-item:focus a, +#wpadminbar .quicklinks .menupop .ab-sub-secondary>li>a:hover, +#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover>a .blavatar, +#wpadminbar .quicklinks li a:focus .blavatar, +#wpadminbar .quicklinks li a:hover .blavatar, +#wpadminbar.mobile .quicklinks .hover .ab-icon:before, +#wpadminbar.mobile .quicklinks .hover .ab-item:before { + color: var(--href); +} + +.ab-sub-wrapper { + background-color: var(--background) !important; +} + +#wpadminbar #wp-admin-bar-my-account.with-avatar>.ab-empty-item img, +#wpadminbar #wp-admin-bar-my-account.with-avatar>a img { + border: none !important; + background: var(--background-darker) !important; +}