Storybook: Move code to `tools/` (#32729)
This commit is contained in:
parent
0feaf3a9de
commit
6100df9a04
36
package.json
36
package.json
|
@ -14,41 +14,71 @@
|
|||
"url": "https://github.com/woocommerce/woocommerce/issues"
|
||||
},
|
||||
"scripts": {
|
||||
"build-storybook": "build-storybook -c ./tools/storybook/.storybook",
|
||||
"preinstall": "npx only-allow pnpm",
|
||||
"postinstall": "pnpm git:update-hooks",
|
||||
"git:update-hooks": "rm -r .git/hooks && mkdir -p .git/hooks && husky install",
|
||||
"storybook": "./tools/storybook/import-wp-css-storybook.sh && BABEL_ENV=storybook STORYBOOK=true start-storybook -c ./tools/storybook/.storybook -p 6007 --ci",
|
||||
"storybook-rtl": "USE_RTL_STYLE=true pnpm run storybook",
|
||||
"create-extension": "node ./tools/create-extension/index.js"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@automattic/nx-composer": "^0.1.0",
|
||||
"@babel/preset-env": "^7.16.11",
|
||||
"@babel/runtime": "^7.17.2",
|
||||
"@nrwl/cli": "^13.3.4",
|
||||
"@nrwl/devkit": "^13.1.4",
|
||||
"@nrwl/linter": "^13.3.4",
|
||||
"@nrwl/tao": "13.3.4",
|
||||
"@nrwl/web": "^13.3.4",
|
||||
"@nrwl/workspace": "^13.3.4",
|
||||
"@storybook/addon-a11y": "^6.4.19",
|
||||
"@storybook/addon-actions": "^6.4.19",
|
||||
"@storybook/addon-console": "^1.2.3",
|
||||
"@storybook/addon-controls": "^6.4.19",
|
||||
"@storybook/addon-docs": "^6.4.19",
|
||||
"@storybook/addon-knobs": "^6.4.0",
|
||||
"@storybook/addon-links": "^6.4.19",
|
||||
"@storybook/addon-storysource": "^6.4.19",
|
||||
"@storybook/addon-viewport": "^6.4.19",
|
||||
"@storybook/addons": "^6.4.19",
|
||||
"@storybook/api": "^6.4.19",
|
||||
"@storybook/builder-webpack5": "^6.4.19",
|
||||
"@storybook/components": "^6.4.19",
|
||||
"@storybook/core-events": "^6.4.19",
|
||||
"@storybook/manager-webpack5": "^6.4.19",
|
||||
"@storybook/react": "^6.4.19",
|
||||
"@storybook/theming": "^6.4.19",
|
||||
"@types/node": "14.14.33",
|
||||
"@woocommerce/eslint-plugin": "workspace:*",
|
||||
"@wordpress/data": "^6.3.0",
|
||||
"@wordpress/eslint-plugin": "^11.0.0",
|
||||
"@wordpress/prettier-config": "^1.1.1",
|
||||
"babel-loader": "^8.2.3",
|
||||
"chalk": "^4.1.2",
|
||||
"core-js": "^3.21.1",
|
||||
"css-loader": "^6.7.0",
|
||||
"glob": "^7.2.0",
|
||||
"husky": "^7.0.4",
|
||||
"jest": "^27.3.1",
|
||||
"lint-staged": "^12.3.7",
|
||||
"moment": "^2.29.1",
|
||||
"mkdirp": "^1.0.4",
|
||||
"node-stream-zip": "^1.15.0",
|
||||
"prettier": "npm:wp-prettier@^2.2.1-beta-1",
|
||||
"postcss-loader": "^3.0.0",
|
||||
"regenerator-runtime": "^0.13.9",
|
||||
"request": "^2.88.2",
|
||||
"typescript": "4.2.4"
|
||||
"sass": "^1.49.9",
|
||||
"sass-loader": "^10.2.1",
|
||||
"typescript": "4.2.4",
|
||||
"webpack": "^5.70.0"
|
||||
},
|
||||
"dependencies": {
|
||||
"@babel/core": "7.12.9",
|
||||
"@wordpress/babel-plugin-import-jsx-pragma": "^3.1.0",
|
||||
"@wordpress/babel-preset-default": "^6.4.1",
|
||||
"fs-extra": "^10.0.1",
|
||||
"lodash": "^4.17.21",
|
||||
"promptly": "^3.2.0",
|
||||
"wp-textdomain": "1.0.1"
|
||||
}
|
||||
}
|
||||
|
|
|
@ -12,7 +12,6 @@
|
|||
"analyze": "cross-env NODE_ENV=production ANALYZE=true webpack",
|
||||
"prebuild": "pnpm run install-if-deps-outdated",
|
||||
"build": "WC_ADMIN_PHASE=core pnpm run build:feature-config && cross-env NODE_ENV=production WC_ADMIN_PHASE=core webpack",
|
||||
"build-storybook": "build-storybook -c ./storybook/.storybook",
|
||||
"build:feature-config": "php ../woocommerce/bin/generate-feature-config.php",
|
||||
"build:packages": "cross-env NODE_ENV=production pnpm run:packages -- build",
|
||||
"clean": "rimraf ../woocommerce/assets/client/admin/* && pnpm run:packages -- clean --parallel",
|
||||
|
@ -44,8 +43,6 @@
|
|||
"prestart": "pnpm run install-if-deps-outdated",
|
||||
"start": "cross-env WC_ADMIN_PHASE=development pnpm run build:packages && cross-env WC_ADMIN_PHASE=development pnpm run build:feature-config && concurrently \"cross-env WC_ADMIN_PHASE=development webpack --watch\" \"cross-env WC_ADMIN_PHASE=development pnpm run:packages -- start --parallel\"",
|
||||
"start:package": "pnpm run:packages -- start --parallel",
|
||||
"storybook": "./bin/import-wp-css-storybook.sh && BABEL_ENV=storybook STORYBOOK=true start-storybook -c ./storybook/.storybook -p 6007 --ci",
|
||||
"storybook-rtl": "USE_RTL_STYLE=true pnpm run storybook",
|
||||
"pretest": "pnpm run -s install-if-no-packages",
|
||||
"test": "pnpm nx build @woocommerce/js-tests && pnpm run test:client",
|
||||
"test-staged": "pnpm run test:client -- --bail --findRelatedTests",
|
||||
|
@ -121,23 +118,6 @@
|
|||
"@babel/preset-typescript": "^7.16.7",
|
||||
"@babel/runtime": "^7.17.2",
|
||||
"@octokit/core": "^3.5.1",
|
||||
"@storybook/addon-a11y": "^6.4.19",
|
||||
"@storybook/addon-actions": "^6.4.19",
|
||||
"@storybook/addon-console": "^1.2.3",
|
||||
"@storybook/addon-controls": "^6.4.19",
|
||||
"@storybook/addon-docs": "^6.4.19",
|
||||
"@storybook/addon-knobs": "^6.4.0",
|
||||
"@storybook/addon-links": "^6.4.19",
|
||||
"@storybook/addon-storysource": "^6.4.19",
|
||||
"@storybook/addon-viewport": "^6.4.19",
|
||||
"@storybook/addons": "^6.4.19",
|
||||
"@storybook/api": "^6.4.19",
|
||||
"@storybook/builder-webpack5": "^6.4.19",
|
||||
"@storybook/components": "^6.4.19",
|
||||
"@storybook/core-events": "^6.4.19",
|
||||
"@storybook/manager-webpack5": "^6.4.19",
|
||||
"@storybook/react": "^6.4.19",
|
||||
"@storybook/theming": "^6.4.19",
|
||||
"@testing-library/dom": "^8.11.3",
|
||||
"@testing-library/jest-dom": "^5.16.2",
|
||||
"@testing-library/react": "^12.1.3",
|
||||
|
|
|
@ -140,7 +140,7 @@ const webpackConfig = {
|
|||
plugins: [
|
||||
...styleConfig.plugins,
|
||||
// Runs TypeScript type checker on a separate process.
|
||||
new ForkTsCheckerWebpackPlugin(),
|
||||
! process.env.STORYBOOK && new ForkTsCheckerWebpackPlugin(),
|
||||
new CustomTemplatedPathPlugin( {
|
||||
modulename( outputPath, data ) {
|
||||
const entryName = get( data, [ 'chunk', 'name' ] );
|
||||
|
|
|
@ -0,0 +1,4 @@
|
|||
Significance: minor
|
||||
Type: dev
|
||||
|
||||
Move Storybook to better monorepo location
|
4719
pnpm-lock.yaml
4719
pnpm-lock.yaml
File diff suppressed because it is too large
Load Diff
|
@ -6,10 +6,10 @@ module.exports = {
|
|||
},
|
||||
stories: [
|
||||
// WooCommerce Admin / @woocommerce/components components
|
||||
'../../../../packages/js/components/src/**/stories/*.@(js|tsx)',
|
||||
'../../../packages/js/components/src/**/stories/*.@(js|tsx)',
|
||||
// WooCommerce Admin / @woocommerce/experimental components
|
||||
'../../../../packages/js/experimental/src/**/stories/*.@(js|tsx)',
|
||||
'../../client/**/stories/*.js',
|
||||
'../../../packages/js/experimental/src/**/stories/*.@(js|tsx)',
|
||||
'../../../plugins/woocommerce-admin/client/**/stories/*.js',
|
||||
],
|
||||
addons: [
|
||||
'@storybook/addon-docs',
|
|
@ -7,7 +7,7 @@ const CopyWebpackPlugin = require( 'copy-webpack-plugin' );
|
|||
/**
|
||||
* External dependencies
|
||||
*/
|
||||
const wcAdminWebpackConfig = require( '../webpack.config.js' );
|
||||
const wcAdminWebpackConfig = require( '../../plugins/woocommerce-admin/webpack.config.js' );
|
||||
|
||||
const wcAdminPackages = [
|
||||
'components',
|
||||
|
@ -25,21 +25,6 @@ module.exports = ( storybookConfig ) => {
|
|||
storybookConfig.module.rules = [
|
||||
...storybookConfig.module.rules,
|
||||
...wcAdminWebpackConfig.module.rules,
|
||||
// We need to expose packages in "peerDependencies" to the global scope for @woocommerce/* to resolve packages.
|
||||
{
|
||||
test: require.resolve( 'moment' ),
|
||||
loader: 'expose-loader',
|
||||
options: {
|
||||
exposes: [ 'moment' ],
|
||||
},
|
||||
},
|
||||
{
|
||||
test: require.resolve( '@wordpress/data' ),
|
||||
loader: 'expose-loader',
|
||||
options: {
|
||||
exposes: [ '_wp_data' ],
|
||||
},
|
||||
},
|
||||
];
|
||||
|
||||
storybookConfig.resolve.alias = wcAdminWebpackConfig.resolve.alias;
|
||||
|
@ -47,7 +32,7 @@ module.exports = ( storybookConfig ) => {
|
|||
wcAdminPackages.forEach( ( name ) => {
|
||||
storybookConfig.resolve.alias[
|
||||
`@woocommerce/${ name }`
|
||||
] = path.resolve( __dirname, `../../../packages/js/${ name }/src` );
|
||||
] = path.resolve( __dirname, `../../packages/js/${ name }/src` );
|
||||
} );
|
||||
|
||||
storybookConfig.resolve.alias[ '@woocommerce/settings' ] = path.resolve(
|
||||
|
@ -56,7 +41,7 @@ module.exports = ( storybookConfig ) => {
|
|||
);
|
||||
|
||||
storybookConfig.resolve.modules = [
|
||||
path.join( __dirname, '../client' ),
|
||||
path.join( __dirname, '../../plugins/woocommerce-admin/client' ),
|
||||
'node_modules',
|
||||
];
|
||||
|
||||
|
@ -71,14 +56,14 @@ module.exports = ( storybookConfig ) => {
|
|||
{
|
||||
from: path.resolve(
|
||||
__dirname,
|
||||
`../../../packages/js/components/build-style/*.css`
|
||||
`../../packages/js/components/build-style/*.css`
|
||||
),
|
||||
to: `./component-css/[name][ext]`,
|
||||
},
|
||||
{
|
||||
from: path.resolve(
|
||||
__dirname,
|
||||
`../../../packages/js/experimental/build-style/*.css`
|
||||
`../../packages/js/experimental/build-style/*.css`
|
||||
),
|
||||
to: `./experimental-css/[name][ext]`,
|
||||
},
|
||||
|
@ -86,10 +71,5 @@ module.exports = ( storybookConfig ) => {
|
|||
} )
|
||||
);
|
||||
|
||||
storybookConfig.externals = {
|
||||
'@wordpress/data': '_wp_data',
|
||||
moment: 'moment',
|
||||
};
|
||||
|
||||
return storybookConfig;
|
||||
};
|
Before Width: | Height: | Size: 3.2 KiB After Width: | Height: | Size: 3.2 KiB |
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
|
@ -0,0 +1,944 @@
|
|||
/*! This file is auto-generated */
|
||||
#adminmenuback,
|
||||
#adminmenuwrap,
|
||||
#adminmenu,
|
||||
#adminmenu .wp-submenu {
|
||||
width: 160px;
|
||||
background-color: #1d2327;
|
||||
}
|
||||
|
||||
#adminmenuback {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
bottom: -120px;
|
||||
z-index: 1; /* positive z-index to avoid elastic scrolling woes in Safari */
|
||||
}
|
||||
|
||||
.php-error #adminmenuback {
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.php-error #adminmenuback,
|
||||
.php-error #adminmenuwrap {
|
||||
margin-top: 2em;
|
||||
}
|
||||
|
||||
#adminmenu {
|
||||
clear: right;
|
||||
margin: 12px 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.folded #adminmenuback,
|
||||
.folded #adminmenuwrap,
|
||||
.folded #adminmenu,
|
||||
.folded #adminmenu li.menu-top {
|
||||
width: 36px;
|
||||
}
|
||||
|
||||
.icon16 {
|
||||
height: 18px;
|
||||
width: 18px;
|
||||
padding: 6px;
|
||||
margin: -6px -8px 0 0;
|
||||
float: right;
|
||||
}
|
||||
|
||||
/* New Menu icons */
|
||||
|
||||
.icon16:before {
|
||||
color: #8c8f94; /* same as new icons */
|
||||
font: normal 20px/1 dashicons;
|
||||
speak: never;
|
||||
padding: 6px 0;
|
||||
height: 34px;
|
||||
width: 20px;
|
||||
display: inline-block;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
transition: all .1s ease-in-out;
|
||||
}
|
||||
|
||||
.icon16.icon-dashboard:before {
|
||||
content: "\f226";
|
||||
}
|
||||
|
||||
.icon16.icon-post:before {
|
||||
content: "\f109";
|
||||
}
|
||||
|
||||
.icon16.icon-media:before {
|
||||
content: "\f104";
|
||||
}
|
||||
|
||||
.icon16.icon-links:before {
|
||||
content: "\f103";
|
||||
}
|
||||
|
||||
.icon16.icon-page:before {
|
||||
content: "\f105";
|
||||
}
|
||||
|
||||
.icon16.icon-comments:before {
|
||||
content: "\f101";
|
||||
margin-top: 1px;
|
||||
}
|
||||
|
||||
.icon16.icon-appearance:before {
|
||||
content: "\f100";
|
||||
}
|
||||
|
||||
.icon16.icon-plugins:before {
|
||||
content: "\f106";
|
||||
}
|
||||
|
||||
.icon16.icon-users:before {
|
||||
content: "\f110";
|
||||
}
|
||||
|
||||
.icon16.icon-tools:before {
|
||||
content: "\f107";
|
||||
}
|
||||
|
||||
.icon16.icon-settings:before {
|
||||
content: "\f108";
|
||||
}
|
||||
|
||||
.icon16.icon-site:before {
|
||||
content: "\f541";
|
||||
}
|
||||
|
||||
.icon16.icon-generic:before {
|
||||
content: "\f111";
|
||||
}
|
||||
|
||||
/* hide background-image for icons above */
|
||||
.icon16.icon-dashboard,
|
||||
.menu-icon-dashboard div.wp-menu-image,
|
||||
.icon16.icon-post,
|
||||
.menu-icon-post div.wp-menu-image,
|
||||
.icon16.icon-media,
|
||||
.menu-icon-media div.wp-menu-image,
|
||||
.icon16.icon-links,
|
||||
.menu-icon-links div.wp-menu-image,
|
||||
.icon16.icon-page,
|
||||
.menu-icon-page div.wp-menu-image,
|
||||
.icon16.icon-comments,
|
||||
.menu-icon-comments div.wp-menu-image,
|
||||
.icon16.icon-appearance,
|
||||
.menu-icon-appearance div.wp-menu-image,
|
||||
.icon16.icon-plugins,
|
||||
.menu-icon-plugins div.wp-menu-image,
|
||||
.icon16.icon-users,
|
||||
.menu-icon-users div.wp-menu-image,
|
||||
.icon16.icon-tools,
|
||||
.menu-icon-tools div.wp-menu-image,
|
||||
.icon16.icon-settings,
|
||||
.menu-icon-settings div.wp-menu-image,
|
||||
.icon16.icon-site,
|
||||
.menu-icon-site div.wp-menu-image,
|
||||
.icon16.icon-generic,
|
||||
.menu-icon-generic div.wp-menu-image {
|
||||
background-image: none !important;
|
||||
}
|
||||
|
||||
/*------------------------------------------------------------------------------
|
||||
7.0 - Main Navigation (Left Menu)
|
||||
------------------------------------------------------------------------------*/
|
||||
|
||||
#adminmenuwrap {
|
||||
position: relative;
|
||||
float: right;
|
||||
z-index: 9990;
|
||||
}
|
||||
|
||||
/* side admin menu */
|
||||
#adminmenu * {
|
||||
-webkit-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
#adminmenu li {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#adminmenu a {
|
||||
display: block;
|
||||
line-height: 1.3;
|
||||
padding: 2px 5px;
|
||||
color: #f0f0f1;
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu a {
|
||||
color: #c3c4c7;
|
||||
color: rgba(240, 246, 252, 0.7);
|
||||
font-size: 13px;
|
||||
line-height: 1.4;
|
||||
margin: 0;
|
||||
padding: 5px 0;
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu a:hover,
|
||||
#adminmenu .wp-submenu a:focus {
|
||||
background: none;
|
||||
}
|
||||
|
||||
#adminmenu a:hover,
|
||||
#adminmenu li.menu-top > a:focus,
|
||||
#adminmenu .wp-submenu a:hover,
|
||||
#adminmenu .wp-submenu a:focus {
|
||||
color: #72aee6;
|
||||
}
|
||||
|
||||
#adminmenu a:hover,
|
||||
#adminmenu a:focus,
|
||||
.folded #adminmenu .wp-submenu-head:hover {
|
||||
box-shadow: inset -4px 0 0 0 currentColor;
|
||||
transition: box-shadow .1s linear;
|
||||
}
|
||||
|
||||
#adminmenu li.menu-top {
|
||||
border: none;
|
||||
min-height: 34px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu {
|
||||
list-style: none;
|
||||
position: absolute;
|
||||
top: -1000em;
|
||||
right: 160px;
|
||||
overflow: visible;
|
||||
word-wrap: break-word;
|
||||
padding: 7px 0 8px;
|
||||
z-index: 9999;
|
||||
background-color: #2c3338;
|
||||
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
.js #adminmenu .sub-open,
|
||||
.js #adminmenu .opensub .wp-submenu,
|
||||
#adminmenu a.menu-top:focus + .wp-submenu,
|
||||
.no-js li.wp-has-submenu:hover .wp-submenu {
|
||||
top: -1px;
|
||||
}
|
||||
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
|
||||
top: 0;
|
||||
}
|
||||
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu,
|
||||
.no-js li.wp-has-current-submenu:hover .wp-submenu,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu.sub-open,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu {
|
||||
position: relative;
|
||||
z-index: 3;
|
||||
top: auto;
|
||||
right: auto;
|
||||
left: auto;
|
||||
bottom: auto;
|
||||
border: 0 none;
|
||||
margin-top: 0;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.folded #adminmenu .wp-has-current-submenu .wp-submenu {
|
||||
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
/* ensure that wp-submenu's box shadow doesn't appear on top of the focused menu item's background. */
|
||||
#adminmenu li.menu-top:hover,
|
||||
#adminmenu li.opensub > a.menu-top,
|
||||
#adminmenu li > a.menu-top:focus {
|
||||
position: relative;
|
||||
background-color: #1d2327;
|
||||
color: #72aee6;
|
||||
}
|
||||
|
||||
.folded #adminmenu li.menu-top:hover,
|
||||
.folded #adminmenu li.opensub > a.menu-top,
|
||||
.folded #adminmenu li > a.menu-top:focus {
|
||||
z-index: 10000;
|
||||
}
|
||||
|
||||
#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
|
||||
#adminmenu li.current a.menu-top,
|
||||
#adminmenu .wp-menu-arrow,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu .wp-submenu-head,
|
||||
#adminmenu .wp-menu-arrow div {
|
||||
background: #2271b1;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.folded #adminmenu .wp-submenu.sub-open,
|
||||
.folded #adminmenu .opensub .wp-submenu,
|
||||
.folded #adminmenu .wp-has-current-submenu .wp-submenu.sub-open,
|
||||
.folded #adminmenu .wp-has-current-submenu.opensub .wp-submenu,
|
||||
.folded #adminmenu a.menu-top:focus + .wp-submenu,
|
||||
.folded #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu,
|
||||
.no-js.folded #adminmenu .wp-has-submenu:hover .wp-submenu {
|
||||
top: 0;
|
||||
right: 36px;
|
||||
}
|
||||
|
||||
.folded #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
|
||||
.folded #adminmenu .wp-has-current-submenu .wp-submenu {
|
||||
position: absolute;
|
||||
top: -1000em;
|
||||
}
|
||||
|
||||
#adminmenu .wp-not-current-submenu .wp-submenu,
|
||||
.folded #adminmenu .wp-has-current-submenu .wp-submenu {
|
||||
min-width: 160px;
|
||||
width: auto;
|
||||
border-right: 5px solid transparent;
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu li.current,
|
||||
#adminmenu .wp-submenu li.current a,
|
||||
#adminmenu .opensub .wp-submenu li.current a,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
|
||||
#adminmenu .wp-submenu li.current a:hover,
|
||||
#adminmenu .wp-submenu li.current a:focus {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#adminmenu .wp-not-current-submenu li > a,
|
||||
.folded #adminmenu .wp-has-current-submenu li > a {
|
||||
padding-left: 16px;
|
||||
padding-right: 14px;
|
||||
/* Exclude from the transition the outline for Windows High Contrast mode */
|
||||
transition: all .1s ease-in-out, outline 0s;
|
||||
}
|
||||
|
||||
#adminmenu .wp-has-current-submenu ul > li > a,
|
||||
.folded #adminmenu li.menu-top .wp-submenu > li > a {
|
||||
padding: 5px 12px;
|
||||
}
|
||||
|
||||
#adminmenu a.menu-top,
|
||||
#adminmenu .wp-submenu-head {
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
line-height: 1.3;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu-head {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.folded #adminmenu .wp-menu-name {
|
||||
position: absolute;
|
||||
right: -999px;
|
||||
}
|
||||
|
||||
.folded #adminmenu .wp-submenu-head {
|
||||
display: block;
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu li {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#adminmenu .wp-menu-image img {
|
||||
padding: 9px 0 0;
|
||||
opacity: 0.6;
|
||||
filter: alpha(opacity=60);
|
||||
}
|
||||
|
||||
#adminmenu div.wp-menu-name {
|
||||
padding: 8px 36px 8px 8px;
|
||||
overflow-wrap: break-word;
|
||||
word-wrap: break-word;
|
||||
-ms-word-break: break-all;
|
||||
word-break: break-word;
|
||||
-webkit-hyphens: auto;
|
||||
hyphens: auto;
|
||||
}
|
||||
|
||||
#adminmenu div.wp-menu-image {
|
||||
float: right;
|
||||
width: 36px;
|
||||
height: 34px;
|
||||
margin: 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#adminmenu div.wp-menu-image.svg {
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
background-size: 20px auto;
|
||||
}
|
||||
|
||||
div.wp-menu-image:before {
|
||||
color: #a7aaad;
|
||||
color: rgba(240, 246, 252, 0.6);
|
||||
padding: 7px 0;
|
||||
transition: all .1s ease-in-out;
|
||||
}
|
||||
|
||||
#adminmenu div.wp-menu-image:before {
|
||||
color: #a7aaad;
|
||||
color: rgba(240, 246, 252, 0.6);
|
||||
}
|
||||
|
||||
#adminmenu li.wp-has-current-submenu:hover div.wp-menu-image:before,
|
||||
#adminmenu .wp-has-current-submenu div.wp-menu-image:before,
|
||||
#adminmenu .current div.wp-menu-image:before,
|
||||
#adminmenu a.wp-has-current-submenu:hover div.wp-menu-image:before,
|
||||
#adminmenu a.current:hover div.wp-menu-image:before,
|
||||
#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
|
||||
#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#adminmenu li:hover div.wp-menu-image:before,
|
||||
#adminmenu li a:focus div.wp-menu-image:before,
|
||||
#adminmenu li.opensub div.wp-menu-image:before {
|
||||
color: #72aee6;
|
||||
}
|
||||
|
||||
.folded #adminmenu div.wp-menu-image {
|
||||
width: 35px;
|
||||
height: 30px;
|
||||
position: absolute;
|
||||
z-index: 25;
|
||||
}
|
||||
|
||||
.folded #adminmenu a.menu-top {
|
||||
height: 34px;
|
||||
}
|
||||
|
||||
/* Sticky admin menu */
|
||||
.sticky-menu #adminmenuwrap {
|
||||
position: fixed;
|
||||
}
|
||||
|
||||
/* A new arrow */
|
||||
|
||||
.wp-menu-arrow {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
ul#adminmenu a.wp-has-current-submenu {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
ul#adminmenu a.wp-has-current-submenu:after,
|
||||
ul#adminmenu > li.current > a.current:after {
|
||||
left: 0;
|
||||
border: solid 8px transparent;
|
||||
content: " ";
|
||||
height: 0;
|
||||
width: 0;
|
||||
position: absolute;
|
||||
pointer-events: none;
|
||||
border-left-color: #f0f0f1;
|
||||
top: 50%;
|
||||
margin-top: -8px;
|
||||
}
|
||||
|
||||
.folded ul#adminmenu li:hover a.wp-has-current-submenu:after,
|
||||
.folded ul#adminmenu li.wp-has-current-submenu:focus-within a.wp-has-current-submenu:after {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.folded ul#adminmenu a.wp-has-current-submenu:after,
|
||||
.folded ul#adminmenu > li a.current:after {
|
||||
border-width: 4px;
|
||||
margin-top: -4px;
|
||||
}
|
||||
|
||||
/* flyout menu arrow */
|
||||
#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after,
|
||||
#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
|
||||
left: 0;
|
||||
border: 8px solid transparent;
|
||||
content: " ";
|
||||
height: 0;
|
||||
width: 0;
|
||||
position: absolute;
|
||||
pointer-events: none;
|
||||
top: 10px;
|
||||
z-index: 10000;
|
||||
}
|
||||
|
||||
.folded ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after,
|
||||
.folded ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
|
||||
border-width: 4px;
|
||||
margin-top: -4px;
|
||||
top: 18px;
|
||||
}
|
||||
|
||||
#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
|
||||
#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
|
||||
border-left-color: #2c3338;
|
||||
}
|
||||
|
||||
#adminmenu li.menu-top:hover .wp-menu-image img,
|
||||
#adminmenu li.wp-has-current-submenu .wp-menu-image img {
|
||||
opacity: 1;
|
||||
filter: alpha(opacity=100);
|
||||
}
|
||||
|
||||
#adminmenu li.wp-menu-separator {
|
||||
height: 5px;
|
||||
padding: 0;
|
||||
margin: 0 0 6px;
|
||||
cursor: inherit;
|
||||
}
|
||||
|
||||
/* @todo: is this even needed given that it's nested beneath the above li.wp-menu-separator? */
|
||||
#adminmenu div.separator {
|
||||
height: 2px;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu .wp-submenu-head {
|
||||
color: #fff;
|
||||
font-weight: 400;
|
||||
font-size: 14px;
|
||||
padding: 5px 11px 5px 4px;
|
||||
margin: -7px -5px 4px 0;
|
||||
border-width: 3px 5px 3px 0;
|
||||
border-style: solid;
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
#adminmenu li.current,
|
||||
.folded #adminmenu li.wp-menu-open {
|
||||
border: 0 none;
|
||||
}
|
||||
|
||||
/* @todo: consider to use a single rule for these counters and the list table comments counters. */
|
||||
#adminmenu .awaiting-mod,
|
||||
#adminmenu .update-plugins {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
box-sizing: border-box;
|
||||
margin: 1px 2px -1px 0;
|
||||
padding: 0 5px;
|
||||
min-width: 18px;
|
||||
height: 18px;
|
||||
border-radius: 9px;
|
||||
background-color: #d63638;
|
||||
color: #fff;
|
||||
font-size: 11px;
|
||||
line-height: 1.6;
|
||||
text-align: center;
|
||||
z-index: 26;
|
||||
}
|
||||
|
||||
#adminmenu li.current a .awaiting-mod,
|
||||
#adminmenu li a.wp-has-current-submenu .update-plugins {
|
||||
background-color: #d63638;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#adminmenu li span.count-0 {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#collapse-button {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 34px;
|
||||
margin: 0;
|
||||
border: none;
|
||||
padding: 0;
|
||||
position: relative;
|
||||
overflow: visible;
|
||||
background: none;
|
||||
color: #a7aaad;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#collapse-button:hover {
|
||||
color: #72aee6;
|
||||
}
|
||||
|
||||
#collapse-button:focus {
|
||||
color: #72aee6;
|
||||
/* Only visible in Windows High Contrast mode */
|
||||
outline: 1px solid transparent;
|
||||
outline-offset: -1px;
|
||||
}
|
||||
|
||||
#collapse-button .collapse-button-icon,
|
||||
#collapse-button .collapse-button-label {
|
||||
/* absolutely positioned to avoid 1px shift in IE when button is pressed */
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
#collapse-button .collapse-button-label {
|
||||
top: 8px;
|
||||
}
|
||||
|
||||
#collapse-button .collapse-button-icon {
|
||||
width: 36px;
|
||||
height: 34px;
|
||||
}
|
||||
|
||||
#collapse-button .collapse-button-label {
|
||||
padding: 0 36px 0 0;
|
||||
}
|
||||
|
||||
.folded #collapse-button .collapse-button-label {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#collapse-button .collapse-button-icon:after {
|
||||
content: "\f148";
|
||||
display: block;
|
||||
position: relative;
|
||||
top: 7px;
|
||||
text-align: center;
|
||||
font: normal 20px/1 dashicons !important;
|
||||
speak: never;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
/* rtl:ignore */
|
||||
.folded #collapse-button .collapse-button-icon:after,
|
||||
.rtl #collapse-button .collapse-button-icon:after {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
|
||||
.rtl.folded #collapse-button .collapse-button-icon:after {
|
||||
transform: none;
|
||||
}
|
||||
|
||||
#collapse-button .collapse-button-icon:after,
|
||||
#collapse-button .collapse-button-label {
|
||||
transition: all .1s ease-in-out;
|
||||
}
|
||||
|
||||
/**
|
||||
* Toolbar menu toggle
|
||||
*/
|
||||
li#wp-admin-bar-menu-toggle {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Hide-if-customize for items we can't add classes to */
|
||||
.customize-support #menu-appearance a[href="themes.php?page=custom-header"],
|
||||
.customize-support #menu-appearance a[href="themes.php?page=custom-background"] {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Auto-folding of the admin menu */
|
||||
@media only screen and (max-width: 960px) {
|
||||
.auto-fold #wpcontent,
|
||||
.auto-fold #wpfooter {
|
||||
margin-right: 36px;
|
||||
}
|
||||
|
||||
.auto-fold #adminmenuback,
|
||||
.auto-fold #adminmenuwrap,
|
||||
.auto-fold #adminmenu,
|
||||
.auto-fold #adminmenu li.menu-top {
|
||||
width: 36px;
|
||||
}
|
||||
|
||||
.auto-fold #adminmenu .wp-submenu.sub-open,
|
||||
.auto-fold #adminmenu .opensub .wp-submenu,
|
||||
.auto-fold #adminmenu .wp-has-current-submenu .wp-submenu.sub-open,
|
||||
.auto-fold #adminmenu .wp-has-current-submenu.opensub .wp-submenu,
|
||||
.auto-fold #adminmenu a.menu-top:focus + .wp-submenu,
|
||||
.auto-fold #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu {
|
||||
top: 0;
|
||||
right: 36px;
|
||||
}
|
||||
|
||||
.auto-fold #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
|
||||
.auto-fold #adminmenu .wp-has-current-submenu .wp-submenu {
|
||||
position: absolute;
|
||||
top: -1000em;
|
||||
margin-left: -1px;
|
||||
padding: 7px 0 8px;
|
||||
z-index: 9999;
|
||||
}
|
||||
|
||||
.auto-fold #adminmenu .wp-has-current-submenu .wp-submenu {
|
||||
min-width: 150px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.auto-fold #adminmenu .wp-has-current-submenu li > a {
|
||||
padding-left: 16px;
|
||||
padding-right: 14px;
|
||||
}
|
||||
|
||||
|
||||
.auto-fold #adminmenu li.menu-top .wp-submenu > li > a {
|
||||
padding-right: 12px;
|
||||
}
|
||||
|
||||
.auto-fold #adminmenu .wp-menu-name {
|
||||
position: absolute;
|
||||
right: -999px;
|
||||
}
|
||||
|
||||
.auto-fold #adminmenu .wp-submenu-head {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.auto-fold #adminmenu div.wp-menu-image {
|
||||
height: 30px;
|
||||
width: 34px;
|
||||
position: absolute;
|
||||
z-index: 25;
|
||||
}
|
||||
|
||||
.auto-fold #adminmenu a.menu-top {
|
||||
min-height: 34px;
|
||||
}
|
||||
|
||||
.auto-fold #adminmenu li.wp-menu-open {
|
||||
border: 0 none;
|
||||
}
|
||||
|
||||
.auto-fold #adminmenu .wp-has-current-submenu.menu-top-last {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.auto-fold ul#adminmenu li:hover a.wp-has-current-submenu:after,
|
||||
.auto-fold ul#adminmenu li:focus-within a.wp-has-current-submenu:after {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after,
|
||||
.auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
|
||||
border-width: 4px;
|
||||
margin-top: -4px;
|
||||
top: 16px;
|
||||
}
|
||||
|
||||
.auto-fold ul#adminmenu a.wp-has-current-submenu:after,
|
||||
.auto-fold ul#adminmenu > li a.current:after {
|
||||
border-width: 4px;
|
||||
margin-top: -4px;
|
||||
}
|
||||
|
||||
.auto-fold #adminmenu li.menu-top:hover,
|
||||
.auto-fold #adminmenu li.opensub > a.menu-top,
|
||||
.auto-fold #adminmenu li > a.menu-top:focus {
|
||||
z-index: 10000;
|
||||
}
|
||||
|
||||
.auto-fold #collapse-menu .collapse-button-label {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* rtl:ignore */
|
||||
.auto-fold #collapse-button .collapse-button-icon:after {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
|
||||
.rtl.auto-fold #collapse-button .collapse-button-icon:after {
|
||||
transform: none;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media screen and (max-width: 782px) {
|
||||
.auto-fold #wpcontent {
|
||||
position: relative;
|
||||
margin-right: 0;
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
.sticky-menu #adminmenuwrap {
|
||||
position: relative;
|
||||
z-index: auto;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
/* Sidebar Adjustments */
|
||||
.auto-fold #adminmenu,
|
||||
.auto-fold #adminmenuback,
|
||||
.auto-fold #adminmenuwrap {
|
||||
position: absolute;
|
||||
width: 190px;
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
.auto-fold #adminmenuback {
|
||||
position: fixed;
|
||||
}
|
||||
|
||||
.auto-fold #adminmenuback,
|
||||
.auto-fold #adminmenuwrap {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.auto-fold .wp-responsive-open #adminmenuback,
|
||||
.auto-fold .wp-responsive-open #adminmenuwrap {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.auto-fold #adminmenu li.menu-top {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* Resize the admin menu items to a comfortable touch size */
|
||||
.auto-fold #adminmenu li a {
|
||||
font-size: 16px;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
.auto-fold #adminmenu li.menu-top .wp-submenu > li > a {
|
||||
padding: 10px 20px 10px 10px;
|
||||
}
|
||||
|
||||
/* Restore the menu names */
|
||||
.auto-fold #adminmenu .wp-menu-name {
|
||||
position: static;
|
||||
}
|
||||
|
||||
/* Switch the arrow side */
|
||||
.auto-fold ul#adminmenu a.wp-has-current-submenu:after,
|
||||
.auto-fold ul#adminmenu > li.current > a.current:after {
|
||||
border-width: 8px;
|
||||
margin-top: -8px;
|
||||
}
|
||||
|
||||
.auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after,
|
||||
.auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Make the submenus appear correctly when tapped. */
|
||||
#adminmenu .wp-submenu {
|
||||
position: relative;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.auto-fold #adminmenu .selected .wp-submenu,
|
||||
.auto-fold #adminmenu .wp-menu-open .wp-submenu {
|
||||
position: relative;
|
||||
display: block;
|
||||
top: 0;
|
||||
right: -1px;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.auto-fold #adminmenu .selected .wp-submenu:after,
|
||||
.auto-fold #adminmenu .wp-menu-open .wp-submenu:after {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.auto-fold #adminmenu .opensub .wp-submenu {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.auto-fold #adminmenu .selected .wp-submenu {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.auto-fold ul#adminmenu li:hover a.wp-has-current-submenu:after,
|
||||
.auto-fold ul#adminmenu li:focus-within a.wp-has-current-submenu:after {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.auto-fold #adminmenu a.menu-top:focus + .wp-submenu,
|
||||
.auto-fold #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu {
|
||||
position: relative;
|
||||
right: -1px;
|
||||
left: 0;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
#adminmenu .wp-not-current-submenu .wp-submenu,
|
||||
.folded #adminmenu .wp-has-current-submenu .wp-submenu {
|
||||
border-right: none;
|
||||
}
|
||||
|
||||
/* Remove submenu headers and adjust sub meu*/
|
||||
#adminmenu .wp-submenu .wp-submenu-head {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Toolbar menu toggle */
|
||||
#wp-responsive-toggle {
|
||||
position: fixed;
|
||||
top: 5px;
|
||||
right: 4px;
|
||||
padding-left: 10px;
|
||||
z-index: 99999;
|
||||
border: none;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-menu-toggle a {
|
||||
display: block;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
outline: none;
|
||||
text-decoration: none;
|
||||
border: 1px solid transparent;
|
||||
background: none;
|
||||
height: 44px;
|
||||
margin-right: -1px;
|
||||
}
|
||||
|
||||
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
|
||||
background: #2c3338;
|
||||
}
|
||||
|
||||
li#wp-admin-bar-menu-toggle {
|
||||
display: block;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-menu-toggle a:hover {
|
||||
border: 1px solid transparent;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
|
||||
content: "\f228";
|
||||
display: inline-block;
|
||||
float: right;
|
||||
font: normal 40px/45px dashicons;
|
||||
vertical-align: middle;
|
||||
outline: none;
|
||||
margin: 0;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
height: 44px;
|
||||
width: 50px;
|
||||
padding: 0;
|
||||
border: none;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
|
||||
color: #72aee6;
|
||||
}
|
||||
}
|
||||
|
||||
/* Smartphone */
|
||||
@media screen and (max-width: 600px) {
|
||||
#adminmenuwrap,
|
||||
#adminmenuback {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.wp-responsive-open #adminmenuwrap,
|
||||
.wp-responsive-open #adminmenuback {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.auto-fold #adminmenu {
|
||||
top: 46px;
|
||||
}
|
||||
}
|
File diff suppressed because one or more lines are too long
|
@ -0,0 +1,943 @@
|
|||
#adminmenuback,
|
||||
#adminmenuwrap,
|
||||
#adminmenu,
|
||||
#adminmenu .wp-submenu {
|
||||
width: 160px;
|
||||
background-color: #1d2327;
|
||||
}
|
||||
|
||||
#adminmenuback {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
bottom: -120px;
|
||||
z-index: 1; /* positive z-index to avoid elastic scrolling woes in Safari */
|
||||
}
|
||||
|
||||
.php-error #adminmenuback {
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.php-error #adminmenuback,
|
||||
.php-error #adminmenuwrap {
|
||||
margin-top: 2em;
|
||||
}
|
||||
|
||||
#adminmenu {
|
||||
clear: left;
|
||||
margin: 12px 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.folded #adminmenuback,
|
||||
.folded #adminmenuwrap,
|
||||
.folded #adminmenu,
|
||||
.folded #adminmenu li.menu-top {
|
||||
width: 36px;
|
||||
}
|
||||
|
||||
.icon16 {
|
||||
height: 18px;
|
||||
width: 18px;
|
||||
padding: 6px;
|
||||
margin: -6px 0 0 -8px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
/* New Menu icons */
|
||||
|
||||
.icon16:before {
|
||||
color: #8c8f94; /* same as new icons */
|
||||
font: normal 20px/1 dashicons;
|
||||
speak: never;
|
||||
padding: 6px 0;
|
||||
height: 34px;
|
||||
width: 20px;
|
||||
display: inline-block;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
transition: all .1s ease-in-out;
|
||||
}
|
||||
|
||||
.icon16.icon-dashboard:before {
|
||||
content: "\f226";
|
||||
}
|
||||
|
||||
.icon16.icon-post:before {
|
||||
content: "\f109";
|
||||
}
|
||||
|
||||
.icon16.icon-media:before {
|
||||
content: "\f104";
|
||||
}
|
||||
|
||||
.icon16.icon-links:before {
|
||||
content: "\f103";
|
||||
}
|
||||
|
||||
.icon16.icon-page:before {
|
||||
content: "\f105";
|
||||
}
|
||||
|
||||
.icon16.icon-comments:before {
|
||||
content: "\f101";
|
||||
margin-top: 1px;
|
||||
}
|
||||
|
||||
.icon16.icon-appearance:before {
|
||||
content: "\f100";
|
||||
}
|
||||
|
||||
.icon16.icon-plugins:before {
|
||||
content: "\f106";
|
||||
}
|
||||
|
||||
.icon16.icon-users:before {
|
||||
content: "\f110";
|
||||
}
|
||||
|
||||
.icon16.icon-tools:before {
|
||||
content: "\f107";
|
||||
}
|
||||
|
||||
.icon16.icon-settings:before {
|
||||
content: "\f108";
|
||||
}
|
||||
|
||||
.icon16.icon-site:before {
|
||||
content: "\f541";
|
||||
}
|
||||
|
||||
.icon16.icon-generic:before {
|
||||
content: "\f111";
|
||||
}
|
||||
|
||||
/* hide background-image for icons above */
|
||||
.icon16.icon-dashboard,
|
||||
.menu-icon-dashboard div.wp-menu-image,
|
||||
.icon16.icon-post,
|
||||
.menu-icon-post div.wp-menu-image,
|
||||
.icon16.icon-media,
|
||||
.menu-icon-media div.wp-menu-image,
|
||||
.icon16.icon-links,
|
||||
.menu-icon-links div.wp-menu-image,
|
||||
.icon16.icon-page,
|
||||
.menu-icon-page div.wp-menu-image,
|
||||
.icon16.icon-comments,
|
||||
.menu-icon-comments div.wp-menu-image,
|
||||
.icon16.icon-appearance,
|
||||
.menu-icon-appearance div.wp-menu-image,
|
||||
.icon16.icon-plugins,
|
||||
.menu-icon-plugins div.wp-menu-image,
|
||||
.icon16.icon-users,
|
||||
.menu-icon-users div.wp-menu-image,
|
||||
.icon16.icon-tools,
|
||||
.menu-icon-tools div.wp-menu-image,
|
||||
.icon16.icon-settings,
|
||||
.menu-icon-settings div.wp-menu-image,
|
||||
.icon16.icon-site,
|
||||
.menu-icon-site div.wp-menu-image,
|
||||
.icon16.icon-generic,
|
||||
.menu-icon-generic div.wp-menu-image {
|
||||
background-image: none !important;
|
||||
}
|
||||
|
||||
/*------------------------------------------------------------------------------
|
||||
7.0 - Main Navigation (Left Menu)
|
||||
------------------------------------------------------------------------------*/
|
||||
|
||||
#adminmenuwrap {
|
||||
position: relative;
|
||||
float: left;
|
||||
z-index: 9990;
|
||||
}
|
||||
|
||||
/* side admin menu */
|
||||
#adminmenu * {
|
||||
-webkit-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
#adminmenu li {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#adminmenu a {
|
||||
display: block;
|
||||
line-height: 1.3;
|
||||
padding: 2px 5px;
|
||||
color: #f0f0f1;
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu a {
|
||||
color: #c3c4c7;
|
||||
color: rgba(240, 246, 252, 0.7);
|
||||
font-size: 13px;
|
||||
line-height: 1.4;
|
||||
margin: 0;
|
||||
padding: 5px 0;
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu a:hover,
|
||||
#adminmenu .wp-submenu a:focus {
|
||||
background: none;
|
||||
}
|
||||
|
||||
#adminmenu a:hover,
|
||||
#adminmenu li.menu-top > a:focus,
|
||||
#adminmenu .wp-submenu a:hover,
|
||||
#adminmenu .wp-submenu a:focus {
|
||||
color: #72aee6;
|
||||
}
|
||||
|
||||
#adminmenu a:hover,
|
||||
#adminmenu a:focus,
|
||||
.folded #adminmenu .wp-submenu-head:hover {
|
||||
box-shadow: inset 4px 0 0 0 currentColor;
|
||||
transition: box-shadow .1s linear;
|
||||
}
|
||||
|
||||
#adminmenu li.menu-top {
|
||||
border: none;
|
||||
min-height: 34px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu {
|
||||
list-style: none;
|
||||
position: absolute;
|
||||
top: -1000em;
|
||||
left: 160px;
|
||||
overflow: visible;
|
||||
word-wrap: break-word;
|
||||
padding: 7px 0 8px;
|
||||
z-index: 9999;
|
||||
background-color: #2c3338;
|
||||
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
.js #adminmenu .sub-open,
|
||||
.js #adminmenu .opensub .wp-submenu,
|
||||
#adminmenu a.menu-top:focus + .wp-submenu,
|
||||
.no-js li.wp-has-submenu:hover .wp-submenu {
|
||||
top: -1px;
|
||||
}
|
||||
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
|
||||
top: 0;
|
||||
}
|
||||
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu,
|
||||
.no-js li.wp-has-current-submenu:hover .wp-submenu,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu.sub-open,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu {
|
||||
position: relative;
|
||||
z-index: 3;
|
||||
top: auto;
|
||||
left: auto;
|
||||
right: auto;
|
||||
bottom: auto;
|
||||
border: 0 none;
|
||||
margin-top: 0;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.folded #adminmenu .wp-has-current-submenu .wp-submenu {
|
||||
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
/* ensure that wp-submenu's box shadow doesn't appear on top of the focused menu item's background. */
|
||||
#adminmenu li.menu-top:hover,
|
||||
#adminmenu li.opensub > a.menu-top,
|
||||
#adminmenu li > a.menu-top:focus {
|
||||
position: relative;
|
||||
background-color: #1d2327;
|
||||
color: #72aee6;
|
||||
}
|
||||
|
||||
.folded #adminmenu li.menu-top:hover,
|
||||
.folded #adminmenu li.opensub > a.menu-top,
|
||||
.folded #adminmenu li > a.menu-top:focus {
|
||||
z-index: 10000;
|
||||
}
|
||||
|
||||
#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
|
||||
#adminmenu li.current a.menu-top,
|
||||
#adminmenu .wp-menu-arrow,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu .wp-submenu-head,
|
||||
#adminmenu .wp-menu-arrow div {
|
||||
background: #2271b1;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.folded #adminmenu .wp-submenu.sub-open,
|
||||
.folded #adminmenu .opensub .wp-submenu,
|
||||
.folded #adminmenu .wp-has-current-submenu .wp-submenu.sub-open,
|
||||
.folded #adminmenu .wp-has-current-submenu.opensub .wp-submenu,
|
||||
.folded #adminmenu a.menu-top:focus + .wp-submenu,
|
||||
.folded #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu,
|
||||
.no-js.folded #adminmenu .wp-has-submenu:hover .wp-submenu {
|
||||
top: 0;
|
||||
left: 36px;
|
||||
}
|
||||
|
||||
.folded #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
|
||||
.folded #adminmenu .wp-has-current-submenu .wp-submenu {
|
||||
position: absolute;
|
||||
top: -1000em;
|
||||
}
|
||||
|
||||
#adminmenu .wp-not-current-submenu .wp-submenu,
|
||||
.folded #adminmenu .wp-has-current-submenu .wp-submenu {
|
||||
min-width: 160px;
|
||||
width: auto;
|
||||
border-left: 5px solid transparent;
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu li.current,
|
||||
#adminmenu .wp-submenu li.current a,
|
||||
#adminmenu .opensub .wp-submenu li.current a,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
|
||||
#adminmenu .wp-submenu li.current a:hover,
|
||||
#adminmenu .wp-submenu li.current a:focus {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#adminmenu .wp-not-current-submenu li > a,
|
||||
.folded #adminmenu .wp-has-current-submenu li > a {
|
||||
padding-right: 16px;
|
||||
padding-left: 14px;
|
||||
/* Exclude from the transition the outline for Windows High Contrast mode */
|
||||
transition: all .1s ease-in-out, outline 0s;
|
||||
}
|
||||
|
||||
#adminmenu .wp-has-current-submenu ul > li > a,
|
||||
.folded #adminmenu li.menu-top .wp-submenu > li > a {
|
||||
padding: 5px 12px;
|
||||
}
|
||||
|
||||
#adminmenu a.menu-top,
|
||||
#adminmenu .wp-submenu-head {
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
line-height: 1.3;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu-head {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.folded #adminmenu .wp-menu-name {
|
||||
position: absolute;
|
||||
left: -999px;
|
||||
}
|
||||
|
||||
.folded #adminmenu .wp-submenu-head {
|
||||
display: block;
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu li {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#adminmenu .wp-menu-image img {
|
||||
padding: 9px 0 0;
|
||||
opacity: 0.6;
|
||||
filter: alpha(opacity=60);
|
||||
}
|
||||
|
||||
#adminmenu div.wp-menu-name {
|
||||
padding: 8px 8px 8px 36px;
|
||||
overflow-wrap: break-word;
|
||||
word-wrap: break-word;
|
||||
-ms-word-break: break-all;
|
||||
word-break: break-word;
|
||||
-webkit-hyphens: auto;
|
||||
hyphens: auto;
|
||||
}
|
||||
|
||||
#adminmenu div.wp-menu-image {
|
||||
float: left;
|
||||
width: 36px;
|
||||
height: 34px;
|
||||
margin: 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#adminmenu div.wp-menu-image.svg {
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
background-size: 20px auto;
|
||||
}
|
||||
|
||||
div.wp-menu-image:before {
|
||||
color: #a7aaad;
|
||||
color: rgba(240, 246, 252, 0.6);
|
||||
padding: 7px 0;
|
||||
transition: all .1s ease-in-out;
|
||||
}
|
||||
|
||||
#adminmenu div.wp-menu-image:before {
|
||||
color: #a7aaad;
|
||||
color: rgba(240, 246, 252, 0.6);
|
||||
}
|
||||
|
||||
#adminmenu li.wp-has-current-submenu:hover div.wp-menu-image:before,
|
||||
#adminmenu .wp-has-current-submenu div.wp-menu-image:before,
|
||||
#adminmenu .current div.wp-menu-image:before,
|
||||
#adminmenu a.wp-has-current-submenu:hover div.wp-menu-image:before,
|
||||
#adminmenu a.current:hover div.wp-menu-image:before,
|
||||
#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
|
||||
#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#adminmenu li:hover div.wp-menu-image:before,
|
||||
#adminmenu li a:focus div.wp-menu-image:before,
|
||||
#adminmenu li.opensub div.wp-menu-image:before {
|
||||
color: #72aee6;
|
||||
}
|
||||
|
||||
.folded #adminmenu div.wp-menu-image {
|
||||
width: 35px;
|
||||
height: 30px;
|
||||
position: absolute;
|
||||
z-index: 25;
|
||||
}
|
||||
|
||||
.folded #adminmenu a.menu-top {
|
||||
height: 34px;
|
||||
}
|
||||
|
||||
/* Sticky admin menu */
|
||||
.sticky-menu #adminmenuwrap {
|
||||
position: fixed;
|
||||
}
|
||||
|
||||
/* A new arrow */
|
||||
|
||||
.wp-menu-arrow {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
ul#adminmenu a.wp-has-current-submenu {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
ul#adminmenu a.wp-has-current-submenu:after,
|
||||
ul#adminmenu > li.current > a.current:after {
|
||||
right: 0;
|
||||
border: solid 8px transparent;
|
||||
content: " ";
|
||||
height: 0;
|
||||
width: 0;
|
||||
position: absolute;
|
||||
pointer-events: none;
|
||||
border-right-color: #f0f0f1;
|
||||
top: 50%;
|
||||
margin-top: -8px;
|
||||
}
|
||||
|
||||
.folded ul#adminmenu li:hover a.wp-has-current-submenu:after,
|
||||
.folded ul#adminmenu li.wp-has-current-submenu:focus-within a.wp-has-current-submenu:after {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.folded ul#adminmenu a.wp-has-current-submenu:after,
|
||||
.folded ul#adminmenu > li a.current:after {
|
||||
border-width: 4px;
|
||||
margin-top: -4px;
|
||||
}
|
||||
|
||||
/* flyout menu arrow */
|
||||
#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after,
|
||||
#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
|
||||
right: 0;
|
||||
border: 8px solid transparent;
|
||||
content: " ";
|
||||
height: 0;
|
||||
width: 0;
|
||||
position: absolute;
|
||||
pointer-events: none;
|
||||
top: 10px;
|
||||
z-index: 10000;
|
||||
}
|
||||
|
||||
.folded ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after,
|
||||
.folded ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
|
||||
border-width: 4px;
|
||||
margin-top: -4px;
|
||||
top: 18px;
|
||||
}
|
||||
|
||||
#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
|
||||
#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
|
||||
border-right-color: #2c3338;
|
||||
}
|
||||
|
||||
#adminmenu li.menu-top:hover .wp-menu-image img,
|
||||
#adminmenu li.wp-has-current-submenu .wp-menu-image img {
|
||||
opacity: 1;
|
||||
filter: alpha(opacity=100);
|
||||
}
|
||||
|
||||
#adminmenu li.wp-menu-separator {
|
||||
height: 5px;
|
||||
padding: 0;
|
||||
margin: 0 0 6px;
|
||||
cursor: inherit;
|
||||
}
|
||||
|
||||
/* @todo: is this even needed given that it's nested beneath the above li.wp-menu-separator? */
|
||||
#adminmenu div.separator {
|
||||
height: 2px;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu .wp-submenu-head {
|
||||
color: #fff;
|
||||
font-weight: 400;
|
||||
font-size: 14px;
|
||||
padding: 5px 4px 5px 11px;
|
||||
margin: -7px 0 4px -5px;
|
||||
border-width: 3px 0 3px 5px;
|
||||
border-style: solid;
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
#adminmenu li.current,
|
||||
.folded #adminmenu li.wp-menu-open {
|
||||
border: 0 none;
|
||||
}
|
||||
|
||||
/* @todo: consider to use a single rule for these counters and the list table comments counters. */
|
||||
#adminmenu .awaiting-mod,
|
||||
#adminmenu .update-plugins {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
box-sizing: border-box;
|
||||
margin: 1px 0 -1px 2px;
|
||||
padding: 0 5px;
|
||||
min-width: 18px;
|
||||
height: 18px;
|
||||
border-radius: 9px;
|
||||
background-color: #d63638;
|
||||
color: #fff;
|
||||
font-size: 11px;
|
||||
line-height: 1.6;
|
||||
text-align: center;
|
||||
z-index: 26;
|
||||
}
|
||||
|
||||
#adminmenu li.current a .awaiting-mod,
|
||||
#adminmenu li a.wp-has-current-submenu .update-plugins {
|
||||
background-color: #d63638;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#adminmenu li span.count-0 {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#collapse-button {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 34px;
|
||||
margin: 0;
|
||||
border: none;
|
||||
padding: 0;
|
||||
position: relative;
|
||||
overflow: visible;
|
||||
background: none;
|
||||
color: #a7aaad;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#collapse-button:hover {
|
||||
color: #72aee6;
|
||||
}
|
||||
|
||||
#collapse-button:focus {
|
||||
color: #72aee6;
|
||||
/* Only visible in Windows High Contrast mode */
|
||||
outline: 1px solid transparent;
|
||||
outline-offset: -1px;
|
||||
}
|
||||
|
||||
#collapse-button .collapse-button-icon,
|
||||
#collapse-button .collapse-button-label {
|
||||
/* absolutely positioned to avoid 1px shift in IE when button is pressed */
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
#collapse-button .collapse-button-label {
|
||||
top: 8px;
|
||||
}
|
||||
|
||||
#collapse-button .collapse-button-icon {
|
||||
width: 36px;
|
||||
height: 34px;
|
||||
}
|
||||
|
||||
#collapse-button .collapse-button-label {
|
||||
padding: 0 0 0 36px;
|
||||
}
|
||||
|
||||
.folded #collapse-button .collapse-button-label {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#collapse-button .collapse-button-icon:after {
|
||||
content: "\f148";
|
||||
display: block;
|
||||
position: relative;
|
||||
top: 7px;
|
||||
text-align: center;
|
||||
font: normal 20px/1 dashicons !important;
|
||||
speak: never;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
/* rtl:ignore */
|
||||
.folded #collapse-button .collapse-button-icon:after,
|
||||
.rtl #collapse-button .collapse-button-icon:after {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
|
||||
.rtl.folded #collapse-button .collapse-button-icon:after {
|
||||
transform: none;
|
||||
}
|
||||
|
||||
#collapse-button .collapse-button-icon:after,
|
||||
#collapse-button .collapse-button-label {
|
||||
transition: all .1s ease-in-out;
|
||||
}
|
||||
|
||||
/**
|
||||
* Toolbar menu toggle
|
||||
*/
|
||||
li#wp-admin-bar-menu-toggle {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Hide-if-customize for items we can't add classes to */
|
||||
.customize-support #menu-appearance a[href="themes.php?page=custom-header"],
|
||||
.customize-support #menu-appearance a[href="themes.php?page=custom-background"] {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Auto-folding of the admin menu */
|
||||
@media only screen and (max-width: 960px) {
|
||||
.auto-fold #wpcontent,
|
||||
.auto-fold #wpfooter {
|
||||
margin-left: 36px;
|
||||
}
|
||||
|
||||
.auto-fold #adminmenuback,
|
||||
.auto-fold #adminmenuwrap,
|
||||
.auto-fold #adminmenu,
|
||||
.auto-fold #adminmenu li.menu-top {
|
||||
width: 36px;
|
||||
}
|
||||
|
||||
.auto-fold #adminmenu .wp-submenu.sub-open,
|
||||
.auto-fold #adminmenu .opensub .wp-submenu,
|
||||
.auto-fold #adminmenu .wp-has-current-submenu .wp-submenu.sub-open,
|
||||
.auto-fold #adminmenu .wp-has-current-submenu.opensub .wp-submenu,
|
||||
.auto-fold #adminmenu a.menu-top:focus + .wp-submenu,
|
||||
.auto-fold #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu {
|
||||
top: 0;
|
||||
left: 36px;
|
||||
}
|
||||
|
||||
.auto-fold #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
|
||||
.auto-fold #adminmenu .wp-has-current-submenu .wp-submenu {
|
||||
position: absolute;
|
||||
top: -1000em;
|
||||
margin-right: -1px;
|
||||
padding: 7px 0 8px;
|
||||
z-index: 9999;
|
||||
}
|
||||
|
||||
.auto-fold #adminmenu .wp-has-current-submenu .wp-submenu {
|
||||
min-width: 150px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.auto-fold #adminmenu .wp-has-current-submenu li > a {
|
||||
padding-right: 16px;
|
||||
padding-left: 14px;
|
||||
}
|
||||
|
||||
|
||||
.auto-fold #adminmenu li.menu-top .wp-submenu > li > a {
|
||||
padding-left: 12px;
|
||||
}
|
||||
|
||||
.auto-fold #adminmenu .wp-menu-name {
|
||||
position: absolute;
|
||||
left: -999px;
|
||||
}
|
||||
|
||||
.auto-fold #adminmenu .wp-submenu-head {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.auto-fold #adminmenu div.wp-menu-image {
|
||||
height: 30px;
|
||||
width: 34px;
|
||||
position: absolute;
|
||||
z-index: 25;
|
||||
}
|
||||
|
||||
.auto-fold #adminmenu a.menu-top {
|
||||
min-height: 34px;
|
||||
}
|
||||
|
||||
.auto-fold #adminmenu li.wp-menu-open {
|
||||
border: 0 none;
|
||||
}
|
||||
|
||||
.auto-fold #adminmenu .wp-has-current-submenu.menu-top-last {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.auto-fold ul#adminmenu li:hover a.wp-has-current-submenu:after,
|
||||
.auto-fold ul#adminmenu li:focus-within a.wp-has-current-submenu:after {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after,
|
||||
.auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
|
||||
border-width: 4px;
|
||||
margin-top: -4px;
|
||||
top: 16px;
|
||||
}
|
||||
|
||||
.auto-fold ul#adminmenu a.wp-has-current-submenu:after,
|
||||
.auto-fold ul#adminmenu > li a.current:after {
|
||||
border-width: 4px;
|
||||
margin-top: -4px;
|
||||
}
|
||||
|
||||
.auto-fold #adminmenu li.menu-top:hover,
|
||||
.auto-fold #adminmenu li.opensub > a.menu-top,
|
||||
.auto-fold #adminmenu li > a.menu-top:focus {
|
||||
z-index: 10000;
|
||||
}
|
||||
|
||||
.auto-fold #collapse-menu .collapse-button-label {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* rtl:ignore */
|
||||
.auto-fold #collapse-button .collapse-button-icon:after {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
|
||||
.rtl.auto-fold #collapse-button .collapse-button-icon:after {
|
||||
transform: none;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media screen and (max-width: 782px) {
|
||||
.auto-fold #wpcontent {
|
||||
position: relative;
|
||||
margin-left: 0;
|
||||
padding-left: 10px;
|
||||
}
|
||||
|
||||
.sticky-menu #adminmenuwrap {
|
||||
position: relative;
|
||||
z-index: auto;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
/* Sidebar Adjustments */
|
||||
.auto-fold #adminmenu,
|
||||
.auto-fold #adminmenuback,
|
||||
.auto-fold #adminmenuwrap {
|
||||
position: absolute;
|
||||
width: 190px;
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
.auto-fold #adminmenuback {
|
||||
position: fixed;
|
||||
}
|
||||
|
||||
.auto-fold #adminmenuback,
|
||||
.auto-fold #adminmenuwrap {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.auto-fold .wp-responsive-open #adminmenuback,
|
||||
.auto-fold .wp-responsive-open #adminmenuwrap {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.auto-fold #adminmenu li.menu-top {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* Resize the admin menu items to a comfortable touch size */
|
||||
.auto-fold #adminmenu li a {
|
||||
font-size: 16px;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
.auto-fold #adminmenu li.menu-top .wp-submenu > li > a {
|
||||
padding: 10px 10px 10px 20px;
|
||||
}
|
||||
|
||||
/* Restore the menu names */
|
||||
.auto-fold #adminmenu .wp-menu-name {
|
||||
position: static;
|
||||
}
|
||||
|
||||
/* Switch the arrow side */
|
||||
.auto-fold ul#adminmenu a.wp-has-current-submenu:after,
|
||||
.auto-fold ul#adminmenu > li.current > a.current:after {
|
||||
border-width: 8px;
|
||||
margin-top: -8px;
|
||||
}
|
||||
|
||||
.auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after,
|
||||
.auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Make the submenus appear correctly when tapped. */
|
||||
#adminmenu .wp-submenu {
|
||||
position: relative;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.auto-fold #adminmenu .selected .wp-submenu,
|
||||
.auto-fold #adminmenu .wp-menu-open .wp-submenu {
|
||||
position: relative;
|
||||
display: block;
|
||||
top: 0;
|
||||
left: -1px;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.auto-fold #adminmenu .selected .wp-submenu:after,
|
||||
.auto-fold #adminmenu .wp-menu-open .wp-submenu:after {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.auto-fold #adminmenu .opensub .wp-submenu {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.auto-fold #adminmenu .selected .wp-submenu {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.auto-fold ul#adminmenu li:hover a.wp-has-current-submenu:after,
|
||||
.auto-fold ul#adminmenu li:focus-within a.wp-has-current-submenu:after {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.auto-fold #adminmenu a.menu-top:focus + .wp-submenu,
|
||||
.auto-fold #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu {
|
||||
position: relative;
|
||||
left: -1px;
|
||||
right: 0;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
#adminmenu .wp-not-current-submenu .wp-submenu,
|
||||
.folded #adminmenu .wp-has-current-submenu .wp-submenu {
|
||||
border-left: none;
|
||||
}
|
||||
|
||||
/* Remove submenu headers and adjust sub meu*/
|
||||
#adminmenu .wp-submenu .wp-submenu-head {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Toolbar menu toggle */
|
||||
#wp-responsive-toggle {
|
||||
position: fixed;
|
||||
top: 5px;
|
||||
left: 4px;
|
||||
padding-right: 10px;
|
||||
z-index: 99999;
|
||||
border: none;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-menu-toggle a {
|
||||
display: block;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
outline: none;
|
||||
text-decoration: none;
|
||||
border: 1px solid transparent;
|
||||
background: none;
|
||||
height: 44px;
|
||||
margin-left: -1px;
|
||||
}
|
||||
|
||||
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
|
||||
background: #2c3338;
|
||||
}
|
||||
|
||||
li#wp-admin-bar-menu-toggle {
|
||||
display: block;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-menu-toggle a:hover {
|
||||
border: 1px solid transparent;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
|
||||
content: "\f228";
|
||||
display: inline-block;
|
||||
float: left;
|
||||
font: normal 40px/45px dashicons;
|
||||
vertical-align: middle;
|
||||
outline: none;
|
||||
margin: 0;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
height: 44px;
|
||||
width: 50px;
|
||||
padding: 0;
|
||||
border: none;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
|
||||
color: #72aee6;
|
||||
}
|
||||
}
|
||||
|
||||
/* Smartphone */
|
||||
@media screen and (max-width: 600px) {
|
||||
#adminmenuwrap,
|
||||
#adminmenuback {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.wp-responsive-open #adminmenuwrap,
|
||||
.wp-responsive-open #adminmenuback {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.auto-fold #adminmenu {
|
||||
top: 46px;
|
||||
}
|
||||
}
|
File diff suppressed because one or more lines are too long
|
@ -0,0 +1,77 @@
|
|||
/*! This file is auto-generated */
|
||||
.wrap [class*="CodeMirror-lint-marker"],
|
||||
.wp-core-ui [class*="CodeMirror-lint-message"],
|
||||
.wrap .CodeMirror-lint-marker-multiple {
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
.wp-core-ui .CodeMirror-lint-marker-error,
|
||||
.wp-core-ui .CodeMirror-lint-marker-warning {
|
||||
cursor: help;
|
||||
}
|
||||
|
||||
.wrap .CodeMirror-lint-marker-multiple {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.wrap [class*="CodeMirror-lint-marker"]:before {
|
||||
font: normal 18px/1 dashicons;
|
||||
position: relative;
|
||||
top: -2px;
|
||||
}
|
||||
|
||||
.wp-core-ui [class*="CodeMirror-lint-message"]:before {
|
||||
font: normal 16px/1 dashicons;
|
||||
right: 16px;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.wp-core-ui .CodeMirror-lint-message-error,
|
||||
.wp-core-ui .CodeMirror-lint-message-warning {
|
||||
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
|
||||
margin: 5px 0 2px;
|
||||
padding: 3px 28px 3px 12px;
|
||||
}
|
||||
|
||||
.wp-core-ui .CodeMirror-lint-message-warning {
|
||||
background-color: #fcf9e8;
|
||||
border-right: 4px solid #dba617;
|
||||
}
|
||||
|
||||
.wrap .CodeMirror-lint-marker-warning:before,
|
||||
.wp-core-ui .CodeMirror-lint-message-warning:before {
|
||||
content: "\f534";
|
||||
color: #dba617;
|
||||
}
|
||||
|
||||
.wp-core-ui .CodeMirror-lint-message-error {
|
||||
background-color: #fcf0f1;
|
||||
border-right: 4px solid #d63638;
|
||||
}
|
||||
|
||||
.wrap .CodeMirror-lint-marker-error:before,
|
||||
.wp-core-ui .CodeMirror-lint-message-error:before {
|
||||
content: "\f153";
|
||||
color: #d63638;
|
||||
}
|
||||
|
||||
.wp-core-ui .CodeMirror-lint-tooltip {
|
||||
background: none;
|
||||
border: none;
|
||||
border-radius: 0;
|
||||
direction: rtl;
|
||||
}
|
||||
|
||||
.wrap .CodeMirror .CodeMirror-matchingbracket {
|
||||
background: rgba(219, 166, 23, 0.3);
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.CodeMirror {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.wrap .CodeMirror .CodeMirror-linenumber {
|
||||
color: #646970;
|
||||
}
|
|
@ -0,0 +1,2 @@
|
|||
/*! This file is auto-generated */
|
||||
.wp-core-ui [class*=CodeMirror-lint-message],.wrap .CodeMirror-lint-marker-multiple,.wrap [class*=CodeMirror-lint-marker]{background-image:none}.wp-core-ui .CodeMirror-lint-marker-error,.wp-core-ui .CodeMirror-lint-marker-warning{cursor:help}.wrap .CodeMirror-lint-marker-multiple{position:absolute;top:0}.wrap [class*=CodeMirror-lint-marker]:before{font:normal 18px/1 dashicons;position:relative;top:-2px}.wp-core-ui [class*=CodeMirror-lint-message]:before{font:normal 16px/1 dashicons;right:16px;position:absolute}.wp-core-ui .CodeMirror-lint-message-error,.wp-core-ui .CodeMirror-lint-message-warning{box-shadow:0 1px 1px 0 rgba(0,0,0,.1);margin:5px 0 2px;padding:3px 28px 3px 12px}.wp-core-ui .CodeMirror-lint-message-warning{background-color:#fcf9e8;border-right:4px solid #dba617}.wp-core-ui .CodeMirror-lint-message-warning:before,.wrap .CodeMirror-lint-marker-warning:before{content:"\f534";color:#dba617}.wp-core-ui .CodeMirror-lint-message-error{background-color:#fcf0f1;border-right:4px solid #d63638}.wp-core-ui .CodeMirror-lint-message-error:before,.wrap .CodeMirror-lint-marker-error:before{content:"\f153";color:#d63638}.wp-core-ui .CodeMirror-lint-tooltip{background:0 0;border:none;border-radius:0;direction:rtl}.wrap .CodeMirror .CodeMirror-matchingbracket{background:rgba(219,166,23,.3);color:inherit}.CodeMirror{text-align:right}.wrap .CodeMirror .CodeMirror-linenumber{color:#646970}
|
|
@ -0,0 +1,76 @@
|
|||
.wrap [class*="CodeMirror-lint-marker"],
|
||||
.wp-core-ui [class*="CodeMirror-lint-message"],
|
||||
.wrap .CodeMirror-lint-marker-multiple {
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
.wp-core-ui .CodeMirror-lint-marker-error,
|
||||
.wp-core-ui .CodeMirror-lint-marker-warning {
|
||||
cursor: help;
|
||||
}
|
||||
|
||||
.wrap .CodeMirror-lint-marker-multiple {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.wrap [class*="CodeMirror-lint-marker"]:before {
|
||||
font: normal 18px/1 dashicons;
|
||||
position: relative;
|
||||
top: -2px;
|
||||
}
|
||||
|
||||
.wp-core-ui [class*="CodeMirror-lint-message"]:before {
|
||||
font: normal 16px/1 dashicons;
|
||||
left: 16px;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.wp-core-ui .CodeMirror-lint-message-error,
|
||||
.wp-core-ui .CodeMirror-lint-message-warning {
|
||||
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
|
||||
margin: 5px 0 2px;
|
||||
padding: 3px 12px 3px 28px;
|
||||
}
|
||||
|
||||
.wp-core-ui .CodeMirror-lint-message-warning {
|
||||
background-color: #fcf9e8;
|
||||
border-left: 4px solid #dba617;
|
||||
}
|
||||
|
||||
.wrap .CodeMirror-lint-marker-warning:before,
|
||||
.wp-core-ui .CodeMirror-lint-message-warning:before {
|
||||
content: "\f534";
|
||||
color: #dba617;
|
||||
}
|
||||
|
||||
.wp-core-ui .CodeMirror-lint-message-error {
|
||||
background-color: #fcf0f1;
|
||||
border-left: 4px solid #d63638;
|
||||
}
|
||||
|
||||
.wrap .CodeMirror-lint-marker-error:before,
|
||||
.wp-core-ui .CodeMirror-lint-message-error:before {
|
||||
content: "\f153";
|
||||
color: #d63638;
|
||||
}
|
||||
|
||||
.wp-core-ui .CodeMirror-lint-tooltip {
|
||||
background: none;
|
||||
border: none;
|
||||
border-radius: 0;
|
||||
direction: ltr;
|
||||
}
|
||||
|
||||
.wrap .CodeMirror .CodeMirror-matchingbracket {
|
||||
background: rgba(219, 166, 23, 0.3);
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.CodeMirror {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.wrap .CodeMirror .CodeMirror-linenumber {
|
||||
color: #646970;
|
||||
}
|
|
@ -0,0 +1,2 @@
|
|||
/*! This file is auto-generated */
|
||||
.wp-core-ui [class*=CodeMirror-lint-message],.wrap .CodeMirror-lint-marker-multiple,.wrap [class*=CodeMirror-lint-marker]{background-image:none}.wp-core-ui .CodeMirror-lint-marker-error,.wp-core-ui .CodeMirror-lint-marker-warning{cursor:help}.wrap .CodeMirror-lint-marker-multiple{position:absolute;top:0}.wrap [class*=CodeMirror-lint-marker]:before{font:normal 18px/1 dashicons;position:relative;top:-2px}.wp-core-ui [class*=CodeMirror-lint-message]:before{font:normal 16px/1 dashicons;left:16px;position:absolute}.wp-core-ui .CodeMirror-lint-message-error,.wp-core-ui .CodeMirror-lint-message-warning{box-shadow:0 1px 1px 0 rgba(0,0,0,.1);margin:5px 0 2px;padding:3px 12px 3px 28px}.wp-core-ui .CodeMirror-lint-message-warning{background-color:#fcf9e8;border-left:4px solid #dba617}.wp-core-ui .CodeMirror-lint-message-warning:before,.wrap .CodeMirror-lint-marker-warning:before{content:"\f534";color:#dba617}.wp-core-ui .CodeMirror-lint-message-error{background-color:#fcf0f1;border-left:4px solid #d63638}.wp-core-ui .CodeMirror-lint-message-error:before,.wrap .CodeMirror-lint-marker-error:before{content:"\f153";color:#d63638}.wp-core-ui .CodeMirror-lint-tooltip{background:0 0;border:none;border-radius:0;direction:ltr}.wrap .CodeMirror .CodeMirror-matchingbracket{background:rgba(219,166,23,.3);color:inherit}.CodeMirror{text-align:left}.wrap .CodeMirror .CodeMirror-linenumber{color:#646970}
|
|
@ -0,0 +1,183 @@
|
|||
/*! This file is auto-generated */
|
||||
/* rtl:ignore */
|
||||
.wp-color-picker {
|
||||
width: 80px;
|
||||
direction: ltr;
|
||||
}
|
||||
|
||||
.wp-picker-container .hidden {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Needs higher specificiity. */
|
||||
.wp-picker-container .wp-color-result.button {
|
||||
min-height: 30px;
|
||||
margin: 0 0 6px 6px;
|
||||
padding: 0 30px 0 0;
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
.wp-color-result-text {
|
||||
background: #f6f7f7;
|
||||
border-radius: 2px 0 0 2px;
|
||||
border-right: 1px solid #c3c4c7;
|
||||
color: #50575e;
|
||||
display: block;
|
||||
line-height: 2.54545455; /* 28px */
|
||||
padding: 0 6px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.wp-color-result:hover,
|
||||
.wp-color-result:focus {
|
||||
background: #f6f7f7;
|
||||
border-color: #8c8f94;
|
||||
color: #1d2327;
|
||||
}
|
||||
|
||||
.wp-color-result:hover:after,
|
||||
.wp-color-result:focus:after {
|
||||
color: #1d2327;
|
||||
border-color: #a7aaad;
|
||||
border-right: 1px solid #8c8f94;
|
||||
}
|
||||
|
||||
.wp-picker-container {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.wp-color-result:focus {
|
||||
border-color: #4f94d4;
|
||||
box-shadow: 0 0 3px rgba(34, 113, 177, 0.8);
|
||||
}
|
||||
|
||||
.wp-color-result:active {
|
||||
/* See Trac ticket #39662 */
|
||||
transform: none !important;
|
||||
}
|
||||
|
||||
.wp-picker-open + .wp-picker-input-wrap {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.wp-picker-input-wrap label {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
/* For the old `custom-background` page, to override the inline-block and margins from `.form-table td fieldset label`. */
|
||||
.form-table .wp-picker-input-wrap label {
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
.wp-picker-input-wrap .button.wp-picker-default,
|
||||
.wp-picker-input-wrap .button.wp-picker-clear,
|
||||
.wp-customizer .wp-picker-input-wrap .button.wp-picker-default,
|
||||
.wp-customizer .wp-picker-input-wrap .button.wp-picker-clear {
|
||||
margin-right: 6px;
|
||||
padding: 0 8px;
|
||||
line-height: 2.54545455; /* 28px */
|
||||
min-height: 30px;
|
||||
}
|
||||
|
||||
.wp-picker-container .iris-square-slider .ui-slider-handle:focus {
|
||||
background-color: #50575e
|
||||
}
|
||||
|
||||
.wp-picker-container .iris-picker {
|
||||
border-radius: 0;
|
||||
border-color: #dcdcde;
|
||||
margin-top: 6px;
|
||||
}
|
||||
|
||||
.wp-picker-container input[type="text"].wp-color-picker {
|
||||
width: 4rem;
|
||||
font-size: 12px;
|
||||
font-family: monospace;
|
||||
line-height: 2.33333333; /* 28px */
|
||||
margin: 0;
|
||||
padding: 0 5px;
|
||||
vertical-align: top;
|
||||
min-height: 30px;
|
||||
}
|
||||
|
||||
.wp-color-picker::-webkit-input-placeholder {
|
||||
color: #646970;
|
||||
}
|
||||
|
||||
.wp-color-picker::-moz-placeholder {
|
||||
color: #646970;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.wp-color-picker:-ms-input-placeholder {
|
||||
color: #646970;
|
||||
}
|
||||
|
||||
.wp-picker-container input[type="text"].iris-error {
|
||||
background-color: #fcf0f1;
|
||||
border-color: #d63638;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.iris-picker .ui-square-handle:focus,
|
||||
.iris-picker .iris-strip .ui-slider-handle:focus {
|
||||
border-color: #3582c4;
|
||||
border-style: solid;
|
||||
box-shadow: 0 0 0 1px #3582c4;
|
||||
outline: 2px solid transparent;
|
||||
}
|
||||
|
||||
.iris-picker .iris-palette:focus {
|
||||
box-shadow: 0 0 0 2px #3582c4;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 782px) {
|
||||
.wp-picker-container input[type="text"].wp-color-picker {
|
||||
width: 5rem;
|
||||
font-size: 16px;
|
||||
line-height: 1.875; /* 30px */
|
||||
min-height: 32px;
|
||||
}
|
||||
|
||||
.wp-customizer .wp-picker-container input[type="text"].wp-color-picker {
|
||||
padding: 0 5px;
|
||||
}
|
||||
|
||||
.wp-picker-input-wrap .button.wp-picker-default,
|
||||
.wp-picker-input-wrap .button.wp-picker-clear {
|
||||
padding: 0 8px;
|
||||
line-height: 2.14285714; /* 30px */
|
||||
min-height: 32px;
|
||||
}
|
||||
|
||||
.wp-customizer .wp-picker-input-wrap .button.wp-picker-default,
|
||||
.wp-customizer .wp-picker-input-wrap .button.wp-picker-clear {
|
||||
padding: 0 8px;
|
||||
font-size: 14px;
|
||||
line-height: 2.14285714; /* 30px */
|
||||
min-height: 32px;
|
||||
}
|
||||
|
||||
.wp-picker-container .wp-color-result.button {
|
||||
padding: 0 40px 0 0;
|
||||
font-size: 14px;
|
||||
line-height: 2.14285714; /* 30px */
|
||||
}
|
||||
|
||||
.wp-customizer .wp-picker-container .wp-color-result.button {
|
||||
font-size: 14px;
|
||||
line-height: 2.14285714; /* 30px */
|
||||
}
|
||||
|
||||
.wp-picker-container .wp-color-result-text {
|
||||
padding: 0 14px;
|
||||
font-size: inherit;
|
||||
line-height: inherit;
|
||||
}
|
||||
|
||||
.wp-customizer .wp-picker-container .wp-color-result-text {
|
||||
padding: 0 10px;
|
||||
}
|
||||
}
|
|
@ -0,0 +1,2 @@
|
|||
/*! This file is auto-generated */
|
||||
.wp-color-picker{width:80px;direction:ltr}.wp-picker-container .hidden{display:none}.wp-picker-container .wp-color-result.button{min-height:30px;margin:0 0 6px 6px;padding:0 30px 0 0;font-size:11px}.wp-color-result-text{background:#f6f7f7;border-radius:2px 0 0 2px;border-right:1px solid #c3c4c7;color:#50575e;display:block;line-height:2.54545455;padding:0 6px;text-align:center}.wp-color-result:focus,.wp-color-result:hover{background:#f6f7f7;border-color:#8c8f94;color:#1d2327}.wp-color-result:focus:after,.wp-color-result:hover:after{color:#1d2327;border-color:#a7aaad;border-right:1px solid #8c8f94}.wp-picker-container{display:inline-block}.wp-color-result:focus{border-color:#4f94d4;box-shadow:0 0 3px rgba(34,113,177,.8)}.wp-color-result:active{transform:none!important}.wp-picker-open+.wp-picker-input-wrap{display:inline-block;vertical-align:top}.wp-picker-input-wrap label{display:inline-block;vertical-align:top}.form-table .wp-picker-input-wrap label{margin:0!important}.wp-customizer .wp-picker-input-wrap .button.wp-picker-clear,.wp-customizer .wp-picker-input-wrap .button.wp-picker-default,.wp-picker-input-wrap .button.wp-picker-clear,.wp-picker-input-wrap .button.wp-picker-default{margin-right:6px;padding:0 8px;line-height:2.54545455;min-height:30px}.wp-picker-container .iris-square-slider .ui-slider-handle:focus{background-color:#50575e}.wp-picker-container .iris-picker{border-radius:0;border-color:#dcdcde;margin-top:6px}.wp-picker-container input[type=text].wp-color-picker{width:4rem;font-size:12px;font-family:monospace;line-height:2.33333333;margin:0;padding:0 5px;vertical-align:top;min-height:30px}.wp-color-picker::-webkit-input-placeholder{color:#646970}.wp-color-picker::-moz-placeholder{color:#646970;opacity:1}.wp-color-picker:-ms-input-placeholder{color:#646970}.wp-picker-container input[type=text].iris-error{background-color:#fcf0f1;border-color:#d63638;color:#000}.iris-picker .iris-strip .ui-slider-handle:focus,.iris-picker .ui-square-handle:focus{border-color:#3582c4;border-style:solid;box-shadow:0 0 0 1px #3582c4;outline:2px solid transparent}.iris-picker .iris-palette:focus{box-shadow:0 0 0 2px #3582c4}@media screen and (max-width:782px){.wp-picker-container input[type=text].wp-color-picker{width:5rem;font-size:16px;line-height:1.875;min-height:32px}.wp-customizer .wp-picker-container input[type=text].wp-color-picker{padding:0 5px}.wp-picker-input-wrap .button.wp-picker-clear,.wp-picker-input-wrap .button.wp-picker-default{padding:0 8px;line-height:2.14285714;min-height:32px}.wp-customizer .wp-picker-input-wrap .button.wp-picker-clear,.wp-customizer .wp-picker-input-wrap .button.wp-picker-default{padding:0 8px;font-size:14px;line-height:2.14285714;min-height:32px}.wp-picker-container .wp-color-result.button{padding:0 40px 0 0;font-size:14px;line-height:2.14285714}.wp-customizer .wp-picker-container .wp-color-result.button{font-size:14px;line-height:2.14285714}.wp-picker-container .wp-color-result-text{padding:0 14px;font-size:inherit;line-height:inherit}.wp-customizer .wp-picker-container .wp-color-result-text{padding:0 10px}}
|
|
@ -0,0 +1,182 @@
|
|||
/* rtl:ignore */
|
||||
.wp-color-picker {
|
||||
width: 80px;
|
||||
direction: ltr;
|
||||
}
|
||||
|
||||
.wp-picker-container .hidden {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Needs higher specificiity. */
|
||||
.wp-picker-container .wp-color-result.button {
|
||||
min-height: 30px;
|
||||
margin: 0 6px 6px 0;
|
||||
padding: 0 0 0 30px;
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
.wp-color-result-text {
|
||||
background: #f6f7f7;
|
||||
border-radius: 0 2px 2px 0;
|
||||
border-left: 1px solid #c3c4c7;
|
||||
color: #50575e;
|
||||
display: block;
|
||||
line-height: 2.54545455; /* 28px */
|
||||
padding: 0 6px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.wp-color-result:hover,
|
||||
.wp-color-result:focus {
|
||||
background: #f6f7f7;
|
||||
border-color: #8c8f94;
|
||||
color: #1d2327;
|
||||
}
|
||||
|
||||
.wp-color-result:hover:after,
|
||||
.wp-color-result:focus:after {
|
||||
color: #1d2327;
|
||||
border-color: #a7aaad;
|
||||
border-left: 1px solid #8c8f94;
|
||||
}
|
||||
|
||||
.wp-picker-container {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.wp-color-result:focus {
|
||||
border-color: #4f94d4;
|
||||
box-shadow: 0 0 3px rgba(34, 113, 177, 0.8);
|
||||
}
|
||||
|
||||
.wp-color-result:active {
|
||||
/* See Trac ticket #39662 */
|
||||
transform: none !important;
|
||||
}
|
||||
|
||||
.wp-picker-open + .wp-picker-input-wrap {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.wp-picker-input-wrap label {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
/* For the old `custom-background` page, to override the inline-block and margins from `.form-table td fieldset label`. */
|
||||
.form-table .wp-picker-input-wrap label {
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
.wp-picker-input-wrap .button.wp-picker-default,
|
||||
.wp-picker-input-wrap .button.wp-picker-clear,
|
||||
.wp-customizer .wp-picker-input-wrap .button.wp-picker-default,
|
||||
.wp-customizer .wp-picker-input-wrap .button.wp-picker-clear {
|
||||
margin-left: 6px;
|
||||
padding: 0 8px;
|
||||
line-height: 2.54545455; /* 28px */
|
||||
min-height: 30px;
|
||||
}
|
||||
|
||||
.wp-picker-container .iris-square-slider .ui-slider-handle:focus {
|
||||
background-color: #50575e
|
||||
}
|
||||
|
||||
.wp-picker-container .iris-picker {
|
||||
border-radius: 0;
|
||||
border-color: #dcdcde;
|
||||
margin-top: 6px;
|
||||
}
|
||||
|
||||
.wp-picker-container input[type="text"].wp-color-picker {
|
||||
width: 4rem;
|
||||
font-size: 12px;
|
||||
font-family: monospace;
|
||||
line-height: 2.33333333; /* 28px */
|
||||
margin: 0;
|
||||
padding: 0 5px;
|
||||
vertical-align: top;
|
||||
min-height: 30px;
|
||||
}
|
||||
|
||||
.wp-color-picker::-webkit-input-placeholder {
|
||||
color: #646970;
|
||||
}
|
||||
|
||||
.wp-color-picker::-moz-placeholder {
|
||||
color: #646970;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.wp-color-picker:-ms-input-placeholder {
|
||||
color: #646970;
|
||||
}
|
||||
|
||||
.wp-picker-container input[type="text"].iris-error {
|
||||
background-color: #fcf0f1;
|
||||
border-color: #d63638;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.iris-picker .ui-square-handle:focus,
|
||||
.iris-picker .iris-strip .ui-slider-handle:focus {
|
||||
border-color: #3582c4;
|
||||
border-style: solid;
|
||||
box-shadow: 0 0 0 1px #3582c4;
|
||||
outline: 2px solid transparent;
|
||||
}
|
||||
|
||||
.iris-picker .iris-palette:focus {
|
||||
box-shadow: 0 0 0 2px #3582c4;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 782px) {
|
||||
.wp-picker-container input[type="text"].wp-color-picker {
|
||||
width: 5rem;
|
||||
font-size: 16px;
|
||||
line-height: 1.875; /* 30px */
|
||||
min-height: 32px;
|
||||
}
|
||||
|
||||
.wp-customizer .wp-picker-container input[type="text"].wp-color-picker {
|
||||
padding: 0 5px;
|
||||
}
|
||||
|
||||
.wp-picker-input-wrap .button.wp-picker-default,
|
||||
.wp-picker-input-wrap .button.wp-picker-clear {
|
||||
padding: 0 8px;
|
||||
line-height: 2.14285714; /* 30px */
|
||||
min-height: 32px;
|
||||
}
|
||||
|
||||
.wp-customizer .wp-picker-input-wrap .button.wp-picker-default,
|
||||
.wp-customizer .wp-picker-input-wrap .button.wp-picker-clear {
|
||||
padding: 0 8px;
|
||||
font-size: 14px;
|
||||
line-height: 2.14285714; /* 30px */
|
||||
min-height: 32px;
|
||||
}
|
||||
|
||||
.wp-picker-container .wp-color-result.button {
|
||||
padding: 0 0 0 40px;
|
||||
font-size: 14px;
|
||||
line-height: 2.14285714; /* 30px */
|
||||
}
|
||||
|
||||
.wp-customizer .wp-picker-container .wp-color-result.button {
|
||||
font-size: 14px;
|
||||
line-height: 2.14285714; /* 30px */
|
||||
}
|
||||
|
||||
.wp-picker-container .wp-color-result-text {
|
||||
padding: 0 14px;
|
||||
font-size: inherit;
|
||||
line-height: inherit;
|
||||
}
|
||||
|
||||
.wp-customizer .wp-picker-container .wp-color-result-text {
|
||||
padding: 0 10px;
|
||||
}
|
||||
}
|
|
@ -0,0 +1,2 @@
|
|||
/*! This file is auto-generated */
|
||||
.wp-color-picker{width:80px;direction:ltr}.wp-picker-container .hidden{display:none}.wp-picker-container .wp-color-result.button{min-height:30px;margin:0 6px 6px 0;padding:0 0 0 30px;font-size:11px}.wp-color-result-text{background:#f6f7f7;border-radius:0 2px 2px 0;border-left:1px solid #c3c4c7;color:#50575e;display:block;line-height:2.54545455;padding:0 6px;text-align:center}.wp-color-result:focus,.wp-color-result:hover{background:#f6f7f7;border-color:#8c8f94;color:#1d2327}.wp-color-result:focus:after,.wp-color-result:hover:after{color:#1d2327;border-color:#a7aaad;border-left:1px solid #8c8f94}.wp-picker-container{display:inline-block}.wp-color-result:focus{border-color:#4f94d4;box-shadow:0 0 3px rgba(34,113,177,.8)}.wp-color-result:active{transform:none!important}.wp-picker-open+.wp-picker-input-wrap{display:inline-block;vertical-align:top}.wp-picker-input-wrap label{display:inline-block;vertical-align:top}.form-table .wp-picker-input-wrap label{margin:0!important}.wp-customizer .wp-picker-input-wrap .button.wp-picker-clear,.wp-customizer .wp-picker-input-wrap .button.wp-picker-default,.wp-picker-input-wrap .button.wp-picker-clear,.wp-picker-input-wrap .button.wp-picker-default{margin-left:6px;padding:0 8px;line-height:2.54545455;min-height:30px}.wp-picker-container .iris-square-slider .ui-slider-handle:focus{background-color:#50575e}.wp-picker-container .iris-picker{border-radius:0;border-color:#dcdcde;margin-top:6px}.wp-picker-container input[type=text].wp-color-picker{width:4rem;font-size:12px;font-family:monospace;line-height:2.33333333;margin:0;padding:0 5px;vertical-align:top;min-height:30px}.wp-color-picker::-webkit-input-placeholder{color:#646970}.wp-color-picker::-moz-placeholder{color:#646970;opacity:1}.wp-color-picker:-ms-input-placeholder{color:#646970}.wp-picker-container input[type=text].iris-error{background-color:#fcf0f1;border-color:#d63638;color:#000}.iris-picker .iris-strip .ui-slider-handle:focus,.iris-picker .ui-square-handle:focus{border-color:#3582c4;border-style:solid;box-shadow:0 0 0 1px #3582c4;outline:2px solid transparent}.iris-picker .iris-palette:focus{box-shadow:0 0 0 2px #3582c4}@media screen and (max-width:782px){.wp-picker-container input[type=text].wp-color-picker{width:5rem;font-size:16px;line-height:1.875;min-height:32px}.wp-customizer .wp-picker-container input[type=text].wp-color-picker{padding:0 5px}.wp-picker-input-wrap .button.wp-picker-clear,.wp-picker-input-wrap .button.wp-picker-default{padding:0 8px;line-height:2.14285714;min-height:32px}.wp-customizer .wp-picker-input-wrap .button.wp-picker-clear,.wp-customizer .wp-picker-input-wrap .button.wp-picker-default{padding:0 8px;font-size:14px;line-height:2.14285714;min-height:32px}.wp-picker-container .wp-color-result.button{padding:0 0 0 40px;font-size:14px;line-height:2.14285714}.wp-customizer .wp-picker-container .wp-color-result.button{font-size:14px;line-height:2.14285714}.wp-picker-container .wp-color-result-text{padding:0 14px;font-size:inherit;line-height:inherit}.wp-customizer .wp-picker-container .wp-color-result-text{padding:0 10px}}
|
|
@ -0,0 +1,797 @@
|
|||
|
||||
@import 'variables';
|
||||
@import 'mixins';
|
||||
|
||||
@function url-friendly-colour( $color ) {
|
||||
@return '%23' + str-slice( '#{ $color }', 2, -1 );
|
||||
}
|
||||
|
||||
body {
|
||||
background: $body-background;
|
||||
}
|
||||
|
||||
|
||||
/* Links */
|
||||
|
||||
a {
|
||||
color: $link;
|
||||
|
||||
&:hover,
|
||||
&:active,
|
||||
&:focus {
|
||||
color: $link-focus;
|
||||
}
|
||||
}
|
||||
|
||||
#post-body .misc-pub-post-status:before,
|
||||
#post-body #visibility:before,
|
||||
.curtime #timestamp:before,
|
||||
#post-body .misc-pub-revisions:before,
|
||||
span.wp-media-buttons-icon:before {
|
||||
color: currentColor;
|
||||
}
|
||||
|
||||
.wp-core-ui .button-link {
|
||||
color: $link;
|
||||
|
||||
&:hover,
|
||||
&:active,
|
||||
&:focus {
|
||||
color: $link-focus;
|
||||
}
|
||||
}
|
||||
|
||||
.media-modal .delete-attachment,
|
||||
.media-modal .trash-attachment,
|
||||
.media-modal .untrash-attachment,
|
||||
.wp-core-ui .button-link-delete {
|
||||
color: #a00;
|
||||
}
|
||||
|
||||
.media-modal .delete-attachment:hover,
|
||||
.media-modal .trash-attachment:hover,
|
||||
.media-modal .untrash-attachment:hover,
|
||||
.media-modal .delete-attachment:focus,
|
||||
.media-modal .trash-attachment:focus,
|
||||
.media-modal .untrash-attachment:focus,
|
||||
.wp-core-ui .button-link-delete:hover,
|
||||
.wp-core-ui .button-link-delete:focus {
|
||||
color: #dc3232;
|
||||
}
|
||||
|
||||
/* Forms */
|
||||
|
||||
input[type=checkbox]:checked::before {
|
||||
content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27#{url-friendly-colour($form-checked)}%27%2F%3E%3C%2Fsvg%3E");
|
||||
}
|
||||
|
||||
input[type=radio]:checked::before {
|
||||
background: $form-checked;
|
||||
}
|
||||
|
||||
.wp-core-ui input[type="reset"]:hover,
|
||||
.wp-core-ui input[type="reset"]:active {
|
||||
color: $link-focus;
|
||||
}
|
||||
|
||||
input[type="text"]:focus,
|
||||
input[type="password"]:focus,
|
||||
input[type="color"]:focus,
|
||||
input[type="date"]:focus,
|
||||
input[type="datetime"]:focus,
|
||||
input[type="datetime-local"]:focus,
|
||||
input[type="email"]:focus,
|
||||
input[type="month"]:focus,
|
||||
input[type="number"]:focus,
|
||||
input[type="search"]:focus,
|
||||
input[type="tel"]:focus,
|
||||
input[type="text"]:focus,
|
||||
input[type="time"]:focus,
|
||||
input[type="url"]:focus,
|
||||
input[type="week"]:focus,
|
||||
input[type="checkbox"]:focus,
|
||||
input[type="radio"]:focus,
|
||||
select:focus,
|
||||
textarea:focus {
|
||||
border-color: $highlight-color;
|
||||
box-shadow: 0 0 0 1px $highlight-color;
|
||||
}
|
||||
|
||||
|
||||
/* Core UI */
|
||||
|
||||
.wp-core-ui {
|
||||
|
||||
.button {
|
||||
border-color: #7e8993;
|
||||
color: #32373c;
|
||||
}
|
||||
|
||||
.button.hover,
|
||||
.button:hover,
|
||||
.button.focus,
|
||||
.button:focus {
|
||||
border-color: darken( #7e8993, 5% );
|
||||
color: darken( #32373c, 5% );
|
||||
}
|
||||
|
||||
.button.focus,
|
||||
.button:focus {
|
||||
border-color: #7e8993;
|
||||
color: darken( #32373c, 5% );
|
||||
box-shadow: 0 0 0 1px #32373c;
|
||||
}
|
||||
|
||||
.button:active {
|
||||
border-color: #7e8993;
|
||||
color: darken( #32373c, 5% );
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.button.active,
|
||||
.button.active:focus,
|
||||
.button.active:hover {
|
||||
border-color: $button-color;
|
||||
color: darken( #32373c, 5% );
|
||||
box-shadow: inset 0 2px 5px -3px $button-color;
|
||||
}
|
||||
|
||||
.button.active:focus {
|
||||
box-shadow: 0 0 0 1px #32373c;
|
||||
}
|
||||
|
||||
@if ( $low-contrast-theme != "true" ) {
|
||||
.button,
|
||||
.button-secondary {
|
||||
color: $highlight-color;
|
||||
border-color: $highlight-color;
|
||||
}
|
||||
|
||||
.button.hover,
|
||||
.button:hover,
|
||||
.button-secondary:hover{
|
||||
border-color: darken($highlight-color, 10);
|
||||
color: darken($highlight-color, 10);
|
||||
}
|
||||
|
||||
.button.focus,
|
||||
.button:focus,
|
||||
.button-secondary:focus {
|
||||
border-color: lighten($highlight-color, 10);
|
||||
color: darken($highlight-color, 20);;
|
||||
box-shadow: 0 0 0 1px lighten($highlight-color, 10);
|
||||
}
|
||||
|
||||
.button-primary {
|
||||
&:hover {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.button-primary {
|
||||
@include button( $button-color );
|
||||
}
|
||||
|
||||
.button-group > .button.active {
|
||||
border-color: $button-color;
|
||||
}
|
||||
|
||||
.wp-ui-primary {
|
||||
color: $text-color;
|
||||
background-color: $base-color;
|
||||
}
|
||||
.wp-ui-text-primary {
|
||||
color: $base-color;
|
||||
}
|
||||
|
||||
.wp-ui-highlight {
|
||||
color: $menu-highlight-text;
|
||||
background-color: $menu-highlight-background;
|
||||
}
|
||||
.wp-ui-text-highlight {
|
||||
color: $menu-highlight-background;
|
||||
}
|
||||
|
||||
.wp-ui-notification {
|
||||
color: $menu-bubble-text;
|
||||
background-color: $menu-bubble-background;
|
||||
}
|
||||
.wp-ui-text-notification {
|
||||
color: $menu-bubble-background;
|
||||
}
|
||||
|
||||
.wp-ui-text-icon {
|
||||
color: $menu-icon;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* List tables */
|
||||
@if $low-contrast-theme == "true" {
|
||||
.wrap .page-title-action:hover {
|
||||
color: $menu-text;
|
||||
background-color: $menu-background;
|
||||
}
|
||||
} @else {
|
||||
.wrap .page-title-action,
|
||||
.wrap .page-title-action:active {
|
||||
border: 1px solid $highlight-color;
|
||||
color: $highlight-color;
|
||||
}
|
||||
|
||||
.wrap .page-title-action:hover {
|
||||
color: darken($highlight-color, 10);
|
||||
border-color: darken($highlight-color, 10);
|
||||
}
|
||||
|
||||
.wrap .page-title-action:focus {
|
||||
border-color: lighten($highlight-color, 10);
|
||||
color: darken($highlight-color, 20);;
|
||||
box-shadow: 0 0 0 1px lighten($highlight-color, 10);
|
||||
}
|
||||
}
|
||||
|
||||
.view-switch a.current:before {
|
||||
color: $menu-background;
|
||||
}
|
||||
|
||||
.view-switch a:hover:before {
|
||||
color: $menu-bubble-background;
|
||||
}
|
||||
|
||||
|
||||
/* Admin Menu */
|
||||
|
||||
#adminmenuback,
|
||||
#adminmenuwrap,
|
||||
#adminmenu {
|
||||
background: $menu-background;
|
||||
}
|
||||
|
||||
#adminmenu a {
|
||||
color: $menu-text;
|
||||
}
|
||||
|
||||
#adminmenu div.wp-menu-image:before {
|
||||
color: $menu-icon;
|
||||
}
|
||||
|
||||
#adminmenu a:hover,
|
||||
#adminmenu li.menu-top:hover,
|
||||
#adminmenu li.opensub > a.menu-top,
|
||||
#adminmenu li > a.menu-top:focus {
|
||||
color: $menu-highlight-text;
|
||||
background-color: $menu-highlight-background;
|
||||
}
|
||||
|
||||
#adminmenu li.menu-top:hover div.wp-menu-image:before,
|
||||
#adminmenu li.opensub > a.menu-top div.wp-menu-image:before {
|
||||
color: $menu-highlight-icon;
|
||||
}
|
||||
|
||||
|
||||
/* Active tabs use a bottom border color that matches the page background color. */
|
||||
|
||||
.about-wrap .nav-tab-active,
|
||||
.nav-tab-active,
|
||||
.nav-tab-active:hover {
|
||||
background-color: $body-background;
|
||||
border-bottom-color: $body-background;
|
||||
}
|
||||
|
||||
|
||||
/* Admin Menu: submenu */
|
||||
|
||||
#adminmenu .wp-submenu,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
|
||||
background: $menu-submenu-background;
|
||||
}
|
||||
|
||||
#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
|
||||
#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
|
||||
border-right-color: $menu-submenu-background;
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu .wp-submenu-head {
|
||||
color: $menu-submenu-text;
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu a,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
|
||||
color: $menu-submenu-text;
|
||||
|
||||
&:focus, &:hover {
|
||||
color: $menu-submenu-focus-text;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* Admin Menu: current */
|
||||
|
||||
#adminmenu .wp-submenu li.current a,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
|
||||
color: $menu-submenu-current-text;
|
||||
|
||||
&:hover, &:focus {
|
||||
color: $menu-submenu-focus-text;
|
||||
}
|
||||
}
|
||||
|
||||
ul#adminmenu a.wp-has-current-submenu:after,
|
||||
ul#adminmenu > li.current > a.current:after {
|
||||
border-right-color: $body-background;
|
||||
}
|
||||
|
||||
#adminmenu li.current a.menu-top,
|
||||
#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
|
||||
#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,
|
||||
.folded #adminmenu li.current.menu-top {
|
||||
color: $menu-current-text;
|
||||
background: $menu-current-background;
|
||||
}
|
||||
|
||||
#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
|
||||
#adminmenu a.current:hover div.wp-menu-image:before,
|
||||
#adminmenu li.current div.wp-menu-image:before,
|
||||
#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
|
||||
#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
|
||||
#adminmenu li:hover div.wp-menu-image:before,
|
||||
#adminmenu li a:focus div.wp-menu-image:before,
|
||||
#adminmenu li.opensub div.wp-menu-image:before {
|
||||
color: $menu-current-icon;
|
||||
}
|
||||
|
||||
|
||||
/* Admin Menu: bubble */
|
||||
|
||||
#adminmenu .awaiting-mod,
|
||||
#adminmenu .update-plugins {
|
||||
color: $menu-bubble-text;
|
||||
background: $menu-bubble-background;
|
||||
}
|
||||
|
||||
#adminmenu li.current a .awaiting-mod,
|
||||
#adminmenu li a.wp-has-current-submenu .update-plugins,
|
||||
#adminmenu li:hover a .awaiting-mod,
|
||||
#adminmenu li.menu-top:hover > a .update-plugins {
|
||||
color: $menu-bubble-current-text;
|
||||
background: $menu-bubble-current-background;
|
||||
}
|
||||
|
||||
|
||||
/* Admin Menu: collapse button */
|
||||
|
||||
#collapse-button {
|
||||
color: $menu-collapse-text;
|
||||
}
|
||||
|
||||
#collapse-button:hover,
|
||||
#collapse-button:focus {
|
||||
color: $menu-submenu-focus-text;
|
||||
}
|
||||
|
||||
/* Admin Bar */
|
||||
|
||||
#wpadminbar {
|
||||
color: $menu-text;
|
||||
background: $menu-background;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-item,
|
||||
#wpadminbar a.ab-item,
|
||||
#wpadminbar > #wp-toolbar span.ab-label,
|
||||
#wpadminbar > #wp-toolbar span.noticon {
|
||||
color: $menu-text;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-icon,
|
||||
#wpadminbar .ab-icon:before,
|
||||
#wpadminbar .ab-item:before,
|
||||
#wpadminbar .ab-item:after {
|
||||
color: $menu-icon;
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
|
||||
#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
|
||||
#wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
|
||||
#wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
|
||||
color: $menu-submenu-focus-text;
|
||||
background: $menu-submenu-background;
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar li.hover span.ab-label,
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label {
|
||||
color: $menu-submenu-focus-text;
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) li:hover .ab-icon:before,
|
||||
#wpadminbar:not(.mobile) li:hover .ab-item:before,
|
||||
#wpadminbar:not(.mobile) li:hover .ab-item:after,
|
||||
#wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
|
||||
color: $menu-submenu-focus-text;
|
||||
}
|
||||
|
||||
|
||||
/* Admin Bar: submenu */
|
||||
|
||||
#wpadminbar .menupop .ab-sub-wrapper {
|
||||
background: $menu-submenu-background;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
|
||||
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
|
||||
background: $menu-submenu-background-alt;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-submenu .ab-item,
|
||||
#wpadminbar .quicklinks .menupop ul li a,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a {
|
||||
color: $menu-submenu-text;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks li .blavatar,
|
||||
#wpadminbar .menupop .menupop > .ab-item:before {
|
||||
color: $menu-icon;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks .menupop ul li a:hover,
|
||||
#wpadminbar .quicklinks .menupop ul li a:focus,
|
||||
#wpadminbar .quicklinks .menupop ul li a:hover strong,
|
||||
#wpadminbar .quicklinks .menupop ul li a:focus strong,
|
||||
#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a:hover,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a:focus,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
|
||||
#wpadminbar li:hover .ab-icon:before,
|
||||
#wpadminbar li:hover .ab-item:before,
|
||||
#wpadminbar li a:focus .ab-icon:before,
|
||||
#wpadminbar li .ab-item:focus:before,
|
||||
#wpadminbar li .ab-item:focus .ab-icon:before,
|
||||
#wpadminbar li.hover .ab-icon:before,
|
||||
#wpadminbar li.hover .ab-item:before,
|
||||
#wpadminbar li:hover #adminbarsearch:before,
|
||||
#wpadminbar li #adminbarsearch.adminbar-focused:before {
|
||||
color: $menu-submenu-focus-text;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks li a:hover .blavatar,
|
||||
#wpadminbar .quicklinks li a:focus .blavatar,
|
||||
#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar,
|
||||
#wpadminbar .menupop .menupop > .ab-item:hover:before,
|
||||
#wpadminbar.mobile .quicklinks .ab-icon:before,
|
||||
#wpadminbar.mobile .quicklinks .ab-item:before {
|
||||
color: $menu-submenu-focus-text;
|
||||
}
|
||||
|
||||
#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
|
||||
#wpadminbar.mobile .quicklinks .hover .ab-item:before {
|
||||
color: $menu-icon;
|
||||
}
|
||||
|
||||
|
||||
/* Admin Bar: search */
|
||||
|
||||
#wpadminbar #adminbarsearch:before {
|
||||
color: $menu-icon;
|
||||
}
|
||||
|
||||
#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
|
||||
color: $menu-text;
|
||||
background: $adminbar-input-background;
|
||||
}
|
||||
|
||||
/* Admin Bar: recovery mode */
|
||||
|
||||
#wpadminbar #wp-admin-bar-recovery-mode {
|
||||
color: $adminbar-recovery-exit-text;
|
||||
background-color: $adminbar-recovery-exit-background;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-recovery-mode .ab-item,
|
||||
#wpadminbar #wp-admin-bar-recovery-mode a.ab-item {
|
||||
color: $adminbar-recovery-exit-text;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-top-menu > #wp-admin-bar-recovery-mode.hover >.ab-item,
|
||||
#wpadminbar.nojq .quicklinks .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
|
||||
color: $adminbar-recovery-exit-text;
|
||||
background-color: $adminbar-recovery-exit-background-alt;
|
||||
}
|
||||
|
||||
/* Admin Bar: my account */
|
||||
|
||||
#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
|
||||
border-color: $adminbar-avatar-frame;
|
||||
background-color: $adminbar-avatar-frame;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info .display-name {
|
||||
color: $menu-text;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info a:hover .display-name {
|
||||
color: $menu-submenu-focus-text;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info .username {
|
||||
color: $menu-submenu-text;
|
||||
}
|
||||
|
||||
|
||||
/* Pointers */
|
||||
|
||||
.wp-pointer .wp-pointer-content h3 {
|
||||
background-color: $highlight-color;
|
||||
border-color: darken( $highlight-color, 5% );
|
||||
}
|
||||
|
||||
.wp-pointer .wp-pointer-content h3:before {
|
||||
color: $highlight-color;
|
||||
}
|
||||
|
||||
.wp-pointer.wp-pointer-top .wp-pointer-arrow,
|
||||
.wp-pointer.wp-pointer-top .wp-pointer-arrow-inner,
|
||||
.wp-pointer.wp-pointer-undefined .wp-pointer-arrow,
|
||||
.wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner {
|
||||
border-bottom-color: $highlight-color;
|
||||
}
|
||||
|
||||
|
||||
/* Media */
|
||||
|
||||
.media-item .bar,
|
||||
.media-progress-bar div {
|
||||
background-color: $highlight-color;
|
||||
}
|
||||
|
||||
.details.attachment {
|
||||
box-shadow:
|
||||
inset 0 0 0 3px #fff,
|
||||
inset 0 0 0 7px $highlight-color;
|
||||
}
|
||||
|
||||
.attachment.details .check {
|
||||
background-color: $highlight-color;
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 2px $highlight-color;
|
||||
}
|
||||
|
||||
.media-selection .attachment.selection.details .thumbnail {
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 3px $highlight-color;
|
||||
}
|
||||
|
||||
|
||||
/* Themes */
|
||||
|
||||
.theme-browser .theme.active .theme-name,
|
||||
.theme-browser .theme.add-new-theme a:hover:after,
|
||||
.theme-browser .theme.add-new-theme a:focus:after {
|
||||
background: $highlight-color;
|
||||
}
|
||||
|
||||
.theme-browser .theme.add-new-theme a:hover span:after,
|
||||
.theme-browser .theme.add-new-theme a:focus span:after {
|
||||
color: $highlight-color;
|
||||
}
|
||||
|
||||
.theme-section.current,
|
||||
.theme-filter.current {
|
||||
border-bottom-color: $menu-background;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters {
|
||||
color: $menu-text;
|
||||
background-color: $menu-background;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:before {
|
||||
color: $menu-text;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:hover,
|
||||
body.more-filters-opened .more-filters:focus {
|
||||
background-color: $menu-highlight-background;
|
||||
color: $menu-highlight-text;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:hover:before,
|
||||
body.more-filters-opened .more-filters:focus:before {
|
||||
color: $menu-highlight-text;
|
||||
}
|
||||
|
||||
/* Widgets */
|
||||
|
||||
.widgets-chooser li.widgets-chooser-selected {
|
||||
background-color: $menu-highlight-background;
|
||||
color: $menu-highlight-text;
|
||||
}
|
||||
|
||||
.widgets-chooser li.widgets-chooser-selected:before,
|
||||
.widgets-chooser li.widgets-chooser-selected:focus:before {
|
||||
color: $menu-highlight-text;
|
||||
}
|
||||
|
||||
|
||||
/* Nav Menus */
|
||||
|
||||
.nav-menus-php .item-edit:focus:before {
|
||||
box-shadow:
|
||||
0 0 0 1px lighten($button-color, 10),
|
||||
0 0 2px 1px $button-color;
|
||||
}
|
||||
|
||||
|
||||
/* Responsive Component */
|
||||
|
||||
div#wp-responsive-toggle a:before {
|
||||
color: $menu-icon;
|
||||
}
|
||||
|
||||
.wp-responsive-open div#wp-responsive-toggle a {
|
||||
// ToDo: make inset border
|
||||
border-color: transparent;
|
||||
background: $menu-highlight-background;
|
||||
}
|
||||
|
||||
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
|
||||
background: $menu-submenu-background;
|
||||
}
|
||||
|
||||
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
|
||||
color: $menu-icon;
|
||||
}
|
||||
|
||||
/* TinyMCE */
|
||||
|
||||
.mce-container.mce-menu .mce-menu-item:hover,
|
||||
.mce-container.mce-menu .mce-menu-item.mce-selected,
|
||||
.mce-container.mce-menu .mce-menu-item:focus,
|
||||
.mce-container.mce-menu .mce-menu-item-normal.mce-active,
|
||||
.mce-container.mce-menu .mce-menu-item-preview.mce-active {
|
||||
background: $highlight-color;
|
||||
}
|
||||
|
||||
/* Customizer */
|
||||
.wp-core-ui {
|
||||
#customize-controls .control-section:hover > .accordion-section-title,
|
||||
#customize-controls .control-section .accordion-section-title:hover,
|
||||
#customize-controls .control-section.open .accordion-section-title,
|
||||
#customize-controls .control-section .accordion-section-title:focus {
|
||||
color: $link;
|
||||
border-left-color: $button-color;
|
||||
}
|
||||
|
||||
.customize-controls-close:focus,
|
||||
.customize-controls-close:hover,
|
||||
.customize-controls-preview-toggle:focus,
|
||||
.customize-controls-preview-toggle:hover {
|
||||
color: $link;
|
||||
border-top-color: $button-color;
|
||||
}
|
||||
|
||||
.customize-panel-back:hover,
|
||||
.customize-panel-back:focus,
|
||||
.customize-section-back:hover,
|
||||
.customize-section-back:focus {
|
||||
color: $link;
|
||||
border-left-color: $button-color;
|
||||
}
|
||||
|
||||
.customize-screen-options-toggle:hover,
|
||||
.customize-screen-options-toggle:active,
|
||||
.customize-screen-options-toggle:focus,
|
||||
.active-menu-screen-options .customize-screen-options-toggle,
|
||||
#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
|
||||
#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
|
||||
#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
|
||||
color: $link;
|
||||
}
|
||||
|
||||
.customize-screen-options-toggle:focus:before,
|
||||
#customize-controls .customize-info .customize-help-toggle:focus:before,
|
||||
&.wp-customizer button:focus .toggle-indicator:before,
|
||||
.menu-item-bar .item-delete:focus:before,
|
||||
#available-menu-items .item-add:focus:before,
|
||||
#customize-save-button-wrapper .save:focus,
|
||||
#publish-settings:focus {
|
||||
box-shadow:
|
||||
0 0 0 1px lighten($button-color, 10),
|
||||
0 0 2px 1px $button-color;
|
||||
}
|
||||
|
||||
#customize-controls .customize-info.open .customize-help-toggle,
|
||||
#customize-controls .customize-info .customize-help-toggle:focus,
|
||||
#customize-controls .customize-info .customize-help-toggle:hover {
|
||||
color: $link;
|
||||
}
|
||||
|
||||
.control-panel-themes .customize-themes-section-title:focus,
|
||||
.control-panel-themes .customize-themes-section-title:hover {
|
||||
border-left-color: $button-color;
|
||||
color: $link;
|
||||
}
|
||||
|
||||
.control-panel-themes .theme-section .customize-themes-section-title.selected:after {
|
||||
background: $button-color;
|
||||
}
|
||||
|
||||
.control-panel-themes .customize-themes-section-title.selected {
|
||||
color: $link;
|
||||
}
|
||||
|
||||
#customize-theme-controls .control-section:hover > .accordion-section-title:after,
|
||||
#customize-theme-controls .control-section .accordion-section-title:hover:after,
|
||||
#customize-theme-controls .control-section.open .accordion-section-title:after,
|
||||
#customize-theme-controls .control-section .accordion-section-title:focus:after,
|
||||
#customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
|
||||
#customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
|
||||
#customize-outer-theme-controls .control-section.open .accordion-section-title:after,
|
||||
#customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
|
||||
color: $link;
|
||||
}
|
||||
|
||||
.customize-control .attachment-media-view .button-add-media:focus {
|
||||
background-color: #fbfbfc;
|
||||
border-color: $button-color;
|
||||
border-style: solid;
|
||||
box-shadow: 0 0 0 1px $button-color;
|
||||
outline: 2px solid transparent;
|
||||
}
|
||||
|
||||
.wp-full-overlay-footer .devices button:focus,
|
||||
.wp-full-overlay-footer .devices button.active:hover {
|
||||
border-bottom-color: $button-color;
|
||||
}
|
||||
|
||||
.wp-full-overlay-footer .devices button:hover:before,
|
||||
.wp-full-overlay-footer .devices button:focus:before {
|
||||
color: $button-color;
|
||||
}
|
||||
|
||||
.wp-full-overlay .collapse-sidebar:hover,
|
||||
.wp-full-overlay .collapse-sidebar:focus {
|
||||
color: $button-color;
|
||||
}
|
||||
|
||||
.wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
|
||||
.wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
|
||||
box-shadow:
|
||||
0 0 0 1px lighten($button-color, 10),
|
||||
0 0 2px 1px $button-color;
|
||||
}
|
||||
|
||||
&.wp-customizer .theme-overlay .theme-header .close:focus,
|
||||
&.wp-customizer .theme-overlay .theme-header .close:hover,
|
||||
&.wp-customizer .theme-overlay .theme-header .right:focus,
|
||||
&.wp-customizer .theme-overlay .theme-header .right:hover,
|
||||
&.wp-customizer .theme-overlay .theme-header .left:focus,
|
||||
&.wp-customizer .theme-overlay .theme-header .left:hover {
|
||||
border-bottom-color: $button-color;
|
||||
color: $link;
|
||||
}
|
||||
}
|
||||
|
||||
/* Welcome Panel */
|
||||
|
||||
.welcome-panel {
|
||||
background-color: $highlight-color;
|
||||
}
|
||||
|
||||
[class*="welcome-panel-icon"] {
|
||||
@if ( $scheme-name == "light" ) {
|
||||
background-color: $icon-color;
|
||||
} @else {
|
||||
background-color: $base-color;
|
||||
}
|
||||
}
|
|
@ -0,0 +1,37 @@
|
|||
/*
|
||||
* Button mixin- creates a button effect with correct
|
||||
* highlights/shadows, based on a base color.
|
||||
*/
|
||||
@mixin button( $button-color, $button-text-color: #fff ) {
|
||||
background: $button-color;
|
||||
border-color: $button-color;
|
||||
color: $button-text-color;
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
background: lighten( $button-color, 3% );
|
||||
border-color: darken( $button-color, 3% );
|
||||
color: $button-text-color;
|
||||
}
|
||||
|
||||
&:focus {
|
||||
box-shadow:
|
||||
0 0 0 1px #fff,
|
||||
0 0 0 3px $button-color;
|
||||
}
|
||||
|
||||
&:active {
|
||||
background: darken( $button-color, 5% );
|
||||
border-color: darken( $button-color, 5% );
|
||||
color: $button-text-color;
|
||||
}
|
||||
|
||||
&.active,
|
||||
&.active:focus,
|
||||
&.active:hover {
|
||||
background: $button-color;
|
||||
color: $button-text-color;
|
||||
border-color: darken( $button-color, 15% );
|
||||
box-shadow: inset 0 2px 5px -3px darken( $button-color, 50% );
|
||||
}
|
||||
}
|
|
@ -0,0 +1,66 @@
|
|||
// assign default value to all undefined variables
|
||||
|
||||
$scheme-name: "default" !default;
|
||||
|
||||
// core variables
|
||||
|
||||
$text-color: #fff !default;
|
||||
$base-color: #23282d !default;
|
||||
$icon-color: hsl( hue( $base-color ), 7%, 95% ) !default;
|
||||
$highlight-color: #0073aa !default;
|
||||
$notification-color: #d54e21 !default;
|
||||
|
||||
|
||||
// global
|
||||
|
||||
$body-background: #f1f1f1 !default;
|
||||
|
||||
$link: #0073aa !default;
|
||||
$link-focus: lighten( $link, 10% ) !default;
|
||||
|
||||
$button-color: $highlight-color !default;
|
||||
$button-text-color: $text-color !default;
|
||||
|
||||
$form-checked: #7e8993 !default;
|
||||
|
||||
// admin menu & admin-bar
|
||||
|
||||
$menu-text: $text-color !default;
|
||||
$menu-icon: $icon-color !default;
|
||||
$menu-background: $base-color !default;
|
||||
|
||||
$menu-highlight-text: $text-color !default;
|
||||
$menu-highlight-icon: $text-color !default;
|
||||
$menu-highlight-background: $highlight-color !default;
|
||||
|
||||
$menu-current-text: $menu-highlight-text !default;
|
||||
$menu-current-icon: $menu-highlight-icon !default;
|
||||
$menu-current-background: $menu-highlight-background !default;
|
||||
|
||||
$menu-submenu-text: mix( $base-color, $text-color, 30% ) !default;
|
||||
$menu-submenu-background: darken( $base-color, 7% ) !default;
|
||||
$menu-submenu-background-alt: desaturate( lighten( $menu-background, 7% ), 7% ) !default;
|
||||
|
||||
$menu-submenu-focus-text: $highlight-color !default;
|
||||
$menu-submenu-current-text: $text-color !default;
|
||||
|
||||
$menu-bubble-text: $text-color !default;
|
||||
$menu-bubble-background: $notification-color !default;
|
||||
$menu-bubble-current-text: $text-color !default;
|
||||
$menu-bubble-current-background: $menu-submenu-background !default;
|
||||
|
||||
$menu-collapse-text: $menu-icon !default;
|
||||
$menu-collapse-icon: $menu-icon !default;
|
||||
$menu-collapse-focus-text: $text-color !default;
|
||||
$menu-collapse-focus-icon: $menu-highlight-icon !default;
|
||||
|
||||
$adminbar-avatar-frame: lighten( $menu-background, 7% ) !default;
|
||||
$adminbar-input-background: lighten( $menu-background, 7% ) !default;
|
||||
|
||||
$adminbar-recovery-exit-text: $menu-bubble-text !default;
|
||||
$adminbar-recovery-exit-background: $menu-bubble-background !default;
|
||||
$adminbar-recovery-exit-background-alt: mix(black, $adminbar-recovery-exit-background, 10%) !default;
|
||||
|
||||
$menu-customizer-text: mix( $base-color, $text-color, 40% ) !default;
|
||||
|
||||
$low-contrast-theme: "false" !default;
|
|
@ -0,0 +1,714 @@
|
|||
/*! This file is auto-generated */
|
||||
/*
|
||||
* Button mixin- creates a button effect with correct
|
||||
* highlights/shadows, based on a base color.
|
||||
*/
|
||||
body {
|
||||
background: #f1f1f1;
|
||||
}
|
||||
|
||||
/* Links */
|
||||
a {
|
||||
color: #0073aa;
|
||||
}
|
||||
a:hover, a:active, a:focus {
|
||||
color: #0096dd;
|
||||
}
|
||||
|
||||
#post-body .misc-pub-post-status:before,
|
||||
#post-body #visibility:before,
|
||||
.curtime #timestamp:before,
|
||||
#post-body .misc-pub-revisions:before,
|
||||
span.wp-media-buttons-icon:before {
|
||||
color: currentColor;
|
||||
}
|
||||
|
||||
.wp-core-ui .button-link {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .button-link:hover, .wp-core-ui .button-link:active, .wp-core-ui .button-link:focus {
|
||||
color: #0096dd;
|
||||
}
|
||||
|
||||
.media-modal .delete-attachment,
|
||||
.media-modal .trash-attachment,
|
||||
.media-modal .untrash-attachment,
|
||||
.wp-core-ui .button-link-delete {
|
||||
color: #a00;
|
||||
}
|
||||
|
||||
.media-modal .delete-attachment:hover,
|
||||
.media-modal .trash-attachment:hover,
|
||||
.media-modal .untrash-attachment:hover,
|
||||
.media-modal .delete-attachment:focus,
|
||||
.media-modal .trash-attachment:focus,
|
||||
.media-modal .untrash-attachment:focus,
|
||||
.wp-core-ui .button-link-delete:hover,
|
||||
.wp-core-ui .button-link-delete:focus {
|
||||
color: #dc3232;
|
||||
}
|
||||
|
||||
/* Forms */
|
||||
input[type=checkbox]:checked::before {
|
||||
content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%237e8993%27%2F%3E%3C%2Fsvg%3E");
|
||||
}
|
||||
|
||||
input[type=radio]:checked::before {
|
||||
background: #7e8993;
|
||||
}
|
||||
|
||||
.wp-core-ui input[type=reset]:hover,
|
||||
.wp-core-ui input[type=reset]:active {
|
||||
color: #0096dd;
|
||||
}
|
||||
|
||||
input[type=text]:focus,
|
||||
input[type=password]:focus,
|
||||
input[type=color]:focus,
|
||||
input[type=date]:focus,
|
||||
input[type=datetime]:focus,
|
||||
input[type=datetime-local]:focus,
|
||||
input[type=email]:focus,
|
||||
input[type=month]:focus,
|
||||
input[type=number]:focus,
|
||||
input[type=search]:focus,
|
||||
input[type=tel]:focus,
|
||||
input[type=text]:focus,
|
||||
input[type=time]:focus,
|
||||
input[type=url]:focus,
|
||||
input[type=week]:focus,
|
||||
input[type=checkbox]:focus,
|
||||
input[type=radio]:focus,
|
||||
select:focus,
|
||||
textarea:focus {
|
||||
border-color: #096484;
|
||||
box-shadow: 0 0 0 1px #096484;
|
||||
}
|
||||
|
||||
/* Core UI */
|
||||
.wp-core-ui .button {
|
||||
border-color: #7e8993;
|
||||
color: #32373c;
|
||||
}
|
||||
.wp-core-ui .button.hover,
|
||||
.wp-core-ui .button:hover,
|
||||
.wp-core-ui .button.focus,
|
||||
.wp-core-ui .button:focus {
|
||||
border-color: #717c87;
|
||||
color: #262a2e;
|
||||
}
|
||||
.wp-core-ui .button.focus,
|
||||
.wp-core-ui .button:focus {
|
||||
border-color: #7e8993;
|
||||
color: #262a2e;
|
||||
box-shadow: 0 0 0 1px #32373c;
|
||||
}
|
||||
.wp-core-ui .button:active {
|
||||
border-color: #7e8993;
|
||||
color: #262a2e;
|
||||
box-shadow: none;
|
||||
}
|
||||
.wp-core-ui .button.active,
|
||||
.wp-core-ui .button.active:focus,
|
||||
.wp-core-ui .button.active:hover {
|
||||
border-color: #e1a948;
|
||||
color: #262a2e;
|
||||
box-shadow: inset 0 2px 5px -3px #e1a948;
|
||||
}
|
||||
.wp-core-ui .button.active:focus {
|
||||
box-shadow: 0 0 0 1px #32373c;
|
||||
}
|
||||
.wp-core-ui .button,
|
||||
.wp-core-ui .button-secondary {
|
||||
color: #096484;
|
||||
border-color: #096484;
|
||||
}
|
||||
.wp-core-ui .button.hover,
|
||||
.wp-core-ui .button:hover,
|
||||
.wp-core-ui .button-secondary:hover {
|
||||
border-color: #064054;
|
||||
color: #064054;
|
||||
}
|
||||
.wp-core-ui .button.focus,
|
||||
.wp-core-ui .button:focus,
|
||||
.wp-core-ui .button-secondary:focus {
|
||||
border-color: #0c88b4;
|
||||
color: #021c25;
|
||||
box-shadow: 0 0 0 1px #0c88b4;
|
||||
}
|
||||
.wp-core-ui .button-primary:hover {
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary {
|
||||
background: #e1a948;
|
||||
border-color: #e1a948;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
|
||||
background: #e3af55;
|
||||
border-color: #dfa33b;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary:focus {
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 3px #e1a948;
|
||||
}
|
||||
.wp-core-ui .button-primary:active {
|
||||
background: #dd9f32;
|
||||
border-color: #dd9f32;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
|
||||
background: #e1a948;
|
||||
color: #fff;
|
||||
border-color: #bd831f;
|
||||
box-shadow: inset 0 2px 5px -3px #241906;
|
||||
}
|
||||
.wp-core-ui .button-group > .button.active {
|
||||
border-color: #e1a948;
|
||||
}
|
||||
.wp-core-ui .wp-ui-primary {
|
||||
color: #fff;
|
||||
background-color: #52accc;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-primary {
|
||||
color: #52accc;
|
||||
}
|
||||
.wp-core-ui .wp-ui-highlight {
|
||||
color: #fff;
|
||||
background-color: #096484;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-highlight {
|
||||
color: #096484;
|
||||
}
|
||||
.wp-core-ui .wp-ui-notification {
|
||||
color: #fff;
|
||||
background-color: #e1a948;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-notification {
|
||||
color: #e1a948;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-icon {
|
||||
color: #e5f8ff;
|
||||
}
|
||||
|
||||
/* List tables */
|
||||
.wrap .page-title-action,
|
||||
.wrap .page-title-action:active {
|
||||
border: 1px solid #096484;
|
||||
color: #096484;
|
||||
}
|
||||
|
||||
.wrap .page-title-action:hover {
|
||||
color: #064054;
|
||||
border-color: #064054;
|
||||
}
|
||||
|
||||
.wrap .page-title-action:focus {
|
||||
border-color: #0c88b4;
|
||||
color: #021c25;
|
||||
box-shadow: 0 0 0 1px #0c88b4;
|
||||
}
|
||||
|
||||
.view-switch a.current:before {
|
||||
color: #52accc;
|
||||
}
|
||||
|
||||
.view-switch a:hover:before {
|
||||
color: #e1a948;
|
||||
}
|
||||
|
||||
/* Admin Menu */
|
||||
#adminmenuback,
|
||||
#adminmenuwrap,
|
||||
#adminmenu {
|
||||
background: #52accc;
|
||||
}
|
||||
|
||||
#adminmenu a {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#adminmenu div.wp-menu-image:before {
|
||||
color: #e5f8ff;
|
||||
}
|
||||
|
||||
#adminmenu a:hover,
|
||||
#adminmenu li.menu-top:hover,
|
||||
#adminmenu li.opensub > a.menu-top,
|
||||
#adminmenu li > a.menu-top:focus {
|
||||
color: #fff;
|
||||
background-color: #096484;
|
||||
}
|
||||
|
||||
#adminmenu li.menu-top:hover div.wp-menu-image:before,
|
||||
#adminmenu li.opensub > a.menu-top div.wp-menu-image:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Active tabs use a bottom border color that matches the page background color. */
|
||||
.about-wrap .nav-tab-active,
|
||||
.nav-tab-active,
|
||||
.nav-tab-active:hover {
|
||||
background-color: #f1f1f1;
|
||||
border-bottom-color: #f1f1f1;
|
||||
}
|
||||
|
||||
/* Admin Menu: submenu */
|
||||
#adminmenu .wp-submenu,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
|
||||
background: #4796b3;
|
||||
}
|
||||
|
||||
#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
|
||||
#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
|
||||
border-left-color: #4796b3;
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu .wp-submenu-head {
|
||||
color: #e2ecf1;
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu a,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
|
||||
color: #e2ecf1;
|
||||
}
|
||||
#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a:focus,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a:hover,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Admin Menu: current */
|
||||
#adminmenu .wp-submenu li.current a,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
|
||||
color: #fff;
|
||||
}
|
||||
#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
ul#adminmenu a.wp-has-current-submenu:after,
|
||||
ul#adminmenu > li.current > a.current:after {
|
||||
border-left-color: #f1f1f1;
|
||||
}
|
||||
|
||||
#adminmenu li.current a.menu-top,
|
||||
#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
|
||||
#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,
|
||||
.folded #adminmenu li.current.menu-top {
|
||||
color: #fff;
|
||||
background: #096484;
|
||||
}
|
||||
|
||||
#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
|
||||
#adminmenu a.current:hover div.wp-menu-image:before,
|
||||
#adminmenu li.current div.wp-menu-image:before,
|
||||
#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
|
||||
#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
|
||||
#adminmenu li:hover div.wp-menu-image:before,
|
||||
#adminmenu li a:focus div.wp-menu-image:before,
|
||||
#adminmenu li.opensub div.wp-menu-image:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Admin Menu: bubble */
|
||||
#adminmenu .awaiting-mod,
|
||||
#adminmenu .update-plugins {
|
||||
color: #fff;
|
||||
background: #e1a948;
|
||||
}
|
||||
|
||||
#adminmenu li.current a .awaiting-mod,
|
||||
#adminmenu li a.wp-has-current-submenu .update-plugins,
|
||||
#adminmenu li:hover a .awaiting-mod,
|
||||
#adminmenu li.menu-top:hover > a .update-plugins {
|
||||
color: #fff;
|
||||
background: #4796b3;
|
||||
}
|
||||
|
||||
/* Admin Menu: collapse button */
|
||||
#collapse-button {
|
||||
color: #e5f8ff;
|
||||
}
|
||||
|
||||
#collapse-button:hover,
|
||||
#collapse-button:focus {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Admin Bar */
|
||||
#wpadminbar {
|
||||
color: #fff;
|
||||
background: #52accc;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-item,
|
||||
#wpadminbar a.ab-item,
|
||||
#wpadminbar > #wp-toolbar span.ab-label,
|
||||
#wpadminbar > #wp-toolbar span.noticon {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-icon,
|
||||
#wpadminbar .ab-icon:before,
|
||||
#wpadminbar .ab-item:before,
|
||||
#wpadminbar .ab-item:after {
|
||||
color: #e5f8ff;
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
|
||||
#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
|
||||
#wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
|
||||
#wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
|
||||
color: #fff;
|
||||
background: #4796b3;
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar li.hover span.ab-label,
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) li:hover .ab-icon:before,
|
||||
#wpadminbar:not(.mobile) li:hover .ab-item:before,
|
||||
#wpadminbar:not(.mobile) li:hover .ab-item:after,
|
||||
#wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Admin Bar: submenu */
|
||||
#wpadminbar .menupop .ab-sub-wrapper {
|
||||
background: #4796b3;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
|
||||
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
|
||||
background: #74b6ce;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-submenu .ab-item,
|
||||
#wpadminbar .quicklinks .menupop ul li a,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a {
|
||||
color: #e2ecf1;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks li .blavatar,
|
||||
#wpadminbar .menupop .menupop > .ab-item:before {
|
||||
color: #e5f8ff;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks .menupop ul li a:hover,
|
||||
#wpadminbar .quicklinks .menupop ul li a:focus,
|
||||
#wpadminbar .quicklinks .menupop ul li a:hover strong,
|
||||
#wpadminbar .quicklinks .menupop ul li a:focus strong,
|
||||
#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a:hover,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a:focus,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
|
||||
#wpadminbar li:hover .ab-icon:before,
|
||||
#wpadminbar li:hover .ab-item:before,
|
||||
#wpadminbar li a:focus .ab-icon:before,
|
||||
#wpadminbar li .ab-item:focus:before,
|
||||
#wpadminbar li .ab-item:focus .ab-icon:before,
|
||||
#wpadminbar li.hover .ab-icon:before,
|
||||
#wpadminbar li.hover .ab-item:before,
|
||||
#wpadminbar li:hover #adminbarsearch:before,
|
||||
#wpadminbar li #adminbarsearch.adminbar-focused:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks li a:hover .blavatar,
|
||||
#wpadminbar .quicklinks li a:focus .blavatar,
|
||||
#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar,
|
||||
#wpadminbar .menupop .menupop > .ab-item:hover:before,
|
||||
#wpadminbar.mobile .quicklinks .ab-icon:before,
|
||||
#wpadminbar.mobile .quicklinks .ab-item:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
|
||||
#wpadminbar.mobile .quicklinks .hover .ab-item:before {
|
||||
color: #e5f8ff;
|
||||
}
|
||||
|
||||
/* Admin Bar: search */
|
||||
#wpadminbar #adminbarsearch:before {
|
||||
color: #e5f8ff;
|
||||
}
|
||||
|
||||
#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
|
||||
color: #fff;
|
||||
background: #6eb9d4;
|
||||
}
|
||||
|
||||
/* Admin Bar: recovery mode */
|
||||
#wpadminbar #wp-admin-bar-recovery-mode {
|
||||
color: #fff;
|
||||
background-color: #e1a948;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-recovery-mode .ab-item,
|
||||
#wpadminbar #wp-admin-bar-recovery-mode a.ab-item {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-top-menu > #wp-admin-bar-recovery-mode.hover > .ab-item,
|
||||
#wpadminbar.nojq .quicklinks .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
|
||||
color: #fff;
|
||||
background-color: #cb9841;
|
||||
}
|
||||
|
||||
/* Admin Bar: my account */
|
||||
#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
|
||||
border-color: #6eb9d4;
|
||||
background-color: #6eb9d4;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info .display-name {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info a:hover .display-name {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info .username {
|
||||
color: #e2ecf1;
|
||||
}
|
||||
|
||||
/* Pointers */
|
||||
.wp-pointer .wp-pointer-content h3 {
|
||||
background-color: #096484;
|
||||
border-color: #07526c;
|
||||
}
|
||||
|
||||
.wp-pointer .wp-pointer-content h3:before {
|
||||
color: #096484;
|
||||
}
|
||||
|
||||
.wp-pointer.wp-pointer-top .wp-pointer-arrow,
|
||||
.wp-pointer.wp-pointer-top .wp-pointer-arrow-inner,
|
||||
.wp-pointer.wp-pointer-undefined .wp-pointer-arrow,
|
||||
.wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner {
|
||||
border-bottom-color: #096484;
|
||||
}
|
||||
|
||||
/* Media */
|
||||
.media-item .bar,
|
||||
.media-progress-bar div {
|
||||
background-color: #096484;
|
||||
}
|
||||
|
||||
.details.attachment {
|
||||
box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #096484;
|
||||
}
|
||||
|
||||
.attachment.details .check {
|
||||
background-color: #096484;
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 2px #096484;
|
||||
}
|
||||
|
||||
.media-selection .attachment.selection.details .thumbnail {
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 3px #096484;
|
||||
}
|
||||
|
||||
/* Themes */
|
||||
.theme-browser .theme.active .theme-name,
|
||||
.theme-browser .theme.add-new-theme a:hover:after,
|
||||
.theme-browser .theme.add-new-theme a:focus:after {
|
||||
background: #096484;
|
||||
}
|
||||
|
||||
.theme-browser .theme.add-new-theme a:hover span:after,
|
||||
.theme-browser .theme.add-new-theme a:focus span:after {
|
||||
color: #096484;
|
||||
}
|
||||
|
||||
.theme-section.current,
|
||||
.theme-filter.current {
|
||||
border-bottom-color: #52accc;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters {
|
||||
color: #fff;
|
||||
background-color: #52accc;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:hover,
|
||||
body.more-filters-opened .more-filters:focus {
|
||||
background-color: #096484;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:hover:before,
|
||||
body.more-filters-opened .more-filters:focus:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Widgets */
|
||||
.widgets-chooser li.widgets-chooser-selected {
|
||||
background-color: #096484;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.widgets-chooser li.widgets-chooser-selected:before,
|
||||
.widgets-chooser li.widgets-chooser-selected:focus:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Nav Menus */
|
||||
.nav-menus-php .item-edit:focus:before {
|
||||
box-shadow: 0 0 0 1px #e8be74, 0 0 2px 1px #e1a948;
|
||||
}
|
||||
|
||||
/* Responsive Component */
|
||||
div#wp-responsive-toggle a:before {
|
||||
color: #e5f8ff;
|
||||
}
|
||||
|
||||
.wp-responsive-open div#wp-responsive-toggle a {
|
||||
border-color: transparent;
|
||||
background: #096484;
|
||||
}
|
||||
|
||||
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
|
||||
background: #4796b3;
|
||||
}
|
||||
|
||||
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
|
||||
color: #e5f8ff;
|
||||
}
|
||||
|
||||
/* TinyMCE */
|
||||
.mce-container.mce-menu .mce-menu-item:hover,
|
||||
.mce-container.mce-menu .mce-menu-item.mce-selected,
|
||||
.mce-container.mce-menu .mce-menu-item:focus,
|
||||
.mce-container.mce-menu .mce-menu-item-normal.mce-active,
|
||||
.mce-container.mce-menu .mce-menu-item-preview.mce-active {
|
||||
background: #096484;
|
||||
}
|
||||
|
||||
/* Customizer */
|
||||
.wp-core-ui #customize-controls .control-section:hover > .accordion-section-title,
|
||||
.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,
|
||||
.wp-core-ui #customize-controls .control-section.open .accordion-section-title,
|
||||
.wp-core-ui #customize-controls .control-section .accordion-section-title:focus {
|
||||
color: #0073aa;
|
||||
border-right-color: #e1a948;
|
||||
}
|
||||
.wp-core-ui .customize-controls-close:focus,
|
||||
.wp-core-ui .customize-controls-close:hover,
|
||||
.wp-core-ui .customize-controls-preview-toggle:focus,
|
||||
.wp-core-ui .customize-controls-preview-toggle:hover {
|
||||
color: #0073aa;
|
||||
border-top-color: #e1a948;
|
||||
}
|
||||
.wp-core-ui .customize-panel-back:hover,
|
||||
.wp-core-ui .customize-panel-back:focus,
|
||||
.wp-core-ui .customize-section-back:hover,
|
||||
.wp-core-ui .customize-section-back:focus {
|
||||
color: #0073aa;
|
||||
border-right-color: #e1a948;
|
||||
}
|
||||
.wp-core-ui .customize-screen-options-toggle:hover,
|
||||
.wp-core-ui .customize-screen-options-toggle:active,
|
||||
.wp-core-ui .customize-screen-options-toggle:focus,
|
||||
.wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .customize-screen-options-toggle:focus:before,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before, .wp-core-ui.wp-customizer button:focus .toggle-indicator:before,
|
||||
.wp-core-ui .menu-item-bar .item-delete:focus:before,
|
||||
.wp-core-ui #available-menu-items .item-add:focus:before,
|
||||
.wp-core-ui #customize-save-button-wrapper .save:focus,
|
||||
.wp-core-ui #publish-settings:focus {
|
||||
box-shadow: 0 0 0 1px #e8be74, 0 0 2px 1px #e1a948;
|
||||
}
|
||||
.wp-core-ui #customize-controls .customize-info.open .customize-help-toggle,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title:focus,
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title:hover {
|
||||
border-right-color: #e1a948;
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after {
|
||||
background: #e1a948;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title.selected {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui #customize-theme-controls .control-section:hover > .accordion-section-title:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus {
|
||||
background-color: #fbfbfc;
|
||||
border-color: #e1a948;
|
||||
border-style: solid;
|
||||
box-shadow: 0 0 0 1px #e1a948;
|
||||
outline: 2px solid transparent;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:focus,
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button.active:hover {
|
||||
border-bottom-color: #e1a948;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:hover:before,
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:focus:before {
|
||||
color: #e1a948;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
|
||||
color: #e1a948;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
|
||||
box-shadow: 0 0 0 1px #e8be74, 0 0 2px 1px #e1a948;
|
||||
}
|
||||
.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
|
||||
border-bottom-color: #e1a948;
|
||||
color: #0073aa;
|
||||
}
|
||||
|
||||
/* Welcome Panel */
|
||||
.welcome-panel {
|
||||
background-color: #096484;
|
||||
}
|
||||
|
||||
[class*=welcome-panel-icon] {
|
||||
background-color: #52accc;
|
||||
}
|
File diff suppressed because one or more lines are too long
|
@ -0,0 +1,714 @@
|
|||
/*! This file is auto-generated */
|
||||
/*
|
||||
* Button mixin- creates a button effect with correct
|
||||
* highlights/shadows, based on a base color.
|
||||
*/
|
||||
body {
|
||||
background: #f1f1f1;
|
||||
}
|
||||
|
||||
/* Links */
|
||||
a {
|
||||
color: #0073aa;
|
||||
}
|
||||
a:hover, a:active, a:focus {
|
||||
color: #0096dd;
|
||||
}
|
||||
|
||||
#post-body .misc-pub-post-status:before,
|
||||
#post-body #visibility:before,
|
||||
.curtime #timestamp:before,
|
||||
#post-body .misc-pub-revisions:before,
|
||||
span.wp-media-buttons-icon:before {
|
||||
color: currentColor;
|
||||
}
|
||||
|
||||
.wp-core-ui .button-link {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .button-link:hover, .wp-core-ui .button-link:active, .wp-core-ui .button-link:focus {
|
||||
color: #0096dd;
|
||||
}
|
||||
|
||||
.media-modal .delete-attachment,
|
||||
.media-modal .trash-attachment,
|
||||
.media-modal .untrash-attachment,
|
||||
.wp-core-ui .button-link-delete {
|
||||
color: #a00;
|
||||
}
|
||||
|
||||
.media-modal .delete-attachment:hover,
|
||||
.media-modal .trash-attachment:hover,
|
||||
.media-modal .untrash-attachment:hover,
|
||||
.media-modal .delete-attachment:focus,
|
||||
.media-modal .trash-attachment:focus,
|
||||
.media-modal .untrash-attachment:focus,
|
||||
.wp-core-ui .button-link-delete:hover,
|
||||
.wp-core-ui .button-link-delete:focus {
|
||||
color: #dc3232;
|
||||
}
|
||||
|
||||
/* Forms */
|
||||
input[type=checkbox]:checked::before {
|
||||
content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%237e8993%27%2F%3E%3C%2Fsvg%3E");
|
||||
}
|
||||
|
||||
input[type=radio]:checked::before {
|
||||
background: #7e8993;
|
||||
}
|
||||
|
||||
.wp-core-ui input[type=reset]:hover,
|
||||
.wp-core-ui input[type=reset]:active {
|
||||
color: #0096dd;
|
||||
}
|
||||
|
||||
input[type=text]:focus,
|
||||
input[type=password]:focus,
|
||||
input[type=color]:focus,
|
||||
input[type=date]:focus,
|
||||
input[type=datetime]:focus,
|
||||
input[type=datetime-local]:focus,
|
||||
input[type=email]:focus,
|
||||
input[type=month]:focus,
|
||||
input[type=number]:focus,
|
||||
input[type=search]:focus,
|
||||
input[type=tel]:focus,
|
||||
input[type=text]:focus,
|
||||
input[type=time]:focus,
|
||||
input[type=url]:focus,
|
||||
input[type=week]:focus,
|
||||
input[type=checkbox]:focus,
|
||||
input[type=radio]:focus,
|
||||
select:focus,
|
||||
textarea:focus {
|
||||
border-color: #096484;
|
||||
box-shadow: 0 0 0 1px #096484;
|
||||
}
|
||||
|
||||
/* Core UI */
|
||||
.wp-core-ui .button {
|
||||
border-color: #7e8993;
|
||||
color: #32373c;
|
||||
}
|
||||
.wp-core-ui .button.hover,
|
||||
.wp-core-ui .button:hover,
|
||||
.wp-core-ui .button.focus,
|
||||
.wp-core-ui .button:focus {
|
||||
border-color: #717c87;
|
||||
color: #262a2e;
|
||||
}
|
||||
.wp-core-ui .button.focus,
|
||||
.wp-core-ui .button:focus {
|
||||
border-color: #7e8993;
|
||||
color: #262a2e;
|
||||
box-shadow: 0 0 0 1px #32373c;
|
||||
}
|
||||
.wp-core-ui .button:active {
|
||||
border-color: #7e8993;
|
||||
color: #262a2e;
|
||||
box-shadow: none;
|
||||
}
|
||||
.wp-core-ui .button.active,
|
||||
.wp-core-ui .button.active:focus,
|
||||
.wp-core-ui .button.active:hover {
|
||||
border-color: #e1a948;
|
||||
color: #262a2e;
|
||||
box-shadow: inset 0 2px 5px -3px #e1a948;
|
||||
}
|
||||
.wp-core-ui .button.active:focus {
|
||||
box-shadow: 0 0 0 1px #32373c;
|
||||
}
|
||||
.wp-core-ui .button,
|
||||
.wp-core-ui .button-secondary {
|
||||
color: #096484;
|
||||
border-color: #096484;
|
||||
}
|
||||
.wp-core-ui .button.hover,
|
||||
.wp-core-ui .button:hover,
|
||||
.wp-core-ui .button-secondary:hover {
|
||||
border-color: #064054;
|
||||
color: #064054;
|
||||
}
|
||||
.wp-core-ui .button.focus,
|
||||
.wp-core-ui .button:focus,
|
||||
.wp-core-ui .button-secondary:focus {
|
||||
border-color: #0c88b4;
|
||||
color: #021c25;
|
||||
box-shadow: 0 0 0 1px #0c88b4;
|
||||
}
|
||||
.wp-core-ui .button-primary:hover {
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary {
|
||||
background: #e1a948;
|
||||
border-color: #e1a948;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
|
||||
background: #e3af55;
|
||||
border-color: #dfa33b;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary:focus {
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 3px #e1a948;
|
||||
}
|
||||
.wp-core-ui .button-primary:active {
|
||||
background: #dd9f32;
|
||||
border-color: #dd9f32;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
|
||||
background: #e1a948;
|
||||
color: #fff;
|
||||
border-color: #bd831f;
|
||||
box-shadow: inset 0 2px 5px -3px #241906;
|
||||
}
|
||||
.wp-core-ui .button-group > .button.active {
|
||||
border-color: #e1a948;
|
||||
}
|
||||
.wp-core-ui .wp-ui-primary {
|
||||
color: #fff;
|
||||
background-color: #52accc;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-primary {
|
||||
color: #52accc;
|
||||
}
|
||||
.wp-core-ui .wp-ui-highlight {
|
||||
color: #fff;
|
||||
background-color: #096484;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-highlight {
|
||||
color: #096484;
|
||||
}
|
||||
.wp-core-ui .wp-ui-notification {
|
||||
color: #fff;
|
||||
background-color: #e1a948;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-notification {
|
||||
color: #e1a948;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-icon {
|
||||
color: #e5f8ff;
|
||||
}
|
||||
|
||||
/* List tables */
|
||||
.wrap .page-title-action,
|
||||
.wrap .page-title-action:active {
|
||||
border: 1px solid #096484;
|
||||
color: #096484;
|
||||
}
|
||||
|
||||
.wrap .page-title-action:hover {
|
||||
color: #064054;
|
||||
border-color: #064054;
|
||||
}
|
||||
|
||||
.wrap .page-title-action:focus {
|
||||
border-color: #0c88b4;
|
||||
color: #021c25;
|
||||
box-shadow: 0 0 0 1px #0c88b4;
|
||||
}
|
||||
|
||||
.view-switch a.current:before {
|
||||
color: #52accc;
|
||||
}
|
||||
|
||||
.view-switch a:hover:before {
|
||||
color: #e1a948;
|
||||
}
|
||||
|
||||
/* Admin Menu */
|
||||
#adminmenuback,
|
||||
#adminmenuwrap,
|
||||
#adminmenu {
|
||||
background: #52accc;
|
||||
}
|
||||
|
||||
#adminmenu a {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#adminmenu div.wp-menu-image:before {
|
||||
color: #e5f8ff;
|
||||
}
|
||||
|
||||
#adminmenu a:hover,
|
||||
#adminmenu li.menu-top:hover,
|
||||
#adminmenu li.opensub > a.menu-top,
|
||||
#adminmenu li > a.menu-top:focus {
|
||||
color: #fff;
|
||||
background-color: #096484;
|
||||
}
|
||||
|
||||
#adminmenu li.menu-top:hover div.wp-menu-image:before,
|
||||
#adminmenu li.opensub > a.menu-top div.wp-menu-image:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Active tabs use a bottom border color that matches the page background color. */
|
||||
.about-wrap .nav-tab-active,
|
||||
.nav-tab-active,
|
||||
.nav-tab-active:hover {
|
||||
background-color: #f1f1f1;
|
||||
border-bottom-color: #f1f1f1;
|
||||
}
|
||||
|
||||
/* Admin Menu: submenu */
|
||||
#adminmenu .wp-submenu,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
|
||||
background: #4796b3;
|
||||
}
|
||||
|
||||
#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
|
||||
#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
|
||||
border-right-color: #4796b3;
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu .wp-submenu-head {
|
||||
color: #e2ecf1;
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu a,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
|
||||
color: #e2ecf1;
|
||||
}
|
||||
#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a:focus,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a:hover,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Admin Menu: current */
|
||||
#adminmenu .wp-submenu li.current a,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
|
||||
color: #fff;
|
||||
}
|
||||
#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
ul#adminmenu a.wp-has-current-submenu:after,
|
||||
ul#adminmenu > li.current > a.current:after {
|
||||
border-right-color: #f1f1f1;
|
||||
}
|
||||
|
||||
#adminmenu li.current a.menu-top,
|
||||
#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
|
||||
#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,
|
||||
.folded #adminmenu li.current.menu-top {
|
||||
color: #fff;
|
||||
background: #096484;
|
||||
}
|
||||
|
||||
#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
|
||||
#adminmenu a.current:hover div.wp-menu-image:before,
|
||||
#adminmenu li.current div.wp-menu-image:before,
|
||||
#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
|
||||
#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
|
||||
#adminmenu li:hover div.wp-menu-image:before,
|
||||
#adminmenu li a:focus div.wp-menu-image:before,
|
||||
#adminmenu li.opensub div.wp-menu-image:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Admin Menu: bubble */
|
||||
#adminmenu .awaiting-mod,
|
||||
#adminmenu .update-plugins {
|
||||
color: #fff;
|
||||
background: #e1a948;
|
||||
}
|
||||
|
||||
#adminmenu li.current a .awaiting-mod,
|
||||
#adminmenu li a.wp-has-current-submenu .update-plugins,
|
||||
#adminmenu li:hover a .awaiting-mod,
|
||||
#adminmenu li.menu-top:hover > a .update-plugins {
|
||||
color: #fff;
|
||||
background: #4796b3;
|
||||
}
|
||||
|
||||
/* Admin Menu: collapse button */
|
||||
#collapse-button {
|
||||
color: #e5f8ff;
|
||||
}
|
||||
|
||||
#collapse-button:hover,
|
||||
#collapse-button:focus {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Admin Bar */
|
||||
#wpadminbar {
|
||||
color: #fff;
|
||||
background: #52accc;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-item,
|
||||
#wpadminbar a.ab-item,
|
||||
#wpadminbar > #wp-toolbar span.ab-label,
|
||||
#wpadminbar > #wp-toolbar span.noticon {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-icon,
|
||||
#wpadminbar .ab-icon:before,
|
||||
#wpadminbar .ab-item:before,
|
||||
#wpadminbar .ab-item:after {
|
||||
color: #e5f8ff;
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
|
||||
#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
|
||||
#wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
|
||||
#wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
|
||||
color: #fff;
|
||||
background: #4796b3;
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar li.hover span.ab-label,
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) li:hover .ab-icon:before,
|
||||
#wpadminbar:not(.mobile) li:hover .ab-item:before,
|
||||
#wpadminbar:not(.mobile) li:hover .ab-item:after,
|
||||
#wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Admin Bar: submenu */
|
||||
#wpadminbar .menupop .ab-sub-wrapper {
|
||||
background: #4796b3;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
|
||||
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
|
||||
background: #74b6ce;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-submenu .ab-item,
|
||||
#wpadminbar .quicklinks .menupop ul li a,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a {
|
||||
color: #e2ecf1;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks li .blavatar,
|
||||
#wpadminbar .menupop .menupop > .ab-item:before {
|
||||
color: #e5f8ff;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks .menupop ul li a:hover,
|
||||
#wpadminbar .quicklinks .menupop ul li a:focus,
|
||||
#wpadminbar .quicklinks .menupop ul li a:hover strong,
|
||||
#wpadminbar .quicklinks .menupop ul li a:focus strong,
|
||||
#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a:hover,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a:focus,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
|
||||
#wpadminbar li:hover .ab-icon:before,
|
||||
#wpadminbar li:hover .ab-item:before,
|
||||
#wpadminbar li a:focus .ab-icon:before,
|
||||
#wpadminbar li .ab-item:focus:before,
|
||||
#wpadminbar li .ab-item:focus .ab-icon:before,
|
||||
#wpadminbar li.hover .ab-icon:before,
|
||||
#wpadminbar li.hover .ab-item:before,
|
||||
#wpadminbar li:hover #adminbarsearch:before,
|
||||
#wpadminbar li #adminbarsearch.adminbar-focused:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks li a:hover .blavatar,
|
||||
#wpadminbar .quicklinks li a:focus .blavatar,
|
||||
#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar,
|
||||
#wpadminbar .menupop .menupop > .ab-item:hover:before,
|
||||
#wpadminbar.mobile .quicklinks .ab-icon:before,
|
||||
#wpadminbar.mobile .quicklinks .ab-item:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
|
||||
#wpadminbar.mobile .quicklinks .hover .ab-item:before {
|
||||
color: #e5f8ff;
|
||||
}
|
||||
|
||||
/* Admin Bar: search */
|
||||
#wpadminbar #adminbarsearch:before {
|
||||
color: #e5f8ff;
|
||||
}
|
||||
|
||||
#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
|
||||
color: #fff;
|
||||
background: #6eb9d4;
|
||||
}
|
||||
|
||||
/* Admin Bar: recovery mode */
|
||||
#wpadminbar #wp-admin-bar-recovery-mode {
|
||||
color: #fff;
|
||||
background-color: #e1a948;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-recovery-mode .ab-item,
|
||||
#wpadminbar #wp-admin-bar-recovery-mode a.ab-item {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-top-menu > #wp-admin-bar-recovery-mode.hover > .ab-item,
|
||||
#wpadminbar.nojq .quicklinks .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
|
||||
color: #fff;
|
||||
background-color: #cb9841;
|
||||
}
|
||||
|
||||
/* Admin Bar: my account */
|
||||
#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
|
||||
border-color: #6eb9d4;
|
||||
background-color: #6eb9d4;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info .display-name {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info a:hover .display-name {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info .username {
|
||||
color: #e2ecf1;
|
||||
}
|
||||
|
||||
/* Pointers */
|
||||
.wp-pointer .wp-pointer-content h3 {
|
||||
background-color: #096484;
|
||||
border-color: #07526c;
|
||||
}
|
||||
|
||||
.wp-pointer .wp-pointer-content h3:before {
|
||||
color: #096484;
|
||||
}
|
||||
|
||||
.wp-pointer.wp-pointer-top .wp-pointer-arrow,
|
||||
.wp-pointer.wp-pointer-top .wp-pointer-arrow-inner,
|
||||
.wp-pointer.wp-pointer-undefined .wp-pointer-arrow,
|
||||
.wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner {
|
||||
border-bottom-color: #096484;
|
||||
}
|
||||
|
||||
/* Media */
|
||||
.media-item .bar,
|
||||
.media-progress-bar div {
|
||||
background-color: #096484;
|
||||
}
|
||||
|
||||
.details.attachment {
|
||||
box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #096484;
|
||||
}
|
||||
|
||||
.attachment.details .check {
|
||||
background-color: #096484;
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 2px #096484;
|
||||
}
|
||||
|
||||
.media-selection .attachment.selection.details .thumbnail {
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 3px #096484;
|
||||
}
|
||||
|
||||
/* Themes */
|
||||
.theme-browser .theme.active .theme-name,
|
||||
.theme-browser .theme.add-new-theme a:hover:after,
|
||||
.theme-browser .theme.add-new-theme a:focus:after {
|
||||
background: #096484;
|
||||
}
|
||||
|
||||
.theme-browser .theme.add-new-theme a:hover span:after,
|
||||
.theme-browser .theme.add-new-theme a:focus span:after {
|
||||
color: #096484;
|
||||
}
|
||||
|
||||
.theme-section.current,
|
||||
.theme-filter.current {
|
||||
border-bottom-color: #52accc;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters {
|
||||
color: #fff;
|
||||
background-color: #52accc;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:hover,
|
||||
body.more-filters-opened .more-filters:focus {
|
||||
background-color: #096484;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:hover:before,
|
||||
body.more-filters-opened .more-filters:focus:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Widgets */
|
||||
.widgets-chooser li.widgets-chooser-selected {
|
||||
background-color: #096484;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.widgets-chooser li.widgets-chooser-selected:before,
|
||||
.widgets-chooser li.widgets-chooser-selected:focus:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Nav Menus */
|
||||
.nav-menus-php .item-edit:focus:before {
|
||||
box-shadow: 0 0 0 1px #e8be74, 0 0 2px 1px #e1a948;
|
||||
}
|
||||
|
||||
/* Responsive Component */
|
||||
div#wp-responsive-toggle a:before {
|
||||
color: #e5f8ff;
|
||||
}
|
||||
|
||||
.wp-responsive-open div#wp-responsive-toggle a {
|
||||
border-color: transparent;
|
||||
background: #096484;
|
||||
}
|
||||
|
||||
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
|
||||
background: #4796b3;
|
||||
}
|
||||
|
||||
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
|
||||
color: #e5f8ff;
|
||||
}
|
||||
|
||||
/* TinyMCE */
|
||||
.mce-container.mce-menu .mce-menu-item:hover,
|
||||
.mce-container.mce-menu .mce-menu-item.mce-selected,
|
||||
.mce-container.mce-menu .mce-menu-item:focus,
|
||||
.mce-container.mce-menu .mce-menu-item-normal.mce-active,
|
||||
.mce-container.mce-menu .mce-menu-item-preview.mce-active {
|
||||
background: #096484;
|
||||
}
|
||||
|
||||
/* Customizer */
|
||||
.wp-core-ui #customize-controls .control-section:hover > .accordion-section-title,
|
||||
.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,
|
||||
.wp-core-ui #customize-controls .control-section.open .accordion-section-title,
|
||||
.wp-core-ui #customize-controls .control-section .accordion-section-title:focus {
|
||||
color: #0073aa;
|
||||
border-left-color: #e1a948;
|
||||
}
|
||||
.wp-core-ui .customize-controls-close:focus,
|
||||
.wp-core-ui .customize-controls-close:hover,
|
||||
.wp-core-ui .customize-controls-preview-toggle:focus,
|
||||
.wp-core-ui .customize-controls-preview-toggle:hover {
|
||||
color: #0073aa;
|
||||
border-top-color: #e1a948;
|
||||
}
|
||||
.wp-core-ui .customize-panel-back:hover,
|
||||
.wp-core-ui .customize-panel-back:focus,
|
||||
.wp-core-ui .customize-section-back:hover,
|
||||
.wp-core-ui .customize-section-back:focus {
|
||||
color: #0073aa;
|
||||
border-left-color: #e1a948;
|
||||
}
|
||||
.wp-core-ui .customize-screen-options-toggle:hover,
|
||||
.wp-core-ui .customize-screen-options-toggle:active,
|
||||
.wp-core-ui .customize-screen-options-toggle:focus,
|
||||
.wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .customize-screen-options-toggle:focus:before,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before, .wp-core-ui.wp-customizer button:focus .toggle-indicator:before,
|
||||
.wp-core-ui .menu-item-bar .item-delete:focus:before,
|
||||
.wp-core-ui #available-menu-items .item-add:focus:before,
|
||||
.wp-core-ui #customize-save-button-wrapper .save:focus,
|
||||
.wp-core-ui #publish-settings:focus {
|
||||
box-shadow: 0 0 0 1px #e8be74, 0 0 2px 1px #e1a948;
|
||||
}
|
||||
.wp-core-ui #customize-controls .customize-info.open .customize-help-toggle,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title:focus,
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title:hover {
|
||||
border-left-color: #e1a948;
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after {
|
||||
background: #e1a948;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title.selected {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui #customize-theme-controls .control-section:hover > .accordion-section-title:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus {
|
||||
background-color: #fbfbfc;
|
||||
border-color: #e1a948;
|
||||
border-style: solid;
|
||||
box-shadow: 0 0 0 1px #e1a948;
|
||||
outline: 2px solid transparent;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:focus,
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button.active:hover {
|
||||
border-bottom-color: #e1a948;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:hover:before,
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:focus:before {
|
||||
color: #e1a948;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
|
||||
color: #e1a948;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
|
||||
box-shadow: 0 0 0 1px #e8be74, 0 0 2px 1px #e1a948;
|
||||
}
|
||||
.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
|
||||
border-bottom-color: #e1a948;
|
||||
color: #0073aa;
|
||||
}
|
||||
|
||||
/* Welcome Panel */
|
||||
.welcome-panel {
|
||||
background-color: #096484;
|
||||
}
|
||||
|
||||
[class*=welcome-panel-icon] {
|
||||
background-color: #52accc;
|
||||
}
|
File diff suppressed because one or more lines are too long
|
@ -0,0 +1,12 @@
|
|||
$scheme-name: "blue";
|
||||
$base-color: #52accc;
|
||||
$icon-color: #e5f8ff;
|
||||
$highlight-color: #096484;
|
||||
$notification-color: #e1a948;
|
||||
$button-color: #e1a948;
|
||||
|
||||
$menu-submenu-text: #e2ecf1;
|
||||
$menu-submenu-focus-text: #fff;
|
||||
$menu-submenu-background: #4796b3;
|
||||
|
||||
@import "../_admin.scss";
|
|
@ -0,0 +1,681 @@
|
|||
/*! This file is auto-generated */
|
||||
/*
|
||||
* Button mixin- creates a button effect with correct
|
||||
* highlights/shadows, based on a base color.
|
||||
*/
|
||||
body {
|
||||
background: #f1f1f1;
|
||||
}
|
||||
|
||||
/* Links */
|
||||
a {
|
||||
color: #0073aa;
|
||||
}
|
||||
a:hover, a:active, a:focus {
|
||||
color: #0096dd;
|
||||
}
|
||||
|
||||
#post-body .misc-pub-post-status:before,
|
||||
#post-body #visibility:before,
|
||||
.curtime #timestamp:before,
|
||||
#post-body .misc-pub-revisions:before,
|
||||
span.wp-media-buttons-icon:before {
|
||||
color: currentColor;
|
||||
}
|
||||
|
||||
.wp-core-ui .button-link {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .button-link:hover, .wp-core-ui .button-link:active, .wp-core-ui .button-link:focus {
|
||||
color: #0096dd;
|
||||
}
|
||||
|
||||
.media-modal .delete-attachment,
|
||||
.media-modal .trash-attachment,
|
||||
.media-modal .untrash-attachment,
|
||||
.wp-core-ui .button-link-delete {
|
||||
color: #a00;
|
||||
}
|
||||
|
||||
.media-modal .delete-attachment:hover,
|
||||
.media-modal .trash-attachment:hover,
|
||||
.media-modal .untrash-attachment:hover,
|
||||
.media-modal .delete-attachment:focus,
|
||||
.media-modal .trash-attachment:focus,
|
||||
.media-modal .untrash-attachment:focus,
|
||||
.wp-core-ui .button-link-delete:hover,
|
||||
.wp-core-ui .button-link-delete:focus {
|
||||
color: #dc3232;
|
||||
}
|
||||
|
||||
/* Forms */
|
||||
input[type=checkbox]:checked::before {
|
||||
content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%2359524c%27%2F%3E%3C%2Fsvg%3E");
|
||||
}
|
||||
|
||||
input[type=radio]:checked::before {
|
||||
background: #59524c;
|
||||
}
|
||||
|
||||
.wp-core-ui input[type=reset]:hover,
|
||||
.wp-core-ui input[type=reset]:active {
|
||||
color: #0096dd;
|
||||
}
|
||||
|
||||
input[type=text]:focus,
|
||||
input[type=password]:focus,
|
||||
input[type=color]:focus,
|
||||
input[type=date]:focus,
|
||||
input[type=datetime]:focus,
|
||||
input[type=datetime-local]:focus,
|
||||
input[type=email]:focus,
|
||||
input[type=month]:focus,
|
||||
input[type=number]:focus,
|
||||
input[type=search]:focus,
|
||||
input[type=tel]:focus,
|
||||
input[type=text]:focus,
|
||||
input[type=time]:focus,
|
||||
input[type=url]:focus,
|
||||
input[type=week]:focus,
|
||||
input[type=checkbox]:focus,
|
||||
input[type=radio]:focus,
|
||||
select:focus,
|
||||
textarea:focus {
|
||||
border-color: #c7a589;
|
||||
box-shadow: 0 0 0 1px #c7a589;
|
||||
}
|
||||
|
||||
/* Core UI */
|
||||
.wp-core-ui .button {
|
||||
border-color: #7e8993;
|
||||
color: #32373c;
|
||||
}
|
||||
.wp-core-ui .button.hover,
|
||||
.wp-core-ui .button:hover,
|
||||
.wp-core-ui .button.focus,
|
||||
.wp-core-ui .button:focus {
|
||||
border-color: #717c87;
|
||||
color: #262a2e;
|
||||
}
|
||||
.wp-core-ui .button.focus,
|
||||
.wp-core-ui .button:focus {
|
||||
border-color: #7e8993;
|
||||
color: #262a2e;
|
||||
box-shadow: 0 0 0 1px #32373c;
|
||||
}
|
||||
.wp-core-ui .button:active {
|
||||
border-color: #7e8993;
|
||||
color: #262a2e;
|
||||
box-shadow: none;
|
||||
}
|
||||
.wp-core-ui .button.active,
|
||||
.wp-core-ui .button.active:focus,
|
||||
.wp-core-ui .button.active:hover {
|
||||
border-color: #c7a589;
|
||||
color: #262a2e;
|
||||
box-shadow: inset 0 2px 5px -3px #c7a589;
|
||||
}
|
||||
.wp-core-ui .button.active:focus {
|
||||
box-shadow: 0 0 0 1px #32373c;
|
||||
}
|
||||
.wp-core-ui .button-primary {
|
||||
background: #c7a589;
|
||||
border-color: #c7a589;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
|
||||
background: #ccad93;
|
||||
border-color: #c29d7f;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary:focus {
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 3px #c7a589;
|
||||
}
|
||||
.wp-core-ui .button-primary:active {
|
||||
background: #bf9878;
|
||||
border-color: #bf9878;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
|
||||
background: #c7a589;
|
||||
color: #fff;
|
||||
border-color: #ae7d55;
|
||||
box-shadow: inset 0 2px 5px -3px #37271a;
|
||||
}
|
||||
.wp-core-ui .button-group > .button.active {
|
||||
border-color: #c7a589;
|
||||
}
|
||||
.wp-core-ui .wp-ui-primary {
|
||||
color: #fff;
|
||||
background-color: #59524c;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-primary {
|
||||
color: #59524c;
|
||||
}
|
||||
.wp-core-ui .wp-ui-highlight {
|
||||
color: #fff;
|
||||
background-color: #c7a589;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-highlight {
|
||||
color: #c7a589;
|
||||
}
|
||||
.wp-core-ui .wp-ui-notification {
|
||||
color: #fff;
|
||||
background-color: #9ea476;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-notification {
|
||||
color: #9ea476;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-icon {
|
||||
color: hsl(27.6923076923deg, 7%, 95%);
|
||||
}
|
||||
|
||||
/* List tables */
|
||||
.wrap .page-title-action:hover {
|
||||
color: #fff;
|
||||
background-color: #59524c;
|
||||
}
|
||||
|
||||
.view-switch a.current:before {
|
||||
color: #59524c;
|
||||
}
|
||||
|
||||
.view-switch a:hover:before {
|
||||
color: #9ea476;
|
||||
}
|
||||
|
||||
/* Admin Menu */
|
||||
#adminmenuback,
|
||||
#adminmenuwrap,
|
||||
#adminmenu {
|
||||
background: #59524c;
|
||||
}
|
||||
|
||||
#adminmenu a {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#adminmenu div.wp-menu-image:before {
|
||||
color: hsl(27.6923076923deg, 7%, 95%);
|
||||
}
|
||||
|
||||
#adminmenu a:hover,
|
||||
#adminmenu li.menu-top:hover,
|
||||
#adminmenu li.opensub > a.menu-top,
|
||||
#adminmenu li > a.menu-top:focus {
|
||||
color: #fff;
|
||||
background-color: #c7a589;
|
||||
}
|
||||
|
||||
#adminmenu li.menu-top:hover div.wp-menu-image:before,
|
||||
#adminmenu li.opensub > a.menu-top div.wp-menu-image:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Active tabs use a bottom border color that matches the page background color. */
|
||||
.about-wrap .nav-tab-active,
|
||||
.nav-tab-active,
|
||||
.nav-tab-active:hover {
|
||||
background-color: #f1f1f1;
|
||||
border-bottom-color: #f1f1f1;
|
||||
}
|
||||
|
||||
/* Admin Menu: submenu */
|
||||
#adminmenu .wp-submenu,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
|
||||
background: #46403c;
|
||||
}
|
||||
|
||||
#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
|
||||
#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
|
||||
border-left-color: #46403c;
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu .wp-submenu-head {
|
||||
color: #cdcbc9;
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu a,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
|
||||
color: #cdcbc9;
|
||||
}
|
||||
#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a:focus,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a:hover,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
|
||||
color: #c7a589;
|
||||
}
|
||||
|
||||
/* Admin Menu: current */
|
||||
#adminmenu .wp-submenu li.current a,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
|
||||
color: #fff;
|
||||
}
|
||||
#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
|
||||
color: #c7a589;
|
||||
}
|
||||
|
||||
ul#adminmenu a.wp-has-current-submenu:after,
|
||||
ul#adminmenu > li.current > a.current:after {
|
||||
border-left-color: #f1f1f1;
|
||||
}
|
||||
|
||||
#adminmenu li.current a.menu-top,
|
||||
#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
|
||||
#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,
|
||||
.folded #adminmenu li.current.menu-top {
|
||||
color: #fff;
|
||||
background: #c7a589;
|
||||
}
|
||||
|
||||
#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
|
||||
#adminmenu a.current:hover div.wp-menu-image:before,
|
||||
#adminmenu li.current div.wp-menu-image:before,
|
||||
#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
|
||||
#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
|
||||
#adminmenu li:hover div.wp-menu-image:before,
|
||||
#adminmenu li a:focus div.wp-menu-image:before,
|
||||
#adminmenu li.opensub div.wp-menu-image:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Admin Menu: bubble */
|
||||
#adminmenu .awaiting-mod,
|
||||
#adminmenu .update-plugins {
|
||||
color: #fff;
|
||||
background: #9ea476;
|
||||
}
|
||||
|
||||
#adminmenu li.current a .awaiting-mod,
|
||||
#adminmenu li a.wp-has-current-submenu .update-plugins,
|
||||
#adminmenu li:hover a .awaiting-mod,
|
||||
#adminmenu li.menu-top:hover > a .update-plugins {
|
||||
color: #fff;
|
||||
background: #46403c;
|
||||
}
|
||||
|
||||
/* Admin Menu: collapse button */
|
||||
#collapse-button {
|
||||
color: hsl(27.6923076923deg, 7%, 95%);
|
||||
}
|
||||
|
||||
#collapse-button:hover,
|
||||
#collapse-button:focus {
|
||||
color: #c7a589;
|
||||
}
|
||||
|
||||
/* Admin Bar */
|
||||
#wpadminbar {
|
||||
color: #fff;
|
||||
background: #59524c;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-item,
|
||||
#wpadminbar a.ab-item,
|
||||
#wpadminbar > #wp-toolbar span.ab-label,
|
||||
#wpadminbar > #wp-toolbar span.noticon {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-icon,
|
||||
#wpadminbar .ab-icon:before,
|
||||
#wpadminbar .ab-item:before,
|
||||
#wpadminbar .ab-item:after {
|
||||
color: hsl(27.6923076923deg, 7%, 95%);
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
|
||||
#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
|
||||
#wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
|
||||
#wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
|
||||
color: #c7a589;
|
||||
background: #46403c;
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar li.hover span.ab-label,
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label {
|
||||
color: #c7a589;
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) li:hover .ab-icon:before,
|
||||
#wpadminbar:not(.mobile) li:hover .ab-item:before,
|
||||
#wpadminbar:not(.mobile) li:hover .ab-item:after,
|
||||
#wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
|
||||
color: #c7a589;
|
||||
}
|
||||
|
||||
/* Admin Bar: submenu */
|
||||
#wpadminbar .menupop .ab-sub-wrapper {
|
||||
background: #46403c;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
|
||||
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
|
||||
background: #656463;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-submenu .ab-item,
|
||||
#wpadminbar .quicklinks .menupop ul li a,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a {
|
||||
color: #cdcbc9;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks li .blavatar,
|
||||
#wpadminbar .menupop .menupop > .ab-item:before {
|
||||
color: hsl(27.6923076923deg, 7%, 95%);
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks .menupop ul li a:hover,
|
||||
#wpadminbar .quicklinks .menupop ul li a:focus,
|
||||
#wpadminbar .quicklinks .menupop ul li a:hover strong,
|
||||
#wpadminbar .quicklinks .menupop ul li a:focus strong,
|
||||
#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a:hover,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a:focus,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
|
||||
#wpadminbar li:hover .ab-icon:before,
|
||||
#wpadminbar li:hover .ab-item:before,
|
||||
#wpadminbar li a:focus .ab-icon:before,
|
||||
#wpadminbar li .ab-item:focus:before,
|
||||
#wpadminbar li .ab-item:focus .ab-icon:before,
|
||||
#wpadminbar li.hover .ab-icon:before,
|
||||
#wpadminbar li.hover .ab-item:before,
|
||||
#wpadminbar li:hover #adminbarsearch:before,
|
||||
#wpadminbar li #adminbarsearch.adminbar-focused:before {
|
||||
color: #c7a589;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks li a:hover .blavatar,
|
||||
#wpadminbar .quicklinks li a:focus .blavatar,
|
||||
#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar,
|
||||
#wpadminbar .menupop .menupop > .ab-item:hover:before,
|
||||
#wpadminbar.mobile .quicklinks .ab-icon:before,
|
||||
#wpadminbar.mobile .quicklinks .ab-item:before {
|
||||
color: #c7a589;
|
||||
}
|
||||
|
||||
#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
|
||||
#wpadminbar.mobile .quicklinks .hover .ab-item:before {
|
||||
color: hsl(27.6923076923deg, 7%, 95%);
|
||||
}
|
||||
|
||||
/* Admin Bar: search */
|
||||
#wpadminbar #adminbarsearch:before {
|
||||
color: hsl(27.6923076923deg, 7%, 95%);
|
||||
}
|
||||
|
||||
#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
|
||||
color: #fff;
|
||||
background: #6c645c;
|
||||
}
|
||||
|
||||
/* Admin Bar: recovery mode */
|
||||
#wpadminbar #wp-admin-bar-recovery-mode {
|
||||
color: #fff;
|
||||
background-color: #9ea476;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-recovery-mode .ab-item,
|
||||
#wpadminbar #wp-admin-bar-recovery-mode a.ab-item {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-top-menu > #wp-admin-bar-recovery-mode.hover > .ab-item,
|
||||
#wpadminbar.nojq .quicklinks .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
|
||||
color: #fff;
|
||||
background-color: #8e946a;
|
||||
}
|
||||
|
||||
/* Admin Bar: my account */
|
||||
#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
|
||||
border-color: #6c645c;
|
||||
background-color: #6c645c;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info .display-name {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info a:hover .display-name {
|
||||
color: #c7a589;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info .username {
|
||||
color: #cdcbc9;
|
||||
}
|
||||
|
||||
/* Pointers */
|
||||
.wp-pointer .wp-pointer-content h3 {
|
||||
background-color: #c7a589;
|
||||
border-color: #bf9878;
|
||||
}
|
||||
|
||||
.wp-pointer .wp-pointer-content h3:before {
|
||||
color: #c7a589;
|
||||
}
|
||||
|
||||
.wp-pointer.wp-pointer-top .wp-pointer-arrow,
|
||||
.wp-pointer.wp-pointer-top .wp-pointer-arrow-inner,
|
||||
.wp-pointer.wp-pointer-undefined .wp-pointer-arrow,
|
||||
.wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner {
|
||||
border-bottom-color: #c7a589;
|
||||
}
|
||||
|
||||
/* Media */
|
||||
.media-item .bar,
|
||||
.media-progress-bar div {
|
||||
background-color: #c7a589;
|
||||
}
|
||||
|
||||
.details.attachment {
|
||||
box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #c7a589;
|
||||
}
|
||||
|
||||
.attachment.details .check {
|
||||
background-color: #c7a589;
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 2px #c7a589;
|
||||
}
|
||||
|
||||
.media-selection .attachment.selection.details .thumbnail {
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 3px #c7a589;
|
||||
}
|
||||
|
||||
/* Themes */
|
||||
.theme-browser .theme.active .theme-name,
|
||||
.theme-browser .theme.add-new-theme a:hover:after,
|
||||
.theme-browser .theme.add-new-theme a:focus:after {
|
||||
background: #c7a589;
|
||||
}
|
||||
|
||||
.theme-browser .theme.add-new-theme a:hover span:after,
|
||||
.theme-browser .theme.add-new-theme a:focus span:after {
|
||||
color: #c7a589;
|
||||
}
|
||||
|
||||
.theme-section.current,
|
||||
.theme-filter.current {
|
||||
border-bottom-color: #59524c;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters {
|
||||
color: #fff;
|
||||
background-color: #59524c;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:hover,
|
||||
body.more-filters-opened .more-filters:focus {
|
||||
background-color: #c7a589;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:hover:before,
|
||||
body.more-filters-opened .more-filters:focus:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Widgets */
|
||||
.widgets-chooser li.widgets-chooser-selected {
|
||||
background-color: #c7a589;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.widgets-chooser li.widgets-chooser-selected:before,
|
||||
.widgets-chooser li.widgets-chooser-selected:focus:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Nav Menus */
|
||||
.nav-menus-php .item-edit:focus:before {
|
||||
box-shadow: 0 0 0 1px #d7bfac, 0 0 2px 1px #c7a589;
|
||||
}
|
||||
|
||||
/* Responsive Component */
|
||||
div#wp-responsive-toggle a:before {
|
||||
color: hsl(27.6923076923deg, 7%, 95%);
|
||||
}
|
||||
|
||||
.wp-responsive-open div#wp-responsive-toggle a {
|
||||
border-color: transparent;
|
||||
background: #c7a589;
|
||||
}
|
||||
|
||||
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
|
||||
background: #46403c;
|
||||
}
|
||||
|
||||
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
|
||||
color: hsl(27.6923076923deg, 7%, 95%);
|
||||
}
|
||||
|
||||
/* TinyMCE */
|
||||
.mce-container.mce-menu .mce-menu-item:hover,
|
||||
.mce-container.mce-menu .mce-menu-item.mce-selected,
|
||||
.mce-container.mce-menu .mce-menu-item:focus,
|
||||
.mce-container.mce-menu .mce-menu-item-normal.mce-active,
|
||||
.mce-container.mce-menu .mce-menu-item-preview.mce-active {
|
||||
background: #c7a589;
|
||||
}
|
||||
|
||||
/* Customizer */
|
||||
.wp-core-ui #customize-controls .control-section:hover > .accordion-section-title,
|
||||
.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,
|
||||
.wp-core-ui #customize-controls .control-section.open .accordion-section-title,
|
||||
.wp-core-ui #customize-controls .control-section .accordion-section-title:focus {
|
||||
color: #0073aa;
|
||||
border-right-color: #c7a589;
|
||||
}
|
||||
.wp-core-ui .customize-controls-close:focus,
|
||||
.wp-core-ui .customize-controls-close:hover,
|
||||
.wp-core-ui .customize-controls-preview-toggle:focus,
|
||||
.wp-core-ui .customize-controls-preview-toggle:hover {
|
||||
color: #0073aa;
|
||||
border-top-color: #c7a589;
|
||||
}
|
||||
.wp-core-ui .customize-panel-back:hover,
|
||||
.wp-core-ui .customize-panel-back:focus,
|
||||
.wp-core-ui .customize-section-back:hover,
|
||||
.wp-core-ui .customize-section-back:focus {
|
||||
color: #0073aa;
|
||||
border-right-color: #c7a589;
|
||||
}
|
||||
.wp-core-ui .customize-screen-options-toggle:hover,
|
||||
.wp-core-ui .customize-screen-options-toggle:active,
|
||||
.wp-core-ui .customize-screen-options-toggle:focus,
|
||||
.wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .customize-screen-options-toggle:focus:before,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before, .wp-core-ui.wp-customizer button:focus .toggle-indicator:before,
|
||||
.wp-core-ui .menu-item-bar .item-delete:focus:before,
|
||||
.wp-core-ui #available-menu-items .item-add:focus:before,
|
||||
.wp-core-ui #customize-save-button-wrapper .save:focus,
|
||||
.wp-core-ui #publish-settings:focus {
|
||||
box-shadow: 0 0 0 1px #d7bfac, 0 0 2px 1px #c7a589;
|
||||
}
|
||||
.wp-core-ui #customize-controls .customize-info.open .customize-help-toggle,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title:focus,
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title:hover {
|
||||
border-right-color: #c7a589;
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after {
|
||||
background: #c7a589;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title.selected {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui #customize-theme-controls .control-section:hover > .accordion-section-title:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus {
|
||||
background-color: #fbfbfc;
|
||||
border-color: #c7a589;
|
||||
border-style: solid;
|
||||
box-shadow: 0 0 0 1px #c7a589;
|
||||
outline: 2px solid transparent;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:focus,
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button.active:hover {
|
||||
border-bottom-color: #c7a589;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:hover:before,
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:focus:before {
|
||||
color: #c7a589;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
|
||||
color: #c7a589;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
|
||||
box-shadow: 0 0 0 1px #d7bfac, 0 0 2px 1px #c7a589;
|
||||
}
|
||||
.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
|
||||
border-bottom-color: #c7a589;
|
||||
color: #0073aa;
|
||||
}
|
||||
|
||||
/* Welcome Panel */
|
||||
.welcome-panel {
|
||||
background-color: #c7a589;
|
||||
}
|
||||
|
||||
[class*=welcome-panel-icon] {
|
||||
background-color: #59524c;
|
||||
}
|
File diff suppressed because one or more lines are too long
|
@ -0,0 +1,681 @@
|
|||
/*! This file is auto-generated */
|
||||
/*
|
||||
* Button mixin- creates a button effect with correct
|
||||
* highlights/shadows, based on a base color.
|
||||
*/
|
||||
body {
|
||||
background: #f1f1f1;
|
||||
}
|
||||
|
||||
/* Links */
|
||||
a {
|
||||
color: #0073aa;
|
||||
}
|
||||
a:hover, a:active, a:focus {
|
||||
color: #0096dd;
|
||||
}
|
||||
|
||||
#post-body .misc-pub-post-status:before,
|
||||
#post-body #visibility:before,
|
||||
.curtime #timestamp:before,
|
||||
#post-body .misc-pub-revisions:before,
|
||||
span.wp-media-buttons-icon:before {
|
||||
color: currentColor;
|
||||
}
|
||||
|
||||
.wp-core-ui .button-link {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .button-link:hover, .wp-core-ui .button-link:active, .wp-core-ui .button-link:focus {
|
||||
color: #0096dd;
|
||||
}
|
||||
|
||||
.media-modal .delete-attachment,
|
||||
.media-modal .trash-attachment,
|
||||
.media-modal .untrash-attachment,
|
||||
.wp-core-ui .button-link-delete {
|
||||
color: #a00;
|
||||
}
|
||||
|
||||
.media-modal .delete-attachment:hover,
|
||||
.media-modal .trash-attachment:hover,
|
||||
.media-modal .untrash-attachment:hover,
|
||||
.media-modal .delete-attachment:focus,
|
||||
.media-modal .trash-attachment:focus,
|
||||
.media-modal .untrash-attachment:focus,
|
||||
.wp-core-ui .button-link-delete:hover,
|
||||
.wp-core-ui .button-link-delete:focus {
|
||||
color: #dc3232;
|
||||
}
|
||||
|
||||
/* Forms */
|
||||
input[type=checkbox]:checked::before {
|
||||
content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%2359524c%27%2F%3E%3C%2Fsvg%3E");
|
||||
}
|
||||
|
||||
input[type=radio]:checked::before {
|
||||
background: #59524c;
|
||||
}
|
||||
|
||||
.wp-core-ui input[type=reset]:hover,
|
||||
.wp-core-ui input[type=reset]:active {
|
||||
color: #0096dd;
|
||||
}
|
||||
|
||||
input[type=text]:focus,
|
||||
input[type=password]:focus,
|
||||
input[type=color]:focus,
|
||||
input[type=date]:focus,
|
||||
input[type=datetime]:focus,
|
||||
input[type=datetime-local]:focus,
|
||||
input[type=email]:focus,
|
||||
input[type=month]:focus,
|
||||
input[type=number]:focus,
|
||||
input[type=search]:focus,
|
||||
input[type=tel]:focus,
|
||||
input[type=text]:focus,
|
||||
input[type=time]:focus,
|
||||
input[type=url]:focus,
|
||||
input[type=week]:focus,
|
||||
input[type=checkbox]:focus,
|
||||
input[type=radio]:focus,
|
||||
select:focus,
|
||||
textarea:focus {
|
||||
border-color: #c7a589;
|
||||
box-shadow: 0 0 0 1px #c7a589;
|
||||
}
|
||||
|
||||
/* Core UI */
|
||||
.wp-core-ui .button {
|
||||
border-color: #7e8993;
|
||||
color: #32373c;
|
||||
}
|
||||
.wp-core-ui .button.hover,
|
||||
.wp-core-ui .button:hover,
|
||||
.wp-core-ui .button.focus,
|
||||
.wp-core-ui .button:focus {
|
||||
border-color: #717c87;
|
||||
color: #262a2e;
|
||||
}
|
||||
.wp-core-ui .button.focus,
|
||||
.wp-core-ui .button:focus {
|
||||
border-color: #7e8993;
|
||||
color: #262a2e;
|
||||
box-shadow: 0 0 0 1px #32373c;
|
||||
}
|
||||
.wp-core-ui .button:active {
|
||||
border-color: #7e8993;
|
||||
color: #262a2e;
|
||||
box-shadow: none;
|
||||
}
|
||||
.wp-core-ui .button.active,
|
||||
.wp-core-ui .button.active:focus,
|
||||
.wp-core-ui .button.active:hover {
|
||||
border-color: #c7a589;
|
||||
color: #262a2e;
|
||||
box-shadow: inset 0 2px 5px -3px #c7a589;
|
||||
}
|
||||
.wp-core-ui .button.active:focus {
|
||||
box-shadow: 0 0 0 1px #32373c;
|
||||
}
|
||||
.wp-core-ui .button-primary {
|
||||
background: #c7a589;
|
||||
border-color: #c7a589;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
|
||||
background: #ccad93;
|
||||
border-color: #c29d7f;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary:focus {
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 3px #c7a589;
|
||||
}
|
||||
.wp-core-ui .button-primary:active {
|
||||
background: #bf9878;
|
||||
border-color: #bf9878;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
|
||||
background: #c7a589;
|
||||
color: #fff;
|
||||
border-color: #ae7d55;
|
||||
box-shadow: inset 0 2px 5px -3px #37271a;
|
||||
}
|
||||
.wp-core-ui .button-group > .button.active {
|
||||
border-color: #c7a589;
|
||||
}
|
||||
.wp-core-ui .wp-ui-primary {
|
||||
color: #fff;
|
||||
background-color: #59524c;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-primary {
|
||||
color: #59524c;
|
||||
}
|
||||
.wp-core-ui .wp-ui-highlight {
|
||||
color: #fff;
|
||||
background-color: #c7a589;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-highlight {
|
||||
color: #c7a589;
|
||||
}
|
||||
.wp-core-ui .wp-ui-notification {
|
||||
color: #fff;
|
||||
background-color: #9ea476;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-notification {
|
||||
color: #9ea476;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-icon {
|
||||
color: hsl(27.6923076923deg, 7%, 95%);
|
||||
}
|
||||
|
||||
/* List tables */
|
||||
.wrap .page-title-action:hover {
|
||||
color: #fff;
|
||||
background-color: #59524c;
|
||||
}
|
||||
|
||||
.view-switch a.current:before {
|
||||
color: #59524c;
|
||||
}
|
||||
|
||||
.view-switch a:hover:before {
|
||||
color: #9ea476;
|
||||
}
|
||||
|
||||
/* Admin Menu */
|
||||
#adminmenuback,
|
||||
#adminmenuwrap,
|
||||
#adminmenu {
|
||||
background: #59524c;
|
||||
}
|
||||
|
||||
#adminmenu a {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#adminmenu div.wp-menu-image:before {
|
||||
color: hsl(27.6923076923deg, 7%, 95%);
|
||||
}
|
||||
|
||||
#adminmenu a:hover,
|
||||
#adminmenu li.menu-top:hover,
|
||||
#adminmenu li.opensub > a.menu-top,
|
||||
#adminmenu li > a.menu-top:focus {
|
||||
color: #fff;
|
||||
background-color: #c7a589;
|
||||
}
|
||||
|
||||
#adminmenu li.menu-top:hover div.wp-menu-image:before,
|
||||
#adminmenu li.opensub > a.menu-top div.wp-menu-image:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Active tabs use a bottom border color that matches the page background color. */
|
||||
.about-wrap .nav-tab-active,
|
||||
.nav-tab-active,
|
||||
.nav-tab-active:hover {
|
||||
background-color: #f1f1f1;
|
||||
border-bottom-color: #f1f1f1;
|
||||
}
|
||||
|
||||
/* Admin Menu: submenu */
|
||||
#adminmenu .wp-submenu,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
|
||||
background: #46403c;
|
||||
}
|
||||
|
||||
#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
|
||||
#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
|
||||
border-right-color: #46403c;
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu .wp-submenu-head {
|
||||
color: #cdcbc9;
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu a,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
|
||||
color: #cdcbc9;
|
||||
}
|
||||
#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a:focus,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a:hover,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
|
||||
color: #c7a589;
|
||||
}
|
||||
|
||||
/* Admin Menu: current */
|
||||
#adminmenu .wp-submenu li.current a,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
|
||||
color: #fff;
|
||||
}
|
||||
#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
|
||||
color: #c7a589;
|
||||
}
|
||||
|
||||
ul#adminmenu a.wp-has-current-submenu:after,
|
||||
ul#adminmenu > li.current > a.current:after {
|
||||
border-right-color: #f1f1f1;
|
||||
}
|
||||
|
||||
#adminmenu li.current a.menu-top,
|
||||
#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
|
||||
#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,
|
||||
.folded #adminmenu li.current.menu-top {
|
||||
color: #fff;
|
||||
background: #c7a589;
|
||||
}
|
||||
|
||||
#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
|
||||
#adminmenu a.current:hover div.wp-menu-image:before,
|
||||
#adminmenu li.current div.wp-menu-image:before,
|
||||
#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
|
||||
#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
|
||||
#adminmenu li:hover div.wp-menu-image:before,
|
||||
#adminmenu li a:focus div.wp-menu-image:before,
|
||||
#adminmenu li.opensub div.wp-menu-image:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Admin Menu: bubble */
|
||||
#adminmenu .awaiting-mod,
|
||||
#adminmenu .update-plugins {
|
||||
color: #fff;
|
||||
background: #9ea476;
|
||||
}
|
||||
|
||||
#adminmenu li.current a .awaiting-mod,
|
||||
#adminmenu li a.wp-has-current-submenu .update-plugins,
|
||||
#adminmenu li:hover a .awaiting-mod,
|
||||
#adminmenu li.menu-top:hover > a .update-plugins {
|
||||
color: #fff;
|
||||
background: #46403c;
|
||||
}
|
||||
|
||||
/* Admin Menu: collapse button */
|
||||
#collapse-button {
|
||||
color: hsl(27.6923076923deg, 7%, 95%);
|
||||
}
|
||||
|
||||
#collapse-button:hover,
|
||||
#collapse-button:focus {
|
||||
color: #c7a589;
|
||||
}
|
||||
|
||||
/* Admin Bar */
|
||||
#wpadminbar {
|
||||
color: #fff;
|
||||
background: #59524c;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-item,
|
||||
#wpadminbar a.ab-item,
|
||||
#wpadminbar > #wp-toolbar span.ab-label,
|
||||
#wpadminbar > #wp-toolbar span.noticon {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-icon,
|
||||
#wpadminbar .ab-icon:before,
|
||||
#wpadminbar .ab-item:before,
|
||||
#wpadminbar .ab-item:after {
|
||||
color: hsl(27.6923076923deg, 7%, 95%);
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
|
||||
#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
|
||||
#wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
|
||||
#wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
|
||||
color: #c7a589;
|
||||
background: #46403c;
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar li.hover span.ab-label,
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label {
|
||||
color: #c7a589;
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) li:hover .ab-icon:before,
|
||||
#wpadminbar:not(.mobile) li:hover .ab-item:before,
|
||||
#wpadminbar:not(.mobile) li:hover .ab-item:after,
|
||||
#wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
|
||||
color: #c7a589;
|
||||
}
|
||||
|
||||
/* Admin Bar: submenu */
|
||||
#wpadminbar .menupop .ab-sub-wrapper {
|
||||
background: #46403c;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
|
||||
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
|
||||
background: #656463;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-submenu .ab-item,
|
||||
#wpadminbar .quicklinks .menupop ul li a,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a {
|
||||
color: #cdcbc9;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks li .blavatar,
|
||||
#wpadminbar .menupop .menupop > .ab-item:before {
|
||||
color: hsl(27.6923076923deg, 7%, 95%);
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks .menupop ul li a:hover,
|
||||
#wpadminbar .quicklinks .menupop ul li a:focus,
|
||||
#wpadminbar .quicklinks .menupop ul li a:hover strong,
|
||||
#wpadminbar .quicklinks .menupop ul li a:focus strong,
|
||||
#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a:hover,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a:focus,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
|
||||
#wpadminbar li:hover .ab-icon:before,
|
||||
#wpadminbar li:hover .ab-item:before,
|
||||
#wpadminbar li a:focus .ab-icon:before,
|
||||
#wpadminbar li .ab-item:focus:before,
|
||||
#wpadminbar li .ab-item:focus .ab-icon:before,
|
||||
#wpadminbar li.hover .ab-icon:before,
|
||||
#wpadminbar li.hover .ab-item:before,
|
||||
#wpadminbar li:hover #adminbarsearch:before,
|
||||
#wpadminbar li #adminbarsearch.adminbar-focused:before {
|
||||
color: #c7a589;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks li a:hover .blavatar,
|
||||
#wpadminbar .quicklinks li a:focus .blavatar,
|
||||
#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar,
|
||||
#wpadminbar .menupop .menupop > .ab-item:hover:before,
|
||||
#wpadminbar.mobile .quicklinks .ab-icon:before,
|
||||
#wpadminbar.mobile .quicklinks .ab-item:before {
|
||||
color: #c7a589;
|
||||
}
|
||||
|
||||
#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
|
||||
#wpadminbar.mobile .quicklinks .hover .ab-item:before {
|
||||
color: hsl(27.6923076923deg, 7%, 95%);
|
||||
}
|
||||
|
||||
/* Admin Bar: search */
|
||||
#wpadminbar #adminbarsearch:before {
|
||||
color: hsl(27.6923076923deg, 7%, 95%);
|
||||
}
|
||||
|
||||
#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
|
||||
color: #fff;
|
||||
background: #6c645c;
|
||||
}
|
||||
|
||||
/* Admin Bar: recovery mode */
|
||||
#wpadminbar #wp-admin-bar-recovery-mode {
|
||||
color: #fff;
|
||||
background-color: #9ea476;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-recovery-mode .ab-item,
|
||||
#wpadminbar #wp-admin-bar-recovery-mode a.ab-item {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-top-menu > #wp-admin-bar-recovery-mode.hover > .ab-item,
|
||||
#wpadminbar.nojq .quicklinks .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
|
||||
color: #fff;
|
||||
background-color: #8e946a;
|
||||
}
|
||||
|
||||
/* Admin Bar: my account */
|
||||
#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
|
||||
border-color: #6c645c;
|
||||
background-color: #6c645c;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info .display-name {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info a:hover .display-name {
|
||||
color: #c7a589;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info .username {
|
||||
color: #cdcbc9;
|
||||
}
|
||||
|
||||
/* Pointers */
|
||||
.wp-pointer .wp-pointer-content h3 {
|
||||
background-color: #c7a589;
|
||||
border-color: #bf9878;
|
||||
}
|
||||
|
||||
.wp-pointer .wp-pointer-content h3:before {
|
||||
color: #c7a589;
|
||||
}
|
||||
|
||||
.wp-pointer.wp-pointer-top .wp-pointer-arrow,
|
||||
.wp-pointer.wp-pointer-top .wp-pointer-arrow-inner,
|
||||
.wp-pointer.wp-pointer-undefined .wp-pointer-arrow,
|
||||
.wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner {
|
||||
border-bottom-color: #c7a589;
|
||||
}
|
||||
|
||||
/* Media */
|
||||
.media-item .bar,
|
||||
.media-progress-bar div {
|
||||
background-color: #c7a589;
|
||||
}
|
||||
|
||||
.details.attachment {
|
||||
box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #c7a589;
|
||||
}
|
||||
|
||||
.attachment.details .check {
|
||||
background-color: #c7a589;
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 2px #c7a589;
|
||||
}
|
||||
|
||||
.media-selection .attachment.selection.details .thumbnail {
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 3px #c7a589;
|
||||
}
|
||||
|
||||
/* Themes */
|
||||
.theme-browser .theme.active .theme-name,
|
||||
.theme-browser .theme.add-new-theme a:hover:after,
|
||||
.theme-browser .theme.add-new-theme a:focus:after {
|
||||
background: #c7a589;
|
||||
}
|
||||
|
||||
.theme-browser .theme.add-new-theme a:hover span:after,
|
||||
.theme-browser .theme.add-new-theme a:focus span:after {
|
||||
color: #c7a589;
|
||||
}
|
||||
|
||||
.theme-section.current,
|
||||
.theme-filter.current {
|
||||
border-bottom-color: #59524c;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters {
|
||||
color: #fff;
|
||||
background-color: #59524c;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:hover,
|
||||
body.more-filters-opened .more-filters:focus {
|
||||
background-color: #c7a589;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:hover:before,
|
||||
body.more-filters-opened .more-filters:focus:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Widgets */
|
||||
.widgets-chooser li.widgets-chooser-selected {
|
||||
background-color: #c7a589;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.widgets-chooser li.widgets-chooser-selected:before,
|
||||
.widgets-chooser li.widgets-chooser-selected:focus:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Nav Menus */
|
||||
.nav-menus-php .item-edit:focus:before {
|
||||
box-shadow: 0 0 0 1px #d7bfac, 0 0 2px 1px #c7a589;
|
||||
}
|
||||
|
||||
/* Responsive Component */
|
||||
div#wp-responsive-toggle a:before {
|
||||
color: hsl(27.6923076923deg, 7%, 95%);
|
||||
}
|
||||
|
||||
.wp-responsive-open div#wp-responsive-toggle a {
|
||||
border-color: transparent;
|
||||
background: #c7a589;
|
||||
}
|
||||
|
||||
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
|
||||
background: #46403c;
|
||||
}
|
||||
|
||||
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
|
||||
color: hsl(27.6923076923deg, 7%, 95%);
|
||||
}
|
||||
|
||||
/* TinyMCE */
|
||||
.mce-container.mce-menu .mce-menu-item:hover,
|
||||
.mce-container.mce-menu .mce-menu-item.mce-selected,
|
||||
.mce-container.mce-menu .mce-menu-item:focus,
|
||||
.mce-container.mce-menu .mce-menu-item-normal.mce-active,
|
||||
.mce-container.mce-menu .mce-menu-item-preview.mce-active {
|
||||
background: #c7a589;
|
||||
}
|
||||
|
||||
/* Customizer */
|
||||
.wp-core-ui #customize-controls .control-section:hover > .accordion-section-title,
|
||||
.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,
|
||||
.wp-core-ui #customize-controls .control-section.open .accordion-section-title,
|
||||
.wp-core-ui #customize-controls .control-section .accordion-section-title:focus {
|
||||
color: #0073aa;
|
||||
border-left-color: #c7a589;
|
||||
}
|
||||
.wp-core-ui .customize-controls-close:focus,
|
||||
.wp-core-ui .customize-controls-close:hover,
|
||||
.wp-core-ui .customize-controls-preview-toggle:focus,
|
||||
.wp-core-ui .customize-controls-preview-toggle:hover {
|
||||
color: #0073aa;
|
||||
border-top-color: #c7a589;
|
||||
}
|
||||
.wp-core-ui .customize-panel-back:hover,
|
||||
.wp-core-ui .customize-panel-back:focus,
|
||||
.wp-core-ui .customize-section-back:hover,
|
||||
.wp-core-ui .customize-section-back:focus {
|
||||
color: #0073aa;
|
||||
border-left-color: #c7a589;
|
||||
}
|
||||
.wp-core-ui .customize-screen-options-toggle:hover,
|
||||
.wp-core-ui .customize-screen-options-toggle:active,
|
||||
.wp-core-ui .customize-screen-options-toggle:focus,
|
||||
.wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .customize-screen-options-toggle:focus:before,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before, .wp-core-ui.wp-customizer button:focus .toggle-indicator:before,
|
||||
.wp-core-ui .menu-item-bar .item-delete:focus:before,
|
||||
.wp-core-ui #available-menu-items .item-add:focus:before,
|
||||
.wp-core-ui #customize-save-button-wrapper .save:focus,
|
||||
.wp-core-ui #publish-settings:focus {
|
||||
box-shadow: 0 0 0 1px #d7bfac, 0 0 2px 1px #c7a589;
|
||||
}
|
||||
.wp-core-ui #customize-controls .customize-info.open .customize-help-toggle,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title:focus,
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title:hover {
|
||||
border-left-color: #c7a589;
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after {
|
||||
background: #c7a589;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title.selected {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui #customize-theme-controls .control-section:hover > .accordion-section-title:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus {
|
||||
background-color: #fbfbfc;
|
||||
border-color: #c7a589;
|
||||
border-style: solid;
|
||||
box-shadow: 0 0 0 1px #c7a589;
|
||||
outline: 2px solid transparent;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:focus,
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button.active:hover {
|
||||
border-bottom-color: #c7a589;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:hover:before,
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:focus:before {
|
||||
color: #c7a589;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
|
||||
color: #c7a589;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
|
||||
box-shadow: 0 0 0 1px #d7bfac, 0 0 2px 1px #c7a589;
|
||||
}
|
||||
.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
|
||||
border-bottom-color: #c7a589;
|
||||
color: #0073aa;
|
||||
}
|
||||
|
||||
/* Welcome Panel */
|
||||
.welcome-panel {
|
||||
background-color: #c7a589;
|
||||
}
|
||||
|
||||
[class*=welcome-panel-icon] {
|
||||
background-color: #59524c;
|
||||
}
|
File diff suppressed because one or more lines are too long
|
@ -0,0 +1,9 @@
|
|||
$scheme-name: "coffee";
|
||||
$base-color: #59524c;
|
||||
$highlight-color: #c7a589;
|
||||
$notification-color: #9ea476;
|
||||
$low-contrast-theme: "true";
|
||||
|
||||
$form-checked: $base-color;
|
||||
|
||||
@import "../_admin.scss";
|
|
@ -0,0 +1,714 @@
|
|||
/*! This file is auto-generated */
|
||||
/*
|
||||
* Button mixin- creates a button effect with correct
|
||||
* highlights/shadows, based on a base color.
|
||||
*/
|
||||
body {
|
||||
background: #f1f1f1;
|
||||
}
|
||||
|
||||
/* Links */
|
||||
a {
|
||||
color: #0073aa;
|
||||
}
|
||||
a:hover, a:active, a:focus {
|
||||
color: #0096dd;
|
||||
}
|
||||
|
||||
#post-body .misc-pub-post-status:before,
|
||||
#post-body #visibility:before,
|
||||
.curtime #timestamp:before,
|
||||
#post-body .misc-pub-revisions:before,
|
||||
span.wp-media-buttons-icon:before {
|
||||
color: currentColor;
|
||||
}
|
||||
|
||||
.wp-core-ui .button-link {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .button-link:hover, .wp-core-ui .button-link:active, .wp-core-ui .button-link:focus {
|
||||
color: #0096dd;
|
||||
}
|
||||
|
||||
.media-modal .delete-attachment,
|
||||
.media-modal .trash-attachment,
|
||||
.media-modal .untrash-attachment,
|
||||
.wp-core-ui .button-link-delete {
|
||||
color: #a00;
|
||||
}
|
||||
|
||||
.media-modal .delete-attachment:hover,
|
||||
.media-modal .trash-attachment:hover,
|
||||
.media-modal .untrash-attachment:hover,
|
||||
.media-modal .delete-attachment:focus,
|
||||
.media-modal .trash-attachment:focus,
|
||||
.media-modal .untrash-attachment:focus,
|
||||
.wp-core-ui .button-link-delete:hover,
|
||||
.wp-core-ui .button-link-delete:focus {
|
||||
color: #dc3232;
|
||||
}
|
||||
|
||||
/* Forms */
|
||||
input[type=checkbox]:checked::before {
|
||||
content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%23523f6d%27%2F%3E%3C%2Fsvg%3E");
|
||||
}
|
||||
|
||||
input[type=radio]:checked::before {
|
||||
background: #523f6d;
|
||||
}
|
||||
|
||||
.wp-core-ui input[type=reset]:hover,
|
||||
.wp-core-ui input[type=reset]:active {
|
||||
color: #0096dd;
|
||||
}
|
||||
|
||||
input[type=text]:focus,
|
||||
input[type=password]:focus,
|
||||
input[type=color]:focus,
|
||||
input[type=date]:focus,
|
||||
input[type=datetime]:focus,
|
||||
input[type=datetime-local]:focus,
|
||||
input[type=email]:focus,
|
||||
input[type=month]:focus,
|
||||
input[type=number]:focus,
|
||||
input[type=search]:focus,
|
||||
input[type=tel]:focus,
|
||||
input[type=text]:focus,
|
||||
input[type=time]:focus,
|
||||
input[type=url]:focus,
|
||||
input[type=week]:focus,
|
||||
input[type=checkbox]:focus,
|
||||
input[type=radio]:focus,
|
||||
select:focus,
|
||||
textarea:focus {
|
||||
border-color: #a3b745;
|
||||
box-shadow: 0 0 0 1px #a3b745;
|
||||
}
|
||||
|
||||
/* Core UI */
|
||||
.wp-core-ui .button {
|
||||
border-color: #7e8993;
|
||||
color: #32373c;
|
||||
}
|
||||
.wp-core-ui .button.hover,
|
||||
.wp-core-ui .button:hover,
|
||||
.wp-core-ui .button.focus,
|
||||
.wp-core-ui .button:focus {
|
||||
border-color: #717c87;
|
||||
color: #262a2e;
|
||||
}
|
||||
.wp-core-ui .button.focus,
|
||||
.wp-core-ui .button:focus {
|
||||
border-color: #7e8993;
|
||||
color: #262a2e;
|
||||
box-shadow: 0 0 0 1px #32373c;
|
||||
}
|
||||
.wp-core-ui .button:active {
|
||||
border-color: #7e8993;
|
||||
color: #262a2e;
|
||||
box-shadow: none;
|
||||
}
|
||||
.wp-core-ui .button.active,
|
||||
.wp-core-ui .button.active:focus,
|
||||
.wp-core-ui .button.active:hover {
|
||||
border-color: #a3b745;
|
||||
color: #262a2e;
|
||||
box-shadow: inset 0 2px 5px -3px #a3b745;
|
||||
}
|
||||
.wp-core-ui .button.active:focus {
|
||||
box-shadow: 0 0 0 1px #32373c;
|
||||
}
|
||||
.wp-core-ui .button,
|
||||
.wp-core-ui .button-secondary {
|
||||
color: #a3b745;
|
||||
border-color: #a3b745;
|
||||
}
|
||||
.wp-core-ui .button.hover,
|
||||
.wp-core-ui .button:hover,
|
||||
.wp-core-ui .button-secondary:hover {
|
||||
border-color: #829237;
|
||||
color: #829237;
|
||||
}
|
||||
.wp-core-ui .button.focus,
|
||||
.wp-core-ui .button:focus,
|
||||
.wp-core-ui .button-secondary:focus {
|
||||
border-color: #b6c669;
|
||||
color: #616d29;
|
||||
box-shadow: 0 0 0 1px #b6c669;
|
||||
}
|
||||
.wp-core-ui .button-primary:hover {
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary {
|
||||
background: #a3b745;
|
||||
border-color: #a3b745;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
|
||||
background: #a9bd4f;
|
||||
border-color: #99ac41;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary:focus {
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 3px #a3b745;
|
||||
}
|
||||
.wp-core-ui .button-primary:active {
|
||||
background: #93a43e;
|
||||
border-color: #93a43e;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
|
||||
background: #a3b745;
|
||||
color: #fff;
|
||||
border-color: #727f30;
|
||||
box-shadow: inset 0 2px 5px -3px black;
|
||||
}
|
||||
.wp-core-ui .button-group > .button.active {
|
||||
border-color: #a3b745;
|
||||
}
|
||||
.wp-core-ui .wp-ui-primary {
|
||||
color: #fff;
|
||||
background-color: #523f6d;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-primary {
|
||||
color: #523f6d;
|
||||
}
|
||||
.wp-core-ui .wp-ui-highlight {
|
||||
color: #fff;
|
||||
background-color: #a3b745;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-highlight {
|
||||
color: #a3b745;
|
||||
}
|
||||
.wp-core-ui .wp-ui-notification {
|
||||
color: #fff;
|
||||
background-color: #d46f15;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-notification {
|
||||
color: #d46f15;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-icon {
|
||||
color: #ece6f6;
|
||||
}
|
||||
|
||||
/* List tables */
|
||||
.wrap .page-title-action,
|
||||
.wrap .page-title-action:active {
|
||||
border: 1px solid #a3b745;
|
||||
color: #a3b745;
|
||||
}
|
||||
|
||||
.wrap .page-title-action:hover {
|
||||
color: #829237;
|
||||
border-color: #829237;
|
||||
}
|
||||
|
||||
.wrap .page-title-action:focus {
|
||||
border-color: #b6c669;
|
||||
color: #616d29;
|
||||
box-shadow: 0 0 0 1px #b6c669;
|
||||
}
|
||||
|
||||
.view-switch a.current:before {
|
||||
color: #523f6d;
|
||||
}
|
||||
|
||||
.view-switch a:hover:before {
|
||||
color: #d46f15;
|
||||
}
|
||||
|
||||
/* Admin Menu */
|
||||
#adminmenuback,
|
||||
#adminmenuwrap,
|
||||
#adminmenu {
|
||||
background: #523f6d;
|
||||
}
|
||||
|
||||
#adminmenu a {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#adminmenu div.wp-menu-image:before {
|
||||
color: #ece6f6;
|
||||
}
|
||||
|
||||
#adminmenu a:hover,
|
||||
#adminmenu li.menu-top:hover,
|
||||
#adminmenu li.opensub > a.menu-top,
|
||||
#adminmenu li > a.menu-top:focus {
|
||||
color: #fff;
|
||||
background-color: #a3b745;
|
||||
}
|
||||
|
||||
#adminmenu li.menu-top:hover div.wp-menu-image:before,
|
||||
#adminmenu li.opensub > a.menu-top div.wp-menu-image:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Active tabs use a bottom border color that matches the page background color. */
|
||||
.about-wrap .nav-tab-active,
|
||||
.nav-tab-active,
|
||||
.nav-tab-active:hover {
|
||||
background-color: #f1f1f1;
|
||||
border-bottom-color: #f1f1f1;
|
||||
}
|
||||
|
||||
/* Admin Menu: submenu */
|
||||
#adminmenu .wp-submenu,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
|
||||
background: #413256;
|
||||
}
|
||||
|
||||
#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
|
||||
#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
|
||||
border-left-color: #413256;
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu .wp-submenu-head {
|
||||
color: #cbc5d3;
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu a,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
|
||||
color: #cbc5d3;
|
||||
}
|
||||
#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a:focus,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a:hover,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
|
||||
color: #a3b745;
|
||||
}
|
||||
|
||||
/* Admin Menu: current */
|
||||
#adminmenu .wp-submenu li.current a,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
|
||||
color: #fff;
|
||||
}
|
||||
#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
|
||||
color: #a3b745;
|
||||
}
|
||||
|
||||
ul#adminmenu a.wp-has-current-submenu:after,
|
||||
ul#adminmenu > li.current > a.current:after {
|
||||
border-left-color: #f1f1f1;
|
||||
}
|
||||
|
||||
#adminmenu li.current a.menu-top,
|
||||
#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
|
||||
#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,
|
||||
.folded #adminmenu li.current.menu-top {
|
||||
color: #fff;
|
||||
background: #a3b745;
|
||||
}
|
||||
|
||||
#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
|
||||
#adminmenu a.current:hover div.wp-menu-image:before,
|
||||
#adminmenu li.current div.wp-menu-image:before,
|
||||
#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
|
||||
#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
|
||||
#adminmenu li:hover div.wp-menu-image:before,
|
||||
#adminmenu li a:focus div.wp-menu-image:before,
|
||||
#adminmenu li.opensub div.wp-menu-image:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Admin Menu: bubble */
|
||||
#adminmenu .awaiting-mod,
|
||||
#adminmenu .update-plugins {
|
||||
color: #fff;
|
||||
background: #d46f15;
|
||||
}
|
||||
|
||||
#adminmenu li.current a .awaiting-mod,
|
||||
#adminmenu li a.wp-has-current-submenu .update-plugins,
|
||||
#adminmenu li:hover a .awaiting-mod,
|
||||
#adminmenu li.menu-top:hover > a .update-plugins {
|
||||
color: #fff;
|
||||
background: #413256;
|
||||
}
|
||||
|
||||
/* Admin Menu: collapse button */
|
||||
#collapse-button {
|
||||
color: #ece6f6;
|
||||
}
|
||||
|
||||
#collapse-button:hover,
|
||||
#collapse-button:focus {
|
||||
color: #a3b745;
|
||||
}
|
||||
|
||||
/* Admin Bar */
|
||||
#wpadminbar {
|
||||
color: #fff;
|
||||
background: #523f6d;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-item,
|
||||
#wpadminbar a.ab-item,
|
||||
#wpadminbar > #wp-toolbar span.ab-label,
|
||||
#wpadminbar > #wp-toolbar span.noticon {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-icon,
|
||||
#wpadminbar .ab-icon:before,
|
||||
#wpadminbar .ab-item:before,
|
||||
#wpadminbar .ab-item:after {
|
||||
color: #ece6f6;
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
|
||||
#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
|
||||
#wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
|
||||
#wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
|
||||
color: #a3b745;
|
||||
background: #413256;
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar li.hover span.ab-label,
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label {
|
||||
color: #a3b745;
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) li:hover .ab-icon:before,
|
||||
#wpadminbar:not(.mobile) li:hover .ab-item:before,
|
||||
#wpadminbar:not(.mobile) li:hover .ab-item:after,
|
||||
#wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
|
||||
color: #a3b745;
|
||||
}
|
||||
|
||||
/* Admin Bar: submenu */
|
||||
#wpadminbar .menupop .ab-sub-wrapper {
|
||||
background: #413256;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
|
||||
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
|
||||
background: #64537c;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-submenu .ab-item,
|
||||
#wpadminbar .quicklinks .menupop ul li a,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a {
|
||||
color: #cbc5d3;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks li .blavatar,
|
||||
#wpadminbar .menupop .menupop > .ab-item:before {
|
||||
color: #ece6f6;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks .menupop ul li a:hover,
|
||||
#wpadminbar .quicklinks .menupop ul li a:focus,
|
||||
#wpadminbar .quicklinks .menupop ul li a:hover strong,
|
||||
#wpadminbar .quicklinks .menupop ul li a:focus strong,
|
||||
#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a:hover,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a:focus,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
|
||||
#wpadminbar li:hover .ab-icon:before,
|
||||
#wpadminbar li:hover .ab-item:before,
|
||||
#wpadminbar li a:focus .ab-icon:before,
|
||||
#wpadminbar li .ab-item:focus:before,
|
||||
#wpadminbar li .ab-item:focus .ab-icon:before,
|
||||
#wpadminbar li.hover .ab-icon:before,
|
||||
#wpadminbar li.hover .ab-item:before,
|
||||
#wpadminbar li:hover #adminbarsearch:before,
|
||||
#wpadminbar li #adminbarsearch.adminbar-focused:before {
|
||||
color: #a3b745;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks li a:hover .blavatar,
|
||||
#wpadminbar .quicklinks li a:focus .blavatar,
|
||||
#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar,
|
||||
#wpadminbar .menupop .menupop > .ab-item:hover:before,
|
||||
#wpadminbar.mobile .quicklinks .ab-icon:before,
|
||||
#wpadminbar.mobile .quicklinks .ab-item:before {
|
||||
color: #a3b745;
|
||||
}
|
||||
|
||||
#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
|
||||
#wpadminbar.mobile .quicklinks .hover .ab-item:before {
|
||||
color: #ece6f6;
|
||||
}
|
||||
|
||||
/* Admin Bar: search */
|
||||
#wpadminbar #adminbarsearch:before {
|
||||
color: #ece6f6;
|
||||
}
|
||||
|
||||
#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
|
||||
color: #fff;
|
||||
background: #634c84;
|
||||
}
|
||||
|
||||
/* Admin Bar: recovery mode */
|
||||
#wpadminbar #wp-admin-bar-recovery-mode {
|
||||
color: #fff;
|
||||
background-color: #d46f15;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-recovery-mode .ab-item,
|
||||
#wpadminbar #wp-admin-bar-recovery-mode a.ab-item {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-top-menu > #wp-admin-bar-recovery-mode.hover > .ab-item,
|
||||
#wpadminbar.nojq .quicklinks .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
|
||||
color: #fff;
|
||||
background-color: #bf6413;
|
||||
}
|
||||
|
||||
/* Admin Bar: my account */
|
||||
#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
|
||||
border-color: #634c84;
|
||||
background-color: #634c84;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info .display-name {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info a:hover .display-name {
|
||||
color: #a3b745;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info .username {
|
||||
color: #cbc5d3;
|
||||
}
|
||||
|
||||
/* Pointers */
|
||||
.wp-pointer .wp-pointer-content h3 {
|
||||
background-color: #a3b745;
|
||||
border-color: #93a43e;
|
||||
}
|
||||
|
||||
.wp-pointer .wp-pointer-content h3:before {
|
||||
color: #a3b745;
|
||||
}
|
||||
|
||||
.wp-pointer.wp-pointer-top .wp-pointer-arrow,
|
||||
.wp-pointer.wp-pointer-top .wp-pointer-arrow-inner,
|
||||
.wp-pointer.wp-pointer-undefined .wp-pointer-arrow,
|
||||
.wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner {
|
||||
border-bottom-color: #a3b745;
|
||||
}
|
||||
|
||||
/* Media */
|
||||
.media-item .bar,
|
||||
.media-progress-bar div {
|
||||
background-color: #a3b745;
|
||||
}
|
||||
|
||||
.details.attachment {
|
||||
box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #a3b745;
|
||||
}
|
||||
|
||||
.attachment.details .check {
|
||||
background-color: #a3b745;
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 2px #a3b745;
|
||||
}
|
||||
|
||||
.media-selection .attachment.selection.details .thumbnail {
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 3px #a3b745;
|
||||
}
|
||||
|
||||
/* Themes */
|
||||
.theme-browser .theme.active .theme-name,
|
||||
.theme-browser .theme.add-new-theme a:hover:after,
|
||||
.theme-browser .theme.add-new-theme a:focus:after {
|
||||
background: #a3b745;
|
||||
}
|
||||
|
||||
.theme-browser .theme.add-new-theme a:hover span:after,
|
||||
.theme-browser .theme.add-new-theme a:focus span:after {
|
||||
color: #a3b745;
|
||||
}
|
||||
|
||||
.theme-section.current,
|
||||
.theme-filter.current {
|
||||
border-bottom-color: #523f6d;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters {
|
||||
color: #fff;
|
||||
background-color: #523f6d;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:hover,
|
||||
body.more-filters-opened .more-filters:focus {
|
||||
background-color: #a3b745;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:hover:before,
|
||||
body.more-filters-opened .more-filters:focus:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Widgets */
|
||||
.widgets-chooser li.widgets-chooser-selected {
|
||||
background-color: #a3b745;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.widgets-chooser li.widgets-chooser-selected:before,
|
||||
.widgets-chooser li.widgets-chooser-selected:focus:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Nav Menus */
|
||||
.nav-menus-php .item-edit:focus:before {
|
||||
box-shadow: 0 0 0 1px #b6c669, 0 0 2px 1px #a3b745;
|
||||
}
|
||||
|
||||
/* Responsive Component */
|
||||
div#wp-responsive-toggle a:before {
|
||||
color: #ece6f6;
|
||||
}
|
||||
|
||||
.wp-responsive-open div#wp-responsive-toggle a {
|
||||
border-color: transparent;
|
||||
background: #a3b745;
|
||||
}
|
||||
|
||||
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
|
||||
background: #413256;
|
||||
}
|
||||
|
||||
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
|
||||
color: #ece6f6;
|
||||
}
|
||||
|
||||
/* TinyMCE */
|
||||
.mce-container.mce-menu .mce-menu-item:hover,
|
||||
.mce-container.mce-menu .mce-menu-item.mce-selected,
|
||||
.mce-container.mce-menu .mce-menu-item:focus,
|
||||
.mce-container.mce-menu .mce-menu-item-normal.mce-active,
|
||||
.mce-container.mce-menu .mce-menu-item-preview.mce-active {
|
||||
background: #a3b745;
|
||||
}
|
||||
|
||||
/* Customizer */
|
||||
.wp-core-ui #customize-controls .control-section:hover > .accordion-section-title,
|
||||
.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,
|
||||
.wp-core-ui #customize-controls .control-section.open .accordion-section-title,
|
||||
.wp-core-ui #customize-controls .control-section .accordion-section-title:focus {
|
||||
color: #0073aa;
|
||||
border-right-color: #a3b745;
|
||||
}
|
||||
.wp-core-ui .customize-controls-close:focus,
|
||||
.wp-core-ui .customize-controls-close:hover,
|
||||
.wp-core-ui .customize-controls-preview-toggle:focus,
|
||||
.wp-core-ui .customize-controls-preview-toggle:hover {
|
||||
color: #0073aa;
|
||||
border-top-color: #a3b745;
|
||||
}
|
||||
.wp-core-ui .customize-panel-back:hover,
|
||||
.wp-core-ui .customize-panel-back:focus,
|
||||
.wp-core-ui .customize-section-back:hover,
|
||||
.wp-core-ui .customize-section-back:focus {
|
||||
color: #0073aa;
|
||||
border-right-color: #a3b745;
|
||||
}
|
||||
.wp-core-ui .customize-screen-options-toggle:hover,
|
||||
.wp-core-ui .customize-screen-options-toggle:active,
|
||||
.wp-core-ui .customize-screen-options-toggle:focus,
|
||||
.wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .customize-screen-options-toggle:focus:before,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before, .wp-core-ui.wp-customizer button:focus .toggle-indicator:before,
|
||||
.wp-core-ui .menu-item-bar .item-delete:focus:before,
|
||||
.wp-core-ui #available-menu-items .item-add:focus:before,
|
||||
.wp-core-ui #customize-save-button-wrapper .save:focus,
|
||||
.wp-core-ui #publish-settings:focus {
|
||||
box-shadow: 0 0 0 1px #b6c669, 0 0 2px 1px #a3b745;
|
||||
}
|
||||
.wp-core-ui #customize-controls .customize-info.open .customize-help-toggle,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title:focus,
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title:hover {
|
||||
border-right-color: #a3b745;
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after {
|
||||
background: #a3b745;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title.selected {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui #customize-theme-controls .control-section:hover > .accordion-section-title:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus {
|
||||
background-color: #fbfbfc;
|
||||
border-color: #a3b745;
|
||||
border-style: solid;
|
||||
box-shadow: 0 0 0 1px #a3b745;
|
||||
outline: 2px solid transparent;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:focus,
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button.active:hover {
|
||||
border-bottom-color: #a3b745;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:hover:before,
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:focus:before {
|
||||
color: #a3b745;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
|
||||
color: #a3b745;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
|
||||
box-shadow: 0 0 0 1px #b6c669, 0 0 2px 1px #a3b745;
|
||||
}
|
||||
.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
|
||||
border-bottom-color: #a3b745;
|
||||
color: #0073aa;
|
||||
}
|
||||
|
||||
/* Welcome Panel */
|
||||
.welcome-panel {
|
||||
background-color: #a3b745;
|
||||
}
|
||||
|
||||
[class*=welcome-panel-icon] {
|
||||
background-color: #523f6d;
|
||||
}
|
File diff suppressed because one or more lines are too long
|
@ -0,0 +1,714 @@
|
|||
/*! This file is auto-generated */
|
||||
/*
|
||||
* Button mixin- creates a button effect with correct
|
||||
* highlights/shadows, based on a base color.
|
||||
*/
|
||||
body {
|
||||
background: #f1f1f1;
|
||||
}
|
||||
|
||||
/* Links */
|
||||
a {
|
||||
color: #0073aa;
|
||||
}
|
||||
a:hover, a:active, a:focus {
|
||||
color: #0096dd;
|
||||
}
|
||||
|
||||
#post-body .misc-pub-post-status:before,
|
||||
#post-body #visibility:before,
|
||||
.curtime #timestamp:before,
|
||||
#post-body .misc-pub-revisions:before,
|
||||
span.wp-media-buttons-icon:before {
|
||||
color: currentColor;
|
||||
}
|
||||
|
||||
.wp-core-ui .button-link {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .button-link:hover, .wp-core-ui .button-link:active, .wp-core-ui .button-link:focus {
|
||||
color: #0096dd;
|
||||
}
|
||||
|
||||
.media-modal .delete-attachment,
|
||||
.media-modal .trash-attachment,
|
||||
.media-modal .untrash-attachment,
|
||||
.wp-core-ui .button-link-delete {
|
||||
color: #a00;
|
||||
}
|
||||
|
||||
.media-modal .delete-attachment:hover,
|
||||
.media-modal .trash-attachment:hover,
|
||||
.media-modal .untrash-attachment:hover,
|
||||
.media-modal .delete-attachment:focus,
|
||||
.media-modal .trash-attachment:focus,
|
||||
.media-modal .untrash-attachment:focus,
|
||||
.wp-core-ui .button-link-delete:hover,
|
||||
.wp-core-ui .button-link-delete:focus {
|
||||
color: #dc3232;
|
||||
}
|
||||
|
||||
/* Forms */
|
||||
input[type=checkbox]:checked::before {
|
||||
content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%23523f6d%27%2F%3E%3C%2Fsvg%3E");
|
||||
}
|
||||
|
||||
input[type=radio]:checked::before {
|
||||
background: #523f6d;
|
||||
}
|
||||
|
||||
.wp-core-ui input[type=reset]:hover,
|
||||
.wp-core-ui input[type=reset]:active {
|
||||
color: #0096dd;
|
||||
}
|
||||
|
||||
input[type=text]:focus,
|
||||
input[type=password]:focus,
|
||||
input[type=color]:focus,
|
||||
input[type=date]:focus,
|
||||
input[type=datetime]:focus,
|
||||
input[type=datetime-local]:focus,
|
||||
input[type=email]:focus,
|
||||
input[type=month]:focus,
|
||||
input[type=number]:focus,
|
||||
input[type=search]:focus,
|
||||
input[type=tel]:focus,
|
||||
input[type=text]:focus,
|
||||
input[type=time]:focus,
|
||||
input[type=url]:focus,
|
||||
input[type=week]:focus,
|
||||
input[type=checkbox]:focus,
|
||||
input[type=radio]:focus,
|
||||
select:focus,
|
||||
textarea:focus {
|
||||
border-color: #a3b745;
|
||||
box-shadow: 0 0 0 1px #a3b745;
|
||||
}
|
||||
|
||||
/* Core UI */
|
||||
.wp-core-ui .button {
|
||||
border-color: #7e8993;
|
||||
color: #32373c;
|
||||
}
|
||||
.wp-core-ui .button.hover,
|
||||
.wp-core-ui .button:hover,
|
||||
.wp-core-ui .button.focus,
|
||||
.wp-core-ui .button:focus {
|
||||
border-color: #717c87;
|
||||
color: #262a2e;
|
||||
}
|
||||
.wp-core-ui .button.focus,
|
||||
.wp-core-ui .button:focus {
|
||||
border-color: #7e8993;
|
||||
color: #262a2e;
|
||||
box-shadow: 0 0 0 1px #32373c;
|
||||
}
|
||||
.wp-core-ui .button:active {
|
||||
border-color: #7e8993;
|
||||
color: #262a2e;
|
||||
box-shadow: none;
|
||||
}
|
||||
.wp-core-ui .button.active,
|
||||
.wp-core-ui .button.active:focus,
|
||||
.wp-core-ui .button.active:hover {
|
||||
border-color: #a3b745;
|
||||
color: #262a2e;
|
||||
box-shadow: inset 0 2px 5px -3px #a3b745;
|
||||
}
|
||||
.wp-core-ui .button.active:focus {
|
||||
box-shadow: 0 0 0 1px #32373c;
|
||||
}
|
||||
.wp-core-ui .button,
|
||||
.wp-core-ui .button-secondary {
|
||||
color: #a3b745;
|
||||
border-color: #a3b745;
|
||||
}
|
||||
.wp-core-ui .button.hover,
|
||||
.wp-core-ui .button:hover,
|
||||
.wp-core-ui .button-secondary:hover {
|
||||
border-color: #829237;
|
||||
color: #829237;
|
||||
}
|
||||
.wp-core-ui .button.focus,
|
||||
.wp-core-ui .button:focus,
|
||||
.wp-core-ui .button-secondary:focus {
|
||||
border-color: #b6c669;
|
||||
color: #616d29;
|
||||
box-shadow: 0 0 0 1px #b6c669;
|
||||
}
|
||||
.wp-core-ui .button-primary:hover {
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary {
|
||||
background: #a3b745;
|
||||
border-color: #a3b745;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
|
||||
background: #a9bd4f;
|
||||
border-color: #99ac41;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary:focus {
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 3px #a3b745;
|
||||
}
|
||||
.wp-core-ui .button-primary:active {
|
||||
background: #93a43e;
|
||||
border-color: #93a43e;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
|
||||
background: #a3b745;
|
||||
color: #fff;
|
||||
border-color: #727f30;
|
||||
box-shadow: inset 0 2px 5px -3px black;
|
||||
}
|
||||
.wp-core-ui .button-group > .button.active {
|
||||
border-color: #a3b745;
|
||||
}
|
||||
.wp-core-ui .wp-ui-primary {
|
||||
color: #fff;
|
||||
background-color: #523f6d;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-primary {
|
||||
color: #523f6d;
|
||||
}
|
||||
.wp-core-ui .wp-ui-highlight {
|
||||
color: #fff;
|
||||
background-color: #a3b745;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-highlight {
|
||||
color: #a3b745;
|
||||
}
|
||||
.wp-core-ui .wp-ui-notification {
|
||||
color: #fff;
|
||||
background-color: #d46f15;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-notification {
|
||||
color: #d46f15;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-icon {
|
||||
color: #ece6f6;
|
||||
}
|
||||
|
||||
/* List tables */
|
||||
.wrap .page-title-action,
|
||||
.wrap .page-title-action:active {
|
||||
border: 1px solid #a3b745;
|
||||
color: #a3b745;
|
||||
}
|
||||
|
||||
.wrap .page-title-action:hover {
|
||||
color: #829237;
|
||||
border-color: #829237;
|
||||
}
|
||||
|
||||
.wrap .page-title-action:focus {
|
||||
border-color: #b6c669;
|
||||
color: #616d29;
|
||||
box-shadow: 0 0 0 1px #b6c669;
|
||||
}
|
||||
|
||||
.view-switch a.current:before {
|
||||
color: #523f6d;
|
||||
}
|
||||
|
||||
.view-switch a:hover:before {
|
||||
color: #d46f15;
|
||||
}
|
||||
|
||||
/* Admin Menu */
|
||||
#adminmenuback,
|
||||
#adminmenuwrap,
|
||||
#adminmenu {
|
||||
background: #523f6d;
|
||||
}
|
||||
|
||||
#adminmenu a {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#adminmenu div.wp-menu-image:before {
|
||||
color: #ece6f6;
|
||||
}
|
||||
|
||||
#adminmenu a:hover,
|
||||
#adminmenu li.menu-top:hover,
|
||||
#adminmenu li.opensub > a.menu-top,
|
||||
#adminmenu li > a.menu-top:focus {
|
||||
color: #fff;
|
||||
background-color: #a3b745;
|
||||
}
|
||||
|
||||
#adminmenu li.menu-top:hover div.wp-menu-image:before,
|
||||
#adminmenu li.opensub > a.menu-top div.wp-menu-image:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Active tabs use a bottom border color that matches the page background color. */
|
||||
.about-wrap .nav-tab-active,
|
||||
.nav-tab-active,
|
||||
.nav-tab-active:hover {
|
||||
background-color: #f1f1f1;
|
||||
border-bottom-color: #f1f1f1;
|
||||
}
|
||||
|
||||
/* Admin Menu: submenu */
|
||||
#adminmenu .wp-submenu,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
|
||||
background: #413256;
|
||||
}
|
||||
|
||||
#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
|
||||
#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
|
||||
border-right-color: #413256;
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu .wp-submenu-head {
|
||||
color: #cbc5d3;
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu a,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
|
||||
color: #cbc5d3;
|
||||
}
|
||||
#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a:focus,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a:hover,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
|
||||
color: #a3b745;
|
||||
}
|
||||
|
||||
/* Admin Menu: current */
|
||||
#adminmenu .wp-submenu li.current a,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
|
||||
color: #fff;
|
||||
}
|
||||
#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
|
||||
color: #a3b745;
|
||||
}
|
||||
|
||||
ul#adminmenu a.wp-has-current-submenu:after,
|
||||
ul#adminmenu > li.current > a.current:after {
|
||||
border-right-color: #f1f1f1;
|
||||
}
|
||||
|
||||
#adminmenu li.current a.menu-top,
|
||||
#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
|
||||
#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,
|
||||
.folded #adminmenu li.current.menu-top {
|
||||
color: #fff;
|
||||
background: #a3b745;
|
||||
}
|
||||
|
||||
#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
|
||||
#adminmenu a.current:hover div.wp-menu-image:before,
|
||||
#adminmenu li.current div.wp-menu-image:before,
|
||||
#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
|
||||
#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
|
||||
#adminmenu li:hover div.wp-menu-image:before,
|
||||
#adminmenu li a:focus div.wp-menu-image:before,
|
||||
#adminmenu li.opensub div.wp-menu-image:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Admin Menu: bubble */
|
||||
#adminmenu .awaiting-mod,
|
||||
#adminmenu .update-plugins {
|
||||
color: #fff;
|
||||
background: #d46f15;
|
||||
}
|
||||
|
||||
#adminmenu li.current a .awaiting-mod,
|
||||
#adminmenu li a.wp-has-current-submenu .update-plugins,
|
||||
#adminmenu li:hover a .awaiting-mod,
|
||||
#adminmenu li.menu-top:hover > a .update-plugins {
|
||||
color: #fff;
|
||||
background: #413256;
|
||||
}
|
||||
|
||||
/* Admin Menu: collapse button */
|
||||
#collapse-button {
|
||||
color: #ece6f6;
|
||||
}
|
||||
|
||||
#collapse-button:hover,
|
||||
#collapse-button:focus {
|
||||
color: #a3b745;
|
||||
}
|
||||
|
||||
/* Admin Bar */
|
||||
#wpadminbar {
|
||||
color: #fff;
|
||||
background: #523f6d;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-item,
|
||||
#wpadminbar a.ab-item,
|
||||
#wpadminbar > #wp-toolbar span.ab-label,
|
||||
#wpadminbar > #wp-toolbar span.noticon {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-icon,
|
||||
#wpadminbar .ab-icon:before,
|
||||
#wpadminbar .ab-item:before,
|
||||
#wpadminbar .ab-item:after {
|
||||
color: #ece6f6;
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
|
||||
#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
|
||||
#wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
|
||||
#wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
|
||||
color: #a3b745;
|
||||
background: #413256;
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar li.hover span.ab-label,
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label {
|
||||
color: #a3b745;
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) li:hover .ab-icon:before,
|
||||
#wpadminbar:not(.mobile) li:hover .ab-item:before,
|
||||
#wpadminbar:not(.mobile) li:hover .ab-item:after,
|
||||
#wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
|
||||
color: #a3b745;
|
||||
}
|
||||
|
||||
/* Admin Bar: submenu */
|
||||
#wpadminbar .menupop .ab-sub-wrapper {
|
||||
background: #413256;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
|
||||
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
|
||||
background: #64537c;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-submenu .ab-item,
|
||||
#wpadminbar .quicklinks .menupop ul li a,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a {
|
||||
color: #cbc5d3;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks li .blavatar,
|
||||
#wpadminbar .menupop .menupop > .ab-item:before {
|
||||
color: #ece6f6;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks .menupop ul li a:hover,
|
||||
#wpadminbar .quicklinks .menupop ul li a:focus,
|
||||
#wpadminbar .quicklinks .menupop ul li a:hover strong,
|
||||
#wpadminbar .quicklinks .menupop ul li a:focus strong,
|
||||
#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a:hover,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a:focus,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
|
||||
#wpadminbar li:hover .ab-icon:before,
|
||||
#wpadminbar li:hover .ab-item:before,
|
||||
#wpadminbar li a:focus .ab-icon:before,
|
||||
#wpadminbar li .ab-item:focus:before,
|
||||
#wpadminbar li .ab-item:focus .ab-icon:before,
|
||||
#wpadminbar li.hover .ab-icon:before,
|
||||
#wpadminbar li.hover .ab-item:before,
|
||||
#wpadminbar li:hover #adminbarsearch:before,
|
||||
#wpadminbar li #adminbarsearch.adminbar-focused:before {
|
||||
color: #a3b745;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks li a:hover .blavatar,
|
||||
#wpadminbar .quicklinks li a:focus .blavatar,
|
||||
#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar,
|
||||
#wpadminbar .menupop .menupop > .ab-item:hover:before,
|
||||
#wpadminbar.mobile .quicklinks .ab-icon:before,
|
||||
#wpadminbar.mobile .quicklinks .ab-item:before {
|
||||
color: #a3b745;
|
||||
}
|
||||
|
||||
#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
|
||||
#wpadminbar.mobile .quicklinks .hover .ab-item:before {
|
||||
color: #ece6f6;
|
||||
}
|
||||
|
||||
/* Admin Bar: search */
|
||||
#wpadminbar #adminbarsearch:before {
|
||||
color: #ece6f6;
|
||||
}
|
||||
|
||||
#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
|
||||
color: #fff;
|
||||
background: #634c84;
|
||||
}
|
||||
|
||||
/* Admin Bar: recovery mode */
|
||||
#wpadminbar #wp-admin-bar-recovery-mode {
|
||||
color: #fff;
|
||||
background-color: #d46f15;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-recovery-mode .ab-item,
|
||||
#wpadminbar #wp-admin-bar-recovery-mode a.ab-item {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-top-menu > #wp-admin-bar-recovery-mode.hover > .ab-item,
|
||||
#wpadminbar.nojq .quicklinks .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
|
||||
color: #fff;
|
||||
background-color: #bf6413;
|
||||
}
|
||||
|
||||
/* Admin Bar: my account */
|
||||
#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
|
||||
border-color: #634c84;
|
||||
background-color: #634c84;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info .display-name {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info a:hover .display-name {
|
||||
color: #a3b745;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info .username {
|
||||
color: #cbc5d3;
|
||||
}
|
||||
|
||||
/* Pointers */
|
||||
.wp-pointer .wp-pointer-content h3 {
|
||||
background-color: #a3b745;
|
||||
border-color: #93a43e;
|
||||
}
|
||||
|
||||
.wp-pointer .wp-pointer-content h3:before {
|
||||
color: #a3b745;
|
||||
}
|
||||
|
||||
.wp-pointer.wp-pointer-top .wp-pointer-arrow,
|
||||
.wp-pointer.wp-pointer-top .wp-pointer-arrow-inner,
|
||||
.wp-pointer.wp-pointer-undefined .wp-pointer-arrow,
|
||||
.wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner {
|
||||
border-bottom-color: #a3b745;
|
||||
}
|
||||
|
||||
/* Media */
|
||||
.media-item .bar,
|
||||
.media-progress-bar div {
|
||||
background-color: #a3b745;
|
||||
}
|
||||
|
||||
.details.attachment {
|
||||
box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #a3b745;
|
||||
}
|
||||
|
||||
.attachment.details .check {
|
||||
background-color: #a3b745;
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 2px #a3b745;
|
||||
}
|
||||
|
||||
.media-selection .attachment.selection.details .thumbnail {
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 3px #a3b745;
|
||||
}
|
||||
|
||||
/* Themes */
|
||||
.theme-browser .theme.active .theme-name,
|
||||
.theme-browser .theme.add-new-theme a:hover:after,
|
||||
.theme-browser .theme.add-new-theme a:focus:after {
|
||||
background: #a3b745;
|
||||
}
|
||||
|
||||
.theme-browser .theme.add-new-theme a:hover span:after,
|
||||
.theme-browser .theme.add-new-theme a:focus span:after {
|
||||
color: #a3b745;
|
||||
}
|
||||
|
||||
.theme-section.current,
|
||||
.theme-filter.current {
|
||||
border-bottom-color: #523f6d;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters {
|
||||
color: #fff;
|
||||
background-color: #523f6d;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:hover,
|
||||
body.more-filters-opened .more-filters:focus {
|
||||
background-color: #a3b745;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:hover:before,
|
||||
body.more-filters-opened .more-filters:focus:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Widgets */
|
||||
.widgets-chooser li.widgets-chooser-selected {
|
||||
background-color: #a3b745;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.widgets-chooser li.widgets-chooser-selected:before,
|
||||
.widgets-chooser li.widgets-chooser-selected:focus:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Nav Menus */
|
||||
.nav-menus-php .item-edit:focus:before {
|
||||
box-shadow: 0 0 0 1px #b6c669, 0 0 2px 1px #a3b745;
|
||||
}
|
||||
|
||||
/* Responsive Component */
|
||||
div#wp-responsive-toggle a:before {
|
||||
color: #ece6f6;
|
||||
}
|
||||
|
||||
.wp-responsive-open div#wp-responsive-toggle a {
|
||||
border-color: transparent;
|
||||
background: #a3b745;
|
||||
}
|
||||
|
||||
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
|
||||
background: #413256;
|
||||
}
|
||||
|
||||
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
|
||||
color: #ece6f6;
|
||||
}
|
||||
|
||||
/* TinyMCE */
|
||||
.mce-container.mce-menu .mce-menu-item:hover,
|
||||
.mce-container.mce-menu .mce-menu-item.mce-selected,
|
||||
.mce-container.mce-menu .mce-menu-item:focus,
|
||||
.mce-container.mce-menu .mce-menu-item-normal.mce-active,
|
||||
.mce-container.mce-menu .mce-menu-item-preview.mce-active {
|
||||
background: #a3b745;
|
||||
}
|
||||
|
||||
/* Customizer */
|
||||
.wp-core-ui #customize-controls .control-section:hover > .accordion-section-title,
|
||||
.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,
|
||||
.wp-core-ui #customize-controls .control-section.open .accordion-section-title,
|
||||
.wp-core-ui #customize-controls .control-section .accordion-section-title:focus {
|
||||
color: #0073aa;
|
||||
border-left-color: #a3b745;
|
||||
}
|
||||
.wp-core-ui .customize-controls-close:focus,
|
||||
.wp-core-ui .customize-controls-close:hover,
|
||||
.wp-core-ui .customize-controls-preview-toggle:focus,
|
||||
.wp-core-ui .customize-controls-preview-toggle:hover {
|
||||
color: #0073aa;
|
||||
border-top-color: #a3b745;
|
||||
}
|
||||
.wp-core-ui .customize-panel-back:hover,
|
||||
.wp-core-ui .customize-panel-back:focus,
|
||||
.wp-core-ui .customize-section-back:hover,
|
||||
.wp-core-ui .customize-section-back:focus {
|
||||
color: #0073aa;
|
||||
border-left-color: #a3b745;
|
||||
}
|
||||
.wp-core-ui .customize-screen-options-toggle:hover,
|
||||
.wp-core-ui .customize-screen-options-toggle:active,
|
||||
.wp-core-ui .customize-screen-options-toggle:focus,
|
||||
.wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .customize-screen-options-toggle:focus:before,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before, .wp-core-ui.wp-customizer button:focus .toggle-indicator:before,
|
||||
.wp-core-ui .menu-item-bar .item-delete:focus:before,
|
||||
.wp-core-ui #available-menu-items .item-add:focus:before,
|
||||
.wp-core-ui #customize-save-button-wrapper .save:focus,
|
||||
.wp-core-ui #publish-settings:focus {
|
||||
box-shadow: 0 0 0 1px #b6c669, 0 0 2px 1px #a3b745;
|
||||
}
|
||||
.wp-core-ui #customize-controls .customize-info.open .customize-help-toggle,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title:focus,
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title:hover {
|
||||
border-left-color: #a3b745;
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after {
|
||||
background: #a3b745;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title.selected {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui #customize-theme-controls .control-section:hover > .accordion-section-title:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus {
|
||||
background-color: #fbfbfc;
|
||||
border-color: #a3b745;
|
||||
border-style: solid;
|
||||
box-shadow: 0 0 0 1px #a3b745;
|
||||
outline: 2px solid transparent;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:focus,
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button.active:hover {
|
||||
border-bottom-color: #a3b745;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:hover:before,
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:focus:before {
|
||||
color: #a3b745;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
|
||||
color: #a3b745;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
|
||||
box-shadow: 0 0 0 1px #b6c669, 0 0 2px 1px #a3b745;
|
||||
}
|
||||
.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
|
||||
border-bottom-color: #a3b745;
|
||||
color: #0073aa;
|
||||
}
|
||||
|
||||
/* Welcome Panel */
|
||||
.welcome-panel {
|
||||
background-color: #a3b745;
|
||||
}
|
||||
|
||||
[class*=welcome-panel-icon] {
|
||||
background-color: #523f6d;
|
||||
}
|
File diff suppressed because one or more lines are too long
|
@ -0,0 +1,9 @@
|
|||
$scheme-name: "ectoplasm";
|
||||
$base-color: #523f6d;
|
||||
$icon-color: #ece6f6;
|
||||
$highlight-color: #a3b745;
|
||||
$notification-color: #d46f15;
|
||||
|
||||
$form-checked: $base-color;
|
||||
|
||||
@import "../_admin.scss";
|
|
@ -0,0 +1,720 @@
|
|||
/*! This file is auto-generated */
|
||||
/*
|
||||
* Button mixin- creates a button effect with correct
|
||||
* highlights/shadows, based on a base color.
|
||||
*/
|
||||
body {
|
||||
background: #f5f5f5;
|
||||
}
|
||||
|
||||
/* Links */
|
||||
a {
|
||||
color: #0073aa;
|
||||
}
|
||||
a:hover, a:active, a:focus {
|
||||
color: #0096dd;
|
||||
}
|
||||
|
||||
#post-body .misc-pub-post-status:before,
|
||||
#post-body #visibility:before,
|
||||
.curtime #timestamp:before,
|
||||
#post-body .misc-pub-revisions:before,
|
||||
span.wp-media-buttons-icon:before {
|
||||
color: currentColor;
|
||||
}
|
||||
|
||||
.wp-core-ui .button-link {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .button-link:hover, .wp-core-ui .button-link:active, .wp-core-ui .button-link:focus {
|
||||
color: #0096dd;
|
||||
}
|
||||
|
||||
.media-modal .delete-attachment,
|
||||
.media-modal .trash-attachment,
|
||||
.media-modal .untrash-attachment,
|
||||
.wp-core-ui .button-link-delete {
|
||||
color: #a00;
|
||||
}
|
||||
|
||||
.media-modal .delete-attachment:hover,
|
||||
.media-modal .trash-attachment:hover,
|
||||
.media-modal .untrash-attachment:hover,
|
||||
.media-modal .delete-attachment:focus,
|
||||
.media-modal .trash-attachment:focus,
|
||||
.media-modal .untrash-attachment:focus,
|
||||
.wp-core-ui .button-link-delete:hover,
|
||||
.wp-core-ui .button-link-delete:focus {
|
||||
color: #dc3232;
|
||||
}
|
||||
|
||||
/* Forms */
|
||||
input[type=checkbox]:checked::before {
|
||||
content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%237e8993%27%2F%3E%3C%2Fsvg%3E");
|
||||
}
|
||||
|
||||
input[type=radio]:checked::before {
|
||||
background: #7e8993;
|
||||
}
|
||||
|
||||
.wp-core-ui input[type=reset]:hover,
|
||||
.wp-core-ui input[type=reset]:active {
|
||||
color: #0096dd;
|
||||
}
|
||||
|
||||
input[type=text]:focus,
|
||||
input[type=password]:focus,
|
||||
input[type=color]:focus,
|
||||
input[type=date]:focus,
|
||||
input[type=datetime]:focus,
|
||||
input[type=datetime-local]:focus,
|
||||
input[type=email]:focus,
|
||||
input[type=month]:focus,
|
||||
input[type=number]:focus,
|
||||
input[type=search]:focus,
|
||||
input[type=tel]:focus,
|
||||
input[type=text]:focus,
|
||||
input[type=time]:focus,
|
||||
input[type=url]:focus,
|
||||
input[type=week]:focus,
|
||||
input[type=checkbox]:focus,
|
||||
input[type=radio]:focus,
|
||||
select:focus,
|
||||
textarea:focus {
|
||||
border-color: #04a4cc;
|
||||
box-shadow: 0 0 0 1px #04a4cc;
|
||||
}
|
||||
|
||||
/* Core UI */
|
||||
.wp-core-ui .button {
|
||||
border-color: #7e8993;
|
||||
color: #32373c;
|
||||
}
|
||||
.wp-core-ui .button.hover,
|
||||
.wp-core-ui .button:hover,
|
||||
.wp-core-ui .button.focus,
|
||||
.wp-core-ui .button:focus {
|
||||
border-color: #717c87;
|
||||
color: #262a2e;
|
||||
}
|
||||
.wp-core-ui .button.focus,
|
||||
.wp-core-ui .button:focus {
|
||||
border-color: #7e8993;
|
||||
color: #262a2e;
|
||||
box-shadow: 0 0 0 1px #32373c;
|
||||
}
|
||||
.wp-core-ui .button:active {
|
||||
border-color: #7e8993;
|
||||
color: #262a2e;
|
||||
box-shadow: none;
|
||||
}
|
||||
.wp-core-ui .button.active,
|
||||
.wp-core-ui .button.active:focus,
|
||||
.wp-core-ui .button.active:hover {
|
||||
border-color: #04a4cc;
|
||||
color: #262a2e;
|
||||
box-shadow: inset 0 2px 5px -3px #04a4cc;
|
||||
}
|
||||
.wp-core-ui .button.active:focus {
|
||||
box-shadow: 0 0 0 1px #32373c;
|
||||
}
|
||||
.wp-core-ui .button,
|
||||
.wp-core-ui .button-secondary {
|
||||
color: #04a4cc;
|
||||
border-color: #04a4cc;
|
||||
}
|
||||
.wp-core-ui .button.hover,
|
||||
.wp-core-ui .button:hover,
|
||||
.wp-core-ui .button-secondary:hover {
|
||||
border-color: #037c9a;
|
||||
color: #037c9a;
|
||||
}
|
||||
.wp-core-ui .button.focus,
|
||||
.wp-core-ui .button:focus,
|
||||
.wp-core-ui .button-secondary:focus {
|
||||
border-color: #09cafa;
|
||||
color: #025468;
|
||||
box-shadow: 0 0 0 1px #09cafa;
|
||||
}
|
||||
.wp-core-ui .button-primary:hover {
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary {
|
||||
background: #04a4cc;
|
||||
border-color: #04a4cc;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
|
||||
background: #04b0db;
|
||||
border-color: #0498bd;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary:focus {
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 3px #04a4cc;
|
||||
}
|
||||
.wp-core-ui .button-primary:active {
|
||||
background: #0490b3;
|
||||
border-color: #0490b3;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
|
||||
background: #04a4cc;
|
||||
color: #fff;
|
||||
border-color: #036881;
|
||||
box-shadow: inset 0 2px 5px -3px black;
|
||||
}
|
||||
.wp-core-ui .button-group > .button.active {
|
||||
border-color: #04a4cc;
|
||||
}
|
||||
.wp-core-ui .wp-ui-primary {
|
||||
color: #333;
|
||||
background-color: #e5e5e5;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-primary {
|
||||
color: #e5e5e5;
|
||||
}
|
||||
.wp-core-ui .wp-ui-highlight {
|
||||
color: #fff;
|
||||
background-color: #888;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-highlight {
|
||||
color: #888;
|
||||
}
|
||||
.wp-core-ui .wp-ui-notification {
|
||||
color: #fff;
|
||||
background-color: #d64e07;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-notification {
|
||||
color: #d64e07;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-icon {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
/* List tables */
|
||||
.wrap .page-title-action,
|
||||
.wrap .page-title-action:active {
|
||||
border: 1px solid #04a4cc;
|
||||
color: #04a4cc;
|
||||
}
|
||||
|
||||
.wrap .page-title-action:hover {
|
||||
color: #037c9a;
|
||||
border-color: #037c9a;
|
||||
}
|
||||
|
||||
.wrap .page-title-action:focus {
|
||||
border-color: #09cafa;
|
||||
color: #025468;
|
||||
box-shadow: 0 0 0 1px #09cafa;
|
||||
}
|
||||
|
||||
.view-switch a.current:before {
|
||||
color: #e5e5e5;
|
||||
}
|
||||
|
||||
.view-switch a:hover:before {
|
||||
color: #d64e07;
|
||||
}
|
||||
|
||||
/* Admin Menu */
|
||||
#adminmenuback,
|
||||
#adminmenuwrap,
|
||||
#adminmenu {
|
||||
background: #e5e5e5;
|
||||
}
|
||||
|
||||
#adminmenu a {
|
||||
color: #333;
|
||||
}
|
||||
|
||||
#adminmenu div.wp-menu-image:before {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
#adminmenu a:hover,
|
||||
#adminmenu li.menu-top:hover,
|
||||
#adminmenu li.opensub > a.menu-top,
|
||||
#adminmenu li > a.menu-top:focus {
|
||||
color: #fff;
|
||||
background-color: #888;
|
||||
}
|
||||
|
||||
#adminmenu li.menu-top:hover div.wp-menu-image:before,
|
||||
#adminmenu li.opensub > a.menu-top div.wp-menu-image:before {
|
||||
color: #ccc;
|
||||
}
|
||||
|
||||
/* Active tabs use a bottom border color that matches the page background color. */
|
||||
.about-wrap .nav-tab-active,
|
||||
.nav-tab-active,
|
||||
.nav-tab-active:hover {
|
||||
background-color: #f5f5f5;
|
||||
border-bottom-color: #f5f5f5;
|
||||
}
|
||||
|
||||
/* Admin Menu: submenu */
|
||||
#adminmenu .wp-submenu,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
|
||||
#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
|
||||
border-left-color: #fff;
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu .wp-submenu-head {
|
||||
color: #686868;
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu a,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
|
||||
color: #686868;
|
||||
}
|
||||
#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a:focus,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a:hover,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
|
||||
color: #04a4cc;
|
||||
}
|
||||
|
||||
/* Admin Menu: current */
|
||||
#adminmenu .wp-submenu li.current a,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
|
||||
color: #333;
|
||||
}
|
||||
#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
|
||||
color: #04a4cc;
|
||||
}
|
||||
|
||||
ul#adminmenu a.wp-has-current-submenu:after,
|
||||
ul#adminmenu > li.current > a.current:after {
|
||||
border-left-color: #f5f5f5;
|
||||
}
|
||||
|
||||
#adminmenu li.current a.menu-top,
|
||||
#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
|
||||
#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,
|
||||
.folded #adminmenu li.current.menu-top {
|
||||
color: #fff;
|
||||
background: #888;
|
||||
}
|
||||
|
||||
#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
|
||||
#adminmenu a.current:hover div.wp-menu-image:before,
|
||||
#adminmenu li.current div.wp-menu-image:before,
|
||||
#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
|
||||
#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
|
||||
#adminmenu li:hover div.wp-menu-image:before,
|
||||
#adminmenu li a:focus div.wp-menu-image:before,
|
||||
#adminmenu li.opensub div.wp-menu-image:before {
|
||||
color: #ccc;
|
||||
}
|
||||
|
||||
/* Admin Menu: bubble */
|
||||
#adminmenu .awaiting-mod,
|
||||
#adminmenu .update-plugins {
|
||||
color: #fff;
|
||||
background: #d64e07;
|
||||
}
|
||||
|
||||
#adminmenu li.current a .awaiting-mod,
|
||||
#adminmenu li a.wp-has-current-submenu .update-plugins,
|
||||
#adminmenu li:hover a .awaiting-mod,
|
||||
#adminmenu li.menu-top:hover > a .update-plugins {
|
||||
color: #333;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
/* Admin Menu: collapse button */
|
||||
#collapse-button {
|
||||
color: #777;
|
||||
}
|
||||
|
||||
#collapse-button:hover,
|
||||
#collapse-button:focus {
|
||||
color: #04a4cc;
|
||||
}
|
||||
|
||||
/* Admin Bar */
|
||||
#wpadminbar {
|
||||
color: #333;
|
||||
background: #e5e5e5;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-item,
|
||||
#wpadminbar a.ab-item,
|
||||
#wpadminbar > #wp-toolbar span.ab-label,
|
||||
#wpadminbar > #wp-toolbar span.noticon {
|
||||
color: #333;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-icon,
|
||||
#wpadminbar .ab-icon:before,
|
||||
#wpadminbar .ab-item:before,
|
||||
#wpadminbar .ab-item:after {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
|
||||
#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
|
||||
#wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
|
||||
#wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
|
||||
color: #04a4cc;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar li.hover span.ab-label,
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label {
|
||||
color: #04a4cc;
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) li:hover .ab-icon:before,
|
||||
#wpadminbar:not(.mobile) li:hover .ab-item:before,
|
||||
#wpadminbar:not(.mobile) li:hover .ab-item:after,
|
||||
#wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
|
||||
color: #04a4cc;
|
||||
}
|
||||
|
||||
/* Admin Bar: submenu */
|
||||
#wpadminbar .menupop .ab-sub-wrapper {
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
|
||||
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
|
||||
background: #f7f7f7;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-submenu .ab-item,
|
||||
#wpadminbar .quicklinks .menupop ul li a,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a {
|
||||
color: #686868;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks li .blavatar,
|
||||
#wpadminbar .menupop .menupop > .ab-item:before {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks .menupop ul li a:hover,
|
||||
#wpadminbar .quicklinks .menupop ul li a:focus,
|
||||
#wpadminbar .quicklinks .menupop ul li a:hover strong,
|
||||
#wpadminbar .quicklinks .menupop ul li a:focus strong,
|
||||
#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a:hover,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a:focus,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
|
||||
#wpadminbar li:hover .ab-icon:before,
|
||||
#wpadminbar li:hover .ab-item:before,
|
||||
#wpadminbar li a:focus .ab-icon:before,
|
||||
#wpadminbar li .ab-item:focus:before,
|
||||
#wpadminbar li .ab-item:focus .ab-icon:before,
|
||||
#wpadminbar li.hover .ab-icon:before,
|
||||
#wpadminbar li.hover .ab-item:before,
|
||||
#wpadminbar li:hover #adminbarsearch:before,
|
||||
#wpadminbar li #adminbarsearch.adminbar-focused:before {
|
||||
color: #04a4cc;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks li a:hover .blavatar,
|
||||
#wpadminbar .quicklinks li a:focus .blavatar,
|
||||
#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar,
|
||||
#wpadminbar .menupop .menupop > .ab-item:hover:before,
|
||||
#wpadminbar.mobile .quicklinks .ab-icon:before,
|
||||
#wpadminbar.mobile .quicklinks .ab-item:before {
|
||||
color: #04a4cc;
|
||||
}
|
||||
|
||||
#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
|
||||
#wpadminbar.mobile .quicklinks .hover .ab-item:before {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
/* Admin Bar: search */
|
||||
#wpadminbar #adminbarsearch:before {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
|
||||
color: #333;
|
||||
background: #f7f7f7;
|
||||
}
|
||||
|
||||
/* Admin Bar: recovery mode */
|
||||
#wpadminbar #wp-admin-bar-recovery-mode {
|
||||
color: #fff;
|
||||
background-color: #d64e07;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-recovery-mode .ab-item,
|
||||
#wpadminbar #wp-admin-bar-recovery-mode a.ab-item {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-top-menu > #wp-admin-bar-recovery-mode.hover > .ab-item,
|
||||
#wpadminbar.nojq .quicklinks .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
|
||||
color: #fff;
|
||||
background-color: #c14606;
|
||||
}
|
||||
|
||||
/* Admin Bar: my account */
|
||||
#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
|
||||
border-color: #f7f7f7;
|
||||
background-color: #f7f7f7;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info .display-name {
|
||||
color: #333;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info a:hover .display-name {
|
||||
color: #04a4cc;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info .username {
|
||||
color: #686868;
|
||||
}
|
||||
|
||||
/* Pointers */
|
||||
.wp-pointer .wp-pointer-content h3 {
|
||||
background-color: #04a4cc;
|
||||
border-color: #0490b3;
|
||||
}
|
||||
|
||||
.wp-pointer .wp-pointer-content h3:before {
|
||||
color: #04a4cc;
|
||||
}
|
||||
|
||||
.wp-pointer.wp-pointer-top .wp-pointer-arrow,
|
||||
.wp-pointer.wp-pointer-top .wp-pointer-arrow-inner,
|
||||
.wp-pointer.wp-pointer-undefined .wp-pointer-arrow,
|
||||
.wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner {
|
||||
border-bottom-color: #04a4cc;
|
||||
}
|
||||
|
||||
/* Media */
|
||||
.media-item .bar,
|
||||
.media-progress-bar div {
|
||||
background-color: #04a4cc;
|
||||
}
|
||||
|
||||
.details.attachment {
|
||||
box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #04a4cc;
|
||||
}
|
||||
|
||||
.attachment.details .check {
|
||||
background-color: #04a4cc;
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 2px #04a4cc;
|
||||
}
|
||||
|
||||
.media-selection .attachment.selection.details .thumbnail {
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 3px #04a4cc;
|
||||
}
|
||||
|
||||
/* Themes */
|
||||
.theme-browser .theme.active .theme-name,
|
||||
.theme-browser .theme.add-new-theme a:hover:after,
|
||||
.theme-browser .theme.add-new-theme a:focus:after {
|
||||
background: #04a4cc;
|
||||
}
|
||||
|
||||
.theme-browser .theme.add-new-theme a:hover span:after,
|
||||
.theme-browser .theme.add-new-theme a:focus span:after {
|
||||
color: #04a4cc;
|
||||
}
|
||||
|
||||
.theme-section.current,
|
||||
.theme-filter.current {
|
||||
border-bottom-color: #e5e5e5;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters {
|
||||
color: #333;
|
||||
background-color: #e5e5e5;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:before {
|
||||
color: #333;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:hover,
|
||||
body.more-filters-opened .more-filters:focus {
|
||||
background-color: #888;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:hover:before,
|
||||
body.more-filters-opened .more-filters:focus:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Widgets */
|
||||
.widgets-chooser li.widgets-chooser-selected {
|
||||
background-color: #888;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.widgets-chooser li.widgets-chooser-selected:before,
|
||||
.widgets-chooser li.widgets-chooser-selected:focus:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Nav Menus */
|
||||
.nav-menus-php .item-edit:focus:before {
|
||||
box-shadow: 0 0 0 1px #09cafa, 0 0 2px 1px #04a4cc;
|
||||
}
|
||||
|
||||
/* Responsive Component */
|
||||
div#wp-responsive-toggle a:before {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.wp-responsive-open div#wp-responsive-toggle a {
|
||||
border-color: transparent;
|
||||
background: #888;
|
||||
}
|
||||
|
||||
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
/* TinyMCE */
|
||||
.mce-container.mce-menu .mce-menu-item:hover,
|
||||
.mce-container.mce-menu .mce-menu-item.mce-selected,
|
||||
.mce-container.mce-menu .mce-menu-item:focus,
|
||||
.mce-container.mce-menu .mce-menu-item-normal.mce-active,
|
||||
.mce-container.mce-menu .mce-menu-item-preview.mce-active {
|
||||
background: #04a4cc;
|
||||
}
|
||||
|
||||
/* Customizer */
|
||||
.wp-core-ui #customize-controls .control-section:hover > .accordion-section-title,
|
||||
.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,
|
||||
.wp-core-ui #customize-controls .control-section.open .accordion-section-title,
|
||||
.wp-core-ui #customize-controls .control-section .accordion-section-title:focus {
|
||||
color: #0073aa;
|
||||
border-right-color: #04a4cc;
|
||||
}
|
||||
.wp-core-ui .customize-controls-close:focus,
|
||||
.wp-core-ui .customize-controls-close:hover,
|
||||
.wp-core-ui .customize-controls-preview-toggle:focus,
|
||||
.wp-core-ui .customize-controls-preview-toggle:hover {
|
||||
color: #0073aa;
|
||||
border-top-color: #04a4cc;
|
||||
}
|
||||
.wp-core-ui .customize-panel-back:hover,
|
||||
.wp-core-ui .customize-panel-back:focus,
|
||||
.wp-core-ui .customize-section-back:hover,
|
||||
.wp-core-ui .customize-section-back:focus {
|
||||
color: #0073aa;
|
||||
border-right-color: #04a4cc;
|
||||
}
|
||||
.wp-core-ui .customize-screen-options-toggle:hover,
|
||||
.wp-core-ui .customize-screen-options-toggle:active,
|
||||
.wp-core-ui .customize-screen-options-toggle:focus,
|
||||
.wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .customize-screen-options-toggle:focus:before,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before, .wp-core-ui.wp-customizer button:focus .toggle-indicator:before,
|
||||
.wp-core-ui .menu-item-bar .item-delete:focus:before,
|
||||
.wp-core-ui #available-menu-items .item-add:focus:before,
|
||||
.wp-core-ui #customize-save-button-wrapper .save:focus,
|
||||
.wp-core-ui #publish-settings:focus {
|
||||
box-shadow: 0 0 0 1px #09cafa, 0 0 2px 1px #04a4cc;
|
||||
}
|
||||
.wp-core-ui #customize-controls .customize-info.open .customize-help-toggle,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title:focus,
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title:hover {
|
||||
border-right-color: #04a4cc;
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after {
|
||||
background: #04a4cc;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title.selected {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui #customize-theme-controls .control-section:hover > .accordion-section-title:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus {
|
||||
background-color: #fbfbfc;
|
||||
border-color: #04a4cc;
|
||||
border-style: solid;
|
||||
box-shadow: 0 0 0 1px #04a4cc;
|
||||
outline: 2px solid transparent;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:focus,
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button.active:hover {
|
||||
border-bottom-color: #04a4cc;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:hover:before,
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:focus:before {
|
||||
color: #04a4cc;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
|
||||
color: #04a4cc;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
|
||||
box-shadow: 0 0 0 1px #09cafa, 0 0 2px 1px #04a4cc;
|
||||
}
|
||||
.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
|
||||
border-bottom-color: #04a4cc;
|
||||
color: #0073aa;
|
||||
}
|
||||
|
||||
/* Welcome Panel */
|
||||
.welcome-panel {
|
||||
background-color: #04a4cc;
|
||||
}
|
||||
|
||||
[class*=welcome-panel-icon] {
|
||||
background-color: #999;
|
||||
}
|
||||
|
||||
/* Override the theme filter highlight color for this scheme */
|
||||
.theme-section.current,
|
||||
.theme-filter.current {
|
||||
border-bottom-color: #04a4cc;
|
||||
}
|
File diff suppressed because one or more lines are too long
|
@ -0,0 +1,720 @@
|
|||
/*! This file is auto-generated */
|
||||
/*
|
||||
* Button mixin- creates a button effect with correct
|
||||
* highlights/shadows, based on a base color.
|
||||
*/
|
||||
body {
|
||||
background: #f5f5f5;
|
||||
}
|
||||
|
||||
/* Links */
|
||||
a {
|
||||
color: #0073aa;
|
||||
}
|
||||
a:hover, a:active, a:focus {
|
||||
color: #0096dd;
|
||||
}
|
||||
|
||||
#post-body .misc-pub-post-status:before,
|
||||
#post-body #visibility:before,
|
||||
.curtime #timestamp:before,
|
||||
#post-body .misc-pub-revisions:before,
|
||||
span.wp-media-buttons-icon:before {
|
||||
color: currentColor;
|
||||
}
|
||||
|
||||
.wp-core-ui .button-link {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .button-link:hover, .wp-core-ui .button-link:active, .wp-core-ui .button-link:focus {
|
||||
color: #0096dd;
|
||||
}
|
||||
|
||||
.media-modal .delete-attachment,
|
||||
.media-modal .trash-attachment,
|
||||
.media-modal .untrash-attachment,
|
||||
.wp-core-ui .button-link-delete {
|
||||
color: #a00;
|
||||
}
|
||||
|
||||
.media-modal .delete-attachment:hover,
|
||||
.media-modal .trash-attachment:hover,
|
||||
.media-modal .untrash-attachment:hover,
|
||||
.media-modal .delete-attachment:focus,
|
||||
.media-modal .trash-attachment:focus,
|
||||
.media-modal .untrash-attachment:focus,
|
||||
.wp-core-ui .button-link-delete:hover,
|
||||
.wp-core-ui .button-link-delete:focus {
|
||||
color: #dc3232;
|
||||
}
|
||||
|
||||
/* Forms */
|
||||
input[type=checkbox]:checked::before {
|
||||
content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%237e8993%27%2F%3E%3C%2Fsvg%3E");
|
||||
}
|
||||
|
||||
input[type=radio]:checked::before {
|
||||
background: #7e8993;
|
||||
}
|
||||
|
||||
.wp-core-ui input[type=reset]:hover,
|
||||
.wp-core-ui input[type=reset]:active {
|
||||
color: #0096dd;
|
||||
}
|
||||
|
||||
input[type=text]:focus,
|
||||
input[type=password]:focus,
|
||||
input[type=color]:focus,
|
||||
input[type=date]:focus,
|
||||
input[type=datetime]:focus,
|
||||
input[type=datetime-local]:focus,
|
||||
input[type=email]:focus,
|
||||
input[type=month]:focus,
|
||||
input[type=number]:focus,
|
||||
input[type=search]:focus,
|
||||
input[type=tel]:focus,
|
||||
input[type=text]:focus,
|
||||
input[type=time]:focus,
|
||||
input[type=url]:focus,
|
||||
input[type=week]:focus,
|
||||
input[type=checkbox]:focus,
|
||||
input[type=radio]:focus,
|
||||
select:focus,
|
||||
textarea:focus {
|
||||
border-color: #04a4cc;
|
||||
box-shadow: 0 0 0 1px #04a4cc;
|
||||
}
|
||||
|
||||
/* Core UI */
|
||||
.wp-core-ui .button {
|
||||
border-color: #7e8993;
|
||||
color: #32373c;
|
||||
}
|
||||
.wp-core-ui .button.hover,
|
||||
.wp-core-ui .button:hover,
|
||||
.wp-core-ui .button.focus,
|
||||
.wp-core-ui .button:focus {
|
||||
border-color: #717c87;
|
||||
color: #262a2e;
|
||||
}
|
||||
.wp-core-ui .button.focus,
|
||||
.wp-core-ui .button:focus {
|
||||
border-color: #7e8993;
|
||||
color: #262a2e;
|
||||
box-shadow: 0 0 0 1px #32373c;
|
||||
}
|
||||
.wp-core-ui .button:active {
|
||||
border-color: #7e8993;
|
||||
color: #262a2e;
|
||||
box-shadow: none;
|
||||
}
|
||||
.wp-core-ui .button.active,
|
||||
.wp-core-ui .button.active:focus,
|
||||
.wp-core-ui .button.active:hover {
|
||||
border-color: #04a4cc;
|
||||
color: #262a2e;
|
||||
box-shadow: inset 0 2px 5px -3px #04a4cc;
|
||||
}
|
||||
.wp-core-ui .button.active:focus {
|
||||
box-shadow: 0 0 0 1px #32373c;
|
||||
}
|
||||
.wp-core-ui .button,
|
||||
.wp-core-ui .button-secondary {
|
||||
color: #04a4cc;
|
||||
border-color: #04a4cc;
|
||||
}
|
||||
.wp-core-ui .button.hover,
|
||||
.wp-core-ui .button:hover,
|
||||
.wp-core-ui .button-secondary:hover {
|
||||
border-color: #037c9a;
|
||||
color: #037c9a;
|
||||
}
|
||||
.wp-core-ui .button.focus,
|
||||
.wp-core-ui .button:focus,
|
||||
.wp-core-ui .button-secondary:focus {
|
||||
border-color: #09cafa;
|
||||
color: #025468;
|
||||
box-shadow: 0 0 0 1px #09cafa;
|
||||
}
|
||||
.wp-core-ui .button-primary:hover {
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary {
|
||||
background: #04a4cc;
|
||||
border-color: #04a4cc;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
|
||||
background: #04b0db;
|
||||
border-color: #0498bd;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary:focus {
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 3px #04a4cc;
|
||||
}
|
||||
.wp-core-ui .button-primary:active {
|
||||
background: #0490b3;
|
||||
border-color: #0490b3;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
|
||||
background: #04a4cc;
|
||||
color: #fff;
|
||||
border-color: #036881;
|
||||
box-shadow: inset 0 2px 5px -3px black;
|
||||
}
|
||||
.wp-core-ui .button-group > .button.active {
|
||||
border-color: #04a4cc;
|
||||
}
|
||||
.wp-core-ui .wp-ui-primary {
|
||||
color: #333;
|
||||
background-color: #e5e5e5;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-primary {
|
||||
color: #e5e5e5;
|
||||
}
|
||||
.wp-core-ui .wp-ui-highlight {
|
||||
color: #fff;
|
||||
background-color: #888;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-highlight {
|
||||
color: #888;
|
||||
}
|
||||
.wp-core-ui .wp-ui-notification {
|
||||
color: #fff;
|
||||
background-color: #d64e07;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-notification {
|
||||
color: #d64e07;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-icon {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
/* List tables */
|
||||
.wrap .page-title-action,
|
||||
.wrap .page-title-action:active {
|
||||
border: 1px solid #04a4cc;
|
||||
color: #04a4cc;
|
||||
}
|
||||
|
||||
.wrap .page-title-action:hover {
|
||||
color: #037c9a;
|
||||
border-color: #037c9a;
|
||||
}
|
||||
|
||||
.wrap .page-title-action:focus {
|
||||
border-color: #09cafa;
|
||||
color: #025468;
|
||||
box-shadow: 0 0 0 1px #09cafa;
|
||||
}
|
||||
|
||||
.view-switch a.current:before {
|
||||
color: #e5e5e5;
|
||||
}
|
||||
|
||||
.view-switch a:hover:before {
|
||||
color: #d64e07;
|
||||
}
|
||||
|
||||
/* Admin Menu */
|
||||
#adminmenuback,
|
||||
#adminmenuwrap,
|
||||
#adminmenu {
|
||||
background: #e5e5e5;
|
||||
}
|
||||
|
||||
#adminmenu a {
|
||||
color: #333;
|
||||
}
|
||||
|
||||
#adminmenu div.wp-menu-image:before {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
#adminmenu a:hover,
|
||||
#adminmenu li.menu-top:hover,
|
||||
#adminmenu li.opensub > a.menu-top,
|
||||
#adminmenu li > a.menu-top:focus {
|
||||
color: #fff;
|
||||
background-color: #888;
|
||||
}
|
||||
|
||||
#adminmenu li.menu-top:hover div.wp-menu-image:before,
|
||||
#adminmenu li.opensub > a.menu-top div.wp-menu-image:before {
|
||||
color: #ccc;
|
||||
}
|
||||
|
||||
/* Active tabs use a bottom border color that matches the page background color. */
|
||||
.about-wrap .nav-tab-active,
|
||||
.nav-tab-active,
|
||||
.nav-tab-active:hover {
|
||||
background-color: #f5f5f5;
|
||||
border-bottom-color: #f5f5f5;
|
||||
}
|
||||
|
||||
/* Admin Menu: submenu */
|
||||
#adminmenu .wp-submenu,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
|
||||
#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
|
||||
border-right-color: #fff;
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu .wp-submenu-head {
|
||||
color: #686868;
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu a,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
|
||||
color: #686868;
|
||||
}
|
||||
#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a:focus,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a:hover,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
|
||||
color: #04a4cc;
|
||||
}
|
||||
|
||||
/* Admin Menu: current */
|
||||
#adminmenu .wp-submenu li.current a,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
|
||||
color: #333;
|
||||
}
|
||||
#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
|
||||
color: #04a4cc;
|
||||
}
|
||||
|
||||
ul#adminmenu a.wp-has-current-submenu:after,
|
||||
ul#adminmenu > li.current > a.current:after {
|
||||
border-right-color: #f5f5f5;
|
||||
}
|
||||
|
||||
#adminmenu li.current a.menu-top,
|
||||
#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
|
||||
#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,
|
||||
.folded #adminmenu li.current.menu-top {
|
||||
color: #fff;
|
||||
background: #888;
|
||||
}
|
||||
|
||||
#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
|
||||
#adminmenu a.current:hover div.wp-menu-image:before,
|
||||
#adminmenu li.current div.wp-menu-image:before,
|
||||
#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
|
||||
#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
|
||||
#adminmenu li:hover div.wp-menu-image:before,
|
||||
#adminmenu li a:focus div.wp-menu-image:before,
|
||||
#adminmenu li.opensub div.wp-menu-image:before {
|
||||
color: #ccc;
|
||||
}
|
||||
|
||||
/* Admin Menu: bubble */
|
||||
#adminmenu .awaiting-mod,
|
||||
#adminmenu .update-plugins {
|
||||
color: #fff;
|
||||
background: #d64e07;
|
||||
}
|
||||
|
||||
#adminmenu li.current a .awaiting-mod,
|
||||
#adminmenu li a.wp-has-current-submenu .update-plugins,
|
||||
#adminmenu li:hover a .awaiting-mod,
|
||||
#adminmenu li.menu-top:hover > a .update-plugins {
|
||||
color: #333;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
/* Admin Menu: collapse button */
|
||||
#collapse-button {
|
||||
color: #777;
|
||||
}
|
||||
|
||||
#collapse-button:hover,
|
||||
#collapse-button:focus {
|
||||
color: #04a4cc;
|
||||
}
|
||||
|
||||
/* Admin Bar */
|
||||
#wpadminbar {
|
||||
color: #333;
|
||||
background: #e5e5e5;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-item,
|
||||
#wpadminbar a.ab-item,
|
||||
#wpadminbar > #wp-toolbar span.ab-label,
|
||||
#wpadminbar > #wp-toolbar span.noticon {
|
||||
color: #333;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-icon,
|
||||
#wpadminbar .ab-icon:before,
|
||||
#wpadminbar .ab-item:before,
|
||||
#wpadminbar .ab-item:after {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
|
||||
#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
|
||||
#wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
|
||||
#wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
|
||||
color: #04a4cc;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar li.hover span.ab-label,
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label {
|
||||
color: #04a4cc;
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) li:hover .ab-icon:before,
|
||||
#wpadminbar:not(.mobile) li:hover .ab-item:before,
|
||||
#wpadminbar:not(.mobile) li:hover .ab-item:after,
|
||||
#wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
|
||||
color: #04a4cc;
|
||||
}
|
||||
|
||||
/* Admin Bar: submenu */
|
||||
#wpadminbar .menupop .ab-sub-wrapper {
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
|
||||
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
|
||||
background: #f7f7f7;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-submenu .ab-item,
|
||||
#wpadminbar .quicklinks .menupop ul li a,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a {
|
||||
color: #686868;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks li .blavatar,
|
||||
#wpadminbar .menupop .menupop > .ab-item:before {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks .menupop ul li a:hover,
|
||||
#wpadminbar .quicklinks .menupop ul li a:focus,
|
||||
#wpadminbar .quicklinks .menupop ul li a:hover strong,
|
||||
#wpadminbar .quicklinks .menupop ul li a:focus strong,
|
||||
#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a:hover,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a:focus,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
|
||||
#wpadminbar li:hover .ab-icon:before,
|
||||
#wpadminbar li:hover .ab-item:before,
|
||||
#wpadminbar li a:focus .ab-icon:before,
|
||||
#wpadminbar li .ab-item:focus:before,
|
||||
#wpadminbar li .ab-item:focus .ab-icon:before,
|
||||
#wpadminbar li.hover .ab-icon:before,
|
||||
#wpadminbar li.hover .ab-item:before,
|
||||
#wpadminbar li:hover #adminbarsearch:before,
|
||||
#wpadminbar li #adminbarsearch.adminbar-focused:before {
|
||||
color: #04a4cc;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks li a:hover .blavatar,
|
||||
#wpadminbar .quicklinks li a:focus .blavatar,
|
||||
#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar,
|
||||
#wpadminbar .menupop .menupop > .ab-item:hover:before,
|
||||
#wpadminbar.mobile .quicklinks .ab-icon:before,
|
||||
#wpadminbar.mobile .quicklinks .ab-item:before {
|
||||
color: #04a4cc;
|
||||
}
|
||||
|
||||
#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
|
||||
#wpadminbar.mobile .quicklinks .hover .ab-item:before {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
/* Admin Bar: search */
|
||||
#wpadminbar #adminbarsearch:before {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
|
||||
color: #333;
|
||||
background: #f7f7f7;
|
||||
}
|
||||
|
||||
/* Admin Bar: recovery mode */
|
||||
#wpadminbar #wp-admin-bar-recovery-mode {
|
||||
color: #fff;
|
||||
background-color: #d64e07;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-recovery-mode .ab-item,
|
||||
#wpadminbar #wp-admin-bar-recovery-mode a.ab-item {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-top-menu > #wp-admin-bar-recovery-mode.hover > .ab-item,
|
||||
#wpadminbar.nojq .quicklinks .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
|
||||
color: #fff;
|
||||
background-color: #c14606;
|
||||
}
|
||||
|
||||
/* Admin Bar: my account */
|
||||
#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
|
||||
border-color: #f7f7f7;
|
||||
background-color: #f7f7f7;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info .display-name {
|
||||
color: #333;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info a:hover .display-name {
|
||||
color: #04a4cc;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info .username {
|
||||
color: #686868;
|
||||
}
|
||||
|
||||
/* Pointers */
|
||||
.wp-pointer .wp-pointer-content h3 {
|
||||
background-color: #04a4cc;
|
||||
border-color: #0490b3;
|
||||
}
|
||||
|
||||
.wp-pointer .wp-pointer-content h3:before {
|
||||
color: #04a4cc;
|
||||
}
|
||||
|
||||
.wp-pointer.wp-pointer-top .wp-pointer-arrow,
|
||||
.wp-pointer.wp-pointer-top .wp-pointer-arrow-inner,
|
||||
.wp-pointer.wp-pointer-undefined .wp-pointer-arrow,
|
||||
.wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner {
|
||||
border-bottom-color: #04a4cc;
|
||||
}
|
||||
|
||||
/* Media */
|
||||
.media-item .bar,
|
||||
.media-progress-bar div {
|
||||
background-color: #04a4cc;
|
||||
}
|
||||
|
||||
.details.attachment {
|
||||
box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #04a4cc;
|
||||
}
|
||||
|
||||
.attachment.details .check {
|
||||
background-color: #04a4cc;
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 2px #04a4cc;
|
||||
}
|
||||
|
||||
.media-selection .attachment.selection.details .thumbnail {
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 3px #04a4cc;
|
||||
}
|
||||
|
||||
/* Themes */
|
||||
.theme-browser .theme.active .theme-name,
|
||||
.theme-browser .theme.add-new-theme a:hover:after,
|
||||
.theme-browser .theme.add-new-theme a:focus:after {
|
||||
background: #04a4cc;
|
||||
}
|
||||
|
||||
.theme-browser .theme.add-new-theme a:hover span:after,
|
||||
.theme-browser .theme.add-new-theme a:focus span:after {
|
||||
color: #04a4cc;
|
||||
}
|
||||
|
||||
.theme-section.current,
|
||||
.theme-filter.current {
|
||||
border-bottom-color: #e5e5e5;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters {
|
||||
color: #333;
|
||||
background-color: #e5e5e5;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:before {
|
||||
color: #333;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:hover,
|
||||
body.more-filters-opened .more-filters:focus {
|
||||
background-color: #888;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:hover:before,
|
||||
body.more-filters-opened .more-filters:focus:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Widgets */
|
||||
.widgets-chooser li.widgets-chooser-selected {
|
||||
background-color: #888;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.widgets-chooser li.widgets-chooser-selected:before,
|
||||
.widgets-chooser li.widgets-chooser-selected:focus:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Nav Menus */
|
||||
.nav-menus-php .item-edit:focus:before {
|
||||
box-shadow: 0 0 0 1px #09cafa, 0 0 2px 1px #04a4cc;
|
||||
}
|
||||
|
||||
/* Responsive Component */
|
||||
div#wp-responsive-toggle a:before {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.wp-responsive-open div#wp-responsive-toggle a {
|
||||
border-color: transparent;
|
||||
background: #888;
|
||||
}
|
||||
|
||||
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
/* TinyMCE */
|
||||
.mce-container.mce-menu .mce-menu-item:hover,
|
||||
.mce-container.mce-menu .mce-menu-item.mce-selected,
|
||||
.mce-container.mce-menu .mce-menu-item:focus,
|
||||
.mce-container.mce-menu .mce-menu-item-normal.mce-active,
|
||||
.mce-container.mce-menu .mce-menu-item-preview.mce-active {
|
||||
background: #04a4cc;
|
||||
}
|
||||
|
||||
/* Customizer */
|
||||
.wp-core-ui #customize-controls .control-section:hover > .accordion-section-title,
|
||||
.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,
|
||||
.wp-core-ui #customize-controls .control-section.open .accordion-section-title,
|
||||
.wp-core-ui #customize-controls .control-section .accordion-section-title:focus {
|
||||
color: #0073aa;
|
||||
border-left-color: #04a4cc;
|
||||
}
|
||||
.wp-core-ui .customize-controls-close:focus,
|
||||
.wp-core-ui .customize-controls-close:hover,
|
||||
.wp-core-ui .customize-controls-preview-toggle:focus,
|
||||
.wp-core-ui .customize-controls-preview-toggle:hover {
|
||||
color: #0073aa;
|
||||
border-top-color: #04a4cc;
|
||||
}
|
||||
.wp-core-ui .customize-panel-back:hover,
|
||||
.wp-core-ui .customize-panel-back:focus,
|
||||
.wp-core-ui .customize-section-back:hover,
|
||||
.wp-core-ui .customize-section-back:focus {
|
||||
color: #0073aa;
|
||||
border-left-color: #04a4cc;
|
||||
}
|
||||
.wp-core-ui .customize-screen-options-toggle:hover,
|
||||
.wp-core-ui .customize-screen-options-toggle:active,
|
||||
.wp-core-ui .customize-screen-options-toggle:focus,
|
||||
.wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .customize-screen-options-toggle:focus:before,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before, .wp-core-ui.wp-customizer button:focus .toggle-indicator:before,
|
||||
.wp-core-ui .menu-item-bar .item-delete:focus:before,
|
||||
.wp-core-ui #available-menu-items .item-add:focus:before,
|
||||
.wp-core-ui #customize-save-button-wrapper .save:focus,
|
||||
.wp-core-ui #publish-settings:focus {
|
||||
box-shadow: 0 0 0 1px #09cafa, 0 0 2px 1px #04a4cc;
|
||||
}
|
||||
.wp-core-ui #customize-controls .customize-info.open .customize-help-toggle,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title:focus,
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title:hover {
|
||||
border-left-color: #04a4cc;
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after {
|
||||
background: #04a4cc;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title.selected {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui #customize-theme-controls .control-section:hover > .accordion-section-title:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus {
|
||||
background-color: #fbfbfc;
|
||||
border-color: #04a4cc;
|
||||
border-style: solid;
|
||||
box-shadow: 0 0 0 1px #04a4cc;
|
||||
outline: 2px solid transparent;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:focus,
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button.active:hover {
|
||||
border-bottom-color: #04a4cc;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:hover:before,
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:focus:before {
|
||||
color: #04a4cc;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
|
||||
color: #04a4cc;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
|
||||
box-shadow: 0 0 0 1px #09cafa, 0 0 2px 1px #04a4cc;
|
||||
}
|
||||
.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
|
||||
border-bottom-color: #04a4cc;
|
||||
color: #0073aa;
|
||||
}
|
||||
|
||||
/* Welcome Panel */
|
||||
.welcome-panel {
|
||||
background-color: #04a4cc;
|
||||
}
|
||||
|
||||
[class*=welcome-panel-icon] {
|
||||
background-color: #999;
|
||||
}
|
||||
|
||||
/* Override the theme filter highlight color for this scheme */
|
||||
.theme-section.current,
|
||||
.theme-filter.current {
|
||||
border-bottom-color: #04a4cc;
|
||||
}
|
File diff suppressed because one or more lines are too long
|
@ -0,0 +1,27 @@
|
|||
$scheme-name: "light";
|
||||
$base-color: #e5e5e5;
|
||||
$icon-color: #999;
|
||||
$text-color: #333;
|
||||
$highlight-color: #04a4cc;
|
||||
$notification-color: #d64e07;
|
||||
|
||||
$body-background: #f5f5f5;
|
||||
|
||||
$menu-highlight-text: #fff;
|
||||
$menu-highlight-icon: #ccc;
|
||||
$menu-highlight-background: #888;
|
||||
|
||||
$menu-bubble-text: #fff;
|
||||
$menu-avatar-frame: #aaa;
|
||||
$menu-submenu-background: #fff;
|
||||
|
||||
$menu-collapse-text: #777;
|
||||
$menu-collapse-focus-icon: #555;
|
||||
|
||||
@import "../_admin.scss";
|
||||
|
||||
/* Override the theme filter highlight color for this scheme */
|
||||
.theme-section.current,
|
||||
.theme-filter.current {
|
||||
border-bottom-color: $highlight-color;
|
||||
}
|
|
@ -0,0 +1,714 @@
|
|||
/*! This file is auto-generated */
|
||||
/*
|
||||
* Button mixin- creates a button effect with correct
|
||||
* highlights/shadows, based on a base color.
|
||||
*/
|
||||
body {
|
||||
background: #f1f1f1;
|
||||
}
|
||||
|
||||
/* Links */
|
||||
a {
|
||||
color: #0073aa;
|
||||
}
|
||||
a:hover, a:active, a:focus {
|
||||
color: #0096dd;
|
||||
}
|
||||
|
||||
#post-body .misc-pub-post-status:before,
|
||||
#post-body #visibility:before,
|
||||
.curtime #timestamp:before,
|
||||
#post-body .misc-pub-revisions:before,
|
||||
span.wp-media-buttons-icon:before {
|
||||
color: currentColor;
|
||||
}
|
||||
|
||||
.wp-core-ui .button-link {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .button-link:hover, .wp-core-ui .button-link:active, .wp-core-ui .button-link:focus {
|
||||
color: #0096dd;
|
||||
}
|
||||
|
||||
.media-modal .delete-attachment,
|
||||
.media-modal .trash-attachment,
|
||||
.media-modal .untrash-attachment,
|
||||
.wp-core-ui .button-link-delete {
|
||||
color: #a00;
|
||||
}
|
||||
|
||||
.media-modal .delete-attachment:hover,
|
||||
.media-modal .trash-attachment:hover,
|
||||
.media-modal .untrash-attachment:hover,
|
||||
.media-modal .delete-attachment:focus,
|
||||
.media-modal .trash-attachment:focus,
|
||||
.media-modal .untrash-attachment:focus,
|
||||
.wp-core-ui .button-link-delete:hover,
|
||||
.wp-core-ui .button-link-delete:focus {
|
||||
color: #dc3232;
|
||||
}
|
||||
|
||||
/* Forms */
|
||||
input[type=checkbox]:checked::before {
|
||||
content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%237e8993%27%2F%3E%3C%2Fsvg%3E");
|
||||
}
|
||||
|
||||
input[type=radio]:checked::before {
|
||||
background: #7e8993;
|
||||
}
|
||||
|
||||
.wp-core-ui input[type=reset]:hover,
|
||||
.wp-core-ui input[type=reset]:active {
|
||||
color: #0096dd;
|
||||
}
|
||||
|
||||
input[type=text]:focus,
|
||||
input[type=password]:focus,
|
||||
input[type=color]:focus,
|
||||
input[type=date]:focus,
|
||||
input[type=datetime]:focus,
|
||||
input[type=datetime-local]:focus,
|
||||
input[type=email]:focus,
|
||||
input[type=month]:focus,
|
||||
input[type=number]:focus,
|
||||
input[type=search]:focus,
|
||||
input[type=tel]:focus,
|
||||
input[type=text]:focus,
|
||||
input[type=time]:focus,
|
||||
input[type=url]:focus,
|
||||
input[type=week]:focus,
|
||||
input[type=checkbox]:focus,
|
||||
input[type=radio]:focus,
|
||||
select:focus,
|
||||
textarea:focus {
|
||||
border-color: #e14d43;
|
||||
box-shadow: 0 0 0 1px #e14d43;
|
||||
}
|
||||
|
||||
/* Core UI */
|
||||
.wp-core-ui .button {
|
||||
border-color: #7e8993;
|
||||
color: #32373c;
|
||||
}
|
||||
.wp-core-ui .button.hover,
|
||||
.wp-core-ui .button:hover,
|
||||
.wp-core-ui .button.focus,
|
||||
.wp-core-ui .button:focus {
|
||||
border-color: #717c87;
|
||||
color: #262a2e;
|
||||
}
|
||||
.wp-core-ui .button.focus,
|
||||
.wp-core-ui .button:focus {
|
||||
border-color: #7e8993;
|
||||
color: #262a2e;
|
||||
box-shadow: 0 0 0 1px #32373c;
|
||||
}
|
||||
.wp-core-ui .button:active {
|
||||
border-color: #7e8993;
|
||||
color: #262a2e;
|
||||
box-shadow: none;
|
||||
}
|
||||
.wp-core-ui .button.active,
|
||||
.wp-core-ui .button.active:focus,
|
||||
.wp-core-ui .button.active:hover {
|
||||
border-color: #e14d43;
|
||||
color: #262a2e;
|
||||
box-shadow: inset 0 2px 5px -3px #e14d43;
|
||||
}
|
||||
.wp-core-ui .button.active:focus {
|
||||
box-shadow: 0 0 0 1px #32373c;
|
||||
}
|
||||
.wp-core-ui .button,
|
||||
.wp-core-ui .button-secondary {
|
||||
color: #e14d43;
|
||||
border-color: #e14d43;
|
||||
}
|
||||
.wp-core-ui .button.hover,
|
||||
.wp-core-ui .button:hover,
|
||||
.wp-core-ui .button-secondary:hover {
|
||||
border-color: #d02c21;
|
||||
color: #d02c21;
|
||||
}
|
||||
.wp-core-ui .button.focus,
|
||||
.wp-core-ui .button:focus,
|
||||
.wp-core-ui .button-secondary:focus {
|
||||
border-color: #e8776f;
|
||||
color: #a4231a;
|
||||
box-shadow: 0 0 0 1px #e8776f;
|
||||
}
|
||||
.wp-core-ui .button-primary:hover {
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary {
|
||||
background: #e14d43;
|
||||
border-color: #e14d43;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
|
||||
background: #e35950;
|
||||
border-color: #df4136;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary:focus {
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 3px #e14d43;
|
||||
}
|
||||
.wp-core-ui .button-primary:active {
|
||||
background: #dd382d;
|
||||
border-color: #dd382d;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
|
||||
background: #e14d43;
|
||||
color: #fff;
|
||||
border-color: #ba281e;
|
||||
box-shadow: inset 0 2px 5px -3px #200705;
|
||||
}
|
||||
.wp-core-ui .button-group > .button.active {
|
||||
border-color: #e14d43;
|
||||
}
|
||||
.wp-core-ui .wp-ui-primary {
|
||||
color: #fff;
|
||||
background-color: #363b3f;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-primary {
|
||||
color: #363b3f;
|
||||
}
|
||||
.wp-core-ui .wp-ui-highlight {
|
||||
color: #fff;
|
||||
background-color: #e14d43;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-highlight {
|
||||
color: #e14d43;
|
||||
}
|
||||
.wp-core-ui .wp-ui-notification {
|
||||
color: #fff;
|
||||
background-color: #69a8bb;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-notification {
|
||||
color: #69a8bb;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-icon {
|
||||
color: hsl(206.6666666667deg, 7%, 95%);
|
||||
}
|
||||
|
||||
/* List tables */
|
||||
.wrap .page-title-action,
|
||||
.wrap .page-title-action:active {
|
||||
border: 1px solid #e14d43;
|
||||
color: #e14d43;
|
||||
}
|
||||
|
||||
.wrap .page-title-action:hover {
|
||||
color: #d02c21;
|
||||
border-color: #d02c21;
|
||||
}
|
||||
|
||||
.wrap .page-title-action:focus {
|
||||
border-color: #e8776f;
|
||||
color: #a4231a;
|
||||
box-shadow: 0 0 0 1px #e8776f;
|
||||
}
|
||||
|
||||
.view-switch a.current:before {
|
||||
color: #363b3f;
|
||||
}
|
||||
|
||||
.view-switch a:hover:before {
|
||||
color: #69a8bb;
|
||||
}
|
||||
|
||||
/* Admin Menu */
|
||||
#adminmenuback,
|
||||
#adminmenuwrap,
|
||||
#adminmenu {
|
||||
background: #363b3f;
|
||||
}
|
||||
|
||||
#adminmenu a {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#adminmenu div.wp-menu-image:before {
|
||||
color: hsl(206.6666666667deg, 7%, 95%);
|
||||
}
|
||||
|
||||
#adminmenu a:hover,
|
||||
#adminmenu li.menu-top:hover,
|
||||
#adminmenu li.opensub > a.menu-top,
|
||||
#adminmenu li > a.menu-top:focus {
|
||||
color: #fff;
|
||||
background-color: #e14d43;
|
||||
}
|
||||
|
||||
#adminmenu li.menu-top:hover div.wp-menu-image:before,
|
||||
#adminmenu li.opensub > a.menu-top div.wp-menu-image:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Active tabs use a bottom border color that matches the page background color. */
|
||||
.about-wrap .nav-tab-active,
|
||||
.nav-tab-active,
|
||||
.nav-tab-active:hover {
|
||||
background-color: #f1f1f1;
|
||||
border-bottom-color: #f1f1f1;
|
||||
}
|
||||
|
||||
/* Admin Menu: submenu */
|
||||
#adminmenu .wp-submenu,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
|
||||
background: #26292c;
|
||||
}
|
||||
|
||||
#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
|
||||
#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
|
||||
border-left-color: #26292c;
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu .wp-submenu-head {
|
||||
color: #c3c4c5;
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu a,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
|
||||
color: #c3c4c5;
|
||||
}
|
||||
#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a:focus,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a:hover,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
|
||||
color: #e14d43;
|
||||
}
|
||||
|
||||
/* Admin Menu: current */
|
||||
#adminmenu .wp-submenu li.current a,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
|
||||
color: #fff;
|
||||
}
|
||||
#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
|
||||
color: #e14d43;
|
||||
}
|
||||
|
||||
ul#adminmenu a.wp-has-current-submenu:after,
|
||||
ul#adminmenu > li.current > a.current:after {
|
||||
border-left-color: #f1f1f1;
|
||||
}
|
||||
|
||||
#adminmenu li.current a.menu-top,
|
||||
#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
|
||||
#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,
|
||||
.folded #adminmenu li.current.menu-top {
|
||||
color: #fff;
|
||||
background: #e14d43;
|
||||
}
|
||||
|
||||
#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
|
||||
#adminmenu a.current:hover div.wp-menu-image:before,
|
||||
#adminmenu li.current div.wp-menu-image:before,
|
||||
#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
|
||||
#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
|
||||
#adminmenu li:hover div.wp-menu-image:before,
|
||||
#adminmenu li a:focus div.wp-menu-image:before,
|
||||
#adminmenu li.opensub div.wp-menu-image:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Admin Menu: bubble */
|
||||
#adminmenu .awaiting-mod,
|
||||
#adminmenu .update-plugins {
|
||||
color: #fff;
|
||||
background: #69a8bb;
|
||||
}
|
||||
|
||||
#adminmenu li.current a .awaiting-mod,
|
||||
#adminmenu li a.wp-has-current-submenu .update-plugins,
|
||||
#adminmenu li:hover a .awaiting-mod,
|
||||
#adminmenu li.menu-top:hover > a .update-plugins {
|
||||
color: #fff;
|
||||
background: #26292c;
|
||||
}
|
||||
|
||||
/* Admin Menu: collapse button */
|
||||
#collapse-button {
|
||||
color: hsl(206.6666666667deg, 7%, 95%);
|
||||
}
|
||||
|
||||
#collapse-button:hover,
|
||||
#collapse-button:focus {
|
||||
color: #e14d43;
|
||||
}
|
||||
|
||||
/* Admin Bar */
|
||||
#wpadminbar {
|
||||
color: #fff;
|
||||
background: #363b3f;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-item,
|
||||
#wpadminbar a.ab-item,
|
||||
#wpadminbar > #wp-toolbar span.ab-label,
|
||||
#wpadminbar > #wp-toolbar span.noticon {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-icon,
|
||||
#wpadminbar .ab-icon:before,
|
||||
#wpadminbar .ab-item:before,
|
||||
#wpadminbar .ab-item:after {
|
||||
color: hsl(206.6666666667deg, 7%, 95%);
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
|
||||
#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
|
||||
#wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
|
||||
#wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
|
||||
color: #e14d43;
|
||||
background: #26292c;
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar li.hover span.ab-label,
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label {
|
||||
color: #e14d43;
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) li:hover .ab-icon:before,
|
||||
#wpadminbar:not(.mobile) li:hover .ab-item:before,
|
||||
#wpadminbar:not(.mobile) li:hover .ab-item:after,
|
||||
#wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
|
||||
color: #e14d43;
|
||||
}
|
||||
|
||||
/* Admin Bar: submenu */
|
||||
#wpadminbar .menupop .ab-sub-wrapper {
|
||||
background: #26292c;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
|
||||
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
|
||||
background: #4c4c4d;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-submenu .ab-item,
|
||||
#wpadminbar .quicklinks .menupop ul li a,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a {
|
||||
color: #c3c4c5;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks li .blavatar,
|
||||
#wpadminbar .menupop .menupop > .ab-item:before {
|
||||
color: hsl(206.6666666667deg, 7%, 95%);
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks .menupop ul li a:hover,
|
||||
#wpadminbar .quicklinks .menupop ul li a:focus,
|
||||
#wpadminbar .quicklinks .menupop ul li a:hover strong,
|
||||
#wpadminbar .quicklinks .menupop ul li a:focus strong,
|
||||
#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a:hover,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a:focus,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
|
||||
#wpadminbar li:hover .ab-icon:before,
|
||||
#wpadminbar li:hover .ab-item:before,
|
||||
#wpadminbar li a:focus .ab-icon:before,
|
||||
#wpadminbar li .ab-item:focus:before,
|
||||
#wpadminbar li .ab-item:focus .ab-icon:before,
|
||||
#wpadminbar li.hover .ab-icon:before,
|
||||
#wpadminbar li.hover .ab-item:before,
|
||||
#wpadminbar li:hover #adminbarsearch:before,
|
||||
#wpadminbar li #adminbarsearch.adminbar-focused:before {
|
||||
color: #e14d43;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks li a:hover .blavatar,
|
||||
#wpadminbar .quicklinks li a:focus .blavatar,
|
||||
#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar,
|
||||
#wpadminbar .menupop .menupop > .ab-item:hover:before,
|
||||
#wpadminbar.mobile .quicklinks .ab-icon:before,
|
||||
#wpadminbar.mobile .quicklinks .ab-item:before {
|
||||
color: #e14d43;
|
||||
}
|
||||
|
||||
#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
|
||||
#wpadminbar.mobile .quicklinks .hover .ab-item:before {
|
||||
color: hsl(206.6666666667deg, 7%, 95%);
|
||||
}
|
||||
|
||||
/* Admin Bar: search */
|
||||
#wpadminbar #adminbarsearch:before {
|
||||
color: hsl(206.6666666667deg, 7%, 95%);
|
||||
}
|
||||
|
||||
#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
|
||||
color: #fff;
|
||||
background: #464d52;
|
||||
}
|
||||
|
||||
/* Admin Bar: recovery mode */
|
||||
#wpadminbar #wp-admin-bar-recovery-mode {
|
||||
color: #fff;
|
||||
background-color: #69a8bb;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-recovery-mode .ab-item,
|
||||
#wpadminbar #wp-admin-bar-recovery-mode a.ab-item {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-top-menu > #wp-admin-bar-recovery-mode.hover > .ab-item,
|
||||
#wpadminbar.nojq .quicklinks .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
|
||||
color: #fff;
|
||||
background-color: #5f97a8;
|
||||
}
|
||||
|
||||
/* Admin Bar: my account */
|
||||
#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
|
||||
border-color: #464d52;
|
||||
background-color: #464d52;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info .display-name {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info a:hover .display-name {
|
||||
color: #e14d43;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info .username {
|
||||
color: #c3c4c5;
|
||||
}
|
||||
|
||||
/* Pointers */
|
||||
.wp-pointer .wp-pointer-content h3 {
|
||||
background-color: #e14d43;
|
||||
border-color: #dd382d;
|
||||
}
|
||||
|
||||
.wp-pointer .wp-pointer-content h3:before {
|
||||
color: #e14d43;
|
||||
}
|
||||
|
||||
.wp-pointer.wp-pointer-top .wp-pointer-arrow,
|
||||
.wp-pointer.wp-pointer-top .wp-pointer-arrow-inner,
|
||||
.wp-pointer.wp-pointer-undefined .wp-pointer-arrow,
|
||||
.wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner {
|
||||
border-bottom-color: #e14d43;
|
||||
}
|
||||
|
||||
/* Media */
|
||||
.media-item .bar,
|
||||
.media-progress-bar div {
|
||||
background-color: #e14d43;
|
||||
}
|
||||
|
||||
.details.attachment {
|
||||
box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #e14d43;
|
||||
}
|
||||
|
||||
.attachment.details .check {
|
||||
background-color: #e14d43;
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 2px #e14d43;
|
||||
}
|
||||
|
||||
.media-selection .attachment.selection.details .thumbnail {
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 3px #e14d43;
|
||||
}
|
||||
|
||||
/* Themes */
|
||||
.theme-browser .theme.active .theme-name,
|
||||
.theme-browser .theme.add-new-theme a:hover:after,
|
||||
.theme-browser .theme.add-new-theme a:focus:after {
|
||||
background: #e14d43;
|
||||
}
|
||||
|
||||
.theme-browser .theme.add-new-theme a:hover span:after,
|
||||
.theme-browser .theme.add-new-theme a:focus span:after {
|
||||
color: #e14d43;
|
||||
}
|
||||
|
||||
.theme-section.current,
|
||||
.theme-filter.current {
|
||||
border-bottom-color: #363b3f;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters {
|
||||
color: #fff;
|
||||
background-color: #363b3f;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:hover,
|
||||
body.more-filters-opened .more-filters:focus {
|
||||
background-color: #e14d43;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:hover:before,
|
||||
body.more-filters-opened .more-filters:focus:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Widgets */
|
||||
.widgets-chooser li.widgets-chooser-selected {
|
||||
background-color: #e14d43;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.widgets-chooser li.widgets-chooser-selected:before,
|
||||
.widgets-chooser li.widgets-chooser-selected:focus:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Nav Menus */
|
||||
.nav-menus-php .item-edit:focus:before {
|
||||
box-shadow: 0 0 0 1px #e8776f, 0 0 2px 1px #e14d43;
|
||||
}
|
||||
|
||||
/* Responsive Component */
|
||||
div#wp-responsive-toggle a:before {
|
||||
color: hsl(206.6666666667deg, 7%, 95%);
|
||||
}
|
||||
|
||||
.wp-responsive-open div#wp-responsive-toggle a {
|
||||
border-color: transparent;
|
||||
background: #e14d43;
|
||||
}
|
||||
|
||||
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
|
||||
background: #26292c;
|
||||
}
|
||||
|
||||
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
|
||||
color: hsl(206.6666666667deg, 7%, 95%);
|
||||
}
|
||||
|
||||
/* TinyMCE */
|
||||
.mce-container.mce-menu .mce-menu-item:hover,
|
||||
.mce-container.mce-menu .mce-menu-item.mce-selected,
|
||||
.mce-container.mce-menu .mce-menu-item:focus,
|
||||
.mce-container.mce-menu .mce-menu-item-normal.mce-active,
|
||||
.mce-container.mce-menu .mce-menu-item-preview.mce-active {
|
||||
background: #e14d43;
|
||||
}
|
||||
|
||||
/* Customizer */
|
||||
.wp-core-ui #customize-controls .control-section:hover > .accordion-section-title,
|
||||
.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,
|
||||
.wp-core-ui #customize-controls .control-section.open .accordion-section-title,
|
||||
.wp-core-ui #customize-controls .control-section .accordion-section-title:focus {
|
||||
color: #0073aa;
|
||||
border-right-color: #e14d43;
|
||||
}
|
||||
.wp-core-ui .customize-controls-close:focus,
|
||||
.wp-core-ui .customize-controls-close:hover,
|
||||
.wp-core-ui .customize-controls-preview-toggle:focus,
|
||||
.wp-core-ui .customize-controls-preview-toggle:hover {
|
||||
color: #0073aa;
|
||||
border-top-color: #e14d43;
|
||||
}
|
||||
.wp-core-ui .customize-panel-back:hover,
|
||||
.wp-core-ui .customize-panel-back:focus,
|
||||
.wp-core-ui .customize-section-back:hover,
|
||||
.wp-core-ui .customize-section-back:focus {
|
||||
color: #0073aa;
|
||||
border-right-color: #e14d43;
|
||||
}
|
||||
.wp-core-ui .customize-screen-options-toggle:hover,
|
||||
.wp-core-ui .customize-screen-options-toggle:active,
|
||||
.wp-core-ui .customize-screen-options-toggle:focus,
|
||||
.wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .customize-screen-options-toggle:focus:before,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before, .wp-core-ui.wp-customizer button:focus .toggle-indicator:before,
|
||||
.wp-core-ui .menu-item-bar .item-delete:focus:before,
|
||||
.wp-core-ui #available-menu-items .item-add:focus:before,
|
||||
.wp-core-ui #customize-save-button-wrapper .save:focus,
|
||||
.wp-core-ui #publish-settings:focus {
|
||||
box-shadow: 0 0 0 1px #e8776f, 0 0 2px 1px #e14d43;
|
||||
}
|
||||
.wp-core-ui #customize-controls .customize-info.open .customize-help-toggle,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title:focus,
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title:hover {
|
||||
border-right-color: #e14d43;
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after {
|
||||
background: #e14d43;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title.selected {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui #customize-theme-controls .control-section:hover > .accordion-section-title:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus {
|
||||
background-color: #fbfbfc;
|
||||
border-color: #e14d43;
|
||||
border-style: solid;
|
||||
box-shadow: 0 0 0 1px #e14d43;
|
||||
outline: 2px solid transparent;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:focus,
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button.active:hover {
|
||||
border-bottom-color: #e14d43;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:hover:before,
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:focus:before {
|
||||
color: #e14d43;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
|
||||
color: #e14d43;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
|
||||
box-shadow: 0 0 0 1px #e8776f, 0 0 2px 1px #e14d43;
|
||||
}
|
||||
.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
|
||||
border-bottom-color: #e14d43;
|
||||
color: #0073aa;
|
||||
}
|
||||
|
||||
/* Welcome Panel */
|
||||
.welcome-panel {
|
||||
background-color: #e14d43;
|
||||
}
|
||||
|
||||
[class*=welcome-panel-icon] {
|
||||
background-color: #363b3f;
|
||||
}
|
File diff suppressed because one or more lines are too long
|
@ -0,0 +1,714 @@
|
|||
/*! This file is auto-generated */
|
||||
/*
|
||||
* Button mixin- creates a button effect with correct
|
||||
* highlights/shadows, based on a base color.
|
||||
*/
|
||||
body {
|
||||
background: #f1f1f1;
|
||||
}
|
||||
|
||||
/* Links */
|
||||
a {
|
||||
color: #0073aa;
|
||||
}
|
||||
a:hover, a:active, a:focus {
|
||||
color: #0096dd;
|
||||
}
|
||||
|
||||
#post-body .misc-pub-post-status:before,
|
||||
#post-body #visibility:before,
|
||||
.curtime #timestamp:before,
|
||||
#post-body .misc-pub-revisions:before,
|
||||
span.wp-media-buttons-icon:before {
|
||||
color: currentColor;
|
||||
}
|
||||
|
||||
.wp-core-ui .button-link {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .button-link:hover, .wp-core-ui .button-link:active, .wp-core-ui .button-link:focus {
|
||||
color: #0096dd;
|
||||
}
|
||||
|
||||
.media-modal .delete-attachment,
|
||||
.media-modal .trash-attachment,
|
||||
.media-modal .untrash-attachment,
|
||||
.wp-core-ui .button-link-delete {
|
||||
color: #a00;
|
||||
}
|
||||
|
||||
.media-modal .delete-attachment:hover,
|
||||
.media-modal .trash-attachment:hover,
|
||||
.media-modal .untrash-attachment:hover,
|
||||
.media-modal .delete-attachment:focus,
|
||||
.media-modal .trash-attachment:focus,
|
||||
.media-modal .untrash-attachment:focus,
|
||||
.wp-core-ui .button-link-delete:hover,
|
||||
.wp-core-ui .button-link-delete:focus {
|
||||
color: #dc3232;
|
||||
}
|
||||
|
||||
/* Forms */
|
||||
input[type=checkbox]:checked::before {
|
||||
content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%237e8993%27%2F%3E%3C%2Fsvg%3E");
|
||||
}
|
||||
|
||||
input[type=radio]:checked::before {
|
||||
background: #7e8993;
|
||||
}
|
||||
|
||||
.wp-core-ui input[type=reset]:hover,
|
||||
.wp-core-ui input[type=reset]:active {
|
||||
color: #0096dd;
|
||||
}
|
||||
|
||||
input[type=text]:focus,
|
||||
input[type=password]:focus,
|
||||
input[type=color]:focus,
|
||||
input[type=date]:focus,
|
||||
input[type=datetime]:focus,
|
||||
input[type=datetime-local]:focus,
|
||||
input[type=email]:focus,
|
||||
input[type=month]:focus,
|
||||
input[type=number]:focus,
|
||||
input[type=search]:focus,
|
||||
input[type=tel]:focus,
|
||||
input[type=text]:focus,
|
||||
input[type=time]:focus,
|
||||
input[type=url]:focus,
|
||||
input[type=week]:focus,
|
||||
input[type=checkbox]:focus,
|
||||
input[type=radio]:focus,
|
||||
select:focus,
|
||||
textarea:focus {
|
||||
border-color: #e14d43;
|
||||
box-shadow: 0 0 0 1px #e14d43;
|
||||
}
|
||||
|
||||
/* Core UI */
|
||||
.wp-core-ui .button {
|
||||
border-color: #7e8993;
|
||||
color: #32373c;
|
||||
}
|
||||
.wp-core-ui .button.hover,
|
||||
.wp-core-ui .button:hover,
|
||||
.wp-core-ui .button.focus,
|
||||
.wp-core-ui .button:focus {
|
||||
border-color: #717c87;
|
||||
color: #262a2e;
|
||||
}
|
||||
.wp-core-ui .button.focus,
|
||||
.wp-core-ui .button:focus {
|
||||
border-color: #7e8993;
|
||||
color: #262a2e;
|
||||
box-shadow: 0 0 0 1px #32373c;
|
||||
}
|
||||
.wp-core-ui .button:active {
|
||||
border-color: #7e8993;
|
||||
color: #262a2e;
|
||||
box-shadow: none;
|
||||
}
|
||||
.wp-core-ui .button.active,
|
||||
.wp-core-ui .button.active:focus,
|
||||
.wp-core-ui .button.active:hover {
|
||||
border-color: #e14d43;
|
||||
color: #262a2e;
|
||||
box-shadow: inset 0 2px 5px -3px #e14d43;
|
||||
}
|
||||
.wp-core-ui .button.active:focus {
|
||||
box-shadow: 0 0 0 1px #32373c;
|
||||
}
|
||||
.wp-core-ui .button,
|
||||
.wp-core-ui .button-secondary {
|
||||
color: #e14d43;
|
||||
border-color: #e14d43;
|
||||
}
|
||||
.wp-core-ui .button.hover,
|
||||
.wp-core-ui .button:hover,
|
||||
.wp-core-ui .button-secondary:hover {
|
||||
border-color: #d02c21;
|
||||
color: #d02c21;
|
||||
}
|
||||
.wp-core-ui .button.focus,
|
||||
.wp-core-ui .button:focus,
|
||||
.wp-core-ui .button-secondary:focus {
|
||||
border-color: #e8776f;
|
||||
color: #a4231a;
|
||||
box-shadow: 0 0 0 1px #e8776f;
|
||||
}
|
||||
.wp-core-ui .button-primary:hover {
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary {
|
||||
background: #e14d43;
|
||||
border-color: #e14d43;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
|
||||
background: #e35950;
|
||||
border-color: #df4136;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary:focus {
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 3px #e14d43;
|
||||
}
|
||||
.wp-core-ui .button-primary:active {
|
||||
background: #dd382d;
|
||||
border-color: #dd382d;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
|
||||
background: #e14d43;
|
||||
color: #fff;
|
||||
border-color: #ba281e;
|
||||
box-shadow: inset 0 2px 5px -3px #200705;
|
||||
}
|
||||
.wp-core-ui .button-group > .button.active {
|
||||
border-color: #e14d43;
|
||||
}
|
||||
.wp-core-ui .wp-ui-primary {
|
||||
color: #fff;
|
||||
background-color: #363b3f;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-primary {
|
||||
color: #363b3f;
|
||||
}
|
||||
.wp-core-ui .wp-ui-highlight {
|
||||
color: #fff;
|
||||
background-color: #e14d43;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-highlight {
|
||||
color: #e14d43;
|
||||
}
|
||||
.wp-core-ui .wp-ui-notification {
|
||||
color: #fff;
|
||||
background-color: #69a8bb;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-notification {
|
||||
color: #69a8bb;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-icon {
|
||||
color: hsl(206.6666666667deg, 7%, 95%);
|
||||
}
|
||||
|
||||
/* List tables */
|
||||
.wrap .page-title-action,
|
||||
.wrap .page-title-action:active {
|
||||
border: 1px solid #e14d43;
|
||||
color: #e14d43;
|
||||
}
|
||||
|
||||
.wrap .page-title-action:hover {
|
||||
color: #d02c21;
|
||||
border-color: #d02c21;
|
||||
}
|
||||
|
||||
.wrap .page-title-action:focus {
|
||||
border-color: #e8776f;
|
||||
color: #a4231a;
|
||||
box-shadow: 0 0 0 1px #e8776f;
|
||||
}
|
||||
|
||||
.view-switch a.current:before {
|
||||
color: #363b3f;
|
||||
}
|
||||
|
||||
.view-switch a:hover:before {
|
||||
color: #69a8bb;
|
||||
}
|
||||
|
||||
/* Admin Menu */
|
||||
#adminmenuback,
|
||||
#adminmenuwrap,
|
||||
#adminmenu {
|
||||
background: #363b3f;
|
||||
}
|
||||
|
||||
#adminmenu a {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#adminmenu div.wp-menu-image:before {
|
||||
color: hsl(206.6666666667deg, 7%, 95%);
|
||||
}
|
||||
|
||||
#adminmenu a:hover,
|
||||
#adminmenu li.menu-top:hover,
|
||||
#adminmenu li.opensub > a.menu-top,
|
||||
#adminmenu li > a.menu-top:focus {
|
||||
color: #fff;
|
||||
background-color: #e14d43;
|
||||
}
|
||||
|
||||
#adminmenu li.menu-top:hover div.wp-menu-image:before,
|
||||
#adminmenu li.opensub > a.menu-top div.wp-menu-image:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Active tabs use a bottom border color that matches the page background color. */
|
||||
.about-wrap .nav-tab-active,
|
||||
.nav-tab-active,
|
||||
.nav-tab-active:hover {
|
||||
background-color: #f1f1f1;
|
||||
border-bottom-color: #f1f1f1;
|
||||
}
|
||||
|
||||
/* Admin Menu: submenu */
|
||||
#adminmenu .wp-submenu,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
|
||||
background: #26292c;
|
||||
}
|
||||
|
||||
#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
|
||||
#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
|
||||
border-right-color: #26292c;
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu .wp-submenu-head {
|
||||
color: #c3c4c5;
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu a,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
|
||||
color: #c3c4c5;
|
||||
}
|
||||
#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a:focus,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a:hover,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
|
||||
color: #e14d43;
|
||||
}
|
||||
|
||||
/* Admin Menu: current */
|
||||
#adminmenu .wp-submenu li.current a,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
|
||||
color: #fff;
|
||||
}
|
||||
#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
|
||||
color: #e14d43;
|
||||
}
|
||||
|
||||
ul#adminmenu a.wp-has-current-submenu:after,
|
||||
ul#adminmenu > li.current > a.current:after {
|
||||
border-right-color: #f1f1f1;
|
||||
}
|
||||
|
||||
#adminmenu li.current a.menu-top,
|
||||
#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
|
||||
#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,
|
||||
.folded #adminmenu li.current.menu-top {
|
||||
color: #fff;
|
||||
background: #e14d43;
|
||||
}
|
||||
|
||||
#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
|
||||
#adminmenu a.current:hover div.wp-menu-image:before,
|
||||
#adminmenu li.current div.wp-menu-image:before,
|
||||
#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
|
||||
#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
|
||||
#adminmenu li:hover div.wp-menu-image:before,
|
||||
#adminmenu li a:focus div.wp-menu-image:before,
|
||||
#adminmenu li.opensub div.wp-menu-image:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Admin Menu: bubble */
|
||||
#adminmenu .awaiting-mod,
|
||||
#adminmenu .update-plugins {
|
||||
color: #fff;
|
||||
background: #69a8bb;
|
||||
}
|
||||
|
||||
#adminmenu li.current a .awaiting-mod,
|
||||
#adminmenu li a.wp-has-current-submenu .update-plugins,
|
||||
#adminmenu li:hover a .awaiting-mod,
|
||||
#adminmenu li.menu-top:hover > a .update-plugins {
|
||||
color: #fff;
|
||||
background: #26292c;
|
||||
}
|
||||
|
||||
/* Admin Menu: collapse button */
|
||||
#collapse-button {
|
||||
color: hsl(206.6666666667deg, 7%, 95%);
|
||||
}
|
||||
|
||||
#collapse-button:hover,
|
||||
#collapse-button:focus {
|
||||
color: #e14d43;
|
||||
}
|
||||
|
||||
/* Admin Bar */
|
||||
#wpadminbar {
|
||||
color: #fff;
|
||||
background: #363b3f;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-item,
|
||||
#wpadminbar a.ab-item,
|
||||
#wpadminbar > #wp-toolbar span.ab-label,
|
||||
#wpadminbar > #wp-toolbar span.noticon {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-icon,
|
||||
#wpadminbar .ab-icon:before,
|
||||
#wpadminbar .ab-item:before,
|
||||
#wpadminbar .ab-item:after {
|
||||
color: hsl(206.6666666667deg, 7%, 95%);
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
|
||||
#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
|
||||
#wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
|
||||
#wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
|
||||
color: #e14d43;
|
||||
background: #26292c;
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar li.hover span.ab-label,
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label {
|
||||
color: #e14d43;
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) li:hover .ab-icon:before,
|
||||
#wpadminbar:not(.mobile) li:hover .ab-item:before,
|
||||
#wpadminbar:not(.mobile) li:hover .ab-item:after,
|
||||
#wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
|
||||
color: #e14d43;
|
||||
}
|
||||
|
||||
/* Admin Bar: submenu */
|
||||
#wpadminbar .menupop .ab-sub-wrapper {
|
||||
background: #26292c;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
|
||||
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
|
||||
background: #4c4c4d;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-submenu .ab-item,
|
||||
#wpadminbar .quicklinks .menupop ul li a,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a {
|
||||
color: #c3c4c5;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks li .blavatar,
|
||||
#wpadminbar .menupop .menupop > .ab-item:before {
|
||||
color: hsl(206.6666666667deg, 7%, 95%);
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks .menupop ul li a:hover,
|
||||
#wpadminbar .quicklinks .menupop ul li a:focus,
|
||||
#wpadminbar .quicklinks .menupop ul li a:hover strong,
|
||||
#wpadminbar .quicklinks .menupop ul li a:focus strong,
|
||||
#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a:hover,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a:focus,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
|
||||
#wpadminbar li:hover .ab-icon:before,
|
||||
#wpadminbar li:hover .ab-item:before,
|
||||
#wpadminbar li a:focus .ab-icon:before,
|
||||
#wpadminbar li .ab-item:focus:before,
|
||||
#wpadminbar li .ab-item:focus .ab-icon:before,
|
||||
#wpadminbar li.hover .ab-icon:before,
|
||||
#wpadminbar li.hover .ab-item:before,
|
||||
#wpadminbar li:hover #adminbarsearch:before,
|
||||
#wpadminbar li #adminbarsearch.adminbar-focused:before {
|
||||
color: #e14d43;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks li a:hover .blavatar,
|
||||
#wpadminbar .quicklinks li a:focus .blavatar,
|
||||
#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar,
|
||||
#wpadminbar .menupop .menupop > .ab-item:hover:before,
|
||||
#wpadminbar.mobile .quicklinks .ab-icon:before,
|
||||
#wpadminbar.mobile .quicklinks .ab-item:before {
|
||||
color: #e14d43;
|
||||
}
|
||||
|
||||
#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
|
||||
#wpadminbar.mobile .quicklinks .hover .ab-item:before {
|
||||
color: hsl(206.6666666667deg, 7%, 95%);
|
||||
}
|
||||
|
||||
/* Admin Bar: search */
|
||||
#wpadminbar #adminbarsearch:before {
|
||||
color: hsl(206.6666666667deg, 7%, 95%);
|
||||
}
|
||||
|
||||
#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
|
||||
color: #fff;
|
||||
background: #464d52;
|
||||
}
|
||||
|
||||
/* Admin Bar: recovery mode */
|
||||
#wpadminbar #wp-admin-bar-recovery-mode {
|
||||
color: #fff;
|
||||
background-color: #69a8bb;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-recovery-mode .ab-item,
|
||||
#wpadminbar #wp-admin-bar-recovery-mode a.ab-item {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-top-menu > #wp-admin-bar-recovery-mode.hover > .ab-item,
|
||||
#wpadminbar.nojq .quicklinks .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
|
||||
color: #fff;
|
||||
background-color: #5f97a8;
|
||||
}
|
||||
|
||||
/* Admin Bar: my account */
|
||||
#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
|
||||
border-color: #464d52;
|
||||
background-color: #464d52;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info .display-name {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info a:hover .display-name {
|
||||
color: #e14d43;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info .username {
|
||||
color: #c3c4c5;
|
||||
}
|
||||
|
||||
/* Pointers */
|
||||
.wp-pointer .wp-pointer-content h3 {
|
||||
background-color: #e14d43;
|
||||
border-color: #dd382d;
|
||||
}
|
||||
|
||||
.wp-pointer .wp-pointer-content h3:before {
|
||||
color: #e14d43;
|
||||
}
|
||||
|
||||
.wp-pointer.wp-pointer-top .wp-pointer-arrow,
|
||||
.wp-pointer.wp-pointer-top .wp-pointer-arrow-inner,
|
||||
.wp-pointer.wp-pointer-undefined .wp-pointer-arrow,
|
||||
.wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner {
|
||||
border-bottom-color: #e14d43;
|
||||
}
|
||||
|
||||
/* Media */
|
||||
.media-item .bar,
|
||||
.media-progress-bar div {
|
||||
background-color: #e14d43;
|
||||
}
|
||||
|
||||
.details.attachment {
|
||||
box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #e14d43;
|
||||
}
|
||||
|
||||
.attachment.details .check {
|
||||
background-color: #e14d43;
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 2px #e14d43;
|
||||
}
|
||||
|
||||
.media-selection .attachment.selection.details .thumbnail {
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 3px #e14d43;
|
||||
}
|
||||
|
||||
/* Themes */
|
||||
.theme-browser .theme.active .theme-name,
|
||||
.theme-browser .theme.add-new-theme a:hover:after,
|
||||
.theme-browser .theme.add-new-theme a:focus:after {
|
||||
background: #e14d43;
|
||||
}
|
||||
|
||||
.theme-browser .theme.add-new-theme a:hover span:after,
|
||||
.theme-browser .theme.add-new-theme a:focus span:after {
|
||||
color: #e14d43;
|
||||
}
|
||||
|
||||
.theme-section.current,
|
||||
.theme-filter.current {
|
||||
border-bottom-color: #363b3f;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters {
|
||||
color: #fff;
|
||||
background-color: #363b3f;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:hover,
|
||||
body.more-filters-opened .more-filters:focus {
|
||||
background-color: #e14d43;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:hover:before,
|
||||
body.more-filters-opened .more-filters:focus:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Widgets */
|
||||
.widgets-chooser li.widgets-chooser-selected {
|
||||
background-color: #e14d43;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.widgets-chooser li.widgets-chooser-selected:before,
|
||||
.widgets-chooser li.widgets-chooser-selected:focus:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Nav Menus */
|
||||
.nav-menus-php .item-edit:focus:before {
|
||||
box-shadow: 0 0 0 1px #e8776f, 0 0 2px 1px #e14d43;
|
||||
}
|
||||
|
||||
/* Responsive Component */
|
||||
div#wp-responsive-toggle a:before {
|
||||
color: hsl(206.6666666667deg, 7%, 95%);
|
||||
}
|
||||
|
||||
.wp-responsive-open div#wp-responsive-toggle a {
|
||||
border-color: transparent;
|
||||
background: #e14d43;
|
||||
}
|
||||
|
||||
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
|
||||
background: #26292c;
|
||||
}
|
||||
|
||||
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
|
||||
color: hsl(206.6666666667deg, 7%, 95%);
|
||||
}
|
||||
|
||||
/* TinyMCE */
|
||||
.mce-container.mce-menu .mce-menu-item:hover,
|
||||
.mce-container.mce-menu .mce-menu-item.mce-selected,
|
||||
.mce-container.mce-menu .mce-menu-item:focus,
|
||||
.mce-container.mce-menu .mce-menu-item-normal.mce-active,
|
||||
.mce-container.mce-menu .mce-menu-item-preview.mce-active {
|
||||
background: #e14d43;
|
||||
}
|
||||
|
||||
/* Customizer */
|
||||
.wp-core-ui #customize-controls .control-section:hover > .accordion-section-title,
|
||||
.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,
|
||||
.wp-core-ui #customize-controls .control-section.open .accordion-section-title,
|
||||
.wp-core-ui #customize-controls .control-section .accordion-section-title:focus {
|
||||
color: #0073aa;
|
||||
border-left-color: #e14d43;
|
||||
}
|
||||
.wp-core-ui .customize-controls-close:focus,
|
||||
.wp-core-ui .customize-controls-close:hover,
|
||||
.wp-core-ui .customize-controls-preview-toggle:focus,
|
||||
.wp-core-ui .customize-controls-preview-toggle:hover {
|
||||
color: #0073aa;
|
||||
border-top-color: #e14d43;
|
||||
}
|
||||
.wp-core-ui .customize-panel-back:hover,
|
||||
.wp-core-ui .customize-panel-back:focus,
|
||||
.wp-core-ui .customize-section-back:hover,
|
||||
.wp-core-ui .customize-section-back:focus {
|
||||
color: #0073aa;
|
||||
border-left-color: #e14d43;
|
||||
}
|
||||
.wp-core-ui .customize-screen-options-toggle:hover,
|
||||
.wp-core-ui .customize-screen-options-toggle:active,
|
||||
.wp-core-ui .customize-screen-options-toggle:focus,
|
||||
.wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .customize-screen-options-toggle:focus:before,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before, .wp-core-ui.wp-customizer button:focus .toggle-indicator:before,
|
||||
.wp-core-ui .menu-item-bar .item-delete:focus:before,
|
||||
.wp-core-ui #available-menu-items .item-add:focus:before,
|
||||
.wp-core-ui #customize-save-button-wrapper .save:focus,
|
||||
.wp-core-ui #publish-settings:focus {
|
||||
box-shadow: 0 0 0 1px #e8776f, 0 0 2px 1px #e14d43;
|
||||
}
|
||||
.wp-core-ui #customize-controls .customize-info.open .customize-help-toggle,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title:focus,
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title:hover {
|
||||
border-left-color: #e14d43;
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after {
|
||||
background: #e14d43;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title.selected {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui #customize-theme-controls .control-section:hover > .accordion-section-title:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus {
|
||||
background-color: #fbfbfc;
|
||||
border-color: #e14d43;
|
||||
border-style: solid;
|
||||
box-shadow: 0 0 0 1px #e14d43;
|
||||
outline: 2px solid transparent;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:focus,
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button.active:hover {
|
||||
border-bottom-color: #e14d43;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:hover:before,
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:focus:before {
|
||||
color: #e14d43;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
|
||||
color: #e14d43;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
|
||||
box-shadow: 0 0 0 1px #e8776f, 0 0 2px 1px #e14d43;
|
||||
}
|
||||
.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
|
||||
border-bottom-color: #e14d43;
|
||||
color: #0073aa;
|
||||
}
|
||||
|
||||
/* Welcome Panel */
|
||||
.welcome-panel {
|
||||
background-color: #e14d43;
|
||||
}
|
||||
|
||||
[class*=welcome-panel-icon] {
|
||||
background-color: #363b3f;
|
||||
}
|
File diff suppressed because one or more lines are too long
|
@ -0,0 +1,6 @@
|
|||
$scheme-name: "midnight";
|
||||
$base-color: #363b3f;
|
||||
$highlight-color: #e14d43;
|
||||
$notification-color: #69a8bb;
|
||||
|
||||
@import "../_admin.scss";
|
|
@ -0,0 +1,714 @@
|
|||
/*! This file is auto-generated */
|
||||
/*
|
||||
* Button mixin- creates a button effect with correct
|
||||
* highlights/shadows, based on a base color.
|
||||
*/
|
||||
body {
|
||||
background: #f1f1f1;
|
||||
}
|
||||
|
||||
/* Links */
|
||||
a {
|
||||
color: #3858e9;
|
||||
}
|
||||
a:hover, a:active, a:focus {
|
||||
color: #183ad6;
|
||||
}
|
||||
|
||||
#post-body .misc-pub-post-status:before,
|
||||
#post-body #visibility:before,
|
||||
.curtime #timestamp:before,
|
||||
#post-body .misc-pub-revisions:before,
|
||||
span.wp-media-buttons-icon:before {
|
||||
color: currentColor;
|
||||
}
|
||||
|
||||
.wp-core-ui .button-link {
|
||||
color: #3858e9;
|
||||
}
|
||||
.wp-core-ui .button-link:hover, .wp-core-ui .button-link:active, .wp-core-ui .button-link:focus {
|
||||
color: #183ad6;
|
||||
}
|
||||
|
||||
.media-modal .delete-attachment,
|
||||
.media-modal .trash-attachment,
|
||||
.media-modal .untrash-attachment,
|
||||
.wp-core-ui .button-link-delete {
|
||||
color: #a00;
|
||||
}
|
||||
|
||||
.media-modal .delete-attachment:hover,
|
||||
.media-modal .trash-attachment:hover,
|
||||
.media-modal .untrash-attachment:hover,
|
||||
.media-modal .delete-attachment:focus,
|
||||
.media-modal .trash-attachment:focus,
|
||||
.media-modal .untrash-attachment:focus,
|
||||
.wp-core-ui .button-link-delete:hover,
|
||||
.wp-core-ui .button-link-delete:focus {
|
||||
color: #dc3232;
|
||||
}
|
||||
|
||||
/* Forms */
|
||||
input[type=checkbox]:checked::before {
|
||||
content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%237e8993%27%2F%3E%3C%2Fsvg%3E");
|
||||
}
|
||||
|
||||
input[type=radio]:checked::before {
|
||||
background: #7e8993;
|
||||
}
|
||||
|
||||
.wp-core-ui input[type=reset]:hover,
|
||||
.wp-core-ui input[type=reset]:active {
|
||||
color: #183ad6;
|
||||
}
|
||||
|
||||
input[type=text]:focus,
|
||||
input[type=password]:focus,
|
||||
input[type=color]:focus,
|
||||
input[type=date]:focus,
|
||||
input[type=datetime]:focus,
|
||||
input[type=datetime-local]:focus,
|
||||
input[type=email]:focus,
|
||||
input[type=month]:focus,
|
||||
input[type=number]:focus,
|
||||
input[type=search]:focus,
|
||||
input[type=tel]:focus,
|
||||
input[type=text]:focus,
|
||||
input[type=time]:focus,
|
||||
input[type=url]:focus,
|
||||
input[type=week]:focus,
|
||||
input[type=checkbox]:focus,
|
||||
input[type=radio]:focus,
|
||||
select:focus,
|
||||
textarea:focus {
|
||||
border-color: #3858e9;
|
||||
box-shadow: 0 0 0 1px #3858e9;
|
||||
}
|
||||
|
||||
/* Core UI */
|
||||
.wp-core-ui .button {
|
||||
border-color: #7e8993;
|
||||
color: #32373c;
|
||||
}
|
||||
.wp-core-ui .button.hover,
|
||||
.wp-core-ui .button:hover,
|
||||
.wp-core-ui .button.focus,
|
||||
.wp-core-ui .button:focus {
|
||||
border-color: #717c87;
|
||||
color: #262a2e;
|
||||
}
|
||||
.wp-core-ui .button.focus,
|
||||
.wp-core-ui .button:focus {
|
||||
border-color: #7e8993;
|
||||
color: #262a2e;
|
||||
box-shadow: 0 0 0 1px #32373c;
|
||||
}
|
||||
.wp-core-ui .button:active {
|
||||
border-color: #7e8993;
|
||||
color: #262a2e;
|
||||
box-shadow: none;
|
||||
}
|
||||
.wp-core-ui .button.active,
|
||||
.wp-core-ui .button.active:focus,
|
||||
.wp-core-ui .button.active:hover {
|
||||
border-color: #3858e9;
|
||||
color: #262a2e;
|
||||
box-shadow: inset 0 2px 5px -3px #3858e9;
|
||||
}
|
||||
.wp-core-ui .button.active:focus {
|
||||
box-shadow: 0 0 0 1px #32373c;
|
||||
}
|
||||
.wp-core-ui .button,
|
||||
.wp-core-ui .button-secondary {
|
||||
color: #3858e9;
|
||||
border-color: #3858e9;
|
||||
}
|
||||
.wp-core-ui .button.hover,
|
||||
.wp-core-ui .button:hover,
|
||||
.wp-core-ui .button-secondary:hover {
|
||||
border-color: #183ad6;
|
||||
color: #183ad6;
|
||||
}
|
||||
.wp-core-ui .button.focus,
|
||||
.wp-core-ui .button:focus,
|
||||
.wp-core-ui .button-secondary:focus {
|
||||
border-color: #667fee;
|
||||
color: #132ea8;
|
||||
box-shadow: 0 0 0 1px #667fee;
|
||||
}
|
||||
.wp-core-ui .button-primary:hover {
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary {
|
||||
background: #3858e9;
|
||||
border-color: #3858e9;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
|
||||
background: #4664eb;
|
||||
border-color: #2a4ce7;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary:focus {
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 3px #3858e9;
|
||||
}
|
||||
.wp-core-ui .button-primary:active {
|
||||
background: #2145e6;
|
||||
border-color: #2145e6;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
|
||||
background: #3858e9;
|
||||
color: #fff;
|
||||
border-color: #1534bf;
|
||||
box-shadow: inset 0 2px 5px -3px #03081f;
|
||||
}
|
||||
.wp-core-ui .button-group > .button.active {
|
||||
border-color: #3858e9;
|
||||
}
|
||||
.wp-core-ui .wp-ui-primary {
|
||||
color: #fff;
|
||||
background-color: #1e1e1e;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-primary {
|
||||
color: #1e1e1e;
|
||||
}
|
||||
.wp-core-ui .wp-ui-highlight {
|
||||
color: #fff;
|
||||
background-color: #3858e9;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-highlight {
|
||||
color: #3858e9;
|
||||
}
|
||||
.wp-core-ui .wp-ui-notification {
|
||||
color: #fff;
|
||||
background-color: #3858e9;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-notification {
|
||||
color: #3858e9;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-icon {
|
||||
color: hsl(0deg, 7%, 95%);
|
||||
}
|
||||
|
||||
/* List tables */
|
||||
.wrap .page-title-action,
|
||||
.wrap .page-title-action:active {
|
||||
border: 1px solid #3858e9;
|
||||
color: #3858e9;
|
||||
}
|
||||
|
||||
.wrap .page-title-action:hover {
|
||||
color: #183ad6;
|
||||
border-color: #183ad6;
|
||||
}
|
||||
|
||||
.wrap .page-title-action:focus {
|
||||
border-color: #667fee;
|
||||
color: #132ea8;
|
||||
box-shadow: 0 0 0 1px #667fee;
|
||||
}
|
||||
|
||||
.view-switch a.current:before {
|
||||
color: #1e1e1e;
|
||||
}
|
||||
|
||||
.view-switch a:hover:before {
|
||||
color: #3858e9;
|
||||
}
|
||||
|
||||
/* Admin Menu */
|
||||
#adminmenuback,
|
||||
#adminmenuwrap,
|
||||
#adminmenu {
|
||||
background: #1e1e1e;
|
||||
}
|
||||
|
||||
#adminmenu a {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#adminmenu div.wp-menu-image:before {
|
||||
color: hsl(0deg, 7%, 95%);
|
||||
}
|
||||
|
||||
#adminmenu a:hover,
|
||||
#adminmenu li.menu-top:hover,
|
||||
#adminmenu li.opensub > a.menu-top,
|
||||
#adminmenu li > a.menu-top:focus {
|
||||
color: #fff;
|
||||
background-color: #3858e9;
|
||||
}
|
||||
|
||||
#adminmenu li.menu-top:hover div.wp-menu-image:before,
|
||||
#adminmenu li.opensub > a.menu-top div.wp-menu-image:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Active tabs use a bottom border color that matches the page background color. */
|
||||
.about-wrap .nav-tab-active,
|
||||
.nav-tab-active,
|
||||
.nav-tab-active:hover {
|
||||
background-color: #f1f1f1;
|
||||
border-bottom-color: #f1f1f1;
|
||||
}
|
||||
|
||||
/* Admin Menu: submenu */
|
||||
#adminmenu .wp-submenu,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
|
||||
background: #0c0c0c;
|
||||
}
|
||||
|
||||
#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
|
||||
#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
|
||||
border-left-color: #0c0c0c;
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu .wp-submenu-head {
|
||||
color: #bcbcbc;
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu a,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
|
||||
color: #bcbcbc;
|
||||
}
|
||||
#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a:focus,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a:hover,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
|
||||
color: #33f078;
|
||||
}
|
||||
|
||||
/* Admin Menu: current */
|
||||
#adminmenu .wp-submenu li.current a,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
|
||||
color: #fff;
|
||||
}
|
||||
#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
|
||||
color: #33f078;
|
||||
}
|
||||
|
||||
ul#adminmenu a.wp-has-current-submenu:after,
|
||||
ul#adminmenu > li.current > a.current:after {
|
||||
border-left-color: #f1f1f1;
|
||||
}
|
||||
|
||||
#adminmenu li.current a.menu-top,
|
||||
#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
|
||||
#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,
|
||||
.folded #adminmenu li.current.menu-top {
|
||||
color: #fff;
|
||||
background: #3858e9;
|
||||
}
|
||||
|
||||
#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
|
||||
#adminmenu a.current:hover div.wp-menu-image:before,
|
||||
#adminmenu li.current div.wp-menu-image:before,
|
||||
#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
|
||||
#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
|
||||
#adminmenu li:hover div.wp-menu-image:before,
|
||||
#adminmenu li a:focus div.wp-menu-image:before,
|
||||
#adminmenu li.opensub div.wp-menu-image:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Admin Menu: bubble */
|
||||
#adminmenu .awaiting-mod,
|
||||
#adminmenu .update-plugins {
|
||||
color: #fff;
|
||||
background: #3858e9;
|
||||
}
|
||||
|
||||
#adminmenu li.current a .awaiting-mod,
|
||||
#adminmenu li a.wp-has-current-submenu .update-plugins,
|
||||
#adminmenu li:hover a .awaiting-mod,
|
||||
#adminmenu li.menu-top:hover > a .update-plugins {
|
||||
color: #fff;
|
||||
background: #0c0c0c;
|
||||
}
|
||||
|
||||
/* Admin Menu: collapse button */
|
||||
#collapse-button {
|
||||
color: hsl(0deg, 7%, 95%);
|
||||
}
|
||||
|
||||
#collapse-button:hover,
|
||||
#collapse-button:focus {
|
||||
color: #33f078;
|
||||
}
|
||||
|
||||
/* Admin Bar */
|
||||
#wpadminbar {
|
||||
color: #fff;
|
||||
background: #1e1e1e;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-item,
|
||||
#wpadminbar a.ab-item,
|
||||
#wpadminbar > #wp-toolbar span.ab-label,
|
||||
#wpadminbar > #wp-toolbar span.noticon {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-icon,
|
||||
#wpadminbar .ab-icon:before,
|
||||
#wpadminbar .ab-item:before,
|
||||
#wpadminbar .ab-item:after {
|
||||
color: hsl(0deg, 7%, 95%);
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
|
||||
#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
|
||||
#wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
|
||||
#wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
|
||||
color: #33f078;
|
||||
background: #0c0c0c;
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar li.hover span.ab-label,
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label {
|
||||
color: #33f078;
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) li:hover .ab-icon:before,
|
||||
#wpadminbar:not(.mobile) li:hover .ab-item:before,
|
||||
#wpadminbar:not(.mobile) li:hover .ab-item:after,
|
||||
#wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
|
||||
color: #33f078;
|
||||
}
|
||||
|
||||
/* Admin Bar: submenu */
|
||||
#wpadminbar .menupop .ab-sub-wrapper {
|
||||
background: #0c0c0c;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
|
||||
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
|
||||
background: #303030;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-submenu .ab-item,
|
||||
#wpadminbar .quicklinks .menupop ul li a,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a {
|
||||
color: #bcbcbc;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks li .blavatar,
|
||||
#wpadminbar .menupop .menupop > .ab-item:before {
|
||||
color: hsl(0deg, 7%, 95%);
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks .menupop ul li a:hover,
|
||||
#wpadminbar .quicklinks .menupop ul li a:focus,
|
||||
#wpadminbar .quicklinks .menupop ul li a:hover strong,
|
||||
#wpadminbar .quicklinks .menupop ul li a:focus strong,
|
||||
#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a:hover,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a:focus,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
|
||||
#wpadminbar li:hover .ab-icon:before,
|
||||
#wpadminbar li:hover .ab-item:before,
|
||||
#wpadminbar li a:focus .ab-icon:before,
|
||||
#wpadminbar li .ab-item:focus:before,
|
||||
#wpadminbar li .ab-item:focus .ab-icon:before,
|
||||
#wpadminbar li.hover .ab-icon:before,
|
||||
#wpadminbar li.hover .ab-item:before,
|
||||
#wpadminbar li:hover #adminbarsearch:before,
|
||||
#wpadminbar li #adminbarsearch.adminbar-focused:before {
|
||||
color: #33f078;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks li a:hover .blavatar,
|
||||
#wpadminbar .quicklinks li a:focus .blavatar,
|
||||
#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar,
|
||||
#wpadminbar .menupop .menupop > .ab-item:hover:before,
|
||||
#wpadminbar.mobile .quicklinks .ab-icon:before,
|
||||
#wpadminbar.mobile .quicklinks .ab-item:before {
|
||||
color: #33f078;
|
||||
}
|
||||
|
||||
#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
|
||||
#wpadminbar.mobile .quicklinks .hover .ab-item:before {
|
||||
color: hsl(0deg, 7%, 95%);
|
||||
}
|
||||
|
||||
/* Admin Bar: search */
|
||||
#wpadminbar #adminbarsearch:before {
|
||||
color: hsl(0deg, 7%, 95%);
|
||||
}
|
||||
|
||||
#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
|
||||
color: #fff;
|
||||
background: #303030;
|
||||
}
|
||||
|
||||
/* Admin Bar: recovery mode */
|
||||
#wpadminbar #wp-admin-bar-recovery-mode {
|
||||
color: #fff;
|
||||
background-color: #3858e9;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-recovery-mode .ab-item,
|
||||
#wpadminbar #wp-admin-bar-recovery-mode a.ab-item {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-top-menu > #wp-admin-bar-recovery-mode.hover > .ab-item,
|
||||
#wpadminbar.nojq .quicklinks .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
|
||||
color: #fff;
|
||||
background-color: #324fd2;
|
||||
}
|
||||
|
||||
/* Admin Bar: my account */
|
||||
#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
|
||||
border-color: #303030;
|
||||
background-color: #303030;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info .display-name {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info a:hover .display-name {
|
||||
color: #33f078;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info .username {
|
||||
color: #bcbcbc;
|
||||
}
|
||||
|
||||
/* Pointers */
|
||||
.wp-pointer .wp-pointer-content h3 {
|
||||
background-color: #3858e9;
|
||||
border-color: #2145e6;
|
||||
}
|
||||
|
||||
.wp-pointer .wp-pointer-content h3:before {
|
||||
color: #3858e9;
|
||||
}
|
||||
|
||||
.wp-pointer.wp-pointer-top .wp-pointer-arrow,
|
||||
.wp-pointer.wp-pointer-top .wp-pointer-arrow-inner,
|
||||
.wp-pointer.wp-pointer-undefined .wp-pointer-arrow,
|
||||
.wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner {
|
||||
border-bottom-color: #3858e9;
|
||||
}
|
||||
|
||||
/* Media */
|
||||
.media-item .bar,
|
||||
.media-progress-bar div {
|
||||
background-color: #3858e9;
|
||||
}
|
||||
|
||||
.details.attachment {
|
||||
box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #3858e9;
|
||||
}
|
||||
|
||||
.attachment.details .check {
|
||||
background-color: #3858e9;
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 2px #3858e9;
|
||||
}
|
||||
|
||||
.media-selection .attachment.selection.details .thumbnail {
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 3px #3858e9;
|
||||
}
|
||||
|
||||
/* Themes */
|
||||
.theme-browser .theme.active .theme-name,
|
||||
.theme-browser .theme.add-new-theme a:hover:after,
|
||||
.theme-browser .theme.add-new-theme a:focus:after {
|
||||
background: #3858e9;
|
||||
}
|
||||
|
||||
.theme-browser .theme.add-new-theme a:hover span:after,
|
||||
.theme-browser .theme.add-new-theme a:focus span:after {
|
||||
color: #3858e9;
|
||||
}
|
||||
|
||||
.theme-section.current,
|
||||
.theme-filter.current {
|
||||
border-bottom-color: #1e1e1e;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters {
|
||||
color: #fff;
|
||||
background-color: #1e1e1e;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:hover,
|
||||
body.more-filters-opened .more-filters:focus {
|
||||
background-color: #3858e9;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:hover:before,
|
||||
body.more-filters-opened .more-filters:focus:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Widgets */
|
||||
.widgets-chooser li.widgets-chooser-selected {
|
||||
background-color: #3858e9;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.widgets-chooser li.widgets-chooser-selected:before,
|
||||
.widgets-chooser li.widgets-chooser-selected:focus:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Nav Menus */
|
||||
.nav-menus-php .item-edit:focus:before {
|
||||
box-shadow: 0 0 0 1px #667fee, 0 0 2px 1px #3858e9;
|
||||
}
|
||||
|
||||
/* Responsive Component */
|
||||
div#wp-responsive-toggle a:before {
|
||||
color: hsl(0deg, 7%, 95%);
|
||||
}
|
||||
|
||||
.wp-responsive-open div#wp-responsive-toggle a {
|
||||
border-color: transparent;
|
||||
background: #3858e9;
|
||||
}
|
||||
|
||||
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
|
||||
background: #0c0c0c;
|
||||
}
|
||||
|
||||
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
|
||||
color: hsl(0deg, 7%, 95%);
|
||||
}
|
||||
|
||||
/* TinyMCE */
|
||||
.mce-container.mce-menu .mce-menu-item:hover,
|
||||
.mce-container.mce-menu .mce-menu-item.mce-selected,
|
||||
.mce-container.mce-menu .mce-menu-item:focus,
|
||||
.mce-container.mce-menu .mce-menu-item-normal.mce-active,
|
||||
.mce-container.mce-menu .mce-menu-item-preview.mce-active {
|
||||
background: #3858e9;
|
||||
}
|
||||
|
||||
/* Customizer */
|
||||
.wp-core-ui #customize-controls .control-section:hover > .accordion-section-title,
|
||||
.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,
|
||||
.wp-core-ui #customize-controls .control-section.open .accordion-section-title,
|
||||
.wp-core-ui #customize-controls .control-section .accordion-section-title:focus {
|
||||
color: #3858e9;
|
||||
border-right-color: #3858e9;
|
||||
}
|
||||
.wp-core-ui .customize-controls-close:focus,
|
||||
.wp-core-ui .customize-controls-close:hover,
|
||||
.wp-core-ui .customize-controls-preview-toggle:focus,
|
||||
.wp-core-ui .customize-controls-preview-toggle:hover {
|
||||
color: #3858e9;
|
||||
border-top-color: #3858e9;
|
||||
}
|
||||
.wp-core-ui .customize-panel-back:hover,
|
||||
.wp-core-ui .customize-panel-back:focus,
|
||||
.wp-core-ui .customize-section-back:hover,
|
||||
.wp-core-ui .customize-section-back:focus {
|
||||
color: #3858e9;
|
||||
border-right-color: #3858e9;
|
||||
}
|
||||
.wp-core-ui .customize-screen-options-toggle:hover,
|
||||
.wp-core-ui .customize-screen-options-toggle:active,
|
||||
.wp-core-ui .customize-screen-options-toggle:focus,
|
||||
.wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
|
||||
color: #3858e9;
|
||||
}
|
||||
.wp-core-ui .customize-screen-options-toggle:focus:before,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before, .wp-core-ui.wp-customizer button:focus .toggle-indicator:before,
|
||||
.wp-core-ui .menu-item-bar .item-delete:focus:before,
|
||||
.wp-core-ui #available-menu-items .item-add:focus:before,
|
||||
.wp-core-ui #customize-save-button-wrapper .save:focus,
|
||||
.wp-core-ui #publish-settings:focus {
|
||||
box-shadow: 0 0 0 1px #667fee, 0 0 2px 1px #3858e9;
|
||||
}
|
||||
.wp-core-ui #customize-controls .customize-info.open .customize-help-toggle,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover {
|
||||
color: #3858e9;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title:focus,
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title:hover {
|
||||
border-right-color: #3858e9;
|
||||
color: #3858e9;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after {
|
||||
background: #3858e9;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title.selected {
|
||||
color: #3858e9;
|
||||
}
|
||||
.wp-core-ui #customize-theme-controls .control-section:hover > .accordion-section-title:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
|
||||
color: #3858e9;
|
||||
}
|
||||
.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus {
|
||||
background-color: #fbfbfc;
|
||||
border-color: #3858e9;
|
||||
border-style: solid;
|
||||
box-shadow: 0 0 0 1px #3858e9;
|
||||
outline: 2px solid transparent;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:focus,
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button.active:hover {
|
||||
border-bottom-color: #3858e9;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:hover:before,
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:focus:before {
|
||||
color: #3858e9;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
|
||||
color: #3858e9;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
|
||||
box-shadow: 0 0 0 1px #667fee, 0 0 2px 1px #3858e9;
|
||||
}
|
||||
.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
|
||||
border-bottom-color: #3858e9;
|
||||
color: #3858e9;
|
||||
}
|
||||
|
||||
/* Welcome Panel */
|
||||
.welcome-panel {
|
||||
background-color: #3858e9;
|
||||
}
|
||||
|
||||
[class*=welcome-panel-icon] {
|
||||
background-color: #1e1e1e;
|
||||
}
|
File diff suppressed because one or more lines are too long
|
@ -0,0 +1,714 @@
|
|||
/*! This file is auto-generated */
|
||||
/*
|
||||
* Button mixin- creates a button effect with correct
|
||||
* highlights/shadows, based on a base color.
|
||||
*/
|
||||
body {
|
||||
background: #f1f1f1;
|
||||
}
|
||||
|
||||
/* Links */
|
||||
a {
|
||||
color: #3858e9;
|
||||
}
|
||||
a:hover, a:active, a:focus {
|
||||
color: #183ad6;
|
||||
}
|
||||
|
||||
#post-body .misc-pub-post-status:before,
|
||||
#post-body #visibility:before,
|
||||
.curtime #timestamp:before,
|
||||
#post-body .misc-pub-revisions:before,
|
||||
span.wp-media-buttons-icon:before {
|
||||
color: currentColor;
|
||||
}
|
||||
|
||||
.wp-core-ui .button-link {
|
||||
color: #3858e9;
|
||||
}
|
||||
.wp-core-ui .button-link:hover, .wp-core-ui .button-link:active, .wp-core-ui .button-link:focus {
|
||||
color: #183ad6;
|
||||
}
|
||||
|
||||
.media-modal .delete-attachment,
|
||||
.media-modal .trash-attachment,
|
||||
.media-modal .untrash-attachment,
|
||||
.wp-core-ui .button-link-delete {
|
||||
color: #a00;
|
||||
}
|
||||
|
||||
.media-modal .delete-attachment:hover,
|
||||
.media-modal .trash-attachment:hover,
|
||||
.media-modal .untrash-attachment:hover,
|
||||
.media-modal .delete-attachment:focus,
|
||||
.media-modal .trash-attachment:focus,
|
||||
.media-modal .untrash-attachment:focus,
|
||||
.wp-core-ui .button-link-delete:hover,
|
||||
.wp-core-ui .button-link-delete:focus {
|
||||
color: #dc3232;
|
||||
}
|
||||
|
||||
/* Forms */
|
||||
input[type=checkbox]:checked::before {
|
||||
content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%237e8993%27%2F%3E%3C%2Fsvg%3E");
|
||||
}
|
||||
|
||||
input[type=radio]:checked::before {
|
||||
background: #7e8993;
|
||||
}
|
||||
|
||||
.wp-core-ui input[type=reset]:hover,
|
||||
.wp-core-ui input[type=reset]:active {
|
||||
color: #183ad6;
|
||||
}
|
||||
|
||||
input[type=text]:focus,
|
||||
input[type=password]:focus,
|
||||
input[type=color]:focus,
|
||||
input[type=date]:focus,
|
||||
input[type=datetime]:focus,
|
||||
input[type=datetime-local]:focus,
|
||||
input[type=email]:focus,
|
||||
input[type=month]:focus,
|
||||
input[type=number]:focus,
|
||||
input[type=search]:focus,
|
||||
input[type=tel]:focus,
|
||||
input[type=text]:focus,
|
||||
input[type=time]:focus,
|
||||
input[type=url]:focus,
|
||||
input[type=week]:focus,
|
||||
input[type=checkbox]:focus,
|
||||
input[type=radio]:focus,
|
||||
select:focus,
|
||||
textarea:focus {
|
||||
border-color: #3858e9;
|
||||
box-shadow: 0 0 0 1px #3858e9;
|
||||
}
|
||||
|
||||
/* Core UI */
|
||||
.wp-core-ui .button {
|
||||
border-color: #7e8993;
|
||||
color: #32373c;
|
||||
}
|
||||
.wp-core-ui .button.hover,
|
||||
.wp-core-ui .button:hover,
|
||||
.wp-core-ui .button.focus,
|
||||
.wp-core-ui .button:focus {
|
||||
border-color: #717c87;
|
||||
color: #262a2e;
|
||||
}
|
||||
.wp-core-ui .button.focus,
|
||||
.wp-core-ui .button:focus {
|
||||
border-color: #7e8993;
|
||||
color: #262a2e;
|
||||
box-shadow: 0 0 0 1px #32373c;
|
||||
}
|
||||
.wp-core-ui .button:active {
|
||||
border-color: #7e8993;
|
||||
color: #262a2e;
|
||||
box-shadow: none;
|
||||
}
|
||||
.wp-core-ui .button.active,
|
||||
.wp-core-ui .button.active:focus,
|
||||
.wp-core-ui .button.active:hover {
|
||||
border-color: #3858e9;
|
||||
color: #262a2e;
|
||||
box-shadow: inset 0 2px 5px -3px #3858e9;
|
||||
}
|
||||
.wp-core-ui .button.active:focus {
|
||||
box-shadow: 0 0 0 1px #32373c;
|
||||
}
|
||||
.wp-core-ui .button,
|
||||
.wp-core-ui .button-secondary {
|
||||
color: #3858e9;
|
||||
border-color: #3858e9;
|
||||
}
|
||||
.wp-core-ui .button.hover,
|
||||
.wp-core-ui .button:hover,
|
||||
.wp-core-ui .button-secondary:hover {
|
||||
border-color: #183ad6;
|
||||
color: #183ad6;
|
||||
}
|
||||
.wp-core-ui .button.focus,
|
||||
.wp-core-ui .button:focus,
|
||||
.wp-core-ui .button-secondary:focus {
|
||||
border-color: #667fee;
|
||||
color: #132ea8;
|
||||
box-shadow: 0 0 0 1px #667fee;
|
||||
}
|
||||
.wp-core-ui .button-primary:hover {
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary {
|
||||
background: #3858e9;
|
||||
border-color: #3858e9;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
|
||||
background: #4664eb;
|
||||
border-color: #2a4ce7;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary:focus {
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 3px #3858e9;
|
||||
}
|
||||
.wp-core-ui .button-primary:active {
|
||||
background: #2145e6;
|
||||
border-color: #2145e6;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
|
||||
background: #3858e9;
|
||||
color: #fff;
|
||||
border-color: #1534bf;
|
||||
box-shadow: inset 0 2px 5px -3px #03081f;
|
||||
}
|
||||
.wp-core-ui .button-group > .button.active {
|
||||
border-color: #3858e9;
|
||||
}
|
||||
.wp-core-ui .wp-ui-primary {
|
||||
color: #fff;
|
||||
background-color: #1e1e1e;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-primary {
|
||||
color: #1e1e1e;
|
||||
}
|
||||
.wp-core-ui .wp-ui-highlight {
|
||||
color: #fff;
|
||||
background-color: #3858e9;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-highlight {
|
||||
color: #3858e9;
|
||||
}
|
||||
.wp-core-ui .wp-ui-notification {
|
||||
color: #fff;
|
||||
background-color: #3858e9;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-notification {
|
||||
color: #3858e9;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-icon {
|
||||
color: hsl(0deg, 7%, 95%);
|
||||
}
|
||||
|
||||
/* List tables */
|
||||
.wrap .page-title-action,
|
||||
.wrap .page-title-action:active {
|
||||
border: 1px solid #3858e9;
|
||||
color: #3858e9;
|
||||
}
|
||||
|
||||
.wrap .page-title-action:hover {
|
||||
color: #183ad6;
|
||||
border-color: #183ad6;
|
||||
}
|
||||
|
||||
.wrap .page-title-action:focus {
|
||||
border-color: #667fee;
|
||||
color: #132ea8;
|
||||
box-shadow: 0 0 0 1px #667fee;
|
||||
}
|
||||
|
||||
.view-switch a.current:before {
|
||||
color: #1e1e1e;
|
||||
}
|
||||
|
||||
.view-switch a:hover:before {
|
||||
color: #3858e9;
|
||||
}
|
||||
|
||||
/* Admin Menu */
|
||||
#adminmenuback,
|
||||
#adminmenuwrap,
|
||||
#adminmenu {
|
||||
background: #1e1e1e;
|
||||
}
|
||||
|
||||
#adminmenu a {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#adminmenu div.wp-menu-image:before {
|
||||
color: hsl(0deg, 7%, 95%);
|
||||
}
|
||||
|
||||
#adminmenu a:hover,
|
||||
#adminmenu li.menu-top:hover,
|
||||
#adminmenu li.opensub > a.menu-top,
|
||||
#adminmenu li > a.menu-top:focus {
|
||||
color: #fff;
|
||||
background-color: #3858e9;
|
||||
}
|
||||
|
||||
#adminmenu li.menu-top:hover div.wp-menu-image:before,
|
||||
#adminmenu li.opensub > a.menu-top div.wp-menu-image:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Active tabs use a bottom border color that matches the page background color. */
|
||||
.about-wrap .nav-tab-active,
|
||||
.nav-tab-active,
|
||||
.nav-tab-active:hover {
|
||||
background-color: #f1f1f1;
|
||||
border-bottom-color: #f1f1f1;
|
||||
}
|
||||
|
||||
/* Admin Menu: submenu */
|
||||
#adminmenu .wp-submenu,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
|
||||
background: #0c0c0c;
|
||||
}
|
||||
|
||||
#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
|
||||
#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
|
||||
border-right-color: #0c0c0c;
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu .wp-submenu-head {
|
||||
color: #bcbcbc;
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu a,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
|
||||
color: #bcbcbc;
|
||||
}
|
||||
#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a:focus,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a:hover,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
|
||||
color: #33f078;
|
||||
}
|
||||
|
||||
/* Admin Menu: current */
|
||||
#adminmenu .wp-submenu li.current a,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
|
||||
color: #fff;
|
||||
}
|
||||
#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
|
||||
color: #33f078;
|
||||
}
|
||||
|
||||
ul#adminmenu a.wp-has-current-submenu:after,
|
||||
ul#adminmenu > li.current > a.current:after {
|
||||
border-right-color: #f1f1f1;
|
||||
}
|
||||
|
||||
#adminmenu li.current a.menu-top,
|
||||
#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
|
||||
#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,
|
||||
.folded #adminmenu li.current.menu-top {
|
||||
color: #fff;
|
||||
background: #3858e9;
|
||||
}
|
||||
|
||||
#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
|
||||
#adminmenu a.current:hover div.wp-menu-image:before,
|
||||
#adminmenu li.current div.wp-menu-image:before,
|
||||
#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
|
||||
#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
|
||||
#adminmenu li:hover div.wp-menu-image:before,
|
||||
#adminmenu li a:focus div.wp-menu-image:before,
|
||||
#adminmenu li.opensub div.wp-menu-image:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Admin Menu: bubble */
|
||||
#adminmenu .awaiting-mod,
|
||||
#adminmenu .update-plugins {
|
||||
color: #fff;
|
||||
background: #3858e9;
|
||||
}
|
||||
|
||||
#adminmenu li.current a .awaiting-mod,
|
||||
#adminmenu li a.wp-has-current-submenu .update-plugins,
|
||||
#adminmenu li:hover a .awaiting-mod,
|
||||
#adminmenu li.menu-top:hover > a .update-plugins {
|
||||
color: #fff;
|
||||
background: #0c0c0c;
|
||||
}
|
||||
|
||||
/* Admin Menu: collapse button */
|
||||
#collapse-button {
|
||||
color: hsl(0deg, 7%, 95%);
|
||||
}
|
||||
|
||||
#collapse-button:hover,
|
||||
#collapse-button:focus {
|
||||
color: #33f078;
|
||||
}
|
||||
|
||||
/* Admin Bar */
|
||||
#wpadminbar {
|
||||
color: #fff;
|
||||
background: #1e1e1e;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-item,
|
||||
#wpadminbar a.ab-item,
|
||||
#wpadminbar > #wp-toolbar span.ab-label,
|
||||
#wpadminbar > #wp-toolbar span.noticon {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-icon,
|
||||
#wpadminbar .ab-icon:before,
|
||||
#wpadminbar .ab-item:before,
|
||||
#wpadminbar .ab-item:after {
|
||||
color: hsl(0deg, 7%, 95%);
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
|
||||
#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
|
||||
#wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
|
||||
#wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
|
||||
color: #33f078;
|
||||
background: #0c0c0c;
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar li.hover span.ab-label,
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label {
|
||||
color: #33f078;
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) li:hover .ab-icon:before,
|
||||
#wpadminbar:not(.mobile) li:hover .ab-item:before,
|
||||
#wpadminbar:not(.mobile) li:hover .ab-item:after,
|
||||
#wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
|
||||
color: #33f078;
|
||||
}
|
||||
|
||||
/* Admin Bar: submenu */
|
||||
#wpadminbar .menupop .ab-sub-wrapper {
|
||||
background: #0c0c0c;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
|
||||
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
|
||||
background: #303030;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-submenu .ab-item,
|
||||
#wpadminbar .quicklinks .menupop ul li a,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a {
|
||||
color: #bcbcbc;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks li .blavatar,
|
||||
#wpadminbar .menupop .menupop > .ab-item:before {
|
||||
color: hsl(0deg, 7%, 95%);
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks .menupop ul li a:hover,
|
||||
#wpadminbar .quicklinks .menupop ul li a:focus,
|
||||
#wpadminbar .quicklinks .menupop ul li a:hover strong,
|
||||
#wpadminbar .quicklinks .menupop ul li a:focus strong,
|
||||
#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a:hover,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a:focus,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
|
||||
#wpadminbar li:hover .ab-icon:before,
|
||||
#wpadminbar li:hover .ab-item:before,
|
||||
#wpadminbar li a:focus .ab-icon:before,
|
||||
#wpadminbar li .ab-item:focus:before,
|
||||
#wpadminbar li .ab-item:focus .ab-icon:before,
|
||||
#wpadminbar li.hover .ab-icon:before,
|
||||
#wpadminbar li.hover .ab-item:before,
|
||||
#wpadminbar li:hover #adminbarsearch:before,
|
||||
#wpadminbar li #adminbarsearch.adminbar-focused:before {
|
||||
color: #33f078;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks li a:hover .blavatar,
|
||||
#wpadminbar .quicklinks li a:focus .blavatar,
|
||||
#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar,
|
||||
#wpadminbar .menupop .menupop > .ab-item:hover:before,
|
||||
#wpadminbar.mobile .quicklinks .ab-icon:before,
|
||||
#wpadminbar.mobile .quicklinks .ab-item:before {
|
||||
color: #33f078;
|
||||
}
|
||||
|
||||
#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
|
||||
#wpadminbar.mobile .quicklinks .hover .ab-item:before {
|
||||
color: hsl(0deg, 7%, 95%);
|
||||
}
|
||||
|
||||
/* Admin Bar: search */
|
||||
#wpadminbar #adminbarsearch:before {
|
||||
color: hsl(0deg, 7%, 95%);
|
||||
}
|
||||
|
||||
#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
|
||||
color: #fff;
|
||||
background: #303030;
|
||||
}
|
||||
|
||||
/* Admin Bar: recovery mode */
|
||||
#wpadminbar #wp-admin-bar-recovery-mode {
|
||||
color: #fff;
|
||||
background-color: #3858e9;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-recovery-mode .ab-item,
|
||||
#wpadminbar #wp-admin-bar-recovery-mode a.ab-item {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-top-menu > #wp-admin-bar-recovery-mode.hover > .ab-item,
|
||||
#wpadminbar.nojq .quicklinks .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
|
||||
color: #fff;
|
||||
background-color: #324fd2;
|
||||
}
|
||||
|
||||
/* Admin Bar: my account */
|
||||
#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
|
||||
border-color: #303030;
|
||||
background-color: #303030;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info .display-name {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info a:hover .display-name {
|
||||
color: #33f078;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info .username {
|
||||
color: #bcbcbc;
|
||||
}
|
||||
|
||||
/* Pointers */
|
||||
.wp-pointer .wp-pointer-content h3 {
|
||||
background-color: #3858e9;
|
||||
border-color: #2145e6;
|
||||
}
|
||||
|
||||
.wp-pointer .wp-pointer-content h3:before {
|
||||
color: #3858e9;
|
||||
}
|
||||
|
||||
.wp-pointer.wp-pointer-top .wp-pointer-arrow,
|
||||
.wp-pointer.wp-pointer-top .wp-pointer-arrow-inner,
|
||||
.wp-pointer.wp-pointer-undefined .wp-pointer-arrow,
|
||||
.wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner {
|
||||
border-bottom-color: #3858e9;
|
||||
}
|
||||
|
||||
/* Media */
|
||||
.media-item .bar,
|
||||
.media-progress-bar div {
|
||||
background-color: #3858e9;
|
||||
}
|
||||
|
||||
.details.attachment {
|
||||
box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #3858e9;
|
||||
}
|
||||
|
||||
.attachment.details .check {
|
||||
background-color: #3858e9;
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 2px #3858e9;
|
||||
}
|
||||
|
||||
.media-selection .attachment.selection.details .thumbnail {
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 3px #3858e9;
|
||||
}
|
||||
|
||||
/* Themes */
|
||||
.theme-browser .theme.active .theme-name,
|
||||
.theme-browser .theme.add-new-theme a:hover:after,
|
||||
.theme-browser .theme.add-new-theme a:focus:after {
|
||||
background: #3858e9;
|
||||
}
|
||||
|
||||
.theme-browser .theme.add-new-theme a:hover span:after,
|
||||
.theme-browser .theme.add-new-theme a:focus span:after {
|
||||
color: #3858e9;
|
||||
}
|
||||
|
||||
.theme-section.current,
|
||||
.theme-filter.current {
|
||||
border-bottom-color: #1e1e1e;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters {
|
||||
color: #fff;
|
||||
background-color: #1e1e1e;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:hover,
|
||||
body.more-filters-opened .more-filters:focus {
|
||||
background-color: #3858e9;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:hover:before,
|
||||
body.more-filters-opened .more-filters:focus:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Widgets */
|
||||
.widgets-chooser li.widgets-chooser-selected {
|
||||
background-color: #3858e9;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.widgets-chooser li.widgets-chooser-selected:before,
|
||||
.widgets-chooser li.widgets-chooser-selected:focus:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Nav Menus */
|
||||
.nav-menus-php .item-edit:focus:before {
|
||||
box-shadow: 0 0 0 1px #667fee, 0 0 2px 1px #3858e9;
|
||||
}
|
||||
|
||||
/* Responsive Component */
|
||||
div#wp-responsive-toggle a:before {
|
||||
color: hsl(0deg, 7%, 95%);
|
||||
}
|
||||
|
||||
.wp-responsive-open div#wp-responsive-toggle a {
|
||||
border-color: transparent;
|
||||
background: #3858e9;
|
||||
}
|
||||
|
||||
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
|
||||
background: #0c0c0c;
|
||||
}
|
||||
|
||||
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
|
||||
color: hsl(0deg, 7%, 95%);
|
||||
}
|
||||
|
||||
/* TinyMCE */
|
||||
.mce-container.mce-menu .mce-menu-item:hover,
|
||||
.mce-container.mce-menu .mce-menu-item.mce-selected,
|
||||
.mce-container.mce-menu .mce-menu-item:focus,
|
||||
.mce-container.mce-menu .mce-menu-item-normal.mce-active,
|
||||
.mce-container.mce-menu .mce-menu-item-preview.mce-active {
|
||||
background: #3858e9;
|
||||
}
|
||||
|
||||
/* Customizer */
|
||||
.wp-core-ui #customize-controls .control-section:hover > .accordion-section-title,
|
||||
.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,
|
||||
.wp-core-ui #customize-controls .control-section.open .accordion-section-title,
|
||||
.wp-core-ui #customize-controls .control-section .accordion-section-title:focus {
|
||||
color: #3858e9;
|
||||
border-left-color: #3858e9;
|
||||
}
|
||||
.wp-core-ui .customize-controls-close:focus,
|
||||
.wp-core-ui .customize-controls-close:hover,
|
||||
.wp-core-ui .customize-controls-preview-toggle:focus,
|
||||
.wp-core-ui .customize-controls-preview-toggle:hover {
|
||||
color: #3858e9;
|
||||
border-top-color: #3858e9;
|
||||
}
|
||||
.wp-core-ui .customize-panel-back:hover,
|
||||
.wp-core-ui .customize-panel-back:focus,
|
||||
.wp-core-ui .customize-section-back:hover,
|
||||
.wp-core-ui .customize-section-back:focus {
|
||||
color: #3858e9;
|
||||
border-left-color: #3858e9;
|
||||
}
|
||||
.wp-core-ui .customize-screen-options-toggle:hover,
|
||||
.wp-core-ui .customize-screen-options-toggle:active,
|
||||
.wp-core-ui .customize-screen-options-toggle:focus,
|
||||
.wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
|
||||
color: #3858e9;
|
||||
}
|
||||
.wp-core-ui .customize-screen-options-toggle:focus:before,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before, .wp-core-ui.wp-customizer button:focus .toggle-indicator:before,
|
||||
.wp-core-ui .menu-item-bar .item-delete:focus:before,
|
||||
.wp-core-ui #available-menu-items .item-add:focus:before,
|
||||
.wp-core-ui #customize-save-button-wrapper .save:focus,
|
||||
.wp-core-ui #publish-settings:focus {
|
||||
box-shadow: 0 0 0 1px #667fee, 0 0 2px 1px #3858e9;
|
||||
}
|
||||
.wp-core-ui #customize-controls .customize-info.open .customize-help-toggle,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover {
|
||||
color: #3858e9;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title:focus,
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title:hover {
|
||||
border-left-color: #3858e9;
|
||||
color: #3858e9;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after {
|
||||
background: #3858e9;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title.selected {
|
||||
color: #3858e9;
|
||||
}
|
||||
.wp-core-ui #customize-theme-controls .control-section:hover > .accordion-section-title:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
|
||||
color: #3858e9;
|
||||
}
|
||||
.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus {
|
||||
background-color: #fbfbfc;
|
||||
border-color: #3858e9;
|
||||
border-style: solid;
|
||||
box-shadow: 0 0 0 1px #3858e9;
|
||||
outline: 2px solid transparent;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:focus,
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button.active:hover {
|
||||
border-bottom-color: #3858e9;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:hover:before,
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:focus:before {
|
||||
color: #3858e9;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
|
||||
color: #3858e9;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
|
||||
box-shadow: 0 0 0 1px #667fee, 0 0 2px 1px #3858e9;
|
||||
}
|
||||
.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
|
||||
border-bottom-color: #3858e9;
|
||||
color: #3858e9;
|
||||
}
|
||||
|
||||
/* Welcome Panel */
|
||||
.welcome-panel {
|
||||
background-color: #3858e9;
|
||||
}
|
||||
|
||||
[class*=welcome-panel-icon] {
|
||||
background-color: #1e1e1e;
|
||||
}
|
File diff suppressed because one or more lines are too long
|
@ -0,0 +1,10 @@
|
|||
$scheme-name: "modern";
|
||||
$base-color: #1e1e1e;
|
||||
$highlight-color: #3858e9;
|
||||
$menu-submenu-focus-text: #33f078;
|
||||
$notification-color: $highlight-color;
|
||||
|
||||
$link: $highlight-color;
|
||||
$link-focus: darken($highlight-color, 10%);
|
||||
|
||||
@import "../_admin.scss";
|
|
@ -0,0 +1,681 @@
|
|||
/*! This file is auto-generated */
|
||||
/*
|
||||
* Button mixin- creates a button effect with correct
|
||||
* highlights/shadows, based on a base color.
|
||||
*/
|
||||
body {
|
||||
background: #f1f1f1;
|
||||
}
|
||||
|
||||
/* Links */
|
||||
a {
|
||||
color: #0073aa;
|
||||
}
|
||||
a:hover, a:active, a:focus {
|
||||
color: #0096dd;
|
||||
}
|
||||
|
||||
#post-body .misc-pub-post-status:before,
|
||||
#post-body #visibility:before,
|
||||
.curtime #timestamp:before,
|
||||
#post-body .misc-pub-revisions:before,
|
||||
span.wp-media-buttons-icon:before {
|
||||
color: currentColor;
|
||||
}
|
||||
|
||||
.wp-core-ui .button-link {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .button-link:hover, .wp-core-ui .button-link:active, .wp-core-ui .button-link:focus {
|
||||
color: #0096dd;
|
||||
}
|
||||
|
||||
.media-modal .delete-attachment,
|
||||
.media-modal .trash-attachment,
|
||||
.media-modal .untrash-attachment,
|
||||
.wp-core-ui .button-link-delete {
|
||||
color: #a00;
|
||||
}
|
||||
|
||||
.media-modal .delete-attachment:hover,
|
||||
.media-modal .trash-attachment:hover,
|
||||
.media-modal .untrash-attachment:hover,
|
||||
.media-modal .delete-attachment:focus,
|
||||
.media-modal .trash-attachment:focus,
|
||||
.media-modal .untrash-attachment:focus,
|
||||
.wp-core-ui .button-link-delete:hover,
|
||||
.wp-core-ui .button-link-delete:focus {
|
||||
color: #dc3232;
|
||||
}
|
||||
|
||||
/* Forms */
|
||||
input[type=checkbox]:checked::before {
|
||||
content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%23738e96%27%2F%3E%3C%2Fsvg%3E");
|
||||
}
|
||||
|
||||
input[type=radio]:checked::before {
|
||||
background: #738e96;
|
||||
}
|
||||
|
||||
.wp-core-ui input[type=reset]:hover,
|
||||
.wp-core-ui input[type=reset]:active {
|
||||
color: #0096dd;
|
||||
}
|
||||
|
||||
input[type=text]:focus,
|
||||
input[type=password]:focus,
|
||||
input[type=color]:focus,
|
||||
input[type=date]:focus,
|
||||
input[type=datetime]:focus,
|
||||
input[type=datetime-local]:focus,
|
||||
input[type=email]:focus,
|
||||
input[type=month]:focus,
|
||||
input[type=number]:focus,
|
||||
input[type=search]:focus,
|
||||
input[type=tel]:focus,
|
||||
input[type=text]:focus,
|
||||
input[type=time]:focus,
|
||||
input[type=url]:focus,
|
||||
input[type=week]:focus,
|
||||
input[type=checkbox]:focus,
|
||||
input[type=radio]:focus,
|
||||
select:focus,
|
||||
textarea:focus {
|
||||
border-color: #9ebaa0;
|
||||
box-shadow: 0 0 0 1px #9ebaa0;
|
||||
}
|
||||
|
||||
/* Core UI */
|
||||
.wp-core-ui .button {
|
||||
border-color: #7e8993;
|
||||
color: #32373c;
|
||||
}
|
||||
.wp-core-ui .button.hover,
|
||||
.wp-core-ui .button:hover,
|
||||
.wp-core-ui .button.focus,
|
||||
.wp-core-ui .button:focus {
|
||||
border-color: #717c87;
|
||||
color: #262a2e;
|
||||
}
|
||||
.wp-core-ui .button.focus,
|
||||
.wp-core-ui .button:focus {
|
||||
border-color: #7e8993;
|
||||
color: #262a2e;
|
||||
box-shadow: 0 0 0 1px #32373c;
|
||||
}
|
||||
.wp-core-ui .button:active {
|
||||
border-color: #7e8993;
|
||||
color: #262a2e;
|
||||
box-shadow: none;
|
||||
}
|
||||
.wp-core-ui .button.active,
|
||||
.wp-core-ui .button.active:focus,
|
||||
.wp-core-ui .button.active:hover {
|
||||
border-color: #9ebaa0;
|
||||
color: #262a2e;
|
||||
box-shadow: inset 0 2px 5px -3px #9ebaa0;
|
||||
}
|
||||
.wp-core-ui .button.active:focus {
|
||||
box-shadow: 0 0 0 1px #32373c;
|
||||
}
|
||||
.wp-core-ui .button-primary {
|
||||
background: #9ebaa0;
|
||||
border-color: #9ebaa0;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
|
||||
background: #a7c0a9;
|
||||
border-color: #95b497;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary:focus {
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 3px #9ebaa0;
|
||||
}
|
||||
.wp-core-ui .button-primary:active {
|
||||
background: #8faf91;
|
||||
border-color: #8faf91;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
|
||||
background: #9ebaa0;
|
||||
color: #fff;
|
||||
border-color: #719a74;
|
||||
box-shadow: inset 0 2px 5px -3px #253426;
|
||||
}
|
||||
.wp-core-ui .button-group > .button.active {
|
||||
border-color: #9ebaa0;
|
||||
}
|
||||
.wp-core-ui .wp-ui-primary {
|
||||
color: #fff;
|
||||
background-color: #738e96;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-primary {
|
||||
color: #738e96;
|
||||
}
|
||||
.wp-core-ui .wp-ui-highlight {
|
||||
color: #fff;
|
||||
background-color: #9ebaa0;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-highlight {
|
||||
color: #9ebaa0;
|
||||
}
|
||||
.wp-core-ui .wp-ui-notification {
|
||||
color: #fff;
|
||||
background-color: #aa9d88;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-notification {
|
||||
color: #aa9d88;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-icon {
|
||||
color: #f2fcff;
|
||||
}
|
||||
|
||||
/* List tables */
|
||||
.wrap .page-title-action:hover {
|
||||
color: #fff;
|
||||
background-color: #738e96;
|
||||
}
|
||||
|
||||
.view-switch a.current:before {
|
||||
color: #738e96;
|
||||
}
|
||||
|
||||
.view-switch a:hover:before {
|
||||
color: #aa9d88;
|
||||
}
|
||||
|
||||
/* Admin Menu */
|
||||
#adminmenuback,
|
||||
#adminmenuwrap,
|
||||
#adminmenu {
|
||||
background: #738e96;
|
||||
}
|
||||
|
||||
#adminmenu a {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#adminmenu div.wp-menu-image:before {
|
||||
color: #f2fcff;
|
||||
}
|
||||
|
||||
#adminmenu a:hover,
|
||||
#adminmenu li.menu-top:hover,
|
||||
#adminmenu li.opensub > a.menu-top,
|
||||
#adminmenu li > a.menu-top:focus {
|
||||
color: #fff;
|
||||
background-color: #9ebaa0;
|
||||
}
|
||||
|
||||
#adminmenu li.menu-top:hover div.wp-menu-image:before,
|
||||
#adminmenu li.opensub > a.menu-top div.wp-menu-image:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Active tabs use a bottom border color that matches the page background color. */
|
||||
.about-wrap .nav-tab-active,
|
||||
.nav-tab-active,
|
||||
.nav-tab-active:hover {
|
||||
background-color: #f1f1f1;
|
||||
border-bottom-color: #f1f1f1;
|
||||
}
|
||||
|
||||
/* Admin Menu: submenu */
|
||||
#adminmenu .wp-submenu,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
|
||||
background: #627c83;
|
||||
}
|
||||
|
||||
#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
|
||||
#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
|
||||
border-left-color: #627c83;
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu .wp-submenu-head {
|
||||
color: #d5dde0;
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu a,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
|
||||
color: #d5dde0;
|
||||
}
|
||||
#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a:focus,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a:hover,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
|
||||
color: #9ebaa0;
|
||||
}
|
||||
|
||||
/* Admin Menu: current */
|
||||
#adminmenu .wp-submenu li.current a,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
|
||||
color: #fff;
|
||||
}
|
||||
#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
|
||||
color: #9ebaa0;
|
||||
}
|
||||
|
||||
ul#adminmenu a.wp-has-current-submenu:after,
|
||||
ul#adminmenu > li.current > a.current:after {
|
||||
border-left-color: #f1f1f1;
|
||||
}
|
||||
|
||||
#adminmenu li.current a.menu-top,
|
||||
#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
|
||||
#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,
|
||||
.folded #adminmenu li.current.menu-top {
|
||||
color: #fff;
|
||||
background: #9ebaa0;
|
||||
}
|
||||
|
||||
#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
|
||||
#adminmenu a.current:hover div.wp-menu-image:before,
|
||||
#adminmenu li.current div.wp-menu-image:before,
|
||||
#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
|
||||
#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
|
||||
#adminmenu li:hover div.wp-menu-image:before,
|
||||
#adminmenu li a:focus div.wp-menu-image:before,
|
||||
#adminmenu li.opensub div.wp-menu-image:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Admin Menu: bubble */
|
||||
#adminmenu .awaiting-mod,
|
||||
#adminmenu .update-plugins {
|
||||
color: #fff;
|
||||
background: #aa9d88;
|
||||
}
|
||||
|
||||
#adminmenu li.current a .awaiting-mod,
|
||||
#adminmenu li a.wp-has-current-submenu .update-plugins,
|
||||
#adminmenu li:hover a .awaiting-mod,
|
||||
#adminmenu li.menu-top:hover > a .update-plugins {
|
||||
color: #fff;
|
||||
background: #627c83;
|
||||
}
|
||||
|
||||
/* Admin Menu: collapse button */
|
||||
#collapse-button {
|
||||
color: #f2fcff;
|
||||
}
|
||||
|
||||
#collapse-button:hover,
|
||||
#collapse-button:focus {
|
||||
color: #9ebaa0;
|
||||
}
|
||||
|
||||
/* Admin Bar */
|
||||
#wpadminbar {
|
||||
color: #fff;
|
||||
background: #738e96;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-item,
|
||||
#wpadminbar a.ab-item,
|
||||
#wpadminbar > #wp-toolbar span.ab-label,
|
||||
#wpadminbar > #wp-toolbar span.noticon {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-icon,
|
||||
#wpadminbar .ab-icon:before,
|
||||
#wpadminbar .ab-item:before,
|
||||
#wpadminbar .ab-item:after {
|
||||
color: #f2fcff;
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
|
||||
#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
|
||||
#wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
|
||||
#wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
|
||||
color: #9ebaa0;
|
||||
background: #627c83;
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar li.hover span.ab-label,
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label {
|
||||
color: #9ebaa0;
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) li:hover .ab-icon:before,
|
||||
#wpadminbar:not(.mobile) li:hover .ab-item:before,
|
||||
#wpadminbar:not(.mobile) li:hover .ab-item:after,
|
||||
#wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
|
||||
color: #9ebaa0;
|
||||
}
|
||||
|
||||
/* Admin Bar: submenu */
|
||||
#wpadminbar .menupop .ab-sub-wrapper {
|
||||
background: #627c83;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
|
||||
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
|
||||
background: #8f9a9e;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-submenu .ab-item,
|
||||
#wpadminbar .quicklinks .menupop ul li a,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a {
|
||||
color: #d5dde0;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks li .blavatar,
|
||||
#wpadminbar .menupop .menupop > .ab-item:before {
|
||||
color: #f2fcff;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks .menupop ul li a:hover,
|
||||
#wpadminbar .quicklinks .menupop ul li a:focus,
|
||||
#wpadminbar .quicklinks .menupop ul li a:hover strong,
|
||||
#wpadminbar .quicklinks .menupop ul li a:focus strong,
|
||||
#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a:hover,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a:focus,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
|
||||
#wpadminbar li:hover .ab-icon:before,
|
||||
#wpadminbar li:hover .ab-item:before,
|
||||
#wpadminbar li a:focus .ab-icon:before,
|
||||
#wpadminbar li .ab-item:focus:before,
|
||||
#wpadminbar li .ab-item:focus .ab-icon:before,
|
||||
#wpadminbar li.hover .ab-icon:before,
|
||||
#wpadminbar li.hover .ab-item:before,
|
||||
#wpadminbar li:hover #adminbarsearch:before,
|
||||
#wpadminbar li #adminbarsearch.adminbar-focused:before {
|
||||
color: #9ebaa0;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks li a:hover .blavatar,
|
||||
#wpadminbar .quicklinks li a:focus .blavatar,
|
||||
#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar,
|
||||
#wpadminbar .menupop .menupop > .ab-item:hover:before,
|
||||
#wpadminbar.mobile .quicklinks .ab-icon:before,
|
||||
#wpadminbar.mobile .quicklinks .ab-item:before {
|
||||
color: #9ebaa0;
|
||||
}
|
||||
|
||||
#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
|
||||
#wpadminbar.mobile .quicklinks .hover .ab-item:before {
|
||||
color: #f2fcff;
|
||||
}
|
||||
|
||||
/* Admin Bar: search */
|
||||
#wpadminbar #adminbarsearch:before {
|
||||
color: #f2fcff;
|
||||
}
|
||||
|
||||
#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
|
||||
color: #fff;
|
||||
background: #879ea5;
|
||||
}
|
||||
|
||||
/* Admin Bar: recovery mode */
|
||||
#wpadminbar #wp-admin-bar-recovery-mode {
|
||||
color: #fff;
|
||||
background-color: #aa9d88;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-recovery-mode .ab-item,
|
||||
#wpadminbar #wp-admin-bar-recovery-mode a.ab-item {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-top-menu > #wp-admin-bar-recovery-mode.hover > .ab-item,
|
||||
#wpadminbar.nojq .quicklinks .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
|
||||
color: #fff;
|
||||
background-color: #998d7a;
|
||||
}
|
||||
|
||||
/* Admin Bar: my account */
|
||||
#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
|
||||
border-color: #879ea5;
|
||||
background-color: #879ea5;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info .display-name {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info a:hover .display-name {
|
||||
color: #9ebaa0;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info .username {
|
||||
color: #d5dde0;
|
||||
}
|
||||
|
||||
/* Pointers */
|
||||
.wp-pointer .wp-pointer-content h3 {
|
||||
background-color: #9ebaa0;
|
||||
border-color: #8faf91;
|
||||
}
|
||||
|
||||
.wp-pointer .wp-pointer-content h3:before {
|
||||
color: #9ebaa0;
|
||||
}
|
||||
|
||||
.wp-pointer.wp-pointer-top .wp-pointer-arrow,
|
||||
.wp-pointer.wp-pointer-top .wp-pointer-arrow-inner,
|
||||
.wp-pointer.wp-pointer-undefined .wp-pointer-arrow,
|
||||
.wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner {
|
||||
border-bottom-color: #9ebaa0;
|
||||
}
|
||||
|
||||
/* Media */
|
||||
.media-item .bar,
|
||||
.media-progress-bar div {
|
||||
background-color: #9ebaa0;
|
||||
}
|
||||
|
||||
.details.attachment {
|
||||
box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #9ebaa0;
|
||||
}
|
||||
|
||||
.attachment.details .check {
|
||||
background-color: #9ebaa0;
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 2px #9ebaa0;
|
||||
}
|
||||
|
||||
.media-selection .attachment.selection.details .thumbnail {
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 3px #9ebaa0;
|
||||
}
|
||||
|
||||
/* Themes */
|
||||
.theme-browser .theme.active .theme-name,
|
||||
.theme-browser .theme.add-new-theme a:hover:after,
|
||||
.theme-browser .theme.add-new-theme a:focus:after {
|
||||
background: #9ebaa0;
|
||||
}
|
||||
|
||||
.theme-browser .theme.add-new-theme a:hover span:after,
|
||||
.theme-browser .theme.add-new-theme a:focus span:after {
|
||||
color: #9ebaa0;
|
||||
}
|
||||
|
||||
.theme-section.current,
|
||||
.theme-filter.current {
|
||||
border-bottom-color: #738e96;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters {
|
||||
color: #fff;
|
||||
background-color: #738e96;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:hover,
|
||||
body.more-filters-opened .more-filters:focus {
|
||||
background-color: #9ebaa0;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:hover:before,
|
||||
body.more-filters-opened .more-filters:focus:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Widgets */
|
||||
.widgets-chooser li.widgets-chooser-selected {
|
||||
background-color: #9ebaa0;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.widgets-chooser li.widgets-chooser-selected:before,
|
||||
.widgets-chooser li.widgets-chooser-selected:focus:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Nav Menus */
|
||||
.nav-menus-php .item-edit:focus:before {
|
||||
box-shadow: 0 0 0 1px #bccfbd, 0 0 2px 1px #9ebaa0;
|
||||
}
|
||||
|
||||
/* Responsive Component */
|
||||
div#wp-responsive-toggle a:before {
|
||||
color: #f2fcff;
|
||||
}
|
||||
|
||||
.wp-responsive-open div#wp-responsive-toggle a {
|
||||
border-color: transparent;
|
||||
background: #9ebaa0;
|
||||
}
|
||||
|
||||
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
|
||||
background: #627c83;
|
||||
}
|
||||
|
||||
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
|
||||
color: #f2fcff;
|
||||
}
|
||||
|
||||
/* TinyMCE */
|
||||
.mce-container.mce-menu .mce-menu-item:hover,
|
||||
.mce-container.mce-menu .mce-menu-item.mce-selected,
|
||||
.mce-container.mce-menu .mce-menu-item:focus,
|
||||
.mce-container.mce-menu .mce-menu-item-normal.mce-active,
|
||||
.mce-container.mce-menu .mce-menu-item-preview.mce-active {
|
||||
background: #9ebaa0;
|
||||
}
|
||||
|
||||
/* Customizer */
|
||||
.wp-core-ui #customize-controls .control-section:hover > .accordion-section-title,
|
||||
.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,
|
||||
.wp-core-ui #customize-controls .control-section.open .accordion-section-title,
|
||||
.wp-core-ui #customize-controls .control-section .accordion-section-title:focus {
|
||||
color: #0073aa;
|
||||
border-right-color: #9ebaa0;
|
||||
}
|
||||
.wp-core-ui .customize-controls-close:focus,
|
||||
.wp-core-ui .customize-controls-close:hover,
|
||||
.wp-core-ui .customize-controls-preview-toggle:focus,
|
||||
.wp-core-ui .customize-controls-preview-toggle:hover {
|
||||
color: #0073aa;
|
||||
border-top-color: #9ebaa0;
|
||||
}
|
||||
.wp-core-ui .customize-panel-back:hover,
|
||||
.wp-core-ui .customize-panel-back:focus,
|
||||
.wp-core-ui .customize-section-back:hover,
|
||||
.wp-core-ui .customize-section-back:focus {
|
||||
color: #0073aa;
|
||||
border-right-color: #9ebaa0;
|
||||
}
|
||||
.wp-core-ui .customize-screen-options-toggle:hover,
|
||||
.wp-core-ui .customize-screen-options-toggle:active,
|
||||
.wp-core-ui .customize-screen-options-toggle:focus,
|
||||
.wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .customize-screen-options-toggle:focus:before,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before, .wp-core-ui.wp-customizer button:focus .toggle-indicator:before,
|
||||
.wp-core-ui .menu-item-bar .item-delete:focus:before,
|
||||
.wp-core-ui #available-menu-items .item-add:focus:before,
|
||||
.wp-core-ui #customize-save-button-wrapper .save:focus,
|
||||
.wp-core-ui #publish-settings:focus {
|
||||
box-shadow: 0 0 0 1px #bccfbd, 0 0 2px 1px #9ebaa0;
|
||||
}
|
||||
.wp-core-ui #customize-controls .customize-info.open .customize-help-toggle,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title:focus,
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title:hover {
|
||||
border-right-color: #9ebaa0;
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after {
|
||||
background: #9ebaa0;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title.selected {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui #customize-theme-controls .control-section:hover > .accordion-section-title:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus {
|
||||
background-color: #fbfbfc;
|
||||
border-color: #9ebaa0;
|
||||
border-style: solid;
|
||||
box-shadow: 0 0 0 1px #9ebaa0;
|
||||
outline: 2px solid transparent;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:focus,
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button.active:hover {
|
||||
border-bottom-color: #9ebaa0;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:hover:before,
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:focus:before {
|
||||
color: #9ebaa0;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
|
||||
color: #9ebaa0;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
|
||||
box-shadow: 0 0 0 1px #bccfbd, 0 0 2px 1px #9ebaa0;
|
||||
}
|
||||
.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
|
||||
border-bottom-color: #9ebaa0;
|
||||
color: #0073aa;
|
||||
}
|
||||
|
||||
/* Welcome Panel */
|
||||
.welcome-panel {
|
||||
background-color: #9ebaa0;
|
||||
}
|
||||
|
||||
[class*=welcome-panel-icon] {
|
||||
background-color: #738e96;
|
||||
}
|
File diff suppressed because one or more lines are too long
|
@ -0,0 +1,681 @@
|
|||
/*! This file is auto-generated */
|
||||
/*
|
||||
* Button mixin- creates a button effect with correct
|
||||
* highlights/shadows, based on a base color.
|
||||
*/
|
||||
body {
|
||||
background: #f1f1f1;
|
||||
}
|
||||
|
||||
/* Links */
|
||||
a {
|
||||
color: #0073aa;
|
||||
}
|
||||
a:hover, a:active, a:focus {
|
||||
color: #0096dd;
|
||||
}
|
||||
|
||||
#post-body .misc-pub-post-status:before,
|
||||
#post-body #visibility:before,
|
||||
.curtime #timestamp:before,
|
||||
#post-body .misc-pub-revisions:before,
|
||||
span.wp-media-buttons-icon:before {
|
||||
color: currentColor;
|
||||
}
|
||||
|
||||
.wp-core-ui .button-link {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .button-link:hover, .wp-core-ui .button-link:active, .wp-core-ui .button-link:focus {
|
||||
color: #0096dd;
|
||||
}
|
||||
|
||||
.media-modal .delete-attachment,
|
||||
.media-modal .trash-attachment,
|
||||
.media-modal .untrash-attachment,
|
||||
.wp-core-ui .button-link-delete {
|
||||
color: #a00;
|
||||
}
|
||||
|
||||
.media-modal .delete-attachment:hover,
|
||||
.media-modal .trash-attachment:hover,
|
||||
.media-modal .untrash-attachment:hover,
|
||||
.media-modal .delete-attachment:focus,
|
||||
.media-modal .trash-attachment:focus,
|
||||
.media-modal .untrash-attachment:focus,
|
||||
.wp-core-ui .button-link-delete:hover,
|
||||
.wp-core-ui .button-link-delete:focus {
|
||||
color: #dc3232;
|
||||
}
|
||||
|
||||
/* Forms */
|
||||
input[type=checkbox]:checked::before {
|
||||
content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%23738e96%27%2F%3E%3C%2Fsvg%3E");
|
||||
}
|
||||
|
||||
input[type=radio]:checked::before {
|
||||
background: #738e96;
|
||||
}
|
||||
|
||||
.wp-core-ui input[type=reset]:hover,
|
||||
.wp-core-ui input[type=reset]:active {
|
||||
color: #0096dd;
|
||||
}
|
||||
|
||||
input[type=text]:focus,
|
||||
input[type=password]:focus,
|
||||
input[type=color]:focus,
|
||||
input[type=date]:focus,
|
||||
input[type=datetime]:focus,
|
||||
input[type=datetime-local]:focus,
|
||||
input[type=email]:focus,
|
||||
input[type=month]:focus,
|
||||
input[type=number]:focus,
|
||||
input[type=search]:focus,
|
||||
input[type=tel]:focus,
|
||||
input[type=text]:focus,
|
||||
input[type=time]:focus,
|
||||
input[type=url]:focus,
|
||||
input[type=week]:focus,
|
||||
input[type=checkbox]:focus,
|
||||
input[type=radio]:focus,
|
||||
select:focus,
|
||||
textarea:focus {
|
||||
border-color: #9ebaa0;
|
||||
box-shadow: 0 0 0 1px #9ebaa0;
|
||||
}
|
||||
|
||||
/* Core UI */
|
||||
.wp-core-ui .button {
|
||||
border-color: #7e8993;
|
||||
color: #32373c;
|
||||
}
|
||||
.wp-core-ui .button.hover,
|
||||
.wp-core-ui .button:hover,
|
||||
.wp-core-ui .button.focus,
|
||||
.wp-core-ui .button:focus {
|
||||
border-color: #717c87;
|
||||
color: #262a2e;
|
||||
}
|
||||
.wp-core-ui .button.focus,
|
||||
.wp-core-ui .button:focus {
|
||||
border-color: #7e8993;
|
||||
color: #262a2e;
|
||||
box-shadow: 0 0 0 1px #32373c;
|
||||
}
|
||||
.wp-core-ui .button:active {
|
||||
border-color: #7e8993;
|
||||
color: #262a2e;
|
||||
box-shadow: none;
|
||||
}
|
||||
.wp-core-ui .button.active,
|
||||
.wp-core-ui .button.active:focus,
|
||||
.wp-core-ui .button.active:hover {
|
||||
border-color: #9ebaa0;
|
||||
color: #262a2e;
|
||||
box-shadow: inset 0 2px 5px -3px #9ebaa0;
|
||||
}
|
||||
.wp-core-ui .button.active:focus {
|
||||
box-shadow: 0 0 0 1px #32373c;
|
||||
}
|
||||
.wp-core-ui .button-primary {
|
||||
background: #9ebaa0;
|
||||
border-color: #9ebaa0;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
|
||||
background: #a7c0a9;
|
||||
border-color: #95b497;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary:focus {
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 3px #9ebaa0;
|
||||
}
|
||||
.wp-core-ui .button-primary:active {
|
||||
background: #8faf91;
|
||||
border-color: #8faf91;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
|
||||
background: #9ebaa0;
|
||||
color: #fff;
|
||||
border-color: #719a74;
|
||||
box-shadow: inset 0 2px 5px -3px #253426;
|
||||
}
|
||||
.wp-core-ui .button-group > .button.active {
|
||||
border-color: #9ebaa0;
|
||||
}
|
||||
.wp-core-ui .wp-ui-primary {
|
||||
color: #fff;
|
||||
background-color: #738e96;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-primary {
|
||||
color: #738e96;
|
||||
}
|
||||
.wp-core-ui .wp-ui-highlight {
|
||||
color: #fff;
|
||||
background-color: #9ebaa0;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-highlight {
|
||||
color: #9ebaa0;
|
||||
}
|
||||
.wp-core-ui .wp-ui-notification {
|
||||
color: #fff;
|
||||
background-color: #aa9d88;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-notification {
|
||||
color: #aa9d88;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-icon {
|
||||
color: #f2fcff;
|
||||
}
|
||||
|
||||
/* List tables */
|
||||
.wrap .page-title-action:hover {
|
||||
color: #fff;
|
||||
background-color: #738e96;
|
||||
}
|
||||
|
||||
.view-switch a.current:before {
|
||||
color: #738e96;
|
||||
}
|
||||
|
||||
.view-switch a:hover:before {
|
||||
color: #aa9d88;
|
||||
}
|
||||
|
||||
/* Admin Menu */
|
||||
#adminmenuback,
|
||||
#adminmenuwrap,
|
||||
#adminmenu {
|
||||
background: #738e96;
|
||||
}
|
||||
|
||||
#adminmenu a {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#adminmenu div.wp-menu-image:before {
|
||||
color: #f2fcff;
|
||||
}
|
||||
|
||||
#adminmenu a:hover,
|
||||
#adminmenu li.menu-top:hover,
|
||||
#adminmenu li.opensub > a.menu-top,
|
||||
#adminmenu li > a.menu-top:focus {
|
||||
color: #fff;
|
||||
background-color: #9ebaa0;
|
||||
}
|
||||
|
||||
#adminmenu li.menu-top:hover div.wp-menu-image:before,
|
||||
#adminmenu li.opensub > a.menu-top div.wp-menu-image:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Active tabs use a bottom border color that matches the page background color. */
|
||||
.about-wrap .nav-tab-active,
|
||||
.nav-tab-active,
|
||||
.nav-tab-active:hover {
|
||||
background-color: #f1f1f1;
|
||||
border-bottom-color: #f1f1f1;
|
||||
}
|
||||
|
||||
/* Admin Menu: submenu */
|
||||
#adminmenu .wp-submenu,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
|
||||
background: #627c83;
|
||||
}
|
||||
|
||||
#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
|
||||
#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
|
||||
border-right-color: #627c83;
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu .wp-submenu-head {
|
||||
color: #d5dde0;
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu a,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
|
||||
color: #d5dde0;
|
||||
}
|
||||
#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a:focus,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a:hover,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
|
||||
color: #9ebaa0;
|
||||
}
|
||||
|
||||
/* Admin Menu: current */
|
||||
#adminmenu .wp-submenu li.current a,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
|
||||
color: #fff;
|
||||
}
|
||||
#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
|
||||
color: #9ebaa0;
|
||||
}
|
||||
|
||||
ul#adminmenu a.wp-has-current-submenu:after,
|
||||
ul#adminmenu > li.current > a.current:after {
|
||||
border-right-color: #f1f1f1;
|
||||
}
|
||||
|
||||
#adminmenu li.current a.menu-top,
|
||||
#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
|
||||
#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,
|
||||
.folded #adminmenu li.current.menu-top {
|
||||
color: #fff;
|
||||
background: #9ebaa0;
|
||||
}
|
||||
|
||||
#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
|
||||
#adminmenu a.current:hover div.wp-menu-image:before,
|
||||
#adminmenu li.current div.wp-menu-image:before,
|
||||
#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
|
||||
#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
|
||||
#adminmenu li:hover div.wp-menu-image:before,
|
||||
#adminmenu li a:focus div.wp-menu-image:before,
|
||||
#adminmenu li.opensub div.wp-menu-image:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Admin Menu: bubble */
|
||||
#adminmenu .awaiting-mod,
|
||||
#adminmenu .update-plugins {
|
||||
color: #fff;
|
||||
background: #aa9d88;
|
||||
}
|
||||
|
||||
#adminmenu li.current a .awaiting-mod,
|
||||
#adminmenu li a.wp-has-current-submenu .update-plugins,
|
||||
#adminmenu li:hover a .awaiting-mod,
|
||||
#adminmenu li.menu-top:hover > a .update-plugins {
|
||||
color: #fff;
|
||||
background: #627c83;
|
||||
}
|
||||
|
||||
/* Admin Menu: collapse button */
|
||||
#collapse-button {
|
||||
color: #f2fcff;
|
||||
}
|
||||
|
||||
#collapse-button:hover,
|
||||
#collapse-button:focus {
|
||||
color: #9ebaa0;
|
||||
}
|
||||
|
||||
/* Admin Bar */
|
||||
#wpadminbar {
|
||||
color: #fff;
|
||||
background: #738e96;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-item,
|
||||
#wpadminbar a.ab-item,
|
||||
#wpadminbar > #wp-toolbar span.ab-label,
|
||||
#wpadminbar > #wp-toolbar span.noticon {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-icon,
|
||||
#wpadminbar .ab-icon:before,
|
||||
#wpadminbar .ab-item:before,
|
||||
#wpadminbar .ab-item:after {
|
||||
color: #f2fcff;
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
|
||||
#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
|
||||
#wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
|
||||
#wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
|
||||
color: #9ebaa0;
|
||||
background: #627c83;
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar li.hover span.ab-label,
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label {
|
||||
color: #9ebaa0;
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) li:hover .ab-icon:before,
|
||||
#wpadminbar:not(.mobile) li:hover .ab-item:before,
|
||||
#wpadminbar:not(.mobile) li:hover .ab-item:after,
|
||||
#wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
|
||||
color: #9ebaa0;
|
||||
}
|
||||
|
||||
/* Admin Bar: submenu */
|
||||
#wpadminbar .menupop .ab-sub-wrapper {
|
||||
background: #627c83;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
|
||||
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
|
||||
background: #8f9a9e;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-submenu .ab-item,
|
||||
#wpadminbar .quicklinks .menupop ul li a,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a {
|
||||
color: #d5dde0;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks li .blavatar,
|
||||
#wpadminbar .menupop .menupop > .ab-item:before {
|
||||
color: #f2fcff;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks .menupop ul li a:hover,
|
||||
#wpadminbar .quicklinks .menupop ul li a:focus,
|
||||
#wpadminbar .quicklinks .menupop ul li a:hover strong,
|
||||
#wpadminbar .quicklinks .menupop ul li a:focus strong,
|
||||
#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a:hover,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a:focus,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
|
||||
#wpadminbar li:hover .ab-icon:before,
|
||||
#wpadminbar li:hover .ab-item:before,
|
||||
#wpadminbar li a:focus .ab-icon:before,
|
||||
#wpadminbar li .ab-item:focus:before,
|
||||
#wpadminbar li .ab-item:focus .ab-icon:before,
|
||||
#wpadminbar li.hover .ab-icon:before,
|
||||
#wpadminbar li.hover .ab-item:before,
|
||||
#wpadminbar li:hover #adminbarsearch:before,
|
||||
#wpadminbar li #adminbarsearch.adminbar-focused:before {
|
||||
color: #9ebaa0;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks li a:hover .blavatar,
|
||||
#wpadminbar .quicklinks li a:focus .blavatar,
|
||||
#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar,
|
||||
#wpadminbar .menupop .menupop > .ab-item:hover:before,
|
||||
#wpadminbar.mobile .quicklinks .ab-icon:before,
|
||||
#wpadminbar.mobile .quicklinks .ab-item:before {
|
||||
color: #9ebaa0;
|
||||
}
|
||||
|
||||
#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
|
||||
#wpadminbar.mobile .quicklinks .hover .ab-item:before {
|
||||
color: #f2fcff;
|
||||
}
|
||||
|
||||
/* Admin Bar: search */
|
||||
#wpadminbar #adminbarsearch:before {
|
||||
color: #f2fcff;
|
||||
}
|
||||
|
||||
#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
|
||||
color: #fff;
|
||||
background: #879ea5;
|
||||
}
|
||||
|
||||
/* Admin Bar: recovery mode */
|
||||
#wpadminbar #wp-admin-bar-recovery-mode {
|
||||
color: #fff;
|
||||
background-color: #aa9d88;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-recovery-mode .ab-item,
|
||||
#wpadminbar #wp-admin-bar-recovery-mode a.ab-item {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-top-menu > #wp-admin-bar-recovery-mode.hover > .ab-item,
|
||||
#wpadminbar.nojq .quicklinks .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
|
||||
color: #fff;
|
||||
background-color: #998d7a;
|
||||
}
|
||||
|
||||
/* Admin Bar: my account */
|
||||
#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
|
||||
border-color: #879ea5;
|
||||
background-color: #879ea5;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info .display-name {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info a:hover .display-name {
|
||||
color: #9ebaa0;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info .username {
|
||||
color: #d5dde0;
|
||||
}
|
||||
|
||||
/* Pointers */
|
||||
.wp-pointer .wp-pointer-content h3 {
|
||||
background-color: #9ebaa0;
|
||||
border-color: #8faf91;
|
||||
}
|
||||
|
||||
.wp-pointer .wp-pointer-content h3:before {
|
||||
color: #9ebaa0;
|
||||
}
|
||||
|
||||
.wp-pointer.wp-pointer-top .wp-pointer-arrow,
|
||||
.wp-pointer.wp-pointer-top .wp-pointer-arrow-inner,
|
||||
.wp-pointer.wp-pointer-undefined .wp-pointer-arrow,
|
||||
.wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner {
|
||||
border-bottom-color: #9ebaa0;
|
||||
}
|
||||
|
||||
/* Media */
|
||||
.media-item .bar,
|
||||
.media-progress-bar div {
|
||||
background-color: #9ebaa0;
|
||||
}
|
||||
|
||||
.details.attachment {
|
||||
box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #9ebaa0;
|
||||
}
|
||||
|
||||
.attachment.details .check {
|
||||
background-color: #9ebaa0;
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 2px #9ebaa0;
|
||||
}
|
||||
|
||||
.media-selection .attachment.selection.details .thumbnail {
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 3px #9ebaa0;
|
||||
}
|
||||
|
||||
/* Themes */
|
||||
.theme-browser .theme.active .theme-name,
|
||||
.theme-browser .theme.add-new-theme a:hover:after,
|
||||
.theme-browser .theme.add-new-theme a:focus:after {
|
||||
background: #9ebaa0;
|
||||
}
|
||||
|
||||
.theme-browser .theme.add-new-theme a:hover span:after,
|
||||
.theme-browser .theme.add-new-theme a:focus span:after {
|
||||
color: #9ebaa0;
|
||||
}
|
||||
|
||||
.theme-section.current,
|
||||
.theme-filter.current {
|
||||
border-bottom-color: #738e96;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters {
|
||||
color: #fff;
|
||||
background-color: #738e96;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:hover,
|
||||
body.more-filters-opened .more-filters:focus {
|
||||
background-color: #9ebaa0;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:hover:before,
|
||||
body.more-filters-opened .more-filters:focus:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Widgets */
|
||||
.widgets-chooser li.widgets-chooser-selected {
|
||||
background-color: #9ebaa0;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.widgets-chooser li.widgets-chooser-selected:before,
|
||||
.widgets-chooser li.widgets-chooser-selected:focus:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Nav Menus */
|
||||
.nav-menus-php .item-edit:focus:before {
|
||||
box-shadow: 0 0 0 1px #bccfbd, 0 0 2px 1px #9ebaa0;
|
||||
}
|
||||
|
||||
/* Responsive Component */
|
||||
div#wp-responsive-toggle a:before {
|
||||
color: #f2fcff;
|
||||
}
|
||||
|
||||
.wp-responsive-open div#wp-responsive-toggle a {
|
||||
border-color: transparent;
|
||||
background: #9ebaa0;
|
||||
}
|
||||
|
||||
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
|
||||
background: #627c83;
|
||||
}
|
||||
|
||||
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
|
||||
color: #f2fcff;
|
||||
}
|
||||
|
||||
/* TinyMCE */
|
||||
.mce-container.mce-menu .mce-menu-item:hover,
|
||||
.mce-container.mce-menu .mce-menu-item.mce-selected,
|
||||
.mce-container.mce-menu .mce-menu-item:focus,
|
||||
.mce-container.mce-menu .mce-menu-item-normal.mce-active,
|
||||
.mce-container.mce-menu .mce-menu-item-preview.mce-active {
|
||||
background: #9ebaa0;
|
||||
}
|
||||
|
||||
/* Customizer */
|
||||
.wp-core-ui #customize-controls .control-section:hover > .accordion-section-title,
|
||||
.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,
|
||||
.wp-core-ui #customize-controls .control-section.open .accordion-section-title,
|
||||
.wp-core-ui #customize-controls .control-section .accordion-section-title:focus {
|
||||
color: #0073aa;
|
||||
border-left-color: #9ebaa0;
|
||||
}
|
||||
.wp-core-ui .customize-controls-close:focus,
|
||||
.wp-core-ui .customize-controls-close:hover,
|
||||
.wp-core-ui .customize-controls-preview-toggle:focus,
|
||||
.wp-core-ui .customize-controls-preview-toggle:hover {
|
||||
color: #0073aa;
|
||||
border-top-color: #9ebaa0;
|
||||
}
|
||||
.wp-core-ui .customize-panel-back:hover,
|
||||
.wp-core-ui .customize-panel-back:focus,
|
||||
.wp-core-ui .customize-section-back:hover,
|
||||
.wp-core-ui .customize-section-back:focus {
|
||||
color: #0073aa;
|
||||
border-left-color: #9ebaa0;
|
||||
}
|
||||
.wp-core-ui .customize-screen-options-toggle:hover,
|
||||
.wp-core-ui .customize-screen-options-toggle:active,
|
||||
.wp-core-ui .customize-screen-options-toggle:focus,
|
||||
.wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .customize-screen-options-toggle:focus:before,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before, .wp-core-ui.wp-customizer button:focus .toggle-indicator:before,
|
||||
.wp-core-ui .menu-item-bar .item-delete:focus:before,
|
||||
.wp-core-ui #available-menu-items .item-add:focus:before,
|
||||
.wp-core-ui #customize-save-button-wrapper .save:focus,
|
||||
.wp-core-ui #publish-settings:focus {
|
||||
box-shadow: 0 0 0 1px #bccfbd, 0 0 2px 1px #9ebaa0;
|
||||
}
|
||||
.wp-core-ui #customize-controls .customize-info.open .customize-help-toggle,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title:focus,
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title:hover {
|
||||
border-left-color: #9ebaa0;
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after {
|
||||
background: #9ebaa0;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title.selected {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui #customize-theme-controls .control-section:hover > .accordion-section-title:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus {
|
||||
background-color: #fbfbfc;
|
||||
border-color: #9ebaa0;
|
||||
border-style: solid;
|
||||
box-shadow: 0 0 0 1px #9ebaa0;
|
||||
outline: 2px solid transparent;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:focus,
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button.active:hover {
|
||||
border-bottom-color: #9ebaa0;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:hover:before,
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:focus:before {
|
||||
color: #9ebaa0;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
|
||||
color: #9ebaa0;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
|
||||
box-shadow: 0 0 0 1px #bccfbd, 0 0 2px 1px #9ebaa0;
|
||||
}
|
||||
.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
|
||||
border-bottom-color: #9ebaa0;
|
||||
color: #0073aa;
|
||||
}
|
||||
|
||||
/* Welcome Panel */
|
||||
.welcome-panel {
|
||||
background-color: #9ebaa0;
|
||||
}
|
||||
|
||||
[class*=welcome-panel-icon] {
|
||||
background-color: #738e96;
|
||||
}
|
File diff suppressed because one or more lines are too long
|
@ -0,0 +1,10 @@
|
|||
$scheme-name: "ocean";
|
||||
$base-color: #738e96;
|
||||
$icon-color: #f2fcff;
|
||||
$highlight-color: #9ebaa0;
|
||||
$notification-color: #aa9d88;
|
||||
$low-contrast-theme: "true";
|
||||
|
||||
$form-checked: $base-color;
|
||||
|
||||
@import "../_admin.scss";
|
|
@ -0,0 +1,714 @@
|
|||
/*! This file is auto-generated */
|
||||
/*
|
||||
* Button mixin- creates a button effect with correct
|
||||
* highlights/shadows, based on a base color.
|
||||
*/
|
||||
body {
|
||||
background: #f1f1f1;
|
||||
}
|
||||
|
||||
/* Links */
|
||||
a {
|
||||
color: #0073aa;
|
||||
}
|
||||
a:hover, a:active, a:focus {
|
||||
color: #0096dd;
|
||||
}
|
||||
|
||||
#post-body .misc-pub-post-status:before,
|
||||
#post-body #visibility:before,
|
||||
.curtime #timestamp:before,
|
||||
#post-body .misc-pub-revisions:before,
|
||||
span.wp-media-buttons-icon:before {
|
||||
color: currentColor;
|
||||
}
|
||||
|
||||
.wp-core-ui .button-link {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .button-link:hover, .wp-core-ui .button-link:active, .wp-core-ui .button-link:focus {
|
||||
color: #0096dd;
|
||||
}
|
||||
|
||||
.media-modal .delete-attachment,
|
||||
.media-modal .trash-attachment,
|
||||
.media-modal .untrash-attachment,
|
||||
.wp-core-ui .button-link-delete {
|
||||
color: #a00;
|
||||
}
|
||||
|
||||
.media-modal .delete-attachment:hover,
|
||||
.media-modal .trash-attachment:hover,
|
||||
.media-modal .untrash-attachment:hover,
|
||||
.media-modal .delete-attachment:focus,
|
||||
.media-modal .trash-attachment:focus,
|
||||
.media-modal .untrash-attachment:focus,
|
||||
.wp-core-ui .button-link-delete:hover,
|
||||
.wp-core-ui .button-link-delete:focus {
|
||||
color: #dc3232;
|
||||
}
|
||||
|
||||
/* Forms */
|
||||
input[type=checkbox]:checked::before {
|
||||
content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%237e8993%27%2F%3E%3C%2Fsvg%3E");
|
||||
}
|
||||
|
||||
input[type=radio]:checked::before {
|
||||
background: #7e8993;
|
||||
}
|
||||
|
||||
.wp-core-ui input[type=reset]:hover,
|
||||
.wp-core-ui input[type=reset]:active {
|
||||
color: #0096dd;
|
||||
}
|
||||
|
||||
input[type=text]:focus,
|
||||
input[type=password]:focus,
|
||||
input[type=color]:focus,
|
||||
input[type=date]:focus,
|
||||
input[type=datetime]:focus,
|
||||
input[type=datetime-local]:focus,
|
||||
input[type=email]:focus,
|
||||
input[type=month]:focus,
|
||||
input[type=number]:focus,
|
||||
input[type=search]:focus,
|
||||
input[type=tel]:focus,
|
||||
input[type=text]:focus,
|
||||
input[type=time]:focus,
|
||||
input[type=url]:focus,
|
||||
input[type=week]:focus,
|
||||
input[type=checkbox]:focus,
|
||||
input[type=radio]:focus,
|
||||
select:focus,
|
||||
textarea:focus {
|
||||
border-color: #dd823b;
|
||||
box-shadow: 0 0 0 1px #dd823b;
|
||||
}
|
||||
|
||||
/* Core UI */
|
||||
.wp-core-ui .button {
|
||||
border-color: #7e8993;
|
||||
color: #32373c;
|
||||
}
|
||||
.wp-core-ui .button.hover,
|
||||
.wp-core-ui .button:hover,
|
||||
.wp-core-ui .button.focus,
|
||||
.wp-core-ui .button:focus {
|
||||
border-color: #717c87;
|
||||
color: #262a2e;
|
||||
}
|
||||
.wp-core-ui .button.focus,
|
||||
.wp-core-ui .button:focus {
|
||||
border-color: #7e8993;
|
||||
color: #262a2e;
|
||||
box-shadow: 0 0 0 1px #32373c;
|
||||
}
|
||||
.wp-core-ui .button:active {
|
||||
border-color: #7e8993;
|
||||
color: #262a2e;
|
||||
box-shadow: none;
|
||||
}
|
||||
.wp-core-ui .button.active,
|
||||
.wp-core-ui .button.active:focus,
|
||||
.wp-core-ui .button.active:hover {
|
||||
border-color: #dd823b;
|
||||
color: #262a2e;
|
||||
box-shadow: inset 0 2px 5px -3px #dd823b;
|
||||
}
|
||||
.wp-core-ui .button.active:focus {
|
||||
box-shadow: 0 0 0 1px #32373c;
|
||||
}
|
||||
.wp-core-ui .button,
|
||||
.wp-core-ui .button-secondary {
|
||||
color: #dd823b;
|
||||
border-color: #dd823b;
|
||||
}
|
||||
.wp-core-ui .button.hover,
|
||||
.wp-core-ui .button:hover,
|
||||
.wp-core-ui .button-secondary:hover {
|
||||
border-color: #c36922;
|
||||
color: #c36922;
|
||||
}
|
||||
.wp-core-ui .button.focus,
|
||||
.wp-core-ui .button:focus,
|
||||
.wp-core-ui .button-secondary:focus {
|
||||
border-color: #e59e66;
|
||||
color: #98511a;
|
||||
box-shadow: 0 0 0 1px #e59e66;
|
||||
}
|
||||
.wp-core-ui .button-primary:hover {
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary {
|
||||
background: #dd823b;
|
||||
border-color: #dd823b;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
|
||||
background: #df8a48;
|
||||
border-color: #db7a2e;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary:focus {
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 3px #dd823b;
|
||||
}
|
||||
.wp-core-ui .button-primary:active {
|
||||
background: #d97426;
|
||||
border-color: #d97426;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
|
||||
background: #dd823b;
|
||||
color: #fff;
|
||||
border-color: #ad5d1e;
|
||||
box-shadow: inset 0 2px 5px -3px #150b04;
|
||||
}
|
||||
.wp-core-ui .button-group > .button.active {
|
||||
border-color: #dd823b;
|
||||
}
|
||||
.wp-core-ui .wp-ui-primary {
|
||||
color: #fff;
|
||||
background-color: #cf4944;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-primary {
|
||||
color: #cf4944;
|
||||
}
|
||||
.wp-core-ui .wp-ui-highlight {
|
||||
color: #fff;
|
||||
background-color: #dd823b;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-highlight {
|
||||
color: #dd823b;
|
||||
}
|
||||
.wp-core-ui .wp-ui-notification {
|
||||
color: #fff;
|
||||
background-color: #ccaf0b;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-notification {
|
||||
color: #ccaf0b;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-icon {
|
||||
color: hsl(2.1582733813deg, 7%, 95%);
|
||||
}
|
||||
|
||||
/* List tables */
|
||||
.wrap .page-title-action,
|
||||
.wrap .page-title-action:active {
|
||||
border: 1px solid #dd823b;
|
||||
color: #dd823b;
|
||||
}
|
||||
|
||||
.wrap .page-title-action:hover {
|
||||
color: #c36922;
|
||||
border-color: #c36922;
|
||||
}
|
||||
|
||||
.wrap .page-title-action:focus {
|
||||
border-color: #e59e66;
|
||||
color: #98511a;
|
||||
box-shadow: 0 0 0 1px #e59e66;
|
||||
}
|
||||
|
||||
.view-switch a.current:before {
|
||||
color: #cf4944;
|
||||
}
|
||||
|
||||
.view-switch a:hover:before {
|
||||
color: #ccaf0b;
|
||||
}
|
||||
|
||||
/* Admin Menu */
|
||||
#adminmenuback,
|
||||
#adminmenuwrap,
|
||||
#adminmenu {
|
||||
background: #cf4944;
|
||||
}
|
||||
|
||||
#adminmenu a {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#adminmenu div.wp-menu-image:before {
|
||||
color: hsl(2.1582733813deg, 7%, 95%);
|
||||
}
|
||||
|
||||
#adminmenu a:hover,
|
||||
#adminmenu li.menu-top:hover,
|
||||
#adminmenu li.opensub > a.menu-top,
|
||||
#adminmenu li > a.menu-top:focus {
|
||||
color: #fff;
|
||||
background-color: #dd823b;
|
||||
}
|
||||
|
||||
#adminmenu li.menu-top:hover div.wp-menu-image:before,
|
||||
#adminmenu li.opensub > a.menu-top div.wp-menu-image:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Active tabs use a bottom border color that matches the page background color. */
|
||||
.about-wrap .nav-tab-active,
|
||||
.nav-tab-active,
|
||||
.nav-tab-active:hover {
|
||||
background-color: #f1f1f1;
|
||||
border-bottom-color: #f1f1f1;
|
||||
}
|
||||
|
||||
/* Admin Menu: submenu */
|
||||
#adminmenu .wp-submenu,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
|
||||
background: #be3631;
|
||||
}
|
||||
|
||||
#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
|
||||
#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
|
||||
border-left-color: #be3631;
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu .wp-submenu-head {
|
||||
color: #f1c8c7;
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu a,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
|
||||
color: #f1c8c7;
|
||||
}
|
||||
#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a:focus,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a:hover,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
|
||||
color: #f7e3d3;
|
||||
}
|
||||
|
||||
/* Admin Menu: current */
|
||||
#adminmenu .wp-submenu li.current a,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
|
||||
color: #fff;
|
||||
}
|
||||
#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
|
||||
color: #f7e3d3;
|
||||
}
|
||||
|
||||
ul#adminmenu a.wp-has-current-submenu:after,
|
||||
ul#adminmenu > li.current > a.current:after {
|
||||
border-left-color: #f1f1f1;
|
||||
}
|
||||
|
||||
#adminmenu li.current a.menu-top,
|
||||
#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
|
||||
#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,
|
||||
.folded #adminmenu li.current.menu-top {
|
||||
color: #fff;
|
||||
background: #dd823b;
|
||||
}
|
||||
|
||||
#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
|
||||
#adminmenu a.current:hover div.wp-menu-image:before,
|
||||
#adminmenu li.current div.wp-menu-image:before,
|
||||
#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
|
||||
#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
|
||||
#adminmenu li:hover div.wp-menu-image:before,
|
||||
#adminmenu li a:focus div.wp-menu-image:before,
|
||||
#adminmenu li.opensub div.wp-menu-image:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Admin Menu: bubble */
|
||||
#adminmenu .awaiting-mod,
|
||||
#adminmenu .update-plugins {
|
||||
color: #fff;
|
||||
background: #ccaf0b;
|
||||
}
|
||||
|
||||
#adminmenu li.current a .awaiting-mod,
|
||||
#adminmenu li a.wp-has-current-submenu .update-plugins,
|
||||
#adminmenu li:hover a .awaiting-mod,
|
||||
#adminmenu li.menu-top:hover > a .update-plugins {
|
||||
color: #fff;
|
||||
background: #be3631;
|
||||
}
|
||||
|
||||
/* Admin Menu: collapse button */
|
||||
#collapse-button {
|
||||
color: hsl(2.1582733813deg, 7%, 95%);
|
||||
}
|
||||
|
||||
#collapse-button:hover,
|
||||
#collapse-button:focus {
|
||||
color: #f7e3d3;
|
||||
}
|
||||
|
||||
/* Admin Bar */
|
||||
#wpadminbar {
|
||||
color: #fff;
|
||||
background: #cf4944;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-item,
|
||||
#wpadminbar a.ab-item,
|
||||
#wpadminbar > #wp-toolbar span.ab-label,
|
||||
#wpadminbar > #wp-toolbar span.noticon {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-icon,
|
||||
#wpadminbar .ab-icon:before,
|
||||
#wpadminbar .ab-item:before,
|
||||
#wpadminbar .ab-item:after {
|
||||
color: hsl(2.1582733813deg, 7%, 95%);
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
|
||||
#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
|
||||
#wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
|
||||
#wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
|
||||
color: #f7e3d3;
|
||||
background: #be3631;
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar li.hover span.ab-label,
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label {
|
||||
color: #f7e3d3;
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) li:hover .ab-icon:before,
|
||||
#wpadminbar:not(.mobile) li:hover .ab-item:before,
|
||||
#wpadminbar:not(.mobile) li:hover .ab-item:after,
|
||||
#wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
|
||||
color: #f7e3d3;
|
||||
}
|
||||
|
||||
/* Admin Bar: submenu */
|
||||
#wpadminbar .menupop .ab-sub-wrapper {
|
||||
background: #be3631;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
|
||||
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
|
||||
background: #cf6b67;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-submenu .ab-item,
|
||||
#wpadminbar .quicklinks .menupop ul li a,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a {
|
||||
color: #f1c8c7;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks li .blavatar,
|
||||
#wpadminbar .menupop .menupop > .ab-item:before {
|
||||
color: hsl(2.1582733813deg, 7%, 95%);
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks .menupop ul li a:hover,
|
||||
#wpadminbar .quicklinks .menupop ul li a:focus,
|
||||
#wpadminbar .quicklinks .menupop ul li a:hover strong,
|
||||
#wpadminbar .quicklinks .menupop ul li a:focus strong,
|
||||
#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a:hover,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a:focus,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
|
||||
#wpadminbar li:hover .ab-icon:before,
|
||||
#wpadminbar li:hover .ab-item:before,
|
||||
#wpadminbar li a:focus .ab-icon:before,
|
||||
#wpadminbar li .ab-item:focus:before,
|
||||
#wpadminbar li .ab-item:focus .ab-icon:before,
|
||||
#wpadminbar li.hover .ab-icon:before,
|
||||
#wpadminbar li.hover .ab-item:before,
|
||||
#wpadminbar li:hover #adminbarsearch:before,
|
||||
#wpadminbar li #adminbarsearch.adminbar-focused:before {
|
||||
color: #f7e3d3;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks li a:hover .blavatar,
|
||||
#wpadminbar .quicklinks li a:focus .blavatar,
|
||||
#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar,
|
||||
#wpadminbar .menupop .menupop > .ab-item:hover:before,
|
||||
#wpadminbar.mobile .quicklinks .ab-icon:before,
|
||||
#wpadminbar.mobile .quicklinks .ab-item:before {
|
||||
color: #f7e3d3;
|
||||
}
|
||||
|
||||
#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
|
||||
#wpadminbar.mobile .quicklinks .hover .ab-item:before {
|
||||
color: hsl(2.1582733813deg, 7%, 95%);
|
||||
}
|
||||
|
||||
/* Admin Bar: search */
|
||||
#wpadminbar #adminbarsearch:before {
|
||||
color: hsl(2.1582733813deg, 7%, 95%);
|
||||
}
|
||||
|
||||
#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
|
||||
color: #fff;
|
||||
background: #d66560;
|
||||
}
|
||||
|
||||
/* Admin Bar: recovery mode */
|
||||
#wpadminbar #wp-admin-bar-recovery-mode {
|
||||
color: #fff;
|
||||
background-color: #ccaf0b;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-recovery-mode .ab-item,
|
||||
#wpadminbar #wp-admin-bar-recovery-mode a.ab-item {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-top-menu > #wp-admin-bar-recovery-mode.hover > .ab-item,
|
||||
#wpadminbar.nojq .quicklinks .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
|
||||
color: #fff;
|
||||
background-color: #b89e0a;
|
||||
}
|
||||
|
||||
/* Admin Bar: my account */
|
||||
#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
|
||||
border-color: #d66560;
|
||||
background-color: #d66560;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info .display-name {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info a:hover .display-name {
|
||||
color: #f7e3d3;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info .username {
|
||||
color: #f1c8c7;
|
||||
}
|
||||
|
||||
/* Pointers */
|
||||
.wp-pointer .wp-pointer-content h3 {
|
||||
background-color: #dd823b;
|
||||
border-color: #d97426;
|
||||
}
|
||||
|
||||
.wp-pointer .wp-pointer-content h3:before {
|
||||
color: #dd823b;
|
||||
}
|
||||
|
||||
.wp-pointer.wp-pointer-top .wp-pointer-arrow,
|
||||
.wp-pointer.wp-pointer-top .wp-pointer-arrow-inner,
|
||||
.wp-pointer.wp-pointer-undefined .wp-pointer-arrow,
|
||||
.wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner {
|
||||
border-bottom-color: #dd823b;
|
||||
}
|
||||
|
||||
/* Media */
|
||||
.media-item .bar,
|
||||
.media-progress-bar div {
|
||||
background-color: #dd823b;
|
||||
}
|
||||
|
||||
.details.attachment {
|
||||
box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #dd823b;
|
||||
}
|
||||
|
||||
.attachment.details .check {
|
||||
background-color: #dd823b;
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 2px #dd823b;
|
||||
}
|
||||
|
||||
.media-selection .attachment.selection.details .thumbnail {
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 3px #dd823b;
|
||||
}
|
||||
|
||||
/* Themes */
|
||||
.theme-browser .theme.active .theme-name,
|
||||
.theme-browser .theme.add-new-theme a:hover:after,
|
||||
.theme-browser .theme.add-new-theme a:focus:after {
|
||||
background: #dd823b;
|
||||
}
|
||||
|
||||
.theme-browser .theme.add-new-theme a:hover span:after,
|
||||
.theme-browser .theme.add-new-theme a:focus span:after {
|
||||
color: #dd823b;
|
||||
}
|
||||
|
||||
.theme-section.current,
|
||||
.theme-filter.current {
|
||||
border-bottom-color: #cf4944;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters {
|
||||
color: #fff;
|
||||
background-color: #cf4944;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:hover,
|
||||
body.more-filters-opened .more-filters:focus {
|
||||
background-color: #dd823b;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:hover:before,
|
||||
body.more-filters-opened .more-filters:focus:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Widgets */
|
||||
.widgets-chooser li.widgets-chooser-selected {
|
||||
background-color: #dd823b;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.widgets-chooser li.widgets-chooser-selected:before,
|
||||
.widgets-chooser li.widgets-chooser-selected:focus:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Nav Menus */
|
||||
.nav-menus-php .item-edit:focus:before {
|
||||
box-shadow: 0 0 0 1px #e59e66, 0 0 2px 1px #dd823b;
|
||||
}
|
||||
|
||||
/* Responsive Component */
|
||||
div#wp-responsive-toggle a:before {
|
||||
color: hsl(2.1582733813deg, 7%, 95%);
|
||||
}
|
||||
|
||||
.wp-responsive-open div#wp-responsive-toggle a {
|
||||
border-color: transparent;
|
||||
background: #dd823b;
|
||||
}
|
||||
|
||||
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
|
||||
background: #be3631;
|
||||
}
|
||||
|
||||
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
|
||||
color: hsl(2.1582733813deg, 7%, 95%);
|
||||
}
|
||||
|
||||
/* TinyMCE */
|
||||
.mce-container.mce-menu .mce-menu-item:hover,
|
||||
.mce-container.mce-menu .mce-menu-item.mce-selected,
|
||||
.mce-container.mce-menu .mce-menu-item:focus,
|
||||
.mce-container.mce-menu .mce-menu-item-normal.mce-active,
|
||||
.mce-container.mce-menu .mce-menu-item-preview.mce-active {
|
||||
background: #dd823b;
|
||||
}
|
||||
|
||||
/* Customizer */
|
||||
.wp-core-ui #customize-controls .control-section:hover > .accordion-section-title,
|
||||
.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,
|
||||
.wp-core-ui #customize-controls .control-section.open .accordion-section-title,
|
||||
.wp-core-ui #customize-controls .control-section .accordion-section-title:focus {
|
||||
color: #0073aa;
|
||||
border-right-color: #dd823b;
|
||||
}
|
||||
.wp-core-ui .customize-controls-close:focus,
|
||||
.wp-core-ui .customize-controls-close:hover,
|
||||
.wp-core-ui .customize-controls-preview-toggle:focus,
|
||||
.wp-core-ui .customize-controls-preview-toggle:hover {
|
||||
color: #0073aa;
|
||||
border-top-color: #dd823b;
|
||||
}
|
||||
.wp-core-ui .customize-panel-back:hover,
|
||||
.wp-core-ui .customize-panel-back:focus,
|
||||
.wp-core-ui .customize-section-back:hover,
|
||||
.wp-core-ui .customize-section-back:focus {
|
||||
color: #0073aa;
|
||||
border-right-color: #dd823b;
|
||||
}
|
||||
.wp-core-ui .customize-screen-options-toggle:hover,
|
||||
.wp-core-ui .customize-screen-options-toggle:active,
|
||||
.wp-core-ui .customize-screen-options-toggle:focus,
|
||||
.wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .customize-screen-options-toggle:focus:before,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before, .wp-core-ui.wp-customizer button:focus .toggle-indicator:before,
|
||||
.wp-core-ui .menu-item-bar .item-delete:focus:before,
|
||||
.wp-core-ui #available-menu-items .item-add:focus:before,
|
||||
.wp-core-ui #customize-save-button-wrapper .save:focus,
|
||||
.wp-core-ui #publish-settings:focus {
|
||||
box-shadow: 0 0 0 1px #e59e66, 0 0 2px 1px #dd823b;
|
||||
}
|
||||
.wp-core-ui #customize-controls .customize-info.open .customize-help-toggle,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title:focus,
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title:hover {
|
||||
border-right-color: #dd823b;
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after {
|
||||
background: #dd823b;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title.selected {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui #customize-theme-controls .control-section:hover > .accordion-section-title:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus {
|
||||
background-color: #fbfbfc;
|
||||
border-color: #dd823b;
|
||||
border-style: solid;
|
||||
box-shadow: 0 0 0 1px #dd823b;
|
||||
outline: 2px solid transparent;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:focus,
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button.active:hover {
|
||||
border-bottom-color: #dd823b;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:hover:before,
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:focus:before {
|
||||
color: #dd823b;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
|
||||
color: #dd823b;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
|
||||
box-shadow: 0 0 0 1px #e59e66, 0 0 2px 1px #dd823b;
|
||||
}
|
||||
.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
|
||||
border-bottom-color: #dd823b;
|
||||
color: #0073aa;
|
||||
}
|
||||
|
||||
/* Welcome Panel */
|
||||
.welcome-panel {
|
||||
background-color: #dd823b;
|
||||
}
|
||||
|
||||
[class*=welcome-panel-icon] {
|
||||
background-color: #cf4944;
|
||||
}
|
File diff suppressed because one or more lines are too long
|
@ -0,0 +1,714 @@
|
|||
/*! This file is auto-generated */
|
||||
/*
|
||||
* Button mixin- creates a button effect with correct
|
||||
* highlights/shadows, based on a base color.
|
||||
*/
|
||||
body {
|
||||
background: #f1f1f1;
|
||||
}
|
||||
|
||||
/* Links */
|
||||
a {
|
||||
color: #0073aa;
|
||||
}
|
||||
a:hover, a:active, a:focus {
|
||||
color: #0096dd;
|
||||
}
|
||||
|
||||
#post-body .misc-pub-post-status:before,
|
||||
#post-body #visibility:before,
|
||||
.curtime #timestamp:before,
|
||||
#post-body .misc-pub-revisions:before,
|
||||
span.wp-media-buttons-icon:before {
|
||||
color: currentColor;
|
||||
}
|
||||
|
||||
.wp-core-ui .button-link {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .button-link:hover, .wp-core-ui .button-link:active, .wp-core-ui .button-link:focus {
|
||||
color: #0096dd;
|
||||
}
|
||||
|
||||
.media-modal .delete-attachment,
|
||||
.media-modal .trash-attachment,
|
||||
.media-modal .untrash-attachment,
|
||||
.wp-core-ui .button-link-delete {
|
||||
color: #a00;
|
||||
}
|
||||
|
||||
.media-modal .delete-attachment:hover,
|
||||
.media-modal .trash-attachment:hover,
|
||||
.media-modal .untrash-attachment:hover,
|
||||
.media-modal .delete-attachment:focus,
|
||||
.media-modal .trash-attachment:focus,
|
||||
.media-modal .untrash-attachment:focus,
|
||||
.wp-core-ui .button-link-delete:hover,
|
||||
.wp-core-ui .button-link-delete:focus {
|
||||
color: #dc3232;
|
||||
}
|
||||
|
||||
/* Forms */
|
||||
input[type=checkbox]:checked::before {
|
||||
content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%237e8993%27%2F%3E%3C%2Fsvg%3E");
|
||||
}
|
||||
|
||||
input[type=radio]:checked::before {
|
||||
background: #7e8993;
|
||||
}
|
||||
|
||||
.wp-core-ui input[type=reset]:hover,
|
||||
.wp-core-ui input[type=reset]:active {
|
||||
color: #0096dd;
|
||||
}
|
||||
|
||||
input[type=text]:focus,
|
||||
input[type=password]:focus,
|
||||
input[type=color]:focus,
|
||||
input[type=date]:focus,
|
||||
input[type=datetime]:focus,
|
||||
input[type=datetime-local]:focus,
|
||||
input[type=email]:focus,
|
||||
input[type=month]:focus,
|
||||
input[type=number]:focus,
|
||||
input[type=search]:focus,
|
||||
input[type=tel]:focus,
|
||||
input[type=text]:focus,
|
||||
input[type=time]:focus,
|
||||
input[type=url]:focus,
|
||||
input[type=week]:focus,
|
||||
input[type=checkbox]:focus,
|
||||
input[type=radio]:focus,
|
||||
select:focus,
|
||||
textarea:focus {
|
||||
border-color: #dd823b;
|
||||
box-shadow: 0 0 0 1px #dd823b;
|
||||
}
|
||||
|
||||
/* Core UI */
|
||||
.wp-core-ui .button {
|
||||
border-color: #7e8993;
|
||||
color: #32373c;
|
||||
}
|
||||
.wp-core-ui .button.hover,
|
||||
.wp-core-ui .button:hover,
|
||||
.wp-core-ui .button.focus,
|
||||
.wp-core-ui .button:focus {
|
||||
border-color: #717c87;
|
||||
color: #262a2e;
|
||||
}
|
||||
.wp-core-ui .button.focus,
|
||||
.wp-core-ui .button:focus {
|
||||
border-color: #7e8993;
|
||||
color: #262a2e;
|
||||
box-shadow: 0 0 0 1px #32373c;
|
||||
}
|
||||
.wp-core-ui .button:active {
|
||||
border-color: #7e8993;
|
||||
color: #262a2e;
|
||||
box-shadow: none;
|
||||
}
|
||||
.wp-core-ui .button.active,
|
||||
.wp-core-ui .button.active:focus,
|
||||
.wp-core-ui .button.active:hover {
|
||||
border-color: #dd823b;
|
||||
color: #262a2e;
|
||||
box-shadow: inset 0 2px 5px -3px #dd823b;
|
||||
}
|
||||
.wp-core-ui .button.active:focus {
|
||||
box-shadow: 0 0 0 1px #32373c;
|
||||
}
|
||||
.wp-core-ui .button,
|
||||
.wp-core-ui .button-secondary {
|
||||
color: #dd823b;
|
||||
border-color: #dd823b;
|
||||
}
|
||||
.wp-core-ui .button.hover,
|
||||
.wp-core-ui .button:hover,
|
||||
.wp-core-ui .button-secondary:hover {
|
||||
border-color: #c36922;
|
||||
color: #c36922;
|
||||
}
|
||||
.wp-core-ui .button.focus,
|
||||
.wp-core-ui .button:focus,
|
||||
.wp-core-ui .button-secondary:focus {
|
||||
border-color: #e59e66;
|
||||
color: #98511a;
|
||||
box-shadow: 0 0 0 1px #e59e66;
|
||||
}
|
||||
.wp-core-ui .button-primary:hover {
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary {
|
||||
background: #dd823b;
|
||||
border-color: #dd823b;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
|
||||
background: #df8a48;
|
||||
border-color: #db7a2e;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary:focus {
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 3px #dd823b;
|
||||
}
|
||||
.wp-core-ui .button-primary:active {
|
||||
background: #d97426;
|
||||
border-color: #d97426;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
|
||||
background: #dd823b;
|
||||
color: #fff;
|
||||
border-color: #ad5d1e;
|
||||
box-shadow: inset 0 2px 5px -3px #150b04;
|
||||
}
|
||||
.wp-core-ui .button-group > .button.active {
|
||||
border-color: #dd823b;
|
||||
}
|
||||
.wp-core-ui .wp-ui-primary {
|
||||
color: #fff;
|
||||
background-color: #cf4944;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-primary {
|
||||
color: #cf4944;
|
||||
}
|
||||
.wp-core-ui .wp-ui-highlight {
|
||||
color: #fff;
|
||||
background-color: #dd823b;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-highlight {
|
||||
color: #dd823b;
|
||||
}
|
||||
.wp-core-ui .wp-ui-notification {
|
||||
color: #fff;
|
||||
background-color: #ccaf0b;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-notification {
|
||||
color: #ccaf0b;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-icon {
|
||||
color: hsl(2.1582733813deg, 7%, 95%);
|
||||
}
|
||||
|
||||
/* List tables */
|
||||
.wrap .page-title-action,
|
||||
.wrap .page-title-action:active {
|
||||
border: 1px solid #dd823b;
|
||||
color: #dd823b;
|
||||
}
|
||||
|
||||
.wrap .page-title-action:hover {
|
||||
color: #c36922;
|
||||
border-color: #c36922;
|
||||
}
|
||||
|
||||
.wrap .page-title-action:focus {
|
||||
border-color: #e59e66;
|
||||
color: #98511a;
|
||||
box-shadow: 0 0 0 1px #e59e66;
|
||||
}
|
||||
|
||||
.view-switch a.current:before {
|
||||
color: #cf4944;
|
||||
}
|
||||
|
||||
.view-switch a:hover:before {
|
||||
color: #ccaf0b;
|
||||
}
|
||||
|
||||
/* Admin Menu */
|
||||
#adminmenuback,
|
||||
#adminmenuwrap,
|
||||
#adminmenu {
|
||||
background: #cf4944;
|
||||
}
|
||||
|
||||
#adminmenu a {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#adminmenu div.wp-menu-image:before {
|
||||
color: hsl(2.1582733813deg, 7%, 95%);
|
||||
}
|
||||
|
||||
#adminmenu a:hover,
|
||||
#adminmenu li.menu-top:hover,
|
||||
#adminmenu li.opensub > a.menu-top,
|
||||
#adminmenu li > a.menu-top:focus {
|
||||
color: #fff;
|
||||
background-color: #dd823b;
|
||||
}
|
||||
|
||||
#adminmenu li.menu-top:hover div.wp-menu-image:before,
|
||||
#adminmenu li.opensub > a.menu-top div.wp-menu-image:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Active tabs use a bottom border color that matches the page background color. */
|
||||
.about-wrap .nav-tab-active,
|
||||
.nav-tab-active,
|
||||
.nav-tab-active:hover {
|
||||
background-color: #f1f1f1;
|
||||
border-bottom-color: #f1f1f1;
|
||||
}
|
||||
|
||||
/* Admin Menu: submenu */
|
||||
#adminmenu .wp-submenu,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
|
||||
background: #be3631;
|
||||
}
|
||||
|
||||
#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
|
||||
#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
|
||||
border-right-color: #be3631;
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu .wp-submenu-head {
|
||||
color: #f1c8c7;
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu a,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
|
||||
color: #f1c8c7;
|
||||
}
|
||||
#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a:focus,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a:hover,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
|
||||
color: #f7e3d3;
|
||||
}
|
||||
|
||||
/* Admin Menu: current */
|
||||
#adminmenu .wp-submenu li.current a,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
|
||||
color: #fff;
|
||||
}
|
||||
#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
|
||||
color: #f7e3d3;
|
||||
}
|
||||
|
||||
ul#adminmenu a.wp-has-current-submenu:after,
|
||||
ul#adminmenu > li.current > a.current:after {
|
||||
border-right-color: #f1f1f1;
|
||||
}
|
||||
|
||||
#adminmenu li.current a.menu-top,
|
||||
#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
|
||||
#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,
|
||||
.folded #adminmenu li.current.menu-top {
|
||||
color: #fff;
|
||||
background: #dd823b;
|
||||
}
|
||||
|
||||
#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
|
||||
#adminmenu a.current:hover div.wp-menu-image:before,
|
||||
#adminmenu li.current div.wp-menu-image:before,
|
||||
#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
|
||||
#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
|
||||
#adminmenu li:hover div.wp-menu-image:before,
|
||||
#adminmenu li a:focus div.wp-menu-image:before,
|
||||
#adminmenu li.opensub div.wp-menu-image:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Admin Menu: bubble */
|
||||
#adminmenu .awaiting-mod,
|
||||
#adminmenu .update-plugins {
|
||||
color: #fff;
|
||||
background: #ccaf0b;
|
||||
}
|
||||
|
||||
#adminmenu li.current a .awaiting-mod,
|
||||
#adminmenu li a.wp-has-current-submenu .update-plugins,
|
||||
#adminmenu li:hover a .awaiting-mod,
|
||||
#adminmenu li.menu-top:hover > a .update-plugins {
|
||||
color: #fff;
|
||||
background: #be3631;
|
||||
}
|
||||
|
||||
/* Admin Menu: collapse button */
|
||||
#collapse-button {
|
||||
color: hsl(2.1582733813deg, 7%, 95%);
|
||||
}
|
||||
|
||||
#collapse-button:hover,
|
||||
#collapse-button:focus {
|
||||
color: #f7e3d3;
|
||||
}
|
||||
|
||||
/* Admin Bar */
|
||||
#wpadminbar {
|
||||
color: #fff;
|
||||
background: #cf4944;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-item,
|
||||
#wpadminbar a.ab-item,
|
||||
#wpadminbar > #wp-toolbar span.ab-label,
|
||||
#wpadminbar > #wp-toolbar span.noticon {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-icon,
|
||||
#wpadminbar .ab-icon:before,
|
||||
#wpadminbar .ab-item:before,
|
||||
#wpadminbar .ab-item:after {
|
||||
color: hsl(2.1582733813deg, 7%, 95%);
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
|
||||
#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
|
||||
#wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
|
||||
#wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
|
||||
color: #f7e3d3;
|
||||
background: #be3631;
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar li.hover span.ab-label,
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label {
|
||||
color: #f7e3d3;
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) li:hover .ab-icon:before,
|
||||
#wpadminbar:not(.mobile) li:hover .ab-item:before,
|
||||
#wpadminbar:not(.mobile) li:hover .ab-item:after,
|
||||
#wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
|
||||
color: #f7e3d3;
|
||||
}
|
||||
|
||||
/* Admin Bar: submenu */
|
||||
#wpadminbar .menupop .ab-sub-wrapper {
|
||||
background: #be3631;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
|
||||
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
|
||||
background: #cf6b67;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-submenu .ab-item,
|
||||
#wpadminbar .quicklinks .menupop ul li a,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a {
|
||||
color: #f1c8c7;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks li .blavatar,
|
||||
#wpadminbar .menupop .menupop > .ab-item:before {
|
||||
color: hsl(2.1582733813deg, 7%, 95%);
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks .menupop ul li a:hover,
|
||||
#wpadminbar .quicklinks .menupop ul li a:focus,
|
||||
#wpadminbar .quicklinks .menupop ul li a:hover strong,
|
||||
#wpadminbar .quicklinks .menupop ul li a:focus strong,
|
||||
#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a:hover,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a:focus,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
|
||||
#wpadminbar li:hover .ab-icon:before,
|
||||
#wpadminbar li:hover .ab-item:before,
|
||||
#wpadminbar li a:focus .ab-icon:before,
|
||||
#wpadminbar li .ab-item:focus:before,
|
||||
#wpadminbar li .ab-item:focus .ab-icon:before,
|
||||
#wpadminbar li.hover .ab-icon:before,
|
||||
#wpadminbar li.hover .ab-item:before,
|
||||
#wpadminbar li:hover #adminbarsearch:before,
|
||||
#wpadminbar li #adminbarsearch.adminbar-focused:before {
|
||||
color: #f7e3d3;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks li a:hover .blavatar,
|
||||
#wpadminbar .quicklinks li a:focus .blavatar,
|
||||
#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar,
|
||||
#wpadminbar .menupop .menupop > .ab-item:hover:before,
|
||||
#wpadminbar.mobile .quicklinks .ab-icon:before,
|
||||
#wpadminbar.mobile .quicklinks .ab-item:before {
|
||||
color: #f7e3d3;
|
||||
}
|
||||
|
||||
#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
|
||||
#wpadminbar.mobile .quicklinks .hover .ab-item:before {
|
||||
color: hsl(2.1582733813deg, 7%, 95%);
|
||||
}
|
||||
|
||||
/* Admin Bar: search */
|
||||
#wpadminbar #adminbarsearch:before {
|
||||
color: hsl(2.1582733813deg, 7%, 95%);
|
||||
}
|
||||
|
||||
#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
|
||||
color: #fff;
|
||||
background: #d66560;
|
||||
}
|
||||
|
||||
/* Admin Bar: recovery mode */
|
||||
#wpadminbar #wp-admin-bar-recovery-mode {
|
||||
color: #fff;
|
||||
background-color: #ccaf0b;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-recovery-mode .ab-item,
|
||||
#wpadminbar #wp-admin-bar-recovery-mode a.ab-item {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-top-menu > #wp-admin-bar-recovery-mode.hover > .ab-item,
|
||||
#wpadminbar.nojq .quicklinks .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
|
||||
color: #fff;
|
||||
background-color: #b89e0a;
|
||||
}
|
||||
|
||||
/* Admin Bar: my account */
|
||||
#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
|
||||
border-color: #d66560;
|
||||
background-color: #d66560;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info .display-name {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info a:hover .display-name {
|
||||
color: #f7e3d3;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info .username {
|
||||
color: #f1c8c7;
|
||||
}
|
||||
|
||||
/* Pointers */
|
||||
.wp-pointer .wp-pointer-content h3 {
|
||||
background-color: #dd823b;
|
||||
border-color: #d97426;
|
||||
}
|
||||
|
||||
.wp-pointer .wp-pointer-content h3:before {
|
||||
color: #dd823b;
|
||||
}
|
||||
|
||||
.wp-pointer.wp-pointer-top .wp-pointer-arrow,
|
||||
.wp-pointer.wp-pointer-top .wp-pointer-arrow-inner,
|
||||
.wp-pointer.wp-pointer-undefined .wp-pointer-arrow,
|
||||
.wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner {
|
||||
border-bottom-color: #dd823b;
|
||||
}
|
||||
|
||||
/* Media */
|
||||
.media-item .bar,
|
||||
.media-progress-bar div {
|
||||
background-color: #dd823b;
|
||||
}
|
||||
|
||||
.details.attachment {
|
||||
box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #dd823b;
|
||||
}
|
||||
|
||||
.attachment.details .check {
|
||||
background-color: #dd823b;
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 2px #dd823b;
|
||||
}
|
||||
|
||||
.media-selection .attachment.selection.details .thumbnail {
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 3px #dd823b;
|
||||
}
|
||||
|
||||
/* Themes */
|
||||
.theme-browser .theme.active .theme-name,
|
||||
.theme-browser .theme.add-new-theme a:hover:after,
|
||||
.theme-browser .theme.add-new-theme a:focus:after {
|
||||
background: #dd823b;
|
||||
}
|
||||
|
||||
.theme-browser .theme.add-new-theme a:hover span:after,
|
||||
.theme-browser .theme.add-new-theme a:focus span:after {
|
||||
color: #dd823b;
|
||||
}
|
||||
|
||||
.theme-section.current,
|
||||
.theme-filter.current {
|
||||
border-bottom-color: #cf4944;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters {
|
||||
color: #fff;
|
||||
background-color: #cf4944;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:hover,
|
||||
body.more-filters-opened .more-filters:focus {
|
||||
background-color: #dd823b;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:hover:before,
|
||||
body.more-filters-opened .more-filters:focus:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Widgets */
|
||||
.widgets-chooser li.widgets-chooser-selected {
|
||||
background-color: #dd823b;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.widgets-chooser li.widgets-chooser-selected:before,
|
||||
.widgets-chooser li.widgets-chooser-selected:focus:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Nav Menus */
|
||||
.nav-menus-php .item-edit:focus:before {
|
||||
box-shadow: 0 0 0 1px #e59e66, 0 0 2px 1px #dd823b;
|
||||
}
|
||||
|
||||
/* Responsive Component */
|
||||
div#wp-responsive-toggle a:before {
|
||||
color: hsl(2.1582733813deg, 7%, 95%);
|
||||
}
|
||||
|
||||
.wp-responsive-open div#wp-responsive-toggle a {
|
||||
border-color: transparent;
|
||||
background: #dd823b;
|
||||
}
|
||||
|
||||
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
|
||||
background: #be3631;
|
||||
}
|
||||
|
||||
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
|
||||
color: hsl(2.1582733813deg, 7%, 95%);
|
||||
}
|
||||
|
||||
/* TinyMCE */
|
||||
.mce-container.mce-menu .mce-menu-item:hover,
|
||||
.mce-container.mce-menu .mce-menu-item.mce-selected,
|
||||
.mce-container.mce-menu .mce-menu-item:focus,
|
||||
.mce-container.mce-menu .mce-menu-item-normal.mce-active,
|
||||
.mce-container.mce-menu .mce-menu-item-preview.mce-active {
|
||||
background: #dd823b;
|
||||
}
|
||||
|
||||
/* Customizer */
|
||||
.wp-core-ui #customize-controls .control-section:hover > .accordion-section-title,
|
||||
.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,
|
||||
.wp-core-ui #customize-controls .control-section.open .accordion-section-title,
|
||||
.wp-core-ui #customize-controls .control-section .accordion-section-title:focus {
|
||||
color: #0073aa;
|
||||
border-left-color: #dd823b;
|
||||
}
|
||||
.wp-core-ui .customize-controls-close:focus,
|
||||
.wp-core-ui .customize-controls-close:hover,
|
||||
.wp-core-ui .customize-controls-preview-toggle:focus,
|
||||
.wp-core-ui .customize-controls-preview-toggle:hover {
|
||||
color: #0073aa;
|
||||
border-top-color: #dd823b;
|
||||
}
|
||||
.wp-core-ui .customize-panel-back:hover,
|
||||
.wp-core-ui .customize-panel-back:focus,
|
||||
.wp-core-ui .customize-section-back:hover,
|
||||
.wp-core-ui .customize-section-back:focus {
|
||||
color: #0073aa;
|
||||
border-left-color: #dd823b;
|
||||
}
|
||||
.wp-core-ui .customize-screen-options-toggle:hover,
|
||||
.wp-core-ui .customize-screen-options-toggle:active,
|
||||
.wp-core-ui .customize-screen-options-toggle:focus,
|
||||
.wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .customize-screen-options-toggle:focus:before,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before, .wp-core-ui.wp-customizer button:focus .toggle-indicator:before,
|
||||
.wp-core-ui .menu-item-bar .item-delete:focus:before,
|
||||
.wp-core-ui #available-menu-items .item-add:focus:before,
|
||||
.wp-core-ui #customize-save-button-wrapper .save:focus,
|
||||
.wp-core-ui #publish-settings:focus {
|
||||
box-shadow: 0 0 0 1px #e59e66, 0 0 2px 1px #dd823b;
|
||||
}
|
||||
.wp-core-ui #customize-controls .customize-info.open .customize-help-toggle,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title:focus,
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title:hover {
|
||||
border-left-color: #dd823b;
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after {
|
||||
background: #dd823b;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title.selected {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui #customize-theme-controls .control-section:hover > .accordion-section-title:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus {
|
||||
background-color: #fbfbfc;
|
||||
border-color: #dd823b;
|
||||
border-style: solid;
|
||||
box-shadow: 0 0 0 1px #dd823b;
|
||||
outline: 2px solid transparent;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:focus,
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button.active:hover {
|
||||
border-bottom-color: #dd823b;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:hover:before,
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:focus:before {
|
||||
color: #dd823b;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
|
||||
color: #dd823b;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
|
||||
box-shadow: 0 0 0 1px #e59e66, 0 0 2px 1px #dd823b;
|
||||
}
|
||||
.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
|
||||
border-bottom-color: #dd823b;
|
||||
color: #0073aa;
|
||||
}
|
||||
|
||||
/* Welcome Panel */
|
||||
.welcome-panel {
|
||||
background-color: #dd823b;
|
||||
}
|
||||
|
||||
[class*=welcome-panel-icon] {
|
||||
background-color: #cf4944;
|
||||
}
|
File diff suppressed because one or more lines are too long
|
@ -0,0 +1,7 @@
|
|||
$scheme-name: "sunrise";
|
||||
$base-color: #cf4944;
|
||||
$highlight-color: #dd823b;
|
||||
$notification-color: #ccaf0b;
|
||||
$menu-submenu-focus-text: lighten( $highlight-color, 35% );
|
||||
|
||||
@import "../_admin.scss";
|
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
|
@ -0,0 +1,884 @@
|
|||
/*! This file is auto-generated */
|
||||
#customize-theme-controls #accordion-section-menu_locations {
|
||||
position: relative;
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
#customize-theme-controls #accordion-section-menu_locations > .accordion-section-title {
|
||||
border-bottom-color: #dcdcde;
|
||||
margin-top: 15px;
|
||||
}
|
||||
|
||||
#customize-theme-controls .customize-section-title-nav_menus-heading,
|
||||
#customize-theme-controls .customize-section-title-menu_locations-heading,
|
||||
#customize-theme-controls .customize-section-title-menu_locations-description {
|
||||
padding: 0 12px;
|
||||
}
|
||||
|
||||
#customize-theme-controls .customize-control-description.customize-section-title-menu_locations-description {
|
||||
/* Override the default italic style for control descriptions */
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
.menu-in-location,
|
||||
.menu-in-locations {
|
||||
display: block;
|
||||
font-weight: 600;
|
||||
font-size: 10px;
|
||||
}
|
||||
|
||||
#customize-controls .theme-location-set,
|
||||
#customize-controls .control-section .accordion-section-title:focus .menu-in-location,
|
||||
#customize-controls .control-section .accordion-section-title:hover .menu-in-location {
|
||||
color: #50575e;
|
||||
}
|
||||
|
||||
/* The `edit-menu` and `create-menu` buttons also use the `button-link` class. */
|
||||
.customize-control-nav_menu_location .edit-menu,
|
||||
.customize-control-nav_menu_location .create-menu {
|
||||
margin-right: 6px;
|
||||
vertical-align: middle;
|
||||
line-height: 2.2;
|
||||
}
|
||||
|
||||
#customize-controls .customize-control-nav_menu_name {
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
|
||||
.customize-control-nav_menu_name p:last-of-type {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
#customize-new-menu-submit {
|
||||
float: left;
|
||||
min-width: 85px;
|
||||
}
|
||||
|
||||
.wp-customizer .menu-item-bar .menu-item-handle,
|
||||
.wp-customizer .menu-item-settings,
|
||||
.wp-customizer .menu-item-settings .description-thin {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.wp-customizer .menu-item-bar {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.wp-customizer .menu-item-bar .menu-item-handle {
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.wp-customizer .menu-item-handle .item-title {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.wp-customizer .menu-item-handle .item-type {
|
||||
padding: 1px 5px 0 21px;
|
||||
float: left;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.wp-customizer .menu-item-handle:hover {
|
||||
z-index: 8;
|
||||
}
|
||||
|
||||
.customize-control-nav_menu_item.has-notifications .menu-item-handle {
|
||||
border-right: 4px solid #72aee6;
|
||||
}
|
||||
|
||||
.wp-customizer .menu-item-settings {
|
||||
max-width: 100%;
|
||||
overflow: hidden;
|
||||
z-index: 8;
|
||||
padding: 10px;
|
||||
background: #f0f0f1;
|
||||
border: 1px solid #8c8f94;
|
||||
border-top: none;
|
||||
}
|
||||
|
||||
.wp-customizer .menu-item-settings .description-thin {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
margin: 0 0 8px;
|
||||
}
|
||||
|
||||
.wp-customizer .menu-item-settings input[type="text"] {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.wp-customizer .menu-item-settings .submitbox {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.wp-customizer .menu-item-settings .link-to-original {
|
||||
padding: 5px 0;
|
||||
border: none;
|
||||
font-style: normal;
|
||||
margin: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.wp-customizer .menu-item .submitbox .submitdelete {
|
||||
float: right;
|
||||
margin: 6px 0 0;
|
||||
padding: 0;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* Menu items reordering styles
|
||||
*/
|
||||
|
||||
.menu-item-reorder-nav {
|
||||
display: none;
|
||||
background-color: #fff;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.menus-move-left:before {
|
||||
content: "\f345";
|
||||
}
|
||||
|
||||
.menus-move-right:before {
|
||||
content: "\f341";
|
||||
}
|
||||
|
||||
.reordering .menu-item .item-controls,
|
||||
.reordering .menu-item .item-type {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.reordering .menu-item-reorder-nav {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.customize-control input.menu-name-field {
|
||||
width: 100%; /* Override the 98% default for customizer inputs, to align with the size of menu items. */
|
||||
}
|
||||
|
||||
.wp-customizer .menu-item .item-edit {
|
||||
position: absolute;
|
||||
left: -19px;
|
||||
top: 2px;
|
||||
display: block;
|
||||
width: 30px;
|
||||
height: 38px;
|
||||
margin-left: 0 !important;
|
||||
box-shadow: none;
|
||||
outline: none;
|
||||
overflow: hidden;
|
||||
cursor: pointer;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.wp-customizer .menu-item.menu-item-edit-active .item-edit .toggle-indicator:before {
|
||||
content: "\f142";
|
||||
}
|
||||
|
||||
.wp-customizer .menu-item-settings p.description {
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
.wp-customizer .menu-settings dl {
|
||||
margin: 12px 0 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.wp-customizer .menu-settings .checkbox-input {
|
||||
margin-top: 8px;
|
||||
}
|
||||
|
||||
.wp-customizer .menu-settings .menu-theme-locations {
|
||||
border-top: 1px solid #c3c4c7;
|
||||
}
|
||||
|
||||
.wp-customizer .menu-settings {
|
||||
margin-top: 36px;
|
||||
border-top: none;
|
||||
}
|
||||
|
||||
.wp-customizer .menu-location-settings {
|
||||
margin-top: 12px;
|
||||
border-top: none;
|
||||
}
|
||||
|
||||
.wp-customizer .control-section-nav_menu .menu-location-settings {
|
||||
margin-top: 24px;
|
||||
border-top: 1px solid #dcdcde;
|
||||
}
|
||||
|
||||
.wp-customizer .control-section-nav_menu .menu-location-settings,
|
||||
.customize-control-nav_menu_auto_add {
|
||||
padding-top: 12px;
|
||||
}
|
||||
|
||||
.menu-location-settings .customize-control-checkbox .theme-location-set {
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.customize-control-nav_menu_auto_add label {
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.menu-location-settings .new-menu-locations-widget-note {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.customize-control-menu {
|
||||
margin-top: 4px;
|
||||
}
|
||||
|
||||
#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle {
|
||||
color: #50575e;
|
||||
}
|
||||
|
||||
/* Screen Options */
|
||||
.customize-screen-options-toggle {
|
||||
background: none;
|
||||
border: none;
|
||||
color: #50575e;
|
||||
cursor: pointer;
|
||||
margin: 0;
|
||||
padding: 20px;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 30px;
|
||||
}
|
||||
|
||||
#customize-controls .customize-info .customize-help-toggle {
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
#customize-controls .customize-info .customize-help-toggle:before {
|
||||
padding: 4px;
|
||||
}
|
||||
|
||||
.customize-screen-options-toggle:hover,
|
||||
.customize-screen-options-toggle:active,
|
||||
.customize-screen-options-toggle:focus,
|
||||
.active-menu-screen-options .customize-screen-options-toggle,
|
||||
#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
|
||||
#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
|
||||
#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
|
||||
color: #2271b1;
|
||||
}
|
||||
|
||||
.customize-screen-options-toggle:focus,
|
||||
#customize-controls .customize-info .customize-help-toggle:focus {
|
||||
/* Only visible in Windows High Contrast mode */
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
|
||||
.customize-screen-options-toggle:before {
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
border: none;
|
||||
content: "\f111";
|
||||
display: block;
|
||||
font: 18px/1 dashicons;
|
||||
padding: 5px;
|
||||
text-align: center;
|
||||
text-decoration: none !important;
|
||||
text-indent: 0;
|
||||
right: 6px;
|
||||
position: absolute;
|
||||
top: 6px;
|
||||
}
|
||||
|
||||
.customize-screen-options-toggle:focus:before,
|
||||
#customize-controls .customize-info .customize-help-toggle:focus:before {
|
||||
border-radius: 100%;
|
||||
}
|
||||
|
||||
.wp-customizer #screen-options-wrap {
|
||||
display: none;
|
||||
background: #fff;
|
||||
border-top: 1px solid #dcdcde;
|
||||
padding: 4px 15px 15px;
|
||||
}
|
||||
|
||||
.wp-customizer .metabox-prefs label {
|
||||
display: block;
|
||||
padding-left: 0;
|
||||
line-height: 30px;
|
||||
}
|
||||
|
||||
/* rework the arrow indicator implementation for NVDA bug same as #32715 */
|
||||
.wp-customizer .toggle-indicator {
|
||||
display: inline-block;
|
||||
font-size: 20px;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.rtl .wp-customizer .toggle-indicator {
|
||||
text-indent: 1px; /* account for the dashicon alignment */
|
||||
}
|
||||
|
||||
.wp-customizer .menu-item .item-edit .toggle-indicator:before,
|
||||
#available-menu-items .accordion-section-title .toggle-indicator:before {
|
||||
content: "\f140";
|
||||
display: block;
|
||||
padding: 1px 0 1px 2px;
|
||||
speak: never;
|
||||
border-radius: 50%;
|
||||
color: #787c82;
|
||||
font: normal 20px/1 dashicons;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
text-decoration: none !important;
|
||||
}
|
||||
|
||||
.control-section-nav_menu .field-link-target,
|
||||
.control-section-nav_menu .field-title-attribute,
|
||||
.control-section-nav_menu .field-css-classes,
|
||||
.control-section-nav_menu .field-xfn,
|
||||
.control-section-nav_menu .field-description {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.control-section-nav_menu.field-link-target-active .field-link-target,
|
||||
.control-section-nav_menu.field-title-attribute-active .field-title-attribute,
|
||||
.control-section-nav_menu.field-css-classes-active .field-css-classes,
|
||||
.control-section-nav_menu.field-xfn-active .field-xfn,
|
||||
.control-section-nav_menu.field-description-active .field-description {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* WARNING: The 20px factor is hard-coded in JS. */
|
||||
.menu-item-depth-0 { margin-right: 0; }
|
||||
.menu-item-depth-1 { margin-right: 20px; }
|
||||
.menu-item-depth-2 { margin-right: 40px; }
|
||||
.menu-item-depth-3 { margin-right: 60px; }
|
||||
.menu-item-depth-4 { margin-right: 80px; }
|
||||
.menu-item-depth-5 { margin-right: 100px; }
|
||||
.menu-item-depth-6 { margin-right: 120px; }
|
||||
.menu-item-depth-7 { margin-right: 140px; }
|
||||
.menu-item-depth-8 { margin-right: 160px; } /* Not likely to be used or useful beyond this depth */
|
||||
.menu-item-depth-9 { margin-right: 180px; }
|
||||
.menu-item-depth-10 { margin-right: 200px; }
|
||||
.menu-item-depth-11 { margin-right: 220px; }
|
||||
|
||||
/* @todo handle .menu-item-settings width */
|
||||
.menu-item-depth-0 > .menu-item-bar { margin-left: 0; }
|
||||
.menu-item-depth-1 > .menu-item-bar { margin-left: 20px; }
|
||||
.menu-item-depth-2 > .menu-item-bar { margin-left: 40px; }
|
||||
.menu-item-depth-3 > .menu-item-bar { margin-left: 60px; }
|
||||
.menu-item-depth-4 > .menu-item-bar { margin-left: 80px; }
|
||||
.menu-item-depth-5 > .menu-item-bar { margin-left: 100px; }
|
||||
.menu-item-depth-6 > .menu-item-bar { margin-left: 120px; }
|
||||
.menu-item-depth-7 > .menu-item-bar { margin-left: 140px; }
|
||||
.menu-item-depth-8 > .menu-item-bar { margin-left: 160px; }
|
||||
.menu-item-depth-9 > .menu-item-bar { margin-left: 180px; }
|
||||
.menu-item-depth-10 > .menu-item-bar { margin-left: 200px; }
|
||||
.menu-item-depth-11 > .menu-item-bar { margin-left: 220px; }
|
||||
|
||||
/* Submenu left margin. */
|
||||
.menu-item-depth-0 .menu-item-transport { margin-right: 0; }
|
||||
.menu-item-depth-1 .menu-item-transport { margin-right: -20px; }
|
||||
.menu-item-depth-3 .menu-item-transport { margin-right: -60px; }
|
||||
.menu-item-depth-4 .menu-item-transport { margin-right: -80px; }
|
||||
.menu-item-depth-2 .menu-item-transport { margin-right: -40px; }
|
||||
.menu-item-depth-5 .menu-item-transport { margin-right: -100px; }
|
||||
.menu-item-depth-6 .menu-item-transport { margin-right: -120px; }
|
||||
.menu-item-depth-7 .menu-item-transport { margin-right: -140px; }
|
||||
.menu-item-depth-8 .menu-item-transport { margin-right: -160px; }
|
||||
.menu-item-depth-9 .menu-item-transport { margin-right: -180px; }
|
||||
.menu-item-depth-10 .menu-item-transport { margin-right: -200px; }
|
||||
.menu-item-depth-11 .menu-item-transport { margin-right: -220px; }
|
||||
|
||||
/* WARNING: The 20px factor is hard-coded in JS. */
|
||||
.reordering .menu-item-depth-0 { margin-right: 0; }
|
||||
.reordering .menu-item-depth-1 { margin-right: 15px; }
|
||||
.reordering .menu-item-depth-2 { margin-right: 30px; }
|
||||
.reordering .menu-item-depth-3 { margin-right: 45px; }
|
||||
.reordering .menu-item-depth-4 { margin-right: 60px; }
|
||||
.reordering .menu-item-depth-5 { margin-right: 75px; }
|
||||
.reordering .menu-item-depth-6 { margin-right: 90px; }
|
||||
.reordering .menu-item-depth-7 { margin-right: 105px; }
|
||||
.reordering .menu-item-depth-8 { margin-right: 120px; } /* Not likely to be used or useful beyond this depth */
|
||||
.reordering .menu-item-depth-9 { margin-right: 135px; }
|
||||
.reordering .menu-item-depth-10 { margin-right: 150px; }
|
||||
.reordering .menu-item-depth-11 { margin-right: 165px; }
|
||||
|
||||
.reordering .menu-item-depth-0 > .menu-item-bar { margin-left: 0; }
|
||||
.reordering .menu-item-depth-1 > .menu-item-bar { margin-left: 15px; }
|
||||
.reordering .menu-item-depth-2 > .menu-item-bar { margin-left: 30px; }
|
||||
.reordering .menu-item-depth-3 > .menu-item-bar { margin-left: 45px; }
|
||||
.reordering .menu-item-depth-4 > .menu-item-bar { margin-left: 60px; }
|
||||
.reordering .menu-item-depth-5 > .menu-item-bar { margin-left: 75px; }
|
||||
.reordering .menu-item-depth-6 > .menu-item-bar { margin-left: 90px; }
|
||||
.reordering .menu-item-depth-7 > .menu-item-bar { margin-left: 105px; }
|
||||
.reordering .menu-item-depth-8 > .menu-item-bar { margin-left: 120px; }
|
||||
.reordering .menu-item-depth-9 > .menu-item-bar { margin-left: 135px; }
|
||||
.reordering .menu-item-depth-10 > .menu-item-bar { margin-left: 150px; }
|
||||
.reordering .menu-item-depth-11 > .menu-item-bar { margin-left: 165px; }
|
||||
|
||||
.control-section-nav_menu.menu .menu-item-edit-active {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.control-section-nav_menu.menu .menu-item-edit-active .menu-item-bar {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.control-section-nav_menu.menu .sortable-placeholder {
|
||||
margin-top: 0;
|
||||
margin-bottom: 1px;
|
||||
max-width: calc(100% - 2px);
|
||||
float: right;
|
||||
display: list-item;
|
||||
border-color: #a7aaad;
|
||||
}
|
||||
|
||||
.menu-item-transport li.customize-control {
|
||||
float: none;
|
||||
}
|
||||
|
||||
.control-section-nav_menu.menu ul.menu-item-transport .menu-item-bar {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Add-menu-items mode
|
||||
*/
|
||||
|
||||
.adding-menu-items .control-section {
|
||||
opacity: .4;
|
||||
}
|
||||
|
||||
.adding-menu-items .control-panel.control-section,
|
||||
.adding-menu-items .control-section.open {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.menu-item-bar .item-delete {
|
||||
color: #d63638;
|
||||
position: absolute;
|
||||
top: 2px;
|
||||
left: -19px;
|
||||
width: 30px;
|
||||
height: 38px;
|
||||
cursor: pointer;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.menu-item-bar .item-delete:before {
|
||||
content: "\f335";
|
||||
position: absolute;
|
||||
top: 9px;
|
||||
right: 5px;
|
||||
border-radius: 50%;
|
||||
font: normal 20px/1 dashicons;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.menu-item-bar .item-delete:hover,
|
||||
.menu-item-bar .item-delete:focus {
|
||||
box-shadow: none;
|
||||
outline: none;
|
||||
color: #d63638;
|
||||
}
|
||||
|
||||
.adding-menu-items .menu-item-bar .item-edit {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.adding-menu-items .menu-item-bar .item-delete {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/**
|
||||
* Styles for menu-item addition panel
|
||||
*/
|
||||
|
||||
#available-menu-items.opening {
|
||||
overflow-y: hidden; /* avoid scrollbar jitter with animating heights */
|
||||
}
|
||||
|
||||
#available-menu-items #available-menu-items-search.open {
|
||||
height: 100%;
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
#available-menu-items .accordion-section-title {
|
||||
border-right: none;
|
||||
border-left: none;
|
||||
background: #fff;
|
||||
transition: background-color 0.15s;
|
||||
/* Reset the value inherited from the base .accordion-section-title style. Ticket #37589. */
|
||||
-webkit-user-select: auto;
|
||||
user-select: auto;
|
||||
}
|
||||
|
||||
#available-menu-items .open .accordion-section-title,
|
||||
#available-menu-items #available-menu-items-search .accordion-section-title {
|
||||
background: #f0f0f1;
|
||||
}
|
||||
|
||||
/* rework the arrow indicator implementation for NVDA bug see #32715 */
|
||||
#available-menu-items .accordion-section-title:after {
|
||||
content: none !important;
|
||||
}
|
||||
|
||||
#available-menu-items .accordion-section-title:hover .toggle-indicator:before,
|
||||
#available-menu-items .button-link:hover .toggle-indicator:before,
|
||||
#available-menu-items .button-link:focus .toggle-indicator:before {
|
||||
color: #1d2327;
|
||||
}
|
||||
|
||||
#available-menu-items .open .accordion-section-title .toggle-indicator:before {
|
||||
content: "\f142";
|
||||
color: #1d2327;
|
||||
}
|
||||
|
||||
#available-menu-items .available-menu-items-list {
|
||||
overflow-y: auto;
|
||||
max-height: 200px; /* This gets set in JS to fit the screen size, and based on # of sections. */
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
#available-menu-items .accordion-section-title button {
|
||||
display: block;
|
||||
width: 28px;
|
||||
height: 35px;
|
||||
position: absolute;
|
||||
top: 5px;
|
||||
left: 5px;
|
||||
box-shadow: none;
|
||||
outline: none;
|
||||
cursor: pointer;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#available-menu-items .accordion-section-title .no-items,
|
||||
#available-menu-items .cannot-expand .accordion-section-title .spinner,
|
||||
#available-menu-items .cannot-expand .accordion-section-title > button {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#available-menu-items-search.cannot-expand .accordion-section-title .spinner {
|
||||
display: block;
|
||||
}
|
||||
|
||||
#available-menu-items .cannot-expand .accordion-section-title .no-items {
|
||||
float: left;
|
||||
color: #50575e;
|
||||
font-weight: 400;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
#available-menu-items .accordion-section-content {
|
||||
max-height: 290px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
position: relative;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
#available-menu-items .accordion-section-content .available-menu-items-list {
|
||||
margin: 0 0 45px;
|
||||
padding: 1px 15px 15px;
|
||||
}
|
||||
|
||||
#available-menu-items .accordion-section-content .available-menu-items-list:only-child { /* Types that do not support new items for the current user */
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
#new-custom-menu-item .accordion-section-content {
|
||||
padding: 0 15px 15px;
|
||||
}
|
||||
|
||||
#available-menu-items .menu-item-tpl {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#custom-menu-item-name.invalid,
|
||||
#custom-menu-item-url.invalid,
|
||||
.edit-menu-item-url.invalid,
|
||||
.menu-name-field.invalid,
|
||||
.menu-name-field.invalid:focus,
|
||||
#available-menu-items .new-content-item .create-item-input.invalid,
|
||||
#available-menu-items .new-content-item .create-item-input.invalid:focus {
|
||||
border: 1px solid #d63638;
|
||||
}
|
||||
|
||||
#available-menu-items .menu-item-handle .item-type {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
#available-menu-items .menu-item-handle .item-title {
|
||||
padding-right: 20px;
|
||||
}
|
||||
|
||||
#available-menu-items .menu-item-handle {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#available-menu-items .menu-item-handle {
|
||||
box-shadow: none;
|
||||
margin-top: -1px;
|
||||
}
|
||||
|
||||
#available-menu-items .menu-item-handle:hover {
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
#available-menu-items .item-title h4 {
|
||||
padding: 0 0 5px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
#available-menu-items .item-add {
|
||||
position: absolute;
|
||||
top: 1px;
|
||||
right: 1px;
|
||||
color: #8c8f94;
|
||||
width: 30px;
|
||||
height: 38px;
|
||||
box-shadow: none;
|
||||
outline: none;
|
||||
cursor: pointer;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#available-menu-items .menu-item-handle .item-add:focus {
|
||||
color: #1d2327;
|
||||
}
|
||||
|
||||
#available-menu-items .item-add:before {
|
||||
content: "\f543";
|
||||
position: relative;
|
||||
right: 2px;
|
||||
top: 3px;
|
||||
display: inline-block;
|
||||
height: 20px;
|
||||
border-radius: 50%;
|
||||
font: normal 20px/1.05 dashicons; /* line height is to account for the dashicon's vertical alignment */
|
||||
}
|
||||
|
||||
#available-menu-items .menu-item-handle.item-added .item-type,
|
||||
#available-menu-items .menu-item-handle.item-added .item-title,
|
||||
#available-menu-items .menu-item-handle.item-added:hover .item-add,
|
||||
#available-menu-items .menu-item-handle.item-added .item-add:focus {
|
||||
color: #8c8f94;
|
||||
}
|
||||
|
||||
#available-menu-items .menu-item-handle.item-added .item-add:before {
|
||||
content: "\f147";
|
||||
}
|
||||
|
||||
#available-menu-items .accordion-section-title.loading .spinner,
|
||||
#available-menu-items-search.loading .accordion-section-title .spinner {
|
||||
visibility: visible;
|
||||
margin: 0 20px;
|
||||
}
|
||||
|
||||
#available-menu-items-search .spinner {
|
||||
position: absolute;
|
||||
top: 20px; /* 13 container padding +1 input margin +6 ( ( 32 input height - 20 spinner height ) / 2 ) */
|
||||
left: 21px;
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
/* search results list */
|
||||
#available-menu-items #available-menu-items-search .accordion-section-content {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 60px; /* below title div / search input */
|
||||
bottom: 0; /* 100% height that still triggers lazy load */
|
||||
max-height: none;
|
||||
width: 100%;
|
||||
padding: 1px 15px 15px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
#available-menu-items-search .nothing-found {
|
||||
/* Compensate the 1px top padding of the container. */
|
||||
margin-top: -1px;
|
||||
}
|
||||
|
||||
#available-menu-items-search .accordion-section-title:after {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#available-menu-items-search .accordion-section-content:empty {
|
||||
min-height: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#available-menu-items-search.loading .accordion-section-content div {
|
||||
opacity: .5;
|
||||
}
|
||||
|
||||
#available-menu-items-search.loading.loading-more .accordion-section-content div {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
#customize-preview {
|
||||
transition: all 0.2s;
|
||||
}
|
||||
|
||||
body.adding-menu-items #available-menu-items {
|
||||
right: 0;
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
body.adding-menu-items .wp-full-overlay-main {
|
||||
right: 300px;
|
||||
}
|
||||
|
||||
body.adding-menu-items #customize-preview {
|
||||
opacity: 0.4;
|
||||
}
|
||||
|
||||
body.adding-menu-items #customize-preview iframe {
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.menu-item-handle .spinner {
|
||||
display: none;
|
||||
float: right;
|
||||
margin: 0 0 0 8px;
|
||||
}
|
||||
|
||||
.nav-menu-inserted-item-loading .spinner {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.nav-menu-inserted-item-loading .menu-item-handle .item-type {
|
||||
padding: 0 8px 0 0;
|
||||
}
|
||||
|
||||
.nav-menu-inserted-item-loading .menu-item-handle,
|
||||
.added-menu-item .menu-item-handle.loading {
|
||||
padding: 10px 8px 10px 15px;
|
||||
cursor: default;
|
||||
opacity: .5;
|
||||
background: #fff;
|
||||
color: #787c82;
|
||||
}
|
||||
|
||||
.added-menu-item .menu-item-handle {
|
||||
transition-property: opacity, background, color;
|
||||
transition-duration: 1.25s;
|
||||
transition-timing-function: cubic-bezier( .25, -2.5, .75, 8 ); /* Replacement for .hide().fadeIn('slow') in JS to add emphasis when it's loaded. */
|
||||
}
|
||||
|
||||
/* Add/delete Menus */
|
||||
|
||||
#customize-theme-controls .control-panel-content .control-section-nav_menu:nth-last-child(2) .accordion-section-title {
|
||||
border-bottom-color: #dcdcde;
|
||||
}
|
||||
|
||||
/* @todo update selector */
|
||||
#accordion-section-add_menu {
|
||||
margin: 15px 12px;
|
||||
}
|
||||
|
||||
#accordion-section-add_menu h3 {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
#accordion-section-add_menu h3,
|
||||
#accordion-section-add_menu .customize-add-menu-button {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#accordion-section-add_menu .customize-add-menu-button {
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
#create-new-menu-submit {
|
||||
float: left;
|
||||
margin: 0 0 12px;
|
||||
}
|
||||
|
||||
.menu-delete-item {
|
||||
float: right;
|
||||
padding: 1em 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.assigned-menu-locations-title p {
|
||||
margin: 0 0 8px;
|
||||
}
|
||||
|
||||
li.assigned-to-menu-location .menu-delete-item {
|
||||
display: none;
|
||||
}
|
||||
|
||||
li.assigned-to-menu-location .add-new-menu-item {
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
|
||||
.menu-item-handle {
|
||||
margin-top: -1px;
|
||||
}
|
||||
.ui-sortable-disabled .menu-item-handle {
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.menu-item-handle:hover {
|
||||
position: relative;
|
||||
z-index: 10;
|
||||
color: #2271b1;
|
||||
}
|
||||
|
||||
.menu-item-handle:hover .item-type,
|
||||
.menu-item-handle:hover .item-edit,
|
||||
#available-menu-items .menu-item-handle:hover .item-add {
|
||||
color: #2271b1;
|
||||
}
|
||||
|
||||
.menu-item-edit-active .menu-item-handle {
|
||||
border-color: #8c8f94;
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.customize-control-nav_menu_item {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.customize-control-nav_menu .new-menu-item-invitation {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.customize-control-nav_menu .customize-control-nav_menu-buttons {
|
||||
margin-top: 12px;
|
||||
}
|
||||
|
||||
/**
|
||||
* box-shadows
|
||||
*/
|
||||
|
||||
.wp-customizer .menu-item .submitbox .submitdelete:focus,
|
||||
.customize-screen-options-toggle:focus:before,
|
||||
#customize-controls .customize-info .customize-help-toggle:focus:before,
|
||||
.wp-customizer button:focus .toggle-indicator:before,
|
||||
.menu-delete:focus,
|
||||
.menu-item-bar .item-delete:focus:before,
|
||||
#available-menu-items .item-add:focus:before {
|
||||
box-shadow:
|
||||
0 0 0 1px #4f94d4,
|
||||
0 0 2px 1px rgba(79, 148, 212, 0.8);
|
||||
}
|
||||
|
||||
|
||||
@media screen and (max-width: 782px) {
|
||||
#available-menu-items #available-menu-items-search .accordion-section-content {
|
||||
top: 63px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 640px) {
|
||||
#available-menu-items #available-menu-items-search .accordion-section-content {
|
||||
top: 130px;
|
||||
}
|
||||
}
|
File diff suppressed because one or more lines are too long
|
@ -0,0 +1,883 @@
|
|||
#customize-theme-controls #accordion-section-menu_locations {
|
||||
position: relative;
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
#customize-theme-controls #accordion-section-menu_locations > .accordion-section-title {
|
||||
border-bottom-color: #dcdcde;
|
||||
margin-top: 15px;
|
||||
}
|
||||
|
||||
#customize-theme-controls .customize-section-title-nav_menus-heading,
|
||||
#customize-theme-controls .customize-section-title-menu_locations-heading,
|
||||
#customize-theme-controls .customize-section-title-menu_locations-description {
|
||||
padding: 0 12px;
|
||||
}
|
||||
|
||||
#customize-theme-controls .customize-control-description.customize-section-title-menu_locations-description {
|
||||
/* Override the default italic style for control descriptions */
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
.menu-in-location,
|
||||
.menu-in-locations {
|
||||
display: block;
|
||||
font-weight: 600;
|
||||
font-size: 10px;
|
||||
}
|
||||
|
||||
#customize-controls .theme-location-set,
|
||||
#customize-controls .control-section .accordion-section-title:focus .menu-in-location,
|
||||
#customize-controls .control-section .accordion-section-title:hover .menu-in-location {
|
||||
color: #50575e;
|
||||
}
|
||||
|
||||
/* The `edit-menu` and `create-menu` buttons also use the `button-link` class. */
|
||||
.customize-control-nav_menu_location .edit-menu,
|
||||
.customize-control-nav_menu_location .create-menu {
|
||||
margin-left: 6px;
|
||||
vertical-align: middle;
|
||||
line-height: 2.2;
|
||||
}
|
||||
|
||||
#customize-controls .customize-control-nav_menu_name {
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
|
||||
.customize-control-nav_menu_name p:last-of-type {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
#customize-new-menu-submit {
|
||||
float: right;
|
||||
min-width: 85px;
|
||||
}
|
||||
|
||||
.wp-customizer .menu-item-bar .menu-item-handle,
|
||||
.wp-customizer .menu-item-settings,
|
||||
.wp-customizer .menu-item-settings .description-thin {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.wp-customizer .menu-item-bar {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.wp-customizer .menu-item-bar .menu-item-handle {
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.wp-customizer .menu-item-handle .item-title {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.wp-customizer .menu-item-handle .item-type {
|
||||
padding: 1px 21px 0 5px;
|
||||
float: right;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.wp-customizer .menu-item-handle:hover {
|
||||
z-index: 8;
|
||||
}
|
||||
|
||||
.customize-control-nav_menu_item.has-notifications .menu-item-handle {
|
||||
border-left: 4px solid #72aee6;
|
||||
}
|
||||
|
||||
.wp-customizer .menu-item-settings {
|
||||
max-width: 100%;
|
||||
overflow: hidden;
|
||||
z-index: 8;
|
||||
padding: 10px;
|
||||
background: #f0f0f1;
|
||||
border: 1px solid #8c8f94;
|
||||
border-top: none;
|
||||
}
|
||||
|
||||
.wp-customizer .menu-item-settings .description-thin {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
margin: 0 0 8px;
|
||||
}
|
||||
|
||||
.wp-customizer .menu-item-settings input[type="text"] {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.wp-customizer .menu-item-settings .submitbox {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.wp-customizer .menu-item-settings .link-to-original {
|
||||
padding: 5px 0;
|
||||
border: none;
|
||||
font-style: normal;
|
||||
margin: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.wp-customizer .menu-item .submitbox .submitdelete {
|
||||
float: left;
|
||||
margin: 6px 0 0;
|
||||
padding: 0;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* Menu items reordering styles
|
||||
*/
|
||||
|
||||
.menu-item-reorder-nav {
|
||||
display: none;
|
||||
background-color: #fff;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.menus-move-left:before {
|
||||
content: "\f341";
|
||||
}
|
||||
|
||||
.menus-move-right:before {
|
||||
content: "\f345";
|
||||
}
|
||||
|
||||
.reordering .menu-item .item-controls,
|
||||
.reordering .menu-item .item-type {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.reordering .menu-item-reorder-nav {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.customize-control input.menu-name-field {
|
||||
width: 100%; /* Override the 98% default for customizer inputs, to align with the size of menu items. */
|
||||
}
|
||||
|
||||
.wp-customizer .menu-item .item-edit {
|
||||
position: absolute;
|
||||
right: -19px;
|
||||
top: 2px;
|
||||
display: block;
|
||||
width: 30px;
|
||||
height: 38px;
|
||||
margin-right: 0 !important;
|
||||
box-shadow: none;
|
||||
outline: none;
|
||||
overflow: hidden;
|
||||
cursor: pointer;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.wp-customizer .menu-item.menu-item-edit-active .item-edit .toggle-indicator:before {
|
||||
content: "\f142";
|
||||
}
|
||||
|
||||
.wp-customizer .menu-item-settings p.description {
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
.wp-customizer .menu-settings dl {
|
||||
margin: 12px 0 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.wp-customizer .menu-settings .checkbox-input {
|
||||
margin-top: 8px;
|
||||
}
|
||||
|
||||
.wp-customizer .menu-settings .menu-theme-locations {
|
||||
border-top: 1px solid #c3c4c7;
|
||||
}
|
||||
|
||||
.wp-customizer .menu-settings {
|
||||
margin-top: 36px;
|
||||
border-top: none;
|
||||
}
|
||||
|
||||
.wp-customizer .menu-location-settings {
|
||||
margin-top: 12px;
|
||||
border-top: none;
|
||||
}
|
||||
|
||||
.wp-customizer .control-section-nav_menu .menu-location-settings {
|
||||
margin-top: 24px;
|
||||
border-top: 1px solid #dcdcde;
|
||||
}
|
||||
|
||||
.wp-customizer .control-section-nav_menu .menu-location-settings,
|
||||
.customize-control-nav_menu_auto_add {
|
||||
padding-top: 12px;
|
||||
}
|
||||
|
||||
.menu-location-settings .customize-control-checkbox .theme-location-set {
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.customize-control-nav_menu_auto_add label {
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.menu-location-settings .new-menu-locations-widget-note {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.customize-control-menu {
|
||||
margin-top: 4px;
|
||||
}
|
||||
|
||||
#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle {
|
||||
color: #50575e;
|
||||
}
|
||||
|
||||
/* Screen Options */
|
||||
.customize-screen-options-toggle {
|
||||
background: none;
|
||||
border: none;
|
||||
color: #50575e;
|
||||
cursor: pointer;
|
||||
margin: 0;
|
||||
padding: 20px;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 30px;
|
||||
}
|
||||
|
||||
#customize-controls .customize-info .customize-help-toggle {
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
#customize-controls .customize-info .customize-help-toggle:before {
|
||||
padding: 4px;
|
||||
}
|
||||
|
||||
.customize-screen-options-toggle:hover,
|
||||
.customize-screen-options-toggle:active,
|
||||
.customize-screen-options-toggle:focus,
|
||||
.active-menu-screen-options .customize-screen-options-toggle,
|
||||
#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
|
||||
#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
|
||||
#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
|
||||
color: #2271b1;
|
||||
}
|
||||
|
||||
.customize-screen-options-toggle:focus,
|
||||
#customize-controls .customize-info .customize-help-toggle:focus {
|
||||
/* Only visible in Windows High Contrast mode */
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
|
||||
.customize-screen-options-toggle:before {
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
border: none;
|
||||
content: "\f111";
|
||||
display: block;
|
||||
font: 18px/1 dashicons;
|
||||
padding: 5px;
|
||||
text-align: center;
|
||||
text-decoration: none !important;
|
||||
text-indent: 0;
|
||||
left: 6px;
|
||||
position: absolute;
|
||||
top: 6px;
|
||||
}
|
||||
|
||||
.customize-screen-options-toggle:focus:before,
|
||||
#customize-controls .customize-info .customize-help-toggle:focus:before {
|
||||
border-radius: 100%;
|
||||
}
|
||||
|
||||
.wp-customizer #screen-options-wrap {
|
||||
display: none;
|
||||
background: #fff;
|
||||
border-top: 1px solid #dcdcde;
|
||||
padding: 4px 15px 15px;
|
||||
}
|
||||
|
||||
.wp-customizer .metabox-prefs label {
|
||||
display: block;
|
||||
padding-right: 0;
|
||||
line-height: 30px;
|
||||
}
|
||||
|
||||
/* rework the arrow indicator implementation for NVDA bug same as #32715 */
|
||||
.wp-customizer .toggle-indicator {
|
||||
display: inline-block;
|
||||
font-size: 20px;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.rtl .wp-customizer .toggle-indicator {
|
||||
text-indent: 1px; /* account for the dashicon alignment */
|
||||
}
|
||||
|
||||
.wp-customizer .menu-item .item-edit .toggle-indicator:before,
|
||||
#available-menu-items .accordion-section-title .toggle-indicator:before {
|
||||
content: "\f140";
|
||||
display: block;
|
||||
padding: 1px 2px 1px 0;
|
||||
speak: never;
|
||||
border-radius: 50%;
|
||||
color: #787c82;
|
||||
font: normal 20px/1 dashicons;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
text-decoration: none !important;
|
||||
}
|
||||
|
||||
.control-section-nav_menu .field-link-target,
|
||||
.control-section-nav_menu .field-title-attribute,
|
||||
.control-section-nav_menu .field-css-classes,
|
||||
.control-section-nav_menu .field-xfn,
|
||||
.control-section-nav_menu .field-description {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.control-section-nav_menu.field-link-target-active .field-link-target,
|
||||
.control-section-nav_menu.field-title-attribute-active .field-title-attribute,
|
||||
.control-section-nav_menu.field-css-classes-active .field-css-classes,
|
||||
.control-section-nav_menu.field-xfn-active .field-xfn,
|
||||
.control-section-nav_menu.field-description-active .field-description {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* WARNING: The 20px factor is hard-coded in JS. */
|
||||
.menu-item-depth-0 { margin-left: 0; }
|
||||
.menu-item-depth-1 { margin-left: 20px; }
|
||||
.menu-item-depth-2 { margin-left: 40px; }
|
||||
.menu-item-depth-3 { margin-left: 60px; }
|
||||
.menu-item-depth-4 { margin-left: 80px; }
|
||||
.menu-item-depth-5 { margin-left: 100px; }
|
||||
.menu-item-depth-6 { margin-left: 120px; }
|
||||
.menu-item-depth-7 { margin-left: 140px; }
|
||||
.menu-item-depth-8 { margin-left: 160px; } /* Not likely to be used or useful beyond this depth */
|
||||
.menu-item-depth-9 { margin-left: 180px; }
|
||||
.menu-item-depth-10 { margin-left: 200px; }
|
||||
.menu-item-depth-11 { margin-left: 220px; }
|
||||
|
||||
/* @todo handle .menu-item-settings width */
|
||||
.menu-item-depth-0 > .menu-item-bar { margin-right: 0; }
|
||||
.menu-item-depth-1 > .menu-item-bar { margin-right: 20px; }
|
||||
.menu-item-depth-2 > .menu-item-bar { margin-right: 40px; }
|
||||
.menu-item-depth-3 > .menu-item-bar { margin-right: 60px; }
|
||||
.menu-item-depth-4 > .menu-item-bar { margin-right: 80px; }
|
||||
.menu-item-depth-5 > .menu-item-bar { margin-right: 100px; }
|
||||
.menu-item-depth-6 > .menu-item-bar { margin-right: 120px; }
|
||||
.menu-item-depth-7 > .menu-item-bar { margin-right: 140px; }
|
||||
.menu-item-depth-8 > .menu-item-bar { margin-right: 160px; }
|
||||
.menu-item-depth-9 > .menu-item-bar { margin-right: 180px; }
|
||||
.menu-item-depth-10 > .menu-item-bar { margin-right: 200px; }
|
||||
.menu-item-depth-11 > .menu-item-bar { margin-right: 220px; }
|
||||
|
||||
/* Submenu left margin. */
|
||||
.menu-item-depth-0 .menu-item-transport { margin-left: 0; }
|
||||
.menu-item-depth-1 .menu-item-transport { margin-left: -20px; }
|
||||
.menu-item-depth-3 .menu-item-transport { margin-left: -60px; }
|
||||
.menu-item-depth-4 .menu-item-transport { margin-left: -80px; }
|
||||
.menu-item-depth-2 .menu-item-transport { margin-left: -40px; }
|
||||
.menu-item-depth-5 .menu-item-transport { margin-left: -100px; }
|
||||
.menu-item-depth-6 .menu-item-transport { margin-left: -120px; }
|
||||
.menu-item-depth-7 .menu-item-transport { margin-left: -140px; }
|
||||
.menu-item-depth-8 .menu-item-transport { margin-left: -160px; }
|
||||
.menu-item-depth-9 .menu-item-transport { margin-left: -180px; }
|
||||
.menu-item-depth-10 .menu-item-transport { margin-left: -200px; }
|
||||
.menu-item-depth-11 .menu-item-transport { margin-left: -220px; }
|
||||
|
||||
/* WARNING: The 20px factor is hard-coded in JS. */
|
||||
.reordering .menu-item-depth-0 { margin-left: 0; }
|
||||
.reordering .menu-item-depth-1 { margin-left: 15px; }
|
||||
.reordering .menu-item-depth-2 { margin-left: 30px; }
|
||||
.reordering .menu-item-depth-3 { margin-left: 45px; }
|
||||
.reordering .menu-item-depth-4 { margin-left: 60px; }
|
||||
.reordering .menu-item-depth-5 { margin-left: 75px; }
|
||||
.reordering .menu-item-depth-6 { margin-left: 90px; }
|
||||
.reordering .menu-item-depth-7 { margin-left: 105px; }
|
||||
.reordering .menu-item-depth-8 { margin-left: 120px; } /* Not likely to be used or useful beyond this depth */
|
||||
.reordering .menu-item-depth-9 { margin-left: 135px; }
|
||||
.reordering .menu-item-depth-10 { margin-left: 150px; }
|
||||
.reordering .menu-item-depth-11 { margin-left: 165px; }
|
||||
|
||||
.reordering .menu-item-depth-0 > .menu-item-bar { margin-right: 0; }
|
||||
.reordering .menu-item-depth-1 > .menu-item-bar { margin-right: 15px; }
|
||||
.reordering .menu-item-depth-2 > .menu-item-bar { margin-right: 30px; }
|
||||
.reordering .menu-item-depth-3 > .menu-item-bar { margin-right: 45px; }
|
||||
.reordering .menu-item-depth-4 > .menu-item-bar { margin-right: 60px; }
|
||||
.reordering .menu-item-depth-5 > .menu-item-bar { margin-right: 75px; }
|
||||
.reordering .menu-item-depth-6 > .menu-item-bar { margin-right: 90px; }
|
||||
.reordering .menu-item-depth-7 > .menu-item-bar { margin-right: 105px; }
|
||||
.reordering .menu-item-depth-8 > .menu-item-bar { margin-right: 120px; }
|
||||
.reordering .menu-item-depth-9 > .menu-item-bar { margin-right: 135px; }
|
||||
.reordering .menu-item-depth-10 > .menu-item-bar { margin-right: 150px; }
|
||||
.reordering .menu-item-depth-11 > .menu-item-bar { margin-right: 165px; }
|
||||
|
||||
.control-section-nav_menu.menu .menu-item-edit-active {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.control-section-nav_menu.menu .menu-item-edit-active .menu-item-bar {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.control-section-nav_menu.menu .sortable-placeholder {
|
||||
margin-top: 0;
|
||||
margin-bottom: 1px;
|
||||
max-width: calc(100% - 2px);
|
||||
float: left;
|
||||
display: list-item;
|
||||
border-color: #a7aaad;
|
||||
}
|
||||
|
||||
.menu-item-transport li.customize-control {
|
||||
float: none;
|
||||
}
|
||||
|
||||
.control-section-nav_menu.menu ul.menu-item-transport .menu-item-bar {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Add-menu-items mode
|
||||
*/
|
||||
|
||||
.adding-menu-items .control-section {
|
||||
opacity: .4;
|
||||
}
|
||||
|
||||
.adding-menu-items .control-panel.control-section,
|
||||
.adding-menu-items .control-section.open {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.menu-item-bar .item-delete {
|
||||
color: #d63638;
|
||||
position: absolute;
|
||||
top: 2px;
|
||||
right: -19px;
|
||||
width: 30px;
|
||||
height: 38px;
|
||||
cursor: pointer;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.menu-item-bar .item-delete:before {
|
||||
content: "\f335";
|
||||
position: absolute;
|
||||
top: 9px;
|
||||
left: 5px;
|
||||
border-radius: 50%;
|
||||
font: normal 20px/1 dashicons;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.menu-item-bar .item-delete:hover,
|
||||
.menu-item-bar .item-delete:focus {
|
||||
box-shadow: none;
|
||||
outline: none;
|
||||
color: #d63638;
|
||||
}
|
||||
|
||||
.adding-menu-items .menu-item-bar .item-edit {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.adding-menu-items .menu-item-bar .item-delete {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/**
|
||||
* Styles for menu-item addition panel
|
||||
*/
|
||||
|
||||
#available-menu-items.opening {
|
||||
overflow-y: hidden; /* avoid scrollbar jitter with animating heights */
|
||||
}
|
||||
|
||||
#available-menu-items #available-menu-items-search.open {
|
||||
height: 100%;
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
#available-menu-items .accordion-section-title {
|
||||
border-left: none;
|
||||
border-right: none;
|
||||
background: #fff;
|
||||
transition: background-color 0.15s;
|
||||
/* Reset the value inherited from the base .accordion-section-title style. Ticket #37589. */
|
||||
-webkit-user-select: auto;
|
||||
user-select: auto;
|
||||
}
|
||||
|
||||
#available-menu-items .open .accordion-section-title,
|
||||
#available-menu-items #available-menu-items-search .accordion-section-title {
|
||||
background: #f0f0f1;
|
||||
}
|
||||
|
||||
/* rework the arrow indicator implementation for NVDA bug see #32715 */
|
||||
#available-menu-items .accordion-section-title:after {
|
||||
content: none !important;
|
||||
}
|
||||
|
||||
#available-menu-items .accordion-section-title:hover .toggle-indicator:before,
|
||||
#available-menu-items .button-link:hover .toggle-indicator:before,
|
||||
#available-menu-items .button-link:focus .toggle-indicator:before {
|
||||
color: #1d2327;
|
||||
}
|
||||
|
||||
#available-menu-items .open .accordion-section-title .toggle-indicator:before {
|
||||
content: "\f142";
|
||||
color: #1d2327;
|
||||
}
|
||||
|
||||
#available-menu-items .available-menu-items-list {
|
||||
overflow-y: auto;
|
||||
max-height: 200px; /* This gets set in JS to fit the screen size, and based on # of sections. */
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
#available-menu-items .accordion-section-title button {
|
||||
display: block;
|
||||
width: 28px;
|
||||
height: 35px;
|
||||
position: absolute;
|
||||
top: 5px;
|
||||
right: 5px;
|
||||
box-shadow: none;
|
||||
outline: none;
|
||||
cursor: pointer;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#available-menu-items .accordion-section-title .no-items,
|
||||
#available-menu-items .cannot-expand .accordion-section-title .spinner,
|
||||
#available-menu-items .cannot-expand .accordion-section-title > button {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#available-menu-items-search.cannot-expand .accordion-section-title .spinner {
|
||||
display: block;
|
||||
}
|
||||
|
||||
#available-menu-items .cannot-expand .accordion-section-title .no-items {
|
||||
float: right;
|
||||
color: #50575e;
|
||||
font-weight: 400;
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
#available-menu-items .accordion-section-content {
|
||||
max-height: 290px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
position: relative;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
#available-menu-items .accordion-section-content .available-menu-items-list {
|
||||
margin: 0 0 45px;
|
||||
padding: 1px 15px 15px;
|
||||
}
|
||||
|
||||
#available-menu-items .accordion-section-content .available-menu-items-list:only-child { /* Types that do not support new items for the current user */
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
#new-custom-menu-item .accordion-section-content {
|
||||
padding: 0 15px 15px;
|
||||
}
|
||||
|
||||
#available-menu-items .menu-item-tpl {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#custom-menu-item-name.invalid,
|
||||
#custom-menu-item-url.invalid,
|
||||
.edit-menu-item-url.invalid,
|
||||
.menu-name-field.invalid,
|
||||
.menu-name-field.invalid:focus,
|
||||
#available-menu-items .new-content-item .create-item-input.invalid,
|
||||
#available-menu-items .new-content-item .create-item-input.invalid:focus {
|
||||
border: 1px solid #d63638;
|
||||
}
|
||||
|
||||
#available-menu-items .menu-item-handle .item-type {
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
#available-menu-items .menu-item-handle .item-title {
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
#available-menu-items .menu-item-handle {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#available-menu-items .menu-item-handle {
|
||||
box-shadow: none;
|
||||
margin-top: -1px;
|
||||
}
|
||||
|
||||
#available-menu-items .menu-item-handle:hover {
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
#available-menu-items .item-title h4 {
|
||||
padding: 0 0 5px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
#available-menu-items .item-add {
|
||||
position: absolute;
|
||||
top: 1px;
|
||||
left: 1px;
|
||||
color: #8c8f94;
|
||||
width: 30px;
|
||||
height: 38px;
|
||||
box-shadow: none;
|
||||
outline: none;
|
||||
cursor: pointer;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#available-menu-items .menu-item-handle .item-add:focus {
|
||||
color: #1d2327;
|
||||
}
|
||||
|
||||
#available-menu-items .item-add:before {
|
||||
content: "\f543";
|
||||
position: relative;
|
||||
left: 2px;
|
||||
top: 3px;
|
||||
display: inline-block;
|
||||
height: 20px;
|
||||
border-radius: 50%;
|
||||
font: normal 20px/1.05 dashicons; /* line height is to account for the dashicon's vertical alignment */
|
||||
}
|
||||
|
||||
#available-menu-items .menu-item-handle.item-added .item-type,
|
||||
#available-menu-items .menu-item-handle.item-added .item-title,
|
||||
#available-menu-items .menu-item-handle.item-added:hover .item-add,
|
||||
#available-menu-items .menu-item-handle.item-added .item-add:focus {
|
||||
color: #8c8f94;
|
||||
}
|
||||
|
||||
#available-menu-items .menu-item-handle.item-added .item-add:before {
|
||||
content: "\f147";
|
||||
}
|
||||
|
||||
#available-menu-items .accordion-section-title.loading .spinner,
|
||||
#available-menu-items-search.loading .accordion-section-title .spinner {
|
||||
visibility: visible;
|
||||
margin: 0 20px;
|
||||
}
|
||||
|
||||
#available-menu-items-search .spinner {
|
||||
position: absolute;
|
||||
top: 20px; /* 13 container padding +1 input margin +6 ( ( 32 input height - 20 spinner height ) / 2 ) */
|
||||
right: 21px;
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
/* search results list */
|
||||
#available-menu-items #available-menu-items-search .accordion-section-content {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 60px; /* below title div / search input */
|
||||
bottom: 0; /* 100% height that still triggers lazy load */
|
||||
max-height: none;
|
||||
width: 100%;
|
||||
padding: 1px 15px 15px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
#available-menu-items-search .nothing-found {
|
||||
/* Compensate the 1px top padding of the container. */
|
||||
margin-top: -1px;
|
||||
}
|
||||
|
||||
#available-menu-items-search .accordion-section-title:after {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#available-menu-items-search .accordion-section-content:empty {
|
||||
min-height: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#available-menu-items-search.loading .accordion-section-content div {
|
||||
opacity: .5;
|
||||
}
|
||||
|
||||
#available-menu-items-search.loading.loading-more .accordion-section-content div {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
#customize-preview {
|
||||
transition: all 0.2s;
|
||||
}
|
||||
|
||||
body.adding-menu-items #available-menu-items {
|
||||
left: 0;
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
body.adding-menu-items .wp-full-overlay-main {
|
||||
left: 300px;
|
||||
}
|
||||
|
||||
body.adding-menu-items #customize-preview {
|
||||
opacity: 0.4;
|
||||
}
|
||||
|
||||
body.adding-menu-items #customize-preview iframe {
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.menu-item-handle .spinner {
|
||||
display: none;
|
||||
float: left;
|
||||
margin: 0 8px 0 0;
|
||||
}
|
||||
|
||||
.nav-menu-inserted-item-loading .spinner {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.nav-menu-inserted-item-loading .menu-item-handle .item-type {
|
||||
padding: 0 0 0 8px;
|
||||
}
|
||||
|
||||
.nav-menu-inserted-item-loading .menu-item-handle,
|
||||
.added-menu-item .menu-item-handle.loading {
|
||||
padding: 10px 15px 10px 8px;
|
||||
cursor: default;
|
||||
opacity: .5;
|
||||
background: #fff;
|
||||
color: #787c82;
|
||||
}
|
||||
|
||||
.added-menu-item .menu-item-handle {
|
||||
transition-property: opacity, background, color;
|
||||
transition-duration: 1.25s;
|
||||
transition-timing-function: cubic-bezier( .25, -2.5, .75, 8 ); /* Replacement for .hide().fadeIn('slow') in JS to add emphasis when it's loaded. */
|
||||
}
|
||||
|
||||
/* Add/delete Menus */
|
||||
|
||||
#customize-theme-controls .control-panel-content .control-section-nav_menu:nth-last-child(2) .accordion-section-title {
|
||||
border-bottom-color: #dcdcde;
|
||||
}
|
||||
|
||||
/* @todo update selector */
|
||||
#accordion-section-add_menu {
|
||||
margin: 15px 12px;
|
||||
}
|
||||
|
||||
#accordion-section-add_menu h3 {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
#accordion-section-add_menu h3,
|
||||
#accordion-section-add_menu .customize-add-menu-button {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#accordion-section-add_menu .customize-add-menu-button {
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
#create-new-menu-submit {
|
||||
float: right;
|
||||
margin: 0 0 12px;
|
||||
}
|
||||
|
||||
.menu-delete-item {
|
||||
float: left;
|
||||
padding: 1em 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.assigned-menu-locations-title p {
|
||||
margin: 0 0 8px;
|
||||
}
|
||||
|
||||
li.assigned-to-menu-location .menu-delete-item {
|
||||
display: none;
|
||||
}
|
||||
|
||||
li.assigned-to-menu-location .add-new-menu-item {
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
|
||||
.menu-item-handle {
|
||||
margin-top: -1px;
|
||||
}
|
||||
.ui-sortable-disabled .menu-item-handle {
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.menu-item-handle:hover {
|
||||
position: relative;
|
||||
z-index: 10;
|
||||
color: #2271b1;
|
||||
}
|
||||
|
||||
.menu-item-handle:hover .item-type,
|
||||
.menu-item-handle:hover .item-edit,
|
||||
#available-menu-items .menu-item-handle:hover .item-add {
|
||||
color: #2271b1;
|
||||
}
|
||||
|
||||
.menu-item-edit-active .menu-item-handle {
|
||||
border-color: #8c8f94;
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.customize-control-nav_menu_item {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.customize-control-nav_menu .new-menu-item-invitation {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.customize-control-nav_menu .customize-control-nav_menu-buttons {
|
||||
margin-top: 12px;
|
||||
}
|
||||
|
||||
/**
|
||||
* box-shadows
|
||||
*/
|
||||
|
||||
.wp-customizer .menu-item .submitbox .submitdelete:focus,
|
||||
.customize-screen-options-toggle:focus:before,
|
||||
#customize-controls .customize-info .customize-help-toggle:focus:before,
|
||||
.wp-customizer button:focus .toggle-indicator:before,
|
||||
.menu-delete:focus,
|
||||
.menu-item-bar .item-delete:focus:before,
|
||||
#available-menu-items .item-add:focus:before {
|
||||
box-shadow:
|
||||
0 0 0 1px #4f94d4,
|
||||
0 0 2px 1px rgba(79, 148, 212, 0.8);
|
||||
}
|
||||
|
||||
|
||||
@media screen and (max-width: 782px) {
|
||||
#available-menu-items #available-menu-items-search .accordion-section-content {
|
||||
top: 63px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 640px) {
|
||||
#available-menu-items #available-menu-items-search .accordion-section-content {
|
||||
top: 130px;
|
||||
}
|
||||
}
|
File diff suppressed because one or more lines are too long
|
@ -0,0 +1,479 @@
|
|||
/*! This file is auto-generated */
|
||||
.wp-full-overlay-sidebar {
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
/**
|
||||
* Hide all sidebar sections by default, only show them (via JS) once the
|
||||
* preview loads and we know whether the sidebars are used in the template.
|
||||
*/
|
||||
|
||||
.control-section.control-section-sidebar,
|
||||
.customize-control-sidebar_widgets label,
|
||||
.customize-control-sidebar_widgets .hide-if-js {
|
||||
/* The link in .customize-control-sidebar_widgets .hide-if-js will fail if it ever gets used. */
|
||||
display: none;
|
||||
}
|
||||
|
||||
.control-section.control-section-sidebar .accordion-section-content.ui-sortable {
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
/* Note: widget-tops are more compact when (max-height: 700px) and (min-width: 981px). */
|
||||
.customize-control-widget_form .widget-top {
|
||||
background: #fff;
|
||||
transition: opacity 0.5s;
|
||||
}
|
||||
|
||||
.customize-control .widget-action {
|
||||
color: #787c82;
|
||||
}
|
||||
|
||||
.customize-control .widget-top:hover .widget-action,
|
||||
.customize-control .widget-action:focus {
|
||||
color: #1d2327;
|
||||
}
|
||||
|
||||
.customize-control-widget_form:not(.widget-rendered) .widget-top {
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
.customize-control-widget_form .widget-control-save {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.customize-control-widget_form .spinner {
|
||||
visibility: hidden;
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.customize-control-widget_form.previewer-loading .spinner {
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
.customize-control-widget_form.widget-form-disabled .widget-content {
|
||||
opacity: 0.7;
|
||||
pointer-events: none;
|
||||
-webkit-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.customize-control-widget_form .widget {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.customize-control-widget_form.wide-widget-control .widget-inside {
|
||||
position: fixed;
|
||||
right: 299px;
|
||||
top: 25%;
|
||||
border: 1px solid #dcdcde;
|
||||
overflow: auto;
|
||||
}
|
||||
.customize-control-widget_form.wide-widget-control .widget-inside > .form {
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.customize-control-widget_form.wide-widget-control .widget-top {
|
||||
transition: background-color 0.4s;
|
||||
}
|
||||
.customize-control-widget_form.wide-widget-control.expanding .widget-top,
|
||||
.customize-control-widget_form.wide-widget-control.expanded:not(.collapsing) .widget-top {
|
||||
background-color: #dcdcde;
|
||||
}
|
||||
|
||||
.widget-inside {
|
||||
padding: 1px 10px 10px;
|
||||
border-top: none;
|
||||
line-height: 1.23076923;
|
||||
}
|
||||
|
||||
.customize-control-widget_form.expanded .widget-action .toggle-indicator:before {
|
||||
content: "\f142";
|
||||
}
|
||||
|
||||
.customize-control-widget_form.wide-widget-control .widget-action .toggle-indicator:before {
|
||||
content: "\f141";
|
||||
}
|
||||
|
||||
.customize-control-widget_form.wide-widget-control.expanded .widget-action .toggle-indicator:before {
|
||||
content: "\f139";
|
||||
}
|
||||
|
||||
.widget-title-action {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.widget-top,
|
||||
.customize-control-widget_form .widget .customize-control-title {
|
||||
cursor: move;
|
||||
}
|
||||
|
||||
.control-section.accordion-section.highlighted > .accordion-section-title,
|
||||
.customize-control-widget_form.highlighted {
|
||||
outline: none;
|
||||
box-shadow: 0 0 2px rgba(79, 148, 212, 0.8);
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
#widget-customizer-control-templates {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* Widget reordering styles
|
||||
*/
|
||||
|
||||
#customize-theme-controls .widget-reorder-nav {
|
||||
display: none;
|
||||
float: left;
|
||||
background-color: #f6f7f7;
|
||||
}
|
||||
|
||||
.move-widget:before {
|
||||
content: "\f504";
|
||||
}
|
||||
|
||||
#customize-theme-controls .move-widget-area {
|
||||
display: none;
|
||||
background: #fff;
|
||||
border: 1px solid #c3c4c7;
|
||||
border-top: none;
|
||||
cursor: auto;
|
||||
}
|
||||
|
||||
#customize-theme-controls .reordering .move-widget-area.active {
|
||||
display: block;
|
||||
}
|
||||
|
||||
#customize-theme-controls .move-widget-area .description {
|
||||
margin: 0;
|
||||
padding: 15px 20px;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
#customize-theme-controls .widget-area-select {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
#customize-theme-controls .widget-area-select li {
|
||||
position: relative;
|
||||
margin: 0;
|
||||
padding: 13px 42px 15px 15px;
|
||||
color: #50575e;
|
||||
border-top: 1px solid #c3c4c7;
|
||||
cursor: pointer;
|
||||
-webkit-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
#customize-theme-controls .widget-area-select li:before {
|
||||
display: none;
|
||||
content: "\f147";
|
||||
position: absolute;
|
||||
top: 12px;
|
||||
right: 10px;
|
||||
font: normal 20px/1 dashicons;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
#customize-theme-controls .widget-area-select li:last-child {
|
||||
border-bottom: 1px solid #c3c4c7;
|
||||
}
|
||||
|
||||
#customize-theme-controls .widget-area-select .selected {
|
||||
color: #fff;
|
||||
background: #2271b1;
|
||||
}
|
||||
|
||||
#customize-theme-controls .widget-area-select .selected:before {
|
||||
display: block;
|
||||
}
|
||||
|
||||
#customize-theme-controls .move-widget-actions {
|
||||
text-align: left;
|
||||
padding: 12px;
|
||||
}
|
||||
|
||||
#customize-theme-controls .reordering .widget-title-action {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#customize-theme-controls .reordering .widget-reorder-nav {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* Text Widget */
|
||||
.wp-customizer div.mce-inline-toolbar-grp,
|
||||
.wp-customizer div.mce-tooltip {
|
||||
z-index: 500100 !important;
|
||||
}
|
||||
.wp-customizer .ui-autocomplete.wplink-autocomplete {
|
||||
z-index: 500110; /* originally 100110, but z-index of .wp-full-overlay is 500000 */
|
||||
}
|
||||
.wp-customizer #wp-link-backdrop {
|
||||
z-index: 500100; /* originally 100100, but z-index of .wp-full-overlay is 500000 */
|
||||
}
|
||||
.wp-customizer #wp-link-wrap {
|
||||
z-index: 500105; /* originally 100105, but z-index of .wp-full-overlay is 500000 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Styles for new widget addition panel
|
||||
*/
|
||||
|
||||
/* override widgets admin page rules in wp-admin/css/widgets.css */
|
||||
#widgets-left #available-widgets .widget {
|
||||
float: none !important;
|
||||
width: auto !important;
|
||||
}
|
||||
|
||||
/* Keep rule that is no longer necessary on widgets.php. */
|
||||
#available-widgets .widget-action {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.ios #available-widgets {
|
||||
transition: right 0s;
|
||||
}
|
||||
|
||||
#available-widgets .widget-tpl:hover,
|
||||
#available-widgets .widget-tpl.selected {
|
||||
background: #f6f7f7;
|
||||
border-bottom-color: #c3c4c7;
|
||||
color: #2271b1;
|
||||
border-right: 4px solid #2271b1;
|
||||
}
|
||||
|
||||
#customize-controls .widget-title h3 {
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
#available-widgets .widget-title h3 {
|
||||
padding: 0 0 5px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
#available-widgets .widget .widget-description {
|
||||
padding: 0;
|
||||
color: #646970;
|
||||
}
|
||||
|
||||
#customize-preview {
|
||||
transition: all 0.2s;
|
||||
}
|
||||
|
||||
body.adding-widget #available-widgets {
|
||||
right: 0;
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
body.adding-widget .wp-full-overlay-main {
|
||||
right: 300px;
|
||||
}
|
||||
|
||||
body.adding-widget #customize-preview {
|
||||
opacity: 0.4;
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* Widget Icon styling
|
||||
* No plurals in naming.
|
||||
* Ordered from lowest to highest specificity.
|
||||
*/
|
||||
|
||||
#available-widgets .widget-title {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#available-widgets .widget-title:before {
|
||||
content: "\f132";
|
||||
position: absolute;
|
||||
top: -3px;
|
||||
left: 100%;
|
||||
margin-left: 20px;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
color: #2c3338;
|
||||
font: normal 20px/1 dashicons;
|
||||
text-align: center;
|
||||
box-sizing: border-box;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
/* dashicons-smiley */
|
||||
#available-widgets [class*="easy"] .widget-title:before { content: "\f328"; top: -4px; }
|
||||
|
||||
/* dashicons-star-filled */
|
||||
#available-widgets [class*="super"] .widget-title:before,
|
||||
#available-widgets [class*="like"] .widget-title:before { content: "\f155"; top: -4px; }
|
||||
|
||||
/* dashicons-wordpress */
|
||||
#available-widgets [class*="meta"] .widget-title:before { content: "\f120"; }
|
||||
|
||||
/* dashicons-archive */
|
||||
#available-widgets [class*="archives"] .widget-title:before { content: "\f480"; top: -4px; }
|
||||
|
||||
/* dashicons-category */
|
||||
#available-widgets [class*="categor"] .widget-title:before { content: "\f318"; top: -4px; }
|
||||
|
||||
/* dashicons-admin-comments */
|
||||
#available-widgets [class*="comment"] .widget-title:before,
|
||||
#available-widgets [class*="testimonial"] .widget-title:before,
|
||||
#available-widgets [class*="chat"] .widget-title:before { content: "\f101"; }
|
||||
|
||||
/* dashicons-admin-post */
|
||||
#available-widgets [class*="post"] .widget-title:before { content: "\f109"; }
|
||||
|
||||
/* dashicons-admin-page */
|
||||
#available-widgets [class*="page"] .widget-title:before { content: "\f105"; }
|
||||
|
||||
/* dashicons-text */
|
||||
#available-widgets [class*="text"] .widget-title:before { content: "\f478"; }
|
||||
|
||||
/* dashicons-admin-links */
|
||||
#available-widgets [class*="link"] .widget-title:before { content: "\f103"; }
|
||||
|
||||
/* dashicons-search */
|
||||
#available-widgets [class*="search"] .widget-title:before { content: "\f179"; }
|
||||
|
||||
/* dashicons-menu */
|
||||
#available-widgets [class*="menu"] .widget-title:before,
|
||||
#available-widgets [class*="nav"] .widget-title:before { content: "\f333"; }
|
||||
|
||||
/* dashicons-tagcloud */
|
||||
#available-widgets [class*="tag"] .widget-title:before { content: "\f479"; }
|
||||
|
||||
/* dashicons-rss */
|
||||
#available-widgets [class*="rss"] .widget-title:before { content: "\f303"; top: -6px; }
|
||||
|
||||
/* dashicons-calendar */
|
||||
#available-widgets [class*="event"] .widget-title:before,
|
||||
#available-widgets [class*="calendar"] .widget-title:before { content: "\f145"; top: -4px;}
|
||||
|
||||
/* dashicons-format-image */
|
||||
#available-widgets [class*="image"] .widget-title:before,
|
||||
#available-widgets [class*="photo"] .widget-title:before,
|
||||
#available-widgets [class*="slide"] .widget-title:before,
|
||||
#available-widgets [class*="instagram"] .widget-title:before { content: "\f128"; }
|
||||
|
||||
/* dashicons-format-gallery */
|
||||
#available-widgets [class*="album"] .widget-title:before,
|
||||
#available-widgets [class*="galler"] .widget-title:before { content: "\f161"; }
|
||||
|
||||
/* dashicons-format-video */
|
||||
#available-widgets [class*="video"] .widget-title:before,
|
||||
#available-widgets [class*="tube"] .widget-title:before { content: "\f126"; }
|
||||
|
||||
/* dashicons-format-audio */
|
||||
#available-widgets [class*="music"] .widget-title:before,
|
||||
#available-widgets [class*="radio"] .widget-title:before,
|
||||
#available-widgets [class*="audio"] .widget-title:before { content: "\f127"; }
|
||||
|
||||
/* dashicons-admin-users */
|
||||
#available-widgets [class*="login"] .widget-title:before,
|
||||
#available-widgets [class*="user"] .widget-title:before,
|
||||
#available-widgets [class*="member"] .widget-title:before,
|
||||
#available-widgets [class*="avatar"] .widget-title:before,
|
||||
#available-widgets [class*="subscriber"] .widget-title:before,
|
||||
#available-widgets [class*="profile"] .widget-title:before,
|
||||
#available-widgets [class*="grofile"] .widget-title:before { content: "\f110"; }
|
||||
|
||||
/* dashicons-cart */
|
||||
#available-widgets [class*="commerce"] .widget-title:before,
|
||||
#available-widgets [class*="shop"] .widget-title:before,
|
||||
#available-widgets [class*="cart"] .widget-title:before { content: "\f174"; top: -4px; }
|
||||
|
||||
/* dashicons-shield */
|
||||
#available-widgets [class*="secur"] .widget-title:before,
|
||||
#available-widgets [class*="firewall"] .widget-title:before { content: "\f332"; }
|
||||
|
||||
/* dashicons-chart-bar */
|
||||
#available-widgets [class*="analytic"] .widget-title:before,
|
||||
#available-widgets [class*="stat"] .widget-title:before,
|
||||
#available-widgets [class*="poll"] .widget-title:before { content: "\f185"; }
|
||||
|
||||
/* dashicons-feedback */
|
||||
#available-widgets [class*="form"] .widget-title:before { content: "\f175"; }
|
||||
|
||||
/* dashicons-email-alt */
|
||||
#available-widgets [class*="subscribe"] .widget-title:before,
|
||||
#available-widgets [class*="news"] .widget-title:before,
|
||||
#available-widgets [class*="contact"] .widget-title:before,
|
||||
#available-widgets [class*="mail"] .widget-title:before { content: "\f466"; }
|
||||
|
||||
/* dashicons-share */
|
||||
#available-widgets [class*="share"] .widget-title:before,
|
||||
#available-widgets [class*="socia"] .widget-title:before { content: "\f237"; }
|
||||
|
||||
/* dashicons-translation */
|
||||
#available-widgets [class*="lang"] .widget-title:before,
|
||||
#available-widgets [class*="translat"] .widget-title:before { content: "\f326"; }
|
||||
|
||||
/* dashicons-location-alt */
|
||||
#available-widgets [class*="locat"] .widget-title:before,
|
||||
#available-widgets [class*="map"] .widget-title:before { content: "\f231"; }
|
||||
|
||||
/* dashicons-download */
|
||||
#available-widgets [class*="download"] .widget-title:before { content: "\f316"; }
|
||||
|
||||
/* dashicons-cloud */
|
||||
#available-widgets [class*="weather"] .widget-title:before { content: "\f176"; top: -4px;}
|
||||
|
||||
/* dashicons-facebook */
|
||||
#available-widgets [class*="facebook"] .widget-title:before { content: "\f304"; }
|
||||
|
||||
/* dashicons-twitter */
|
||||
#available-widgets [class*="tweet"] .widget-title:before,
|
||||
#available-widgets [class*="twitter"] .widget-title:before { content: "\f301"; }
|
||||
|
||||
@media screen and (max-height: 700px) and (min-width: 981px) {
|
||||
/* Compact widget-tops on smaller laptops, but not tablets. See ticket #27112#comment:4 */
|
||||
.customize-control-widget_form {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.widget-top {
|
||||
box-shadow: none;
|
||||
margin-top: -1px;
|
||||
}
|
||||
|
||||
.widget-top:hover {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.last-widget {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.widget-title h3 {
|
||||
padding: 13px 15px;
|
||||
}
|
||||
|
||||
.widget-top .widget-action {
|
||||
padding: 8px 10px;
|
||||
}
|
||||
|
||||
.widget-reorder-nav span {
|
||||
height: 39px;
|
||||
}
|
||||
|
||||
.widget-reorder-nav span:before {
|
||||
line-height: 39px;
|
||||
}
|
||||
|
||||
/* Compact the move widget areas. */
|
||||
#customize-theme-controls .widget-area-select li {
|
||||
padding: 9px 42px 11px 15px;
|
||||
}
|
||||
|
||||
#customize-theme-controls .widget-area-select li:before {
|
||||
top: 8px;
|
||||
}
|
||||
}
|
File diff suppressed because one or more lines are too long
|
@ -0,0 +1,478 @@
|
|||
.wp-full-overlay-sidebar {
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
/**
|
||||
* Hide all sidebar sections by default, only show them (via JS) once the
|
||||
* preview loads and we know whether the sidebars are used in the template.
|
||||
*/
|
||||
|
||||
.control-section.control-section-sidebar,
|
||||
.customize-control-sidebar_widgets label,
|
||||
.customize-control-sidebar_widgets .hide-if-js {
|
||||
/* The link in .customize-control-sidebar_widgets .hide-if-js will fail if it ever gets used. */
|
||||
display: none;
|
||||
}
|
||||
|
||||
.control-section.control-section-sidebar .accordion-section-content.ui-sortable {
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
/* Note: widget-tops are more compact when (max-height: 700px) and (min-width: 981px). */
|
||||
.customize-control-widget_form .widget-top {
|
||||
background: #fff;
|
||||
transition: opacity 0.5s;
|
||||
}
|
||||
|
||||
.customize-control .widget-action {
|
||||
color: #787c82;
|
||||
}
|
||||
|
||||
.customize-control .widget-top:hover .widget-action,
|
||||
.customize-control .widget-action:focus {
|
||||
color: #1d2327;
|
||||
}
|
||||
|
||||
.customize-control-widget_form:not(.widget-rendered) .widget-top {
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
.customize-control-widget_form .widget-control-save {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.customize-control-widget_form .spinner {
|
||||
visibility: hidden;
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.customize-control-widget_form.previewer-loading .spinner {
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
.customize-control-widget_form.widget-form-disabled .widget-content {
|
||||
opacity: 0.7;
|
||||
pointer-events: none;
|
||||
-webkit-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.customize-control-widget_form .widget {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.customize-control-widget_form.wide-widget-control .widget-inside {
|
||||
position: fixed;
|
||||
left: 299px;
|
||||
top: 25%;
|
||||
border: 1px solid #dcdcde;
|
||||
overflow: auto;
|
||||
}
|
||||
.customize-control-widget_form.wide-widget-control .widget-inside > .form {
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.customize-control-widget_form.wide-widget-control .widget-top {
|
||||
transition: background-color 0.4s;
|
||||
}
|
||||
.customize-control-widget_form.wide-widget-control.expanding .widget-top,
|
||||
.customize-control-widget_form.wide-widget-control.expanded:not(.collapsing) .widget-top {
|
||||
background-color: #dcdcde;
|
||||
}
|
||||
|
||||
.widget-inside {
|
||||
padding: 1px 10px 10px;
|
||||
border-top: none;
|
||||
line-height: 1.23076923;
|
||||
}
|
||||
|
||||
.customize-control-widget_form.expanded .widget-action .toggle-indicator:before {
|
||||
content: "\f142";
|
||||
}
|
||||
|
||||
.customize-control-widget_form.wide-widget-control .widget-action .toggle-indicator:before {
|
||||
content: "\f139";
|
||||
}
|
||||
|
||||
.customize-control-widget_form.wide-widget-control.expanded .widget-action .toggle-indicator:before {
|
||||
content: "\f141";
|
||||
}
|
||||
|
||||
.widget-title-action {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.widget-top,
|
||||
.customize-control-widget_form .widget .customize-control-title {
|
||||
cursor: move;
|
||||
}
|
||||
|
||||
.control-section.accordion-section.highlighted > .accordion-section-title,
|
||||
.customize-control-widget_form.highlighted {
|
||||
outline: none;
|
||||
box-shadow: 0 0 2px rgba(79, 148, 212, 0.8);
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
#widget-customizer-control-templates {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* Widget reordering styles
|
||||
*/
|
||||
|
||||
#customize-theme-controls .widget-reorder-nav {
|
||||
display: none;
|
||||
float: right;
|
||||
background-color: #f6f7f7;
|
||||
}
|
||||
|
||||
.move-widget:before {
|
||||
content: "\f504";
|
||||
}
|
||||
|
||||
#customize-theme-controls .move-widget-area {
|
||||
display: none;
|
||||
background: #fff;
|
||||
border: 1px solid #c3c4c7;
|
||||
border-top: none;
|
||||
cursor: auto;
|
||||
}
|
||||
|
||||
#customize-theme-controls .reordering .move-widget-area.active {
|
||||
display: block;
|
||||
}
|
||||
|
||||
#customize-theme-controls .move-widget-area .description {
|
||||
margin: 0;
|
||||
padding: 15px 20px;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
#customize-theme-controls .widget-area-select {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
#customize-theme-controls .widget-area-select li {
|
||||
position: relative;
|
||||
margin: 0;
|
||||
padding: 13px 15px 15px 42px;
|
||||
color: #50575e;
|
||||
border-top: 1px solid #c3c4c7;
|
||||
cursor: pointer;
|
||||
-webkit-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
#customize-theme-controls .widget-area-select li:before {
|
||||
display: none;
|
||||
content: "\f147";
|
||||
position: absolute;
|
||||
top: 12px;
|
||||
left: 10px;
|
||||
font: normal 20px/1 dashicons;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
#customize-theme-controls .widget-area-select li:last-child {
|
||||
border-bottom: 1px solid #c3c4c7;
|
||||
}
|
||||
|
||||
#customize-theme-controls .widget-area-select .selected {
|
||||
color: #fff;
|
||||
background: #2271b1;
|
||||
}
|
||||
|
||||
#customize-theme-controls .widget-area-select .selected:before {
|
||||
display: block;
|
||||
}
|
||||
|
||||
#customize-theme-controls .move-widget-actions {
|
||||
text-align: right;
|
||||
padding: 12px;
|
||||
}
|
||||
|
||||
#customize-theme-controls .reordering .widget-title-action {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#customize-theme-controls .reordering .widget-reorder-nav {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* Text Widget */
|
||||
.wp-customizer div.mce-inline-toolbar-grp,
|
||||
.wp-customizer div.mce-tooltip {
|
||||
z-index: 500100 !important;
|
||||
}
|
||||
.wp-customizer .ui-autocomplete.wplink-autocomplete {
|
||||
z-index: 500110; /* originally 100110, but z-index of .wp-full-overlay is 500000 */
|
||||
}
|
||||
.wp-customizer #wp-link-backdrop {
|
||||
z-index: 500100; /* originally 100100, but z-index of .wp-full-overlay is 500000 */
|
||||
}
|
||||
.wp-customizer #wp-link-wrap {
|
||||
z-index: 500105; /* originally 100105, but z-index of .wp-full-overlay is 500000 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Styles for new widget addition panel
|
||||
*/
|
||||
|
||||
/* override widgets admin page rules in wp-admin/css/widgets.css */
|
||||
#widgets-left #available-widgets .widget {
|
||||
float: none !important;
|
||||
width: auto !important;
|
||||
}
|
||||
|
||||
/* Keep rule that is no longer necessary on widgets.php. */
|
||||
#available-widgets .widget-action {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.ios #available-widgets {
|
||||
transition: left 0s;
|
||||
}
|
||||
|
||||
#available-widgets .widget-tpl:hover,
|
||||
#available-widgets .widget-tpl.selected {
|
||||
background: #f6f7f7;
|
||||
border-bottom-color: #c3c4c7;
|
||||
color: #2271b1;
|
||||
border-left: 4px solid #2271b1;
|
||||
}
|
||||
|
||||
#customize-controls .widget-title h3 {
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
#available-widgets .widget-title h3 {
|
||||
padding: 0 0 5px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
#available-widgets .widget .widget-description {
|
||||
padding: 0;
|
||||
color: #646970;
|
||||
}
|
||||
|
||||
#customize-preview {
|
||||
transition: all 0.2s;
|
||||
}
|
||||
|
||||
body.adding-widget #available-widgets {
|
||||
left: 0;
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
body.adding-widget .wp-full-overlay-main {
|
||||
left: 300px;
|
||||
}
|
||||
|
||||
body.adding-widget #customize-preview {
|
||||
opacity: 0.4;
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* Widget Icon styling
|
||||
* No plurals in naming.
|
||||
* Ordered from lowest to highest specificity.
|
||||
*/
|
||||
|
||||
#available-widgets .widget-title {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#available-widgets .widget-title:before {
|
||||
content: "\f132";
|
||||
position: absolute;
|
||||
top: -3px;
|
||||
right: 100%;
|
||||
margin-right: 20px;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
color: #2c3338;
|
||||
font: normal 20px/1 dashicons;
|
||||
text-align: center;
|
||||
box-sizing: border-box;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
/* dashicons-smiley */
|
||||
#available-widgets [class*="easy"] .widget-title:before { content: "\f328"; top: -4px; }
|
||||
|
||||
/* dashicons-star-filled */
|
||||
#available-widgets [class*="super"] .widget-title:before,
|
||||
#available-widgets [class*="like"] .widget-title:before { content: "\f155"; top: -4px; }
|
||||
|
||||
/* dashicons-wordpress */
|
||||
#available-widgets [class*="meta"] .widget-title:before { content: "\f120"; }
|
||||
|
||||
/* dashicons-archive */
|
||||
#available-widgets [class*="archives"] .widget-title:before { content: "\f480"; top: -4px; }
|
||||
|
||||
/* dashicons-category */
|
||||
#available-widgets [class*="categor"] .widget-title:before { content: "\f318"; top: -4px; }
|
||||
|
||||
/* dashicons-admin-comments */
|
||||
#available-widgets [class*="comment"] .widget-title:before,
|
||||
#available-widgets [class*="testimonial"] .widget-title:before,
|
||||
#available-widgets [class*="chat"] .widget-title:before { content: "\f101"; }
|
||||
|
||||
/* dashicons-admin-post */
|
||||
#available-widgets [class*="post"] .widget-title:before { content: "\f109"; }
|
||||
|
||||
/* dashicons-admin-page */
|
||||
#available-widgets [class*="page"] .widget-title:before { content: "\f105"; }
|
||||
|
||||
/* dashicons-text */
|
||||
#available-widgets [class*="text"] .widget-title:before { content: "\f478"; }
|
||||
|
||||
/* dashicons-admin-links */
|
||||
#available-widgets [class*="link"] .widget-title:before { content: "\f103"; }
|
||||
|
||||
/* dashicons-search */
|
||||
#available-widgets [class*="search"] .widget-title:before { content: "\f179"; }
|
||||
|
||||
/* dashicons-menu */
|
||||
#available-widgets [class*="menu"] .widget-title:before,
|
||||
#available-widgets [class*="nav"] .widget-title:before { content: "\f333"; }
|
||||
|
||||
/* dashicons-tagcloud */
|
||||
#available-widgets [class*="tag"] .widget-title:before { content: "\f479"; }
|
||||
|
||||
/* dashicons-rss */
|
||||
#available-widgets [class*="rss"] .widget-title:before { content: "\f303"; top: -6px; }
|
||||
|
||||
/* dashicons-calendar */
|
||||
#available-widgets [class*="event"] .widget-title:before,
|
||||
#available-widgets [class*="calendar"] .widget-title:before { content: "\f145"; top: -4px;}
|
||||
|
||||
/* dashicons-format-image */
|
||||
#available-widgets [class*="image"] .widget-title:before,
|
||||
#available-widgets [class*="photo"] .widget-title:before,
|
||||
#available-widgets [class*="slide"] .widget-title:before,
|
||||
#available-widgets [class*="instagram"] .widget-title:before { content: "\f128"; }
|
||||
|
||||
/* dashicons-format-gallery */
|
||||
#available-widgets [class*="album"] .widget-title:before,
|
||||
#available-widgets [class*="galler"] .widget-title:before { content: "\f161"; }
|
||||
|
||||
/* dashicons-format-video */
|
||||
#available-widgets [class*="video"] .widget-title:before,
|
||||
#available-widgets [class*="tube"] .widget-title:before { content: "\f126"; }
|
||||
|
||||
/* dashicons-format-audio */
|
||||
#available-widgets [class*="music"] .widget-title:before,
|
||||
#available-widgets [class*="radio"] .widget-title:before,
|
||||
#available-widgets [class*="audio"] .widget-title:before { content: "\f127"; }
|
||||
|
||||
/* dashicons-admin-users */
|
||||
#available-widgets [class*="login"] .widget-title:before,
|
||||
#available-widgets [class*="user"] .widget-title:before,
|
||||
#available-widgets [class*="member"] .widget-title:before,
|
||||
#available-widgets [class*="avatar"] .widget-title:before,
|
||||
#available-widgets [class*="subscriber"] .widget-title:before,
|
||||
#available-widgets [class*="profile"] .widget-title:before,
|
||||
#available-widgets [class*="grofile"] .widget-title:before { content: "\f110"; }
|
||||
|
||||
/* dashicons-cart */
|
||||
#available-widgets [class*="commerce"] .widget-title:before,
|
||||
#available-widgets [class*="shop"] .widget-title:before,
|
||||
#available-widgets [class*="cart"] .widget-title:before { content: "\f174"; top: -4px; }
|
||||
|
||||
/* dashicons-shield */
|
||||
#available-widgets [class*="secur"] .widget-title:before,
|
||||
#available-widgets [class*="firewall"] .widget-title:before { content: "\f332"; }
|
||||
|
||||
/* dashicons-chart-bar */
|
||||
#available-widgets [class*="analytic"] .widget-title:before,
|
||||
#available-widgets [class*="stat"] .widget-title:before,
|
||||
#available-widgets [class*="poll"] .widget-title:before { content: "\f185"; }
|
||||
|
||||
/* dashicons-feedback */
|
||||
#available-widgets [class*="form"] .widget-title:before { content: "\f175"; }
|
||||
|
||||
/* dashicons-email-alt */
|
||||
#available-widgets [class*="subscribe"] .widget-title:before,
|
||||
#available-widgets [class*="news"] .widget-title:before,
|
||||
#available-widgets [class*="contact"] .widget-title:before,
|
||||
#available-widgets [class*="mail"] .widget-title:before { content: "\f466"; }
|
||||
|
||||
/* dashicons-share */
|
||||
#available-widgets [class*="share"] .widget-title:before,
|
||||
#available-widgets [class*="socia"] .widget-title:before { content: "\f237"; }
|
||||
|
||||
/* dashicons-translation */
|
||||
#available-widgets [class*="lang"] .widget-title:before,
|
||||
#available-widgets [class*="translat"] .widget-title:before { content: "\f326"; }
|
||||
|
||||
/* dashicons-location-alt */
|
||||
#available-widgets [class*="locat"] .widget-title:before,
|
||||
#available-widgets [class*="map"] .widget-title:before { content: "\f231"; }
|
||||
|
||||
/* dashicons-download */
|
||||
#available-widgets [class*="download"] .widget-title:before { content: "\f316"; }
|
||||
|
||||
/* dashicons-cloud */
|
||||
#available-widgets [class*="weather"] .widget-title:before { content: "\f176"; top: -4px;}
|
||||
|
||||
/* dashicons-facebook */
|
||||
#available-widgets [class*="facebook"] .widget-title:before { content: "\f304"; }
|
||||
|
||||
/* dashicons-twitter */
|
||||
#available-widgets [class*="tweet"] .widget-title:before,
|
||||
#available-widgets [class*="twitter"] .widget-title:before { content: "\f301"; }
|
||||
|
||||
@media screen and (max-height: 700px) and (min-width: 981px) {
|
||||
/* Compact widget-tops on smaller laptops, but not tablets. See ticket #27112#comment:4 */
|
||||
.customize-control-widget_form {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.widget-top {
|
||||
box-shadow: none;
|
||||
margin-top: -1px;
|
||||
}
|
||||
|
||||
.widget-top:hover {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.last-widget {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.widget-title h3 {
|
||||
padding: 13px 15px;
|
||||
}
|
||||
|
||||
.widget-top .widget-action {
|
||||
padding: 8px 10px;
|
||||
}
|
||||
|
||||
.widget-reorder-nav span {
|
||||
height: 39px;
|
||||
}
|
||||
|
||||
.widget-reorder-nav span:before {
|
||||
line-height: 39px;
|
||||
}
|
||||
|
||||
/* Compact the move widget areas. */
|
||||
#customize-theme-controls .widget-area-select li {
|
||||
padding: 9px 15px 11px 42px;
|
||||
}
|
||||
|
||||
#customize-theme-controls .widget-area-select li:before {
|
||||
top: 8px;
|
||||
}
|
||||
}
|
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
|
@ -0,0 +1,430 @@
|
|||
/*! This file is auto-generated */
|
||||
/* Styles for the media library iframe (not used on the Library screen) */
|
||||
|
||||
div#media-upload-header {
|
||||
margin: 0;
|
||||
padding: 5px 5px 0;
|
||||
font-weight: 600;
|
||||
position: relative;
|
||||
border-bottom: 1px solid #dcdcde;
|
||||
background: #f6f7f7;
|
||||
}
|
||||
|
||||
#sidemenu {
|
||||
overflow: hidden;
|
||||
float: none;
|
||||
position: relative;
|
||||
right: 0;
|
||||
bottom: -1px;
|
||||
margin: 0 5px;
|
||||
padding-right: 10px;
|
||||
list-style: none;
|
||||
font-size: 12px;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
#sidemenu a {
|
||||
padding: 0 7px;
|
||||
display: block;
|
||||
float: right;
|
||||
line-height: 28px;
|
||||
border-top: 1px solid #f6f7f7;
|
||||
border-bottom: 1px solid #dcdcde;
|
||||
background-color: #f6f7f7;
|
||||
text-decoration: none;
|
||||
transition: none;
|
||||
}
|
||||
|
||||
#sidemenu li {
|
||||
display: inline;
|
||||
line-height: 200%;
|
||||
list-style: none;
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#sidemenu a.current {
|
||||
font-weight: 400;
|
||||
padding-right: 6px;
|
||||
padding-left: 6px;
|
||||
border: 1px solid #dcdcde;
|
||||
border-bottom-color: #f0f0f1;
|
||||
background-color: #f0f0f1;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
#media-upload:after { /* clearfix */
|
||||
content: "";
|
||||
display: table;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
#media-upload .slidetoggle {
|
||||
border-top-color: #dcdcde;
|
||||
}
|
||||
|
||||
#media-upload input[type="radio"] {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.media-upload-form label.form-help,
|
||||
td.help {
|
||||
color: #646970;
|
||||
}
|
||||
|
||||
form {
|
||||
margin: 1em;
|
||||
}
|
||||
|
||||
#search-filter {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
th {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.media-upload-form label.form-help, td.help {
|
||||
font-family: sans-serif;
|
||||
font-style: italic;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.media-upload-form p.help {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.media-upload-form fieldset {
|
||||
width: 100%;
|
||||
border: none;
|
||||
text-align: justify;
|
||||
margin: 0 0 1em;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/* specific to the image upload form */
|
||||
|
||||
.image-align-none-label {
|
||||
background: url(../images/align-none.png) no-repeat center right;
|
||||
}
|
||||
|
||||
.image-align-left-label {
|
||||
background: url(../images/align-left.png) no-repeat center right;
|
||||
}
|
||||
|
||||
.image-align-center-label {
|
||||
background: url(../images/align-center.png) no-repeat center right;
|
||||
}
|
||||
|
||||
.image-align-right-label {
|
||||
background: url(../images/align-right.png) no-repeat center right;
|
||||
}
|
||||
|
||||
tr.image-size td {
|
||||
width: 460px;
|
||||
}
|
||||
|
||||
tr.image-size div.image-size-item {
|
||||
margin: 0 0 5px;
|
||||
}
|
||||
|
||||
#library-form .progress,
|
||||
#gallery-form .progress,
|
||||
.insert-gallery,
|
||||
.describe.startopen,
|
||||
.describe.startclosed {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.media-item .thumbnail {
|
||||
max-width: 128px;
|
||||
max-height: 128px;
|
||||
}
|
||||
|
||||
thead.media-item-info tr {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.form-table thead.media-item-info {
|
||||
border: 8px solid #fff;
|
||||
}
|
||||
|
||||
abbr.required,
|
||||
span.required {
|
||||
text-decoration: none;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.describe label {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.describe td.error {
|
||||
padding: 2px 8px;
|
||||
}
|
||||
|
||||
.describe td.A1 {
|
||||
width: 132px;
|
||||
}
|
||||
|
||||
.describe input[type="text"],
|
||||
.describe textarea {
|
||||
width: 460px;
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
}
|
||||
|
||||
/* Specific to Uploader */
|
||||
|
||||
#media-upload p.ml-submit {
|
||||
padding: 1em 0;
|
||||
}
|
||||
|
||||
#media-upload p.help,
|
||||
#media-upload label.help {
|
||||
font-family: sans-serif;
|
||||
font-style: italic;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
#media-upload .ui-sortable .media-item {
|
||||
cursor: move;
|
||||
}
|
||||
|
||||
#media-upload tr.image-size {
|
||||
margin-bottom: 1em;
|
||||
height: 3em;
|
||||
}
|
||||
|
||||
#media-upload #filter {
|
||||
width: 623px;
|
||||
}
|
||||
|
||||
#media-upload #filter .subsubsub {
|
||||
margin: 8px 0;
|
||||
}
|
||||
|
||||
#media-upload .tablenav-pages a,
|
||||
#media-upload .tablenav-pages .current {
|
||||
display: inline-block;
|
||||
padding: 4px 5px 6px;
|
||||
font-size: 16px;
|
||||
line-height: 1;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#media-upload .tablenav-pages a {
|
||||
min-width: 17px;
|
||||
border: 1px solid #c3c4c7;
|
||||
background: #f6f7f7;
|
||||
}
|
||||
|
||||
#filter .tablenav select {
|
||||
border-style: solid;
|
||||
border-width: 1px;
|
||||
padding: 2px;
|
||||
vertical-align: top;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
#media-upload .del-attachment {
|
||||
display: none;
|
||||
margin: 5px 0;
|
||||
}
|
||||
|
||||
.menu_order {
|
||||
float: left;
|
||||
font-size: 11px;
|
||||
margin: 8px 10px 0;
|
||||
}
|
||||
|
||||
.menu_order_input {
|
||||
border: 1px solid #dcdcde;
|
||||
font-size: 10px;
|
||||
padding: 1px;
|
||||
width: 23px;
|
||||
}
|
||||
|
||||
.ui-sortable-helper {
|
||||
background-color: #fff;
|
||||
border: 1px solid #a7aaad;
|
||||
opacity: 0.6;
|
||||
filter: alpha(opacity=60);
|
||||
}
|
||||
|
||||
#media-upload th.order-head {
|
||||
width: 20%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#media-upload th.actions-head {
|
||||
width: 25%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#media-upload a.wp-post-thumbnail {
|
||||
margin: 0 20px;
|
||||
}
|
||||
|
||||
#media-upload .widefat {
|
||||
border-style: solid solid none;
|
||||
}
|
||||
|
||||
.sorthelper {
|
||||
height: 37px;
|
||||
width: 623px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
#gallery-settings th.label {
|
||||
width: 160px;
|
||||
}
|
||||
|
||||
#gallery-settings #basic th.label {
|
||||
padding: 5px 0 5px 5px;
|
||||
}
|
||||
|
||||
#gallery-settings .title {
|
||||
clear: both;
|
||||
padding: 0 0 3px;
|
||||
font-size: 1.6em;
|
||||
border-bottom: 1px solid #dcdcde;
|
||||
}
|
||||
|
||||
h3.media-title {
|
||||
font-size: 1.6em;
|
||||
}
|
||||
|
||||
h4.media-sub-title {
|
||||
border-bottom: 1px solid #dcdcde;
|
||||
font-size: 1.3em;
|
||||
margin: 12px;
|
||||
padding: 0 0 3px;
|
||||
}
|
||||
|
||||
#gallery-settings .title,
|
||||
h3.media-title,
|
||||
h4.media-sub-title {
|
||||
font-family: Georgia,"Times New Roman",Times,serif;
|
||||
font-weight: 400;
|
||||
color: #50575e;
|
||||
}
|
||||
|
||||
#gallery-settings .describe td {
|
||||
vertical-align: middle;
|
||||
height: 3em;
|
||||
}
|
||||
|
||||
#gallery-settings .describe th.label {
|
||||
padding-top: .5em;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
#gallery-settings .describe {
|
||||
padding: 5px;
|
||||
width: 100%;
|
||||
clear: both;
|
||||
cursor: default;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
#gallery-settings .describe select {
|
||||
width: 15em;
|
||||
}
|
||||
|
||||
#gallery-settings .describe select option,
|
||||
#gallery-settings .describe td {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#gallery-settings label,
|
||||
#gallery-settings legend {
|
||||
font-size: 13px;
|
||||
color: #3c434a;
|
||||
margin-left: 15px;
|
||||
}
|
||||
|
||||
#gallery-settings .align .field label {
|
||||
margin: 0 3px 0 1em;
|
||||
}
|
||||
|
||||
#gallery-settings p.ml-submit {
|
||||
border-top: 1px solid #dcdcde;
|
||||
}
|
||||
|
||||
#gallery-settings select#columns {
|
||||
width: 6em;
|
||||
}
|
||||
|
||||
#sort-buttons {
|
||||
font-size: 0.8em;
|
||||
margin: 3px 0 -8px 25px;
|
||||
text-align: left;
|
||||
max-width: 625px;
|
||||
}
|
||||
|
||||
#sort-buttons a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#sort-buttons #asc,
|
||||
#sort-buttons #showall {
|
||||
padding-right: 5px;
|
||||
}
|
||||
|
||||
#sort-buttons span {
|
||||
margin-left: 25px;
|
||||
}
|
||||
|
||||
p.media-types {
|
||||
margin: 0;
|
||||
padding: 1em;
|
||||
}
|
||||
|
||||
p.media-types-required-info {
|
||||
padding-top: 0;
|
||||
}
|
||||
|
||||
tr.not-image {
|
||||
display: none;
|
||||
}
|
||||
|
||||
table.not-image tr.not-image {
|
||||
display: table-row;
|
||||
}
|
||||
|
||||
table.not-image tr.image-only {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* HiDPI Displays
|
||||
*/
|
||||
@media print,
|
||||
(-webkit-min-device-pixel-ratio: 1.25),
|
||||
(min-resolution: 120dpi) {
|
||||
|
||||
.image-align-none-label {
|
||||
background-image: url(../images/align-none-2x.png?ver=20120916);
|
||||
background-size: 21px 15px;
|
||||
}
|
||||
|
||||
.image-align-left-label {
|
||||
background-image: url(../images/align-left-2x.png?ver=20120916);
|
||||
background-size: 22px 15px;
|
||||
}
|
||||
|
||||
.image-align-center-label {
|
||||
background-image: url(../images/align-center-2x.png?ver=20120916);
|
||||
background-size: 21px 15px;
|
||||
}
|
||||
|
||||
.image-align-right-label {
|
||||
background-image: url(../images/align-right-2x.png?ver=20120916);
|
||||
background-size: 22px 15px;
|
||||
}
|
||||
}
|
File diff suppressed because one or more lines are too long
|
@ -0,0 +1,429 @@
|
|||
/* Styles for the media library iframe (not used on the Library screen) */
|
||||
|
||||
div#media-upload-header {
|
||||
margin: 0;
|
||||
padding: 5px 5px 0;
|
||||
font-weight: 600;
|
||||
position: relative;
|
||||
border-bottom: 1px solid #dcdcde;
|
||||
background: #f6f7f7;
|
||||
}
|
||||
|
||||
#sidemenu {
|
||||
overflow: hidden;
|
||||
float: none;
|
||||
position: relative;
|
||||
left: 0;
|
||||
bottom: -1px;
|
||||
margin: 0 5px;
|
||||
padding-left: 10px;
|
||||
list-style: none;
|
||||
font-size: 12px;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
#sidemenu a {
|
||||
padding: 0 7px;
|
||||
display: block;
|
||||
float: left;
|
||||
line-height: 28px;
|
||||
border-top: 1px solid #f6f7f7;
|
||||
border-bottom: 1px solid #dcdcde;
|
||||
background-color: #f6f7f7;
|
||||
text-decoration: none;
|
||||
transition: none;
|
||||
}
|
||||
|
||||
#sidemenu li {
|
||||
display: inline;
|
||||
line-height: 200%;
|
||||
list-style: none;
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#sidemenu a.current {
|
||||
font-weight: 400;
|
||||
padding-left: 6px;
|
||||
padding-right: 6px;
|
||||
border: 1px solid #dcdcde;
|
||||
border-bottom-color: #f0f0f1;
|
||||
background-color: #f0f0f1;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
#media-upload:after { /* clearfix */
|
||||
content: "";
|
||||
display: table;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
#media-upload .slidetoggle {
|
||||
border-top-color: #dcdcde;
|
||||
}
|
||||
|
||||
#media-upload input[type="radio"] {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.media-upload-form label.form-help,
|
||||
td.help {
|
||||
color: #646970;
|
||||
}
|
||||
|
||||
form {
|
||||
margin: 1em;
|
||||
}
|
||||
|
||||
#search-filter {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
th {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.media-upload-form label.form-help, td.help {
|
||||
font-family: sans-serif;
|
||||
font-style: italic;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.media-upload-form p.help {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.media-upload-form fieldset {
|
||||
width: 100%;
|
||||
border: none;
|
||||
text-align: justify;
|
||||
margin: 0 0 1em;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/* specific to the image upload form */
|
||||
|
||||
.image-align-none-label {
|
||||
background: url(../images/align-none.png) no-repeat center left;
|
||||
}
|
||||
|
||||
.image-align-left-label {
|
||||
background: url(../images/align-left.png) no-repeat center left;
|
||||
}
|
||||
|
||||
.image-align-center-label {
|
||||
background: url(../images/align-center.png) no-repeat center left;
|
||||
}
|
||||
|
||||
.image-align-right-label {
|
||||
background: url(../images/align-right.png) no-repeat center left;
|
||||
}
|
||||
|
||||
tr.image-size td {
|
||||
width: 460px;
|
||||
}
|
||||
|
||||
tr.image-size div.image-size-item {
|
||||
margin: 0 0 5px;
|
||||
}
|
||||
|
||||
#library-form .progress,
|
||||
#gallery-form .progress,
|
||||
.insert-gallery,
|
||||
.describe.startopen,
|
||||
.describe.startclosed {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.media-item .thumbnail {
|
||||
max-width: 128px;
|
||||
max-height: 128px;
|
||||
}
|
||||
|
||||
thead.media-item-info tr {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.form-table thead.media-item-info {
|
||||
border: 8px solid #fff;
|
||||
}
|
||||
|
||||
abbr.required,
|
||||
span.required {
|
||||
text-decoration: none;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.describe label {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.describe td.error {
|
||||
padding: 2px 8px;
|
||||
}
|
||||
|
||||
.describe td.A1 {
|
||||
width: 132px;
|
||||
}
|
||||
|
||||
.describe input[type="text"],
|
||||
.describe textarea {
|
||||
width: 460px;
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
}
|
||||
|
||||
/* Specific to Uploader */
|
||||
|
||||
#media-upload p.ml-submit {
|
||||
padding: 1em 0;
|
||||
}
|
||||
|
||||
#media-upload p.help,
|
||||
#media-upload label.help {
|
||||
font-family: sans-serif;
|
||||
font-style: italic;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
#media-upload .ui-sortable .media-item {
|
||||
cursor: move;
|
||||
}
|
||||
|
||||
#media-upload tr.image-size {
|
||||
margin-bottom: 1em;
|
||||
height: 3em;
|
||||
}
|
||||
|
||||
#media-upload #filter {
|
||||
width: 623px;
|
||||
}
|
||||
|
||||
#media-upload #filter .subsubsub {
|
||||
margin: 8px 0;
|
||||
}
|
||||
|
||||
#media-upload .tablenav-pages a,
|
||||
#media-upload .tablenav-pages .current {
|
||||
display: inline-block;
|
||||
padding: 4px 5px 6px;
|
||||
font-size: 16px;
|
||||
line-height: 1;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#media-upload .tablenav-pages a {
|
||||
min-width: 17px;
|
||||
border: 1px solid #c3c4c7;
|
||||
background: #f6f7f7;
|
||||
}
|
||||
|
||||
#filter .tablenav select {
|
||||
border-style: solid;
|
||||
border-width: 1px;
|
||||
padding: 2px;
|
||||
vertical-align: top;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
#media-upload .del-attachment {
|
||||
display: none;
|
||||
margin: 5px 0;
|
||||
}
|
||||
|
||||
.menu_order {
|
||||
float: right;
|
||||
font-size: 11px;
|
||||
margin: 8px 10px 0;
|
||||
}
|
||||
|
||||
.menu_order_input {
|
||||
border: 1px solid #dcdcde;
|
||||
font-size: 10px;
|
||||
padding: 1px;
|
||||
width: 23px;
|
||||
}
|
||||
|
||||
.ui-sortable-helper {
|
||||
background-color: #fff;
|
||||
border: 1px solid #a7aaad;
|
||||
opacity: 0.6;
|
||||
filter: alpha(opacity=60);
|
||||
}
|
||||
|
||||
#media-upload th.order-head {
|
||||
width: 20%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#media-upload th.actions-head {
|
||||
width: 25%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#media-upload a.wp-post-thumbnail {
|
||||
margin: 0 20px;
|
||||
}
|
||||
|
||||
#media-upload .widefat {
|
||||
border-style: solid solid none;
|
||||
}
|
||||
|
||||
.sorthelper {
|
||||
height: 37px;
|
||||
width: 623px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
#gallery-settings th.label {
|
||||
width: 160px;
|
||||
}
|
||||
|
||||
#gallery-settings #basic th.label {
|
||||
padding: 5px 5px 5px 0;
|
||||
}
|
||||
|
||||
#gallery-settings .title {
|
||||
clear: both;
|
||||
padding: 0 0 3px;
|
||||
font-size: 1.6em;
|
||||
border-bottom: 1px solid #dcdcde;
|
||||
}
|
||||
|
||||
h3.media-title {
|
||||
font-size: 1.6em;
|
||||
}
|
||||
|
||||
h4.media-sub-title {
|
||||
border-bottom: 1px solid #dcdcde;
|
||||
font-size: 1.3em;
|
||||
margin: 12px;
|
||||
padding: 0 0 3px;
|
||||
}
|
||||
|
||||
#gallery-settings .title,
|
||||
h3.media-title,
|
||||
h4.media-sub-title {
|
||||
font-family: Georgia,"Times New Roman",Times,serif;
|
||||
font-weight: 400;
|
||||
color: #50575e;
|
||||
}
|
||||
|
||||
#gallery-settings .describe td {
|
||||
vertical-align: middle;
|
||||
height: 3em;
|
||||
}
|
||||
|
||||
#gallery-settings .describe th.label {
|
||||
padding-top: .5em;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
#gallery-settings .describe {
|
||||
padding: 5px;
|
||||
width: 100%;
|
||||
clear: both;
|
||||
cursor: default;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
#gallery-settings .describe select {
|
||||
width: 15em;
|
||||
}
|
||||
|
||||
#gallery-settings .describe select option,
|
||||
#gallery-settings .describe td {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#gallery-settings label,
|
||||
#gallery-settings legend {
|
||||
font-size: 13px;
|
||||
color: #3c434a;
|
||||
margin-right: 15px;
|
||||
}
|
||||
|
||||
#gallery-settings .align .field label {
|
||||
margin: 0 1em 0 3px;
|
||||
}
|
||||
|
||||
#gallery-settings p.ml-submit {
|
||||
border-top: 1px solid #dcdcde;
|
||||
}
|
||||
|
||||
#gallery-settings select#columns {
|
||||
width: 6em;
|
||||
}
|
||||
|
||||
#sort-buttons {
|
||||
font-size: 0.8em;
|
||||
margin: 3px 25px -8px 0;
|
||||
text-align: right;
|
||||
max-width: 625px;
|
||||
}
|
||||
|
||||
#sort-buttons a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#sort-buttons #asc,
|
||||
#sort-buttons #showall {
|
||||
padding-left: 5px;
|
||||
}
|
||||
|
||||
#sort-buttons span {
|
||||
margin-right: 25px;
|
||||
}
|
||||
|
||||
p.media-types {
|
||||
margin: 0;
|
||||
padding: 1em;
|
||||
}
|
||||
|
||||
p.media-types-required-info {
|
||||
padding-top: 0;
|
||||
}
|
||||
|
||||
tr.not-image {
|
||||
display: none;
|
||||
}
|
||||
|
||||
table.not-image tr.not-image {
|
||||
display: table-row;
|
||||
}
|
||||
|
||||
table.not-image tr.image-only {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* HiDPI Displays
|
||||
*/
|
||||
@media print,
|
||||
(-webkit-min-device-pixel-ratio: 1.25),
|
||||
(min-resolution: 120dpi) {
|
||||
|
||||
.image-align-none-label {
|
||||
background-image: url(../images/align-none-2x.png?ver=20120916);
|
||||
background-size: 21px 15px;
|
||||
}
|
||||
|
||||
.image-align-left-label {
|
||||
background-image: url(../images/align-left-2x.png?ver=20120916);
|
||||
background-size: 22px 15px;
|
||||
}
|
||||
|
||||
.image-align-center-label {
|
||||
background-image: url(../images/align-center-2x.png?ver=20120916);
|
||||
background-size: 21px 15px;
|
||||
}
|
||||
|
||||
.image-align-right-label {
|
||||
background-image: url(../images/align-right-2x.png?ver=20120916);
|
||||
background-size: 22px 15px;
|
||||
}
|
||||
}
|
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue