diff --git a/Gruntfile.js b/Gruntfile.js index f0d4ec4227..ac4cc7fe34 100644 --- a/Gruntfile.js +++ b/Gruntfile.js @@ -65,18 +65,23 @@ module.exports = function(grunt) { } ] }, + 'wp-admin-rtl': { + options: { + processContent: function( src ) { + return src.replace( /\.css/g, '-rtl.css' ); + } + }, + src: SOURCE_DIR + 'wp-admin/css/wp-admin.css', + dest: BUILD_DIR + 'wp-admin/css/wp-admin-rtl.css' + }, version: { options: { processContent: function( src ) { return src.replace( /^(\$wp_version.+?)-src';/m, '$1\';' ); } }, - files: [ - { - src: SOURCE_DIR + 'wp-includes/version.php', - dest: BUILD_DIR + 'wp-includes/version.php' - } - ] + src: SOURCE_DIR + 'wp-includes/version.php', + dest: BUILD_DIR + 'wp-includes/version.php' }, dynamic: { dot: true, @@ -108,16 +113,17 @@ module.exports = function(grunt) { } }, cssmin: { + options: { + 'wp-admin': ['wp-admin', 'color-picker', 'customize-controls', 'ie', 'install', 'deprecated-*'] + }, core: { expand: true, cwd: SOURCE_DIR, dest: BUILD_DIR, ext: '.min.css', src: [ - 'wp-admin/css/*.css', - 'wp-includes/css/*.css', - // Exceptions - '!wp-admin/css/farbtastic.css' + 'wp-admin/css/{<%= cssmin.options["wp-admin"] %>}.css', + 'wp-includes/css/*.css' ] }, rtl: { @@ -126,7 +132,7 @@ module.exports = function(grunt) { dest: BUILD_DIR, ext: '.min.css', src: [ - 'wp-admin/css/*-rtl.css', + 'wp-admin/css/{<%= cssmin.options["wp-admin"] %>}-rtl.css', 'wp-includes/css/*-rtl.css' ] }, @@ -390,9 +396,6 @@ module.exports = function(grunt) { // Register tasks. - // Copy task. - grunt.registerTask('copy:all', ['copy:files', 'copy:version']); - // RTL task. grunt.registerTask('rtl', ['cssjanus:core', 'cssjanus:colors']); @@ -403,6 +406,9 @@ module.exports = function(grunt) { grunt.registerTask('precommit', 'Runs front-end dev/test tasks in preparation for a commit.', ['autoprefixer:core', 'imagemin:core', 'jshint', 'qunit:compiled']); + // Copy task. + grunt.registerTask('copy:all', ['copy:files', 'copy:wp-admin-rtl', 'copy:version']); + // Build task. grunt.registerTask('build', ['clean:all', 'copy:all', 'cssmin:core', 'colors', 'rtl', 'cssmin:rtl', 'cssmin:colors', 'uglify:core', 'concat:tinymce', 'compress:tinymce', 'clean:tinymce', 'jsvalidate:build']); diff --git a/src/wp-admin/css/about.css b/src/wp-admin/css/about.css new file mode 100644 index 0000000000..67cd07f2d2 --- /dev/null +++ b/src/wp-admin/css/about.css @@ -0,0 +1,401 @@ +/*------------------------------------------------------------------------------ + 22.0 - About Pages +------------------------------------------------------------------------------*/ + +.about-wrap { + position: relative; + margin: 25px 40px 0 20px; + max-width: 1050px; /* readability */ + + font-size: 15px; +} + +.about-wrap div.updated, +.about-wrap div.error { + display: none !important; +} + +.about-wrap hr { + border: 0; + height: 0; + margin: 0; + border-top: 1px solid rgba(0, 0, 0, 0.1); +} + +.about-wrap img { + margin: 0.5em 0 0.5em 5px; + max-width: 100%; +} + +/* Typography */ + +.about-wrap p { + line-height: 1.6em; + font-size: 14px; +} + +.about-wrap h1 { + margin: 0.2em 200px 0 0; + color: #333; + line-height: 1.2em; + font-size: 2.8em; + font-weight: 400; +} + +.about-wrap h4 { + color: #222; +} + +.about-wrap .about-text, +.about-wrap p.about-description, +.about-wrap li.wp-person a.web { + font-weight: normal; + line-height: 1.6em; + font-size: 19px; +} + +.about-description { + margin-top: 1.4em; +} + +.about-text { + margin: 1em 200px 1em 0; + min-height: 60px; + color: #777; + font-size: 24px; +} + +.about-wrap .changelog h2.about-headline-callout { + margin: 1.1em 0 0.2em; + font-size: 2.4em; + font-weight: 300; + line-height: 1.3; + text-align: center; +} + +.about-wrap h3 { + margin: 1em 0 .6em; + font-size: 1.5em; + line-height: 1.5em; +} + +.about-wrap .feature-section h4 { + margin: 1.4em 0 0.6em 0; + font-size: 1.2em; +} + +.about-wrap .feature-section p { + margin-top: 0.6em; +} + +.about-wrap code, +.about-wrap ol li p { + font-size: 14px; +} + +/* 3.8 Images */ + +.about-wrap .about-colors-img { + bottom: -25px; +} + +.about-wrap .about-themes-img { + bottom: -38px; +} + +.about-wrap .about-overview-img { + border-bottom: 1px solid rgba(0, 0, 0, 0.1); + margin: 0; +} + +.about-colors-img img, +.about-themes-img img { + margin: 0 0; + padding: 0; + line-height: 1; +} + +/* Point Releases */ + +.about-wrap .point-releases { + margin-top: 5px; + border-bottom: 1px solid #dfdfdf; +} + +.about-wrap .changelog.point-releases h3 { + padding-top: 35px; +} + +.about-wrap .changelog.point-releases h3:first-child { + padding-top: 7px; +} + +/* WordPress Version Badge */ + +.wp-badge { + background: #0074a2 url('../images/w-logo-white.png?ver=20131202') no-repeat; + background: #0074a2, url('../images/wordpress-logo-white.svg?ver=20131110') no-repeat; /* multiple backgrounds are ignored by browsers that don't support SVGs */ + background-position: center 24px; + -webkit-background-size: 85px 85px; + background-size: 85px 85px; + color: #78c8e6; + font-size: 14px; + text-align: center; + font-weight: 600; + margin: 5px 0 0; + padding-top: 120px; + height: 40px; + display: inline-block; + width: 150px; + text-rendering: optimizeLegibility; + -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2); + box-shadow: 0 1px 3px rgba(0,0,0,0.2); +} + + +.about-wrap .wp-badge { + position: absolute; + top: 0; + right: 0; +} + +/* Tabs */ + +.about-wrap h2.nav-tab-wrapper { + padding-left: 6px; +} + +.about-wrap h2 .nav-tab { + padding: 4px 15px 6px; + margin: 0 3px -1px 0; + font-size: 18px; + vertical-align: top; + border-width: 1px; +} + +/* Changelog / Update screen */ + +.about-wrap .feature-section { + padding-bottom: 20px; +} + +.about-wrap .feature-section.col { + margin-bottom: 0; +} + +.about-wrap .feature-section.center-col > div { + margin: auto; + width: 60%; +} + +.about-wrap .about-colors .one-col > div { + width: 100%; +} + +.about-wrap .feature-section.two-col > div { + position: relative; + width: 50%; + float: left; +} + +.about-wrap .feature-section.three-col > div { + position: relative; + width: 29.95%; + margin-right: 4.999999999%; + float: left; +} + +.about-wrap .feature-section.col .last-feature { + margin-right: 0; +} + +.about-wrap .about-updates img, +.about-wrap .about-twentyfourteen img { + margin: 2em 0 0 0; + border: 1px solid #ddd; + -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); +} + +.about-wrap .about-twentyfourteen img { + margin-top: 1em; +} + +.about-wrap .changelog .feature-section { + overflow: hidden; +} + +.about-wrap .about-colors .scheme-list { + margin-bottom: 1em; +} + +.about-wrap .about-colors .color-option { + padding-top: 10px; +} +.about-wrap .about-colors .color-option label { + display: inline-block; + margin: 0.25em 0 0.5em; +} + +.about-wrap .feature-section.two-col div p { + margin-right: 3%; +} + +.about-wrap .feature-section div p img { + float: right; + margin-left: 10px; + max-width: 20%; +} + +.about-wrap .changelog li { + list-style-type: disc; + margin-left: 3em; +} + +/* Return to Dashboard Home link */ + +.about-wrap .return-to-dashboard { + margin: 30px 0 0 -5px; + font-size: 14px; + font-weight: bold; +} + +.about-wrap .return-to-dashboard a { + text-decoration: none; + padding: 0 5px; +} + +/* Credits */ + +.about-wrap h4.wp-people-group { + margin-top: 2.6em; + font-size: 16px; +} + +.about-wrap ul.wp-people-group { + overflow: hidden; + padding: 0 5px; + margin: 0 -15px 0 -5px; +} + +.about-wrap ul.compact { + margin-bottom: 0 +} + +.about-wrap li.wp-person { + float: left; + margin-right: 10px; +} + +.about-wrap li.wp-person img.gravatar { + float: left; + margin: 0 10px 10px 0; + padding: 2px; + width: 60px; + height: 60px; +} + +.about-wrap ul.compact li.wp-person img.gravatar { + width: 30px; + height: 30px; +} + +/* @todo: combine this */ +.about-wrap li.wp-person { + height: 70px; + width: 280px; + padding-bottom: 15px; +} + +.about-wrap ul.compact li.wp-person { + height: auto; + width: 180px; + padding-bottom: 0; + margin-bottom: 0; +} + +.about-wrap #wp-people-group-validators + p.wp-credits-list { + margin-top: 0; +} + +.about-wrap li.wp-person a.web { + display: block; + margin: 6px 0 2px; + font-size: 16px; + text-decoration: none; +} + +.about-wrap p.wp-credits-list a { + white-space: nowrap; +} + +/* Freedoms */ + +.freedoms-php .about-wrap ol { + margin: 40px 60px; +} + +.freedoms-php .about-wrap ol li { + list-style-type: decimal; + font-weight: bold; +} + +.freedoms-php .about-wrap ol p { + font-weight: normal; + margin: 0.6em 0; +} + +/* =Media Queries +-------------------------------------------------------------- */ + +@media screen and ( max-width: 782px ) { + .about-wrap .feature-section.one-col > div, + .about-wrap .feature-section.two-col > div, + .about-wrap .three-col.about-updates > div { + width: 100%; + margin: 0; + float: none; + } + + .about-wrap .about-colors .color-option { + width: 49%; + } +} + +@media only screen and (max-width: 500px) { + .about-wrap { + margin-right: 20px; + margin-left: 10px; + } + + .about-wrap h1, + .about-text { + margin-right: 0; + } + + .about-text { + margin-bottom: 0.25em; + } + + .about-wrap .wp-badge { + position: relative; + margin-bottom: 1.5em; + width: 100%; + } + + .about-wrap .feature-section.three-col div { + width: 100%; + float: none; + } + + .about-wrap .three-col.about-updates .col-1 { + padding: 0; + float: none; + } + + .about-wrap .three-col.about-updates .col-2 { + margin: 0 0 20px; + width: 100%; + float: none; + } +} \ No newline at end of file diff --git a/src/wp-admin/css/admin-menu.css b/src/wp-admin/css/admin-menu.css new file mode 100644 index 0000000000..8c5015f771 --- /dev/null +++ b/src/wp-admin/css/admin-menu.css @@ -0,0 +1,939 @@ +#adminmenuback, +#adminmenuwrap, +#adminmenu, +#adminmenu .wp-submenu { + width: 160px; + background-color: #222; +} + +#adminmenuback { + position: absolute; + top: 0; + bottom: 0; + z-index: -1; +} + +#adminmenu { + clear: left; + margin: 12px 0 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 6px; + margin: -6px 0 0 -8px; + float: left; +} + +/* New Menu icons */ + +.icon16:before { + color: #999; + font: normal 20px/1 'dashicons'; + speak: none; + padding: 6px 0; + height: 34px; + width: 20px; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + -webkit-transition: all .1s ease-in-out; + transition: all .1s ease-in-out; +} + +.icon16.icon-dashboard:before, +#adminmenu .menu-icon-dashboard div.wp-menu-image:before { + content: '\f226'; +} + +.icon16.icon-post:before, +#adminmenu .menu-icon-post div.wp-menu-image:before { + content: '\f109'; +} + +.icon16.icon-media:before, +#adminmenu .menu-icon-media div.wp-menu-image:before { + content: '\f104'; +} + +.icon16.icon-links:before, +#adminmenu .menu-icon-links div.wp-menu-image:before { + content: '\f103'; +} + +.icon16.icon-page:before, +#adminmenu .menu-icon-page div.wp-menu-image:before { + content: '\f105'; +} + +.icon16.icon-comments:before, +#adminmenu .menu-icon-comments div.wp-menu-image:before { + content: '\f101'; + margin-top: 1px; +} + +.icon16.icon-appearance:before, +#adminmenu .menu-icon-appearance div.wp-menu-image:before { + content: '\f100'; +} + +.icon16.icon-plugins:before, +#adminmenu .menu-icon-plugins div.wp-menu-image:before { + content: '\f106'; +} + +.icon16.icon-users:before, +#adminmenu .menu-icon-users div.wp-menu-image:before { + content: '\f110'; +} + +.icon16.icon-tools:before, +#adminmenu .menu-icon-tools div.wp-menu-image:before { + content: '\f107'; +} + +.icon16.icon-settings:before, +#adminmenu .menu-icon-settings div.wp-menu-image:before { + content: '\f108'; +} + +.icon16.icon-site:before, +#adminmenu .menu-icon-site div.wp-menu-image:before { + content: '\f112' +} + +.icon16.icon-generic:before, +#adminmenu .menu-icon-generic div.wp-menu-image: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; +} + +/* side admin menu */ +#adminmenu * { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +#adminmenu li { + margin: 0; + padding: 0; + cursor: pointer; +} + +#adminmenu a { + display: block; + line-height: 18px; + padding: 2px 5px; + color: #eee; +} + +#adminmenu a:hover, +#adminmenu li.menu-top > a:focus, +#adminmenu .wp-submenu a:hover, +#adminmenu .wp-submenu a:focus { + color: #2ea2cc; +} + +#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; +} + +#adminmenu .wp-submenu, +.folded #adminmenu a.wp-has-current-submenu:focus + .wp-submenu, +.folded #adminmenu .wp-has-current-submenu .wp-submenu { + padding: 7px 0 8px; + z-index: 9999; + background-color: #333; + -webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.2); + box-shadow: 0 3px 5px rgba(0,0,0,0.2); +} + +#adminmenu .wp-submenu a, +.folded #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a, +.folded #adminmenu .wp-has-current-submenu .wp-submenu a { + color: #bbb; +} + +#adminmenu .wp-submenu a:hover, +#adminmenu .wp-submenu a:focus { + background: none; +} + +.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 .wp-has-current-submenu .wp-submenu, +.no-js li.wp-has-current-submenu:hover .wp-submenu, +#adminmenu a.wp-has-current-submenu:focus + .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; + -webkit-box-shadow: none; + box-shadow: none; + background-color: #333; +} + +#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu, +#adminmenu li.current a.menu-top, +.folded #adminmenu li.wp-has-current-submenu, +.folded #adminmenu li.current.menu-top, +#adminmenu .wp-menu-arrow, +#adminmenu .wp-has-current-submenu .wp-submenu .wp-submenu-head, +#adminmenu .wp-menu-arrow div { + background: #0074a2; + 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; +} + +#adminmenu .wp-submenu a { + font-size: 13px; + line-height: 1.2; + margin: 0; + padding: 6px 0; +} + +#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; + -webkit-transition: all .1s ease-in-out; + transition: all .1s ease-in-out; +} + +#adminmenu .wp-has-current-submenu ul > li > a, +.folded #adminmenu li.menu-top .wp-submenu > li > a { + padding: 6px 12px; +} + +#adminmenu a.menu-top, +#adminmenu .wp-submenu-head { + font-size: 14px; + font-weight: 400; + line-height: 18px; + padding: 0; +} + +#adminmenu .wp-submenu-head, +.folded #adminmenu .wp-menu-name { + display: none; +} + +.folded #adminmenu .wp-submenu-head { + display: block; +} + +#adminmenu .wp-submenu li { + padding: 0; + margin: 0; + overflow: hidden; +} + +#adminmenu .wp-menu-image img { + padding: 9px 0 0 0px; + opacity: 0.6; + filter: alpha(opacity=60); +} + +#adminmenu div.wp-menu-name { + padding: 8px 0; +} + +#adminmenu div.wp-menu-image { + float: left; + width: 36px; + height: 30px; + margin: 0; + text-align: center; +} + +#adminmenu div.wp-menu-image.svg { + background-repeat: no-repeat; + background-position: center; + -webkit-background-size: 20px auto; + background-size: 20px auto; +} + +div.wp-menu-image:before { + font: normal 20px/1 'dashicons' !important; + speak: none; + color: #999; + padding: 8px 0; + height: 36px; + width: 20px; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + -webkit-transition: all .1s ease-in-out; + transition: all .1s ease-in-out; +} + +#adminmenu div.wp-menu-image:before { + color: #999; +} + +#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 { + color: #fff; +} + +#adminmenu li:hover div.wp-menu-image:before { + color: #2ea2cc; +} + +.folded #adminmenu div.wp-menu-image { + width: 35px; + height: 30px; + position: absolute; + z-index: 25; +} + +.folded #adminmenu a.menu-top { + height: 34px; +} + +/* No @font-face support */ +.no-font-face #adminmenu .wp-menu-image { + display: none; +} + +.no-font-face #adminmenu div.wp-menu-name { + padding: 8px 12px; +} + +.no-font-face.auto-fold #adminmenu .wp-menu-name { + margin-left: 0; +} +/* End no @font-face support */ + +/* Sticky admin menu */ +.sticky-menu #adminmenuwrap { + position: fixed; + z-index: 99; /* Match the z-index of .wp-submenu to ensure flyout menus don't appear underneath main column elements */ +} + +/* 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: #f1f1f1; + top: 50%; + margin-top: -8px; +} + +.folded ul#adminmenu li:hover 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 { + right: 0; + border: solid transparent; + content: " "; + height: 0; + width: 0; + position: absolute; + pointer-events: none; + border-width: 8px; + top: 10px; + z-index: 10000; +} + +.folded ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after { + border-width: 4px; + margin-top: -4px; + top: 18px; +} + +#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after { + border-right-color: #333; +} + +/* 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: #111; +} + +.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.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 0; + 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: 8px 4px 8px 11px; + margin: -7px 0px 4px; +} + +#adminmenu li.current, +.folded #adminmenu li.wp-menu-open { + border: 0 none; +} + +#adminmenu .awaiting-mod, +#adminmenu span.update-plugins, +#sidemenu li a span.update-plugins { + display: inline-block; + background-color: #d54e21; + color: #fff; + font-size: 9px; + line-height: 17px; + font-weight: 600; + margin: 1px 0 0 2px; + vertical-align: top; + -webkit-border-radius: 10px; + border-radius: 10px; + z-index: 26; +} + +#adminmenu li .awaiting-mod span, +#adminmenu li span.update-plugins span, +#sidemenu li a span.update-plugins span { + display: block; + padding: 0 6px; +} + +#adminmenu li.current a .awaiting-mod, +#adminmenu li a.wp-has-current-submenu .update-plugins { + background-color: #2ea2cc; + color: #fff; +} + +#adminmenu li span.count-0, +#sidemenu li a .count-0 { + display: none; +} + +#collapse-menu { + font-size: 13px; + line-height: 34px; + margin-top: 10px; + color: #aaa; + -webkit-transition: all .1s ease-in-out; + transition: all .1s ease-in-out; +} + +#collapse-menu:hover, +#collapse-menu:hover #collapse-button div:after { + color: #2ea2cc; +} + +.folded #collapse-menu span { + display: none; +} + +#collapse-button, +#collapse-button div { + width: 15px; + height: 15px; +} + +#collapse-button { + float: left; + height: 15px; + margin: 10px 8px 10px 11px; + width: 15px; + -webkit-border-radius: 10px; + border-radius: 10px; +} + +#wpwrap #collapse-button div { + padding: 0; +} + +#collapse-button div:after { + content: '\f148'; + display: block; + line-height: 15px; + left: -3px; + top: -3px; + color: #aaa; + font: normal 20px/1 'dashicons' !important; + speak: none; + margin: 0 auto; + padding: 0 !important; + position: relative; + text-align: center; + width: 20px; + -webkit-transition: all .1s ease-in-out; + transition: all .1s ease-in-out; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.folded #collapse-button div:after, +.rtl #collapse-button div:after { + -webkit-transform: rotate(180deg); + -ms-transform: rotate(180deg); + transform: rotate(180deg); +} + +.rtl.folded #collapse-button div:after { + -webkit-transform: none; + -ms-transform: none; + transform: none; +} + +/** + * Toolbar menu toggle + */ +li#wp-admin-bar-menu-toggle { + display: none; +} + + +/* Auto-folding of the admin menu */ +@media only screen and (max-width: 900px) { + .auto-fold #wpcontent, + .auto-fold #wpfooter { + margin-left: 56px; + } + + .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: 0px; + 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 { + display: none; + } + + .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 { + 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 { + display: none; + } + + .auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover: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 span { + display: none; + } + + .auto-fold #collapse-button div { + background: none; + } + + .auto-fold #collapse-button div:after { + -webkit-transform: rotate(180deg); + -ms-transform: rotate(180deg); + transform: rotate(180deg); + } + + .rtl.auto-fold #collapse-button div:after { + -webkit-transform: none; + -ms-transform: none; + 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, + .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 { + display: block; + margin-left: 35px; + } + + /* 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 { + 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; + -webkit-box-shadow: none; + 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 { + 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; + } + + /* 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; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + 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: #333; + } + + 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; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + } +} + +/* 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; + } +} + diff --git a/src/wp-admin/css/common.css b/src/wp-admin/css/common.css new file mode 100644 index 0000000000..7c7b0af330 --- /dev/null +++ b/src/wp-admin/css/common.css @@ -0,0 +1,2522 @@ +/* 2 column liquid layout */ +#wpwrap { + height: auto; + min-height: 100%; + width: 100%; + position: relative; + -webkit-font-smoothing: subpixel-antialiased; +} + +#wpcontent { + height: 100%; +} + +#wpcontent, +#wpfooter { + margin-left: 180px; +} + +.folded #wpcontent, +.folded #wpfooter { + margin-left: 56px; +} + +#wpbody-content { + padding-bottom: 65px; + float: left; + width: 100%; + overflow: visible !important; +} + +/* inner 2 column liquid layout */ + +.inner-sidebar { + float: right; + clear: right; + display: none; + width: 281px; + position: relative; +} + +.columns-2 .inner-sidebar { + margin-right: auto; + width: 286px; + display: block; +} + +.inner-sidebar #side-sortables, +.columns-2 .inner-sidebar #side-sortables { + min-height: 300px; + width: 280px; + padding: 0; +} + +.has-right-sidebar .inner-sidebar { + display: block; +} + +.has-right-sidebar #post-body { + float: left; + clear: left; + width: 100%; + margin-right: -2000px; +} + +.has-right-sidebar #post-body-content { + margin-right: 300px; + float: none; + width: auto; +} + +/* 2 columns main area */ + +#col-container, +#col-left, +#col-right { + overflow: hidden; + padding: 0; + margin: 0; +} + +#col-left { + width: 35%; +} + +#col-right { + float: right; + clear: right; + width: 65%; +} + +.col-wrap { + padding: 0 7px; +} + +/* utility classes */ +.alignleft { + float: left; +} + +.alignright { + float: right; +} + +.textleft { + text-align: left; +} + +.textright { + text-align: right; +} + +.clear { + clear: both; +} + +/* Hide visually but not from screen readers */ +.screen-reader-text, +.screen-reader-text span, +.ui-helper-hidden-accessible { + position: absolute; + margin: -1px; + padding: 0; + height: 1px; + width: 1px; + overflow: hidden; + clip: rect(0 0 0 0); + border: 0; +} + +.screen-reader-shortcut { + position: absolute; + top: -1000em; +} + +.screen-reader-shortcut:focus { + left: 6px; + top: -25px; + height: auto; + width: auto; + display: block; + font-size: 14px; + font-weight: 600; + padding: 15px 23px 14px; + background: #f1f1f1; + color: #21759b; + z-index: 100000; + line-height: normal; + -webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,.6); + box-shadow: 0 0 2px 2px rgba(0,0,0,.6); + text-decoration: none; + outline: none; +} + +.hidden, +.js .closed .inside, +.js .hide-if-js, +.no-js .hide-if-no-js, +.js.wp-core-ui .hide-if-js, +.js .wp-core-ui .hide-if-js, +.no-js.wp-core-ui .hide-if-no-js, +.no-js .wp-core-ui .hide-if-no-js { + display: none; +} + +/* @todo: Take a second look. Large chunks of shared color, from the colors.css merge */ +.widget-top, +.menu-item-handle, +.widget-inside, +#menu-settings-column .accordion-container, +#menu-management .menu-edit, +.manage-menus, +table.widefat, +.stuffbox, +p.popular-tags, +.widgets-holder-wrap, +.wp-editor-container, +.popular-tags, +.feature-filter, +.imgedit-group { + border: 1px solid #e5e5e5; + -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04); + box-shadow: 0 1px 1px rgba(0,0,0,0.04); +} + +table.widefat, +.wp-editor-container, +.stuffbox, +p.popular-tags, +.widgets-holder-wrap, +.popular-tags, +.feature-filter, +.imgedit-group { + background: #fff; +} + +/* general */ +html, +body { + height: 100%; + margin: 0; + padding: 0; +} + +html { + background: #f1f1f1; +} + +body { + color: #444; + font-family: "Open Sans", sans-serif; + font-size: 13px; + line-height: 1.4em; + min-width: 600px; +} + +body.iframe { + min-width: 0; + padding-top: 1px; +} + +iframe, +img { + border: 0; +} + +td { + font-family: inherit; + font-size: inherit; + font-weight: inherit; + line-height: inherit; +} + +a { + color: #0074a2; + -webkit-transition-property: border, background, color; + transition-property: border, background, color; + -webkit-transition-duration: .05s; + transition-duration: .05s; + -webkit-transition-timing-function: ease-in-out; + transition-timing-function: ease-in-out; +} + +a, +div { + outline: 0; +} + +a:hover, +a:active { + color: #2ea2cc; +} + +a:focus { + color: #124964; +} + +a:focus, +a:active { + outline: thin dotted; +} + +#adminmenu a:focus, +#adminmenu a:active, +.screen-reader-text:focus { + outline: none; +} + +blockquote, +q { + quotes: none; +} + +blockquote:before, +blockquote:after, +q:before, +q:after { + content: ''; + content: none; +} + +p { + font-size: 13px; + line-height: 1.5; + margin: 1em 0; +} + +blockquote { + margin: 1em; +} + +li, +dd { + margin-bottom: 6px; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + display: block; + font-weight: 600; +} + +h1 { + font-size: 2em; + margin: .67em 0; +} + +h2 { + color: #222; + font-size: 1.5em; + margin: .83em 0; + font-weight: 400; +} + +h3 { + color: #222; + font-size: 1.3em; + margin: 1em 0; +} + +h4 { + font-size: 1em; + margin: 1.33em 0; +} + +h5 { + font-size: 0.83em; + margin: 1.67em 0; +} + +h6 { + font-size: 0.67em; + margin: 2.33em 0; +} + +ul, +ol { + padding: 0; +} + +ul { + list-style: none; +} + +ol { + list-style-type: decimal; + margin-left: 2em; +} + +ul.ul-disc { + list-style: disc outside; +} + +ul.ul-square { + list-style: square outside; +} + +ol.ol-decimal { + list-style: decimal outside; +} + +ul.ul-disc, +ul.ul-square, +ol.ol-decimal { + margin-left: 1.8em; +} + +ul.ul-disc > li, +ul.ul-square > li, +ol.ol-decimal > li { + margin: 0 0 0.5em; +} + +/* @noflip */ +.code, +code { + font-family: Consolas, Monaco, monospace; + direction: ltr; +} + +kbd, +code { + padding: 3px 5px 2px 5px; + margin: 0 1px; + background: #eaeaea; + background: rgba(0,0,0,0.07); + font-size: 13px; +} + +.subsubsub { + list-style: none; + margin: 8px 0 0; + padding: 0; + font-size: 13px; + float: left; + color: #666; +} + +.subsubsub a { + line-height: 2; + padding: .2em; + text-decoration: none; +} + +.subsubsub a .count, +.subsubsub a.current .count { + color: #999; + font-weight: normal; +} + +.subsubsub a.current { + font-weight: 600; + border: none; +} + +.subsubsub li { + display: inline-block; + margin: 0; + padding: 0; + white-space: nowrap; +} + +/* .widefat - main style for tables */ +.widefat { + border-spacing: 0; + width: 100%; + clear: both; + margin: 0; +} + +.widefat * { + word-wrap: break-word; +} + +.widefat a { + text-decoration: none; +} + +.widefat td, +.widefat th { + padding: 8px 10px; +} + +.widefat thead th { + border-bottom: 1px solid #e1e1e1; +} + +.widefat tfoot th { + border-top: 1px solid #e1e1e1; + border-bottom: none; +} + +.widefat .no-items td { + border-bottom-width: 0; +} + +.widefat td { + vertical-align: top; +} + +.widefat td, +.widefat td p, +.widefat td ol, +.widefat td ul { + font-size: 13px; + line-height: 1.5em; +} + +.widefat th { + text-align: left; + line-height: 1.3em; + font-size: 14px; +} + +.widefat th input { + margin: 0 0 0 8px; + padding: 0; + vertical-align: text-top; +} + +.widefat .check-column { + width: 2.2em; + padding: 6px 0 25px; + vertical-align: top; +} + +.widefat th input[type=checkbox] { + margin-top: -1px; +} + +.widefat tbody th.check-column { + padding: 9px 0 22px; +} + +.widefat.media .check-column { + padding-top: 8px; +} + +.widefat thead th.check-column, +.widefat tbody th.check-column, +.widefat tfoot th.check-column { + padding: 11px 0 0 3px; +} + +.widefat thead th.check-column { + padding-top: 10px; +} + +.update-php div.updated, +.update-php div.error { + margin-left: 0; +} + +.no-js .widefat thead .check-column input, +.no-js .widefat tfoot .check-column input { + display: none; +} + +.widefat .num, +.column-comments, +.column-links, +.column-posts { + text-align: center; +} + +.widefat th#comments { + vertical-align: middle; +} + +.wrap { + margin: 10px 20px 0 2px; +} + +div.updated, +div.error { + padding: 0 0.6em; + margin: 5px 15px 2px; +} + +div.updated p, +div.error p { + margin: 0.5em 0; + padding: 2px; +} + +.wrap div.updated, +.wrap div.error, +.media-upload-form div.error { + margin: 5px 0 15px; +} + +div.updated { + border-left: 4px solid #7ad03a; + padding: 1px 12px; + background-color: #fff; + -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1); + box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1); +} + +div.error { + border-left: 4px solid #dd3d36; + background: #fff; + -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1); + box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1); + padding: 1px 12px; +} + +.attention { + color: #2ea2cc; +} + +.wrap h2, +.subtitle { + font-weight: normal; + margin: 0; +} + +.wrap h2 { + font-size: 23px; + font-weight: 400; + padding: 9px 15px 4px 0; + line-height: 29px; +} + +.subtitle { + color: #777; + font-size: 14px; + padding-left: 25px; +} + +.wrap .add-new-h2, +.wrap .add-new-h2:active { + margin-left: 4px; + padding: 4px 8px; + position: relative; + top: -3px; + text-decoration: none; + border: none; + -webkit-border-radius: 2px; + border-radius: 2px; + background: #e0e0e0; + text-shadow: none; + font-weight: 600; + font-size: 13px; +} + +.wrap .add-new-h2:hover { + background: #2ea2cc; + color: #fff; +} + +.wrap h2.long-header { + padding-right: 0; +} + +.wp-dialog { + background-color: #fff; +} + +.widgets-chooser ul, +#widgets-left .widget-in-question .widget-top, +#available-widgets .widget-top:hover, +div#widgets-right .widget-top:hover, +#widgets-left .widget-top:hover { + border-color: #999; + -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1); + box-shadow: 0 1px 2px rgba(0,0,0,0.1); +} + +.sorthelper { + background-color: #ccf3fa; +} + +.ac_match, +.subsubsub a.current { + color: #000; +} + +.alternate, +.alt { + background-color: #f9f9f9; +} + +.bar { + background-color: #e8e8e8; + border-right-color: #99d; +} + +.media-upload-form label.form-help, +td.help { + color: #9a9a9a; +} + +/* Helper classes for plugins to leverage the active WordPress color scheme */ + +.highlight { + background-color: #e4f2fd; + color: #000; +} + +.wp-ui-primary { + color: #fff; + background-color: #333; +} +.wp-ui-text-primary { + color: #333; +} + +.wp-ui-highlight { + color: white; + background-color: #1e8cbe; +} +.wp-ui-text-highlight { + color: #1e8cbe; +} + +.wp-ui-notification { + color: #fff; + background-color: #d54e21; +} +.wp-ui-text-notification { + color: #d54e21; +} + +.wp-ui-text-icon { + color: #999; +} + +/*------------------------------------------------------------------------------ + 1.0 - Text Styles +------------------------------------------------------------------------------*/ + +.widget .widget-top, +.postbox h3, +.stuffbox h3, +.control-section .accordion-section-title, +h3.dashboard-widget-title, +h3.dashboard-widget-title span, +h3.dashboard-widget-title small, +.sidebar-name, +#nav-menu-header, +#nav-menu-footer, +.menu-item-handle, +.checkbox, +.side-info, +#your-profile #rich_editing, +.widefat thead th, +.widefat tfoot th { + line-height: 1.4em; +} + +.widget .widget-top, +.menu-item-handle { + background: #fafafa; + color: #222; +} + +.postbox h3, +#namediv h3, +#submitdiv h3 { + border-bottom: 1px solid #eee; +} + +.quicktags, +.search { + background-color: #ccc; + color: #000; + font-size: 12px; +} + +.icon32 { + display: none; +} + +/* @todo can we combine these into a class or use an existing dashicon one? */ +#welcome-panel.welcome-panel .welcome-panel-close::before, +.tagchecklist span a:before, +#bulk-titles div a:before { + background: none; + color: #bbb; + content: '\f153'; + display: block !important; + font: normal 16px/1 'dashicons'; + speak: none; + height: 20px; + margin: 2px 0; + text-align: center; + width: 20px; + -webkit-font-smoothing: antialiased !important; +} + +#welcome-panel.welcome-panel .welcome-panel-close:hover:before, +.tagchecklist span a:hover:before, +#bulk-titles div a:hover:before { + color: #c00; +} + +.key-labels label { + line-height: 24px; +} + +strong, b { + font-weight: 600; +} + +.pre { + /* https://developer.mozilla.org/en-US/docs/CSS/white-space */ + white-space: pre-wrap; /* css-3 */ + word-wrap: break-word; /* IE 5.5 - 7 */ +} + +.howto { + color: #666; + font-style: italic; + display: block; +} + +p.install-help { + margin: 8px 0; + font-style: italic; +} + +.no-break { + white-space: nowrap; +} + +hr { + border: 0; + border-top: 1px solid #ddd; + border-bottom: 1px solid #fafafa; +} + +table.widefat span.delete a, +table.widefat span.trash a, +table.widefat span.spam a, +.plugins a.delete, +#all-plugins-table .plugins a.delete, +#search-plugins-table .plugins a.delete, +.submitbox .submitdelete, +#media-items a.delete, +#media-items a.delete-permanently, +#nav-menu-footer .menu-delete { + color: #a00; +} + +abbr.required, +.file-error, +.widget-control-remove:hover, +table.widefat .delete a:hover, +table.widefat .trash a:hover, +table.widefat .spam a:hover, +.plugins a.delete:hover, +#all-plugins-table .plugins a.delete:hover, +#search-plugins-table .plugins a.delete:hover, +.submitbox .submitdelete:hover, +#media-items a.delete:hover, +#media-items a.delete-permanently:hover, +#nav-menu-footer .menu-delete:hover { + color: #f00; + text-decoration: none; + border: none; +} + +/*------------------------------------------------------------------------------ + 3.0 - Actions +------------------------------------------------------------------------------*/ + +#major-publishing-actions { + padding: 10px; + clear: both; + border-top: 1px solid #ddd; + background: #f5f5f5; +} + +#delete-action { + line-height: 28px; + vertical-align: middle; + text-align: left; + float: left; +} + +#publishing-action { + text-align: right; + float: right; + line-height: 23px; +} + +#publishing-action .spinner { + float: left; +} + +#misc-publishing-actions { + padding: 6px 0 0; +} + +.misc-pub-section { + padding: 6px 10px 8px; +} + +#minor-publishing-actions { + padding: 10px 10px 0 10px; + text-align: right; +} + +#save-post { + float: left; +} + +.preview { + float: right; +} + +#sticky-span { + margin-left: 18px; +} + +.side-info { + margin: 0; + padding: 4px; + font-size: 11px; +} + +.side-info h5 { + padding-bottom: 7px; + font-size: 14px; + margin: 12px 2px 5px; + border-bottom: 1px solid #dadada; +} + +.side-info ul { + margin: 0; + padding-left: 18px; + list-style: square; + color: #666; +} + +.approve, +.unapproved .unapprove { + display: none; +} + +.unapproved .approve, +.spam .approve, +.trash .approve { + display: inline; +} + +td.action-links, +th.action-links { + text-align: right; +} + + +/*------------------------------------------------------------------------------ + 4.0 - Notifications +------------------------------------------------------------------------------*/ + +#update-nag, +.update-nag { + display: inline-block; + line-height: 19px; + padding: 11px 15px; + font-size: 14px; + text-align: left; + margin: 25px 20px 0 2px; + background-color: #fff; + border-left: 4px solid #ffba00; + -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1); + box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1); +} + +.update-message { + color: #000; +} + +ul#dismissed-updates { + display: none; +} + +form.upgrade { + margin-top: 8px; +} + +form.upgrade .hint { + font-style: italic; + font-size: 85%; + margin: -0.5em 0 2em 0; +} + +.update-php .spinner { + float: none; + margin: -4px 0; +} + +#ajax-loading, +.ajax-loading, +.ajax-feedback, +.imgedit-wait-spin, +.list-ajax-loading { /* deprecated */ + visibility: hidden; +} + +#ajax-response.alignleft { + margin-left: 2em; +} + +/* @todo: this does not need its own section anymore */ +/*------------------------------------------------------------------------------ + 6.0 - Admin Header +------------------------------------------------------------------------------*/ +#adminmenu a, +#sidemenu a, +#taglist a, +#catlist a { + text-decoration: none; +} + +/*------------------------------------------------------------------------------ + 6.1 - Screen Options Tabs +------------------------------------------------------------------------------*/ + +#screen-options-wrap, +#contextual-help-wrap { + margin: 0; + padding: 8px 20px 12px; + position: relative; +} + +#contextual-help-wrap { + overflow: auto; + margin-left: 0 !important; +} + +#screen-meta .screen-reader-text { + visibility: hidden; +} + +#screen-meta-links { + margin: 0 20px 0 0; +} + +#screen-meta-links a { + padding: 3px 6px 3px 16px; +} + +#screen-meta-links a:focus { + outline: none; +} + +/* screen options and help tabs revert */ +#screen-meta { + display: none; + margin: 0 20px -1px 0px; + position: relative; + background-color: #fff; + border: 1px solid #ddd; + border-top: none; + -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.025); + box-shadow: 0 1px 0 rgba(0,0,0,.025); +} + +#screen-options-link-wrap, +#contextual-help-link-wrap { + float: right; + height: 28px; + margin: 0 0 0 6px; + border: 1px solid #ddd; + border-top: none; + background: #fff; + -webkit-box-shadow: 0 1px 1px -1px rgba(0,0,0,0.1); + box-shadow: 0 1px 1px -1px rgba(0,0,0,0.1); +} + +#screen-meta-links .screen-meta-toggle { + position: relative; + top: 0; +} + +#screen-meta-links a { + color: #777; +} + +#screen-meta-links a:hover, +#screen-meta-links a:active, +#screen-meta-links a:focus { + color: #333; +} + +#screen-meta-links a:focus { + border-color: #aaa; + -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.15); + box-shadow: 0 2px 3px rgba(0,0,0,0.15); +} + +#screen-meta-links a.show-settings { + display: block; + font-size: 13px; + height: 22px; + line-height: 22px; + text-decoration: none; + z-index: 1; +} + +#screen-meta-links a:after { + right: 0; + content: '\f140'; + font: normal 20px/1 'dashicons'; + speak: none; + display: inline-block; + padding: 0 5px 0 0; + bottom: 2px; + position: relative; + vertical-align: bottom; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-decoration: none !important; + color: #bbb; +} + +#screen-meta-links a.screen-meta-active:after { + content: '\f142'; +} + +#screen-meta-links a.show-settings:hover { + text-decoration: none; +} +/* end screen options and help tabs */ + +.toggle-arrow { + background-repeat: no-repeat; + background-position: top left; + background-color: transparent; + height: 22px; + line-height: 22px; + display: block; +} + +.toggle-arrow-active { + background-position: bottom left; +} + +#screen-options-wrap h5, +#contextual-help-wrap h5 { + margin: 8px 0; + font-size: 13px; +} + +.metabox-prefs label { + display: inline-block; + padding-right: 15px; + line-height: 30px; +} + +.metabox-prefs label input[type=checkbox] { + margin-top: -4px; + margin-right: 6px; +} + +.metabox-prefs label input { + margin: 0 5px 0 2px; +} + +.metabox-prefs .columns-prefs label input { + margin: 0 2px; +} + +.metabox-prefs label a { + display: none; +} + +/*------------------------------------------------------------------------------ + 6.2 - Help Menu +------------------------------------------------------------------------------*/ + +#contextual-help-wrap { + padding: 0; +} + +#contextual-help-columns { + position: relative; +} + +#contextual-help-back { + position: absolute; + top: 0; + bottom: 0; + left: 150px; + right: 170px; + border: 1px solid #e1e1e1; + border-top: none; + border-bottom: none; + background: #f6fbfd; +} + +#contextual-help-wrap.no-sidebar #contextual-help-back { + right: 0; + border-right-width: 0; + -webkit-border-bottom-right-radius: 2px; + border-bottom-right-radius: 2px; +} + +.contextual-help-tabs { + float: left; + width: 150px; + margin: 0; +} + +.contextual-help-tabs ul { + margin: 1em 0; +} + +.contextual-help-tabs li { + margin-bottom: 0; + list-style-type: none; + border-style: solid; + border-width: 0 0 0 2px; + border-color: transparent; +} + +.contextual-help-tabs a { + display: block; + padding: 5px 5px 5px 12px; + line-height: 18px; + text-decoration: none; + border: 1px solid transparent; + border-right: none; + border-left: none; +} + +.contextual-help-tabs a:hover { + color: #333; +} + +.contextual-help-tabs .active { + padding: 0; + margin: 0 -1px 0 0; + border-left: 2px solid #2ea2cc; + background: #f6fbfd; + -webkit-box-shadow: 0 2px 0 rgba(0,0,0,0.02), 0 1px 0 rgba(0,0,0,0.02); + box-shadow: 0 2px 0 rgba(0,0,0,0.02), 0 1px 0 rgba(0,0,0,0.02); +} + +.contextual-help-tabs .active a { + border-color: #e1e1e1; + color: #333; +} + +.contextual-help-tabs-wrap { + padding: 0 20px; + overflow: auto; +} + +.help-tab-content { + display: none; + margin: 0 22px 12px 0; + line-height: 1.6em; +} + +.help-tab-content.active { + display: block; +} + +.help-tab-content ul li { + list-style-type: disc; + margin-left: 18px; +} + +.contextual-help-sidebar { + width: 150px; + float: right; + padding: 0 8px 0 12px; + overflow: auto; +} + +/*------------------------------------------------------------------------------ + 8.0 - Layout Blocks +------------------------------------------------------------------------------*/ + +html.wp-toolbar { + padding-top: 32px; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +.narrow { + width: 70%; + margin-bottom: 40px; +} + +.narrow p { + line-height: 150%; +} + +.widefat th, +.widefat td { + overflow: hidden; + color: #555; +} + +.widefat th { + font-weight: normal; +} + +.widefat thead tr th, +.widefat tfoot tr th { + color: #333; +} + +.widefat td p { + margin: 2px 0 0.8em; +} + +.widefat p, +.widefat ol, +.widefat ul { + color: #333; +} + +.widefat .column-comment p { + margin: 0.6em 0; +} + +/* Screens with postboxes */ +.postbox-container { + float: left; +} + +.postbox-container .meta-box-sortables { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +#wpbody-content .metabox-holder { + padding-top: 10px; +} + +.metabox-holder .postbox-container .empty-container { + border: 3px dashed #bbb; + height: 250px; +} + +.metabox-holder.columns-1 .postbox-container .empty-container, +.columns-2 #postbox-container-3 .empty-container, +.columns-2 #postbox-container-4 .empty-container, +.columns-3 #postbox-container-4 .empty-container { + border: 0 none; + height: 0; + min-height: 0; +} + +#post-body-content { + width: 100%; + min-width: 463px; + float: left; +} + +#post-body.columns-2 #postbox-container-1 { + float: right; + margin-right: -300px; + width: 280px; +} + +#post-body.columns-2 #side-sortables { + min-height: 250px; +} + +/* one column on the dash */ +@media only screen and (max-width: 799px) { + #wpbody-content .metabox-holder .postbox-container .empty-container { + border: 0 none; + height: 0; + min-height: 0; + } +} + +.js .postbox .hndle { + cursor: move; +} + +.hndle a { + font-size: 11px; + font-weight: normal; +} + +.postbox .handlediv { + float: right; + width: 27px; + height: 30px; +} + +.js .postbox .handlediv { + cursor: pointer; +} + +.sortable-placeholder { + border: 1px dashed #bbb; + margin-bottom: 20px; +} + +.postbox, +.stuffbox { + margin-bottom: 20px; + padding: 0; + line-height: 1; +} + +.postbox h3, +.stuffbox h3 { + margin-top: 1px; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.js .widget .widget-top, +.js .postbox h3 { + cursor: move; +} + +.postbox .inside, +.stuffbox .inside { + padding: 0 12px 12px; + line-height: 1.4em; + font-size: 13px; +} + +.postbox .inside { + margin: 11px 0; + position: relative; +} + +.postbox .inside > p:last-child, +.rss-widget ul li:last-child { + margin-bottom: 1px !important; +} + +.postbox.closed h3 { + border: none; + -webkit-box-shadow: none; + box-shadow: none; +} + +.postbox table.form-table { + margin-bottom: 0; +} + +.postbox table.widefat { + -webkit-box-shadow: none; + box-shadow: none; +} + +.temp-border { + border: 1px dotted #ccc; +} + +.columns-prefs label { + padding: 0 5px; +} + +#TB_window { + border: 1px solid #333; +} + +#TB_window #TB_title { + background-color: #222; + color: #cfcfcf; +} + +#TB_window #TB_title a.tb-theme-preview-link, +#TB_window #TB_title a.tb-theme-preview-link:visited { + color: #999; + font-weight: 600; + text-decoration: none; +} + +#TB_window #TB_title a.tb-theme-preview-link:hover, +#TB_window #TB_title a.tb-theme-preview-link:focus { + color: #ccc; +} + +/* @todo: what is this doing here */ +#dashboard_right_now .versions .b, +#post-status-display, +#post-visibility-display, +#adminmenu .wp-submenu li.current, +#adminmenu .wp-submenu li.current a, +#adminmenu .wp-submenu li.current a:hover, +.media-item .percent, +.plugins .name, +#pass-strength-result.strong, +#pass-strength-result.short, +#ed_reply_toolbar #ed_reply_strong, +.item-controls .item-order a, +.feature-filter .feature-name { + font-weight: 600; +} + +/*------------------------------------------------------------------------------ + 21.0 - Admin Footer +------------------------------------------------------------------------------*/ + +#wpfooter { + position: absolute; + bottom: 0; + left: 0; + right: 0; + padding: 10px 0; + margin-right: 20px; + color: #777; +} + +#wpfooter p { + font-size: 13px; + margin: 0; + line-height: 20px; +} + +#footer-thankyou { + font-style: italic; +} + +#wpfooter a { + text-decoration: none; +} + +#wpfooter a:hover { + text-decoration: underline; +} + +/*------------------------------------------------------------------------------ + 25.0 - Tabbed Admin Screen Interface (Experimental) +------------------------------------------------------------------------------*/ + +.nav-tab { + border: 1px solid #ccc; + border-bottom: none; + background: #e4e4e4; + color: #555; + font-size: 12px; + line-height: 16px; + display: inline-block; + padding: 4px 14px 6px; + text-decoration: none; + margin: -4px 4px -1px 0; +} + +.nav-tab:hover { + background-color: #fff; + color: #464646; +} + +.nav-tab-active { + color: #464646; +} + +.nav-tab-active, +.nav-tab-active:hover { + border-bottom: 1px solid #f1f1f1; + background: none; + color: #000; +} + +h2.nav-tab-wrapper, +h3.nav-tab-wrapper { + border-bottom: 1px solid #ccc; + padding-bottom: 0; + padding-left: 10px; +} + +h2 .nav-tab { + padding: 6px 10px; + font-weight: bold; + font-size: 15px; + line-height: 24px; +} + + +/*------------------------------------------------------------------------------ + 26.0 - Misc +------------------------------------------------------------------------------*/ + +#template div { + margin-right: 190px; +} + +.metabox-holder h3 { + font-size: 14px; + padding: 8px 12px; + margin: 0; + line-height: 1.4; +} + +#templateside ul li a { + text-decoration: none; +} + +#sidemenu { + margin: -30px 15px 0 315px; + list-style: none; + position: relative; + float: right; + padding-left: 10px; + font-size: 12px; +} + +#sidemenu a { + padding: 0 7px; + display: block; + float: left; + line-height: 28px; + border-top: 1px solid #f9f9f9; + border-bottom: 1px solid #dfdfdf; + background-color: #f9f9f9; + -webkit-transition: none; + transition: none; +} + +#sidemenu li { + display: inline; + line-height: 200%; + list-style: none; + text-align: center; + white-space: nowrap; + margin: 0; + padding: 0; +} + +/* @todo: remove border radius */ +#sidemenu a.current { + font-weight: normal; + padding-left: 6px; + padding-right: 6px; + -webkit-border-top-left-radius: 3px; + border-top-left-radius: 3px; + -webkit-border-top-right-radius: 3px; + border-top-right-radius: 3px; + border: 1px solid #dfdfdf; + border-bottom-color: #f1f1f1; + background-color: #f1f1f1; + color: #000; +} + +#sidemenu li a .count-0 { + display: none; +} + +.plugin-install #description, +.plugin-install-network #description { + width: 60%; +} + +table .vers, +table .column-visible, +table .column-rating { + text-align: left; +} + +.error-message { + color: red; + font-weight: 600; +} + +/* Scrollbar fix for bulk upgrade iframe */ +body.iframe { + height: 98%; +} + +/* Upgrader styles, Specific to Language Packs */ +.lp-show-latest p { + display: none; +} +.lp-show-latest p:last-child, +.lp-show-latest .lp-error p { + display: block; +} + +/* - Only used once or twice in all of WP - deprecate for global style +------------------------------------------------------------------------------*/ +td.media-icon { + text-align: center; + width: 80px; + padding-top: 8px; + padding-bottom: 8px; +} + +td.media-icon img { + max-width: 80px; + max-height: 60px; +} + +#howto { + font-size: 11px; + margin: 0 5px; + display: block; +} + +.importers td { + padding-right: 14px; +} + +.importers { + font-size: 16px; + width: auto; +} + +#post-body #post-body-content #namediv h3 { + margin-top: 0; +} + +#namediv h3 label { + vertical-align: baseline; +} + +#namediv table { + width: 100%; +} + +#namediv td.first { + width: 10px; + white-space: nowrap; +} + +#namediv input { + width: 98%; +} + +#namediv p { + margin: 10px 0; +} + +#submitdiv h3 { + margin-bottom: 0 !important; +} + +/* - Used - but could/should be deprecated with a CSS reset +------------------------------------------------------------------------------*/ +.zerosize { + height: 0; + width: 0; + margin: 0; + border: 0; + padding: 0; + overflow: hidden; + position: absolute; +} + +br.clear { + height: 2px; + line-height: 2px; +} + +.checkbox { + border: none; + margin: 0; + padding: 0; +} + +fieldset { + border: 0; + padding: 0; + margin: 0; +} + +.post-categories { + display: inline; + margin: 0; + padding: 0; +} + +.post-categories li { + display: inline; +} + +/* Star Ratings - Back-compat for pre-3.8 */ +div.star-holder { + position: relative; + height: 17px; + width: 100px; + background: url('../images/stars.png?ver=20121108') repeat-x bottom left; +} + +div.star-holder .star-rating { + background: url('../images/stars.png?ver=20121108') repeat-x top left; + height: 17px; + float: left; +} + +/* Star Ratings */ +.star-rating { + white-space: nowrap; +} +.star-rating .star { + display: inline-block; + width: 20px; + height: 20px; + -webkit-font-smoothing: antialiased; + font-size: 20px; + line-height: 1; + font-family: 'dashicons'; + text-decoration: inherit; + font-weight: normal; + font-style: normal; + vertical-align: top; + -webkit-transition: color .1s ease-in 0; + transition: color .1s ease-in 0; + text-align: center; + color: #0074a2; +} + +.star-rating .star-full:before { + content:'\f155'; +} + +.star-rating .star-half:before { + content:'\f459'; +} + +.rtl .star-rating .star-half { + -webkit-transform: rotateY(180deg); + -ms-transform: rotateY(180deg); + transform: rotateY(180deg); +} + +.star-rating .star-empty:before { + content:'\f154'; +} + +div.action-links { + font-weight: normal; + margin: 6px 0 0; +} + +/* Header on thickbox */ +#plugin-information-header { + margin: 0; + padding: 0 5px; + font-weight: 600; + position: relative; + border-bottom: 1px solid #dfdfdf; + height: 2.5em; + background-color: #f9f9f9; +} +#plugin-information ul#sidemenu { + font-weight: normal; + margin: 0 5px; + position: absolute; + left: 0; + bottom: -1px; +} + +/* Install sidemenu */ +#plugin-information { + height: auto; +} + +#plugin-information p.action-button { + width: 100%; + padding-bottom: 0; + margin-bottom: 0; + margin-top: 10px; + -webkit-border-top-left-radius: 3px; + border-top-left-radius: 3px; + -webkit-border-bottom-left-radius: 3px; + border-bottom-left-radius: 3px; +} + +#plugin-information .action-button a { + background-color: #2ea2cc; + color: #fff; + text-align: center; + font-weight: 600; + text-decoration: none; + display: block; + line-height: 2em; +} + +#plugin-information h2 { + clear: none !important; + margin-right: 200px; +} + +#plugin-information .fyi { + margin: 0 10px 50px; + width: 210px; +} + +#plugin-information .fyi h2 { + font-size: 0.9em; + margin-bottom: 0; + margin-right: 0; +} + +#plugin-information .fyi h2.mainheader { + padding: 5px; + -webkit-border-top-left-radius: 3px; + border-top-left-radius: 3px; + background-color: #cee1ef; +} + +#plugin-information .fyi ul { + padding: 10px 5px 10px 7px; + margin: 0; + list-style: none; + -webkit-border-bottom-left-radius: 3px; + border-bottom-left-radius: 3px; + background-color: #eaf3fa; +} + +#plugin-information .fyi li { + margin-right: 0; +} + +#plugin-information #section-holder { + padding: 10px; +} + +#plugin-information .section ul, +#plugin-information .section ol { + margin-left: 16px; + list-style-type: square; + list-style-image: none; +} + +#plugin-information #section-screenshots ol { + list-style: none; + margin: 0; +} + +#plugin-information #section-screenshots li img { + vertical-align: text-top; + max-width: 100%; + width: auto; + height: auto; +} + +#plugin-information #section-screenshots li p { + font-style: italic; + padding-left: 20px; + padding-bottom: 2em; +} + +#plugin-information #section-screenshots ol, +#plugin-information .updated, +#plugin-information pre { + margin-right: 215px; +} + +#plugin-information pre { + padding: 7px; + overflow: auto; + border: 1px solid #ccc; +} + +#plugin-information pre, +#plugin-information code { + background-color: #ededff; +} + +.plugin-version-author-uri { + font-size: 13px; +} + +/* @todo: move this. */ +img { + border: none; +} + +/* Header */ +/* @todo: are these also specific to Press This? */ +#wphead { + border-bottom: 1px solid #dfdfdf; +} + +#wphead h1 a { + color: #464646; +} + +/* @todo: these seem misplaced */ +.js .meta-box-sortables .postbox:hover .handlediv { + margin-right: 0 !important; +} + +/* Metabox collapse arrow indicators */ +.js .sidebar-name .sidebar-name-arrow:before, +.js .meta-box-sortables .postbox .handlediv:before { + right: 12px; + font: normal 20px/1 'dashicons'; + speak: none; + display: inline-block; + padding: 8px 10px; + top: 0; + position: relative; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-decoration: none !important; +} + +.js #widgets-left .sidebar-name .sidebar-name-arrow { + display: none; +} + +.js #widgets-left .widgets-holder-wrap.closed .sidebar-name .sidebar-name-arrow, +.js #widgets-left .sidebar-name:hover .sidebar-name-arrow { + display: block; +} + +/* Show the arrow only on hover */ +.js .sidebar-name .sidebar-name-arrow:before, +.js .meta-box-sortables .postbox .handlediv:before { + content: '\f142'; +} + +.js .widgets-holder-wrap.closed .sidebar-name-arrow:before, +.js .meta-box-sortables .postbox.closed .handlediv:before { + content: '\f140'; +} + +#TB_ajaxContent #options { + position: absolute; + top: 20px; + right: 25px; + padding: 5px; +} + +#TB_ajaxContent h3 { + margin-bottom: .25em; +} + +.error a { + text-decoration: underline; +} + +.updated a { + text-decoration: none; + padding-bottom: 2px; +} + +/* @todo: appears to be Press This only and overridden */ +#photo-add-url-div input[type="text"] { + width: 300px; +} + +/* Theme/Plugin Editor */ +.alignleft h3 { + margin: 0; +} + +#template textarea { + font-family: Consolas, Monaco, monospace; + font-size: 13px; + width: 97%; + background: #f9f9f9; + outline: none; +} + +/* @noflip */ +#template textarea, +#docs-list { + direction: ltr; +} + +#template p { + width: 97%; +} + +#templateside { + float: right; + width: 190px; + word-wrap: break-word; +} + +#templateside h3, +#postcustomstuff p.submit { + margin: 0; +} + +#templateside h4 { + margin: 1em 0 0; +} + +#templateside ol, +#templateside ul { + margin: .5em 0; + padding: 0; +} + +#templateside li { + margin: 4px 0; +} + +#templateside a, +.theme-editor-php .highlight { + display: block; + padding: 3px 3px 3px 12px; + text-decoration: none; +} + +.theme-editor-php .highlight { + margin: -3px 3px -3px -12px; +} + +#templateside .highlight { + border: none; + font-weight: bold; +} + +.nonessential { + color: #666; + font-size: 11px; + font-style: italic; + padding-left: 12px; +} + +#documentation { + margin-top: 10px; +} + +#documentation label { + line-height: 22px; + vertical-align: baseline; + font-weight: 600; +} + +.fileedit-sub { + padding: 10px 0 8px; + line-height: 180%; +} + +/* @todo: can we use a common class for these? */ +.nav-menus-php .item-edit:before, +.widget-top a.widget-action:after, +.control-section .accordion-section-title:after, +.accordion-section-title:after { + right: 0; + content: '\f140'; + border: none; + background: none; + font: normal 20px/1 'dashicons'; + speak: none; + display: block; + padding: 0; + text-indent: 0; + text-align: center; + position: relative; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-decoration: none !important; +} + +.widget-action, +.handlediv, +.item-edit, +.sidebar-name-arrow, +.accordion-section-title:after { + color: #aaa; +} + +.widget-action:hover, +.handlediv:hover, +.item-edit:hover, +.sidebar-name:hover .sidebar-name-arrow, +.accordion-section-title:hover:after { + color: #777; +} + +.widget-top a.widget-action:after { + padding: 12px 12px 0; +} + +.nav-menus-php .item-edit:before { + line-height: 2.1; +} + +.control-section .accordion-section-title:after, +.accordion-section-title:after { + float: right; + right: 20px; + top: -2px; +} + +.control-section.open .accordion-section-title:after, +#customize-info.open .accordion-section-title:after, +.nav-menus-php .menu-item-edit-active .item-edit:before { + content: '\f142'; +} + +/* Enable draggable on IE10 touch events until it's rolled into jQuery UI core */ +.ui-sortable, +.ui-draggable { + -ms-touch-action: none; + touch-action: none; +} + +.meta-box-sortables.ui-sortable, +.widgets-holder-wrap .ui-draggable, +.widgets-holder-wrap .ui-sortable, +.menu.ui-sortable { + -ms-touch-action: auto; + touch-action: auto; +} + +.meta-box-sortables.ui-sortable .hndle, +.menu.ui-sortable .menu-item-handle { + -ms-touch-action: none; + touch-action: none; +} + +/* Accordion */ + +.accordion-section { + border-bottom: 1px solid #dfdfdf; + margin: 0; +} + +.accordion-section.open .accordion-section-content, +.no-js .accordion-section .accordion-section-content { + display: block; +} + +.accordion-section.open:hover { + border-bottom-color: #dfdfdf; +} + +.accordion-section-content { + display: none; + padding: 10px 20px 15px; + overflow: hidden; + background: #fff; +} + +.accordion-section-title { + margin: 0; + padding: 12px 15px 15px; + position: relative; + border-left: 1px solid #dfdfdf; + border-right: 1px solid #dfdfdf; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.js .accordion-section-title { + cursor: pointer; +} + +.js .accordion-section-title:after { + position: absolute; + top: 12px; + right: 10px; + z-index: 1; +} + +.accordion-section-title:focus { + outline: none; +} + +.accordion-section-title:hover:after, +.accordion-section-title:focus:after { + border-color: #aaa transparent; +} + +.cannot-expand .accordion-section-title { + cursor: auto; +} + +.cannot-expand .accordion-section-title:after { + display: none; +} + +.control-section .accordion-section-title { + border-left: none; + border-right: none; + padding: 10px 10px 11px 14px; + line-height: 21px; + background: #fff; +} + +.control-section .accordion-section-title:after { + top: 11px; +} + +.js .control-section:hover .accordion-section-title, +.js .control-section .accordion-section-title:hover, +.js .control-section.open .accordion-section-title, +.js .control-section .accordion-section-title:focus { + color: #222; + background: #f5f5f5; +} + +.control-section.open .accordion-section-title { + /* When expanded */ + border-bottom: 1px solid #dfdfdf; +} + +/* @todo: these seem misplaced */ +.sticky-menu #TB_window { + background: #f1f1f1; +} + +.sticky-menu #TB_window .updated { + margin: 16px 0 0; +} + +/* =Media Queries +-------------------------------------------------------------- */ + +/* @todo: de-duplication */ +@media only screen and (min-width: 769px) { + /* categories */ + #col-left { + width: 35%; + } + + #col-right { + width: 65%; + } +} + +@media only screen and (max-width: 860px) { + + /* categories */ + #col-left { + width: 35%; + } + + #col-right { + width: 65%; + } +} + +@media only screen and (min-width: 980px) { + + /* categories */ + #col-left { + width: 35%; + } + + #col-right { + width: 65%; + } +} + +@media only screen and (max-width: 768px) { + /* categories */ + #col-left { + width: 100%; + } + + #col-right { + width: 100%; + } +} + +/** + * HiDPI Displays + */ +@media print, + (-o-min-device-pixel-ratio: 5/4), + (-webkit-min-device-pixel-ratio: 1.25), + (min-resolution: 120dpi) { + /* Back-compat for pre-3.8 */ + div.star-holder, + div.star-holder .star-rating { + background: url('../images/stars-2x.png?ver=20121108') repeat-x bottom left; + -webkit-background-size: 21px 37px; + background-size: 21px 37px; + } + + .spinner { + background-image: url('../images/spinner-2x.gif'); + } + + /* @todo: evaluate - most of these were likely replaced by dashicons */ + .curtime #timestamp, + #screen-meta-links a.show-settings, + .widget-top a.widget-action, + .widget-top a.widget-action:hover, + .sidebar-name-arrow, + .sidebar-name:hover .sidebar-name-arrow, + .meta-box-sortables .postbox:hover .handlediv, + .tagchecklist span a, + #bulk-titles div a, + .tagchecklist span a:hover, + #bulk-titles div a:hover { + background: none !important; + } + +} + +@-ms-viewport { + width: device-width; +} + +@media screen and ( max-width: 782px ) { + html.wp-toolbar { + padding-top: 46px; + } + + body { + min-width: 240px; + overflow-x: hidden; + } + + body * { + -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important; + } + + #wpwrap { + background: #f0f0f0; + } + + #wpcontent { + position: relative; + margin-left: 0; + padding-left: 10px; + } + + #wpbody-content { + padding-bottom: 100px; + } + + .wrap { + margin-right: 12px; + margin-left: 0; + } + + .col-wrap { + padding: 0; + } + + /* Hidden Elements */ + #screen-meta, + #screen-meta-links, + #collapse-menu, + .post-format-select { + display: none !important; + } + + .wrap .add-new-h2, .wrap .add-new-h2:active { + padding: 10px 15px; + font-size: 14px; + } + + .wp-color-result { + height: auto; + padding-left: 45px; + } + + .wp-color-result:after { + font-size: 14px; + height: auto; + padding: 6px 14px; + } + + /* Feedback Messages */ + .wrap div.updated, .wrap div.error, .media-upload-form div.error { + margin: 20px 0 10px 0; + padding: 5px 10px; + font-size: 14px; + line-height: 175%; + } + + .wrap .icon32 + h2 { + margin-top: -2px; + } + + .wp-responsive-open #wpbody { + right: -190px; + } + + /* General Metabox */ + .postbox { + font-size: 14px; + } + + .metabox-holder h3 { + padding: 12px; + } + + .postbox .handlediv { + margin-top: 3px; + } + + /* Subsubsub Nav */ + .subsubsub { + font-size: 16px; + text-align: center; + margin-bottom: 15px; + } + + /* Theme/Plugin File Editor */ + #templateside { + float: none; + width: auto; + } + + #templateside li { + margin: 0; + } + + #templateside li a { + display: block; + padding: 5px; + } + + #templateside .highlight { + padding: 5px; + margin-left: -5px; + margin-top: -5px; + } + + #template div { + float: none; + margin: 0; + width: auto; + } + + #template textarea { + width: 100%; + } + + .fileedit-sub .alignright { + margin-top: 15px; + } + + #wpfooter { + display: none; + } + + #comments-form .checkforspam { + display: none; + } +} + +/* Smartphone */ +@media screen and (max-width: 600px) { + /* Disable horizontal scroll when responsive menu is open + since we push the main content off to the right. */ + #wpwrap.wp-responsive-open { + overflow-x: hidden; + } + + html.wp-toolbar { + padding-top: 0; + } + + #wpbody { + padding-top: 46px; + } + + /* Keep full-width boxes on Edit Post page from causing horizontal scroll */ + div#post-body.metabox-holder.columns-1 { + overflow-x: hidden; + } +} diff --git a/src/wp-admin/css/dashboard.css b/src/wp-admin/css/dashboard.css new file mode 100644 index 0000000000..238bb7bf9a --- /dev/null +++ b/src/wp-admin/css/dashboard.css @@ -0,0 +1,1132 @@ +#wpbody-content #dashboard-widgets.columns-1 .postbox-container { + width: 100%; +} + +#wpbody-content #dashboard-widgets.columns-2 .postbox-container { + width: 49.5%; +} + +#wpbody-content #dashboard-widgets.columns-2 #postbox-container-2, +#wpbody-content #dashboard-widgets.columns-2 #postbox-container-3, +#wpbody-content #dashboard-widgets.columns-2 #postbox-container-4 { + float: right; + width: 50.5%; +} + +#wpbody-content #dashboard-widgets.columns-3 .postbox-container { + width: 33.5%; +} + +#wpbody-content #dashboard-widgets.columns-3 #postbox-container-1 { + width: 33%; +} + +#wpbody-content #dashboard-widgets.columns-3 #postbox-container-3, +#wpbody-content #dashboard-widgets.columns-3 #postbox-container-4 { + float: right; +} + +#wpbody-content #dashboard-widgets.columns-4 .postbox-container { + width: 25%; +} + +#dashboard-widgets .postbox-container { + width: 25%; +} + +#dashboard-widgets-wrap .columns-3 #postbox-container-4 .empty-container { + border: none !important; +} + +.ie8 #wpbody-content #dashboard-widgets .postbox-container { + width: 49.5%; +} + +.ie8 #wpbody-content #dashboard-widgets #postbox-container-2, +.ie8 #wpbody-content #dashboard-widgets #postbox-container-3, +.ie8 #wpbody-content #dashboard-widgets #postbox-container-4 { + float: right; + width: 50.5%; +} + +.ie8 #dashboard-widgets #postbox-container-3 .empty-container, +.ie8 #dashboard-widgets #postbox-container-4 .empty-container { + border: 0 none; + height: 0; + min-height: 0; +} + +/*------------------------------------------------------------------------------ + 9.0 - Dashboard +------------------------------------------------------------------------------*/ + +#dashboard-widgets-wrap { + overflow: hidden; + margin: 0 -8px; +} + +#dashboard-widgets .postbox .inside { + margin-bottom: 0; +} + +#dashboard-widgets .meta-box-sortables { + margin: 0 8px; + min-height: 100px; +} + +h3.dashboard-widget-title, +h3.dashboard-widget-title span, +h3.dashboard-widget-title small { + color: #333; +} + +h3.dashboard-widget-title small a { + color: #d7d7d7; +} + +h3.dashboard-widget-title small a:hover { + color: #fff; +} + +/* @todo: this was originally in this section, but likely belongs elsewhere */ +#the-comment-list td.comment p.comment-author { + margin-top: 0; + margin-left: 0; +} + +#the-comment-list p.comment-author img { + float: left; + margin-right: 8px; +} + +#the-comment-list p.comment-author strong a { + border: none; +} + +#the-comment-list td { + vertical-align: top; +} + +#the-comment-list td.comment { + word-wrap: break-word; +} + +/* Welcome Panel */ +.welcome-panel { + position: relative; + overflow: auto; + margin: 16px 0; + padding: 23px 10px 0; + border: 1px solid #e5e5e5; + -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04); + box-shadow: 0 1px 1px rgba(0,0,0,0.04); + background: #fff; + font-size: 13px; + line-height: 2.1em; +} + +.welcome-panel h3 { + margin: 0; + font-size: 21px; + font-weight: normal; + line-height: 1.2; +} + +.welcome-panel h4 { + margin: 1.33em 0 0; + font-size: 16px; +} + +.welcome-panel li { + font-size: 14px; +} + +.welcome-panel p { + color: #777; +} + +.welcome-panel a { + text-decoration: none; +} + +.welcome-panel .about-description { + font-size: 16px; + margin: 0; +} + +.welcome-panel .welcome-panel-close { + position: absolute; + top: 5px; + right: 10px; + padding: 20px 15px 0 3px; + font-size: 13px; + text-decoration: none; + line-height: 1; +} + +#welcome-panel.welcome-panel .welcome-panel-close::before { + position: absolute; + left: -18px; + margin-top: -2px; + -webkit-transition: all .1s ease-in-out; + transition: all .1s ease-in-out; +} + +.wp-core-ui .welcome-panel .button.button-hero { + margin: 15px 0 3px; +} + +.welcome-panel-content { + margin-left: 13px; + max-width: 1500px; +} + +.welcome-panel .welcome-panel-column-container { + clear: both; + overflow: hidden; + position: relative; +} + +.welcome-panel .welcome-panel-column { + width: 32%; + min-width: 200px; + float: left; +} + +.ie8 .welcome-panel .welcome-panel-column { + min-width: 230px; +} + +.welcome-panel .welcome-panel-column:first-child { + width: 36%; +} + +.welcome-panel-column p.hide-if-no-customize { + margin-top: 10px; +} + +.welcome-panel-column p { + margin-top: 7px; + color: #464646; +} + +.welcome-panel .welcome-icon { + display: block; + padding: 0 0 8px; + background: transparent !important; +} + +.welcome-panel .welcome-icon:before { + color: #888; + font: normal 20px/1 'dashicons'; + speak: none; + display: inline-block; + padding: 0 10px 0 0; + top: -1px; + position: relative; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-decoration: none !important; + vertical-align: top; +} + +.welcome-panel .welcome-write-blog:before, +.welcome-panel .welcome-edit-page:before { + content:'\f119'; + top: -3px; +} + +.welcome-panel .welcome-add-page:before { + content:'\f132'; +} + +.welcome-panel .welcome-view-site:before { + content:'\f115'; + top: -2px; +} + +.welcome-panel .welcome-widgets-menus:before { + content:'\f116'; + top: -2px; +} + +.welcome-panel .welcome-comments:before { + content:'\f117'; + top: -1px; +} + +.welcome-panel .welcome-learn-more:before { + content:'\f118'; + top: -1px; +} + +.welcome-panel .welcome-widgets-menus { + line-height: 16px; +} + +.welcome-panel .welcome-panel-column ul { + margin: 0.8em 1em 1em 0; +} + +.welcome-panel .welcome-panel-column li { + line-height: 16px; + list-style-type: none; +} + +/* Dashboard WordPress news */ + +#dashboard_primary .inside { + margin: 0; + padding: 0; +} + +#dashboard_primary .widget-loading, +#dashboard_primary .dashboard-widget-control-form { + padding: 12px 12px 0; +} + +body #dashboard-widgets .postbox form .submit { + margin: 0; +} + +.dashboard-widget-control-form { + overflow: hidden; +} + +.dashboard-widget-control-form p { + margin-top: 0; +} + +/* @todo: are these actually used anywhere? no non-CSS results in plugin search */ +div.dashboard-widget-error { + background-color: #c43; +} + +div.dashboard-widget-notice { + background-color: #cfe1ef; +} + +.rssSummary { + color: #777; + margin-top: 4px; +} + +#dashboard_primary .rss-widget { + border-bottom: 1px solid #eee; + font-size: 13px; + padding: 8px 12px 10px; +} + +#dashboard_primary .rss-widget:last-child { + border-bottom: none; + padding-bottom: 8px; +} + +#dashboard_primary .rss-widget a { + font-weight: normal; +} + +#dashboard_primary .rss-widget span, +#dashboard_primary .rss-widget span.rss-date { + color: #777; +} + +#dashboard_primary .rss-widget span.rss-date { + margin-left: 12px; +} + +#dashboard_primary .rss-widget ul li { + margin-bottom: 8px; +} + +/* Dashboard right now */ + +#dashboard_right_now ul { + margin: 0; + overflow: hidden; +} + +#dashboard_right_now li { + width: 50%; + float: left; + margin-bottom: 10px; +} + +#dashboard_right_now .inside { + overflow: hidden; + padding: 0; +} + +#dashboard_right_now .main { + padding: 0 12px 11px; +} + +#dashboard_right_now .main p { + margin: 0; +} + +.mu-storage { + overflow: hidden; +} + +#dashboard-widgets h4.mu-storage { + margin-bottom: 10px; +} + +/* Dashboard right now - Colors */ + +#dashboard_right_now li a:before, +#dashboard_right_now li span:before { + color: #888; +} + +#dashboard_right_now .sub { + color: #777; + background: #f5f5f5; + border-top: 1px solid #eee; + padding: 10px 12px 6px 12px; +} + +#dashboard_right_now .sub h4 { + color: #555; +} + +#dashboard_right_now .sub p { + margin: 0 0 1em; +} + +#dashboard_right_now .warning a:before, +#dashboard_right_now .warning span:before { + color: #d54e21; +} + +/* Dashboard right now - Icons */ +#dashboard_right_now li a:before, +#dashboard_right_now li span:before { + content: '\f159'; + font: normal 20px/1 'dashicons'; + speak: none; + display: block; + float: left; + margin: 0 5px 0 0; + padding: 0; + text-indent: 0; + text-align: center; + position: relative; + -webkit-font-smoothing: antialiased; + text-decoration: none !important; +} + +#dashboard_right_now .page-count a:before, +#dashboard_right_now .page-count span:before { + content: '\f105'; +} + +#dashboard_right_now .post-count a:before, +#dashboard_right_now .post-count span:before { + content: '\f109'; +} + +#dashboard_right_now .comment-count a:before { + content: '\f101'; +} + +#dashboard_right_now .comment-mod-count a:before { + content: '\f125'; +} + +#dashboard_right_now .storage-count a:before { + content: '\f104'; +} + +#dashboard_right_now .storage-count.warning a:before { + content: '\f153'; +} + +/* Dashboard Quick Draft */ + +#dashboard_quick_press .inside { + margin: 0; + padding: 0; +} + +#dashboard_quick_press div.updated { + margin-bottom: 10px; + border: 1px solid #eee; + border-width: 1px 1px 1px 0; +} + +#dashboard_quick_press form { + overflow: hidden; + margin: 12px; +} + +#dashboard_quick_press .drafts, +#dashboard_quick_press .easy-blogging { + padding: 10px 0 0; +} + +/* Dashboard Quick Draft - Form styling */ + +input#save-post { + float: left; +} + +form.initial-form.quickpress-open label.prompt { + font-style: normal; +} + +form.initial-form.quickpress-open input#title { + height: auto; +} + +#dashboard_quick_press input, +#dashboard_quick_press textarea { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + margin: 0; +} + +#dashboard_quick_press textarea { + resize: vertical; +} + +#dashboard-widgets .postbox form .submit { + margin: -39px 0; + float: right; +} + +#description-wrap { + margin-top: 12px; +} + +#title-wrap #title-prompt-text, +.textarea-wrap #content-prompt-text { + color: #777; +} + +#title-wrap #title-prompt-text { + font-size: 1.1em; + padding: 7px 8px; +} + +.input-text-wrap, +.textarea-wrap { + position: relative; +} + +.input-text-wrap .prompt, +.textarea-wrap .prompt { + position: absolute; +} + +.textarea-wrap #content-prompt-text { + font-size: 1.1em; + padding: 7px 8px; +} + +.textarea-wrap textarea#content { + margin: 0 0 8px; + padding: 6px 7px; +} + +#quick-press textarea#content { + min-height: 90px; + max-height: 1300px; + resize: none; +} + +/* Dashboard Quick Draft - Drafts list */ + +.js #dashboard_quick_press .drafts { + border-top: 1px solid #eee; +} + +#dashboard_quick_press .drafts abbr { + border: none; +} + +#dashboard_quick_press .drafts h4 { + margin: 0 12px 8px; + font-weight: normal; +} + +#dashboard_quick_press .drafts .view-all { + float: right; + margin: 0 12px 0 0; +} + +#dashboard_primary a.rsswidget { + font-weight: normal; +} + +#dashboard_quick_press .drafts ul { + margin: 0 12px; +} + +#dashboard_quick_press .drafts li { + margin-bottom: 1em; +} +#dashboard_quick_press .drafts li time { + color: #777; +} + +#dashboard_quick_press .drafts p { + margin: 0; + word-wrap: break-word; +} + +#dashboard_quick_press .draft-title { + overflow: hidden; +} + +#dashboard_quick_press .draft-title a, +#dashboard_quick_press .draft-title time { + float: left; + margin: 0 5px 0 0; +} + +/* Dashboard activity widget */ + +#dashboard-widgets #dashboard_activity h4 { + margin: 0 0 8px 12px; + font-weight: normal; +} + +#dashboard-widgets #dashboard_activity h4.comment-meta { + margin: 0; +} + +#dashboard_activity h4.comment-meta { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + margin-bottom: 4px; +} + +#dashboard_activity ul { + padding: 0 12px; +} + +#dashboard_activity .comment-meta span.approve:before { + content: '\f227'; + font: 20px/.5 "dashicons"; + margin-left: 12px; + vertical-align: middle; + position: relative; + top: -1px; + margin-right: 2px; +} + +#dashboard_activity .inside { + padding: 0; + margin: 0; +} + +#dashboard_activity .no-activity { + overflow: hidden; + padding: 0 12px 12px; + text-align: center; +} + +#dashboard_activity .no-activity p { + color: #999; + font-size: 16px; +} + +#dashboard_activity .no-activity .smiley { + margin-top: 0; +} + +#dashboard_activity .no-activity .smiley:before { + content: '\f328'; + font: normal 120px/1 'dashicons'; + speak: none; + display: block; + margin: 0 5px 0 0; + padding: 0; + text-indent: 0; + text-align: center; + position: relative; + -webkit-font-smoothing: antialiased; + text-decoration: none !important; +} + +#dashboard_activity .subsubsub { + float: none; + border-top: 1px solid #eeeeee; + margin-top: 0; + padding: 8px 12px 4px; +} + +#future-posts .show-more, +#published-posts .show-more { + float: right; + margin-right: 12px; +} + +#future-posts ul, +#published-posts ul { + clear: both; + margin-bottom: 0; +} + +#future-posts li, +#published-posts li { + overflow: hidden; + margin-bottom: 8px; +} + +#future-posts ul span, +#published-posts ul span { + color: #777; + float: left; + margin-right: 8px; + min-width: 150px; +} + +.activity-block { + border-bottom: 1px solid #eee; + overflow: hidden; + padding: 8px 0 4px; +} + +.activity-block:last-child { + border-bottom: none; +} + +.activity-block .subsubsub li { + color: #ddd; +} + +/* Dashboard activity widget - Comments */ +/* @todo: needs serious de-duplication */ + +#activity-widget #the-comment-list tr.undo, +#activity-widget #the-comment-list div.undo { + background: none; + padding: 6px 0; +} + +#activity-widget #the-comment-list .alternate, +#activity-widget #the-comment-list .alt { + background: none; +} + +#activity-widget #the-comment-list .comment { + background: #fafafa; + padding: 12px; + position: relative; +} + +#activity-widget #the-comment-list img { + position: absolute; + left: 13px; + top: 13px; +} + +#activity-widget #the-comment-list .dashboard-comment-wrap { + padding-left: 63px; +} + +#activity-widget #the-comment-list .dashboard-comment-wrap blockquote { + margin: 1em 0; +} + +#activity-widget #the-comment-list .comment-item h4 { + font-size: 13px; + color: #999; +} + +#activity-widget #the-comment-list .comment-item p.row-actions { + margin: 4px 0 0 0; +} + +#activity-widget #the-comment-list .comment-item:first-child { + border-top: 1px solid #eeeeee; +} + +#activity-widget #the-comment-list .unapproved { + background-color: #fefaf7; +} + +#activity-widget #the-comment-list .unapproved:before { + content: ""; + display: block; + position: absolute; + left: 0; + top: 0; + bottom: 0; + background: #d54e21; + width: 4px; +} + +#activity-widget #the-comment-list .spam-undo-inside .avatar, +#activity-widget #the-comment-list .trash-undo-inside .avatar { + margin-right: 20px; + position: relative; + top: 0; +} + +/* Browse happy box */ + +#dashboard-widgets #dashboard_browser_nag.postbox .inside { + margin: 10px; +} + +.edit-box { + display: none; +} + +h3:hover .edit-box { + display: inline; +} + +#dashboard-widgets form .input-text-wrap input { + width: 100%; +} + +#dashboard-widgets form .textarea-wrap textarea { + width: 100%; +} + +#dashboard-widgets .postbox form .submit { + float: none; + margin: .5em 0 0; + padding: 0; + border: none; +} + +#dashboard-widgets-wrap #dashboard-widgets .postbox form .submit #publish { + min-width: 0; +} + +#dashboard-widgets a { + text-decoration: none; +} + +#dashboard-widgets h3 a { + text-decoration: underline; +} + +#dashboard-widgets h3 .postbox-title-action { + position: absolute; + right: 10px; + padding: 0; + top: 5px; +} + +.js #dashboard-widgets h3 .postbox-title-action { + right: 33px; +} + +#dashboard-widgets h4 { + color: #222; + font-weight: normal; + font-size: 14px; + margin: 0 0 .2em; + padding: 0; +} + +#dashboard_plugins h5 { + font-size: 14px; +} + +/* Recent Comments */ + +#latest-comments #the-comment-list { + position: relative; +} + +#activity-widget #the-comment-list .comment { + -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.06); + box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.06); +} + +#activity-widget .comments #the-comment-list .alt { + background-color: transparent; +} + +#activity-widget #latest-comments #the-comment-list .comment-item { + padding: 1em 12px; +} + +#latest-comments #the-comment-list .pingback { + padding-left: 12px !important; +} + +#latest-comments #the-comment-list .comment-item:first-child { + border-top: none; +} + +#latest-comments #the-comment-list .comment-item h4 { + line-height: 1.5em; + margin-top: 0; + color: #666; +} + +#latest-comments #the-comment-list .comment-item h4 cite { + font-style: normal; + font-weight: normal; +} + +#latest-comments #the-comment-list .comment-item blockquote, +#latest-comments #the-comment-list .comment-item blockquote p { + margin: 0; + padding: 0; + display: inline; +} + +#latest-comments #the-comment-list .comment-item p.row-actions { + margin: 3px 0 0; + padding: 0; + font-size: 13px; +} + +/* QuickDraft */ + +#title-wrap label { + cursor: text; +} + +#title-wrap #title { + padding: 2px 6px; + font-size: 1.3em; + line-height: 100%; + outline: none; +} + +#title-wrap #title-prompt-text { + font-size: 1.1em; + padding: 5px 8px; +} + +/* Feeds */ +.rss-widget ul { + margin: 0; + padding: 0; + list-style: none; +} + +a.rsswidget { + font-size: 14px; + font-weight: 600; + line-height: 1.7em; +} + +.rss-widget ul li { + line-height: 1.5em; + margin-bottom: 12px; +} + +.rss-widget span.rss-date { + color: #999; + font-size: 13px; + margin-left: 3px; +} + +.rss-widget cite { + display: block; + text-align: right; + margin: 0 0 1em; + padding: 0; +} + +.rss-widget cite:before { + content: '\2014'; +} + +.dashboard-comment-wrap { + overflow: hidden; + word-wrap: break-word; +} + +/* Browser Nag */ +#dashboard_browser_nag a.update-browser-link { + font-size: 1.2em; + font-weight: 600; +} + +#dashboard_browser_nag a { + text-decoration: underline; +} + +#dashboard_browser_nag p.browser-update-nag.has-browser-icon { + padding-right: 125px; +} + +#dashboard_browser_nag .browser-icon { + margin-top: -35px; +} + +#dashboard_browser_nag.postbox.browser-insecure { + background-color: #ac1b1b; + border-color: #ac1b1b; +} + +#dashboard_browser_nag.postbox { + background-color: #e29808; + background-image: none; + border-color: #edc048; + color: #fff; + -webkit-box-shadow: none; + box-shadow: none; +} + +#dashboard_browser_nag.postbox.browser-insecure h3 { + border-bottom-color: #cd5a5a; + color: #fff; +} + +#dashboard_browser_nag.postbox h3 { + border-bottom-color: #f6e2ac; + background: transparent none; + color: #fff; + -webkit-box-shadow: none; + box-shadow: none; +} + +#dashboard_browser_nag a { + color: #fff; +} + +/* Make the browser nags easier to read with Open Sans */ + +#dashboard_browser_nag h3.hndle { + border: none; + font-weight: 600; + font-size: 20px; + padding-top: 10px; +} + +.postbox#dashboard_browser_nag p a.dismiss { + font-size: 14px; +} + +.postbox#dashboard_browser_nag p, +.postbox#dashboard_browser_nag a, +.postbox#dashboard_browser_nag p.browser-update-nag { + font-size: 16px; +} + +/* =Media Queries +-------------------------------------------------------------- */ + +/* one column on the dash */ +@media only screen and (max-width: 799px) { + #wpbody-content #dashboard-widgets .postbox-container { + width: 100%; + } +} + +/* two columns on the dash, but keep the setting if one is selected */ +@media only screen and (min-width: 800px) and (max-width: 1499px) { + #wpbody-content #dashboard-widgets .postbox-container { + width: 49.5%; + } + + #wpbody-content #dashboard-widgets #postbox-container-2, + #wpbody-content #dashboard-widgets #postbox-container-3, + #wpbody-content #dashboard-widgets #postbox-container-4 { + float: right; + width: 50.5%; + } + + #dashboard-widgets #postbox-container-3 .empty-container, + #dashboard-widgets #postbox-container-4 .empty-container { + border: 0 none; + height: 0; + min-height: 0; + } + + #wpbody #wpbody-content #dashboard-widgets.columns-1 .postbox-container { + width: 100%; + } + + #wpbody #wpbody-content .metabox-holder.columns-1 .postbox-container .empty-container { + border: 0 none; + height: 0; + min-height: 0; + } + + /* show the radio buttons for column prefs only for one or two columns */ + .index-php .screen-layout, + .index-php .columns-prefs { + display: block; + } + + .columns-prefs .columns-prefs-3, + .columns-prefs .columns-prefs-4 { + display: none; + } +} + +/* three columns on the dash */ +@media only screen and (min-width: 1500px) and (max-width: 1800px) { + #wpbody-content #dashboard-widgets .postbox-container { + width: 33.5%; + } + + #wpbody-content #dashboard-widgets #postbox-container-1 { + width: 33%; + } + + #wpbody-content #dashboard-widgets #postbox-container-3, + #wpbody-content #dashboard-widgets #postbox-container-4 { + float: right; + } + + #dashboard-widgets #postbox-container-4 .empty-container { + border: 0 none; + height: 0; + min-height: 0; + } +} + +@media screen and (max-width: 870px) { + .welcome-panel .welcome-panel-column, + .welcome-panel .welcome-panel-column:first-child { + display: block; + float: none; + width: 100%; + } + + .welcome-panel .welcome-panel-column li { + display: inline-block; + margin-right: 13px; + } + + .welcome-panel .welcome-panel-column ul { + margin: 0.4em 0 0; + } + +} + +@media screen and ( max-width: 782px ) { + #dashboard_recent_comments #the-comment-list .comment-item .avatar { + height: 30px; + width: 30px; + margin: 4px 10px 5px 0; + } +} + +/* Smartphone */ +@media screen and (max-width: 600px) { + /* Keep the close icon from overlapping the Welcome text. */ + .welcome-panel .welcome-panel-close { + overflow: hidden; + text-indent: 100%; + white-space: nowrap; + width: 20px; + height: 20px; + right: 0; + padding: 5px; + } + + /* Make the close icon larger for tappability. */ + #welcome-panel.welcome-panel .welcome-panel-close::before { + font-size: 20px; + margin: 0; + } +} \ No newline at end of file diff --git a/src/wp-admin/css/edit.css b/src/wp-admin/css/edit.css new file mode 100644 index 0000000000..727a971e33 --- /dev/null +++ b/src/wp-admin/css/edit.css @@ -0,0 +1,1459 @@ +#poststuff { + padding-top: 10px; + min-width: 763px; +} + +#poststuff #post-body { + padding: 0; +} + +#poststuff .postbox-container { + width: 100%; +} + +#poststuff #post-body.columns-2 { + margin-right: 300px; +} + +/*------------------------------------------------------------------------------ + 11.0 - Write/Edit Post Screen +------------------------------------------------------------------------------*/ + +#show-comments { + overflow: hidden; +} + +#save-action .spinner, +#show-comments a, +#show-comments .spinner { + float: left; +} + +#lost-connection-notice .spinner { + display: block; + float: left; + margin: 0 5px 0 0; +} + +#titlediv { + position: relative; + margin-bottom: 10px; +} + +#titlediv label { + cursor: text; +} + +#titlediv div.inside { + margin: 0; +} + +#poststuff #titlewrap { + border: 0; + padding: 0; +} + +#titlediv #title { + padding: 3px 8px; + font-size: 1.7em; + line-height: 100%; + height: 1.7em; + width: 100%; + outline: none; + margin: 0; + background-color: #fff; +} + +#titlediv #title-prompt-text { + color: #777; + position: absolute; + font-size: 1.7em; + padding: 11px 10px; +} + +#wp-fullscreen-save .fs-saved { + color: #999; + float: right; + margin-top: 4px; +} + +#poststuff .inside-submitbox, +#side-sortables .inside-submitbox { + margin: 0 3px; + font-size: 11px; +} + +input#link_description, +input#link_url { + width: 98%; +} + +#pending { + background: 0 none; + border: 0 none; + padding: 0; + font-size: 11px; + margin-top: -1px; +} + +#edit-slug-box { + line-height: 24px; + min-height: 25px; /* Yes, line-height + 1 */ + margin-top: 5px; + padding: 0 10px; + color: #666; +} + +#edit-slug-box .cancel { + margin-right: 10px; + font-size: 11px; +} + +#editable-post-name-full { + display: none; +} + +#editable-post-name { + background-color: #fffbcc; +} + +#editable-post-name input { + font-size: 13px; + height: 22px; + margin: 0; + width: 16em; +} + +.postarea h3 label { + float: left; +} + +.submitbox .submit { + text-align: left; + padding: 12px 10px 10px; + font-size: 11px; + background-color: #464646; + color: #ccc; +} + +.submitbox .submitdelete { + text-decoration: none; + padding: 1px 2px; +} + +/* @todo: do we really need this? word on the street is we don't and this +stray rule may actually be compensated for elsewhere. */ +#normal-sortables .submitbox .submitdelete:hover { + color: #000; + background-color: #f00; + border-bottom-color: #f00; +} + +.submitbox .submit a:hover { + text-decoration: underline; +} + +.submitbox .submit input { + margin-bottom: 8px; + margin-right: 4px; + padding: 6px; +} + +.inside-submitbox #post_status { + margin: 2px 0 2px -2px; +} + +#post-status-select { + margin-top: 3px; +} + +/* Post Screen */ +#post-body #normal-sortables { + min-height: 50px; +} + +.postbox { + position: relative; + min-width: 255px; + border: 1px solid #e5e5e5; + -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04); + box-shadow: 0 1px 1px rgba(0,0,0,0.04); + background: #fff; +} + +#trackback_url { + width: 99%; +} + +#normal-sortables .postbox .submit { + background: transparent none; + border: 0 none; + float: right; + padding: 0 12px; + margin:0; +} + +.category-add input[type="text"], +.category-add select { + width: 100%; + max-width: 260px; + vertical-align: baseline; +} + +#side-sortables .category-add input[type="text"], +#side-sortables .category-add select { + margin: 0 0 1em; +} + +ul.category-tabs li, +#side-sortables .add-menu-item-tabs li, +.wp-tab-bar li { + display: inline; + line-height: 1.35em; +} + +.no-js .category-tabs li.hide-if-no-js { + display: none; +} + +.category-tabs a, +#side-sortables .add-menu-item-tabs a, +.wp-tab-bar a { + text-decoration: none; +} + +/* @todo: do these really need to be so specific? */ +#side-sortables .category-tabs .tabs a, +#side-sortables .add-menu-item-tabs .tabs a, +.wp-tab-bar .wp-tab-active a, +#post-body ul.category-tabs li.tabs a, +#post-body ul.add-menu-item-tabs li.tabs a { + color: #333; +} + +.category-tabs { + margin: 8px 0 5px; +} + +#category-adder h4 { + margin: 10px 0; +} + +#side-sortables .add-menu-item-tabs, +.wp-tab-bar { + margin-bottom: 3px; +} + +#normal-sortables .postbox #replyrow .submit { + float: none; + margin: 0; + padding: 0 7px 5px; +} + +#side-sortables .submitbox .submit input, +#side-sortables .submitbox .submit .preview, +#side-sortables .submitbox .submit a.preview:hover { + border: 0 none; +} + +#side-sortables .inside-submitbox .insidebox, +.stuffbox .insidebox { + margin: 11px 0; +} + +ul.category-tabs, +ul.add-menu-item-tabs, +ul.wp-tab-bar { + margin-top: 12px; +} + +ul.category-tabs li { + border: solid 1px transparent; + position: relative; +} + +ul.category-tabs li.tabs { + border-color: #dfdfdf #dfdfdf #fdfdfd; + background-color: #fdfdfd; +} + +ul.add-menu-item-tabs li.tabs, +.wp-tab-active { + border: 1px solid #dfdfdf; + border-bottom: none; + background-color: #fdfdfd; +} + +ul.add-menu-item-tabs li.tabs { + padding-bottom: 3px; + position: relative; +} + +#post-body .add-menu-item-tabs li.tabs { + border-style: solid none solid solid; + border-width: 1px 0 1px 1px; + margin-right: -1px; +} + +ul.category-tabs li, +ul.add-menu-item-tabs li, +ul.wp-tab-bar li { + padding: 3px 5px 5px; +} + +#postimagediv .inside img { + max-width: 100%; + height: auto; +} + +form#tags-filter { + position: relative; +} + +/* Edit posts */ +td.post-title strong, +td.plugin-title strong { + display: block; + margin-bottom: .2em; + font-size: 14px; +} + +td.post-title p, +td.plugin-title p { + margin: 6px 0; +} + +/* Global classes */ +.wp-hidden-children .wp-hidden-child, +.ui-tabs-hide { + display: none; +} + +#post-body .tagsdiv #newtag { + margin-right: 5px; + width: 16em; +} + +#side-sortables input#post_password { + width: 94% +} + +#side-sortables .tagsdiv #newtag { + width: 68%; +} + +#post-status-info { + width: 100%; + border-spacing: 0; + border: 1px solid #e5e5e5; + border-top: none; + background-color: #f7f7f7; + -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04); + box-shadow: 0 1px 1px rgba(0,0,0,0.04); +} + +#post-status-info td { + font-size: 12px; +} + +.autosave-info { + padding: 2px; + text-align: right; +} + +#editorcontent #post-status-info { + border: none; +} + +#content-resize-handle { + background: transparent url('../images/resize.gif') no-repeat scroll right bottom; + width: 12px; + cursor: n-resize; +} + +.rtl #content-resize-handle { + background: transparent url('../images/resize-rtl.gif') no-repeat scroll left bottom; +} + +#wp-word-count { + display: block; + padding: 2px 10px; +} + +#timestampdiv select { + height: 21px; + line-height: 14px; + padding: 0; + vertical-align: top; + font-size: 12px; +} + +#aa, #jj, #hh, #mn { + padding: 1px; + font-size: 12px; +} + +#jj, #hh, #mn { + width: 2em; +} + +#aa { + width: 3.4em; +} + +.curtime #timestamp { + padding: 2px 0 1px 0; + display: inline !important; + height: auto !important; +} + +#misc-publishing-actions label[for="post_status"]:before, +#post-body #visibility:before, +.curtime #timestamp:before, +#post-body .misc-pub-revisions:before, +span.wp-media-buttons-icon:before { + color: #888; +} + +#post-body #visibility:before, +.curtime #timestamp:before, +#post-body .misc-pub-revisions:before { + font: normal 20px/1 'dashicons'; + speak: none; + display: inline-block; + padding: 0 2px 0 0; + top: 0; + left: -1px; + position: relative; + vertical-align: top; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-decoration: none !important; +} + +#post-body #visibility:before { + content: '\f177'; +} + +.curtime #timestamp:before { + content: '\f145'; + top: -1px; +} + +#post-body .misc-pub-revisions:before { + content: '\f321'; +} + +#timestampdiv { + padding-top: 5px; + line-height: 23px; +} + +#timestampdiv p { + margin: 8px 0 6px; +} + +#timestampdiv input { + border-width: 1px; + border-style: solid; +} + +.notification-dialog { + position: fixed; + top: 30%; + left: 50%; + width: 450px; + margin-left: -225px; + background: #fff; + line-height: 1.5; + z-index: 1000005; +} + +.notification-dialog-background { + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: #000; + opacity: 0.5; + filter: alpha(opacity=50); + z-index: 1000000; +} + +#post-lock-dialog .post-locked-message, +#post-lock-dialog .post-taken-over { + margin: 25px; +} + +#post-lock-dialog .post-locked-message a.button { + margin-right: 10px; +} + +#post-lock-dialog .post-locked-avatar { + float: left; + margin: 0 20px 20px 0; +} + +#post-lock-dialog .wp-tab-first { + outline: 0; +} + +#post-lock-dialog .locked-saving img { + float: left; + margin-right: 3px; +} + +#post-lock-dialog.saving .locked-saving, +#post-lock-dialog.saved .locked-saved { + display: inline; +} + +#excerpt, +.attachmentlinks { + margin: 0; + height: 4em; + width: 98%; +} + +.tagchecklist { + margin-left: 14px; + font-size: 12px; + overflow: auto; +} + +.tagchecklist br { + display: none; +} + +.tagchecklist strong { + margin-left: -8px; + position: absolute; +} + +.tagchecklist span { + margin-right: 25px; + display: block; + float: left; + font-size: 13px; + line-height: 1.8em; + white-space: nowrap; + cursor: default; +} + +.tagchecklist span a { + margin: 1px 0 0 -17px; + cursor: pointer; + width: 20px; + height: 20px; + display: block; + float: left; + text-indent: 0; + overflow: hidden; + position: absolute; +} + +#poststuff h2 { + margin-top: 20px; + font-size: 1.5em; + margin-bottom: 15px; + padding: 0 0 3px; + clear: left; +} + +#poststuff h3 { + font-size: 14px; + padding: 8px 12px; + margin: 0; + line-height: 1.4; +} + +#poststuff .inside { + margin: 6px 0 0 0; +} + +#poststuff .inside #parent_id, +#poststuff .inside #page_template { + max-width: 100%; +} + +#poststuff .inside label.spam, +#poststuff .inside label.deleted { + color: red; +} + +#poststuff .inside label.waiting { + color: orange; +} + +#poststuff .inside label.approved { + color: green; +} + +.ie8 #poststuff .inside #parent_id, +.ie8 #poststuff .inside #page_template { + width: 250px; +} + +#post-visibility-select { + line-height: 1.5em; + margin-top: 3px; +} + +#poststuff #submitdiv .inside { + margin: 0; + padding: 0; +} + +.edit-form-section { + margin-bottom: 20px; +} + +/* TinyMCE */ +#mce_fullscreen_container { + background: #fff; +} + +/*------------------------------------------------------------------------------ + 11.1 - Custom Fields +------------------------------------------------------------------------------*/ + +#postcustomstuff thead th { + padding: 5px 8px 8px; + background-color: #f1f1f1; +} + +#postcustom #postcustomstuff .submit { + border: 0 none; + float: none; + padding: 0 8px 8px; +} + +#side-sortables #postcustom #postcustomstuff .submit { + margin: 0; + padding: 0; +} + +#side-sortables #postcustom #postcustomstuff #the-list textarea { + height: 85px; +} + +#side-sortables #postcustom #postcustomstuff td.left input, +#side-sortables #postcustom #postcustomstuff td.left select, +#side-sortables #postcustomstuff #newmetaleft a { + margin: 3px 3px 0; +} + +#postcustomstuff table { + margin: 0; + width: 100%; + border: 1px solid #dfdfdf; + border-spacing: 0; + background-color: #f9f9f9; +} + +#postcustomstuff tr { + vertical-align: top; +} + +#postcustomstuff table input, +#postcustomstuff table select, +#postcustomstuff table textarea { + width: 96%; + margin: 8px; +} + +#side-sortables #postcustomstuff table input, +#side-sortables #postcustomstuff table select, +#side-sortables #postcustomstuff table textarea { + margin: 3px; +} + +#postcustomstuff th.left, +#postcustomstuff td.left { + width: 38%; +} + +#postcustomstuff .submit input { + margin: 0; + width: auto; +} + +#postcustomstuff #newmetaleft a { + display: inline-block; + margin: 0 8px 8px; + text-decoration: none; +} + +.no-js #postcustomstuff #enternew { + display: none; +} + +#post-body-content .compat-attachment-fields { + margin-bottom: 20px; +} + +.compat-attachment-fields th { + padding-top: 5px; + padding-right: 10px; +} + +/*------------------------------------------------------------------------------ + 11.3 - Featured Images +------------------------------------------------------------------------------*/ + +#select-featured-image { + padding: 4px 0; + overflow: hidden; +} + +#select-featured-image img { + max-width: 100%; + height: auto; + margin-bottom: 10px; +} + +#select-featured-image a { + float: left; + clear: both; +} + +#select-featured-image .remove { + display: none; + margin-top: 10px; +} + +.js #select-featured-image.has-featured-image .remove { + display: inline-block; +} + +.no-js #select-featured-image .choose { + display: none; +} + +/*------------------------------------------------------------------------------ + 11.4 - Post formats +------------------------------------------------------------------------------*/ + +.post-state-format { + overflow: hidden; + display: inline-block; + vertical-align: middle; + height: 20px; + width: 20px; + margin-right: 5px; + margin-top: -4px; +} + +.post-state-format:before { + display: block; + height: 20px; + width: 20px; + font: normal 20px/1 'dashicons' !important; + speak: none; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.post-state-format:before, +.post-format-icon:before { + color: #ddd; + -webkit-transition: all .1s ease-in-out; + transition: all .1s ease-in-out; +} + +a.post-state-format:hover:before, +a.post-format-icon:hover:before { + color: #2ea2cc; +} + +#post-formats-select { + line-height: 2em; +} + +#post-formats-select .post-format-icon:before { + top: 5px; +} + +input.post-format { + margin-top: 1px; +} + +label.post-format-icon { + margin-left: 0px; + padding: 2px 0 2px 0px; +} + +.post-format-icon:before { + position: relative; + display: inline-block; + margin-right: 7px; + font: normal 20px/1 'dashicons'; + speak: none; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.post-state-format.post-format-standard:before, +.post-format-icon.post-format-standard:before, +a.post-state-format.format-standard:before { + content: '\f109'; +} + +.post-state-format.post-format-image:before, +.post-format-icon.post-format-image:before, +a.post-state-format.format-image:before { + content: '\f128'; +} + +.post-state-format.post-format-gallery:before, +.post-format-icon.post-format-gallery:before, +a.post-state-format.format-gallery:before { + content: '\f161'; +} + +.post-state-format.post-format-audio:before, +.post-format-icon.post-format-audio:before, +a.post-state-format.format-audio:before { + content: '\f127'; +} + +.post-state-format.post-format-video:before, +.post-format-icon.post-format-video:before, +a.post-state-format.format-video:before { + content: '\f126'; +} + +.post-state-format.post-format-chat:before, +.post-format-icon.post-format-chat:before, +a.post-state-format.format-chat:before { + content: '\f125'; +} + +.post-state-format.post-format-status:before, +.post-format-icon.post-format-status:before, +a.post-state-format.format-status:before { + content: '\f130'; +} + +.post-state-format.post-format-aside:before, +.post-format-icon.post-format-aside:before, +a.post-state-format.format-aside:before { + content: '\f123'; +} + +.post-state-format.post-format-quote:before, +.post-format-icon.post-format-quote:before, +a.post-state-format.format-quote:before { + content: '\f122'; +} + +.post-state-format.post-format-link:before, +.post-format-icon.post-format-link:before, +a.post-state-format.format-link:before { + content: '\f103'; +} + +/*------------------------------------------------------------------------------ + 12.0 - Categories +------------------------------------------------------------------------------*/ + +.category-adder { + margin-left: 120px; + padding: 4px 0; +} + +.category-adder h4 { + margin: 0 0 8px; +} + +#side-sortables .category-adder { + margin: 0; +} + +#post-body ul.add-menu-item-tabs { + float: left; + width: 120px; + text-align: right; + /* Negative margin for the sake of those without JS: all tabs display */ + margin: 0 -120px 0 5px; + padding: 0; +} + +ul.add-menu-item-tabs li { + padding: 3px 5px 3px 8px; +} + +#post-body ul.add-menu-item-tabs li.tabs { + -webkit-border-top-left-radius: 3px; + border-top-left-radius: 3px; + -webkit-border-bottom-left-radius: 3px; + border-bottom-left-radius: 3px; +} + +.wp-tab-panel, +.categorydiv div.tabs-panel, +.customlinkdiv div.tabs-panel, +.posttypediv div.tabs-panel, +.taxonomydiv div.tabs-panel { + min-height: 42px; + max-height: 200px; + overflow: auto; + padding: 0 0.9em; + border: solid 1px #dfdfdf; + background-color: #fdfdfd; +} + +div.tabs-panel-active { + display:block; +} + +div.tabs-panel-inactive { + display:none; +} + +#front-page-warning, +#front-static-pages ul, +ul.export-filters, +.inline-editor ul.cat-checklist ul, +.categorydiv ul.categorychecklist ul, +.customlinkdiv ul.categorychecklist ul, +.posttypediv ul.categorychecklist ul, +.taxonomydiv ul.categorychecklist ul { + margin-left: 18px; +} + +ul.categorychecklist li { + margin: 0; + padding: 0; + line-height: 22px; + word-wrap: break-word; +} + +.categorydiv .tabs-panel, +.customlinkdiv .tabs-panel, +.posttypediv .tabs-panel, +.taxonomydiv .tabs-panel { + border-width: 3px; + border-style: solid; +} + +.form-wrap p, +.form-wrap label { + font-size: 11px; +} + +.form-wrap label { + display: block; + padding: 2px; + font-size: 12px; +} + +.form-field input, +.form-field textarea { + border-style: solid; + border-width: 1px; + width: 95%; +} + +p.description, +.form-wrap p { + margin: 2px 0 5px; + color: #666; +} + +p.help, +p.description, +span.description, +.form-wrap p { + font-size: 13px; + font-style: italic; +} + +.form-wrap .form-field { + margin: 0 0 10px; + padding: 8px 0; +} + +.form-wrap .form-field #parent { + max-width: 100%; +} + +.col-wrap h3 { + margin: 12px 0; + font-size: 1.1em; +} + +.col-wrap p.submit { + margin-top: -10px; +} + + +/*------------------------------------------------------------------------------ + 13.0 - Tags +------------------------------------------------------------------------------*/ + +.tagsdiv { + margin-top: -8px; +} + +#poststuff .taghint { + color: #aaa; + margin: 15px 0 -24px 12px; +} + +#poststuff .tagsdiv .howto { + margin: 0 0 6px 0; +} + +.ajaxtag .newtag { + position: relative; +} + +.tagsdiv .newtag { + width: 180px; +} + +.tagsdiv .the-tags { + display: block; + height: 60px; + margin: 0 auto; + overflow: auto; + width: 260px; +} + +#post-body-content .tagsdiv .the-tags { + margin: 0 5px; +} + +/* tag hints */ +.taghint { + color: #aaa; + margin: -17px 0 0 7px; + visibility: hidden; +} + +input.newtag ~ div.taghint { + visibility: visible; +} + +input.newtag:focus ~ div.taghint { + visibility: hidden; +} + +p.popular-tags { + border: none; + line-height: 2em; + max-width: 1000px; + padding: 8px 12px 12px; + text-align: justify; +} + +p.popular-tags a { + padding: 0 3px; +} + +.tagcloud { + width: 97%; + margin: 0 0 40px; + text-align: justify; +} + +.tagcloud h3 { + margin: 2px 0 12px; +} + +.ac_results { + padding: 0; + margin: 0; + list-style: none; + position: absolute; + z-index: 10000; + display: none; + border: 1px solid #808080; + background-color: #fff; +} + +.wp-customizer .ac_results { + z-index: 500000; +} + +.ac_results li { + padding: 2px 5px; + white-space: nowrap; + color: #101010; + text-align: left; +} + +.ac_over { + background-color: #f0f0b8; + cursor: pointer; +} + +.ac_match { + text-decoration: underline; +} + +/* Comments */ + +.comment-php .wp-editor-area { + height: 200px; +} + +.comment-ays { + margin-bottom: 0; + border-bottom-style: solid; + border-bottom-width: 1px; +} + +.comment-ays .alt { + background-color: transparent; +} + +.trash-undo-inside, +.spam-undo-inside { + margin: 1px 8px 1px 0; + line-height: 16px; +} + +.spam-undo-inside .avatar, +.trash-undo-inside .avatar { + height: 20px; + width: 20px; + margin-right: 8px; + vertical-align: middle; +} + +.stuffbox .editcomment { + clear: none; +} + +#comment-status-radio p { + margin: 3px 0 5px; +} + +#comment-status-radio input { + margin: 2px 3px 5px 0; + vertical-align: middle; +} + +#comment-status-radio label { + padding: 5px 0; +} + +/* links tables */ +table.links-table { + width: 100%; + border-spacing: 0; +} + +.links-table th { + font-weight: normal; + text-align: left; + vertical-align: top; + min-width: 80px; + width: 20%; + word-wrap: break-word; +} + +.links-table th, +.links-table td { + padding: 5px 0; +} + +.links-table td label { + margin-right: 8px; +} + +.links-table td input[type="text"], +.links-table td textarea { + width: 100%; +} + +.links-table #link_rel { + max-width: 280px; +} + +/* =Media Queries +-------------------------------------------------------------- */ + +/** + * HiDPI Displays + */ +@media print, + (-o-min-device-pixel-ratio: 5/4), + (-webkit-min-device-pixel-ratio: 1.25), + (min-resolution: 120dpi) { + #content-resize-handle, + #post-body .wp_themeSkin .mceStatusbar a.mceResize { + background: transparent url('../images/resize-2x.gif') no-repeat scroll right bottom; + -webkit-background-size: 11px 11px; + background-size: 11px 11px; + } + + .rtl #content-resize-handle, + .rtl #post-body .wp_themeSkin .mceStatusbar a.mceResize { + background: transparent url('../images/resize-rtl-2x.gif') no-repeat scroll right bottom; + } +} + +/* one column on the post write/edit screen */ +@media only screen and (max-width: 850px) { + #poststuff { + min-width: 0; + } + + #wpbody-content #poststuff #post-body { + margin: 0; + } + + #wpbody-content #post-body.columns-2 #postbox-container-1 { + margin-right: 0; + width: 100%; + } + + #poststuff #postbox-container-1 .empty-container, + #poststuff #postbox-container-1 #side-sortables:empty { + border: 0 none; + height: 0; + min-height: 0; + } + + #poststuff #post-body.columns-2 #side-sortables { + min-height: 0; + } + + /* hide the radio buttons for column prefs */ + .screen-layout, + .columns-prefs { + display: none; + } +} + +@media screen and ( max-width: 782px ) { + #post-body-content { + min-width: 0; + } + + #titlediv #title-prompt-text { + padding: 10px 10px; + } + + #poststuff h3 { + padding: 12px; + } + + .post-format-options { + padding-right: 0; + } + + .post-format-options a { + margin-right: 5px; + margin-bottom: 5px; + min-width: 52px; + } + + .post-format-options .post-format-title { + font-size: 11px; + } + + .post-format-options a div { + height: 28px; + width: 28px; + } + + .post-format-options a div:before { + font-size: 26px !important; + } + + /* Publish Metabox Options */ + #post-visibility-select { + line-height: 280%; + } + + .wp-core-ui .save-post-visibility, + .wp-core-ui .save-timestamp { + vertical-align: middle; + margin-right: 15px; + } + + .timestamp-wrap select#mm { + display: block; + width: 100%; + margin-bottom: 10px; + } + + .timestamp-wrap #jj, + .timestamp-wrap #aa, + .timestamp-wrap #hh, + .timestamp-wrap #mn { + padding: 12px 3px; + font-size: 14px; + margin-bottom: 5px; + width: auto; + text-align: center; + } + + /* Categories Metabox */ + ul.category-tabs { + margin: 30px 0 15px; + } + + ul.category-tabs li.tabs { + padding: 15px; + } + + ul.categorychecklist li { + margin-bottom: 15px; + } + + ul.categorychecklist ul { + margin-top: 15px; + } + + .category-add input[type=text], + .category-add select { + max-width: none; + margin-bottom: 15px; + } + + /* Tags Metabox */ + .tagsdiv .newtag { + width: 100%; + padding: 25px 10px; + margin-bottom: 15px; + } + + .tagchecklist { + margin: 25px 10px; + } + + .tagchecklist span { + font-size: 16px; + line-height: 120%; + } + + /* Discussion */ + #commentstatusdiv p { + line-height: 2.8; + } + + /* TinyMCE Adjustments */ + .mceToolbar * { + white-space: normal !important; + } + + .mceToolbar tr, + .mceToolbar td { + float: left !important; + } + + .wp_themeSkin a.mceButton { + width: 30px; + height: 30px; + } + + .wp_themeSkin .mceButton .mceIcon { + margin-top: 5px; + margin-left: 5px; + } + + .wp_themeSkin .mceSplitButton { + margin-top: 1px; + } + + .wp_themeSkin .mceSplitButton td a.mceAction { + padding-top: 6px; + padding-bottom: 6px; + padding-left: 6px; + padding-right: 3px; + } + + .wp_themeSkin .mceSplitButton td a.mceOpen, + .wp_themeSkin .mceSplitButtonEnabled:hover td a.mceOpen { + padding-top: 6px; + padding-bottom: 6px; + background-position: 1px 6px; + } + + .wp_themeSkin table.mceListBox { + margin: 5px; + } + + div.quicktags-toolbar input { + padding: 10px 20px; + } + + #wp-content-editor-tools { + overflow: hidden; + padding: 20px 15px 1px 0; + top: 1px; + } + + a.wp-switch-editor { + font-size: 16px; + line-height: 1em; + margin: 3px 0 0 7px; + padding: 12px 15px; + } + + #wp-content-media-buttons a { + font-size: 16px; + line-height: 37px; + height: 39px; + padding: 0 20px 0 15px; + } + + .wp-media-buttons span.wp-media-buttons-icon, + .wp-media-buttons span.jetpack-contact-form-icon { + width: 22px !important; + margin-top: -3px !important; + margin-left: -5px !important; + } + + .wp-media-buttons .add_media span.wp-media-buttons-icon:before, + .wp-media-buttons #insert-jetpack-contact-form span.jetpack-contact-form-icon:before { + font-size: 20px !important; + } + + #content_wp_fullscreen { + display: none; + } + + .misc-pub-section { + padding: 20px 10px 20px; + } + + .misc-pub-section > a { + float: right; + font-size: 16px; + } + + #delete-action, + #publishing-action { + line-height: 47px; + } + + /* Moderate Comment */ + .comment-ays { + border-bottom: none; + } + + /* Links */ + .links-table #link_rel { + max-width: none; + } + + .links-table th, + .links-table td { + padding: 10px 0; + } +} + +@media only screen and (max-width: 500px) { + /* Align Add Media + Visual + Text tabs */ + #wp-content-media-buttons a { + font-size: 14px; + padding: 0 10px 0 10px; + } +} diff --git a/src/wp-admin/css/forms.css b/src/wp-admin/css/forms.css new file mode 100644 index 0000000000..f58afa5115 --- /dev/null +++ b/src/wp-admin/css/forms.css @@ -0,0 +1,971 @@ +/* include margin and padding in the width calculation of input and textarea */ +input, +input[type="text"], +input[type="password"], +input[type="number"], +input[type="search"], +input[type="email"], +input[type="url"], +textarea { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +input[type="checkbox"], +input[type="radio"] { + border: 1px solid #bbb; + background: #fff; + color: #555; + clear: none; + cursor: pointer; + display: inline-block; + line-height: 0; + height: 16px; + margin: -4px 4px 0 0; + outline: 0; + padding: 0 !important; + text-align: center; + vertical-align: middle; + width: 16px; + min-width: 16px; + -webkit-appearance: none; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); + box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); +} + +input[type="radio"]:checked + label:before { + color: #888; +} + +.wp-core-ui input[type="reset"]:hover, +.wp-core-ui input[type="reset"]:active { + color: #2ea2cc; +} + +td > input[type="checkbox"], +.wp-admin p input[type=checkbox], +.wp-admin p input[type=radio] { + margin-top: 0; +} + +.wp-admin p label input[type=checkbox] { + margin-top: -4px; +} + +.wp-admin p label input[type=radio] { + margin-top: -2px; +} + +input[type=radio] { + -webkit-border-radius: 50%; + border-radius: 50%; + margin-right: 4px; + line-height: 10px; +} + +input:disabled, +input.disabled, +textarea:disabled, +textarea.disabled { + -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.04); + box-shadow: inset 0 1px 2px rgba(0,0,0,0.04); + border-color: rgba(222, 222, 222, .75); + background: rgba(255, 255, 255, .5); + color: rgba(51, 51, 51, .5); +} + +input[type=checkbox]:disabled, +input[type=radio]:disabled, +input[type=checkbox]:disabled:checked:before, +input[type=radio]:disabled:checked:before { + opacity: 0.7; +} + +input[type=checkbox]:checked:before, +input[type=radio]:checked:before { + float: left; + display: inline-block; + vertical-align: middle; + width: 16px; + font: normal 21px/1 'dashicons'; + speak: none; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +input[type=checkbox]:checked:before { + content: '\f147'; + margin: -3px 0 0 -4px; + color: #1e8cbe; +} + +input[type=radio]:checked:before { + content: '\2022'; + text-indent: -9999px; + -webkit-border-radius: 50px; + border-radius: 50px; + font-size: 24px; + width: 6px; + height: 6px; + margin: 4px; + line-height: 16px; + background-color: #1e8cbe; +} + +input.readonly, textarea.readonly { + background-color: #ddd; +} + +@-moz-document url-prefix() { + input[type=checkbox], + input[type=radio], + .form-table input.tog { + margin-bottom: -1px; + } +} + +/* Search */ +input[type="search"] { + -webkit-appearance: textfield; +} + +input[type="search"]::-webkit-search-decoration { + display: none; +} + +.ie8 input[type="password"] { + font-family: sans-serif; +} + +textarea, +input, +select, +button { + font-family: inherit; + font-size: inherit; + font-weight: inherit; +} + +textarea, +input, +select { + font-size: 14px; + padding: 3px 5px; + line-height: 15px; + -webkit-border-radius: 0; + border-radius: 0; /* Reset mobile webkit's default element styling */ +} + +textarea { + overflow: auto; + padding: 2px 6px; + line-height: 1.4; +} + +input[type="text"], +input[type="password"], +input[type="number"], +input[type="search"], +input[type="email"], +input[type="url"], +textarea, +select { + outline: 0; +} + +.wp-admin input[type="file"] { + padding: 3px 0; +} + +label { + cursor: pointer; +} + +input, +select { + margin: 1px; + padding: 3px 5px; +} + +input.code { + padding-top: 6px; +} + +textarea.code { + line-height: 1.4; + padding: 4px 6px 1px 6px; +} + +textarea, +input[type="text"], +input[type="password"], +input[type="email"], +input[type="number"], +input[type="search"], +input[type="tel"], +input[type="url"], +select { + border: 1px solid #ddd; + -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.07); + box-shadow: inset 0 1px 2px rgba(0,0,0,0.07); + background-color: #fff; + color: #333; +} + +select[disabled] { + color: #7f7f7f; +} + +select:focus { + border-color: #aaa; +} + +textarea:focus, +input[type="text"]:focus, +input[type="password"]:focus, +input[type="email"]:focus, +input[type="number"]:focus, +input[type="search"]:focus, +input[type="tel"]:focus, +input[type="url"]:focus, +input[type="checkbox"]:focus, +input[type="radio"]:focus, +select:focus { + border-color: #999; + -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1); + box-shadow: 0 1px 2px rgba(0,0,0,0.1); +} + +input[readonly] { + background-color: #eee; +} + +:-moz-placeholder, +.wp-core-ui :-moz-placeholder { + color: #a9a9a9; +} + +.form-invalid { + background-color: #ffebe8 !important; +} + +.form-invalid input, +.form-invalid select { + border-color: #c00 !important; +} + +.form-input-tip { + color: #666; +} + +/*------------------------------------------------------------------------------ + 2.0 - Forms +------------------------------------------------------------------------------*/ + + +.wp-admin select { + padding: 2px; + line-height: 28px; + height: 28px; + vertical-align: middle; +} + +.wp-admin .button-cancel { + padding: 0 5px; + line-height: 2; +} + +.meta-box-sortables select { + max-width: 100%; +} + +.wp-admin select[multiple] { + height: auto; +} + +.submit { + padding: 1.5em 0; + margin: 5px 0; + -webkit-border-bottom-left-radius: 3px; + border-bottom-left-radius: 3px; + -webkit-border-bottom-right-radius: 3px; + border-bottom-right-radius: 3px; + border: none; +} + +form p.submit a.cancel:hover { + text-decoration: none; +} + +p.submit { + text-align: left; + max-width: 100%; + margin-top: 20px; + padding-top: 10px; +} + +.textright p.submit { + border: none; + text-align: right; +} + +table.form-table + p.submit, +table.form-table + input + p.submit, +table.form-table + input + input + p.submit { + border-top: none; + padding-top: 0; +} + +#minor-publishing-actions input, +#major-publishing-actions input, +#minor-publishing-actions .preview { + text-align: center; +} + +textarea.all-options, +input.all-options { + width: 250px; +} + +input.large-text, +textarea.large-text { + width: 99%; +} + +input.regular-text, +#adduser .form-field input { + width: 25em; +} + +input.small-text { + width: 50px; + padding: 1px 6px; +} + +input[type="number"].small-text { + width: 65px; +} + +#doaction, +#doaction2, +#post-query-submit { + margin: 1px 8px 0 0; +} + +.tablenav #changeit, +.tablenav #delete_all, +.tablenav #clear-recent-list { + margin-top: 1px; +} + +.tablenav .actions select { + float: left; + margin-right: 6px; + max-width: 200px; +} + +.ie8 .tablenav .actions select { + width: 155px; +} + +.ie8 .tablenav .actions select#cat { + width: 200px; +} + +#timezone_string option { + margin-left: 1em; +} + +#upload-form label { + color: #777; +} + +label, +#your-profile label + a { + vertical-align: middle; +} + +fieldset label, +#your-profile label + a { + vertical-align: middle; +} + +.options-media-php label[for*="_size_"], +#misc-publishing-actions label { + vertical-align: baseline; +} + +#misc-publishing-actions label[for="post_status"]:before { + content: '\f173'; + display: inline-block; + font: normal 20px/1 'dashicons'; + speak: none; + left: -1px; + padding: 0 5px 0 0; + position: relative; + top: 0; + text-decoration: none !important; + vertical-align: top; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +#pass-strength-result { + background-color: #eee; + border: 1px solid #ddd; + float: left; + margin: 13px 5px 5px 1px; + padding: 3px 5px; + text-align: center; + width: 200px; + display: none; +} + +#pass-strength-result.short { + background-color: #ffa0a0; + border-color: #f04040; +} + +#pass-strength-result.bad { + background-color: #ffb78c; + border-color: #ff853c; +} + +#pass-strength-result.good { + background-color: #ffec8b; + border-color: #fc0; +} + +#pass-strength-result.strong { + background-color: #c3ff88; + border-color: #8dff1c; +} + +.indicator-hint { + padding-top: 8px; +} + +p.search-box { + float: right; + margin: 0; +} + +.network-admin.themes-php p.search-box { + clear: left; +} + +.search-box input[name="s"], +#search-plugins input[name="s"], +.tagsdiv .newtag { + float: left; + height: 28px; + margin: 0 4px 0 0; +} + +input[type="text"].ui-autocomplete-loading { + background: transparent url('../images/loading.gif') no-repeat right center; + visibility: visible; +} + +ul#add-to-blog-users { + margin: 0 0 0 14px; +} + +.ui-autocomplete-input.open { + -webkit-border-bottom-right-radius: 0; + border-bottom-right-radius: 0; + -webkit-border-bottom-left-radius: 0; + border-bottom-left-radius: 0; +} + +.ui-autocomplete { + padding: 0; + margin: 0; + list-style: none; + position: absolute; + z-index: 10000; + -webkit-border-bottom-right-radius: 3px; + border-bottom-right-radius: 3px; + -webkit-border-bottom-left-radius: 3px; + border-bottom-left-radius: 3px; + border: 1px solid #aaa; + background-color: #efefef; +} + +.ui-autocomplete li { + margin-bottom: 0; + white-space: nowrap; + text-align: left; +} + +.ui-autocomplete li a { + display: block; + height: 100%; + padding: 4px 10px; + color: #444; +} + +.ui-autocomplete li a.ui-state-focus { + background-color: #ddd; + cursor: pointer; +} + +/*------------------------------------------------------------------------------ + 15.0 - Comments Screen +------------------------------------------------------------------------------*/ + +.form-table { + border-collapse: collapse; + margin-top: 0.5em; + width: 100%; + clear: both; +} + +.form-table, +.form-table td, +.form-table th, +.form-table td p, +.form-wrap label { + font-size: 14px; +} + +.form-table td { + margin-bottom: 9px; + padding: 15px 10px; + line-height: 1.3; + vertical-align: middle; +} + +.form-table th, +.form-wrap label { + color: #222; + font-weight: normal; + text-shadow: none; + vertical-align: baseline; +} + +.form-table th { + vertical-align: top; + text-align: left; + padding: 20px 10px 20px 0; + width: 200px; + line-height: 1.3; + font-weight: 600; +} + +.form-table th.th-full { + width: auto; + font-weight: 400; +} + +.form-table td p { + margin-top: 4px; + margin-bottom: 0; +} + +.form-table td fieldset label { + margin: 0.25em 0 0.5em !important; + display: inline-block; +} + +.form-table td fieldset label, +.form-table td fieldset p, +.form-table td fieldset li { + line-height: 1.4em; +} + +.form-table input.tog, +.form-table input[type=radio] { + margin-top: -4px; + margin-right: 4px; + float: none; +} + +.form-table .pre { + padding: 8px; + margin: 0; +} + +table.form-table td .updated { + font-size: 13px; +} + +/*------------------------------------------------------------------------------ + 18.0 - Users +------------------------------------------------------------------------------*/ + +#profile-page .form-table textarea { + width: 500px; + margin-bottom: 6px; +} + +#profile-page .form-table #rich_editing { + margin-right: 5px +} + +#your-profile legend { + font-size: 22px; +} + +#display_name { + width: 15em; +} + +#createuser .form-field input { + width: 25em; +} + +.color-option { + display: inline-block; + width: 24%; + padding: 5px 15px 15px; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + margin-bottom: 3px; +} + +.color-option:hover, +.color-option.selected { + background: #ddd; +} + +.color-palette { + width: 100%; + border-spacing: 0; + border-collapse: collapse; +} +.color-palette td { + height: 20px; + padding: 0; + border: none; +} + +.color-option { + cursor: pointer; +} + +/*------------------------------------------------------------------------------ + 19.0 - Tools +------------------------------------------------------------------------------*/ + +.tool-box .title { + margin: 8px 0; + font-size: 18px; + font-weight: normal; + line-height: 24px; +} + +.pressthis { + margin: 20px 0; +} + +.pressthis a, +.pressthis a:hover, +.pressthis a:focus, +.pressthis a:active { + display: inline-block; + position: relative; + cursor: move; + color: #333; + background: #e6e6e6; + -webkit-border-radius: 5px; + border-radius: 5px; + border: 1px solid #b4b4b4; + font-style: normal; + line-height: 16px; + font-size: 14px; + text-decoration: none; +} + +.pressthis a:active { + outline: none; +} + +.pressthis a:hover:after { + -webkit-transform: skew(20deg) rotate(9deg); + -ms-transform: skew(20deg) rotate(9deg); + transform: skew(20deg) rotate(9deg); + -webkit-box-shadow: 0 10px 8px rgba(0, 0, 0, 0.7); + box-shadow: 0 10px 8px rgba(0, 0, 0, 0.7); +} + +.pressthis a span { + display: inline-block; + margin: 0px 0 0; + padding: 0px 12px 8px 9px; +} + +.pressthis a span:before { + color: #777; + font: normal 20px/1 'dashicons'; + content:'\f157'; + position: relative; + display: inline-block; + top: 4px; + margin-right: 4px; +} + +.pressthis a:after { + content: ''; + width: 70%; + height: 55%; + z-index: -1; + position: absolute; + right: 10px; + bottom: 9px; + background: transparent; + -webkit-transform: skew(20deg) rotate(6deg); + -ms-transform: skew(20deg) rotate(6deg); + transform: skew(20deg) rotate(6deg); + -webkit-box-shadow: 0 10px 8px rgba(0, 0, 0, 0.6); + box-shadow: 0 10px 8px rgba(0, 0, 0, 0.6); +} + +/*------------------------------------------------------------------------------ + 20.0 - Settings +------------------------------------------------------------------------------*/ + +#utc-time, #local-time { + padding-left: 25px; + font-style: italic; +} + +.defaultavatarpicker .avatar { + margin: 2px 0; + vertical-align: middle; +} + +.options-general-php .spinner { + float: none; + margin: -3px 3px; +} + +/* =Media Queries +-------------------------------------------------------------- */ + +@media screen and ( max-width: 782px ) { + /* Input Elements */ + textarea { + -webkit-appearance: none; + } + + input[type=text], input[type=search], + input[type=password], input[type=number] { + -webkit-appearance: none; + padding: 6px 10px; + } + + input.code { + padding-bottom: 5px; + padding-top: 10px; + } + + input[type=checkbox], .widefat th input[type=checkbox] { + -webkit-appearance: none; + padding: 10px; + } + + .widefat th input[type=checkbox] { + margin-bottom: 8px; + } + + input[type=checkbox]:checked:before, .widefat th input[type=checkbox]:before { + font: normal 30px/1 'Dashicons'; + margin: -3px -5px; + } + + input[type=radio], + input[type=checkbox] { + height: 25px; + width: 25px; + } + + .wp-admin p input[type=checkbox], + .wp-admin p input[type=radio] { + margin-top: -3px; + } + + input[type=radio]:checked:before { + vertical-align: middle; + width: 9px; + height: 9px; + margin: 7px; + line-height: 16px; + } + + .wp-upload-form input[type=submit] { + margin-top: 10px; + } + + #wpbody select { + height: 36px; + font-size: 16px; + } + + .wp-admin .button-cancel { + padding: 0; + font-size: 14px; + } + + #createuser .form-field input { + width: 100%; + } + + .form-table { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + } + + .form-table th, + .form-table td { + display: block; + width: auto; + vertical-align: middle; + } + + .form-table .color-palette td { + display: table-cell; + width: 15px; + } + + .form-table table.color-palette { + margin-right: 10px; + } + + textarea, + input { + font-size: 16px; + } + + .form-table td input[type="text"], + .form-table td input[type="password"], + .form-table td select, + .form-table td textarea, + .form-table span.description, + #profile-page .form-table textarea { + width: 100%; + font-size: 16px; + line-height: 1.5; + padding: 7px 10px; + display: block; + max-width: none; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + } + + input[type=text].small-text, + input[type=search].small-text, + input[type=password].small-text, + input[type=number].small-text, + input[type="number"].small-text, + .form-table input[type=text].small-text { + width: auto; + max-width: 55px; + display: inline; + padding: 3px 6px; + margin: 0 3px; + } + + #pass-strength-result { + width: 100%; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + padding: 8px; + } + + p.search-box { + float: none; + position: absolute; + bottom: 0; + width: 98%; + height: 90px; + margin-bottom: 20px; + } + + p.search-box input[name="s"] { + height: auto; + float: none; + width: 100%; + margin-bottom: 10px; + vertical-align: middle; + -webkit-appearance: none; + } + + p.search-box input[type="submit"] { + margin-bottom: 10px; + } + + .form-table span.description { + padding: 4px 0 0; + line-height: 1.4em; + } + + .form-table th { + padding-top: 10px; + padding-bottom: 0; + border-bottom: 0; + } + + .form-table td { + padding-top: 8px; + padding-left: 0; + } + + .form-table input.regular-text { + width: 100%; + } + + .form-table label { + font-size: 14px; + } + + .form-table fieldset label { + display: block; + } + + #utc-time { + margin-top: 10px; + } + + #utc-time, + #local-time { + display: block; + float: none; + padding: 0; + line-height: 2; + } +} + +@media only screen and (max-width: 768px) { + .form-field input, + .form-field textarea { + width: 99%; + } + + .form-wrap .form-field { + padding:0; + } + + /* users */ + #profile-page .form-table textarea { + max-width: 400px; + width: auto; + } +} + +/* Smartphone */ +@media screen and (max-width: 600px) { + /* Color Picker Options */ + .color-option { + width: 49%; + } +} + diff --git a/src/wp-admin/css/l10n.css b/src/wp-admin/css/l10n.css new file mode 100644 index 0000000000..b203590cc0 --- /dev/null +++ b/src/wp-admin/css/l10n.css @@ -0,0 +1,97 @@ +/*------------------------------------------------------------------------------ + 27.0 - Localization +------------------------------------------------------------------------------*/ + +/* RTL except Hebrew (see below): Tahoma as the first font; */ +body.rtl, +body.rtl .press-this a.wp-switch-editor { + font-family: Tahoma, Arial, sans-serif; +} + + +/* he_IL: Remove Tahoma from the font stack. Arial is best for Hebrew. */ +body.locale-he-il, +body.locale-he-il .press-this a.wp-switch-editor { + font-family: Arial, sans-serif; +} + +/* he_IL: Have be bold rather than italic. */ +.locale-he-il em { + font-style: normal; + font-weight: bold; +} + +/* zh_CN: Remove italic properties. */ +.locale-zh-cn .howto, +.locale-zh-cn .tablenav .displaying-num, +.locale-zh-cn .js .input-with-default-title, +.locale-zh-cn .link-to-original, +.locale-zh-cn .inline-edit-row fieldset span.title, +.locale-zh-cn .inline-edit-row fieldset span.checkbox-title, +.locale-zh-cn #utc-time, +.locale-zh-cn #local-time, +.locale-zh-cn p.install-help, +.locale-zh-cn p.help, +.locale-zh-cn p.description, +.locale-zh-cn span.description, +.locale-zh-cn .form-wrap p { + font-style: normal; +} + +/* zh_CN: Enlarge dashboard widget 'Configure' link */ +.locale-zh-cn .hdnle a { font-size: 12px; } + +/* zn_CH: Enlarge font size, set font-size: normal */ +.locale-zh-cn form.upgrade .hint { font-style: normal; font-size: 100%; } + +/* Zn_CH: Distraction free writing. + * More beautiful font for "Just write." + * Larger text for HTML/Visual mode. + */ +.locale-zh-cn #wp-fullscreen-tagline { font-family: KaiTi, "楷体", sans-serif; } +.locale-zh-cn #wp-fullscreen-modes a { font-size: 12px; } + +/* zh_CN: Enlarge font-size. */ +.locale-zh-cn #sort-buttons { font-size: 1em !important; } + +/* de_DE: Text needs more space for translation */ +.locale-de-de .inline-edit-row fieldset label span.title { + width: 7em; /* default 5em */ +} +.locale-de-de .inline-edit-row fieldset label span.input-text-wrap { + margin-left: 7em; /* default 5em */ +} +.locale-de-de #customize-header-actions .button { + padding: 0 5px 1px; /* default 0 10px 1px */ +} +.locale-de-de #customize-header-actions .spinner { + margin: 16px 3px 0; /* default 16px 4px 0 5px */ +} + +/* ru_RU: Text needs more room to breathe. */ +.locale-ru-ru .inline-edit-row fieldset label span.title { + width: 8em; /* default 5em */ +} +.locale-ru-ru .inline-edit-row fieldset label span.input-text-wrap { + margin-left: 8em; /* default 5em */ +} +.locale-ru-ru.press-this .posting { + margin-right: 277px; /* default 252px + 25px */ +} +.locale-ru-ru .press-this-sidebar { + width: 265px; /* default 240px + 25px */ +} +.locale-ru-ru #customize-header-actions .button { + padding: 0 5px 1px; /* default 0 10px 1px */ +} +.locale-ru-ru #customize-header-actions .spinner { + margin: 16px 3px 0; /* default 16px 4px 0 5px */ +} + +/* lt_LT: QuickEdit */ +.locale-lt-lt .inline-edit-row fieldset label span.title { + width: 8em; +} +.locale-lt-lt .inline-edit-row fieldset label span.input-text-wrap { + margin-left: 8em; +} diff --git a/src/wp-admin/css/list-tables.css b/src/wp-admin/css/list-tables.css new file mode 100644 index 0000000000..14def55176 --- /dev/null +++ b/src/wp-admin/css/list-tables.css @@ -0,0 +1,1617 @@ +/* List table styles */ +.post-com-count-wrapper { + min-width: 22px; +} + +.post-com-count { + background: none; + height: 1.3em; + line-height: 1.1em; + display: block; + text-decoration: none; + padding: 0 0 6px; + cursor: pointer; + background-position: center -80px; + background-repeat: no-repeat; + color: #fff; +} + +.post-com-count:after { /* draw bubble connector using CSS! */ + content: ""; + display: block; + width: 0; + height: 0; + margin-left: 8px; + border-top: 5px solid #bbb; + border-right: 5px solid transparent; +} + +.post-com-count span { + font-size: 11px; + font-weight: 600; + height: 1.4em; + line-height: 1.4em; + min-width: 0.7em; + padding: 0 6px; + display: inline-block; + -webkit-border-radius: 5px; + border-radius: 5px; + background-color: #bbb; + color: #fff; +} + +.post-com-count:hover { + background-position: center -3px; +} + +.post-com-count:hover span { + background-color: #2ea2cc; +} + +.post-com-count:hover:after { + border-top: 5px solid #2ea2cc; +} + +strong .post-com-count { + background-position: center -55px; +} + +strong .post-com-count span { + background-color: #0074a2; +} + +strong .post-com-count:after { + border-top: 5px solid #0074a2; +} + +.column-response .post-com-count { + float: left; + margin-right: 5px; + text-align: center; +} + +.response-links { + float: left; +} + +/* comments */ + +.commentlist li { + padding: 1em 1em .2em; + margin: 0; + border-bottom: 1px solid #ccc; +} + +.commentlist li li { + border-bottom: 0; + padding: 0; +} + +.commentlist p { + padding: 0; + margin: 0 0 .8em; +} + +#submitted-on, +.submitted-on { + color: #777; +} + +/* reply to comments */ +#replyrow td { + padding: 2px; +} + +#replysubmit { + margin: 0; + padding: 0 5px 3px; + text-align: center; +} + +#replysubmit .spinner { + padding: 2px 0 0; + vertical-align: top; + float: right; +} + +#replysubmit .button { + margin-right: 5px; +} + +#replysubmit .error { + color: red; + line-height: 21px; + text-align: center; +} + +#replyrow h5 { + margin: .2em 0 0; + padding: 0 5px; + line-height: 1.4em; + font-size: 1em; +} + +#edithead .inside { + float: left; + padding: 3px 0 2px 5px; + margin: 0; + text-align: center; +} + +#edithead .inside input { + width: 180px; +} + +#edithead label { + padding: 2px 0; +} + +#replycontainer { + padding: 5px; +} + +#replycontent { + height: 120px; + -webkit-box-shadow: none; + box-shadow: none; +} + +#replyerror { + border-color: #ddd; + background-color: #f9f9f9; +} + +/* @todo: is this used? */ +.commentlist .avatar { + vertical-align: text-top; +} + +#the-comment-list .attachment-80x60 { + padding: 4px 8px; +} + +#the-comment-list tr.undo, +#the-comment-list div.undo { + background-color: #f4f4f4; +} + +#the-comment-list .unapproved th, +#the-comment-list .unapproved td { + background-color: #fefaf7; +} + +#the-comment-list .unapproved th.check-column { + border-left: 4px solid #d54e21; +} + +#the-comment-list .unapproved th.check-column input { + margin-left: 4px; +} + +#the-comment-list .approve a { + color: #006505; +} + +#the-comment-list .unapprove a { + color: #d98500; +} + +#the-comment-list th, +#the-comment-list td { + -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1); + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1); +} + +#the-comment-list tr:last-child th, +#the-comment-list tr:last-child td { + -webkit-box-shadow: none; + box-shadow: none; +} + +#the-comment-list tr.unapproved + tr.approved th, +#the-comment-list tr.unapproved + tr.approved td { + border-top: 1px solid rgba(0, 0, 0, 0.03); +} + +/* table vim shortcuts */ +.vim-current, +.vim-current th, +.vim-current td { + background-color: #e4f2fd !important; +} + +th .comment-grey-bubble { + height: 16px; + width: 16px; +} + +th .comment-grey-bubble:before { + content: '\f101'; + font: normal 20px/.5 'dashicons'; + speak: none; + display: inline-block; + padding: 0; + top: 4px; + left: -4px; + position: relative; + vertical-align: top; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-decoration: none !important; + color: #444; +} + +/*------------------------------------------------------------------------------ + 10.0 - List Posts (/Pages/etc) +------------------------------------------------------------------------------*/ + +table.fixed { + table-layout: fixed; +} + +.fixed .column-rating, +.fixed .column-visible { + width: 8%; +} + +.fixed .column-posts, +.fixed .column-date, +.fixed .column-parent, +.fixed .column-links, +.fixed .column-author, +.fixed .column-format { + width: 10%; +} + +.fixed .column-comment .comment-author { + display: none; +} + +.fixed .column-response, +.fixed .column-categories, +.fixed .column-tags, +.fixed .column-rel, +.fixed .column-role { + width: 15%; +} + +.fixed .column-slug { + width: 25%; +} + +.fixed .column-locations { + width: 35%; +} + +.fixed .column-comments { + width: 4em; + padding: 8px 0; + text-align: left; +} + +.fixed .column-comments .vers { + padding-left: 3px; +} + +.fixed .column-comments a { + float: left; +} + +.fixed .column-icon { + width: 80px; +} + +/* @todo: pick a consistent list table selector */ +.wp-list-table a { + -webkit-transition: none; + transition: none; +} + +#the-list tr:last-child td, +#the-list tr:last-child th { + border-bottom: none !important; + -webkit-box-shadow: none; + box-shadow: none; +} + +#comments-form .fixed .column-author { + width: 20%; +} + +#commentsdiv.postbox .inside { + margin: 0; + padding: 0; +} + +#commentsdiv .inside .row-actions { + line-height:18px; +} + +#commentsdiv .inside .column-author { + width: 25%; +} + +#commentsdiv .column-comment p { + margin: 0.6em 0; + padding: 0; +} + +#commentsdiv #replyrow td { + padding: 0; +} + +#commentsdiv p { + padding: 8px 10px; + margin: 0; +} + +#commentsdiv .comments-box { + border: 0 none; +} + +#commentsdiv .comments-box thead th { + background: transparent; + padding: 0 7px 4px; + font-style: italic; +} + +#commentsdiv .comments-box tr:last-child td { + border-bottom: 0 none; +} + +#commentsdiv .spinner { + padding-left: 5px; +} + +.sorting-indicator { + display: none; + width: 10px; + height: 4px; + margin-top: 8px; + margin-left: 7px; +} + +.sorting-indicator:before { + background: none; + content: '\f142'; + font: normal 20px/1 'dashicons'; + speak: none; + display: inline-block; + padding: 0; + top: -4px; + left: -8px; + color: #444; + line-height: 10px; + position: relative; + vertical-align: top; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-decoration: none !important; + color: #444; +} + +.column-comments .sorting-indicator:before { + top: 0; + left: -10px; +} + +th.sorted.asc .sorting-indicator:before, +th.desc:hover span.sorting-indicator:before { + content: '\f142'; +} + +th.sorted.desc .sorting-indicator:before, +th.asc:hover span.sorting-indicator:before { + content: '\f140'; +} + +tr.wp-locked .locked-indicator { + background: url('../images/lock.png') no-repeat; + margin: -2px 0 0 6px; + height: 20px; + width: 16px; +} + +tr.wp-locked .check-column label, +tr.wp-locked .check-column input[type="checkbox"], +tr.wp-locked .row-actions .inline, +tr.wp-locked .row-actions .trash { + display: none; +} + +tr .locked-info { + height: 0; + opacity: 0; +} + +tr.wp-locked .locked-info { + margin-top: 8px; + height: auto; + opacity: 1; +} + +.locked-text { + vertical-align: top; +} + +tr.locked-info, tr.wp-locked .locked-info { + -webkit-transition: height 1s, opacity 0.5s; + transition: height 1s, opacity 0.5s; +} + +.fixed .column-comments .sorting-indicator { + margin-top: 3px; +} + +#menu-locations-wrap .widefat { + width: 60%; +} + +.widefat th.sortable, +.widefat th.sorted { + padding: 0; +} + +th.sortable a, +th.sorted a { + display: block; + overflow: hidden; + padding: 7px 7px 8px 10px; +} + +th.manage-column a, +th.sortable a:hover, +th.sortable a:active, +th.sortable a:focus { + color: #333; +} + +th.sortable a:focus { + background: #e1e1e1; +} + +.fixed .column-comments.sortable a, +.fixed .column-comments.sorted a { + padding: 8px 0; +} + +th.sortable a span, +th.sorted a span { + float: left; + cursor: pointer; +} + +th.sorted.asc .sorting-indicator, +th.desc:hover span.sorting-indicator { + display: block; + background-position: 0 0; +} + +th.sorted.desc .sorting-indicator, +th.asc:hover span.sorting-indicator { + display: block; + background-position: -7px 0; +} + +/* Bulk Actions */ +.tablenav-pages a { + font-weight: 600; + margin-right: 1px; + padding: 0 2px; +} +.tablenav-pages .current-page { + padding-top: 0; + text-align: center; +} +.tablenav-pages .next-page { + margin-left: 2px; +} + +.tablenav a.button-secondary { + display: block; + margin: 3px 8px 0 0; +} + +.tablenav { + clear: both; + height: 30px; + margin: 6px 0 4px; + vertical-align: middle; +} + +.tablenav.themes { + max-width: 98%; +} + +.tablenav .tablenav-pages { + float: right; + display: block; + cursor: default; + height: 30px; + color: #555; + line-height: 30px; + font-size: 12px; +} + +.tablenav .no-pages, +.tablenav .one-page .pagination-links { + display: none; +} + +.tablenav .tablenav-pages a, +.tablenav-pages span.current { + text-decoration: none; + padding: 3px 6px; +} + +.tablenav .tablenav-pages a { + padding: 0 10px 3px; + background: #eee; + background: rgba( 0, 0, 0, 0.05 ); + font-size: 16px; + font-weight: normal; +} + +.tablenav .tablenav-pages a:hover, +.tablenav .tablenav-pages a:focus { + color: #fff; + background: #2ea2cc; +} + +.tablenav .tablenav-pages a.disabled, +.tablenav .tablenav-pages a.disabled:hover, +.tablenav .tablenav-pages a.disabled:focus, +.tablenav .tablenav-pages a.disabled:active { + color: #aaa; + background: #eee; + background: rgba( 0, 0, 0, 0.05 ); +} + +.tablenav .displaying-num { + margin-right: 2px; + color: #777; + font-size: 12px; + font-style: italic; +} + +.tablenav .actions { + overflow: hidden; + padding: 2px 8px 0 0; +} + +.tablenav .delete { + margin-right: 20px; +} + +/* @todo: unclear if the following tablenav rules are actually used. +classes exist in paginate_links() but not seen in list table output. */ +.tablenav .dots { + border-color: transparent; +} + +.tablenav .next, +.tablenav .prev { + border-color: transparent; + color: #0074a2; +} + +.tablenav .next:hover, +.tablenav .prev:hover { + border-color: transparent; + color: #2ea2cc; +} + +.view-switch { + float: right; + margin: 5px 16px 0 8px; +} + +.view-switch img { + display: none; +} + +.view-switch a { + text-decoration: none; +} + +.view-switch > a { + display: inline-block; + width: 18px; + height: 18px; +} + +.view-switch > a:before { + color: #bbb; + content: '\f163'; + display: inline-block; + float: left; + font: normal 20px/1 'dashicons'; + speak: none; + vertical-align: middle; + margin-left: 0; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.view-switch a:hover:before { + color: #727272; +} + +.view-switch a.current:before { + color: #0074a2; +} + +.view-switch > a + a:before { + margin-left: 5px; + content: '\f164'; +} + +.filter { + float: left; + margin: -5px 0 0 10px; +} + +.filter .subsubsub { + margin-left: -10px; + margin-top: 13px; +} +.screen-per-page { + width: 4em; +} + +#posts-filter fieldset { + float: left; + margin: 0 1.5ex 1em 0; + padding: 0; +} + +#posts-filter fieldset legend { + padding: 0 0 .2em 1px; +} + +p.pagenav { + margin: 0; + display: inline; +} + +.pagenav span { + font-weight: 600; + margin: 0 6px; +} + +.row-title { + font-size: 14px !important; + font-weight: 600; +} + +.column-comment .comment-author { + margin-bottom: 0.6em; +} + +.column-author img, +.column-username img, +.column-comment .comment-author img { + float: left; + margin-right: 10px; + margin-top: 1px; +} + +.row-actions { + color: #ddd; + font-size: 13px; + visibility: hidden; + padding: 2px 0 0; +} + +tr:hover .row-actions, +.mobile .row-actions, +.row-actions.visible, +div.comment-item:hover .row-actions { + visibility: visible; +} + +/* deprecated */ +.row-actions-visible { + padding: 2px 0 0; +} + + +/*------------------------------------------------------------------------------ + 10.1 - Inline Editing +------------------------------------------------------------------------------*/ + +/* +.quick-edit* is for Quick Edit +.bulk-edit* is for Bulk Edit +.inline-edit* is for everything +*/ + +/* Layout */ + +#wpbody-content .inline-edit-row fieldset { + font-size: 12px; + float: left; + margin: 0; + padding: 0; + width: 100%; +} + +tr.inline-edit-row td, +#wpbody-content .inline-edit-row fieldset .inline-edit-col { + padding: 0 0.5em; +} + +#wpbody-content .quick-edit-row-page fieldset.inline-edit-col-right .inline-edit-col { + border-width: 0 0 0 1px; + border-style: none none none solid; +} + +#wpbody-content .quick-edit-row-post .inline-edit-col-left { + width: 40%; +} + +#wpbody-content .quick-edit-row-post .inline-edit-col-right { + width: 39%; +} + +#wpbody-content .inline-edit-row-post .inline-edit-col-center { + width: 20%; +} + +#wpbody-content .quick-edit-row-page .inline-edit-col-left { + width: 50%; +} + +#wpbody-content .quick-edit-row-page .inline-edit-col-right, +#wpbody-content .bulk-edit-row-post .inline-edit-col-right { + width: 49%; +} + +#wpbody-content .bulk-edit-row .inline-edit-col-left { + width: 30%; +} + +#wpbody-content .bulk-edit-row-page .inline-edit-col-right { + width: 69%; +} + +#wpbody-content .bulk-edit-row .inline-edit-col-bottom { + float: right; + width: 69%; +} + +#wpbody-content .inline-edit-row-page .inline-edit-col-right { + margin-top: 27px; +} + +.inline-edit-row fieldset .inline-edit-group { + clear: both; +} + +.inline-edit-row fieldset .inline-edit-group:after { + content: "."; + display: block; + height: 0; + clear: both; + visibility: hidden; +} + +.inline-edit-row p.submit { + clear: both; + padding: 0.5em; + margin: 0.5em 0 0; +} + +.inline-edit-row span.error { + line-height: 22px; + margin: 0 15px; + padding: 3px 5px; +} + +/* Positioning */ +.inline-edit-row h4 { + margin: .2em 0; + padding: 0; + line-height: 23px; +} +.inline-edit-row fieldset span.title, +.inline-edit-row fieldset span.checkbox-title { + margin: 0; + padding: 0; + line-height: 27px; +} + +.inline-edit-row fieldset label, +.inline-edit-row fieldset span.inline-edit-categories-label { + display: block; + margin: .2em 0; +} + +.inline-edit-row fieldset label.inline-edit-tags { + margin-top: 0; +} + +.inline-edit-row fieldset label.inline-edit-tags span.title { + margin: .2em 0; + width: auto; +} + +.inline-edit-row fieldset label span.title { + display: block; + float: left; + width: 5em; +} + +.inline-edit-row fieldset label span.input-text-wrap { + display: block; + margin-left: 5em; +} + +.quick-edit-row-post fieldset.inline-edit-col-right label span.title { + width: auto; + padding-right: 0.5em; +} + +.inline-edit-row .input-text-wrap input[type=text] { + width: 100%; +} + +.inline-edit-row fieldset label input[type=checkbox] { + vertical-align: text-bottom; +} + +.inline-edit-row fieldset label textarea { + width: 100%; + height: 4em; +} + +#wpbody-content .bulk-edit-row fieldset .inline-edit-group label { + max-width: 50%; +} + +#wpbody-content .quick-edit-row fieldset .inline-edit-group label.alignleft:first-child { + margin-right: 0.5em +} + +.inline-edit-col-right .input-text-wrap input.inline-edit-menu-order-input { + width: 6em; +} + +.inline-edit-save .spinner { + padding: 4px 10px 0; + vertical-align: top; + float: right; +} + +/* Styling */ +.inline-edit-row h4 { + text-transform: uppercase; +} + +.inline-edit-row fieldset span.title, +.inline-edit-row fieldset span.checkbox-title { + font-style: italic; + line-height: 1.8em; +} + +/* Specific Elements */ +.inline-edit-row fieldset .inline-edit-date { + float: left; +} + +.inline-edit-row fieldset input[name=jj], +.inline-edit-row fieldset input[name=hh], +.inline-edit-row fieldset input[name=mn] { + font-size: 12px; + width: 2.1em; +} + +.inline-edit-row fieldset input[name=aa] { + font-size: 12px; + width: 3.5em; +} + +.inline-edit-row fieldset label input.inline-edit-password-input { + width: 8em; +} + +ul.cat-checklist { + height: 12em; + border: solid 1px #ddd; + overflow-y: scroll; + padding: 0 5px; + margin: 0; + background-color: #fff; +} + +#bulk-titles { + display: block; + height: 12em; + border: 1px solid #ddd; + overflow-y: scroll; + padding: 0 5px; + margin: 0 0 5px; +} + +.inline-edit-row fieldset ul.cat-checklist li, +.inline-edit-row fieldset ul.cat-checklist input { + margin: 0; +} + +.inline-edit-row fieldset ul.cat-checklist label, +.inline-edit-row #bulk-titles div { + font-style: normal; + font-size: 11px; +} + +.inline-edit-row fieldset label input.inline-edit-menu-order-input { + width: 3em; +} + +.inline-edit-row fieldset label input.inline-edit-slug-input { + width: 75%; +} + +.inline-edit-row #post_parent, +.inline-edit-row select[name="page_template"] { + max-width: 80%; +} + +.ie8 .inline-edit-row #post_parent, +.ie8 .inline-edit-row select[name="page_template"] { + width: 250px; +} + +.quick-edit-row-post fieldset label.inline-edit-status { + float: left; +} + +#bulk-titles { + line-height: 140%; +} +#bulk-titles div { + margin: 0.2em 0.3em; +} + +#bulk-titles div a { + cursor: pointer; + display: block; + float: left; + height: 18px; + margin: 0 3px 0 -2px; + overflow: hidden; + position: relative; + width: 20px; +} + +#bulk-titles div a:before { + position: relative; + top: -3px; +} + +/*------------------------------------------------------------------------------ + 17.0 - Plugins +------------------------------------------------------------------------------*/ + +.plugins tbody th.check-column, +.plugins tbody { + padding: 8px 0 0 2px; +} + +.plugins tbody th.check-column input[type=checkbox] { + margin-top: 4px; +} + +#update-plugins-table tbody td p { + margin-top: 0; +} + +#update-plugins-table tbody td p strong { + font-size: 14px; +} + +.plugins thead th.check-column, +.plugins tfoot th.check-column, +.plugins .inactive th.check-column { + padding-left: 6px; +} + +#update-plugins-table thead th.check-column, +#update-plugins-table tfoot th.check-column { + padding-top: 11px; +} + +.plugins, +.plugins th, +.plugins td { + color: #000; +} + +.plugins tr { + background: #fff; +} + +.plugins p { + margin: 0 4px; + padding: 0; +} + +.plugins .desc p { + margin: 0 0 8px; +} + +.plugins td.desc { + line-height: 1.5em; +} + +.plugins .desc ul, +.plugins .desc ol { + margin: 0 0 0 2em; +} + +.plugins .desc ul { + list-style-type: disc; +} + +.plugins .row-actions { + font-size: 13px; + padding: 0; +} + +.plugins .inactive td, +.plugins .inactive th, +.plugins .active td, +.plugins .active th { + padding: 10px 9px; +} + +.plugins .active td, +.plugins .active th { + background-color: #f7fcfe; +} + +.plugins .update th, +.plugins .update td { + border-bottom: 0; +} + +.plugin-update-tr td { + border-top: 0; +} + +.plugins .inactive td, +.plugins .inactive th, +.plugins .active td, +.plugins .active th, +.plugin-install #the-list td, +.upgrade .plugins td, +.upgrade .plugins th { + -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1); + box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1); +} + +.plugins tr.active.plugin-update-tr + tr.inactive th, +.plugins tr.active.plugin-update-tr + tr.inactive td, +.plugins tr.active + tr.inactive th, +.plugins tr.active + tr.inactive td { + border-top: 1px solid rgba(0,0,0,0.03); + -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.02), inset 0 -1px 0 #e1e1e1; + box-shadow: inset 0 1px 0 rgba(0,0,0,0.02), inset 0 -1px 0 #e1e1e1; +} + +.plugins .update td, +.plugins .update th, +.upgrade .plugins tr:last-of-type td, +.upgrade .plugins tr:last-of-type th, +.plugins tr.active + tr.inactive.update th, +.plugins tr.active + tr.inactive.update td { + -webkit-box-shadow: none; + box-shadow: none; +} + +.plugins .active.update td, +.plugins .active.update th, +tr.active.update + tr.plugin-update-tr .plugin-update { + background-color: #fefaf7; +} + +.plugins .active th.check-column { + border-left: 4px solid #2ea2cc; +} + +.plugins .active.update th.check-column, +.plugins .active.update + .plugin-update-tr .plugin-update { + border-left: 4px solid #d54e21; +} + +#wpbody-content .plugins .plugin-title, +#wpbody-content .plugins .theme-title { + padding-right: 12px; + white-space:nowrap; +} + +.plugins .inactive .plugin-title strong { + font-weight: 400; +} + +.plugins .second, +.plugins .row-actions { + padding: 0 0 5px; +} + +.plugins .update .second, +.plugins .update .row-actions { + padding-bottom: 0; +} + +.plugins-php .widefat tfoot th, +.plugins-php .widefat tfoot td { + border-top-style: solid; + border-top-width: 1px; +} + +.plugin-update-tr .update-message { + font-size: 13px; + font-weight: normal; + margin: 6px 12px 12px; + padding: 6px 12px; + margin: 0 10px 8px 31px; + background-color: #f7f7f7; + background-color: rgba(0,0,0,0.03); +} + +.plugin-update-tr .update-message:before { + color: #d54e21; + content: '\f463'; + display: inline-block; + font: normal 20px/1 'dashicons'; + speak: none; + margin: 0 8px 0 -2px; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + vertical-align: top; +} + +.plugins .plugin-update { + padding: 0; + border: none; + -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1); + box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1); +} + +/* update notices for active plugins */ +tr.active + tr.plugin-update-tr .plugin-update { + background-color: #f7fcfe; +} + +tr.active + tr.plugin-update-tr .plugin-update .update-message { + background-color: #fcf3ef; +} + +.plugin-install-php h4 { + margin: 2.5em 0 8px; +} + +/* ms */ +/* Background Color for Site Status */ +.wp-list-table .site-deleted { + background: #ff8573; +} +.wp-list-table .site-spammed { + background: #faafaa; +} +.wp-list-table .site-archived { + background: #ffebe8; +} +.wp-list-table .site-mature { + background: #fecac2; +} + +/* =Media Queries +-------------------------------------------------------------- */ + +/** + * HiDPI Displays + */ +@media print, + (-o-min-device-pixel-ratio: 5/4), + (-webkit-min-device-pixel-ratio: 1.25), + (min-resolution: 120dpi) { + tr.wp-locked .locked-indicator { + background-image: url('../images/lock-2x.png'); + -webkit-background-size: 16px 16px; + background-size: 16px 16px; + } +} + +@media screen and ( max-width: 782px ) { + /* WP List Table Options & Filters */ + .tablenav { + height: auto; + } + + .tablenav.top { + margin: 0; + } + + .tablenav.bottom { + position: relative; + margin-top: 15px; + } + + .tablenav br { + display: none; + } + + .tablenav br.clear { + display: block; + } + + .tablenav.top .actions, .view-switch { + display: none; + } + + /* Pagination */ + .tablenav.top .displaying-num { + display: none; + } + + .tablenav.bottom .displaying-num { + position: absolute; + right: 0; + top: 10px; + font-size: 14px; + } + + .tablenav-pages { + width: 100%; + text-align: center; + margin: 0 0 25px; + } + + .tablenav.bottom .tablenav-pages { + margin-top: 25px; + } + + .tablenav.top .tablenav-pages.one-page { + display: none; + } + + .tablenav.bottom .tablenav-pages.one-page { + margin: 15px 0 0 0; + height: 0; + } + + .tablenav-pages .pagination-links .paging-input { + font-size: 18px; + } + + .tablenav-pages .pagination-links a { + padding: 8px 20px 11px; + font-size: 18px; + background: rgba(0, 0, 0, 0.05); + } + + .tablenav-pages .pagination-links .current-page { + padding: 10px; + font-size: 14px; + } + + /* WP List Table Adjustments: General */ + .form-wrap > p { + display: none; + } + + .comment-count { + font-size: 14px; + } + + /* Columns to hide */ + .fixed .column-date, + .fixed .column-author, + .column-categories, + .column-tags, + .tags .column-description, + .media .column-parent, + .users .column-email, + .users .column-name, + .sites .column-registered, + .sites .column-users { + display: none; + } + + .fixed .column-comment .comment-author { + display: block; + } + + /* Posts */ + .column-title { + width: 85%; + } + + .fixed .column-comments, .widefat .check-column { + width: 35px + } + + .widefat thead .check-column, .widefat tfoot .check-column { + padding: 10px 0 10px; + } + + .widefat * { + word-wrap: normal; + } + + /* Quick Edit and Bulk Edit */ + #wpbody-content .quick-edit-row-post .inline-edit-col-left, + #wpbody-content .quick-edit-row-post .inline-edit-col-right, + #wpbody-content .inline-edit-row-post .inline-edit-col-center, + #wpbody-content .quick-edit-row-page .inline-edit-col-left, + #wpbody-content .quick-edit-row-page .inline-edit-col-right, + #wpbody-content .bulk-edit-row-post .inline-edit-col-right, + #wpbody-content .bulk-edit-row .inline-edit-col-left, + #wpbody-content .bulk-edit-row-page .inline-edit-col-right, + #wpbody-content .bulk-edit-row .inline-edit-col-bottom { + float: none; + width: 100%; + } + + #wpbody-content .quick-edit-row fieldset .inline-edit-col label, + #wpbody-content .quick-edit-row fieldset .inline-edit-group label, + #wpbody-content .bulk-edit-row fieldset .inline-edit-col label, + #wpbody-content .bulk-edit-row fieldset .inline-edit-group label { + max-width: none; + float: none; + margin-bottom: 5px; + } + + #wpbody .bulk-edit-row fieldset select { + display: block; + width: 100%; + max-width: none; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + } + + .inline-edit-row fieldset ul.cat-checklist label, + .inline-edit-row #bulk-titles div { + font-size: 16px; + } + + .inline-edit-row fieldset label span.title { + float: none; + } + + .inline-edit-row fieldset label.inline-edit-tags { + padding: 0 0.5em; + } + + .inline-edit-row fieldset .inline-edit-col label.inline-edit-tags { + padding: 0; + } + + .inline-edit-row fieldset label span.input-text-wrap { + margin-left: 0; + } + + .inline-edit-row fieldset input[name=jj], + .inline-edit-row fieldset input[name=hh], + .inline-edit-row fieldset input[name=mn] { + width: 3em; + } + + .inline-edit-row fieldset input[name=aa] { + width: 4.5em; + } + + #bulk-titles div { + margin: 0.8em 0.3em; + } + + #bulk-titles div a { + height: 22px; + } + + /* Taxonomies */ + .tags .column-posts { + width: 50px; + } + + .tags .column-slug { + width: 30%; + } + + /* Comments */ + .comments .column-response { + width: 35%; + } + + /* Users */ + .users .column-role { + width: 35%; + } + + /* Network admin sites */ + .sites .column-blogname { + width: 55%; + } + + /* Updates */ + #wpbody-content #update-themes-table .plugin-title { + width: auto; + } + + /* Links */ + .link-manager-php #posts-filter { + margin-top: 25px; + } + + .link-manager-php .tablenav.bottom { + overflow: hidden; + } + + /* Plugin/Theme Management Page */ + .wp-list-table.plugins { + position: relative; + margin-top: 35px; + margin-bottom: 50px; + } + + .wp-list-table.plugins thead .column-description, + #wpbody-content .wp-list-table.plugins tfoot .column-description, + .wp-list-table.plugins th#description { + display: none; + } + + #wpbody-content .wp-list-table.plugins, + #wpbody-content .wp-list-table.plugins thead, + #wpbody-content .wp-list-table.plugins tbody, + #wpbody-content .wp-list-table.plugins tr, + #wpbody-content .wp-list-table.plugins .column-description, + #wpbody-content .wp-list-table.plugins .plugin-title, + #wpbody-content .wp-list-table.plugins .theme-title, + #wpbody-content .wp-list-table.plugins .plugin-update, + #wpbody-content .wp-list-table.plugins .manage-column.column-name { + display: block; + width: auto; + } + + .wp-list-table.plugins thead, + .wp-list-table.plugins tfoot { + position: absolute; + top: -35px; + left: 0; + right: 0; + width: auto; + height: 35px; + } + + .wp-list-table.plugins tfoot { + bottom: -35px; + top: auto; + } + + .active, .inactive { + padding-top: 0; + } + + .wp-list-table.plugins .plugin-title, + .wp-list-table.plugins .theme-title { + padding-top: 13px; + padding-bottom: 4px; + } + + .plugins tr.active + tr.inactive th.check-column, + .plugins tr.active + tr.inactive td, + .wp-list-table.plugins .plugin-title, + .wp-list-table.plugins .theme-title, + .wp-list-table.plugins tbody th { + -webkit-box-shadow: none; + box-shadow: none; + } + + .plugins tbody { + padding: 1px 0 0; + } + + .plugins tr.active + tr.inactive td.column-description { + -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1); + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1); + } + + .plugins tr.active + tr.inactive th.check-column, + .plugins tr.active + tr.inactive td { + border-top: none; + } + + .wp-list-table.plugins .column-description { + padding-top: 0; + } + + .wp-list-table.plugins .manage-column.column-name, + .wp-list-table.plugins .column-description, + .wp-list-table.plugins .plugin-title, + .wp-list-table.plugins .theme-title { + padding-right: 12px; + padding-left: 46px; + } + + .wp-list-table.plugins tr { + position: relative; + } + + .wp-list-table.plugins th.check-column, + .wp-list-table.plugins tr.update th.check-column { + position: absolute; + height: auto; + top: 0; + bottom: 0; + left: 0; + padding-left: 2px; + padding-top: 18px; + } + + .wp-list-table.plugins thead th.check-column, + .wp-list-table.plugins tfoot th.check-column { + padding-left: 3px; + padding-top: 11px; + background: none; + } + + .widefat tbody th.check-column input[type="checkbox"] { + margin-top: -3px; + margin-left: 8px; + } + + .wp-list-table.plugins .active .check-column input, + .wp-list-table.plugins .update .check-column input { + margin-left: 5px; + } + + .wp-list-table.plugins thead .check-column input, + .wp-list-table.plugins tfoot .check-column input { + margin-top: -6px; + } + + .wp-list-table.plugins .active th.check-column { + background: none; + } + + .wp-list-table.plugins .plugin-title strong, + .wp-list-table.plugins .theme-title strong { + font-size: 1.4em; + line-height: 1.6em; + } + + /* Add New plugins page */ + table.plugin-install .column-name, + table.plugin-install .column-version, + table.plugin-install .column-rating, + table.plugin-install .column-description { + display: block; + width: auto; + } + + table.plugin-install th.column-name, + table.plugin-install th.column-version, + table.plugin-install th.column-rating, + table.plugin-install th.column-description { + display: none; + } + + table.plugin-install td.column-name strong { + font-size: 1.4em; + line-height: 1.6em; + } + + table.plugin-install #the-list td { + -webkit-box-shadow: none; + box-shadow: none; + } + + table.plugin-install #the-list tr { + display: block; + -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1); + box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1); + } +} diff --git a/src/wp-admin/css/login.css b/src/wp-admin/css/login.css new file mode 100644 index 0000000000..d546b67ee3 --- /dev/null +++ b/src/wp-admin/css/login.css @@ -0,0 +1,215 @@ +.ie8 .login form .input { + font-family: sans-serif; +} + +body.login { + background: #f1f1f1; + min-width: 0; +} + +.login .message { + border-left: 4px solid #7ad03a; + padding: 1px 12px; + background-color: #fff; + -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1); + box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1); +} + +.login #login_error { + border-left: 4px solid #dd3d36; + background: #fff; + -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1); + box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1); +} + +#loginform p.submit, +.login-action-lostpassword p.submit { + border: none; + margin: -10px 0 20px; /* May want to revisit this */ +} + +.login * { + margin: 0; + padding: 0; +} + +.login form { + margin-top: 20px; + margin-left: 0; + padding: 26px 24px 46px; + font-weight: normal; + overflow: hidden; + background: #fff; + -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.13); + box-shadow: 0 1px 3px rgba(0,0,0,0.13); +} + +.login form .forgetmenot { + font-weight: normal; + float: left; + margin-bottom: 0; +} + +.login .button-primary { + float: right; +} + +#login form p { + margin-bottom: 0; +} + +#login form p.submit { + margin: 0; + padding: 0; +} + +.login label { + color: #777; + font-size: 14px; +} + +.login form .forgetmenot label { + font-size: 12px; + line-height: 19px; +} + +.login h1 { + text-align: center; +} + +.login h1 a { + background-image: url('../images/w-logo-blue.png?ver=20131202'); + background-image: none, url('../images/wordpress-logo.svg?ver=20131107'); + -webkit-background-size: 80px 80px; + background-size: 80px 80px; + background-position: center top; + background-repeat: no-repeat; + color: #999; + height: 80px; + font-size: 20px; + font-weight: normal; + line-height: 1.3em; + margin: 0 auto 25px; + padding: 0; + text-decoration: none; + width: 80px; + text-indent: -9999px; + outline: none; + overflow: hidden; + display: block; +} + +#login { + width: 320px; + padding: 8% 0 0; + margin: auto; +} + +#login_error, +.login .message { + margin-left: 0; + padding: 12px; +} + +.login #nav, +.login #backtoblog { + font-size: 13px; + padding: 0 24px 0; +} + +.login #nav { + margin: 24px 0 0 0; +} + +#backtoblog { + margin: 16px 0 0 0; +} + +.login #nav a, +.login #backtoblog a { + text-decoration: none; + color: #999; +} + +.login #nav a:hover, +.login #backtoblog a:hover, +.login h1 a:hover { + color: #2ea2cc; +} + +.login form .input, +.login input[type="text"] { + font-size: 24px; + line-height: 1; + width: 100%; + padding: 3px; + margin: 2px 6px 16px 0; +} + +.login form .input, +.login input[type="text"], +.login form input[type="checkbox"] { + background: #fbfbfb; +} + +.login #pass-strength-result { + width: 250px; + font-weight: 600; + margin: 12px 0 6px; + padding: 6px 5px; + text-align: center; +} + +.mobile #login { + padding: 20px 0; +} + +.mobile #login form, +.mobile #login .message, +.mobile #login_error { + margin-left: 0; +} + +.mobile #login #nav, +.mobile #login #backtoblog { + margin-left: 8px; +} + +.mobile #login h1 a { + width: auto; +} + +body.interim-login { + height: auto; +} + +.interim-login #login { + padding: 0; + margin: 5px auto 20px; +} + +.interim-login.login h1 a { + width: auto; +} + +.interim-login #login_error, +.interim-login.login .message { + margin: 0 0 16px; +} + +.interim-login.login form { + margin: 0; +} + +@media screen and ( max-width: 782px ) { + .interim-login input[type=checkbox] { + height: 16px; + width: 16px; + } + + .interim-login input[type=checkbox]:checked:before { + width: 16px; + font: normal 21px/1 'dashicons'; + margin: -3px 0 0 -4px; + } +} \ No newline at end of file diff --git a/src/wp-admin/css/media.css b/src/wp-admin/css/media.css new file mode 100644 index 0000000000..bfdfc2d837 --- /dev/null +++ b/src/wp-admin/css/media.css @@ -0,0 +1,663 @@ +/*------------------------------------------------------------------------------ + 14.0 - Media Screen +------------------------------------------------------------------------------*/ + +.media-item .describe { + border-collapse: collapse; + width: 100%; + border-top: 1px solid #dfdfdf; + clear: both; + cursor: default; +} + +.media-item.media-blank .describe { + border: 0; +} + +.media-item .describe th { + vertical-align: top; + text-align: left; + padding: 5px 10px 10px; + width: 140px; +} + +.media-item .describe .align th { + padding-top: 0; +} + +.media-item .media-item-info tr { + background-color: transparent; +} + +.media-item .describe td { + padding: 0 8px 8px 0; + vertical-align: top; +} + +.media-item thead.media-item-info td { + padding: 4px 10px 0; +} + +.media-item .media-item-info .A1B1 { + padding: 0 0 0 10px; +} + +.media-item td.savesend { + padding-bottom: 15px; +} + +.media-item .thumbnail { + max-height: 128px; + max-width: 128px; +} + +#wpbody-content #async-upload-wrap a { + display: none; +} + +.media-upload-form { + margin-top: 20px; +} + +.media-upload-form td label { + margin-right: 6px; + margin-left: 2px; +} + +.media-upload-form .align .field label { + display: inline; + padding: 0 0 0 23px; + margin: 0 1em 0 3px; + font-weight: 600; +} + +.media-upload-form tr.image-size label { + margin: 0 0 0 5px; + font-weight: 600; +} + +.media-upload-form th.label label { + font-weight: 600; + margin: 0.5em; + font-size: 13px; +} + +.media-upload-form th.label label span { + padding: 0 5px; +} + +.media-item .describe input[type="text"], +.media-item .describe textarea { + width: 460px; +} + +.media-item .describe p.help { + margin: 0; + padding: 0 0 0 5px; +} + +.media-item .edit-attachment, +.describe-toggle-on, +.describe-toggle-off { + display: block; + line-height: 36px; + float: right; +} + +.media-item .describe-toggle-off, +.media-item.open .describe-toggle-on { + display: none; +} + +.media-item.open .describe-toggle-off { + display: block; +} + +#media-items .media-item { + border-bottom: 1px solid #dfdfdf; + min-height: 36px; + position: relative; + width: 100%; +} + +#media-items { + width: 623px; +} + +.media-new-php #media-items { + margin: 1em 0; +} + +#media-items:empty { + border: 0 none; +} + +.media-item .filename { + line-height: 36px; + overflow: hidden; +} + +.media-item .error-div { + padding-left: 10px; +} + +.media-item .pinkynail { + float: left; + margin: 2px 10px 0 0; + max-width: 40px; + max-height: 32px; +} + +.media-item .startopen, +.media-item .startclosed { + display: none; +} + +.media-item .original { + position: relative; + height: 34px; +} + +.media-item .progress { + float: right; + height: 22px; + margin: 7px 0 0; + width: 200px; + line-height: 2em; + padding: 0; + overflow: hidden; + margin-bottom: 2px; + -webkit-border-radius: 22px; + border-radius: 22px; + background: #ddd; + -webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1); + box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1); +} + +.media-item .bar { + z-index: 9; + width: 0; + height: 100%; + margin-top: -22px; + -webkit-border-radius: 22px; + border-radius: 22px; + background-color: #0074a2; + -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.3); + box-shadow: inset 0 0 2px rgba(0,0,0,0.3); +} + +.media-item .progress .percent { + z-index: 10; + position: relative; + width: 200px; + padding: 0; + color: #fff; + text-align: center; + line-height: 22px; + font-weight: 400; + text-shadow: 0px 1px 2px rgba(0,0,0,0.2); +} + +.upload-php .fixed .column-parent { + width: 15%; +} + +.js .html-uploader #plupload-upload-ui { + display: none; +} + +.js .html-uploader #html-upload-ui { + display: block; +} + +.media-upload-form .media-item.error { + margin: 0; + padding: 0; +} + +.media-upload-form .media-item.error p, +.media-item .error-div { + line-height: 16px; + margin: 5px 10px; + padding: 0; +} + +.media-item .error-div a.dismiss { + display: block; + float: right; + margin: 5px 4px 0 15px; +} + +/*------------------------------------------------------------------------------ + 14.1 - Media Library +------------------------------------------------------------------------------*/ + +.find-box { + width: 600px; + height: 300px; + overflow: hidden; + padding: 33px 0 51px; + position: absolute; + z-index: 1000; + background-color: #444; +} + +.find-box-head { + cursor: move; + color: #eee; + font-weight: 600; + height: 2em; + line-height: 2em; + padding: 1px 12px; + position: absolute; + top: 5px; + width: 100%; +} + +.find-box-inside { + overflow: auto; + padding: 6px; + height: 100%; + background-color: #fff; +} + +.find-box-search, +.find-box-buttons { + overflow: hidden; + padding: 8px; + position: relative; + background-color: #f7f7f7; + border-top: 1px solid #dfdfdf; +} + +.find-box-search .spinner { + float: none; + left: 125px; + position: absolute; + top: 9px; +} + +#find-posts-input { + float: left; + width: 140px; + height: 24px; +} + +#find-posts-search { + float: left; + margin: 1px 4px 0 3px; +} + +#find-posts-response { + margin: 8px 0; + padding: 0 1px 6px; +} + +#find-posts-response table { + width: 100%; +} + +#find-posts-response .found-radio { + padding: 3px 0 0 8px; + width: 15px; +} + +.find-box #resize-se { + position: absolute; + right: 1px; + bottom: 1px; +} + +.ui-find-overlay { + position: absolute; + top: 0; + left: 0; + background-color: #000; + opacity: 0.6; + filter: alpha(opacity=60); +} + +ul#dismissed-updates { + display: none; +} + +form.upgrade { + margin-top: 8px; +} + +form.upgrade .hint { + font-style: italic; + font-size: 85%; + margin: -0.5em 0 2em 0; +} + +#poststuff .inside .the-tagcloud { + margin: 5px 0 10px; + padding: 8px; + border: 1px solid #ddd; + line-height: 1.8em; + word-spacing: 3px; + -webkit-border-radius: 6px; + border-radius: 6px; +} + +.drag-drop #drag-drop-area { + border: 4px dashed #bbb; + height: 200px; +} + +.drag-drop .drag-drop-inside { + margin: 70px auto 0; + width: 250px; +} + +.drag-drop-inside p { + color: #aaa; + font-size: 14px; + margin: 5px 0; + display: none; +} + +.drag-drop .drag-drop-inside p { + text-align: center; +} + +.drag-drop-inside p.drag-drop-info { + font-size: 20px; +} + +.drag-drop .drag-drop-inside p, +.drag-drop-inside p.drag-drop-buttons { + display: block; +} + +/* +#drag-drop-area:-moz-drag-over { + border-color: #83b4d8; +} +border color while dragging a file over the uploader drop area */ +.drag-drop.drag-over #drag-drop-area { + border-color: #83b4d8; +} + +#plupload-upload-ui { + position: relative; +} + + +/*------------------------------------------------------------------------------ + 14.2 - Image Editor +------------------------------------------------------------------------------*/ + +.wp_attachment_details label[for="content"] { + font-size: 13px; + line-height: 1.5; + margin: 1em 0; +} + +.wp_attachment_details #attachment_caption { + height: 4em; +} + +.describe .image-editor { + vertical-align: top; +} + +.imgedit-wrap { + position: relative; +} + +.imgedit-settings p { + margin: 8px 0; +} + +.post-php .imgedit-wrap table { + width: 100%; +} + +.describe .imgedit-wrap table td, +.wp_attachment_holder .imgedit-wrap table td { + vertical-align: top; + padding-top: 0; +} + +.describe .imgedit-wrap table td.imgedit-settings { + padding: 0 5px; +} + +.wp_attachment_holder .imgedit-wrap table td.imgedit-settings { + width: 250px; +} + +td.imgedit-settings input { + margin-top: 0; + vertical-align: middle; +} + +.imgedit-wait { + position: absolute; + top: 0; + background: #fff url('../images/spinner.gif') no-repeat scroll 22px 10px; + -webkit-background-size: 20px 20px; + background-size: 20px 20px; + opacity: 0.7; + filter: alpha(opacity=70); + width: 100%; + height: 500px; + display: none; +} + +.spinner { + background: url('../images/spinner.gif') no-repeat; + -webkit-background-size: 20px 20px; + background-size: 20px 20px; + display: none; + float: right; + opacity: 0.7; + filter: alpha(opacity=70); + width: 20px; + height: 20px; + margin: 2px 5px 0; +} + +.no-float { + float: none; +} + +.media-disabled, +.imgedit-settings .disabled { + color: grey; +} + +.wp_attachment_image, +.A1B1 { + overflow: hidden; +} + +.wp_attachment_image .button, +.A1B1 .button { + float: left; +} + +.no-js .wp_attachment_image .button { + display: none; +} + +.wp_attachment_image .spinner, +.A1B1 .spinner { + float: left; + padding: 0 0 4px 0; + vertical-align: bottom; +} + +.imgedit-menu { + margin: 0 0 12px; + min-width: 300px; +} + +.imgedit-menu div { + float: left; + width: 32px; + border: 1px solid #d5d5d5; + background: #f1f1f1; + margin: 0 8px 0 0; + height: 32px; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-align: center; + line-height: 28px; + color: #777; +} + +.imgedit-menu div:before { + font: normal 20px/1 'dashicons'; + speak: none; + vertical-align: middle; +} + +.imgedit-menu div:hover { + border-color: #c1c1c1; + background-color: #eaeaea; + color: #333; +} + +.imgedit-menu div.disabled { + border-color: #ccc; + background-color: #ddd; + filter: alpha(opacity=50); + opacity: 0.5; +} + +.imgedit-crop:before { + content:'\f165'; +} + +.imgedit-rleft:before { + content:'\f166'; +} + +.imgedit-rright:before { + content:'\f167'; +} + +.imgedit-flipv:before { + content:'\f168'; +} + +.imgedit-fliph:before { + content:'\f169'; +} + +.imgedit-undo:before { + content:'\f171'; +} + +.imgedit-redo:before { + content:'\f172'; +} + +.imgedit-crop-wrap { + position: relative; +} + +.imgedit-crop { + margin: 0 8px 0 0; +} + +.imgedit-rleft { + margin: 0 3px; +} + +.imgedit-rright { + margin: 0 8px 0 3px; +} + +.imgedit-flipv { + margin: 0 3px; +} + +.imgedit-fliph { + margin: 0 8px 0 3px; +} + +.imgedit-undo { + margin: 0 3px; +} + +.imgedit-redo { + margin: 0 8px 0 3px; +} + +.imgedit-applyto img { + margin: 0 8px 0 0; +} + +.imgedit-group-top { + margin: 5px 0; +} + +.imgedit-applyto .imgedit-label { + padding: 2px 0 0; + display: block; +} + +.imgedit-help { + display: none; + font-style: italic; + margin-bottom: 8px; +} + +a.imgedit-help-toggle { + text-decoration: none; +} + +.form-table td.imgedit-response { + padding: 0; +} + +.imgedit-submit { + margin: 8px 0; +} + +.imgedit-submit-btn { + margin-left: 20px; +} + +.imgedit-wrap .nowrap { + white-space: nowrap; +} + +span.imgedit-scale-warn { + color: red; + font-size: 20px; + font-style: normal; + visibility: hidden; + vertical-align: middle; +} + +.imgedit-group { + margin-bottom: 8px; + padding: 2px 10px; +} + +/* =Media Queries +-------------------------------------------------------------- */ + +/** + * HiDPI Displays + */ +@media print, + (-o-min-device-pixel-ratio: 5/4), + (-webkit-min-device-pixel-ratio: 1.25), + (min-resolution: 120dpi) { + .imgedit-wait { + background-image: url('../images/spinner-2x.gif'); + } +} + +@media screen and ( max-width: 782px ) { + .wp_attachment_details label[for="content"] { + font-size: 14px; + line-height: 1.5em; + } +} diff --git a/src/wp-admin/css/nav-menus.css b/src/wp-admin/css/nav-menus.css new file mode 100644 index 0000000000..b6568d6d77 --- /dev/null +++ b/src/wp-admin/css/nav-menus.css @@ -0,0 +1,858 @@ +/* nav-menu */ + +/* @todo: determine if this is truly for nav menus only */ +.no-js #message { + display: block; +} + +#post-body ul.add-menu-item-tabs li.tabs a { + font-weight: 600; + text-decoration: none; +} + +.accordion-section ul.category-tabs, +.accordion-section ul.add-menu-item-tabs, +.accordion-section ul.wp-tab-bar { + margin: 0; +} + +.accordion-section .categorychecklist { + margin: 13px 0; +} + +#nav-menu-meta .accordion-section-content { + padding: 18px 13px; +} + +#nav-menu-meta .button-controls { + margin-bottom: 0; +} + +#nav-menus-frame { + margin-left: 300px; + margin-top: 23px; +} + +#nav-menus-frame .accordion-section-content .inside { + font-size: 14px; +} + +#wpbody-content #menu-settings-column { + display:inline; + width:281px; + margin-left: -300px; + clear: both; + float: left; + padding-top: 0; +} + +#menu-settings-column .inside { + clear: both; + margin: 10px 0 0; +} + +.metabox-holder-disabled .postbox, +.metabox-holder-disabled .accordion-section-content, +.metabox-holder-disabled .accordion-section-title { + opacity: 0.5; + filter: alpha(opacity=50); +} + +.metabox-holder-disabled .button-controls .select-all { + display: none; +} + +#wpbody { + position: relative; +} + +.blank-slate .menu-name { + height: 2em; +} + +.blank-slate .menu-settings { + border: none; + margin-top: 0; + padding-top: 0; + overflow: hidden; +} + +.is-submenu { + color: #999; + font-style: italic; + font-weight: normal; + margin-left: 4px; +} + +.manage-menus { + margin-top: 23px; + padding: 10px; + overflow: hidden; + background: #fbfbfb; +} + +.manage-menus select { + float: left; + margin-right: 6px; +} + +.manage-menus .selected-menu { + float: left; + margin: 5px 6px 0 0; +} + +.manage-menus .submit-btn { + float: left; + margin-top: 1px; +} + +.menu-edit p { + margin: .3em 0 .6em; +} + +.menu-edit #post-body-content h3 { + margin: 1em 0 10px; +} + +.menu-settings { + border-top: 1px solid #eee; + margin-top: 2em; +} + +.menu-settings dl { + margin: 0 0 10px; + overflow: hidden; + padding-left: 18%; +} + +.menu-settings dd { + float: left; + margin: 0; + width: 100%; +} + +.menu-settings dt { + float: left; + clear: both; + width: 21.951%; + padding: 3px 0 0; + margin-left: -21.951%; +} + +.menu-settings label { + vertical-align: baseline; +} + +.menu-edit .checkbox-input { + margin-top: 4px; +} + +.theme-location-set { + color: #999; + font-size: 11px; +} + +/* Menu Container */ +#menu-management-liquid { + float: left; + min-width: 100%; + margin-top: 3px; +} + +#menu-management { + position: relative; + margin-right: 20px; + margin-top: -3px; + width: 100%; + background: #f5f5f5; +} + +#menu-management .menu-edit { + margin-bottom: 20px; +} + +.nav-menus-php #post-body { + padding: 0 10px 10px; + border-top: 1px solid #fff; + border-bottom: 1px solid #dfdfdf; + background: #fff; +} + +#nav-menu-header, +#nav-menu-footer { + padding: 0 10px; +} + +#nav-menu-header { + border-bottom: 1px solid #dfdfdf; + margin-bottom: 0; +} + +#nav-menu-header .menu-name-label { + margin-top: 4px; +} + +.nav-menus-php #post-body div.updated, +.nav-menus-php #post-body div.error { + margin: 0; +} + +.nav-menus-php #post-body-content { + position: relative; + float: none; +} + +#menu-management .menu-add-new abbr { + font-weight:600; +} + +#select-nav-menu-container { + text-align: right; + padding: 0 10px 3px 10px; + margin-bottom: 5px; +} + +#select-nav-menu { + width: 100px; + display: inline; +} + +#menu-name-label { + margin-top: -2px; +} + +.widefat td.menu-location-menus { + padding-bottom: 5px; +} + +.menu-location-menus select { + float: left; +} + +#locations-nav-menu-wrapper { + padding: 5px 0; +} + +.locations-nav-menu-select select { + float: left; + width: 160px; + margin-right: 5px; +} + +.locations-row-links { + float: left; + margin: 6px 0 0 6px; +} + +.locations-edit-menu-link, +.locations-add-menu-link { + margin: 0 3px; +} + +.locations-edit-menu-link { + padding-right: 3px; + border-right: 1px solid #ccc; +} + +#wpbody .open-label { + display: block; + float:left; +} + +#wpbody .open-label span { + padding-right: 10px; +} + +.js .input-with-default-title { + color: #aaa; + font-style: italic; +} + +#menu-management .inside { + padding: 0 10px; +} + +/* Add Menu Item Boxes */ +.postbox .howto input, +.accordion-container .howto input { + width: 180px; + float: right; +} + +.accordion-container .outer-border { + margin: 0; +} + +.customlinkdiv .howto input { + width: 180px; +} + +.customlinkdiv p { + margin-top: 0 +} + +#nav-menu-theme-locations .howto select { + width: 100%; +} + +#nav-menu-theme-locations .button-controls { + text-align: right; +} + +.add-menu-item-view-all { + height: 400px; +} + +/* Button Primary Actions */ +#menu-container .submit { + margin: 0 0 10px; + padding: 0; +} + +.nav-menus-php .add-new-menu-action { + float: left; + margin: 6px 0 0 6px; + line-height: 15px; +} + +.nav-menus-php .meta-sep, +.nav-menus-php .submitdelete, +.nav-menus-php .submitcancel { + display: block; + float: left; + margin: 6px 0; + line-height: 15px; +} + +.meta-sep { + padding: 0 2px; +} + +/* @todo: is this actually used? */ +#cancel-save { + text-decoration: underline; + font-size: 12px; + margin-left: 20px; + margin-top: 5px; +} + +.button.right, .button-secondary.right, .button-primary.right { + float: right; +} + +/* Button Secondary Actions */ +.list-controls { + float: left; + margin-top: 5px; +} + +.add-to-menu { + float: right; +} + +.postbox .spinner { + display: none; + vertical-align: middle; +} + +.button-controls { + clear:both; + margin: 10px 0; +} + +.show-all, +.hide-all { + cursor: pointer; +} + +.hide-all { + display: none; +} + +/* Create Menu */ +#menu-name { + width: 270px; +} + +#manage-menu .inside { + padding: 0px 0px; +} + +/* Custom Links */ +#available-links dt { + display: block; +} + +#add-custom-link .howto { + font-size: 12px; +} + +#add-custom-link label span { + display: block; + float: left; + margin-top: 5px; + padding-right: 5px; +} + +.menu-item-textbox { + width: 180px; +} + +.nav-menus-php .howto span { + margin-top: 6px; + display: block; + float: left; +} + +/* Menu item types */ +.quick-search { + width: 190px; +} + +.nav-menus-php .list-wrap { + display: none; + clear: both; + margin-bottom: 10px; +} + +.nav-menus-php .postbox p.submit { + margin-bottom: 0; +} + +/* Listings */ +.nav-menus-php .list li { + display: none; + margin: 0; + margin-bottom: 5px; +} + +.nav-menus-php .list li .menu-item-title { + cursor: pointer; + display: block; +} + +.nav-menus-php .list li .menu-item-title input { + margin-right: 3px; + margin-top: -3px; +} + +.menu-item-title input[type=checkbox] { + display: inline-block; + margin-top: -4px; +} + +/* Nav Menu */ +#menu-container .inside { + padding-bottom: 10px; +} + +.menu { + padding-top:1em; +} + +#menu-to-edit { + margin: 0; + padding: 0.1em 0; +} + +.menu ul { + width: 100%; +} + +.menu li { + margin-bottom: 0; + position:relative; +} + +.menu-item-bar { + clear:both; + line-height:1.5em; + position:relative; + margin: 9px 0 0; +} + +.menu-item-bar .menu-item-handle { + border: 1px solid #dfdfdf; + position: relative; + padding: 10px 15px; + height: auto; + width: 382px; + line-height: 30px; + overflow: hidden; + word-wrap: break-word; +} + +.menu-item-bar .menu-item-handle:hover { + border-color: #999; +} + +#menu-to-edit .menu-item-invalid .menu-item-handle { + background: #f6c9cc; + border-color: #f1acb1; +} + +.no-js .menu-item-edit-active .item-edit { + display: none; +} + +.js .menu-item-handle { + cursor: move; +} + +.menu li.deleting .menu-item-handle { + background-image: none; + background-color: #f66; +} + +.menu-item-handle .item-title { + font-size: 13px; + font-weight: 600; + line-height: 20px; + display: block; + margin-right: 13em; +} + +/* Sortables */ +li.menu-item.ui-sortable-helper dl { + margin-top: 0; +} + +li.menu-item.ui-sortable-helper .menu-item-transport dl { + margin-top: 13px; +} + +.menu .sortable-placeholder { + height: 35px; + width: 410px; + margin-top: 13px; +} + +/* WARNING: The factor of 30px is hardcoded into the nav-menus javascript. */ +.menu-item-depth-0 { margin-left: 0px; } +.menu-item-depth-1 { margin-left: 30px; } +.menu-item-depth-2 { margin-left: 60px; } +.menu-item-depth-3 { margin-left: 90px; } +.menu-item-depth-4 { margin-left: 120px; } +.menu-item-depth-5 { margin-left: 150px; } +.menu-item-depth-6 { margin-left: 180px; } +.menu-item-depth-7 { margin-left: 210px; } +.menu-item-depth-8 { margin-left: 240px; } +.menu-item-depth-9 { margin-left: 270px; } +.menu-item-depth-10 { margin-left: 300px; } +.menu-item-depth-11 { margin-left: 330px; } + +.menu-item-depth-0 .menu-item-transport { margin-left: 0px; } +.menu-item-depth-1 .menu-item-transport { margin-left: -30px; } +.menu-item-depth-2 .menu-item-transport { margin-left: -60px; } +.menu-item-depth-3 .menu-item-transport { margin-left: -90px; } +.menu-item-depth-4 .menu-item-transport { margin-left: -120px; } +.menu-item-depth-5 .menu-item-transport { margin-left: -150px; } +.menu-item-depth-6 .menu-item-transport { margin-left: -180px; } +.menu-item-depth-7 .menu-item-transport { margin-left: -210px; } +.menu-item-depth-8 .menu-item-transport { margin-left: -240px; } +.menu-item-depth-9 .menu-item-transport { margin-left: -270px; } +.menu-item-depth-10 .menu-item-transport { margin-left: -300px; } +.menu-item-depth-11 .menu-item-transport { margin-left: -330px; } + +body.menu-max-depth-0 { min-width: 950px !important; } +body.menu-max-depth-1 { min-width: 980px !important; } +body.menu-max-depth-2 { min-width: 1010px !important; } +body.menu-max-depth-3 { min-width: 1040px !important; } +body.menu-max-depth-4 { min-width: 1070px !important; } +body.menu-max-depth-5 { min-width: 1100px !important; } +body.menu-max-depth-6 { min-width: 1130px !important; } +body.menu-max-depth-7 { min-width: 1160px !important; } +body.menu-max-depth-8 { min-width: 1190px !important; } +body.menu-max-depth-9 { min-width: 1220px !important; } +body.menu-max-depth-10 { min-width: 1250px !important; } +body.menu-max-depth-11 { min-width: 1280px !important; } + +/* Menu item controls */ +.item-type { + color: #777; + font-size: 12px; + padding: 12px 10px; + line-height: 18px; + display: block; +} + +.item-controls { + font-size: 12px; + position: absolute; + right: 20px; + top: -1px; +} + +.item-controls a { + text-decoration: none; +} + +.item-controls a:hover { + cursor: pointer; +} + +.item-controls .item-order { + padding-right: 10px; +} + +.nav-menus-php .item-edit { + position: absolute; + right: -20px; + top: 0; + display: block; + width: 30px; + height: 40px; + margin-right: 0 !important; + text-indent: 100%; + outline: none; + overflow: hidden; + white-space: nowrap; +} + +/* Menu editing */ +.menu-instructions-inactive { + display: none; +} + +.menu-item-settings { + display: block; + width: 402px; + padding: 10px 0 10px 10px; + position: relative; + z-index: 10; /* Keep .item-title's shadow from appearing on top of .menu-item-settings */ + border: 1px solid #e5e5e5; + border-top: none; + -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04); + box-shadow: 0 1px 1px rgba(0,0,0,0.04); +} + +.menu-item-settings .field-move a { + display: none; + margin: 0 2px; +} + +.menu-item-edit-active .menu-item-settings { + display: block; +} + +.menu-item-edit-inactive .menu-item-settings { + display: none; +} + +.add-menu-item-pagelinks { + margin: .5em auto; + text-align: center; +} + +.link-to-original { + display: block; + margin: 0 0 10px; + padding: 3px 5px 5px; + border: 1px solid #dfdfdf; + color: #777; + font-size: 12px; + font-style: italic; +} + +.link-to-original a { + padding-left: 4px; + font-style: normal; +} + +.hidden-field { + display: none; +} + +.menu-item-settings .description-thin, +.menu-item-settings .description-wide { + margin-right: 10px; + float: left; +} + +.description-thin { + width: 190px; + height: 40px; +} + +.description-wide { + width: 390px; +} + +.menu-item-actions { + padding-top: 15px; +} + +#cancel-save { + cursor: pointer; +} + +/* Major/minor publishing actions (classes) */ +.nav-menus-php .major-publishing-actions { + clear: both; + padding: 3px 0 6px; +} + +.nav-menus-php .major-publishing-actions .publishing-action { + text-align: right; + float: right; + line-height: 23px; + margin: 4px 0 1px; +} + +.nav-menus-php .blank-slate .menu-settings { + display: none; +} + +.nav-menus-php .delete-action { + float: left; + margin-top: 2px; +} + +.nav-menus-php .submitbox .submitcancel { + border-bottom: 1px solid #0074a2; + padding: 1px 2px; + color: #0074a2; + text-decoration: none; +} + +.nav-menus-php .submitbox .submitcancel:hover { + background: #0074a2; + color: #fff; +} + +.nav-menus-php .major-publishing-actions .form-invalid { + padding-left: 4px; + margin-left: -4px; +} + +/* Clearfix */ +#menu-item-name-wrap:after, +#menu-item-url-wrap:after, +#menu-name-label:after, +#menu-settings-column .inside:after, +#nav-menus-frame:after, +.nav-menus-php #post-body-content:after, +.nav-menus-php .button-controls:after, +.nav-menus-php .major-publishing-actions:after, +.nav-menus-php .menu-item-settings:after { + clear: both; + content: "."; + display: block; + height: 0; + visibility: hidden; +} + +#nav-menus-frame, +.button-controls, +#menu-item-url-wrap, +#menu-item-name-wrap { + display: block; +} + +/* =Media Queries +-------------------------------------------------------------- */ + +@media screen and ( max-width: 782px ) { + body.nav-menus-php { + min-width: 0 !important; + } + + #nav-menus-frame { + margin-left: 0; + float: none; + width: 100%; + } + + #wpbody-content #menu-settings-column { + display: block; + width: 100%; + float: none; + margin-left: 0; + } + + #side-sortables .add-menu-item-tabs { + margin: 15px 0 14px; + } + + ul.add-menu-item-tabs li.tabs { + padding: 13px 15px 14px; + } + + .nav-menus-php .item-controls .item-type { + margin-top: 2px; + } + + .nav-menus-php .customlinkdiv .howto input { + width: 65%; + } + + .nav-menus-php .quick-search { + width: 85%; + } + + #menu-management-liquid { + margin-top: 25px; + } + + .nav-menus-php .menu-name-label.howto span { + margin-top: 13px + } + + .menu-name-label #menu-name { + margin-top: 4px; + } + + .nav-menus-php .major-publishing-actions .publishing-action { + margin-top: 6px; + } + + .nav-menus-php .delete-action { + font-size: 14px; + line-height: 50px; + margin-top: 12px; + } + + .menu-item-bar .menu-item-handle, + .menu-item-settings, + .description-wide { + width: auto; + } + + .menu-item-settings { + padding: 10px; + } + + .menu-item-settings .description-thin, + .menu-item-settings .description-wide { + width: 100%; + height: auto; + } + + .menu-item-settings input { + width: 100%; + } + + .menu-settings dl { + padding-left: 0; + } + + .menu-settings dd { + float: none; + width: 100%; + margin-bottom: 15px; + } + + .menu-settings dt { + float: none; + width: auto; + margin-left: 0; + margin-bottom: 15px; + } +} + +@media only screen and (max-width: 768px) { + /* menu locations */ + #menu-locations-wrap .widefat { + width: 100%; + } +} diff --git a/src/wp-admin/css/press-this.css b/src/wp-admin/css/press-this.css new file mode 100644 index 0000000000..2f7b70ef17 --- /dev/null +++ b/src/wp-admin/css/press-this.css @@ -0,0 +1,432 @@ +.press-this #message { + border-left: 4px solid #7ad03a; + padding: 1px 12px; + background-color: #fff; + -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1); + box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1); +} + +.press-this #side-sortables .category-tabs li { + display: inline; + line-height: 1.35em; +} + +body.press-this ul.category-tabs li.tabs a { + color: #333; +} + +.press-this #content-resize-handle { + bottom: 2px; +} + +body.press-this { + color: #333; + margin: 0; + padding: 0; + min-width: 708px; + min-height: 400px; +} + +.press-this #titlediv #title { + font-size: 1.4em; +} + +.press-this #site-heading:before { + top: 3px; + position: relative; + display: inline-block; + font: normal 18px/1 'dashicons'; + speak: none; + color: #727272; + content: '\f120'; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.press-this #wphead { + height: 32px; + margin-left: 0; + margin-right: 0; + margin-bottom: 5px; +} + +.press-this #header-logo { + float: left; + margin: 7px 7px 0; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.press-this #wphead h1 { + font-weight: normal; + font-size: 16px; + line-height: 32px; + margin: 0; + float: left; +} + +.press-this #wphead h1 a { + text-decoration: none; +} + +.press-this #wphead h1 a:hover { + text-decoration: underline; +} + +.press-this #message { + margin: 10px 0; +} + +.press-this .posting { + margin-right: 252px; +} + +.press-this-sidebar { + float: right; + width: 240px; + padding-top: 10px; +} + +.press-this #title { + margin-left: 0; + margin-right: 0; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +.press-this .tagchecklist { + margin-top: 8px; +} + +.press-this #titlediv { + margin: 0; +} + +.press-this .wp-media-buttons { + cursor: default; + padding: 8px 8px 6px; +} + +.press-this .howto { + margin-top: 2px; + margin-bottom: 3px; + font-size: 12px; + font-style: italic; + display: block; +} + +.press-this #wp-content-editor-container { + clear: none; +} + +.press-this #poststuff .inside { + margin-top: 18px; +} + +.press-this .category-tabs { + margin-bottom: 3px; +} + +/* Editor/Main Column */ +.press-this #poststuff { + margin: 0 10px 10px; + padding: 0; +} + +.press-this #photo-add-url-div input[type="text"] { + width: 220px; +} + +#poststuff #editor-toolbar { + height: 30px; +} + +.posting { + margin-right: 212px; + position: relative; +} + +.press-this .inner-sidebar { + width: 200px; +} + +.press-this .inner-sidebar .sleeve { + padding-top: 5px; +} + +.press-this #submitdiv p { + margin: 0; + padding: 6px; +} + +.press-this #submitdiv #publishing-actions { + border-bottom: 1px solid #dfdfdf; +} + +.press-this #publish { + float: right; +} + +.press-this #poststuff h2, +.press-this #poststuff h3 { + font-size: 14px; + line-height: 1; +} + +.press-this #tagsdiv-post_tag h3, +.press-this #categorydiv h3 { + cursor: pointer; +} + +.press-this #submitdiv h3 { + cursor: default; +} + +h3.tb { + font-weight: 600; + font-size: 12px; + margin-left: 5px; +} + +.press-this .postbox, +.press-this .stuffbox { + margin-bottom: 10px; + min-width: 0; +} + +.press-this #submitdiv:hover .handlediv { + background: none; +} + +.tbtitle { + font-size: 1.7em; + outline: none; + padding: 3px 4px; + border: 1px solid #dfdfdf; +} + +.press-this .actions { + float: right; + margin: -19px 0 0; +} + +.press-this #extra-fields .actions { + margin: -32px -7px 0 0; +} + +.press-this .actions li { + float: left; + list-style: none; + margin-right: 10px; +} + +#extra-fields .button { + margin-right: 5px; +} + +/* Photo Styles */ +#photo_saving { + margin: 0 8px 8px; + vertical-align: middle; +} + +#img_container_container { + overflow: auto; +} + +#extra-fields { + margin-top: 10px; + position: relative; +} + +#extra-fields h2 { + margin: 12px; +} + +#waiting { + margin-top: 10px; + overflow: hidden; +} + +#waiting span { + float: right; + margin: 0 0 0 5px; +} + +#waiting .spinner { + display: block; +} + +#extra-fields .postbox { + margin-bottom: 5px; +} + +#extra-fields .titlewrap { + padding: 0; + overflow: auto; + height: 120px; +} + +#img_container a { + display: block; + float: left; + overflow: hidden; +} + +#img_container img, +#img_container a { + width: 68px; + height: 68px; +} + +#img_container img { + border: none; + background-color: #f4f4f4; + cursor: pointer; +} + +#img_container a, +#img_container a:link, +#img_container a:visited { + border: 1px solid #ccc; + display: block; + position: relative; +} + +#img_container a:hover, +#img_container a:active { + border-color: #000; + z-index: 1000; + border-width: 1px; +} + +/* Video */ +#embed-code { + width: 100%; + height: 98px; +} + +/* Categories */ +.press-this .categorydiv div.tabs-panel { + height: 100px; +} + +/* Tags */ +.press-this .tagsdiv .newtag { + width: 120px; +} + +.press-this #content { + margin: 5px 0; + padding: 0 5px; + border: 0 none; + height: 345px; + font-family: Consolas, Monaco, monospace; + font-size: 13px; + line-height: 19px; + background: transparent; +} + +/* Submit */ +.press-this #publishing-actions .spinner { + display: inline; + vertical-align: middle; +} + +/* =Media Queries +-------------------------------------------------------------- */ + +/* Reset responsive styles in Press This */ +@media screen and ( max-width: 782px ) { + .press-this ul.category-tabs li.tabs { + padding: 3px 5px 5px; /* Reset tabs in Press This to standard size */ + } + + .press-this a.wp-switch-editor { + font: 13px/19px "Open Sans", sans-serif; + margin: 5px 0 0 5px; + padding: 3px 8px 4px; + } + + .press-this #wp-content-media-buttons a { + padding: 0; + line-height: normal; + height: auto; + } + + .press-this #wp-content-editor-tools { + padding: 0; + top: 3px; + } + + .press-this .category-tabs { + margin-top: 0; + } + + .press-this .tagsdiv .newtag { + width: 120px; + padding: 3px 5px; + margin-bottom: 0; + } + + .press-this .tagchecklist { + padding: 0; + margin-bottom: 0; + } + + .press-this .wp_themeSkin a.mceButton { + width: 20px; + height: 20px; + } + + .press-this .wp_themeSkin .mceButton .mceIcon { + margin: 0; + } + + .press-this #poststuff h3, + .press-this .metabox-holder h3 { + padding: 7px 12px; + } + + .press-this input[type=checkbox], + .press-this input[type=radio] { + height: 16px; + width: 16px; + } + + .press-this input[type=checkbox]:checked:before { + width: 16px; + font: normal 21px/1 'dashicons'; + margin: -3px 0 0 -4px; + } + + .press-this input[type=radio]:checked:before { + font: normal 21px/1 'dashicons'; + width: 6px; + height: 6px; + margin: 4px; + } + + .press-this ul.categorychecklist ul, + .press-this ul.categorychecklist li { + margin-top: 0; + margin-bottom: 0; + } + + .press-this div.quicktags-toolbar input { + padding: 2px 4px; + } + + .press-this textarea, + .press-this input { + font-size: 14px; + } + + .press-this .tagchecklist span { + font-size: 13px; + line-height: 1.8em; + } +} diff --git a/src/wp-admin/css/revisions.css b/src/wp-admin/css/revisions.css new file mode 100644 index 0000000000..db2da20149 --- /dev/null +++ b/src/wp-admin/css/revisions.css @@ -0,0 +1,568 @@ +/*------------------------------------------------------------------------------ + 11.2 - Post Revisions +------------------------------------------------------------------------------*/ +.revisions-control-frame, +.revisions-diff-frame { + position: relative; +} + +.revisions-controls { + padding-top: 40px; + height: 100px; + z-index: 1; +} + +.revisions-controls input[type="checkbox"] { + position: relative; + top: -1px; + vertical-align: text-bottom; +} + +.revisions.pinned .revisions-controls { + position: fixed; + top: 0; + height: 82px; + background: #fff; + -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1); + box-shadow: 0 1px 3px rgba(0,0,0,0.1); +} + +.revisions-tickmarks { + position: relative; + margin: 0 auto; + height: 0.7em; + top: 7px; + max-width: 70%; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + background-color: #fff; +} + +.revisions-tickmarks > div { + position: absolute; + height: 100%; + border-left: 1px solid #aaa; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +.revisions-tickmarks > div:first-child { + border-width: 0; +} + +.comparing-two-revisions .revisions-controls { + height: 140px; +} + +.comparing-two-revisions.pinned .revisions-controls { + height: 124px; +} + +.revisions .diff-error { + position: absolute; + text-align: center; + margin: 0 auto; + width: 100%; + display: none; +} + +.revisions.diff-error .diff-error { + display: block; +} + +.revisions .loading-indicator { + position: fixed; + vertical-align: middle; + opacity: 0; + width: 100%; + top: 50%; + margin-left: -90px; + -webkit-transition: opacity 0.5s; + transition: opacity 0.5s; + filter: alpha(opacity=0); /* ie8 and earlier */ +} + +body.folded .revisions .loading-indicator { + margin-left: -32px; +} + +.revisions .loading-indicator span.spinner { + display: block; + margin: 0 auto; + float: none; +} + +.revisions.loading .loading-indicator { + opacity: 1; + filter: alpha(opacity=100); /* ie8 and earlier */ +} + +.revisions .diff { + -webkit-transition: opacity 0.5s; + transition: opacity 0.5s; +} + +.revisions.loading .diff { + opacity: 0.5; + filter: alpha(opacity=50); /* ie8 and earlier */ +} + +.revisions.diff-error .diff { + visibility: hidden; +} + +.revisions-meta { + margin-top: 20px; + background-color: #fff; + -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1); + box-shadow: 0 1px 3px rgba(0,0,0,0.1); +} + +.revisions.pinned .revisions-meta { + -webkit-box-shadow: none; + box-shadow: none; +} + +.revision-toggle-compare-mode { + position: absolute; + top: 0; + right: 0; +} + +.comparing-two-revisions .revisions-previous, +.comparing-two-revisions .revisions-next, +.revisions-meta .diff-meta-to strong { + display: none; +} + +.revisions-controls .author-card .date { + color: #777; +} + +.revisions-controls .author-card.autosave { + color: #d54e21; +} + +.revisions-controls .author-card .author-name { + font-weight: bold; +} + +.comparing-two-revisions .diff-meta-to strong { + display: block; +} + +.revisions.pinned .revisions-buttons { + padding: 0 11px; +} + +.revisions-previous, +.revisions-next { + position: relative; + z-index: 1; +} + +.revisions-previous { + float: left; +} + +.revisions-next { + float: right; +} + +.revisions-controls .wp-slider { + max-width: 70%; + margin: 0 auto; + top: -3px; +} + +.revisions-diff { + padding: 15px; + background-color: #fff; + -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1); + box-shadow: 0 1px 3px rgba(0,0,0,0.1); +} + +.revisions-diff h3:first-child { + margin-top: 0; +} + +/* Revision meta box */ +.post-revisions li img, +#revisions-meta-restored img { + vertical-align: middle; +} + +table.diff tbody tr td:nth-child(2) { + width: 4%; +} + +table.diff { + width: 100%; + white-space: pre-wrap; +} + +table.diff col.content { + width: auto; +} + +table.diff col.content.diffsplit { + width: 48%; +} + +table.diff col.diffsplit.middle { + width: auto; +} + +table.diff col.ltype { + width: 30px; +} + +table.diff tr { + background-color: transparent; +} + +table.diff td, +table.diff th { + font-family: Consolas, Monaco, monospace; + font-size: 14px; + line-height: 1.618; + padding: .5em; +} + +table.diff td h1, +table.diff td h2, +table.diff td h3, +table.diff td h4, +table.diff td h5, +table.diff td h6 { + margin: 0; +} + +table.diff .diff-deletedline del, +table.diff .diff-addedline ins { + text-decoration: none; +} + +table.diff .diff-deletedline { + background-color: #ffe9e9; +} + +table.diff .diff-deletedline del { + background-color: #faa; +} + +table.diff .diff-addedline { + background-color: #e9ffe9; +} + +table.diff .diff-addedline ins { + background-color: #afa; +} + +.diff-meta { + padding: 5px; + clear: both; + min-height: 32px; +} + +.diff-title strong { + line-height: 32px; + min-width: 60px; + text-align: right; + float: left; + margin-right: 5px; +} + +.revisions-controls .author-card .author-info { + font-size: 12px; + line-height: 16px; +} + +.revisions-controls .author-card .avatar, +.revisions-controls .author-card .author-info { + float: left; + margin-left: 6px; + margin-right: 6px; +} + +.revisions-controls .author-card .byline { + display: block; + font-size: 12px; +} + +.revisions-controls .author-card .avatar { + vertical-align: middle; +} + +.diff-meta input.restore-revision { + float: right; + margin-left: 6px; + margin-right: 6px; + margin-top: 4px; +} + +.diff-meta-from { + display: none; +} + +.comparing-two-revisions .diff-meta-from { + display: block; +} + +.revisions-tooltip { + position: absolute; + bottom: 105px; + margin-right: 0; + margin-left: -69px; + z-index: 0; + max-width: 350px; + min-width: 130px; + padding: 8px 4px; + display: none; + opacity: 0; +} + +.revisions-tooltip.flipped { + margin-left: 0; + margin-right: -70px; +} + +.revisions.pinned .revisions-tooltip { + display: none !important; +} + +.comparing-two-revisions .revisions-tooltip { + bottom: 145px; +} + +.revisions-tooltip-arrow { + width: 70px; + height: 15px; + overflow: hidden; + position: absolute; + left: 0; + margin-left: 35px; + bottom: -15px; +} + +.revisions-tooltip.flipped .revisions-tooltip-arrow { + margin-left: 0; + margin-right: 35px; + left: auto; + right: 0; +} + +.revisions-tooltip-arrow > span { + content: ""; + position: absolute; + left: 20px; + top: -20px; + width: 25px; + height: 25px; + -webkit-transform: rotate(45deg); + -ms-transform: rotate(45deg); + transform: rotate(45deg); +} + +.revisions-tooltip.flipped .revisions-tooltip-arrow > span { + left: auto; + right: 20px; +} + +.ie8 .revisions-tooltip-arrow > span { + left: 15px; + top: -25px; + -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476)"; +} + +.ie8 .revisions-tooltip.flipped .revisions-tooltip-arrow > span { + right: 25px; +} + +.revisions-tooltip, +.revisions-tooltip-arrow > span { + border: 1px solid #d7d7d7; + background-color: #fff; +} + +.revisions-tooltip { + display: none; +} + +.arrow { + width: 70px; + height: 16px; + overflow: hidden; + position: absolute; + left: 0; + margin-left: -35px; + bottom: 90px; + z-index: 10000; +} + +.arrow::after { + z-index: 9999; + background-color: #fff; + -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1); + box-shadow: 0 1px 3px rgba(0,0,0,0.1); +} + +.arrow.top { + top: -16px; + bottom: auto; +} + +.arrow.left { + left: 20%; +} + +.arrow:after { + content: ""; + position: absolute; + left: 20px; + top: -20px; + width: 25px; + height: 25px; + -webkit-transform: rotate(45deg); + -ms-transform: rotate(45deg); + transform: rotate(45deg); +} + +.revisions-tooltip, +.revisions-tooltip-arrow:after { + border-width: 1px; + border-style: solid; +} + +div.revisions-controls > .wp-slider > .ui-slider-handle { + margin-left: -10px; +} + +.rtl div.revisions-controls > .wp-slider > .ui-slider-handle { + margin-right: -10px; +} + + /* jQuery UI Slider */ +.wp-slider.ui-slider { + position: relative; + border: 1px solid #d7d7d7; + text-align: left; + cursor: pointer; +} + +.wp-slider .ui-slider-handle { + -webkit-border-radius: 50%; + border-radius: 50%; + height: 18px; + margin-top: -3px; + outline: none; + position: absolute; + width: 18px; + z-index: 2; +} + +.wp-slider .ui-slider-handle, +.wp-slider .ui-slider-handle.ui-state-hover, +.wp-slider .ui-slider-handle.focus { + background: #2ea2cc; + border: 1px solid #0074a2; + -webkit-box-shadow: inset 0 1px 0 #78c8e6, 0 1px 0 rgba(0,0,0,.15); + box-shadow: inset 0 1px 0 #78c8e6, 0 1px 0 rgba(0,0,0,.15); +} + +.wp-slider .ui-slider-handle:before { + background: none; + position: absolute; + top: 0; + left: 0; + color: #fff; + content: "\f229"; + font: normal 18px/1 'dashicons'; + speak: none; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.wp-slider .ui-slider-handle.from-handle:before, +.wp-slider .ui-slider-handle.to-handle:before { + font-size: 20px !important; + margin: -1px 0 0 -1px; +} + +.wp-slider .ui-slider-handle.from-handle:before { + content: '\f139'; +} + +.wp-slider .ui-slider-handle.to-handle:before { + content: '\f141'; +} + +.rtl .wp-slider .ui-slider-handle.from-handle:before { + content: '\f141'; +} + +.rtl .wp-slider .ui-slider-handle.to-handle:before { + content: '\f139'; + right: -1px; +} + +.wp-slider .ui-slider-range { + position: absolute; + font-size: .7em; + display: block; + border: 0; + background-color: transparent; + background-image: none; +} + +.wp-slider.ui-slider-horizontal { + height: .7em; +} + +.wp-slider.ui-slider-horizontal .ui-slider-handle { + top: -.25em; + margin-left: -.6em; +} + +.wp-slider.ui-slider-horizontal .ui-slider-range { + top: 0; + height: 100%; +} + +.wp-slider.ui-slider-horizontal .ui-slider-range-min { + left: 0; +} + +.wp-slider.ui-slider-horizontal .ui-slider-range-max { + right: 0; +} + +/* =Media Queries +-------------------------------------------------------------- */ + +/** + * HiDPI Displays + */ +@media print, + (-o-min-device-pixel-ratio: 5/4), + (-webkit-min-device-pixel-ratio: 1.25), + (min-resolution: 120dpi) { + .revision-tick.completed-false { + background-image: url('../images/spinner-2x.gif'); + } +} + +@media screen and ( max-width: 782px ) { + #diff-next-revision, + #diff-previous-revision { + margin-top: -1em; + } + + table.diff { + -ms-word-break: break-all; + word-break: break-all; + word-wrap: break-word; + } +} diff --git a/src/wp-admin/css/themes.css b/src/wp-admin/css/themes.css new file mode 100644 index 0000000000..c877d179c5 --- /dev/null +++ b/src/wp-admin/css/themes.css @@ -0,0 +1,1648 @@ +/*------------------------------------------------------------------------------ + 16.0 - Themes +------------------------------------------------------------------------------*/ + + +/*------------------------------------------------------------------------------ + 16.1 - Manage Themes +------------------------------------------------------------------------------*/ + +.theme-browser .themes { + clear: both; + padding: 0 0 100px; +} + +.themes-php .wrap h2 { + float: left; + margin-bottom: 15px; +} + +.network-admin.themes-php .wrap h2 { + margin-bottom: 0; +} + +.themes-php .wrap h2 .button { + margin-left: 20px; +} + +.themes-php .wrap .theme-count { + color: #fff; + -webkit-border-radius: 30px; + border-radius: 30px; + background: #777; + font-size: 14px; + padding: 4px 10px; + font-weight: 600; + margin-left: 5px; + margin-right: 20px; + position: relative; + top: -3px; +} + +/* Position admin messages */ +.themes-php div.updated, +.themes-php div.error { + margin: 0 0 20px 0; + clear: both; +} + +.themes-php div.updated a { + text-decoration: underline; +} + +/** + * Main theme element + * (has flexible margins) + */ +.theme-browser .theme { + cursor: pointer; + float: left; + margin: 0 4% 4% 0; + position: relative; + width: 30.6%; + border: 1px solid #dedede; + -webkit-box-shadow: 0 1px 1px -1px rgba(0,0,0,0.1); + box-shadow: 0 1px 1px -1px rgba(0,0,0,0.1); + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +.ie8 .theme-browser .theme { + width: 30%; + margin: 0 3% 4% 0; +} + +.theme-browser .theme:nth-child(3n) { + margin-right: 0; +} + +.theme-browser .theme:hover, +.theme-browser .theme:focus { + cursor: pointer; +} + +.theme-browser .theme .theme-name { + font-size: 15px; + font-weight: 600; + margin: 0; + padding: 15px; + -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.1); + box-shadow: inset 0 1px 0 rgba(0,0,0,0.1); + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + background: #fff; + background: rgba(255,255,255,0.65); +} + +/* Activate and Customize buttons, shown on hover */ +.theme-browser .theme .theme-actions { + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + opacity: 0; + -webkit-transition: opacity 0.1s ease-in-out; + transition: opacity 0.1s ease-in-out; + position: absolute; + bottom: 0; + right: 0; + height: 38px; + padding: 9px 10px 0 10px; + background: rgba(244, 244, 244, 0.7); + border-left: 1px solid rgba(0,0,0,0.05); +} + +.theme-browser .theme:hover .theme-actions { + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; + opacity: 1; +} + +.theme-browser .theme .theme-actions .button-primary { + margin-right: 3px; +} + +.theme-browser .theme .theme-actions .button-secondary { + float: none; + margin-left: 3px; +} + +/** + * Theme Screenshot + * + * Has a fixed aspect ratio of 1.5 to 1 regardless of screenshot size + * It is also responsive. + */ +.theme-browser .theme .theme-screenshot { + display: block; + overflow: hidden; + position: relative; + -webkit-transition: opacity 0.2s ease-in-out; + transition: opacity 0.2s ease-in-out; +} + +.theme-browser .theme .theme-screenshot:after { + content: ''; + display: block; + padding-top: 66.66666%; /* using a 3/2 aspect ratio */ +} + +.theme-browser .theme .theme-screenshot img { + height: auto; + position: absolute; + left: 0; + top: 0; + width: 100%; + -webkit-transform: translateZ( 0 ); /* Prevents rendering bugs in Chrome */ + -webkit-transition: opacity 0.2s ease-in-out; /* Prevents rendering bugs in Chrome */ + transition: opacity 0.2s ease-in-out; +} + +.theme-browser .theme:hover .theme-screenshot { + background: #fff; +} + +.theme-browser.rendered .theme:hover .theme-screenshot img { + opacity: 0.4; +} + +.theme-browser .theme .more-details { + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + opacity: 0; + position: absolute; + top: 35%; + right: 25%; + left: 25%; + background: #222; + background: rgba(0,0,0,0.7); + color: #fff; + font-size: 15px; + text-shadow: 0 1px 0 rgba(0,0,0,0.6); + -webkit-font-smoothing: antialiased; + font-weight: 600; + padding: 15px 12px; + text-align: center; + -webkit-border-radius: 3px; + border-radius: 3px; + -webkit-transition: opacity 0.1s ease-in-out; + transition: opacity 0.1s ease-in-out; +} +.theme-browser .theme:focus { + outline: 1px dotted #222; +} +/* Hide shortcut actions and hover feedback when using tab navigation */ +.theme-browser .theme:focus .theme-actions { + display: none; +} +/* Restore display of theme controls if you hover a focused theme */ +.theme-browser .theme:focus:hover .theme-actions { + display: block; +} +.theme-browser .theme:focus .more-details { + opacity: 1; +} +/* Current theme needs to have its action always on view */ +.theme-browser .theme.active:focus .theme-actions { + display: block; +} + +.theme-browser.rendered .theme:hover .more-details { + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; + opacity: 1; +} + +/** + * Displays a theme update notice + * when an update is available. + */ +.theme-browser .theme .theme-update { + background: #d54e21; + background: rgba(213, 78, 33, 0.95); + color: #fff; + display: block; + font-size: 13px; + font-weight: 400; + height: 48px; + line-height: 48px; + padding: 0 10px; + position: absolute; + top: 0; + right: 0; + left: 0; + border-bottom: 1px solid rgba(0,0,0,0.25); + overflow: hidden; +} + +.theme-browser .theme .theme-update:before { + content: '\f463'; + display: inline-block; + font: normal 20px/1 'dashicons'; + margin: 0 6px 0 0; + opacity: 0.8; + position: relative; + top: 5px; + speak: none; + -webkit-font-smoothing: antialiased; +} + + +/** + * The currently active theme + */ +.theme-browser .theme.active .theme-name { + background: #2f2f2f; + color: #fff; + padding-right: 110px; + font-weight: 300; + -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.5); + box-shadow: inset 0 1px 1px rgba(0,0,0,0.5); +} + +.theme-browser .theme.active .theme-name span { + font-weight: 600; +} + +.theme-browser .theme.active .theme-actions { + background: rgba(49,49,49,0.7); + border-left: none; + opacity: 1; +} + +.theme-browser .theme.active .theme-actions .button-primary { + margin-right: 0; +} + +.theme-browser .theme .theme-author { + background: #222; + color: #eee; + display: none; + font-size: 14px; + margin: 0 10px; + padding: 5px 10px; + position: absolute; + bottom: 56px; +} + +.theme-browser .theme.display-author .theme-author { + display: block; +} + +.theme-browser .theme.display-author .theme-author a { + color: inherit; + text-decoration: none; +} + +/** + * Add new theme + */ +.theme-browser .theme.add-new-theme { + border: none; + -webkit-box-shadow: none; + box-shadow: none; +} + +.theme-browser .theme.add-new-theme a { + color: #999; + text-decoration: none; + display: block; + position: relative; + z-index: 1; +} + +.theme-browser .theme.add-new-theme:after { + display: block; + content: ''; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; + opacity: 1; + background: transparent; + background: rgba(0, 0, 0, 0); + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + padding: 10% 0 0 0; + text-shadow: none; + border: 5px dashed #d5d2ca; + border: 5px dashed rgba(0, 0, 0, 0.1); + -webkit-transition: opacity 0.2s ease-in-out; + transition: opacity 0.2s ease-in-out; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +.theme-browser .theme.add-new-theme span:after { + background: #e5e5e5; + background: rgba(153, 153, 153, 0.1); + -webkit-border-radius: 50%; + border-radius: 50%; + display: inline-block; + content: '\f132'; + -webkit-font-smoothing: antialiased; + font: normal 74px/115px 'dashicons'; + width: 100px; + height: 100px; + vertical-align: middle; + text-align: center; + color: rgb(153, 153, 153); + position: absolute; + top: 30%; + left: 50%; + margin-left: -50px; + text-indent: -4px; + padding: 0; + text-shadow: none; + z-index:4; +} + +.rtl .theme-browser .theme.add-new-theme span:after { + text-indent: 4px; +} + +.theme-browser .theme.add-new-theme:hover .theme-screenshot { + background: none; +} + +.theme-browser .theme.add-new-theme:hover span:after { + background: #fff; + color: #0074a2; +} + +.theme-browser .theme.add-new-theme:hover:after { + border-color: transparent; + color: #fff; + background: #0074a2; + content: ''; +} + +.theme-browser .theme.add-new-theme .theme-name { + background: none; + text-align: center; + -webkit-box-shadow: none; + box-shadow: none; + font-weight: 400; + position: relative; + top: 0; + margin-top: -10%; + margin-bottom: 10%; +} + +.theme-browser .theme.add-new-theme:hover .theme-name { + color: #fff; + z-index: 2; +} + +/* + * The search form + */ +.themes-php .theme-search { + position: relative; + top: -2px; + left: 20px; + font-size: 16px; + font-weight: 300; + line-height: 1.5; + width: 280px; +} + +/** + * Theme Overlay + * Shown when clicking a theme + */ +.theme-overlay .theme-backdrop { + position: absolute; + left: -20px; + right: 0; + top: 0; + bottom: 0; + background: #f1f1f1; + background: rgba( 238, 238, 238, 0.9 ); + z-index: 10; +} + +body.theme-overlay-open { + overflow: hidden; +} + +.theme-overlay .theme-header { + position: absolute; + top: 0; + left: 0; + right: 0; + height: 48px; + border-bottom: 1px solid #ddd; +} + +.theme-overlay .theme-header .close { + cursor: pointer; + height: 48px; + width: 50px; + text-align: center; + float: right; + border: 0; + border-left: 1px solid #ddd; + background-color: transparent; +} + +.theme-overlay .theme-header .close:hover:before, +.theme-overlay .theme-header .close:focus:before { + color: #fff; +} + +.theme-overlay .theme-header .close:before { + font: normal 30px/50px 'dashicons' !important; + color: #777; + display: inline-block; + content: '\f335'; + font-weight: 300; +} + +/* Left and right navigation */ +.theme-overlay .theme-header .right, +.theme-overlay .theme-header .left { + cursor: pointer; + color: #777; + background-color: transparent; + height: 48px; + width: 54px; + float: left; + text-align: center; + border: 0; + border-right: 1px solid #ddd; +} + +.theme-overlay .theme-header .close:hover, +.theme-overlay .theme-header .right:hover, +.theme-overlay .theme-header .left:hover, +.theme-overlay .theme-header .close:focus, +.theme-overlay .theme-header .right:focus, +.theme-overlay .theme-header .left:focus { + background: #0074a2; + color: #fff; +} + +.theme-overlay .theme-header .left.disabled, +.theme-overlay .theme-header .right.disabled, +.theme-overlay .theme-header .left.disabled:hover, +.theme-overlay .theme-header .right.disabled:hover { + color: #ccc; + background: inherit; + cursor: inherit; +} + +.theme-overlay .theme-header .right:before, +.theme-overlay .theme-header .left:before { + font: normal 20px/50px 'dashicons' !important; + display: inline; + font-weight: 300; +} + +.theme-overlay .theme-header .left:before { + content: '\f340'; +} + +.theme-overlay .theme-header .right:before { + content: '\f344'; +} + +.rtl .theme-overlay .theme-header .left:before { + content: '\f345'; +} + +.rtl .theme-overlay .theme-header .right:before { + content: '\f341'; +} + +.theme-overlay .theme-wrap { + clear: both; + position: fixed; + top: 9%; + left: 190px; + right: 30px; + bottom: 3%; + background: #fff; + -webkit-box-shadow: 0 1px 20px 5px rgba(0, 0, 0, 0.1); + box-shadow: 0 1px 20px 5px rgba(0, 0, 0, 0.1); + z-index: 20; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +.theme-overlay .theme-wrap:after { + content: "."; + display: block; + height: 0; + clear: both; + visibility: hidden; +} + +body.folded .theme-overlay .theme-wrap { + left: 70px; +} + +.theme-overlay .theme-about { + position: absolute; + top: 49px; + bottom: 57px; + left: 0; + right: 0; + overflow: auto; + padding: 2% 4%; +} +.theme-overlay .theme-about:after { + content: "."; + display: block; + height: 0; + clear: both; + visibility: hidden; +} + +.theme-overlay .theme-actions { + position: absolute; + text-align: center; + bottom: 0; + left: 0; + right: 0; + padding: 10px 25px 5px; + background: #f3f3f3; + z-index: 30; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + border-top: 1px solid #eee; +} + +.ie8 .theme-overlay .theme-actions { + border: 1px solid #eee; +} + +.theme-overlay .theme-actions a { + margin-right: 5px; + margin-bottom: 5px; +} + +.theme-overlay .theme-actions .delete-theme { + color: #a00; + position: absolute; + right: 10px; + bottom: 5px; + text-decoration: none; + border-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; + background: transparent; +} + +.theme-overlay .theme-actions .delete-theme:hover, +.theme-overlay .theme-actions .delete-theme:focus { + background: #d54e21; + color: #fff; + border-color: #d54e21; +} + +.theme-overlay .theme-actions .active-theme, +.theme-overlay.active .theme-actions .inactive-theme { + display: none; +} + +.theme-overlay .theme-actions .inactive-theme, +.theme-overlay.active .theme-actions .active-theme { + display: block; +} + +/** + * Theme Screenshots gallery + */ +.theme-overlay .theme-screenshots { + float: left; + margin: 0 30px 0 0; + width: 55%; + max-width: 880px; + text-align: center; +} + +/* First screenshot, shown big */ +.theme-overlay .screenshot { + border: 1px solid #fff; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + overflow: hidden; + position: relative; + -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,0.2); + box-shadow: 0 0 0 1px rgba(0,0,0,0.2); +} + +.theme-overlay .screenshot:after { + content: ''; + display: block; + padding-top: 75%; /* using a 4/3 aspect ratio */ +} + +.theme-overlay .screenshot img { + height: auto; + position: absolute; + left: 0; + top: 0; + width: 100%; +} +/* Handles old 300px screenshots */ +.theme-overlay.small-screenshot .theme-screenshots { + position: absolute; + width: 302px; +} +.theme-overlay.small-screenshot .theme-info { + margin-left: 350px; + width: auto; +} + +/* Other screenshots, shown small and square */ +.theme-overlay .screenshot.thumb { + background: #ccc; + border: 1px solid #eee; + float: none; + display: inline-block; + margin: 10px 5px 0; + width: 140px; + height: 80px; + cursor: pointer; +} + +.theme-overlay .screenshot.thumb:after { + content: ''; + display: block; + padding-top: 100%; /* using a 1/1 aspect ratio */ +} + +.theme-overlay .screenshot.thumb img { + cursor: pointer; + height: auto; + position: absolute; + left: 0; + top: 0; + width: 100%; + height: auto; +} + +.theme-overlay .screenshot.selected { + background: transparent; + border: 2px solid #2ea2cc; +} + +.theme-overlay .screenshot.selected img { + opacity: 0.8; +} + +/* No screenshot placeholder */ +.theme-browser .theme .theme-screenshot.blank, +.theme-overlay .screenshot.blank { + background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYGWO8d+/efwYkoKioiMRjYGBC4WHhUK6A8T8QIJt8//59ZC493AAAQssKpBK4F5AAAAAASUVORK5CYII=); +} + +/** + * Theme heading information + */ +.theme-overlay .theme-info { + width: 40%; + float: left; +} + +.theme-overlay .current-label { + background: #333; + color: #fff; + font-size: 11px; + display: inline-block; + padding: 2px 8px; + -webkit-border-radius: 2px; + border-radius: 2px; + margin: 0 0 -10px; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.theme-overlay .theme-name { + color: #222; + font-size: 32px; + font-weight: 100; + margin: 10px 0 0; + line-height: 1.3; +} + +.theme-overlay .theme-version { + color: #999; + font-size: 13px; + font-weight: 400; + float: none; + display: inline-block; + margin-left: 10px; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.theme-overlay .theme-author { + color: #686868; + font-size: 16px; + font-weight: 400; + margin: 15px 0 25px; +} + +.theme-overlay .theme-author a { + text-decoration: none; +} + +.theme-overlay .theme-description { + color: #555; + font-size: 15px; + font-weight: 400; + line-height: 1.5; + margin: 30px 0 0 0; +} + +.theme-overlay .theme-tags { + border-top: 3px solid #eee; + color: #888; + font-size: 13px; + font-weight: 400; + margin: 30px 0 0 0; + padding-top: 20px; +} + +.theme-overlay .theme-tags span { + color: #444; + font-weight: bold; + margin-right: 5px; +} + +/* Theme Updates info */ +.theme-overlay .theme-update-message { + background: #fefaf7; + border: 1px solid #eee; + border-left: 4px solid #d54e21; + -webkit-border-radius: 3px; + border-radius: 3px; + padding: 5px 20px 10px; +} + +.theme-overlay .theme-update { + color: #222; + font-size: 18px; + display: inline-block; + line-height: 40px; + margin: 0; +} + +.theme-overlay .parent-theme { + background: #f7fcfe; + border: 1px solid #eee; + border-left: 4px solid #2ea2cc; + font-size: 14px; + font-weight: normal; + margin-top: 30px; + padding: 10px 10px 10px 20px; +} + +.theme-overlay .parent-theme strong { + font-weight: 700; +} + +/** + * Single Theme Mode + * Displays detailed view inline when a user has no switch capabilities + */ +.single-theme .theme-overlay .theme-backdrop, +.single-theme .theme-overlay .theme-header, +.single-theme .theme { + display: none; +} + +.single-theme .theme-overlay .theme-wrap { + clear: both; + min-height: 330px; + position: relative; + left: auto; + right: auto; + top: auto; + bottom: auto; +} + +.single-theme .theme-overlay .theme-about { + padding: 30px 30px 70px; + position: static; +} + +.single-theme .theme-overlay .theme-actions { + position: absolute; +} + +/** + * Basic Responsive structure... + * + * Shuffles theme columns around based on screen width + */ + +@media only screen and (min-width: 2000px) { + #wpwrap .theme-browser .theme { + width: 17.6%; + margin: 0 3% 3% 0; + } + + #wpwrap .theme-browser .theme:nth-child(3n), + #wpwrap .theme-browser .theme:nth-child(4n) { + margin-right: 3%; + } + + #wpwrap .theme-browser .theme:nth-child(5n) { + margin-right: 0; + } +} + +@media only screen and (min-width: 1680px) { + .theme-overlay .theme-wrap { + width: 1450px; + margin: 0 auto; + } +} + +/* Maximum screenshot width reaches 440px */ +@media only screen and (min-width: 1640px) { + .theme-browser .theme { + width: 22.7%; + margin: 0 3% 3% 0; + } + .theme-browser .theme .theme-screenshot:after { + padding-top: 75%; /* using a 4/3 aspect ratio */ + } + + .theme-browser .theme:nth-child(3n) { + margin-right: 3%; + } + + .theme-browser .theme:nth-child(4n) { + margin-right: 0; + } +} +/* Maximum screenshot width reaches 440px */ +@media only screen and (max-width: 1120px) { + .theme-browser .theme { + width: 47.5%; + margin-right: 0; + } + + .theme-browser .theme:nth-child(even) { + margin-right: 0; + } + + .theme-browser .theme:nth-child(odd) { + margin-right: 5%; + } +} + +/* Admin menu is folded */ +@media only screen and (max-width: 900px) { + .theme-overlay .theme-wrap { + left: 65px; + } +} + +@media only screen and (max-width: 780px) { + body.folded .theme-overlay .theme-wrap, + .theme-overlay .theme-wrap { + top: 0; /* The adminmenu isn't fixed on mobile, so this can use the full viewport height */ + right: 0; + bottom: 0; + left: 0; + padding: 70px 20px 20px; + border: none; + z-index: 500; /* should overlap #wpadminbar, which is 500 on mobile. */ + position: fixed; + } + + .theme-browser .theme.active .theme-name span { + /* Hide the "Active: " label on smaller screens. */ + display: none; + } + + .theme-overlay .theme-screenshots { + width: 40%; + } + + .theme-overlay .theme-info { + width: 50%; + } + .single-theme .theme-wrap { + padding: 10px; + } + + .theme-browser .theme .theme-actions { + padding: 5px 10px 4px 10px; + } + + .theme-overlay.small-screenshot .theme-screenshots { + position: static; + float: none; + max-width: 302px; + } + + .theme-overlay.small-screenshot .theme-info { + margin-left: 0; + width: auto; + } + + .theme:not(.active):hover .theme-actions, + .theme:hover .more-details { + display: none; + } + + .theme-browser.rendered .theme:hover .theme-screenshot img { + opacity: 1.0; + } +} + +@media only screen and (max-width: 480px) { + .theme-browser .theme { + width: 100%; + margin-right: 0; + } + + .theme-browser .theme:nth-child(2n), + .theme-browser .theme:nth-child(3n) { + margin-right: 0; + } +} + +@media only screen and (max-width: 650px) { + .theme-overlay .theme-update, + .theme-overlay .theme-description { + margin-left: 0; + } + + .theme-overlay .theme-actions .delete-theme { + position: relative; + right: auto; + bottom: auto; + } + + .theme-overlay .theme-actions .inactive-theme { + display: inline; + } + + .theme-overlay .theme-screenshots { + width: 100%; + float: none; + } + + .theme-overlay .theme-info { + width: 100%; + } + + .theme-overlay .theme-author { + margin: 5px 0 15px 0; + } + + .theme-overlay .current-label { + margin-top: 10px; + font-size: 13px; + } + + .themes-php .wrap h2 { + width: 100%; + } + + .themes-php .theme-search { + float: none; + clear: both; + left: 0; + top: 0; + right: 0; + margin: 10px 0; + width: 100%; + } + + .theme-browser .theme.add-new-theme span:after { + font: normal 60px/90px 'dashicons'; + width: 80px; + height: 80px; + top: 30%; + left: 50%; + text-indent: 0; + margin-left: -40px; + } + + .single-theme .theme-wrap { + margin: 0 -12px 0 -10px; + padding: 10px; + } + .single-theme .theme-overlay .theme-about { + padding: 10px; + overflow: visible; + } + .single-theme .current-label { + display: none; + } + .single-theme .theme-overlay .theme-actions { + position: static; + } +} + +.broken-themes { + clear: both; +} + +.broken-themes table { + text-align: left; + width: 50%; + border-spacing: 3px; + padding: 3px; +} + + +/*------------------------------------------------------------------------------ + 16.2 - Install Themes +------------------------------------------------------------------------------*/ + +.theme-install-php h4 { + margin: 2.5em 0 8px; +} + +.theme-install-php .tablenav { + height: auto; +} + +.theme-install-php .spinner { + margin-top: 9px; +} + +.available-theme { + display: inline-block; + margin-right: 10px; + overflow: hidden; + padding: 20px 20px 20px 0; + vertical-align: top; + width: 300px; +} + +.available-theme .screenshot { + width: 300px; + height: 225px; + display: block; + border: 1px solid #ccc; + margin-bottom: 10px; + overflow: hidden; + background-color: #fff; +} + +.available-theme img { + width: 300px; +} + +.available-theme h3 { + margin: 15px 0 0; +} + +.available-theme .theme-author { + line-height: 18px; +} + +.available-theme .action-links { + margin-top: 10px; + overflow: hidden; +} + +.available-theme a.screenshot:focus { + border-color: #777; +} + +.available-theme .action-links li { + float: left; + padding-right: 10px; + margin-right: 10px; + border-right: 1px solid #dfdfdf; +} + +.available-theme .action-links li { + padding-right: 8px; + margin-right: 8px; +} + +.ie8 .available-theme .action-links li { + padding-right: 7px; + margin-right: 7px; +} + +.available-theme .action-links li:last-child { + padding-right: 0; + margin-right: 0; + border-right: 0; +} + +.available-theme .action-links .delete-theme { + float: right; + margin-left: 8px; + margin-right: 0; +} + +.available-theme .action-links .delete-theme a { + color: red; + padding: 2px; +} + +.available-theme .action-links .delete-theme a:hover { + background: red; + color: #fff; + text-decoration: none; +} + +.available-theme .action-links p { + float: left; +} + +/* Allow for three-up in small windows when sidebar is collapsed */ +@media only screen and (max-width: 1200px) { + .folded .available-theme, + .folded .available-theme .screenshot { + width: 300px; + } + + .folded .available-theme .screenshot { + height: 225px; + } +} + +/* Adjust three-up display in smaller windows when sidebar is collapsed */ +@media only screen and (max-width: 1079px) { + .folded .available-theme, + .folded .available-theme .screenshot { + width: 270px; + } + + .folded .available-theme .screenshot { + height: 203px; + } +} + +/* Allow for three-up on 1024px wide screens, e.g. tablets */ +@media only screen and (max-width: 1200px) { + .available-theme, + .available-theme .screenshot { + width: 240px; + } + + .available-theme .screenshot { + height: 180px; + } + + .available-theme img { + width: 100%; + } +} + +.feature-filter { + padding: 8px 12px 0; +} + +.feature-filter .feature-group { + float: left; + margin: 5px 10px 10px; +} + +.feature-filter .feature-group li { + display: inline-block; + vertical-align: top; + list-style-type: none; + padding-right: 25px; + width: 150px; +} + +/*------------------------------------------------------------------------------ + 16.3 - Custom Header Screen +------------------------------------------------------------------------------*/ + +.appearance_page_custom-header #headimg { + border: 1px solid #DFDFDF; + overflow: hidden; + width: 100%; +} + +.appearance_page_custom-header #upload-form p label { + font-size: 12px; +} + +.appearance_page_custom-header .available-headers .default-header { + float: left; + margin: 0 20px 20px 0; +} + +.appearance_page_custom-header .random-header { + clear: both; + margin: 0 20px 20px 0; + vertical-align: middle; +} + +.appearance_page_custom-header .available-headers label input, +.appearance_page_custom-header .random-header label input { + margin-right: 10px; +} + +.appearance_page_custom-header .available-headers label img { + vertical-align: middle; +} + + +/*------------------------------------------------------------------------------ + 16.4 - Custom Background Screen +------------------------------------------------------------------------------*/ + +div#custom-background-image { + min-height: 100px; + border: 1px solid #dfdfdf; +} + +div#custom-background-image img { + max-width: 400px; + max-height: 300px; +} + +/*------------------------------------------------------------------------------ + 23.0 - Full Overlay w/ Sidebar +------------------------------------------------------------------------------*/ + +body.full-overlay-active { + overflow: hidden; +} + +.wp-full-overlay { + background: transparent; + z-index: 500000; + position: fixed; + overflow: visible; + top: 0; + bottom: 0; + left: 0; + right: 0; + height: 100%; + min-width: 0; +} + +.wp-full-overlay-sidebar { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + position: fixed; + width: 300px; + height: 100%; + top: 0; + bottom: 0; + left: 0; + padding: 0; + margin: 0; + z-index: 10; + overflow: auto; + background: transparent; + border-right: none; +} + +.wp-full-overlay.collapsed .wp-full-overlay-sidebar { + overflow: visible; +} + +.wp-full-overlay.collapsed, +.wp-full-overlay.expanded .wp-full-overlay-sidebar { + margin-left: 0 !important; +} + +.wp-full-overlay.expanded { + margin-left: 300px; +} + +.wp-full-overlay.collapsed .wp-full-overlay-sidebar { + margin-left: -300px; +} + +.wp-full-overlay-sidebar:after { + content: ''; + display: block; + position: absolute; + top: 0; + bottom: 0; + right: 0; + width: 3px; + z-index: 1000; +} + +.wp-full-overlay-main { + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + height: 100%; +} + +.wp-full-overlay-sidebar .wp-full-overlay-header { + position: absolute; + left: 0; + right: 0; + height: 45px; + padding: 0 15px; + line-height: 45px; + z-index: 10; + margin: 0; + border-top: none; + -webkit-box-shadow: none; + box-shadow: none; +} + +.wp-full-overlay-sidebar .wp-full-overlay-header a.back { + margin-top: 9px; +} + +.wp-full-overlay-sidebar .wp-full-overlay-footer { + bottom: 0; + border-bottom: none; + border-top: none; + -webkit-box-shadow: none; + box-shadow: none; +} + +.wp-full-overlay-sidebar .wp-full-overlay-sidebar-content { + position: absolute; + top: 45px; + bottom: 45px; + left: 0; + right: 0; + overflow: auto; +} + +/* Close Link */ +.wp-full-overlay .close-full-overlay { + text-decoration: none; +} + +/* Collapse Button */ +.wp-full-overlay a.collapse-sidebar { + position: absolute; + bottom: 12px; + left: 0; + z-index: 50; + display: block; + width: 19px; + height: 19px; + margin-left: 15px; + padding: 0; + -webkit-border-radius: 50%; + border-radius: 50%; + color: #777; + text-decoration: none; +} + +.wp-full-overlay a.collapse-sidebar:hover { + color: #0074a2; +} + +.wp-full-overlay.collapsed .collapse-sidebar { + position: absolute; + left: 100%; +} + +.wp-full-overlay .collapse-sidebar-arrow { + position: static; + margin-top: 0; + margin-left: 0; + display: block; + width: auto; + height: auto; + background: none; +} + +.wp-full-overlay .collapse-sidebar-arrow:before { + -webkit-border-radius: 50%; + border-radius: 50%; + float: left; + content: "\f148"; + background: #eee; + font: normal 20px/1 'dashicons'; + speak: none; + display: block; + padding: 0; + text-indent: 0; + text-align: center; + position: relative; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-decoration: none !important; +} + +.wp-full-overlay.collapsed .collapse-sidebar-arrow:before, +.rtl .wp-full-overlay .collapse-sidebar-arrow:before { + -webkit-transform: rotate(180deg); + -ms-transform: rotate(180deg); + transform: rotate(180deg); +} + +.rtl .wp-full-overlay.collapsed .collapse-sidebar-arrow:before { + -webkit-transform: none; + -ms-transform: none; + transform: none; +} + +.wp-full-overlay.collapsed .collapse-sidebar-arrow { + background-position: -1px -109px; +} + +.wp-full-overlay .collapse-sidebar-label { + position: absolute; + left: 100%; + line-height: 20px; + margin-left: 10px; +} + +.wp-full-overlay.collapsed .collapse-sidebar-label { + display: none; +} + +/* Animations */ +.wp-full-overlay, +.wp-full-overlay-sidebar, +.wp-full-overlay .collapse-sidebar, +.wp-full-overlay-main { + -webkit-transition-property: left, right, top, bottom, width, margin; + transition-property: left, right, top, bottom, width, margin; + -webkit-transition-duration: 0.2s; + transition-duration: 0.2s; +} + +/*------------------------------------------------------------------------------ + 24.0 - Customize Loader +------------------------------------------------------------------------------*/ + +.no-customize-support .hide-if-no-customize, +.customize-support .hide-if-customize, +.no-customize-support.wp-core-ui .hide-if-no-customize, +.no-customize-support .wp-core-ui .hide-if-no-customize, +.customize-support.wp-core-ui .hide-if-customize, +.customize-support .wp-core-ui .hide-if-customize { + display: none; +} + +#customize-container { + display: none; + background: #fff; + z-index: 500000; + position: fixed; + overflow: visible; + top: 0; + bottom: 0; + left: 0; + right: 0; + height: 100%; +} + +.customize-active #customize-container { + display: block; +} + +.customize-loading #customize-container iframe { + opacity: 0; +} + +.customize-loading #customize-container { + background: #fff url('../images/spinner.gif') no-repeat fixed center center; + -webkit-background-size: 20px 20px; + background-size: 20px 20px; +} + +#customize-container iframe, +#theme-installer iframe { + height: 100%; + width: 100%; + z-index: 20; + -webkit-transition: opacity 0.3s; + transition: opacity 0.3s; +} + +#customize-container .collapse-sidebar { + bottom: 16px; +} + +#customize-controls { + margin-top: 0; +} + +#theme-installer { + display: none; +} + +#theme-installer.single-theme { + display: block; +} + +.install-theme-info { + display: none; + padding: 10px 20px 20px; +} + +.single-theme .install-theme-info { + padding-top: 15px; +} + +#theme-installer .install-theme-info { + display: block; +} + +.install-theme-info .theme-install { + float: right; + margin-top: 18px; +} + +.install-theme-info .theme-name { + font-size: 16px; + line-height: 24px; + margin-bottom: 0; + margin-top: 0; +} + +.install-theme-info .theme-screenshot { + margin-top: 15px; + width: 258px; + border: 1px solid #ccc; +} + +.install-theme-info .theme-details { + overflow: hidden; +} + +.theme-details .theme-version { + margin: 15px 0; + float: left; +} + +.theme-details .star-rating { + margin: 7px 0; + float: right; +} + +.theme-details .theme-description { + float: left; + color: #777; + line-height: 20px; +} + +#theme-installer .wp-full-overlay-header { + margin-top: 9px; +} + +#theme-installer .wp-full-overlay-header .theme-install { + float: right; + /* For when .theme-install is a span rather than a.button-primary (already installed theme) */ + line-height: 26px; +} + +#theme-installer .wp-full-overlay-sidebar { + background: #EEE; + border-right: 1px solid #DDD; +} + +#theme-installer .wp-full-overlay-main { + background: #fff url('../images/spinner.gif') no-repeat fixed center center; + -webkit-background-size: 20px 20px; + background-size: 20px 20px; +} + +/* =Media Queries +-------------------------------------------------------------- */ + +/** + * HiDPI Displays + */ +@media print, + (-o-min-device-pixel-ratio: 5/4), + (-webkit-min-device-pixel-ratio: 1.25), + (min-resolution: 120dpi) { + .wp-full-overlay .collapse-sidebar-arrow { + background-image: url('../images/arrows-2x.png'); + -webkit-background-size: 15px 123px; + background-size: 15px 123px; + } + + .customize-loading #customize-container, + #theme-installer .wp-full-overlay-main { + background-image: url('../images/spinner-2x.gif'); + } +} + +@media screen and ( max-width: 782px ) { + .available-theme .action-links .delete-theme { + float: none; + margin: 0; + padding: 0; + clear: both; + } + + .available-theme .action-links .delete-theme a { + padding: 0; + } +} diff --git a/src/wp-admin/css/widgets.css b/src/wp-admin/css/widgets.css new file mode 100644 index 0000000000..75014f6ddc --- /dev/null +++ b/src/wp-admin/css/widgets.css @@ -0,0 +1,574 @@ +/* General Widgets Styles */ + +.widget { + margin: 0 auto 10px; + position: relative; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +.widget-top { + font-size: 13px; + font-weight: 600; + background: #f7f7f7; +} + +.widget-top a.widget-action, +.widget-top a.widget-action:hover { + text-decoration: none; +} + +.widget-title h4 { + margin: 0; + padding: 15px; + line-height: 1; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.widgets-holder-wrap .widget-inside { + border-top: none; + padding: 1px 15px 15px 15px; + line-height: 16px; +} + +.in-widget-title, +#widgets-right a.widget-control-edit, +#available-widgets .widget-description { + color: #666; +} + +.deleting .widget-title, +.deleting .widget-top a.widget-action:after { + color: #aaa; +} + +/* Widget Dragging Helpers */ +.widget.ui-draggable-dragging { + min-width: 100%; +} + +.widget.ui-sortable-helper { + opacity: 0.8; +} + +.widget-placeholder { + border: 1px dashed #bbb; + margin: 0 auto 10px; + height: 45px; + width: 100%; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +#widgets-right .widget-placeholder { + margin-top: 0; +} + +#widgets-right .closed .widget-placeholder { + height: 0; + border: 0; + margin-top: -10px; +} + +/* Widget Sidebars */ +.sidebar-name { + position: relative; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +.sidebar-name-arrow { + position: absolute; + top: 0; + right: 0; + bottom: 0; +} + +.js .sidebar-name { + cursor: pointer; +} + +.sidebar-name h3 { + margin: 0; + padding: 8px 10px; + overflow: hidden; + white-space: nowrap; +} + +.widgets-holder-wrap .description { + padding: 0 0 15px; + margin: 0; + font-style: normal; + color: #777; +} + +#widgets-right .widgets-holder-wrap .description { + padding-left: 7px; + padding-right: 7px; +} + +/* Widgets 2-col Layout */ +div.widget-liquid-left { + margin: 0; + width: 38%; + float: left; +} + +div.widget-liquid-right { + float: right; + width: 58%; +} + +/* Widgets Left - Available Widgets */ + +div#widgets-left { + padding-top: 12px; +} + +div#widgets-left .closed .sidebar-name, +div#widgets-left .inactive-sidebar.closed .sidebar-name { + margin-bottom: 10px; +} + +div#widgets-left .sidebar-name h3 { + padding: 10px 0; + margin: 0 10px 0 0; +} + +div#widgets-left .sidebar-name .sidebar-name-arrow:before { + right: 0; + top: 4px; + padding: 4px 6px 4px 4px; +} + +#widgets-left #available-widgets, +div#widgets-left .widget-holder { + background: transparent; + border: none; +} + +#widgets-left .widgets-holder-wrap { + border: none; + -webkit-box-shadow: none; + box-shadow: none; +} + +#available-widgets .widget-action { + display: none; +} + +#available-widgets .widget { + margin: 0; +} + +#available-widgets .widget:nth-child(odd) { + clear: both; +} + +#available-widgets .widget .widget-description { + display: block; + padding: 10px 15px; + font-size: 12px; +} + +#available-widgets #widget-list { + position: relative; +} + +/* Inactive Sidebars */ +#widgets-left .inactive-sidebar { + clear: both; + width: 100%; + background: transparent; + padding: 0; + margin: 0 0 20px 0; + border: none; + -webkit-box-shadow: none; + box-shadow: none; +} + +#widgets-left .inactive-sidebar.first { + margin-top: 40px; +} + +/* Not sure what this is for... */ +div#widgets-left .inactive-sidebar .widget.expanded { + left: auto; +} + +.widget-title-action { + float: right; + position: relative; +} + +div#widgets-left .inactive-sidebar .widgets-sortables { + min-height: 42px; + padding: 0; + background: transparent; + margin: 0; + position: relative; +} + +/* Widgets Right */ + +div#widgets-right:after { + content: "."; + display: block; + height: 0; + clear: both; + visibility: hidden; +} + +div#widgets-right .sidebars-column-1, +div#widgets-right .sidebars-column-2 { + max-width: 450px; +} + +div#widgets-right .widgets-holder-wrap { + margin: 10px 0 0 0; +} + +div#widgets-right .sidebar-description { + min-height: 20px; + margin-top: -5px; +} + +div#widgets-right .sidebar-name h3 { + padding: 15px 7px; +} + +div#widgets-right .sidebar-name .sidebar-name-arrow:before { + right: 0; + top: 4px; +} + +div#widgets-right .widget-top { + padding: 0; +} + +div#widgets-right .widgets-sortables { + padding: 0 8px; + margin-bottom: 9px; + position: relative; + min-height: 123px; +} + +div#widgets-right .closed .widgets-sortables { + min-height: 0; + margin-bottom: 0; +} + +.sidebar-name .spinner { + margin: -5px 5px; + float: none; +} + +/* Dragging a widget over a closed sidebar */ +#widgets-right .widgets-holder-wrap.widget-hover { + border-color: #777; + -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.3); + box-shadow: 0 1px 2px rgba(0,0,0,0.3); +} + +/* Accessibility Mode */ +.widgets_access #widgets-left .widget .widget-top { + cursor: auto; +} + +.widgets_access #wpwrap .widgets-holder-wrap.closed .sidebar-description, +.widgets_access #wpwrap .widgets-holder-wrap.closed .widget, +.widgets_access #wpwrap .widget-control-edit { + display: block; +} + +.widgets_access #widgets-left .widget .widget-top:hover, +.widgets_access #widgets-right .widget .widget-top:hover { + border-color: #ddd; +} + +#available-widgets .widget-control-edit .edit, +#widgets-left .inactive-sidebar .widget-control-edit .add, +#widgets-right .widget-control-edit .add { + display: none; +} + +.widget-control-edit { + display: block; + color: #666; + background: #EEE; + padding: 0 15px; + line-height: 43px; + border-left: 1px solid #DDD; +} + +#widgets-left .widget-control-edit:hover, +#widgets-right .widget-control-edit:hover { + color: #fff; + background: #444; + border-left: 0; + outline: 1px solid #444; +} + +.widgets-holder-wrap .sidebar-name, +.widgets-holder-wrap .sidebar-description { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.editwidget { + margin: 0 auto; +} + +.editwidget .widget-inside { + display: block; + padding: 0 15px; +} + +.editwidget .widget-control-actions { + margin-top: 20px; +} + +.js .widgets-holder-wrap.closed .widget, +.js .widgets-holder-wrap.closed .sidebar-description, +.js .closed br.clear { + display: none; +} + +/* Hide Widget Settings by Default */ +.widget-inside, +.widget-description { + display: none; +} + +.widget-inside { + background: #fff; +} + +/* Dragging widgets over the available widget area show's a "Deactivate" message */ +#removing-widget { + display: none; + font-weight: normal; + padding-left: 15px; + font-size: 12px; + line-height: 1; + color: black; +} + +.js #removing-widget { + color: #2ea2cc; +} + +.widget-control-noform, +#access-off, +.widgets_access .widget-action, +.widgets_access .sidebar-name-arrow, +.widgets_access #access-on, +.widgets_access .widget-holder .description, +.no-js .widget-holder .description { + display: none; +} + +.widgets_access .widget-holder, +.widgets_access #widget-list { + padding-top: 10px; +} + +.widgets_access #access-off { + display: inline; +} + +.widgets_access .sidebar-name, +.widgets_access .widget .widget-top { + cursor: default; +} + + +/* Widgets Area Chooser */ +.widget-liquid-left #widgets-left.chooser #available-widgets .widget, +.widget-liquid-left #widgets-left.chooser .inactive-sidebar { + -webkit-transition: opacity 0.1s linear; + transition: opacity 0.1s linear; +} + +.widget-liquid-left #widgets-left.chooser #available-widgets .widget, +.widget-liquid-left #widgets-left.chooser .inactive-sidebar { + /* -webkit-filter: blur(1px); */ + opacity: 0.2; + pointer-events: none; +} + +.widget-liquid-left #widgets-left.chooser #available-widgets .widget-in-question { + /* -webkit-filter: none; */ + opacity: 1; + pointer-events: auto; +} + +.widgets-chooser ul, +#widgets-left .widget-in-question .widget-top, +#available-widgets .widget-top:hover, +div#widgets-right .widget-top:hover, +#widgets-left .widget-top:hover { + border-color: #999; + -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1); + box-shadow: 0 1px 2px rgba(0,0,0,0.1); +} + +.widgets-chooser ul.widgets-chooser-sidebars { + margin: 0; + list-style-type: none; + max-height: 300px; + overflow: auto; +} + +.widgets-chooser { + display: none; +} + +.widgets-chooser ul { + border: 1px solid #ccc; +} + +.widgets-chooser li { + padding: 10px 15px 10px 35px; + border-bottom: 1px solid #ccc; + background: #fff; + margin: 0; + cursor: pointer; + outline: none; + position: relative; + -webkit-transition: background 0.2s ease-in-out; + transition: background 0.2s ease-in-out; +} + +.widgets-chooser li:hover, +.widgets-chooser li:focus { + background: rgba(255,255,255,0.7); +} + +.widgets-chooser li:focus:before { + content: '\f147'; + display: block; + -webkit-font-smoothing: antialiased; + font: normal 26px/1 'dashicons'; + color: #999; + position: absolute; + top: 7px; + left: 5px; +} + +.widgets-chooser li:last-child { + border: none; +} + +.widgets-chooser li.widgets-chooser-selected { + background: #2ea2cc; + color: #fff; +} + +.widgets-chooser li.widgets-chooser-selected:before, +.widgets-chooser li.widgets-chooser-selected:focus:before { + content: '\f147'; + display: block; + -webkit-font-smoothing: antialiased; + font: normal 26px/1 'dashicons'; + color: #fff; + position: absolute; + top: 7px; + left: 5px; +} + +.widgets-chooser .widgets-chooser-actions { + padding: 10px 0 12px 0; + text-align: center; +} + +.widgets-chooser button { + margin-right: 5px; +} + +#available-widgets .widget .widget-top { + cursor: pointer; +} + +/* =Media Queries +-------------------------------------------------------------- */ + +@media screen and (max-width: 480px) { + div.widget-liquid-left { + width: 100%; + float: none; + border-right: none; + padding-right: 0; + } + + #widgets-left .sidebar-name { + margin-right: 0; + } + + #widgets-left #available-widgets .widget-top { + margin-right: 0; + } + + #widgets-left .inactive-sidebar .widgets-sortables { + margin-right: 0; + } + + div.widget-liquid-right { + width: 100%; + float: none; + } + + div.widget { + margin: 0 auto 10px !important; + max-width: 480px; + } +} + +@media screen and (max-width: 320px) { + div.widget { + max-width: 320px; + } +} + +@media only screen and (min-width: 1250px) { + #widgets-left #available-widgets .widget { + width: 49%; + float: left; + } + + .widget.ui-draggable-dragging { + min-width: 49%; + } + + #widgets-left #available-widgets .widget:nth-child(even) { + float: right; + } + + #widgets-right .sidebars-column-1, + #widgets-right .sidebars-column-2 { + float: left; + width: 49%; + } + + #widgets-right .sidebars-column-1 { + margin-right: 2%; + } + + #widgets-right.single-sidebar .sidebars-column-1, + #widgets-right.single-sidebar .sidebars-column-2 { + float: none; + width: 100%; + margin: 0; + } +} diff --git a/src/wp-admin/css/wp-admin.css b/src/wp-admin/css/wp-admin.css index 8880646385..1bd2eafac3 100644 --- a/src/wp-admin/css/wp-admin.css +++ b/src/wp-admin/css/wp-admin.css @@ -1,14029 +1,15 @@ -/*------------------------------------------------------------------------------ - - -Hello, this is the main WordPress admin CSS file. -All the important stuff is in here. - - -TABLE OF CONTENTS: ------------------- - 1.0 - Text Elements - 2.0 - Forms - 3.0 - Actions - 4.0 - Notifications - 5.0 - TinyMCE - 6.0 - Admin Header - 6.1 - Screen Options Tabs - 6.2 - Help Menu - 7.0 - Main Navigation - 8.0 - Layout Blocks - 9.0 - Dashboard -10.0 - List Posts - 10.1 - Inline Editing -11.0 - Write/Edit Post Screen - 11.1 - Custom Fields - 11.2 - Post Revisions - 11.3 - Featured Images - 11.4 - Post Format Selection -12.0 - Categories -13.0 - Tags -14.0 - Media Screen - 14.1 - Media Library - 14.2 - Image Editor -15.0 - Comments Screen -16.0 - Themes - 16.1 - Manage Themes - 16.2 - Install Themes - 16.3 - Custom Header - 16.4 - Custom Background -17.0 - Plugins -18.0 - Users -19.0 - Tools -20.0 - Settings -21.0 - Admin Footer -22.0 - About Pages -23.0 - Full Overlay w/ Sidebar -24.0 - Customize Loader -25.0 - Tabbed Admin Screen Interface -26.0 - Misc -27.0 - Localization - -------------------------------------------------------------------------*/ - -/* 2 column liquid layout */ -#wpwrap { - height: auto; - min-height: 100%; - width: 100%; - position: relative; - -webkit-font-smoothing: subpixel-antialiased; -} - -#wpcontent { - height: 100%; -} - -#wpcontent, -#wpfooter { - margin-left: 180px; -} - -.folded #wpcontent, -.folded #wpfooter { - margin-left: 56px; -} - -#wpbody-content { - padding-bottom: 65px; - float: left; - width: 100%; - overflow: visible !important; -} - -#adminmenuback, -#adminmenuwrap, -#adminmenu, -#adminmenu .wp-submenu { - width: 160px; - background-color: #222; -} - -#adminmenuback { - position: absolute; - top: 0; - bottom: 0; - z-index: -1; -} - -#adminmenu { - clear: left; - margin: 12px 0 0; - padding: 0; - list-style: none; -} - -.folded #adminmenuback, -.folded #adminmenuwrap, -.folded #adminmenu, -.folded #adminmenu li.menu-top { - width: 36px; -} - -/* inner 2 column liquid layout */ - -.inner-sidebar { - float: right; - clear: right; - display: none; - width: 281px; - position: relative; -} - -.columns-2 .inner-sidebar { - margin-right: auto; - width: 286px; - display: block; -} - -.inner-sidebar #side-sortables, -.columns-2 .inner-sidebar #side-sortables { - min-height: 300px; - width: 280px; - padding: 0; -} - -.has-right-sidebar .inner-sidebar { - display: block; -} - -.has-right-sidebar #post-body { - float: left; - clear: left; - width: 100%; - margin-right: -2000px; -} - -.has-right-sidebar #post-body-content { - margin-right: 300px; - float: none; - width: auto; -} - -/* 2 columns main area */ - -#col-container, -#col-left, -#col-right { - overflow: hidden; - padding: 0; - margin: 0; -} - -#col-left { - width: 35%; -} - -#col-right { - float: right; - clear: right; - width: 65%; -} - -.col-wrap { - padding: 0 7px; -} - -/* utility classes */ -.alignleft { - float: left; -} - -.alignright { - float: right; -} - -.textleft { - text-align: left; -} - -.textright { - text-align: right; -} - -.clear { - clear: both; -} - -/* Hide visually but not from screen readers */ -.screen-reader-text, -.screen-reader-text span, -.ui-helper-hidden-accessible { - position: absolute; - margin: -1px; - padding: 0; - height: 1px; - width: 1px; - overflow: hidden; - clip: rect(0 0 0 0); - border: 0; -} - -.screen-reader-shortcut { - position: absolute; - top: -1000em; -} - -.screen-reader-shortcut:focus { - left: 6px; - top: -25px; - height: auto; - width: auto; - display: block; - font-size: 14px; - font-weight: 600; - padding: 15px 23px 14px; - background: #f1f1f1; - color: #21759b; - z-index: 100000; - line-height: normal; - -webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,.6); - box-shadow: 0 0 2px 2px rgba(0,0,0,.6); - text-decoration: none; - outline: none; -} - -.hidden, -.js .closed .inside, -.js .hide-if-js, -.no-js .hide-if-no-js, -.js.wp-core-ui .hide-if-js, -.js .wp-core-ui .hide-if-js, -.no-js.wp-core-ui .hide-if-no-js, -.no-js .wp-core-ui .hide-if-no-js { - display: none; -} - -/* @todo: Take a second look. Large chunks of shared color, from the colors.css merge */ -.widget-top, -.menu-item-handle, -.widget-inside, -#menu-settings-column .accordion-container, -#menu-management .menu-edit, -.manage-menus, -table.widefat, -.stuffbox, -p.popular-tags, -.widgets-holder-wrap, -.wp-editor-container, -.popular-tags, -.feature-filter, -.imgedit-group { - border: 1px solid #e5e5e5; - -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04); - box-shadow: 0 1px 1px rgba(0,0,0,0.04); -} - -table.widefat, -.wp-editor-container, -.stuffbox, -p.popular-tags, -.widgets-holder-wrap, -.popular-tags, -.feature-filter, -.imgedit-group { - background: #fff; -} - -input[type="radio"]:checked + label:before, -#misc-publishing-actions label[for="post_status"]:before, -#post-body #visibility:before, -.curtime #timestamp:before, -#post-body .misc-pub-revisions:before, -span.wp-media-buttons-icon:before { - color: #888; -} - -/* include margin and padding in the width calculation of input and textarea */ -input, -input[type="text"], -input[type="password"], -input[type="number"], -input[type="search"], -input[type="email"], -input[type="url"], -textarea { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} - -input[type="checkbox"], -input[type="radio"] { - border: 1px solid #bbb; - background: #fff; - color: #555; - clear: none; - cursor: pointer; - display: inline-block; - line-height: 0; - height: 16px; - margin: -4px 4px 0 0; - outline: 0; - padding: 0 !important; - text-align: center; - vertical-align: middle; - width: 16px; - min-width: 16px; - -webkit-appearance: none; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); - box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); -} - -.wp-core-ui input[type="reset"]:hover, -.wp-core-ui input[type="reset"]:active { - color: #2ea2cc; -} - -td > input[type="checkbox"], -.wp-admin p input[type=checkbox], -.wp-admin p input[type=radio] { - margin-top: 0; -} - -.wp-admin p label input[type=checkbox] { - margin-top: -4px; -} - -.wp-admin p label input[type=radio] { - margin-top: -2px; -} - -input[type=radio] { - -webkit-border-radius: 50%; - border-radius: 50%; - margin-right: 4px; - line-height: 10px; -} - -input:disabled, -input.disabled, -textarea:disabled, -textarea.disabled { - -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.04); - box-shadow: inset 0 1px 2px rgba(0,0,0,0.04); - border-color: rgba(222, 222, 222, .75); - background: rgba(255, 255, 255, .5); - color: rgba(51, 51, 51, .5); -} - -input[type=checkbox]:disabled, -input[type=radio]:disabled, -input[type=checkbox]:disabled:checked:before, -input[type=radio]:disabled:checked:before { - opacity: 0.7; -} - -input[type=checkbox]:checked:before, -input[type=radio]:checked:before { - float: left; - display: inline-block; - vertical-align: middle; - width: 16px; - font: normal 21px/1 'dashicons'; - speak: none; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -input[type=checkbox]:checked:before { - content: '\f147'; - margin: -3px 0 0 -4px; - color: #1e8cbe; -} - -input[type=radio]:checked:before { - content: '\2022'; - text-indent: -9999px; - -webkit-border-radius: 50px; - border-radius: 50px; - font-size: 24px; - width: 6px; - height: 6px; - margin: 4px; - line-height: 16px; - background-color: #1e8cbe; -} - -input.readonly, textarea.readonly { - background-color: #ddd; -} - -@-moz-document url-prefix() { - input[type=checkbox], - input[type=radio], - .form-table input.tog { - margin-bottom: -1px; - } -} - -/* Search */ -input[type="search"] { - -webkit-appearance: textfield; -} - -input[type="search"]::-webkit-search-decoration { - display: none; -} - -.ie8 input[type="password"], -.ie8 .login form .input { - font-family: sans-serif; -} - -/* general */ -html, -body { - height: 100%; - margin: 0; - padding: 0; -} - -html { - background: #f1f1f1; -} - -body { - color: #444; - font-family: "Open Sans", sans-serif; - font-size: 13px; - line-height: 1.4em; - min-width: 600px; -} - -body.iframe { - min-width: 0; - padding-top: 1px; -} - -body.login { - background: #f1f1f1; - min-width: 0; -} - -iframe, -img { - border: 0; -} - -td, -textarea, -input, -select, -button { - font-family: inherit; - font-size: inherit; - font-weight: inherit; -} - -td, -textarea { - line-height: inherit; -} - -textarea { - overflow: auto; -} - -textarea, -input, -select { - font-size: 14px; - padding: 3px 5px; - line-height: 15px; - -webkit-border-radius: 0; - border-radius: 0; /* Reset mobile webkit's default element styling */ -} - -textarea { - padding: 2px 6px; - line-height: 1.4; -} - -a { - color: #0074a2; - -webkit-transition-property: border, background, color; - transition-property: border, background, color; - -webkit-transition-duration: .05s; - transition-duration: .05s; - -webkit-transition-timing-function: ease-in-out; - transition-timing-function: ease-in-out; -} - -a, -input[type="text"], -input[type="password"], -input[type="number"], -input[type="search"], -input[type="email"], -input[type="url"], -textarea, -div, -select { - outline: 0; -} - -.wp-admin input[type="file"] { - padding: 3px 0; -} - -a:hover, -a:active { - color: #2ea2cc; -} - -a:focus { - color: #124964; -} - -a:focus, -a:active { - outline: thin dotted; -} - -#adminmenu a:focus, -#adminmenu a:active, -.screen-reader-text:focus { - outline: none; -} - -blockquote, -q { - quotes: none; -} - -blockquote:before, -blockquote:after, -q:before, -q:after { - content: ''; - content: none; -} - -p, -.wp_attachment_details label[for="content"] { - font-size: 13px; - line-height: 1.5; - margin: 1em 0; -} - -blockquote { - margin: 1em; -} - -label { - cursor: pointer; -} - -li, -dd { - margin-bottom: 6px; -} - -input, -select { - margin: 1px; - padding: 3px 5px; -} - -h1, -h2, -h3, -h4, -h5, -h6 { - display: block; - font-weight: 600; -} - -h1 { - font-size: 2em; - margin: .67em 0; -} - -h2 { - color: #222; - font-size: 1.5em; - margin: .83em 0; - font-weight: 400; -} - -h3 { - color: #222; - font-size: 1.3em; - margin: 1em 0; -} - -h4 { - font-size: 1em; - margin: 1.33em 0; -} - -h5 { - font-size: 0.83em; - margin: 1.67em 0; -} - -h6 { - font-size: 0.67em; - margin: 2.33em 0; -} - -ul, -ol { - padding: 0; -} - -ul { - list-style: none; -} - -ol { - list-style-type: decimal; - margin-left: 2em; -} - -ul.ul-disc { - list-style: disc outside; -} - -ul.ul-square { - list-style: square outside; -} - -ol.ol-decimal { - list-style: decimal outside; -} - -ul.ul-disc, -ul.ul-square, -ol.ol-decimal { - margin-left: 1.8em; -} - -ul.ul-disc > li, -ul.ul-square > li, -ol.ol-decimal > li { - margin: 0 0 0.5em; -} - -/* @noflip */ -.code, -code { - font-family: Consolas, Monaco, monospace; - direction: ltr; -} - -input.code { - padding-top: 6px; -} - -textarea.code { - line-height: 1.4; - padding: 4px 6px 1px 6px; -} - -kbd, -code { - padding: 3px 5px 2px 5px; - margin: 0 1px; - background: #eaeaea; - background: rgba(0,0,0,0.07); - font-size: 13px; -} - -.subsubsub { - list-style: none; - margin: 8px 0 0; - padding: 0; - font-size: 13px; - float: left; - color: #666; -} - -.subsubsub a { - line-height: 2; - padding: .2em; - text-decoration: none; -} - -.subsubsub a .count, -.subsubsub a.current .count { - color: #999; - font-weight: normal; -} - -.subsubsub a.current { - font-weight: 600; - border: none; -} - -.subsubsub li { - display: inline-block; - margin: 0; - padding: 0; - white-space: nowrap; -} - -/* .widefat - main style for tables */ -.widefat { - border-spacing: 0; - width: 100%; - clear: both; - margin: 0; -} - -.widefat * { - word-wrap: break-word; -} - -.widefat a { - text-decoration: none; -} - -.widefat td, -.widefat th { - padding: 8px 10px; -} - -.widefat thead th { - border-bottom: 1px solid #e1e1e1; -} - -.widefat tfoot th { - border-top: 1px solid #e1e1e1; - border-bottom: none; -} - -.widefat .no-items td { - border-bottom-width: 0; -} - -.widefat td { - vertical-align: top; -} - -.widefat td, -.widefat td p, -.widefat td ol, -.widefat td ul { - font-size: 13px; - line-height: 1.5em; -} - -.widefat th { - text-align: left; - line-height: 1.3em; - font-size: 14px; -} - -.widefat th input { - margin: 0 0 0 8px; - padding: 0; - vertical-align: text-top; -} - -.widefat .check-column { - width: 2.2em; - padding: 6px 0 25px; - vertical-align: top; -} - -.widefat th input[type=checkbox] { - margin-top: -1px; -} - -.widefat tbody th.check-column { - padding: 9px 0 22px; -} - -.widefat.media .check-column { - padding-top: 8px; -} - -.widefat thead th.check-column, -.widefat tbody th.check-column, -.widefat tfoot th.check-column { - padding: 11px 0 0 3px; -} - -.widefat thead th.check-column { - padding-top: 10px; -} - -.plugins tbody th.check-column, -.plugins tbody { - padding: 8px 0 0 2px; -} - -.plugins tbody th.check-column input[type=checkbox] { - margin-top: 4px; -} - -#update-plugins-table tbody td p { - margin-top: 0; -} - -#update-plugins-table tbody td p strong { - font-size: 14px; -} - -.plugins thead th.check-column, -.plugins tfoot th.check-column, -.plugins .inactive th.check-column { - padding-left: 6px; -} - -#update-plugins-table thead th.check-column, -#update-plugins-table tfoot th.check-column { - padding-top: 11px; -} - -.update-php div.updated, -.update-php div.error { - margin-left: 0; -} - -.no-js .widefat thead .check-column input, -.no-js .widefat tfoot .check-column input { - display: none; -} - -.widefat .num, -.column-comments, -.column-links, -.column-posts { - text-align: center; -} - -.widefat th#comments { - vertical-align: middle; -} - -.wrap { - margin: 10px 20px 0 2px; -} - -div.updated, -div.error { - padding: 0 0.6em; - margin: 5px 15px 2px; -} - -div.updated p, -div.error p { - margin: 0.5em 0; - padding: 2px; -} - -.wrap div.updated, -.wrap div.error, -.media-upload-form div.error { - margin: 5px 0 15px; -} - -div.updated, -.login .message, -.press-this #message { - border-left: 4px solid #7ad03a; - padding: 1px 12px; - background-color: #fff; - -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1); - box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1); -} - -div.error, -.login #login_error { - border-left: 4px solid #dd3d36; - background: #fff; - -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1); - box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1); -} - -div.error { - padding: 1px 12px; -} - -.attention { - color: #2ea2cc; -} - -.wrap h2, -.subtitle { - font-weight: normal; - margin: 0; -} - -.wrap h2 { - font-size: 23px; - font-weight: 400; - padding: 9px 15px 4px 0; - line-height: 29px; -} - -.subtitle { - color: #777; - font-size: 14px; - padding-left: 25px; -} - -.wrap .add-new-h2, -.wrap .add-new-h2:active { - margin-left: 4px; - padding: 4px 8px; - position: relative; - top: -3px; - text-decoration: none; - border: none; - -webkit-border-radius: 2px; - border-radius: 2px; - background: #e0e0e0; - text-shadow: none; - font-weight: 600; - font-size: 13px; -} - -.wrap .add-new-h2:hover { - background: #2ea2cc; - color: #fff; -} - -.wrap h2.long-header { - padding-right: 0; -} - -.wp-dialog { - background-color: #fff; -} - -textarea, -input[type="text"], -input[type="password"], -input[type="email"], -input[type="number"], -input[type="search"], -input[type="tel"], -input[type="url"], -select { - border: 1px solid #ddd; - -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.07); - box-shadow: inset 0 1px 2px rgba(0,0,0,0.07); - background-color: #fff; - color: #333; -} - -select[disabled] { - color: #7f7f7f; -} - -select:focus { - border-color: #aaa; -} - -textarea:focus, -input[type="text"]:focus, -input[type="password"]:focus, -input[type="email"]:focus, -input[type="number"]:focus, -input[type="search"]:focus, -input[type="tel"]:focus, -input[type="url"]:focus, -input[type="checkbox"]:focus, -input[type="radio"]:focus, -select:focus, -.widgets-chooser ul, -#widgets-left .widget-in-question .widget-top, -#available-widgets .widget-top:hover, -div#widgets-right .widget-top:hover, -#widgets-left .widget-top:hover { - border-color: #999; - -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1); - box-shadow: 0 1px 2px rgba(0,0,0,0.1); -} - -input[readonly] { - background-color: #eee; -} - -:-moz-placeholder, -.wp-core-ui :-moz-placeholder { - color: #a9a9a9; -} - -.sorthelper { - background-color: #ccf3fa; -} - -.ac_match, -.subsubsub a.current { - color: #000; -} - -.alternate, -.alt { - background-color: #f9f9f9; -} - -.bar { - background-color: #e8e8e8; - border-right-color: #99d; -} - -.form-invalid { - background-color: #ffebe8 !important; -} - -.form-invalid input, -.form-invalid select { - border-color: #c00 !important; -} - -.form-input-tip { - color: #666; -} - -.media-upload-form label.form-help, -td.help { - color: #9a9a9a; -} - -/* Helper classes for plugins to leverage the active WordPress color scheme */ - -.highlight { - background-color: #e4f2fd; - color: #000; -} - -.wp-ui-primary { - color: #fff; - background-color: #333; -} -.wp-ui-text-primary { - color: #333; -} - -.wp-ui-highlight { - color: white; - background-color: #1e8cbe; -} -.wp-ui-text-highlight { - color: #1e8cbe; -} - -.wp-ui-notification { - color: #fff; - background-color: #d54e21; -} -.wp-ui-text-notification { - color: #d54e21; -} - -.wp-ui-text-icon { - color: #999; -} - -/*------------------------------------------------------------------------------ - 1.0 - Text Styles -------------------------------------------------------------------------------*/ - -.widget .widget-top, -.postbox h3, -.stuffbox h3, -.control-section .accordion-section-title, -h3.dashboard-widget-title, -h3.dashboard-widget-title span, -h3.dashboard-widget-title small, -.sidebar-name, -#nav-menu-header, -#nav-menu-footer, -.menu-item-handle, -.checkbox, -.side-info, -#your-profile #rich_editing, -.widefat thead th, -.widefat tfoot th { - line-height: 1.4em; -} - -.widget .widget-top, -.menu-item-handle { - background: #fafafa; - color: #222; -} - -.postbox h3, -#namediv h3, -#submitdiv h3 { - border-bottom: 1px solid #eee; -} - -.quicktags, -.search { - background-color: #ccc; - color: #000; - font-size: 12px; -} - -.icon32 { - display: none; -} - -.icon16 { - height: 18px; - width: 18px; - padding: 6px 6px; - margin: -6px 0 0 -8px; - float: left; -} - -/* New Menu icons */ - -.icon16:before { - color: #999; - font: normal 20px/1 'dashicons'; - speak: none; - padding: 6px 0; - height: 34px; - width: 20px; - display: inline-block; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - -webkit-transition: all .1s ease-in-out; - transition: all .1s ease-in-out; -} - -.icon16.icon-dashboard:before, -#adminmenu .menu-icon-dashboard div.wp-menu-image:before { - content: '\f226'; -} - -.icon16.icon-post:before, -#adminmenu .menu-icon-post div.wp-menu-image:before { - content: '\f109'; -} - -.icon16.icon-media:before, -#adminmenu .menu-icon-media div.wp-menu-image:before { - content: '\f104'; -} - -.icon16.icon-links:before, -#adminmenu .menu-icon-links div.wp-menu-image:before { - content: '\f103'; -} - -.icon16.icon-page:before, -#adminmenu .menu-icon-page div.wp-menu-image:before { - content: '\f105'; -} - -.icon16.icon-comments:before, -#adminmenu .menu-icon-comments div.wp-menu-image:before { - content: '\f101'; - margin-top: 1px; -} - -.icon16.icon-appearance:before, -#adminmenu .menu-icon-appearance div.wp-menu-image:before { - content: '\f100'; -} - -.icon16.icon-plugins:before, -#adminmenu .menu-icon-plugins div.wp-menu-image:before { - content: '\f106'; -} - -.icon16.icon-users:before, -#adminmenu .menu-icon-users div.wp-menu-image:before { - content: '\f110'; -} - -.icon16.icon-tools:before, -#adminmenu .menu-icon-tools div.wp-menu-image:before { - content: '\f107'; -} - -.icon16.icon-settings:before, -#adminmenu .menu-icon-settings div.wp-menu-image:before { - content: '\f108'; -} - -.icon16.icon-site:before, -#adminmenu .menu-icon-site div.wp-menu-image:before { - content: '\f112' -} - -.icon16.icon-generic:before, -#adminmenu .menu-icon-generic div.wp-menu-image: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; -} - -.key-labels label { - line-height: 24px; -} - -strong, b { - font-weight: 600; -} - -.pre { - /* https://developer.mozilla.org/en-US/docs/CSS/white-space */ - white-space: pre-wrap; /* css-3 */ - word-wrap: break-word; /* IE 5.5 - 7 */ -} - -.howto { - color: #666; - font-style: italic; - display: block; -} - -p.install-help { - margin: 8px 0; - font-style: italic; -} - -.no-break { - white-space: nowrap; -} - -hr { - border: 0; - border-top: 1px solid #ddd; - border-bottom: 1px solid #fafafa; -} - -/*------------------------------------------------------------------------------ - 2.0 - Forms -------------------------------------------------------------------------------*/ - - -.wp-admin select { - padding: 2px; - line-height: 28px; - height: 28px; - vertical-align: middle; -} - -.wp-admin .button-cancel { - padding: 0 5px; - line-height: 2; -} - -.meta-box-sortables select { - max-width: 100%; -} - -.wp-admin select[multiple] { - height: auto; -} - -.submit { - padding: 1.5em 0; - margin: 5px 0; - -webkit-border-bottom-left-radius: 3px; - border-bottom-left-radius: 3px; - -webkit-border-bottom-right-radius: 3px; - border-bottom-right-radius: 3px; - border: none; -} - -form p.submit a.cancel:hover { - text-decoration: none; -} - -p.submit { - text-align: left; - max-width: 100%; - margin-top: 20px; - padding-top: 10px; -} - -.textright p.submit { - border: none; - text-align: right; -} - -table.form-table + p.submit, -table.form-table + input + p.submit, -table.form-table + input + input + p.submit { - border-top: none; - padding-top: 0; -} - -table.widefat span.delete a, -table.widefat span.trash a, -table.widefat span.spam a, -.plugins a.delete, -#all-plugins-table .plugins a.delete, -#search-plugins-table .plugins a.delete, -.submitbox .submitdelete, -#media-items a.delete, -#media-items a.delete-permanently, -#nav-menu-footer .menu-delete { - color: #a00; -} - -abbr.required, -.file-error, -.widget-control-remove:hover, -table.widefat .delete a:hover, -table.widefat .trash a:hover, -table.widefat .spam a:hover, -.plugins a.delete:hover, -#all-plugins-table .plugins a.delete:hover, -#search-plugins-table .plugins a.delete:hover, -.submitbox .submitdelete:hover, -#media-items a.delete:hover, -#media-items a.delete-permanently:hover, -#nav-menu-footer .menu-delete:hover { - color: #f00; - text-decoration: none; - border: none; -} - -#minor-publishing-actions input, -#major-publishing-actions input, -#minor-publishing-actions .preview { - text-align: center; -} - -textarea.all-options, -input.all-options { - width: 250px; -} - -input.large-text, -textarea.large-text { - width: 99%; -} - -input.regular-text, -#adduser .form-field input { - width: 25em; -} - -input.small-text { - width: 50px; - padding: 1px 6px; -} - -input[type="number"].small-text { - width: 65px; -} - -#doaction, -#doaction2, -#post-query-submit { - margin: 1px 8px 0 0; -} - -.tablenav #changeit, -.tablenav #delete_all, -.tablenav #clear-recent-list { - margin-top: 1px; -} - -.tablenav .actions select { - float: left; - margin-right: 6px; - max-width: 200px; -} - -.ie8 .tablenav .actions select { - width: 155px; -} - -.ie8 .tablenav .actions select#cat { - width: 200px; -} - -#timezone_string option { - margin-left: 1em; -} - -#upload-form label { - color: #777; -} - -label, -#your-profile label + a { - vertical-align: middle; -} - -fieldset label, -#your-profile label + a { - vertical-align: middle; -} - -.options-media-php label[for*="_size_"], -#misc-publishing-actions label { - vertical-align: baseline; -} - -#misc-publishing-actions label[for="post_status"]:before { - content: '\f173'; - display: inline-block; - font: normal 20px/1 'dashicons'; - speak: none; - left: -1px; - padding: 0 5px 0 0; - position: relative; - top: 0; - text-decoration: none !important; - vertical-align: top; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -#pass-strength-result { - background-color: #eee; - border: 1px solid #ddd; - float: left; - margin: 13px 5px 5px 1px; - padding: 3px 5px; - text-align: center; - width: 200px; - display: none; -} - -#pass-strength-result.short { - background-color: #ffa0a0; - border-color: #f04040; -} - -#pass-strength-result.bad { - background-color: #ffb78c; - border-color: #ff853c; -} - -#pass-strength-result.good { - background-color: #ffec8b; - border-color: #fc0; -} - -#pass-strength-result.strong { - background-color: #c3ff88; - border-color: #8dff1c; -} - -.indicator-hint { - padding-top: 8px; -} - -p.search-box { - float: right; - margin: 0; -} - -.network-admin.themes-php p.search-box { - clear: left; -} - -.search-box input[name="s"], -#search-plugins input[name="s"], -.tagsdiv .newtag { - float: left; - height: 28px; - margin: 0 4px 0 0; -} - -input[type="text"].ui-autocomplete-loading { - background: transparent url('../images/loading.gif') no-repeat right center; - visibility: visible; -} - -ul#add-to-blog-users { - margin: 0 0 0 14px; -} - -.ui-autocomplete-input.open { - -webkit-border-bottom-right-radius: 0; - border-bottom-right-radius: 0; - -webkit-border-bottom-left-radius: 0; - border-bottom-left-radius: 0; -} - -.ui-autocomplete { - padding: 0; - margin: 0; - list-style: none; - position: absolute; - z-index: 10000; - -webkit-border-bottom-right-radius: 3px; - border-bottom-right-radius: 3px; - -webkit-border-bottom-left-radius: 3px; - border-bottom-left-radius: 3px; - border: 1px solid #aaa; - background-color: #efefef; -} - -.ui-autocomplete li { - margin-bottom: 0; - white-space: nowrap; - text-align: left; -} - -.ui-autocomplete li a { - display: block; - height: 100%; - padding: 4px 10px; - color: #444; -} - -.ui-autocomplete li a.ui-state-focus { - background-color: #ddd; - cursor: pointer; -} - -/*------------------------------------------------------------------------------ - 3.0 - Actions -------------------------------------------------------------------------------*/ - -#major-publishing-actions { - padding: 10px; - clear: both; - border-top: 1px solid #ddd; - background: #f5f5f5; -} - -#delete-action { - line-height: 28px; - vertical-align: middle; - text-align: left; - float: left; -} - -#publishing-action { - text-align: right; - float: right; - line-height: 23px; -} - -#publishing-action .spinner { - float: left; -} - -#misc-publishing-actions { - padding: 6px 0 0; -} - -.misc-pub-section { - padding: 6px 10px 8px; -} - -#minor-publishing-actions { - padding: 10px 10px 0 10px; - text-align: right; -} - -#save-post { - float: left; -} - -.preview { - float: right; -} - -#sticky-span { - margin-left: 18px; -} - -.side-info { - margin: 0; - padding: 4px; - font-size: 11px; -} - -.side-info h5 { - padding-bottom: 7px; - font-size: 14px; - margin: 12px 2px 5px; - border-bottom: 1px solid #dadada; -} - -.side-info ul { - margin: 0; - padding-left: 18px; - list-style: square; - color: #666; -} - -.approve, -.unapproved .unapprove { - display: none; -} - -.unapproved .approve, -.spam .approve, -.trash .approve { - display: inline; -} - -td.action-links, -th.action-links { - text-align: right; -} - - -/*------------------------------------------------------------------------------ - 4.0 - Notifications -------------------------------------------------------------------------------*/ - -#update-nag, -.update-nag { - display: inline-block; - line-height: 19px; - padding: 11px 15px; - font-size: 14px; - text-align: left; - margin: 25px 20px 0 2px; - background-color: #fff; - border-left: 4px solid #ffba00; - -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1); - box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1); -} - -.update-message { - color: #000; -} - -ul#dismissed-updates { - display: none; -} - -form.upgrade { - margin-top: 8px; -} - -form.upgrade .hint { - font-style: italic; - font-size: 85%; - margin: -0.5em 0 2em 0; -} - -.update-php .spinner { - float: none; - margin: -4px 0; -} - -#ajax-loading, -.ajax-loading, -.ajax-feedback, -.imgedit-wait-spin, -.list-ajax-loading { /* deprecated */ - visibility: hidden; -} - -#ajax-response.alignleft { - margin-left: 2em; -} - -/*------------------------------------------------------------------------------ - 5.0 - TinyMCE -------------------------------------------------------------------------------*/ - -/* nothing? */ - -/*------------------------------------------------------------------------------ - 6.0 - Admin Header -------------------------------------------------------------------------------*/ -#adminmenu a, -#sidemenu a, -#taglist a, -#catlist a { - text-decoration: none; -} - -/*------------------------------------------------------------------------------ - 6.1 - Screen Options Tabs -------------------------------------------------------------------------------*/ - -#screen-options-wrap, -#contextual-help-wrap { - margin: 0; - padding: 8px 20px 12px; - position: relative; -} - -#contextual-help-wrap { - overflow: auto; - margin-left: 0 !important; -} - -#screen-meta .screen-reader-text { - visibility: hidden; -} - -#screen-meta-links { - margin: 0 20px 0 0; -} - -#screen-meta-links a { - padding: 3px 6px 3px 16px; -} - -#screen-meta-links a:focus { - outline: none; -} - -/* screen options and help tabs revert */ -#screen-meta { - display: none; - margin: 0 20px -1px 0px; - position: relative; - background-color: #fff; - border: 1px solid #ddd; - border-top: none; - -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.025); - box-shadow: 0 1px 0 rgba(0,0,0,.025); -} - -#screen-options-link-wrap, -#contextual-help-link-wrap { - float: right; - height: 28px; - margin: 0 0 0 6px; - border: 1px solid #ddd; - border-top: none; - background: #fff; - -webkit-box-shadow: 0 1px 1px -1px rgba(0,0,0,0.1); - box-shadow: 0 1px 1px -1px rgba(0,0,0,0.1); -} - -#screen-meta-links .screen-meta-toggle { - position: relative; - top: 0; -} - -#screen-meta-links a { - color: #777; -} - -#screen-meta-links a:hover, -#screen-meta-links a:active, -#screen-meta-links a:focus { - color: #333; -} - -#screen-meta-links a:focus { - border-color: #aaa; - -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.15); - box-shadow: 0 2px 3px rgba(0,0,0,0.15); -} - -#screen-meta-links a.show-settings { - display: block; - font-size: 13px; - height: 22px; - line-height: 22px; - text-decoration: none; - z-index: 1; -} - -#screen-meta-links a:after { - right: 0; - content: '\f140'; - font: normal 20px/1 'dashicons'; - speak: none; - display: inline-block; - padding: 0 5px 0 0; - bottom: 2px; - position: relative; - vertical-align: bottom; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - text-decoration: none !important; - color: #bbb; -} - -#screen-meta-links a.screen-meta-active:after { - content: '\f142'; -} - -#screen-meta-links a.show-settings:hover { - text-decoration: none; -} -/* end screen options and help tabs */ - -.toggle-arrow { - background-repeat: no-repeat; - background-position: top left; - background-color: transparent; - height: 22px; - line-height: 22px; - display: block; -} - -.toggle-arrow-active { - background-position: bottom left; -} - -#screen-options-wrap h5, -#contextual-help-wrap h5 { - margin: 8px 0; - font-size: 13px; -} - -.metabox-prefs label { - display: inline-block; - padding-right: 15px; - line-height: 30px; -} - -.metabox-prefs label input[type=checkbox] { - margin-top: -4px; - margin-right: 6px; -} - -.metabox-prefs label input { - margin: 0 5px 0 2px; -} - -.metabox-prefs .columns-prefs label input { - margin: 0 2px; -} - -.metabox-prefs label a { - display: none; -} - -/*------------------------------------------------------------------------------ - 6.2 - Help Menu -------------------------------------------------------------------------------*/ - -#contextual-help-wrap { - padding: 0; -} - -#contextual-help-columns { - position: relative; -} - -#contextual-help-back { - position: absolute; - top: 0; - bottom: 0; - left: 150px; - right: 170px; - border: 1px solid #e1e1e1; - border-top: none; - border-bottom: none; - background: #f6fbfd; -} - -#contextual-help-wrap.no-sidebar #contextual-help-back { - right: 0; - border-right-width: 0; - -webkit-border-bottom-right-radius: 2px; - border-bottom-right-radius: 2px; -} - -.contextual-help-tabs { - float: left; - width: 150px; - margin: 0; -} - -.contextual-help-tabs ul { - margin: 1em 0; -} - -.contextual-help-tabs li { - margin-bottom: 0; - list-style-type: none; - border-style: solid; - border-width: 0 0 0 2px; - border-color: transparent; -} - -.contextual-help-tabs a { - display: block; - padding: 5px 5px 5px 12px; - line-height: 18px; - text-decoration: none; - border: 1px solid transparent; - border-right: none; - border-left: none; -} - -.contextual-help-tabs a:hover { - color: #333; -} - -.contextual-help-tabs .active { - padding: 0; - margin: 0 -1px 0 0; - border-left: 2px solid #2ea2cc; - background: #f6fbfd; - -webkit-box-shadow: 0 2px 0 rgba(0,0,0,0.02), 0 1px 0 rgba(0,0,0,0.02); - box-shadow: 0 2px 0 rgba(0,0,0,0.02), 0 1px 0 rgba(0,0,0,0.02); -} - -.contextual-help-tabs .active a { - border-color: #e1e1e1; - color: #333; -} - -.contextual-help-tabs-wrap { - padding: 0 20px; - overflow: auto; -} - -.help-tab-content { - display: none; - margin: 0 22px 12px 0; - line-height: 1.6em; -} - -.help-tab-content.active { - display: block; -} - -.help-tab-content ul li { - list-style-type: disc; - margin-left: 18px; -} - -.contextual-help-sidebar { - width: 150px; - float: right; - padding: 0 8px 0 12px; - overflow: auto; -} - - -/*------------------------------------------------------------------------------ - 7.0 - Main Navigation (Left Menu) -------------------------------------------------------------------------------*/ - -#adminmenuwrap { - position: relative; - float: left; -} - -/* side admin menu */ -#adminmenu * { - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} - -#adminmenu li { - margin: 0; - padding: 0; - cursor: pointer; -} - -#adminmenu a { - display: block; - line-height: 18px; - padding: 2px 5px; - color: #eee; -} - -#adminmenu a:hover, -#adminmenu li.menu-top > a:focus, -#adminmenu .wp-submenu a:hover, -#adminmenu .wp-submenu a:focus { - color: #2ea2cc; -} - -#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; -} - -#adminmenu .wp-submenu, -.folded #adminmenu a.wp-has-current-submenu:focus + .wp-submenu, -.folded #adminmenu .wp-has-current-submenu .wp-submenu { - padding: 7px 0 8px; - z-index: 9999; - background-color: #333; - -webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.2); - box-shadow: 0 3px 5px rgba(0,0,0,0.2); -} - -#adminmenu .wp-submenu a, -.folded #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a, -.folded #adminmenu .wp-has-current-submenu .wp-submenu a { - color: #bbb; -} - -#adminmenu .wp-submenu a:hover, -#adminmenu .wp-submenu a:focus { - background: none; -} - -.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 .wp-has-current-submenu .wp-submenu, -.no-js li.wp-has-current-submenu:hover .wp-submenu, -#adminmenu a.wp-has-current-submenu:focus + .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; - -webkit-box-shadow: none; - box-shadow: none; - background-color: #333; -} - -#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu, -#adminmenu li.current a.menu-top, -.folded #adminmenu li.wp-has-current-submenu, -.folded #adminmenu li.current.menu-top, -#adminmenu .wp-menu-arrow, -#adminmenu .wp-has-current-submenu .wp-submenu .wp-submenu-head, -#adminmenu .wp-menu-arrow div { - background: #0074a2; - 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; -} - -#adminmenu .wp-submenu a { - font-size: 13px; - line-height: 1.2; - margin: 0; - padding: 6px 0; -} - -#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; - -webkit-transition: all .1s ease-in-out; - transition: all .1s ease-in-out; -} - -#adminmenu .wp-has-current-submenu ul > li > a, -.folded #adminmenu li.menu-top .wp-submenu > li > a { - padding: 6px 12px; -} - -#adminmenu a.menu-top, -#adminmenu .wp-submenu-head { - font-size: 14px; - font-weight: 400; - line-height: 18px; - padding: 0; -} - -#adminmenu .wp-submenu-head, -.folded #adminmenu .wp-menu-name { - display: none; -} - -.folded #adminmenu .wp-submenu-head { - display: block; -} - -#adminmenu .wp-submenu li { - padding: 0; - margin: 0; - overflow: hidden; -} - -#adminmenu .wp-menu-image img { - padding: 9px 0 0 0px; - opacity: 0.6; - filter: alpha(opacity=60); -} - -#adminmenu div.wp-menu-name { - padding: 8px 0; -} - -#adminmenu div.wp-menu-image { - float: left; - width: 36px; - height: 30px; - margin: 0; - text-align: center; -} - -#adminmenu div.wp-menu-image.svg { - background-repeat: no-repeat; - background-position: center; - -webkit-background-size: 20px auto; - background-size: 20px auto; -} - -div.wp-menu-image:before { - font: normal 20px/1 'dashicons' !important; - speak: none; - color: #999; - padding: 8px 0; - height: 36px; - width: 20px; - display: inline-block; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - -webkit-transition: all .1s ease-in-out; - transition: all .1s ease-in-out; -} - -#adminmenu div.wp-menu-image:before { - color: #999; -} - -#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 { - color: #fff; -} - -#adminmenu li:hover div.wp-menu-image:before { - color: #2ea2cc; -} - -.folded #adminmenu div.wp-menu-image { - width: 35px; - height: 30px; - position: absolute; - z-index: 25; -} - -.folded #adminmenu a.menu-top { - height: 34px; -} - -/* No @font-face support */ -.no-font-face #adminmenu .wp-menu-image { - display: none; -} - -.no-font-face #adminmenu div.wp-menu-name { - padding: 8px 12px; -} - -.no-font-face.auto-fold #adminmenu .wp-menu-name { - margin-left: 0; -} -/* End no @font-face support */ - -/* Sticky admin menu */ -.sticky-menu #adminmenuwrap { - position: fixed; - z-index: 99; /* Match the z-index of .wp-submenu to ensure flyout menus don't appear underneath main column elements */ -} - -/* 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: #f1f1f1; - top: 50%; - margin-top: -8px; -} - -.folded ul#adminmenu li:hover 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 { - right: 0; - border: solid transparent; - content: " "; - height: 0; - width: 0; - position: absolute; - pointer-events: none; - border-width: 8px; - top: 10px; - z-index: 10000; -} - -.folded ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after { - border-width: 4px; - margin-top: -4px; - top: 18px; -} - -#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after { - border-right-color: #333; -} - -/* 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: #111; -} - -.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.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 0; - 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: 8px 4px 8px 11px; - margin: -7px 0px 4px; -} - -#adminmenu li.current, -.folded #adminmenu li.wp-menu-open { - border: 0 none; -} - -#adminmenu .awaiting-mod, -#adminmenu span.update-plugins, -#sidemenu li a span.update-plugins { - display: inline-block; - background-color: #d54e21; - color: #fff; - font-size: 9px; - line-height: 17px; - font-weight: 600; - margin: 1px 0 0 2px; - vertical-align: top; - -webkit-border-radius: 10px; - border-radius: 10px; - z-index: 26; -} - -#adminmenu li .awaiting-mod span, -#adminmenu li span.update-plugins span, -#sidemenu li a span.update-plugins span { - display: block; - padding: 0 6px; -} - -#adminmenu li.current a .awaiting-mod, -#adminmenu li a.wp-has-current-submenu .update-plugins { - background-color: #2ea2cc; - color: #fff; -} - -#adminmenu li span.count-0, -#sidemenu li a .count-0 { - display: none; -} - -#collapse-menu { - font-size: 13px; - line-height: 34px; - margin-top: 10px; - color: #aaa; - -webkit-transition: all .1s ease-in-out; - transition: all .1s ease-in-out; -} - -#collapse-menu:hover, -#collapse-menu:hover #collapse-button div:after { - color: #2ea2cc; -} - -.folded #collapse-menu span { - display: none; -} - -#collapse-button, -#collapse-button div { - width: 15px; - height: 15px; -} - -#collapse-button { - float: left; - height: 15px; - margin: 10px 8px 10px 11px; - width: 15px; - -webkit-border-radius: 10px; - border-radius: 10px; -} - -#wpwrap #collapse-button div { - padding: 0; -} - -#collapse-button div:after { - content: '\f148'; - display: block; - line-height: 15px; - left: -3px; - top: -3px; - color: #aaa; - font: normal 20px/1 'dashicons' !important; - speak: none; - margin: 0 auto; - padding: 0 !important; - position: relative; - text-align: center; - width: 20px; - -webkit-transition: all .1s ease-in-out; - transition: all .1s ease-in-out; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -.folded #collapse-button div:after, -.rtl #collapse-button div:after { - -webkit-transform: rotate(180deg); - -ms-transform: rotate(180deg); - transform: rotate(180deg); -} - -.rtl.folded #collapse-button div:after { - -webkit-transform: none; - -ms-transform: none; - transform: none; -} - -/* Auto-folding of the admin menu */ -@media only screen and (max-width: 900px) { - .auto-fold #wpcontent, - .auto-fold #wpfooter { - margin-left: 56px; - } - - .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: 0px; - 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 { - display: none; - } - - .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 { - 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 { - display: none; - } - - .auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover: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 span { - display: none; - } - - .auto-fold #collapse-button div { - background: none; - } - - .auto-fold #collapse-button div:after { - -webkit-transform: rotate(180deg); - -ms-transform: rotate(180deg); - transform: rotate(180deg); - } - - .rtl.auto-fold #collapse-button div:after { - -webkit-transform: none; - -ms-transform: none; - transform: none; - } - -} - -/* List table styles */ -.post-com-count-wrapper { - min-width: 22px; -} - -.post-com-count { - background: none; - height: 1.3em; - line-height: 1.1em; - display: block; - text-decoration: none; - padding: 0 0 6px; - cursor: pointer; - background-position: center -80px; - background-repeat: no-repeat; - color: #fff; -} - -.post-com-count:after { /* draw bubble connector using CSS! */ - content: ""; - display: block; - width: 0; - height: 0; - margin-left: 8px; - border-top: 5px solid #bbb; - border-right: 5px solid transparent; -} - -.post-com-count span { - font-size: 11px; - font-weight: 600; - height: 1.4em; - line-height: 1.4em; - min-width: 0.7em; - padding: 0 6px; - display: inline-block; - -webkit-border-radius: 5px; - border-radius: 5px; - background-color: #bbb; - color: #fff; -} - -.post-com-count:hover { - background-position: center -3px; -} - -.post-com-count:hover span { - background-color: #2ea2cc; -} - -.post-com-count:hover:after { - border-top: 5px solid #2ea2cc; -} - -strong .post-com-count { - background-position: center -55px; -} - -strong .post-com-count span { - background-color: #0074a2; -} - -strong .post-com-count:after { - border-top: 5px solid #0074a2; -} - -.column-response .post-com-count { - float: left; - margin-right: 5px; - text-align: center; -} - -.response-links { - float: left; -} - -#the-comment-list .attachment-80x60 { - padding: 4px 8px; -} - -th .comment-grey-bubble { - height: 16px; - width: 16px; -} - -th .comment-grey-bubble:before { - content: '\f101'; - font: normal 20px/.5 'dashicons'; - speak: none; - display: inline-block; - padding: 0; - top: 4px; - left: -4px; - position: relative; - vertical-align: top; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - text-decoration: none !important; - color: #444; -} - -/*------------------------------------------------------------------------------ - 8.0 - Layout Blocks -------------------------------------------------------------------------------*/ - -html.wp-toolbar { - padding-top: 32px; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} - -.narrow { - width: 70%; - margin-bottom: 40px; -} - -.narrow p { - line-height: 150%; -} - -.widefat th, -.widefat td { - overflow: hidden; - color: #555; -} - -.widefat th { - font-weight: normal; -} - -.widefat thead tr th, -.widefat tfoot tr th { - color: #333; -} - -.widefat td p { - margin: 2px 0 0.8em; -} - -.widefat p, -.widefat ol, -.widefat ul { - color: #333; -} - -.widefat .column-comment p { - margin: 0.6em 0; -} - -/* Screens with postboxes */ -.postbox-container { - float: left; -} - -#wpbody-content #dashboard-widgets.columns-1 .postbox-container { - width: 100%; -} - -#wpbody-content #dashboard-widgets.columns-2 .postbox-container { - width: 49.5%; -} - -#wpbody-content #dashboard-widgets.columns-2 #postbox-container-2, -#wpbody-content #dashboard-widgets.columns-2 #postbox-container-3, -#wpbody-content #dashboard-widgets.columns-2 #postbox-container-4 { - float: right; - width: 50.5%; -} - -#wpbody-content #dashboard-widgets.columns-3 .postbox-container { - width: 33.5%; -} - -#wpbody-content #dashboard-widgets.columns-3 #postbox-container-1 { - width: 33%; -} - -#wpbody-content #dashboard-widgets.columns-3 #postbox-container-3, -#wpbody-content #dashboard-widgets.columns-3 #postbox-container-4 { - float: right; -} - -#wpbody-content #dashboard-widgets.columns-4 .postbox-container { - width: 25%; -} - -.postbox-container .meta-box-sortables { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} - -.metabox-holder .postbox-container .empty-container { - border: 3px dashed #bbb; - height: 250px; -} - -.metabox-holder.columns-1 .postbox-container .empty-container, -.columns-2 #postbox-container-3 .empty-container, -.columns-2 #postbox-container-4 .empty-container, -.columns-3 #postbox-container-4 .empty-container { - border: 0 none; - height: 0; - min-height: 0; -} - -.ie8 #wpbody-content #dashboard-widgets .postbox-container { - width: 49.5%; -} - -.ie8 #wpbody-content #dashboard-widgets #postbox-container-2, -.ie8 #wpbody-content #dashboard-widgets #postbox-container-3, -.ie8 #wpbody-content #dashboard-widgets #postbox-container-4 { - float: right; - width: 50.5%; -} - -.ie8 #dashboard-widgets #postbox-container-3 .empty-container, -.ie8 #dashboard-widgets #postbox-container-4 .empty-container { - border: 0 none; - height: 0; - min-height: 0; -} - -#poststuff { - padding-top: 10px; - min-width: 763px; -} - -#poststuff #post-body { - padding: 0; -} - -#post-body-content { - width: 100%; - min-width: 463px; - float: left; -} - -#poststuff .postbox-container { - width: 100%; -} - -#poststuff #post-body.columns-2 { - margin-right: 300px; -} - -#post-body.columns-2 #postbox-container-1 { - float: right; - margin-right: -300px; - width: 280px; -} - -#post-body.columns-2 #side-sortables { - min-height: 250px; -} - -#dashboard-widgets .postbox-container { - width: 25%; -} - -#dashboard-widgets-wrap .columns-3 #postbox-container-4 .empty-container { - border: none !important; -} - -#dashboard-widgets-wrap { - overflow: hidden; -} - -/* one column on the dash */ -@media only screen and (max-width: 799px) { - #wpbody-content #dashboard-widgets .postbox-container { - width: 100%; - } - - #wpbody-content .metabox-holder .postbox-container .empty-container { - border: 0 none; - height: 0; - min-height: 0; - } -} - -/* two columns on the dash, but keep the setting if one is selected */ -@media only screen and (min-width: 800px) and (max-width: 1499px) { - #wpbody-content #dashboard-widgets .postbox-container { - width: 49.5%; - } - - #wpbody-content #dashboard-widgets #postbox-container-2, - #wpbody-content #dashboard-widgets #postbox-container-3, - #wpbody-content #dashboard-widgets #postbox-container-4 { - float: right; - width: 50.5%; - } - - #dashboard-widgets #postbox-container-3 .empty-container, - #dashboard-widgets #postbox-container-4 .empty-container { - border: 0 none; - height: 0; - min-height: 0; - } - - #wpbody #wpbody-content #dashboard-widgets.columns-1 .postbox-container { - width: 100%; - } - - #wpbody #wpbody-content .metabox-holder.columns-1 .postbox-container .empty-container { - border: 0 none; - height: 0; - min-height: 0; - } - - /* show the radio buttons for column prefs only for one or two columns */ - .index-php .screen-layout, - .index-php .columns-prefs { - display: block; - } - - .columns-prefs .columns-prefs-3, - .columns-prefs .columns-prefs-4 { - display: none; - } -} - -/* three columns on the dash */ -@media only screen and (min-width: 1500px) and (max-width: 1800px) { - #wpbody-content #dashboard-widgets .postbox-container { - width: 33.5%; - } - - #wpbody-content #dashboard-widgets #postbox-container-1 { - width: 33%; - } - - #wpbody-content #dashboard-widgets #postbox-container-3, - #wpbody-content #dashboard-widgets #postbox-container-4 { - float: right; - } - - #dashboard-widgets #postbox-container-4 .empty-container { - border: 0 none; - height: 0; - min-height: 0; - } -} - -/* one column on the post write/edit screen */ -@media only screen and (max-width: 850px) { - #poststuff { - min-width: 0; - } - - #wpbody-content #poststuff #post-body { - margin: 0; - } - - #wpbody-content #post-body.columns-2 #postbox-container-1 { - margin-right: 0; - width: 100%; - } - - #poststuff #postbox-container-1 .empty-container, - #poststuff #postbox-container-1 #side-sortables:empty { - border: 0 none; - height: 0; - min-height: 0; - } - - #poststuff #post-body.columns-2 #side-sortables { - min-height: 0; - } - - /* hide the radio buttons for column prefs */ - .screen-layout, - .columns-prefs { - display: none; - } -} - -.js .postbox .hndle { - cursor: move; -} - -.hndle a { - font-size: 11px; - font-weight: normal; -} - -.postbox .handlediv { - float: right; - width: 27px; - height: 30px; -} - -.js .postbox .handlediv { - cursor: pointer; -} - -.sortable-placeholder { - border: 1px dashed #bbb; - margin-bottom: 20px; -} - -.postbox, -.stuffbox { - margin-bottom: 20px; - padding: 0; - line-height: 1; -} - -.postbox h3, -.stuffbox h3 { - margin-top: 1px; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} - -.js .widget .widget-top, -.js .postbox h3 { - cursor: move; -} - -.postbox .inside, -.stuffbox .inside { - padding: 0 12px 12px; - line-height: 1.4em; - font-size: 13px; -} - -.postbox .inside { - margin: 11px 0; - position: relative; -} - -#dashboard-widgets .postbox .inside { - margin-bottom: 0; -} - -.postbox .inside > p:last-child, -.rss-widget ul li:last-child { - margin-bottom: 1px !important; -} - -.postbox.closed h3 { - border: none; - -webkit-box-shadow: none; - box-shadow: none; -} - -.postbox table.form-table { - margin-bottom: 0; -} - -.postbox table.widefat { - -webkit-box-shadow: none; - box-shadow: none; -} - -.temp-border { - border: 1px dotted #ccc; -} - -.columns-prefs label { - padding: 0 5px; -} - - -/*------------------------------------------------------------------------------ - 9.0 - Dashboard -------------------------------------------------------------------------------*/ - -#dashboard-widgets-wrap { - margin: 0 -8px; -} - -#wpbody-content .metabox-holder { - padding-top: 10px; -} - -#dashboard-widgets .meta-box-sortables { - margin: 0 8px; - min-height: 100px; -} - -h3.dashboard-widget-title, -h3.dashboard-widget-title span, -h3.dashboard-widget-title small { - color: #333; -} - -h3.dashboard-widget-title small a { - color: #d7d7d7; -} - -h3.dashboard-widget-title small a:hover { - color: #fff; -} - -#the-comment-list td.comment p.comment-author { - margin-top: 0; - margin-left: 0; -} - -#the-comment-list p.comment-author img { - float: left; - margin-right: 8px; -} - -#the-comment-list p.comment-author strong a { - border: none; -} - -#the-comment-list td { - vertical-align: top; -} - -#the-comment-list td.comment { - word-wrap: break-word; -} - -/* Welcome Panel */ -.welcome-panel { - position: relative; - overflow: auto; - margin: 16px 0; - padding: 23px 10px 0; - border: 1px solid #e5e5e5; - -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04); - box-shadow: 0 1px 1px rgba(0,0,0,0.04); - background: #fff; - font-size: 13px; - line-height: 2.1em; -} - -.welcome-panel h3 { - margin: 0; - font-size: 21px; - font-weight: normal; - line-height: 1.2; -} - -.welcome-panel h4 { - margin: 1.33em 0 0; - font-size: 16px; -} - -.welcome-panel li { - font-size: 14px; -} - -.welcome-panel p { - color: #777; -} - -.welcome-panel a { - text-decoration: none; -} - -.welcome-panel .about-description { - font-size: 16px; - margin: 0; -} - -.welcome-panel .welcome-panel-close { - position: absolute; - top: 5px; - right: 10px; - padding: 20px 15px 0 3px; - font-size: 13px; - text-decoration: none; - line-height: 1; -} - -#welcome-panel.welcome-panel .welcome-panel-close::before, -.tagchecklist span a:before, -#bulk-titles div a:before { - background: none; - color: #bbb; - content: '\f153'; - display: block !important; - font: normal 16px/1 'dashicons'; - speak: none; - height: 20px; - margin: 2px 0; - text-align: center; - width: 20px; - -webkit-font-smoothing: antialiased !important; -} - -#welcome-panel.welcome-panel .welcome-panel-close:hover:before, -.tagchecklist span a:hover:before, -#bulk-titles div a:hover:before { - color: #c00; -} - -#welcome-panel.welcome-panel .welcome-panel-close::before { - position: absolute; - left: -18px; - margin-top: -2px; - -webkit-transition: all .1s ease-in-out; - transition: all .1s ease-in-out; -} - -.wp-core-ui .welcome-panel .button.button-hero { - margin: 15px 0 3px; -} - -.welcome-panel-content { - margin-left: 13px; - max-width: 1500px; -} - -.welcome-panel .welcome-panel-column-container { - clear: both; - overflow: hidden; - position: relative; -} - -.welcome-panel .welcome-panel-column { - width: 32%; - min-width: 200px; - float: left; -} - -.ie8 .welcome-panel .welcome-panel-column { - min-width: 230px; -} - -.welcome-panel .welcome-panel-column:first-child { - width: 36%; -} - -.welcome-panel-column p.hide-if-no-customize { - margin-top: 10px; -} - -.welcome-panel-column p { - margin-top: 7px; - color: #464646; -} - -.welcome-panel .welcome-icon { - display: block; - padding: 0 0 8px; - background: transparent !important; -} - -.welcome-panel .welcome-icon:before { - color: #888; - font: normal 20px/1 'dashicons'; - speak: none; - display: inline-block; - padding: 0 10px 0 0; - top: -1px; - position: relative; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - text-decoration: none !important; - vertical-align: top; -} - -.welcome-panel .welcome-write-blog:before, -.welcome-panel .welcome-edit-page:before { - content:'\f119'; - top: -3px; -} - -.welcome-panel .welcome-add-page:before { - content:'\f132'; -} - -.welcome-panel .welcome-view-site:before { - content:'\f115'; - top: -2px; -} - -.welcome-panel .welcome-widgets-menus:before { - content:'\f116'; - top: -2px; -} - -.welcome-panel .welcome-comments:before { - content:'\f117'; - top: -1px; -} - -.welcome-panel .welcome-learn-more:before { - content:'\f118'; - top: -1px; -} - -.welcome-panel .welcome-widgets-menus { - line-height: 16px; -} - -.welcome-panel .welcome-panel-column ul { - margin: 0.8em 1em 1em 0; -} - -.welcome-panel .welcome-panel-column li { - line-height: 16px; - list-style-type: none; -} - -/* Dashboard WordPress news */ - -#dashboard_primary .inside { - margin: 0; - padding: 0; -} - -#dashboard_primary .widget-loading, -#dashboard_primary .dashboard-widget-control-form { - padding: 12px 12px 0; -} - -body #dashboard-widgets .postbox form .submit { - margin: 0; -} - -.dashboard-widget-control-form { - overflow: hidden; -} - -.dashboard-widget-control-form p { - margin-top: 0; -} - -/* @todo: are these actually used anywhere? no non-CSS results in plugin search */ -div.dashboard-widget-error { - background-color: #c43; -} - -div.dashboard-widget-notice { - background-color: #cfe1ef; -} - -.rssSummary { - color: #777; - margin-top: 4px; -} - -#dashboard_primary .rss-widget { - border-bottom: 1px solid #eee; - font-size: 13px; - padding: 8px 12px 10px; -} - -#dashboard_primary .rss-widget:last-child { - border-bottom: none; - padding-bottom: 8px; -} - -#dashboard_primary .rss-widget a { - font-weight: normal; -} - -#dashboard_primary .rss-widget span, -#dashboard_primary .rss-widget span.rss-date { - color: #777; -} - -#dashboard_primary .rss-widget span.rss-date { - margin-left: 12px; -} - -#dashboard_primary .rss-widget ul li { - margin-bottom: 8px; -} - -/* Dashboard right now */ - -#dashboard_right_now ul { - margin: 0; - overflow: hidden; -} - -#dashboard_right_now li { - width: 50%; - float: left; - margin-bottom: 10px; -} - -#dashboard_right_now .inside { - overflow: hidden; - padding: 0; -} - -#dashboard_right_now .main { - padding: 0 12px 11px; -} - -#dashboard_right_now .main p { - margin: 0; -} - -.mu-storage { - overflow: hidden; -} - -#dashboard-widgets h4.mu-storage { - margin-bottom: 10px; -} - -/* Dashboard right now - Colors */ - -#dashboard_right_now li a:before, -#dashboard_right_now li span:before { - color: #888; -} - -#dashboard_right_now .sub { - color: #777; - background: #f5f5f5; - border-top: 1px solid #eee; - padding: 10px 12px 6px 12px; -} - -#dashboard_right_now .sub h4 { - color: #555; -} - -#dashboard_right_now .sub p { - margin: 0 0 1em; -} - -#dashboard_right_now .warning a:before, -#dashboard_right_now .warning span:before { - color: #d54e21; -} - -/* Dashboard right now - Icons */ -#dashboard_right_now li a:before, -#dashboard_right_now li span:before { - content: '\f159'; - font: normal 20px/1 'dashicons'; - speak: none; - display: block; - float: left; - margin: 0 5px 0 0; - padding: 0; - text-indent: 0; - text-align: center; - position: relative; - -webkit-font-smoothing: antialiased; - text-decoration: none !important; -} - -#dashboard_right_now .page-count a:before, -#dashboard_right_now .page-count span:before { - content: '\f105'; -} - -#dashboard_right_now .post-count a:before, -#dashboard_right_now .post-count span:before { - content: '\f109'; -} - -#dashboard_right_now .comment-count a:before { - content: '\f101'; -} - -#dashboard_right_now .comment-mod-count a:before { - content: '\f125'; -} - -#dashboard_right_now .storage-count a:before { - content: '\f104'; -} - -#dashboard_right_now .storage-count.warning a:before { - content: '\f153'; -} - -/* Dashboard Quick Draft */ - -#dashboard_quick_press .inside { - margin: 0; - padding: 0; -} - -#dashboard_quick_press div.updated { - margin-bottom: 10px; - border: 1px solid #eee; - border-width: 1px 1px 1px 0; -} - -#dashboard_quick_press form { - overflow: hidden; - margin: 12px; -} - -#dashboard_quick_press .drafts, -#dashboard_quick_press .easy-blogging { - padding: 10px 0 0; -} - -/* Dashboard Quick Draft - Form styling */ - -input#save-post { - float: left; -} - -form.initial-form.quickpress-open label.prompt { - font-style: normal; -} - -form.initial-form.quickpress-open input#title { - height: auto; -} - -#dashboard_quick_press input, -#dashboard_quick_press textarea { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - margin: 0; -} - -#dashboard_quick_press textarea { - resize: vertical; -} - -#dashboard-widgets .postbox form .submit { - margin: -39px 0; - float: right; -} - -#description-wrap { - margin-top: 12px; -} - -#title-wrap #title-prompt-text, -.textarea-wrap #content-prompt-text { - color: #777; -} - -#title-wrap #title-prompt-text { - font-size: 1.1em; - padding: 7px 8px; -} - -.input-text-wrap, -.textarea-wrap { - position: relative; -} - -.input-text-wrap .prompt, -.textarea-wrap .prompt { - position: absolute; -} - -.textarea-wrap #content-prompt-text { - font-size: 1.1em; - padding: 7px 8px; -} - -.textarea-wrap textarea#content { - margin: 0 0 8px; - padding: 6px 7px; -} - -#quick-press textarea#content { - min-height: 90px; - max-height: 1300px; - resize: none; -} - -/* Dashboard Quick Draft - Drafts list */ - -.js #dashboard_quick_press .drafts { - border-top: 1px solid #eee; -} - -#dashboard_quick_press .drafts abbr { - border: none; -} - -#dashboard_quick_press .drafts h4 { - margin: 0 12px 8px; - font-weight: normal; -} - -#dashboard_quick_press .drafts .view-all { - float: right; - margin: 0 12px 0 0; -} - -#dashboard_primary a.rsswidget { - font-weight: normal; -} - -#dashboard_quick_press .drafts ul { - margin: 0 12px; -} - -#dashboard_quick_press .drafts li { - margin-bottom: 1em; -} -#dashboard_quick_press .drafts li time { - color: #777; -} - -#dashboard_quick_press .drafts p { - margin: 0; - word-wrap: break-word; -} - -#dashboard_quick_press .draft-title { - overflow: hidden; -} - -#dashboard_quick_press .draft-title a, -#dashboard_quick_press .draft-title time { - float: left; - margin: 0 5px 0 0; -} - -/* Dashboard activity widget */ - -#dashboard-widgets #dashboard_activity h4 { - margin: 0 0 8px 12px; - font-weight: normal; -} - -#dashboard-widgets #dashboard_activity h4.comment-meta { - margin: 0; -} - -#dashboard_activity h4.comment-meta { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - margin-bottom: 4px; -} - -#dashboard_activity ul { - padding: 0 12px; -} - -#dashboard_activity .comment-meta span.approve:before { - content: '\f227'; - font: 20px/.5 "dashicons"; - margin-left: 12px; - vertical-align: middle; - position: relative; - top: -1px; - margin-right: 2px; -} - -#dashboard_activity .inside { - padding: 0; - margin: 0; -} - -#dashboard_activity .no-activity { - overflow: hidden; - padding: 0 12px 12px; - text-align: center; -} - -#dashboard_activity .no-activity p { - color: #999; - font-size: 16px; -} - -#dashboard_activity .no-activity .smiley { - margin-top: 0; -} - -#dashboard_activity .no-activity .smiley:before { - content: '\f328'; - font: normal 120px/1 'dashicons'; - speak: none; - display: block; - margin: 0 5px 0 0; - padding: 0; - text-indent: 0; - text-align: center; - position: relative; - -webkit-font-smoothing: antialiased; - text-decoration: none !important; -} - -#dashboard_activity .subsubsub { - float: none; - border-top: 1px solid #eeeeee; - margin-top: 0; - padding: 8px 12px 4px; -} - -#future-posts .show-more, -#published-posts .show-more { - float: right; - margin-right: 12px; -} - -#future-posts ul, -#published-posts ul { - clear: both; - margin-bottom: 0; -} - -#future-posts li, -#published-posts li { - overflow: hidden; - margin-bottom: 8px; -} - -#future-posts ul span, -#published-posts ul span { - color: #777; - float: left; - margin-right: 8px; - min-width: 150px; -} - -.activity-block { - border-bottom: 1px solid #eee; - overflow: hidden; - padding: 8px 0 4px; -} - -.activity-block:last-child { - border-bottom: none; -} - -.activity-block .subsubsub li { - color: #ddd; -} - -/* Dashboard activity widget - Comments */ -/* @todo: needs serious de-duplication */ - -#activity-widget #the-comment-list tr.undo, -#activity-widget #the-comment-list div.undo { - background: none; - padding: 6px 0; -} - -#activity-widget #the-comment-list .alternate, -#activity-widget #the-comment-list .alt { - background: none; -} - -#activity-widget #the-comment-list .comment { - background: #fafafa; - padding: 12px; - position: relative; -} - -#activity-widget #the-comment-list img { - position: absolute; - left: 13px; - top: 13px; -} - -#activity-widget #the-comment-list .dashboard-comment-wrap { - padding-left: 63px; -} - -#activity-widget #the-comment-list .dashboard-comment-wrap blockquote { - margin: 1em 0; -} - -#activity-widget #the-comment-list .comment-item h4 { - font-size: 13px; - color: #999; -} - -#activity-widget #the-comment-list .comment-item p.row-actions { - margin: 4px 0 0 0; -} - -#activity-widget #the-comment-list .comment-item:first-child { - border-top: 1px solid #eeeeee; -} - -#activity-widget #the-comment-list .unapproved { - background-color: #fefaf7; -} - -#activity-widget #the-comment-list .unapproved:before { - content: ""; - display: block; - position: absolute; - left: 0; - top: 0; - bottom: 0; - background: #d54e21; - width: 4px; -} - -#activity-widget #the-comment-list .spam-undo-inside .avatar, -#activity-widget #the-comment-list .trash-undo-inside .avatar { - margin-right: 20px; - position: relative; - top: 0; -} - -/* Browse happy box */ - -#dashboard-widgets #dashboard_browser_nag.postbox .inside { - margin: 10px; -} - -@media screen and (max-width: 870px) { - .welcome-panel .welcome-panel-column, - .welcome-panel .welcome-panel-column:first-child { - display: block; - float: none; - width: 100%; - } - - .welcome-panel .welcome-panel-column li { - display: inline-block; - margin-right: 13px; - } - - .welcome-panel .welcome-panel-column ul { - margin: 0.4em 0 0; - } - -} - -/*------------------------------------------------------------------------------ - 10.0 - List Posts (/Pages/etc) -------------------------------------------------------------------------------*/ - -table.fixed { - table-layout: fixed; -} - -.fixed .column-rating, -.fixed .column-visible { - width: 8%; -} - -.fixed .column-posts, -.fixed .column-date, -.fixed .column-parent, -.fixed .column-links, -.fixed .column-author, -.fixed .column-format { - width: 10%; -} - -.fixed .column-comment .comment-author { - display: none; -} - -.fixed .column-response, -.fixed .column-categories, -.fixed .column-tags, -.fixed .column-rel, -.fixed .column-role { - width: 15%; -} - -.fixed .column-slug { - width: 25%; -} - -.fixed .column-locations { - width: 35%; -} - -.fixed .column-comments { - width: 4em; - padding: 8px 0; - text-align: left; -} - -.fixed .column-comments .vers { - padding-left: 3px; -} - -.fixed .column-comments a { - float: left; -} - -.fixed .column-icon { - width: 80px; -} - -/* @todo: pick a consistent list table selector */ -.wp-list-table a { - -webkit-transition: none; - transition: none; -} - -#the-list tr:last-child td, -#the-list tr:last-child th { - border-bottom: none !important; - -webkit-box-shadow: none; - box-shadow: none; -} - -#comments-form .fixed .column-author { - width: 20%; -} - -#commentsdiv.postbox .inside { - margin: 0; - padding: 0; -} - -#commentsdiv .inside .row-actions { - line-height:18px; -} - -#commentsdiv .inside .column-author { - width: 25%; -} - -#commentsdiv .column-comment p { - margin: 0.6em 0; - padding: 0; -} - -#commentsdiv #replyrow td { - padding: 0; -} - -#commentsdiv p { - padding: 8px 10px; - margin: 0; -} - -#commentsdiv .comments-box { - border: 0 none; -} - -#commentsdiv .comments-box thead th { - background: transparent; - padding: 0 7px 4px; - font-style: italic; -} - -#commentsdiv .comments-box tr:last-child td { - border-bottom: 0 none; -} - -#commentsdiv .spinner { - padding-left: 5px; -} - -.sorting-indicator { - display: none; - width: 10px; - height: 4px; - margin-top: 8px; - margin-left: 7px; -} - -.sorting-indicator:before { - background: none; - content: '\f142'; - font: normal 20px/1 'dashicons'; - speak: none; - display: inline-block; - padding: 0; - top: -4px; - left: -8px; - color: #444; - line-height: 10px; - position: relative; - vertical-align: top; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - text-decoration: none !important; - color: #444; -} - -.column-comments .sorting-indicator:before { - top: 0; - left: -10px; -} - -th.sorted.asc .sorting-indicator:before, -th.desc:hover span.sorting-indicator:before { - content: '\f142'; -} - -th.sorted.desc .sorting-indicator:before, -th.asc:hover span.sorting-indicator:before { - content: '\f140'; -} - -tr.wp-locked .locked-indicator { - background: url('../images/lock.png') no-repeat; - margin: -2px 0 0 6px; - height: 20px; - width: 16px; -} - -tr.wp-locked .check-column label, -tr.wp-locked .check-column input[type="checkbox"], -tr.wp-locked .row-actions .inline, -tr.wp-locked .row-actions .trash { - display: none; -} - -tr .locked-info { - height: 0; - opacity: 0; -} - -tr.wp-locked .locked-info { - margin-top: 8px; - height: auto; - opacity: 1; -} - -.locked-text { - vertical-align: top; -} - -tr.locked-info, tr.wp-locked .locked-info { - -webkit-transition: height 1s, opacity 0.5s; - transition: height 1s, opacity 0.5s; -} - -.fixed .column-comments .sorting-indicator { - margin-top: 3px; -} - -#menu-locations-wrap .widefat { - width: 60%; -} - -.widefat th.sortable, -.widefat th.sorted { - padding: 0; -} - -th.sortable a, -th.sorted a { - display: block; - overflow: hidden; - padding: 7px 7px 8px 10px; -} - -th.manage-column a, -th.sortable a:hover, -th.sortable a:active, -th.sortable a:focus { - color: #333; -} - -th.sortable a:focus { - background: #e1e1e1; -} - -.fixed .column-comments.sortable a, -.fixed .column-comments.sorted a { - padding: 8px 0; -} - -th.sortable a span, -th.sorted a span { - float: left; - cursor: pointer; -} - -th.sorted.asc .sorting-indicator, -th.desc:hover span.sorting-indicator { - display: block; - background-position: 0 0; -} - -th.sorted.desc .sorting-indicator, -th.asc:hover span.sorting-indicator { - display: block; - background-position: -7px 0; -} - -/* Bulk Actions */ -.tablenav-pages a { - font-weight: 600; - margin-right: 1px; - padding: 0 2px; -} -.tablenav-pages .current-page { - padding-top: 0; - text-align: center; -} -.tablenav-pages .next-page { - margin-left: 2px; -} - -.tablenav a.button-secondary { - display: block; - margin: 3px 8px 0 0; -} - -.tablenav { - clear: both; - height: 30px; - margin: 6px 0 4px; - vertical-align: middle; -} - -.tablenav.themes { - max-width: 98%; -} - -.tablenav .tablenav-pages { - float: right; - display: block; - cursor: default; - height: 30px; - color: #555; - line-height: 30px; - font-size: 12px; -} - -.tablenav .no-pages, -.tablenav .one-page .pagination-links { - display: none; -} - -.tablenav .tablenav-pages a, -.tablenav-pages span.current { - text-decoration: none; - padding: 3px 6px; -} - -.tablenav .tablenav-pages a { - padding: 0 10px 3px; - background: #eee; - background: rgba( 0, 0, 0, 0.05 ); - font-size: 16px; - font-weight: normal; -} - -.tablenav .tablenav-pages a:hover, -.tablenav .tablenav-pages a:focus { - color: #fff; - background: #2ea2cc; -} - -.tablenav .tablenav-pages a.disabled, -.tablenav .tablenav-pages a.disabled:hover, -.tablenav .tablenav-pages a.disabled:focus, -.tablenav .tablenav-pages a.disabled:active { - color: #aaa; - background: #eee; - background: rgba( 0, 0, 0, 0.05 ); -} - -.tablenav .displaying-num { - margin-right: 2px; - color: #777; - font-size: 12px; - font-style: italic; -} - -.tablenav .actions { - overflow: hidden; - padding: 2px 8px 0 0; -} - -.tablenav .delete { - margin-right: 20px; -} - -/* @todo: unclear if the following tablenav rules are actually used. -classes exist in paginate_links() but not seen in list table output. */ -.tablenav .dots { - border-color: transparent; -} - -.tablenav .next, -.tablenav .prev { - border-color: transparent; - color: #0074a2; -} - -.tablenav .next:hover, -.tablenav .prev:hover { - border-color: transparent; - color: #2ea2cc; -} - -.view-switch { - float: right; - margin: 5px 16px 0 8px; -} - -.view-switch img { - display: none; -} - -.view-switch a { - text-decoration: none; -} - -.view-switch > a { - display: inline-block; - width: 18px; - height: 18px; -} - -.view-switch > a:before { - color: #bbb; - content: '\f163'; - display: inline-block; - float: left; - font: normal 20px/1 'dashicons'; - speak: none; - vertical-align: middle; - margin-left: 0; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -.view-switch a:hover:before { - color: #727272; -} - -.view-switch a.current:before { - color: #0074a2; -} - -.view-switch > a + a:before { - margin-left: 5px; - content: '\f164'; -} - -.filter { - float: left; - margin: -5px 0 0 10px; -} - -.filter .subsubsub { - margin-left: -10px; - margin-top: 13px; -} -.screen-per-page { - width: 4em; -} - -#posts-filter fieldset { - float: left; - margin: 0 1.5ex 1em 0; - padding: 0; -} - -#posts-filter fieldset legend { - padding: 0 0 .2em 1px; -} - - -/*------------------------------------------------------------------------------ - 10.1 - Inline Editing -------------------------------------------------------------------------------*/ - -/* -.quick-edit* is for Quick Edit -.bulk-edit* is for Bulk Edit -.inline-edit* is for everything -*/ - -/* Layout */ - -#wpbody-content .inline-edit-row fieldset { - font-size: 12px; - float: left; - margin: 0; - padding: 0; - width: 100%; -} - -tr.inline-edit-row td, -#wpbody-content .inline-edit-row fieldset .inline-edit-col { - padding: 0 0.5em; -} - -#wpbody-content .quick-edit-row-page fieldset.inline-edit-col-right .inline-edit-col { - border-width: 0 0 0 1px; - border-style: none none none solid; -} - -#wpbody-content .quick-edit-row-post .inline-edit-col-left { - width: 40%; -} - -#wpbody-content .quick-edit-row-post .inline-edit-col-right { - width: 39%; -} - -#wpbody-content .inline-edit-row-post .inline-edit-col-center { - width: 20%; -} - -#wpbody-content .quick-edit-row-page .inline-edit-col-left { - width: 50%; -} - -#wpbody-content .quick-edit-row-page .inline-edit-col-right, -#wpbody-content .bulk-edit-row-post .inline-edit-col-right { - width: 49%; -} - -#wpbody-content .bulk-edit-row .inline-edit-col-left { - width: 30%; -} - -#wpbody-content .bulk-edit-row-page .inline-edit-col-right { - width: 69%; -} - -#wpbody-content .bulk-edit-row .inline-edit-col-bottom { - float: right; - width: 69%; -} - -#wpbody-content .inline-edit-row-page .inline-edit-col-right { - margin-top: 27px; -} - -.inline-edit-row fieldset .inline-edit-group { - clear: both; -} - -.inline-edit-row fieldset .inline-edit-group:after { - content: "."; - display: block; - height: 0; - clear: both; - visibility: hidden; -} - -.inline-edit-row p.submit { - clear: both; - padding: 0.5em; - margin: 0.5em 0 0; -} - -.inline-edit-row span.error { - line-height: 22px; - margin: 0 15px; - padding: 3px 5px; -} - -/* Positioning */ -.inline-edit-row h4 { - margin: .2em 0; - padding: 0; - line-height: 23px; -} -.inline-edit-row fieldset span.title, -.inline-edit-row fieldset span.checkbox-title { - margin: 0; - padding: 0; - line-height: 27px; -} - -.inline-edit-row fieldset label, -.inline-edit-row fieldset span.inline-edit-categories-label { - display: block; - margin: .2em 0; -} - -.inline-edit-row fieldset label.inline-edit-tags { - margin-top: 0; -} - -.inline-edit-row fieldset label.inline-edit-tags span.title { - margin: .2em 0; - width: auto; -} - -.inline-edit-row fieldset label span.title { - display: block; - float: left; - width: 5em; -} - -.inline-edit-row fieldset label span.input-text-wrap { - display: block; - margin-left: 5em; -} - -.quick-edit-row-post fieldset.inline-edit-col-right label span.title { - width: auto; - padding-right: 0.5em; -} - -.inline-edit-row .input-text-wrap input[type=text] { - width: 100%; -} - -.inline-edit-row fieldset label input[type=checkbox] { - vertical-align: text-bottom; -} - -.inline-edit-row fieldset label textarea { - width: 100%; - height: 4em; -} - -#wpbody-content .bulk-edit-row fieldset .inline-edit-group label { - max-width: 50%; -} - -#wpbody-content .quick-edit-row fieldset .inline-edit-group label.alignleft:first-child { - margin-right: 0.5em -} - -.inline-edit-col-right .input-text-wrap input.inline-edit-menu-order-input { - width: 6em; -} - -.inline-edit-save .spinner { - padding: 4px 10px 0; - vertical-align: top; - float: right; -} - -/* Styling */ -.inline-edit-row h4 { - text-transform: uppercase; -} - -.inline-edit-row fieldset span.title, -.inline-edit-row fieldset span.checkbox-title { - font-style: italic; - line-height: 1.8em; -} - -/* Specific Elements */ -.inline-edit-row fieldset .inline-edit-date { - float: left; -} - -.inline-edit-row fieldset input[name=jj], -.inline-edit-row fieldset input[name=hh], -.inline-edit-row fieldset input[name=mn] { - font-size: 12px; - width: 2.1em; -} - -.inline-edit-row fieldset input[name=aa] { - font-size: 12px; - width: 3.5em; -} - -.inline-edit-row fieldset label input.inline-edit-password-input { - width: 8em; -} - -ul.cat-checklist { - height: 12em; - border: solid 1px #ddd; - overflow-y: scroll; - padding: 0 5px; - margin: 0; - background-color: #fff; -} - -#bulk-titles { - display: block; - height: 12em; - border: 1px solid #ddd; - overflow-y: scroll; - padding: 0 5px; - margin: 0 0 5px; -} - -.inline-edit-row fieldset ul.cat-checklist li, -.inline-edit-row fieldset ul.cat-checklist input { - margin: 0; -} - -.inline-edit-row fieldset ul.cat-checklist label, -.inline-edit-row #bulk-titles div { - font-style: normal; - font-size: 11px; -} - -.inline-edit-row fieldset label input.inline-edit-menu-order-input { - width: 3em; -} - -.inline-edit-row fieldset label input.inline-edit-slug-input { - width: 75%; -} - -.quick-edit-row-post fieldset label.inline-edit-status { - float: left; -} - -#bulk-titles { - line-height: 140%; -} -#bulk-titles div { - margin: 0.2em 0.3em; -} - -#bulk-titles div a { - cursor: pointer; - display: block; - float: left; - height: 18px; - margin: 0 3px 0 -2px; - overflow: hidden; - position: relative; - width: 20px; -} - -#bulk-titles div a:before { - position: relative; - top: -3px; -} - - -/*------------------------------------------------------------------------------ - 11.0 - Write/Edit Post Screen -------------------------------------------------------------------------------*/ - -#show-comments { - overflow: hidden; -} - -#save-action .spinner, -#show-comments a, -#show-comments .spinner { - float: left; -} - -#lost-connection-notice .spinner { - display: block; - float: left; - margin: 0 5px 0 0; -} - -#titlediv { - position: relative; - margin-bottom: 10px; -} - -#titlediv label { - cursor: text; -} - -#titlediv div.inside { - margin: 0; -} - -#poststuff #titlewrap { - border: 0; - padding: 0; -} - -#titlediv #title { - padding: 3px 8px; - font-size: 1.7em; - line-height: 100%; - height: 1.7em; - width: 100%; - outline: none; - margin: 0; - background-color: #fff; -} - -#titlediv #title-prompt-text { - color: #777; - position: absolute; - font-size: 1.7em; - padding: 11px 10px; -} - -#wp-fullscreen-save .fs-saved { - color: #999; - float: right; - margin-top: 4px; -} - -#poststuff .inside-submitbox, -#side-sortables .inside-submitbox { - margin: 0 3px; - font-size: 11px; -} - -input#link_description, -input#link_url { - width: 98%; -} - -#pending { - background: 0 none; - border: 0 none; - padding: 0; - font-size: 11px; - margin-top: -1px; -} - -#edit-slug-box { - line-height: 24px; - min-height: 25px; /* Yes, line-height + 1 */ - margin-top: 5px; - padding: 0 10px; - color: #666; -} - -#edit-slug-box .cancel { - margin-right: 10px; - font-size: 11px; -} - -#editable-post-name-full { - display: none; -} - -#editable-post-name { - background-color: #fffbcc; -} - -#editable-post-name input { - font-size: 13px; - height: 22px; - margin: 0; - width: 16em; -} - -.postarea h3 label { - float: left; -} - -.submitbox .submit { - text-align: left; - padding: 12px 10px 10px; - font-size: 11px; - background-color: #464646; - color: #ccc; -} - -.submitbox .submitdelete { - text-decoration: none; - padding: 1px 2px; -} - -/* @todo: do we really need this? word on the street is we don't and this -stray rule may actually be compensated for elsewhere. */ -#normal-sortables .submitbox .submitdelete:hover { - color: #000; - background-color: #f00; - border-bottom-color: #f00; -} - -.submitbox .submit a:hover { - text-decoration: underline; -} - -.submitbox .submit input { - margin-bottom: 8px; - margin-right: 4px; - padding: 6px; -} - -.inside-submitbox #post_status { - margin: 2px 0 2px -2px; -} - -#post-status-select { - margin-top: 3px; -} - -/* Post Screen */ -#post-body #normal-sortables { - min-height: 50px; -} - -.postbox { - position: relative; - min-width: 255px; - border: 1px solid #e5e5e5; - -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04); - box-shadow: 0 1px 1px rgba(0,0,0,0.04); - background: #fff; -} - -#trackback_url { - width: 99%; -} - -#normal-sortables .postbox .submit { - background: transparent none; - border: 0 none; - float: right; - padding: 0 12px; - margin:0; -} - -.category-add input[type="text"], -.category-add select { - width: 100%; - max-width: 260px; - vertical-align: baseline; -} - -#side-sortables .category-add input[type="text"], -#side-sortables .category-add select { - margin: 0 0 1em; -} - -.press-this #side-sortables .category-tabs li, -ul.category-tabs li, -#side-sortables .add-menu-item-tabs li, -.wp-tab-bar li { - display: inline; - line-height: 1.35em; -} - -.no-js .category-tabs li.hide-if-no-js { - display: none; -} - -.category-tabs a, -#side-sortables .add-menu-item-tabs a, -.wp-tab-bar a { - text-decoration: none; -} - -/* @todo: do these really need to be so specific? */ -#side-sortables .category-tabs .tabs a, -#side-sortables .add-menu-item-tabs .tabs a, -.wp-tab-bar .wp-tab-active a, -#post-body ul.category-tabs li.tabs a, -#post-body ul.add-menu-item-tabs li.tabs a, -body.press-this ul.category-tabs li.tabs a { - color: #333; -} - -.category-tabs { - margin: 8px 0 5px; -} - -#category-adder h4 { - margin: 10px 0; -} - -#side-sortables .add-menu-item-tabs, -.wp-tab-bar { - margin-bottom: 3px; -} - -#normal-sortables .postbox #replyrow .submit { - float: none; - margin: 0; - padding: 0 7px 5px; -} - -#side-sortables .submitbox .submit input, -#side-sortables .submitbox .submit .preview, -#side-sortables .submitbox .submit a.preview:hover { - border: 0 none; -} - -#side-sortables .inside-submitbox .insidebox, -.stuffbox .insidebox { - margin: 11px 0; -} - -ul.category-tabs, -ul.add-menu-item-tabs, -ul.wp-tab-bar { - margin-top: 12px; -} - -ul.category-tabs li { - border: solid 1px transparent; - position: relative; -} - -ul.category-tabs li.tabs { - border-color: #dfdfdf #dfdfdf #fdfdfd; - background-color: #fdfdfd; -} - -ul.add-menu-item-tabs li.tabs, -.wp-tab-active { - border: 1px solid #dfdfdf; - border-bottom: none; - background-color: #fdfdfd; -} - -ul.add-menu-item-tabs li.tabs { - padding-bottom: 3px; - position: relative; -} - -#post-body .add-menu-item-tabs li.tabs { - border-style: solid none solid solid; - border-width: 1px 0 1px 1px; - margin-right: -1px; -} - -ul.category-tabs li, -ul.add-menu-item-tabs li, -ul.wp-tab-bar li { - padding: 3px 5px 5px; -} - -#postimagediv .inside img { - max-width: 100%; - height: auto; -} - -form#tags-filter { - position: relative; -} - -/* Edit posts */ -td.post-title strong, -td.plugin-title strong { - display: block; - margin-bottom: .2em; - font-size: 14px; -} - -td.post-title p, -td.plugin-title p { - margin: 6px 0; -} - -/* Global classes */ -.wp-hidden-children .wp-hidden-child, -.ui-tabs-hide { - display: none; -} - -.commentlist .avatar { - vertical-align: text-top; -} - -#post-body .tagsdiv #newtag { - margin-right: 5px; - width: 16em; -} - -#side-sortables input#post_password { - width: 94% -} - -#side-sortables .tagsdiv #newtag { - width: 68%; -} - -#post-status-info { - width: 100%; - border-spacing: 0; - border: 1px solid #e5e5e5; - border-top: none; - background-color: #f7f7f7; - -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04); - box-shadow: 0 1px 1px rgba(0,0,0,0.04); -} - -#post-status-info td { - font-size: 12px; -} - -.autosave-info { - padding: 2px; - text-align: right; -} - -#editorcontent #post-status-info { - border: none; -} - -#content-resize-handle { - background: transparent url('../images/resize.gif') no-repeat scroll right bottom; - width: 12px; - cursor: n-resize; -} - -.rtl #content-resize-handle { - background: transparent url('../images/resize-rtl.gif') no-repeat scroll left bottom; -} - -.press-this #content-resize-handle { - bottom: 2px; -} - -#wp-word-count { - display: block; - padding: 2px 10px; -} - -#timestampdiv select { - height: 21px; - line-height: 14px; - padding: 0; - vertical-align: top; - font-size: 12px; -} - -#aa, #jj, #hh, #mn { - padding: 1px; - font-size: 12px; -} - -#jj, #hh, #mn { - width: 2em; -} - -#aa { - width: 3.4em; -} - -.curtime #timestamp { - padding: 2px 0 1px 0; - display: inline !important; - height: auto !important; -} - -#post-body #visibility:before, -.curtime #timestamp:before, -#post-body .misc-pub-revisions:before { - font: normal 20px/1 'dashicons'; - speak: none; - display: inline-block; - padding: 0 2px 0 0; - top: 0; - left: -1px; - position: relative; - vertical-align: top; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - text-decoration: none !important; -} - -#post-body #visibility:before { - content: '\f177'; -} - -.curtime #timestamp:before { - content: '\f145'; - top: -1px; -} - -#post-body .misc-pub-revisions:before { - content: '\f321'; -} - -#timestampdiv { - padding-top: 5px; - line-height: 23px; -} - -#timestampdiv p { - margin: 8px 0 6px; -} - -#timestampdiv input { - border-width: 1px; - border-style: solid; -} - -.notification-dialog { - position: fixed; - top: 30%; - left: 50%; - width: 450px; - margin-left: -225px; - background: #fff; - line-height: 1.5; - z-index: 1000005; -} - -.notification-dialog-background { - position: fixed; - top: 0; - left: 0; - right: 0; - bottom: 0; - background: #000; - opacity: 0.5; - filter: alpha(opacity=50); - z-index: 1000000; -} - -#post-lock-dialog .post-locked-message, -#post-lock-dialog .post-taken-over { - margin: 25px; -} - -#post-lock-dialog .post-locked-message a.button { - margin-right: 10px; -} - -#post-lock-dialog .post-locked-avatar { - float: left; - margin: 0 20px 20px 0; -} - -#post-lock-dialog .wp-tab-first { - outline: 0; -} - -#post-lock-dialog .locked-saving img { - float: left; - margin-right: 3px; -} - -#post-lock-dialog.saving .locked-saving, -#post-lock-dialog.saved .locked-saved { - display: inline; -} - -/*------------------------------------------------------------------------------ - 11.1 - Custom Fields -------------------------------------------------------------------------------*/ - -#postcustomstuff thead th { - padding: 5px 8px 8px; - background-color: #f1f1f1; -} - -#postcustom #postcustomstuff .submit { - border: 0 none; - float: none; - padding: 0 8px 8px; -} - -#side-sortables #postcustom #postcustomstuff .submit { - margin: 0; - padding: 0; -} - -#side-sortables #postcustom #postcustomstuff #the-list textarea { - height: 85px; -} - -#side-sortables #postcustom #postcustomstuff td.left input, -#side-sortables #postcustom #postcustomstuff td.left select, -#side-sortables #postcustomstuff #newmetaleft a { - margin: 3px 3px 0; -} - -#postcustomstuff table { - margin: 0; - width: 100%; - border: 1px solid #dfdfdf; - border-spacing: 0; - background-color: #f9f9f9; -} - -#postcustomstuff tr { - vertical-align: top; -} - -#postcustomstuff table input, -#postcustomstuff table select, -#postcustomstuff table textarea { - width: 96%; - margin: 8px; -} - -#side-sortables #postcustomstuff table input, -#side-sortables #postcustomstuff table select, -#side-sortables #postcustomstuff table textarea { - margin: 3px; -} - -#postcustomstuff th.left, -#postcustomstuff td.left { - width: 38%; -} - -#postcustomstuff .submit input { - margin: 0; - width: auto; -} - -#postcustomstuff #newmetaleft a { - display: inline-block; - margin: 0 8px 8px; - text-decoration: none; -} - -.no-js #postcustomstuff #enternew { - display: none; -} - -#post-body-content .compat-attachment-fields { - margin-bottom: 20px; -} - -.compat-attachment-fields th { - padding-top: 5px; - padding-right: 10px; -} - -/*------------------------------------------------------------------------------ - 11.2 - Post Revisions -------------------------------------------------------------------------------*/ -.revisions-control-frame, -.revisions-diff-frame { - position: relative; -} - -.revisions-controls { - padding-top: 40px; - height: 100px; - z-index: 1; -} - -.revisions-controls input[type="checkbox"] { - position: relative; - top: -1px; - vertical-align: text-bottom; -} - -.revisions.pinned .revisions-controls { - position: fixed; - top: 0; - height: 82px; - background: #fff; - -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1); - box-shadow: 0 1px 3px rgba(0,0,0,0.1); -} - -.revisions-tickmarks { - position: relative; - margin: 0 auto; - height: 0.7em; - top: 7px; - max-width: 70%; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - background-color: #fff; -} - -.revisions-tickmarks > div { - position: absolute; - height: 100%; - border-left: 1px solid #aaa; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} - -.revisions-tickmarks > div:first-child { - border-width: 0; -} - -.comparing-two-revisions .revisions-controls { - height: 140px; -} - -.comparing-two-revisions.pinned .revisions-controls { - height: 124px; -} - -.revisions .diff-error { - position: absolute; - text-align: center; - margin: 0 auto; - width: 100%; - display: none; -} - -.revisions.diff-error .diff-error { - display: block; -} - -.revisions .loading-indicator { - position: fixed; - vertical-align: middle; - opacity: 0; - width: 100%; - top: 50%; - margin-left: -90px; - -webkit-transition: opacity 0.5s; - transition: opacity 0.5s; - filter: alpha(opacity=0); /* ie8 and earlier */ -} - -body.folded .revisions .loading-indicator { - margin-left: -32px; -} - -.revisions .loading-indicator span.spinner { - display: block; - margin: 0 auto; - float: none; -} - -.revisions.loading .loading-indicator { - opacity: 1; - filter: alpha(opacity=100); /* ie8 and earlier */ -} - -.revisions .diff { - -webkit-transition: opacity 0.5s; - transition: opacity 0.5s; -} - -.revisions.loading .diff { - opacity: 0.5; - filter: alpha(opacity=50); /* ie8 and earlier */ -} - -.revisions.diff-error .diff { - visibility: hidden; -} - -.revisions-meta { - margin-top: 20px; - background-color: #fff; - -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1); - box-shadow: 0 1px 3px rgba(0,0,0,0.1); -} - -.revisions.pinned .revisions-meta { - -webkit-box-shadow: none; - box-shadow: none; -} - -.revision-toggle-compare-mode { - position: absolute; - top: 0; - right: 0; -} - -.comparing-two-revisions .revisions-previous, -.comparing-two-revisions .revisions-next, -.revisions-meta .diff-meta-to strong { - display: none; -} - -.revisions-controls .author-card .date { - color: #777; -} - -.revisions-controls .author-card.autosave { - color: #d54e21; -} - -.revisions-controls .author-card .author-name { - font-weight: bold; -} - -.comparing-two-revisions .diff-meta-to strong { - display: block; -} - -.revisions.pinned .revisions-buttons { - padding: 0 11px; -} - -.revisions-previous, -.revisions-next { - position: relative; - z-index: 1; -} - -.revisions-previous { - float: left; -} - -.revisions-next { - float: right; -} - -.revisions-controls .wp-slider { - max-width: 70%; - margin: 0 auto; - top: -3px; -} - -.revisions-diff { - padding: 15px; - background-color: #fff; - -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1); - box-shadow: 0 1px 3px rgba(0,0,0,0.1); -} - -.revisions-diff h3:first-child { - margin-top: 0; -} - -/* Revision meta box */ -.post-revisions li img, -#revisions-meta-restored img { - vertical-align: middle; -} - -table.diff tbody tr td:nth-child(2) { - width: 4%; -} - -table.diff { - width: 100%; - white-space: pre-wrap; -} - -table.diff col.content { - width: auto; -} - -table.diff col.content.diffsplit { - width: 48%; -} - -table.diff col.diffsplit.middle { - width: auto; -} - -table.diff col.ltype { - width: 30px; -} - -table.diff tr { - background-color: transparent; -} - -table.diff td, -table.diff th { - font-family: Consolas, Monaco, monospace; - font-size: 14px; - line-height: 1.618; - padding: .5em; -} - -table.diff td h1, -table.diff td h2, -table.diff td h3, -table.diff td h4, -table.diff td h5, -table.diff td h6 { - margin: 0; -} - -table.diff .diff-deletedline del, -table.diff .diff-addedline ins { - text-decoration: none; -} - -table.diff .diff-deletedline { - background-color: #ffe9e9; -} - -table.diff .diff-deletedline del { - background-color: #faa; -} - -table.diff .diff-addedline { - background-color: #e9ffe9; -} - -table.diff .diff-addedline ins { - background-color: #afa; -} - -.diff-meta { - padding: 5px; - clear: both; - min-height: 32px; -} - -.diff-title strong { - line-height: 32px; - min-width: 60px; - text-align: right; - float: left; - margin-right: 5px; -} - -.revisions-controls .author-card .author-info { - font-size: 12px; - line-height: 16px; -} - -.revisions-controls .author-card .avatar, -.revisions-controls .author-card .author-info { - float: left; - margin-left: 6px; - margin-right: 6px; -} - -.revisions-controls .author-card .byline { - display: block; - font-size: 12px; -} - -.revisions-controls .author-card .avatar { - vertical-align: middle; -} - -.diff-meta input.restore-revision { - float: right; - margin-left: 6px; - margin-right: 6px; - margin-top: 4px; -} - -.diff-meta-from { - display: none; -} - -.comparing-two-revisions .diff-meta-from { - display: block; -} - -.revisions-tooltip { - position: absolute; - bottom: 105px; - margin-right: 0; - margin-left: -69px; - z-index: 0; - max-width: 350px; - min-width: 130px; - padding: 8px 4px; - display: none; - opacity: 0; -} - -.revisions-tooltip.flipped { - margin-left: 0; - margin-right: -70px; -} - -.revisions.pinned .revisions-tooltip { - display: none !important; -} - -.comparing-two-revisions .revisions-tooltip { - bottom: 145px; -} - -.revisions-tooltip-arrow { - width: 70px; - height: 15px; - overflow: hidden; - position: absolute; - left: 0; - margin-left: 35px; - bottom: -15px; -} - -.revisions-tooltip.flipped .revisions-tooltip-arrow { - margin-left: 0; - margin-right: 35px; - left: auto; - right: 0; -} - -.revisions-tooltip-arrow > span { - content: ""; - position: absolute; - left: 20px; - top: -20px; - width: 25px; - height: 25px; - -webkit-transform: rotate(45deg); - -ms-transform: rotate(45deg); - transform: rotate(45deg); -} - -.revisions-tooltip.flipped .revisions-tooltip-arrow > span { - left: auto; - right: 20px; -} - -.ie8 .revisions-tooltip-arrow > span { - left: 15px; - top: -25px; - -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476)"; -} - -.ie8 .revisions-tooltip.flipped .revisions-tooltip-arrow > span { - right: 25px; -} - -.revisions-tooltip, -.revisions-tooltip-arrow > span { - border: 1px solid #d7d7d7; - background-color: #fff; -} - -.revisions-tooltip { - display: none; -} - -.arrow { - width: 70px; - height: 16px; - overflow: hidden; - position: absolute; - left: 0; - margin-left: -35px; - bottom: 90px; - z-index: 10000; -} - -.arrow::after { - z-index: 9999; - background-color: #fff; - -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1); - box-shadow: 0 1px 3px rgba(0,0,0,0.1); -} - -.arrow.top { - top: -16px; - bottom: auto; -} - -.arrow.left { - left: 20%; -} - -.arrow:after { - content: ""; - position: absolute; - left: 20px; - top: -20px; - width: 25px; - height: 25px; - -webkit-transform: rotate(45deg); - -ms-transform: rotate(45deg); - transform: rotate(45deg); -} - -.revisions-tooltip, -.revisions-tooltip-arrow:after { - border-width: 1px; - border-style: solid; -} - -div.revisions-controls > .wp-slider > .ui-slider-handle { - margin-left: -10px; -} - -.rtl div.revisions-controls > .wp-slider > .ui-slider-handle { - margin-right: -10px; -} - - /* jQuery UI Slider */ -.wp-slider.ui-slider { - position: relative; - border: 1px solid #d7d7d7; - text-align: left; - cursor: pointer; -} - -.wp-slider .ui-slider-handle { - -webkit-border-radius: 50%; - border-radius: 50%; - height: 18px; - margin-top: -3px; - outline: none; - position: absolute; - width: 18px; - z-index: 2; -} - -.wp-slider .ui-slider-handle, -.wp-slider .ui-slider-handle.ui-state-hover, -.wp-slider .ui-slider-handle.focus { - background: #2ea2cc; - border: 1px solid #0074a2; - -webkit-box-shadow: inset 0 1px 0 #78c8e6, 0 1px 0 rgba(0,0,0,.15); - box-shadow: inset 0 1px 0 #78c8e6, 0 1px 0 rgba(0,0,0,.15); -} - -.wp-slider .ui-slider-handle:before { - background: none; - position: absolute; - top: 0; - left: 0; - color: #fff; - content: "\f229"; - font: normal 18px/1 'dashicons'; - speak: none; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -.wp-slider .ui-slider-handle.from-handle:before, -.wp-slider .ui-slider-handle.to-handle:before { - font-size: 20px !important; - margin: -1px 0 0 -1px; -} - -.wp-slider .ui-slider-handle.from-handle:before { - content: '\f139'; -} - -.wp-slider .ui-slider-handle.to-handle:before { - content: '\f141'; -} - -.rtl .wp-slider .ui-slider-handle.from-handle:before { - content: '\f141'; -} - -.rtl .wp-slider .ui-slider-handle.to-handle:before { - content: '\f139'; - right: -1px; -} - -.wp-slider .ui-slider-range { - position: absolute; - font-size: .7em; - display: block; - border: 0; - background-color: transparent; - background-image: none; -} - -.wp-slider.ui-slider-horizontal { - height: .7em; -} - -.wp-slider.ui-slider-horizontal .ui-slider-handle { - top: -.25em; - margin-left: -.6em; -} - -.wp-slider.ui-slider-horizontal .ui-slider-range { - top: 0; - height: 100%; -} - -.wp-slider.ui-slider-horizontal .ui-slider-range-min { - left: 0; -} - -.wp-slider.ui-slider-horizontal .ui-slider-range-max { - right: 0; -} - - -/*------------------------------------------------------------------------------ - 11.3 - Featured Images -------------------------------------------------------------------------------*/ - -#select-featured-image { - padding: 4px 0; - overflow: hidden; -} - -#select-featured-image img { - max-width: 100%; - height: auto; - margin-bottom: 10px; -} - -#select-featured-image a { - float: left; - clear: both; -} - -#select-featured-image .remove { - display: none; - margin-top: 10px; -} - -.js #select-featured-image.has-featured-image .remove { - display: inline-block; -} - -.no-js #select-featured-image .choose { - display: none; -} - -/*------------------------------------------------------------------------------ - 11.4 - Post formats -------------------------------------------------------------------------------*/ - -.post-state-format { - overflow: hidden; - display: inline-block; - vertical-align: middle; - height: 20px; - width: 20px; - margin-right: 5px; - margin-top: -4px; -} - -.post-state-format:before { - display: block; - height: 20px; - width: 20px; - font: normal 20px/1 'dashicons' !important; - speak: none; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -.post-state-format:before, -.post-format-icon:before { - color: #ddd; - -webkit-transition: all .1s ease-in-out; - transition: all .1s ease-in-out; -} - -a.post-state-format:hover:before, -a.post-format-icon:hover:before { - color: #2ea2cc; -} - -#post-formats-select { - line-height: 2em; -} - -#post-formats-select .post-format-icon:before { - top: 5px; -} - -input.post-format { - margin-top: 1px; -} - -label.post-format-icon { - margin-left: 0px; - padding: 2px 0 2px 0px; -} - -.post-format-icon:before { - position: relative; - display: inline-block; - margin-right: 7px; - font: normal 20px/1 'dashicons'; - speak: none; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -.post-state-format.post-format-standard:before, -.post-format-icon.post-format-standard:before, -a.post-state-format.format-standard:before { - content: '\f109'; -} - -.post-state-format.post-format-image:before, -.post-format-icon.post-format-image:before, -a.post-state-format.format-image:before { - content: '\f128'; -} - -.post-state-format.post-format-gallery:before, -.post-format-icon.post-format-gallery:before, -a.post-state-format.format-gallery:before { - content: '\f161'; -} - -.post-state-format.post-format-audio:before, -.post-format-icon.post-format-audio:before, -a.post-state-format.format-audio:before { - content: '\f127'; -} - -.post-state-format.post-format-video:before, -.post-format-icon.post-format-video:before, -a.post-state-format.format-video:before { - content: '\f126'; -} - -.post-state-format.post-format-chat:before, -.post-format-icon.post-format-chat:before, -a.post-state-format.format-chat:before { - content: '\f125'; -} - -.post-state-format.post-format-status:before, -.post-format-icon.post-format-status:before, -a.post-state-format.format-status:before { - content: '\f130'; -} - -.post-state-format.post-format-aside:before, -.post-format-icon.post-format-aside:before, -a.post-state-format.format-aside:before { - content: '\f123'; -} - -.post-state-format.post-format-quote:before, -.post-format-icon.post-format-quote:before, -a.post-state-format.format-quote:before { - content: '\f122'; -} - -.post-state-format.post-format-link:before, -.post-format-icon.post-format-link:before, -a.post-state-format.format-link:before { - content: '\f103'; -} - -/*------------------------------------------------------------------------------ - 12.0 - Categories -------------------------------------------------------------------------------*/ - -.category-adder { - margin-left: 120px; - padding: 4px 0; -} - -.category-adder h4 { - margin: 0 0 8px; -} - -#side-sortables .category-adder { - margin: 0; -} - -#post-body ul.add-menu-item-tabs { - float: left; - width: 120px; - text-align: right; - /* Negative margin for the sake of those without JS: all tabs display */ - margin: 0 -120px 0 5px; - padding: 0; -} - -ul.add-menu-item-tabs li { - padding: 3px 5px 3px 8px; -} - -#post-body ul.add-menu-item-tabs li.tabs { - -webkit-border-top-left-radius: 3px; - border-top-left-radius: 3px; - -webkit-border-bottom-left-radius: 3px; - border-bottom-left-radius: 3px; -} - -.wp-tab-panel, -.categorydiv div.tabs-panel, -.customlinkdiv div.tabs-panel, -.posttypediv div.tabs-panel, -.taxonomydiv div.tabs-panel { - min-height: 42px; - max-height: 200px; - overflow: auto; - padding: 0 0.9em; - border: solid 1px #dfdfdf; - background-color: #fdfdfd; -} - -div.tabs-panel-active { - display:block; -} - -div.tabs-panel-inactive { - display:none; -} - -#front-page-warning, -#front-static-pages ul, -ul.export-filters, -.inline-editor ul.cat-checklist ul, -.categorydiv ul.categorychecklist ul, -.customlinkdiv ul.categorychecklist ul, -.posttypediv ul.categorychecklist ul, -.taxonomydiv ul.categorychecklist ul { - margin-left: 18px; -} - -ul.categorychecklist li { - margin: 0; - padding: 0; - line-height: 22px; - word-wrap: break-word; -} - -.categorydiv .tabs-panel, -.customlinkdiv .tabs-panel, -.posttypediv .tabs-panel, -.taxonomydiv .tabs-panel { - border-width: 3px; - border-style: solid; -} - -.form-wrap p, -.form-wrap label { - font-size: 11px; -} - -.form-wrap label { - display: block; - padding: 2px; - font-size: 12px; -} - -.form-field input, -.form-field textarea { - border-style: solid; - border-width: 1px; - width: 95%; -} - -p.description, -.form-wrap p { - margin: 2px 0 5px; - color: #666; -} - -p.help, -p.description, -span.description, -.form-wrap p { - font-size: 13px; - font-style: italic; -} - -.form-wrap .form-field { - margin: 0 0 10px; - padding: 8px 0; -} - -.form-wrap .form-field #parent { - max-width: 100%; -} - -.col-wrap h3 { - margin: 12px 0; - font-size: 1.1em; -} - -.col-wrap p.submit { - margin-top: -10px; -} - - -/*------------------------------------------------------------------------------ - 13.0 - Tags -------------------------------------------------------------------------------*/ - -.tagsdiv { - margin-top: -8px; -} - -#poststuff .taghint { - color: #aaa; - margin: 15px 0 -24px 12px; -} - -#poststuff .tagsdiv .howto { - margin: 0 0 6px 0; -} - -.ajaxtag .newtag { - position: relative; -} - -.tagsdiv .newtag { - width: 180px; -} - -.tagsdiv .the-tags { - display: block; - height: 60px; - margin: 0 auto; - overflow: auto; - width: 260px; -} - -#post-body-content .tagsdiv .the-tags { - margin: 0 5px; -} - -p.popular-tags { - border: none; - line-height: 2em; - max-width: 1000px; - padding: 8px 12px 12px; - text-align: justify; -} - -p.popular-tags a { - padding: 0 3px; -} - -.tagcloud { - width: 97%; - margin: 0 0 40px; - text-align: justify; -} - -.tagcloud h3 { - margin: 2px 0 12px; -} - -.ac_results { - padding: 0; - margin: 0; - list-style: none; - position: absolute; - z-index: 10000; - display: none; - border: 1px solid #808080; - background-color: #fff; -} - -.wp-customizer .ac_results { - z-index: 500000; -} - -.ac_results li { - padding: 2px 5px; - white-space: nowrap; - color: #101010; - text-align: left; -} - -.ac_over { - background-color: #f0f0b8; - cursor: pointer; -} - -.ac_match { - text-decoration: underline; -} - -/* links tables */ -table.links-table { - width: 100%; - border-spacing: 0; -} - -.links-table th { - font-weight: normal; - text-align: left; - vertical-align: top; - min-width: 80px; - width: 20%; - word-wrap: break-word; -} - -.links-table th, -.links-table td { - padding: 5px 0; -} - -.links-table td label { - margin-right: 8px; -} - -.links-table td input[type="text"], -.links-table td textarea { - width: 100%; -} - -.links-table #link_rel { - max-width: 280px; -} - -/*------------------------------------------------------------------------------ - 14.0 - Media Screen -------------------------------------------------------------------------------*/ - -.media-item .describe { - border-collapse: collapse; - width: 100%; - border-top: 1px solid #dfdfdf; - clear: both; - cursor: default; -} - -.media-item.media-blank .describe { - border: 0; -} - -.media-item .describe th { - vertical-align: top; - text-align: left; - padding: 5px 10px 10px; - width: 140px; -} - -.media-item .describe .align th { - padding-top: 0; -} - -.media-item .media-item-info tr { - background-color: transparent; -} - -.media-item .describe td { - padding: 0 8px 8px 0; - vertical-align: top; -} - -.media-item thead.media-item-info td { - padding: 4px 10px 0; -} - -.media-item .media-item-info .A1B1 { - padding: 0 0 0 10px; -} - -.media-item td.savesend { - padding-bottom: 15px; -} - -.media-item .thumbnail { - max-height: 128px; - max-width: 128px; -} - -#wpbody-content #async-upload-wrap a { - display: none; -} - -.media-upload-form { - margin-top: 20px; -} - -.media-upload-form td label { - margin-right: 6px; - margin-left: 2px; -} - -.media-upload-form .align .field label { - display: inline; - padding: 0 0 0 23px; - margin: 0 1em 0 3px; - font-weight: 600; -} - -.media-upload-form tr.image-size label { - margin: 0 0 0 5px; - font-weight: 600; -} - -.media-upload-form th.label label { - font-weight: 600; - margin: 0.5em; - font-size: 13px; -} - -.media-upload-form th.label label span { - padding: 0 5px; -} - -.media-item .describe input[type="text"], -.media-item .describe textarea { - width: 460px; -} - -.media-item .describe p.help { - margin: 0; - padding: 0 0 0 5px; -} - -.media-item .edit-attachment, -.describe-toggle-on, -.describe-toggle-off { - display: block; - line-height: 36px; - float: right; -} - -.media-item .describe-toggle-off, -.media-item.open .describe-toggle-on { - display: none; -} - -.media-item.open .describe-toggle-off { - display: block; -} - -#media-items .media-item { - border-bottom: 1px solid #dfdfdf; - min-height: 36px; - position: relative; - width: 100%; -} - -#media-items { - width: 623px; -} - -.media-new-php #media-items { - margin: 1em 0; -} - -#media-items:empty { - border: 0 none; -} - -.media-item .filename { - line-height: 36px; - overflow: hidden; -} - -.media-item .error-div { - padding-left: 10px; -} - -.media-item .pinkynail { - float: left; - margin: 2px 10px 0 0; - max-width: 40px; - max-height: 32px; -} - -.media-item .startopen, -.media-item .startclosed { - display: none; -} - -.media-item .original { - position: relative; - height: 34px; -} - -.media-item .progress { - float: right; - height: 22px; - margin: 7px 0 0; - width: 200px; - line-height: 2em; - padding: 0; - overflow: hidden; - margin-bottom: 2px; - -webkit-border-radius: 22px; - border-radius: 22px; - background: #ddd; - -webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1); - box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1); -} - -.media-item .bar { - z-index: 9; - width: 0; - height: 100%; - margin-top: -22px; - -webkit-border-radius: 22px; - border-radius: 22px; - background-color: #0074a2; - -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.3); - box-shadow: inset 0 0 2px rgba(0,0,0,0.3); -} - -.media-item .progress .percent { - z-index: 10; - position: relative; - width: 200px; - padding: 0; - color: #fff; - text-align: center; - line-height: 22px; - font-weight: 400; - text-shadow: 0px 1px 2px rgba(0,0,0,0.2); -} - -.upload-php .fixed .column-parent { - width: 15%; -} - -.js .html-uploader #plupload-upload-ui { - display: none; -} - -.js .html-uploader #html-upload-ui { - display: block; -} - -.media-upload-form .media-item.error { - margin: 0; - padding: 0; -} - -.media-upload-form .media-item.error p, -.media-item .error-div { - line-height: 16px; - margin: 5px 10px; - padding: 0; -} - -.media-item .error-div a.dismiss { - display: block; - float: right; - margin: 5px 4px 0 15px; -} - -/*------------------------------------------------------------------------------ - 14.1 - Media Library -------------------------------------------------------------------------------*/ - -.find-box { - width: 600px; - height: 300px; - overflow: hidden; - padding: 33px 0 51px; - position: absolute; - z-index: 1000; - background-color: #444; -} - -.find-box-head { - cursor: move; - color: #eee; - font-weight: 600; - height: 2em; - line-height: 2em; - padding: 1px 12px; - position: absolute; - top: 5px; - width: 100%; -} - -.find-box-inside { - overflow: auto; - padding: 6px; - height: 100%; - background-color: #fff; -} - -.find-box-search, -.find-box-buttons { - overflow: hidden; - padding: 8px; - position: relative; - background-color: #f7f7f7; - border-top: 1px solid #dfdfdf; -} - -.find-box-search .spinner { - float: none; - left: 125px; - position: absolute; - top: 9px; -} - -#find-posts-input { - float: left; - width: 140px; - height: 24px; -} - -#find-posts-search { - float: left; - margin: 1px 4px 0 3px; -} - -#find-posts-response { - margin: 8px 0; - padding: 0 1px 6px; -} - -#find-posts-response table { - width: 100%; -} - -#find-posts-response .found-radio { - padding: 3px 0 0 8px; - width: 15px; -} - -.find-box #resize-se { - position: absolute; - right: 1px; - bottom: 1px; -} - -.ui-find-overlay { - position: absolute; - top: 0; - left: 0; - background-color: #000; - opacity: 0.6; - filter: alpha(opacity=60); -} - -ul#dismissed-updates { - display: none; -} - -form.upgrade { - margin-top: 8px; -} - -form.upgrade .hint { - font-style: italic; - font-size: 85%; - margin: -0.5em 0 2em 0; -} - -#poststuff .inside .the-tagcloud { - margin: 5px 0 10px; - padding: 8px; - border: 1px solid #ddd; - line-height: 1.8em; - word-spacing: 3px; - -webkit-border-radius: 6px; - border-radius: 6px; -} - -.drag-drop #drag-drop-area { - border: 4px dashed #bbb; - height: 200px; -} - -.drag-drop .drag-drop-inside { - margin: 70px auto 0; - width: 250px; -} - -.drag-drop-inside p { - color: #aaa; - font-size: 14px; - margin: 5px 0; - display: none; -} - -.drag-drop .drag-drop-inside p { - text-align: center; -} - -.drag-drop-inside p.drag-drop-info { - font-size: 20px; -} - -.drag-drop .drag-drop-inside p, -.drag-drop-inside p.drag-drop-buttons { - display: block; -} - -/* -#drag-drop-area:-moz-drag-over { - border-color: #83b4d8; -} -borger color while dragging a file over the uploader drop area */ -.drag-drop.drag-over #drag-drop-area { - border-color: #83b4d8; -} - -#plupload-upload-ui { - position: relative; -} - - -/*------------------------------------------------------------------------------ - 14.2 - Image Editor -------------------------------------------------------------------------------*/ - -.wp_attachment_details #attachment_caption { - height: 4em; -} - -.describe .image-editor { - vertical-align: top; -} - -.imgedit-wrap { - position: relative; -} - -.imgedit-settings p { - margin: 8px 0; -} - -.post-php .imgedit-wrap table { - width: 100%; -} - -.describe .imgedit-wrap table td, -.wp_attachment_holder .imgedit-wrap table td { - vertical-align: top; - padding-top: 0; -} - -.describe .imgedit-wrap table td.imgedit-settings { - padding: 0 5px; -} - -.wp_attachment_holder .imgedit-wrap table td.imgedit-settings { - width: 250px; -} - -td.imgedit-settings input { - margin-top: 0; - vertical-align: middle; -} - -.imgedit-wait { - position: absolute; - top: 0; - background: #fff url('../images/spinner.gif') no-repeat scroll 22px 10px; - -webkit-background-size: 20px 20px; - background-size: 20px 20px; - opacity: 0.7; - filter: alpha(opacity=70); - width: 100%; - height: 500px; - display: none; -} - -.spinner { - background: url('../images/spinner.gif') no-repeat; - -webkit-background-size: 20px 20px; - background-size: 20px 20px; - display: none; - float: right; - opacity: 0.7; - filter: alpha(opacity=70); - width: 20px; - height: 20px; - margin: 2px 5px 0; -} - -.no-float { - float: none; -} - -.media-disabled, -.imgedit-settings .disabled { - color: grey; -} - -.wp_attachment_image, -.A1B1 { - overflow: hidden; -} - -.wp_attachment_image .button, -.A1B1 .button { - float: left; -} - -.no-js .wp_attachment_image .button { - display: none; -} - -.wp_attachment_image .spinner, -.A1B1 .spinner { - float: left; - padding: 0 0 4px 0; - vertical-align: bottom; -} - -.imgedit-menu { - margin: 0 0 12px; - min-width: 300px; -} - -.imgedit-menu div { - float: left; - width: 32px; - border: 1px solid #d5d5d5; - background: #f1f1f1; - margin: 0 8px 0 0; - height: 32px; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - text-align: center; - line-height: 28px; - color: #777; -} - -.imgedit-menu div:before { - font: normal 20px/1 'dashicons'; - speak: none; - vertical-align: middle; -} - -.imgedit-menu div:hover { - border-color: #c1c1c1; - background-color: #eaeaea; - color: #333; -} - -.imgedit-menu div.disabled { - border-color: #ccc; - background-color: #ddd; - filter: alpha(opacity=50); - opacity: 0.5; -} - -.imgedit-crop:before { - content:'\f165'; -} - -.imgedit-rleft:before { - content:'\f166'; -} - -.imgedit-rright:before { - content:'\f167'; -} - -.imgedit-flipv:before { - content:'\f168'; -} - -.imgedit-fliph:before { - content:'\f169'; -} - -.imgedit-undo:before { - content:'\f171'; -} - -.imgedit-redo:before { - content:'\f172'; -} - -.imgedit-crop-wrap { - position: relative; -} - -.imgedit-crop { - margin: 0 8px 0 0; -} - -.imgedit-rleft { - margin: 0 3px; -} - -.imgedit-rright { - margin: 0 8px 0 3px; -} - -.imgedit-flipv { - margin: 0 3px; -} - -.imgedit-fliph { - margin: 0 8px 0 3px; -} - -.imgedit-undo { - margin: 0 3px; -} - -.imgedit-redo { - margin: 0 8px 0 3px; -} - -.imgedit-applyto img { - margin: 0 8px 0 0; -} - -.imgedit-group-top { - margin: 5px 0; -} - -.imgedit-applyto .imgedit-label { - padding: 2px 0 0; - display: block; -} - -.imgedit-help { - display: none; - font-style: italic; - margin-bottom: 8px; -} - -a.imgedit-help-toggle { - text-decoration: none; -} - -.form-table td.imgedit-response { - padding: 0; -} - -.imgedit-submit { - margin: 8px 0; -} - -.imgedit-submit-btn { - margin-left: 20px; -} - -.imgedit-wrap .nowrap { - white-space: nowrap; -} - -span.imgedit-scale-warn { - color: red; - font-size: 20px; - font-style: normal; - visibility: hidden; - vertical-align: middle; -} - -.imgedit-group { - margin-bottom: 8px; - padding: 2px 10px; -} - -/*------------------------------------------------------------------------------ - 15.0 - Comments Screen -------------------------------------------------------------------------------*/ - -.form-table { - border-collapse: collapse; - margin-top: 0.5em; - width: 100%; - clear: both; -} - -.form-table, -.form-table td, -.form-table th, -.form-table td p, -.form-wrap label { - font-size: 14px; -} - -.form-table td { - margin-bottom: 9px; - padding: 15px 10px; - line-height: 1.3; - vertical-align: middle; -} - -.form-table th, -.form-wrap label { - color: #222; - font-weight: normal; - text-shadow: none; - vertical-align: baseline; -} - -.form-table th { - vertical-align: top; - text-align: left; - padding: 20px 10px 20px 0; - width: 200px; - line-height: 1.3; - font-weight: 600; -} - -.form-table th.th-full { - width: auto; - font-weight: 400; -} - -.form-table input.tog { - margin-top: 2px; - margin-right: 2px; - float: left; -} - -.form-table td p { - margin-top: 4px; - margin-bottom: 0; -} - -.form-table td fieldset label { - margin: 0.25em 0 0.5em !important; - display: inline-block; -} - -.form-table td fieldset label, -.form-table td fieldset p, -.form-table td fieldset li { - line-height: 1.4em; -} - -.form-table input.tog, -.form-table input[type=radio] { - margin-top: -4px; - margin-right: 4px; - float: none; -} - -.commentlist li { - padding: 1em 1em .2em; - margin: 0; - border-bottom: 1px solid #ccc; -} - -.commentlist li li { - border-bottom: 0; - padding: 0; -} - -.commentlist p { - padding: 0; - margin: 0 0 .8em; -} - -#submitted-on, -.submitted-on { - color: #777; -} - -/* reply to comments */ -#replyrow td { - padding: 2px; -} - -#replysubmit { - margin: 0; - padding: 0 5px 3px; - text-align: center; -} - -#replysubmit .spinner { - padding: 2px 0 0; - vertical-align: top; - float: right; -} - -#replysubmit .button { - margin-right: 5px; -} - -#replysubmit .error { - color: red; - line-height: 21px; - text-align: center; -} - -#replyrow h5 { - margin: .2em 0 0; - padding: 0 5px; - line-height: 1.4em; - font-size: 1em; -} - -#edithead .inside { - float: left; - padding: 3px 0 2px 5px; - margin: 0; - text-align: center; -} - -#edithead .inside input { - width: 180px; -} - -#edithead label { - padding: 2px 0; -} - -#replycontainer { - padding: 5px; -} - -#replycontent { - height: 120px; - -webkit-box-shadow: none; - box-shadow: none; -} - -#replyerror { - border-color: #ddd; - background-color: #f9f9f9; -} - -.comment-php .wp-editor-area { - height: 200px; -} - -.comment-ays { - margin-bottom: 0; - border-bottom-style: solid; - border-bottom-width: 1px; -} - -.comment-ays .alt { - background-color: transparent; -} - -.trash-undo-inside, -.spam-undo-inside { - margin: 1px 8px 1px 0; - line-height: 16px; -} - -.spam-undo-inside .avatar, -.trash-undo-inside .avatar { - height: 20px; - width: 20px; - margin-right: 8px; - vertical-align: middle; -} - -.stuffbox .editcomment { - clear: none; -} - -#comment-status-radio p { - margin: 3px 0 5px; -} - -#comment-status-radio input { - margin: 2px 3px 5px 0; - vertical-align: middle; -} - -#comment-status-radio label { - padding: 5px 0; -} - -.commentlist .avatar { - vertical-align: text-top; -} - -#the-comment-list tr.undo, -#the-comment-list div.undo { - background-color: #f4f4f4; -} - -#the-comment-list .unapproved th, -#the-comment-list .unapproved td { - background-color: #fefaf7; -} - -#the-comment-list .unapproved th.check-column { - border-left: 4px solid #d54e21; -} - -#the-comment-list .unapproved th.check-column input { - margin-left: 4px; -} - -#the-comment-list .approve a { - color: #006505; -} - -#the-comment-list .unapprove a { - color: #d98500; -} - -#the-comment-list th, -#the-comment-list td { - -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1); -} - -#the-comment-list tr:last-child th, -#the-comment-list tr:last-child td { - -webkit-box-shadow: none; - box-shadow: none; -} - -#the-comment-list tr.unapproved + tr.approved th, -#the-comment-list tr.unapproved + tr.approved td { - border-top: 1px solid rgba(0, 0, 0, 0.03); -} - -/* table vim shortcuts */ -.vim-current, -.vim-current th, -.vim-current td { - background-color: #e4f2fd !important; -} - - -/*------------------------------------------------------------------------------ - 16.0 - Themes -------------------------------------------------------------------------------*/ - - -/*------------------------------------------------------------------------------ - 16.1 - Manage Themes -------------------------------------------------------------------------------*/ - -.theme-browser .themes { - clear: both; - padding: 0 0 100px; -} - -.themes-php .wrap h2 { - float: left; - margin-bottom: 15px; -} - -.network-admin.themes-php .wrap h2 { - margin-bottom: 0; -} - -.themes-php .wrap h2 .button { - margin-left: 20px; -} - -.themes-php .wrap .theme-count { - color: #fff; - -webkit-border-radius: 30px; - border-radius: 30px; - background: #777; - font-size: 14px; - padding: 4px 10px; - font-weight: 600; - margin-left: 5px; - margin-right: 20px; - position: relative; - top: -3px; -} - -/* Position admin messages */ -.themes-php div.updated, -.themes-php div.error { - margin: 0 0 20px 0; - clear: both; -} - -.themes-php div.updated a { - text-decoration: underline; -} - -/** - * Main theme element - * (has flexible margins) - */ -.theme-browser .theme { - cursor: pointer; - float: left; - margin: 0 4% 4% 0; - position: relative; - width: 30.6%; - border: 1px solid #dedede; - -webkit-box-shadow: 0 1px 1px -1px rgba(0,0,0,0.1); - box-shadow: 0 1px 1px -1px rgba(0,0,0,0.1); - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} - -.ie8 .theme-browser .theme { - width: 30%; - margin: 0 3% 4% 0; -} - -.theme-browser .theme:nth-child(3n) { - margin-right: 0; -} - -.theme-browser .theme:hover, -.theme-browser .theme:focus { - cursor: pointer; -} - -.theme-browser .theme .theme-name { - font-size: 15px; - font-weight: 600; - margin: 0; - padding: 15px; - -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.1); - box-shadow: inset 0 1px 0 rgba(0,0,0,0.1); - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; - background: #fff; - background: rgba(255,255,255,0.65); -} - -/* Activate and Customize buttons, shown on hover */ -.theme-browser .theme .theme-actions { - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - opacity: 0; - -webkit-transition: opacity 0.1s ease-in-out; - transition: opacity 0.1s ease-in-out; - position: absolute; - bottom: 0; - right: 0; - height: 38px; - padding: 9px 10px 0 10px; - background: rgba(244, 244, 244, 0.7); - border-left: 1px solid rgba(0,0,0,0.05); -} - -.theme-browser .theme:hover .theme-actions { - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; - opacity: 1; -} - -.theme-browser .theme .theme-actions .button-primary { - margin-right: 3px; -} - -.theme-browser .theme .theme-actions .button-secondary { - float: none; - margin-left: 3px; -} - -/** - * Theme Screenshot - * - * Has a fixed aspect ratio of 1.5 to 1 regardless of screenshot size - * It is also responsive. - */ -.theme-browser .theme .theme-screenshot { - display: block; - overflow: hidden; - position: relative; - -webkit-transition: opacity 0.2s ease-in-out; - transition: opacity 0.2s ease-in-out; -} - -.theme-browser .theme .theme-screenshot:after { - content: ''; - display: block; - padding-top: 66.66666%; /* using a 3/2 aspect ratio */ -} - -.theme-browser .theme .theme-screenshot img { - height: auto; - position: absolute; - left: 0; - top: 0; - width: 100%; - -webkit-transform: translateZ( 0 ); /* Prevents rendering bugs in Chrome */ - -webkit-transition: opacity 0.2s ease-in-out; /* Prevents rendering bugs in Chrome */ - transition: opacity 0.2s ease-in-out; -} - -.theme-browser .theme:hover .theme-screenshot { - background: #fff; -} - -.theme-browser.rendered .theme:hover .theme-screenshot img { - opacity: 0.4; -} - -.theme-browser .theme .more-details { - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - opacity: 0; - position: absolute; - top: 35%; - right: 25%; - left: 25%; - background: #222; - background: rgba(0,0,0,0.7); - color: #fff; - font-size: 15px; - text-shadow: 0 1px 0 rgba(0,0,0,0.6); - -webkit-font-smoothing: antialiased; - font-weight: 600; - padding: 15px 12px; - text-align: center; - -webkit-border-radius: 3px; - border-radius: 3px; - -webkit-transition: opacity 0.1s ease-in-out; - transition: opacity 0.1s ease-in-out; -} -.theme-browser .theme:focus { - outline: 1px dotted #222; -} -/* Hide shortcut actions and hover feedback when using tab navigation */ -.theme-browser .theme:focus .theme-actions { - display: none; -} -/* Restore display of theme controls if you hover a focused theme */ -.theme-browser .theme:focus:hover .theme-actions { - display: block; -} -.theme-browser .theme:focus .more-details { - opacity: 1; -} -/* Current theme needs to have its action always on view */ -.theme-browser .theme.active:focus .theme-actions { - display: block; -} - -.theme-browser.rendered .theme:hover .more-details { - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; - opacity: 1; -} - -/** - * Displays a theme update notice - * when an update is available. - */ -.theme-browser .theme .theme-update { - background: #d54e21; - background: rgba(213, 78, 33, 0.95); - color: #fff; - display: block; - font-size: 13px; - font-weight: 400; - height: 48px; - line-height: 48px; - padding: 0 10px; - position: absolute; - top: 0; - right: 0; - left: 0; - border-bottom: 1px solid rgba(0,0,0,0.25); - overflow: hidden; -} - -.theme-browser .theme .theme-update:before { - content: '\f463'; - display: inline-block; - font: normal 20px/1 'dashicons'; - margin: 0 6px 0 0; - opacity: 0.8; - position: relative; - top: 5px; - speak: none; - -webkit-font-smoothing: antialiased; -} - - -/** - * The currently active theme - */ -.theme-browser .theme.active .theme-name { - background: #2f2f2f; - color: #fff; - padding-right: 110px; - font-weight: 300; - -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.5); - box-shadow: inset 0 1px 1px rgba(0,0,0,0.5); -} - -.theme-browser .theme.active .theme-name span { - font-weight: 600; -} - -.theme-browser .theme.active .theme-actions { - background: rgba(49,49,49,0.7); - border-left: none; - opacity: 1; -} - -.theme-browser .theme.active .theme-actions .button-primary { - margin-right: 0; -} - -.theme-browser .theme .theme-author { - background: #222; - color: #eee; - display: none; - font-size: 14px; - margin: 0 10px; - padding: 5px 10px; - position: absolute; - bottom: 56px; -} - -.theme-browser .theme.display-author .theme-author { - display: block; -} - -.theme-browser .theme.display-author .theme-author a { - color: inherit; - text-decoration: none; -} - -/** - * Add new theme - */ -.theme-browser .theme.add-new-theme { - border: none; - -webkit-box-shadow: none; - box-shadow: none; -} - -.theme-browser .theme.add-new-theme a { - color: #999; - text-decoration: none; - display: block; - position: relative; - z-index: 1; -} - -.theme-browser .theme.add-new-theme:after { - display: block; - content: ''; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; - opacity: 1; - background: transparent; - background: rgba(0, 0, 0, 0); - position: absolute; - top: 0; - left: 0; - right: 0; - bottom: 0; - padding: 10% 0 0 0; - text-shadow: none; - border: 5px dashed #d5d2ca; - border: 5px dashed rgba(0, 0, 0, 0.1); - -webkit-transition: opacity 0.2s ease-in-out; - transition: opacity 0.2s ease-in-out; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} - -.theme-browser .theme.add-new-theme span:after { - background: #e5e5e5; - background: rgba(153, 153, 153, 0.1); - -webkit-border-radius: 50%; - border-radius: 50%; - display: inline-block; - content: '\f132'; - -webkit-font-smoothing: antialiased; - font: normal 74px/115px 'dashicons'; - width: 100px; - height: 100px; - vertical-align: middle; - text-align: center; - color: rgb(153, 153, 153); - position: absolute; - top: 30%; - left: 50%; - margin-left: -50px; - text-indent: -4px; - padding: 0; - text-shadow: none; - z-index:4; -} - -.rtl .theme-browser .theme.add-new-theme span:after { - text-indent: 4px; -} - -.theme-browser .theme.add-new-theme:hover .theme-screenshot { - background: none; -} - -.theme-browser .theme.add-new-theme:hover span:after { - background: #fff; - color: #0074a2; -} - -.theme-browser .theme.add-new-theme:hover:after { - border-color: transparent; - color: #fff; - background: #0074a2; - content: ''; -} - -.theme-browser .theme.add-new-theme .theme-name { - background: none; - text-align: center; - -webkit-box-shadow: none; - box-shadow: none; - font-weight: 400; - position: relative; - top: 0; - margin-top: -10%; - margin-bottom: 10%; -} - -.theme-browser .theme.add-new-theme:hover .theme-name { - color: #fff; - z-index: 2; -} - -/* - * The search form - */ -.themes-php .theme-search { - position: relative; - top: -2px; - left: 20px; - font-size: 16px; - font-weight: 300; - line-height: 1.5; - width: 280px; -} - -/** - * Theme Overlay - * Shown when clicking a theme - */ -.theme-overlay .theme-backdrop { - position: absolute; - left: -20px; - right: 0; - top: 0; - bottom: 0; - background: #f1f1f1; - background: rgba( 238, 238, 238, 0.9 ); - z-index: 10; -} - -body.theme-overlay-open { - overflow: hidden; -} - -.theme-overlay .theme-header { - position: absolute; - top: 0; - left: 0; - right: 0; - height: 48px; - border-bottom: 1px solid #ddd; -} - -.theme-overlay .theme-header .close { - cursor: pointer; - height: 48px; - width: 50px; - text-align: center; - float: right; - border: 0; - border-left: 1px solid #ddd; - background-color: transparent; -} - -.theme-overlay .theme-header .close:hover:before, -.theme-overlay .theme-header .close:focus:before { - color: #fff; -} - -.theme-overlay .theme-header .close:before { - font: normal 30px/50px 'dashicons' !important; - color: #777; - display: inline-block; - content: '\f335'; - font-weight: 300; -} - -/* Left and right navigation */ -.theme-overlay .theme-header .right, -.theme-overlay .theme-header .left { - cursor: pointer; - color: #777; - background-color: transparent; - height: 48px; - width: 54px; - float: left; - text-align: center; - border: 0; - border-right: 1px solid #ddd; -} - -.theme-overlay .theme-header .close:hover, -.theme-overlay .theme-header .right:hover, -.theme-overlay .theme-header .left:hover, -.theme-overlay .theme-header .close:focus, -.theme-overlay .theme-header .right:focus, -.theme-overlay .theme-header .left:focus { - background: #0074a2; - color: #fff; -} - -.theme-overlay .theme-header .left.disabled, -.theme-overlay .theme-header .right.disabled, -.theme-overlay .theme-header .left.disabled:hover, -.theme-overlay .theme-header .right.disabled:hover { - color: #ccc; - background: inherit; - cursor: inherit; -} - -.theme-overlay .theme-header .right:before, -.theme-overlay .theme-header .left:before { - font: normal 20px/50px 'dashicons' !important; - display: inline; - font-weight: 300; -} - -.theme-overlay .theme-header .left:before { - content: '\f340'; -} - -.theme-overlay .theme-header .right:before { - content: '\f344'; -} - -.rtl .theme-overlay .theme-header .left:before { - content: '\f345'; -} - -.rtl .theme-overlay .theme-header .right:before { - content: '\f341'; -} - -.theme-overlay .theme-wrap { - clear: both; - position: fixed; - top: 9%; - left: 190px; - right: 30px; - bottom: 3%; - background: #fff; - -webkit-box-shadow: 0 1px 20px 5px rgba(0, 0, 0, 0.1); - box-shadow: 0 1px 20px 5px rgba(0, 0, 0, 0.1); - z-index: 20; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} - -.theme-overlay .theme-wrap:after { - content: "."; - display: block; - height: 0; - clear: both; - visibility: hidden; -} - -body.folded .theme-overlay .theme-wrap { - left: 70px; -} - -.theme-overlay .theme-about { - position: absolute; - top: 49px; - bottom: 57px; - left: 0; - right: 0; - overflow: auto; - padding: 2% 4%; -} -.theme-overlay .theme-about:after { - content: "."; - display: block; - height: 0; - clear: both; - visibility: hidden; -} - -.theme-overlay .theme-actions { - position: absolute; - text-align: center; - bottom: 0; - left: 0; - right: 0; - padding: 10px 25px 5px; - background: #f3f3f3; - z-index: 30; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - border-top: 1px solid #eee; -} - -.ie8 .theme-overlay .theme-actions { - border: 1px solid #eee; -} - -.theme-overlay .theme-actions a { - margin-right: 5px; - margin-bottom: 5px; -} - -.theme-overlay .theme-actions .delete-theme { - color: #a00; - position: absolute; - right: 10px; - bottom: 5px; - text-decoration: none; - border-color: transparent; - -webkit-box-shadow: none; - box-shadow: none; - background: transparent; -} - -.theme-overlay .theme-actions .delete-theme:hover, -.theme-overlay .theme-actions .delete-theme:focus { - background: #d54e21; - color: #fff; - border-color: #d54e21; -} - -.theme-overlay .theme-actions .active-theme, -.theme-overlay.active .theme-actions .inactive-theme { - display: none; -} - -.theme-overlay .theme-actions .inactive-theme, -.theme-overlay.active .theme-actions .active-theme { - display: block; -} - -/** - * Theme Screenshots gallery - */ -.theme-overlay .theme-screenshots { - float: left; - margin: 0 30px 0 0; - width: 55%; - max-width: 880px; - text-align: center; -} - -/* First screenshot, shown big */ -.theme-overlay .screenshot { - border: 1px solid #fff; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - overflow: hidden; - position: relative; - -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,0.2); - box-shadow: 0 0 0 1px rgba(0,0,0,0.2); -} - -.theme-overlay .screenshot:after { - content: ''; - display: block; - padding-top: 75%; /* using a 4/3 aspect ratio */ -} - -.theme-overlay .screenshot img { - height: auto; - position: absolute; - left: 0; - top: 0; - width: 100%; -} -/* Handles old 300px screenshots */ -.theme-overlay.small-screenshot .theme-screenshots { - position: absolute; - width: 302px; -} -.theme-overlay.small-screenshot .theme-info { - margin-left: 350px; - width: auto; -} - -/* Other screenshots, shown small and square */ -.theme-overlay .screenshot.thumb { - background: #ccc; - border: 1px solid #eee; - float: none; - display: inline-block; - margin: 10px 5px 0; - width: 140px; - height: 80px; - cursor: pointer; -} - -.theme-overlay .screenshot.thumb:after { - content: ''; - display: block; - padding-top: 100%; /* using a 1/1 aspect ratio */ -} - -.theme-overlay .screenshot.thumb img { - cursor: pointer; - height: auto; - position: absolute; - left: 0; - top: 0; - width: 100%; - height: auto; -} - -.theme-overlay .screenshot.selected { - background: transparent; - border: 2px solid #2ea2cc; -} - -.theme-overlay .screenshot.selected img { - opacity: 0.8; -} - -/* No screenshot placeholder */ -.theme-browser .theme .theme-screenshot.blank, -.theme-overlay .screenshot.blank { - background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYGWO8d+/efwYkoKioiMRjYGBC4WHhUK6A8T8QIJt8//59ZC493AAAQssKpBK4F5AAAAAASUVORK5CYII=); -} - -/** - * Theme heading information - */ -.theme-overlay .theme-info { - width: 40%; - float: left; -} - -.theme-overlay .current-label { - background: #333; - color: #fff; - font-size: 11px; - display: inline-block; - padding: 2px 8px; - -webkit-border-radius: 2px; - border-radius: 2px; - margin: 0 0 -10px; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} - -.theme-overlay .theme-name { - color: #222; - font-size: 32px; - font-weight: 100; - margin: 10px 0 0; - line-height: 1.3; -} - -.theme-overlay .theme-version { - color: #999; - font-size: 13px; - font-weight: 400; - float: none; - display: inline-block; - margin-left: 10px; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} - -.theme-overlay .theme-author { - color: #686868; - font-size: 16px; - font-weight: 400; - margin: 15px 0 25px; -} - -.theme-overlay .theme-author a { - text-decoration: none; -} - -.theme-overlay .theme-description { - color: #555; - font-size: 15px; - font-weight: 400; - line-height: 1.5; - margin: 30px 0 0 0; -} - -.theme-overlay .theme-tags { - border-top: 3px solid #eee; - color: #888; - font-size: 13px; - font-weight: 400; - margin: 30px 0 0 0; - padding-top: 20px; -} - -.theme-overlay .theme-tags span { - color: #444; - font-weight: bold; - margin-right: 5px; -} - -/* Theme Updates info */ -.theme-overlay .theme-update-message { - background: #fefaf7; - border: 1px solid #eee; - border-left: 4px solid #d54e21; - -webkit-border-radius: 3px; - border-radius: 3px; - padding: 5px 20px 10px; -} - -.theme-overlay .theme-update { - color: #222; - font-size: 18px; - display: inline-block; - line-height: 40px; - margin: 0; -} - -.theme-overlay .parent-theme { - background: #f7fcfe; - border: 1px solid #eee; - border-left: 4px solid #2ea2cc; - font-size: 14px; - font-weight: normal; - margin-top: 30px; - padding: 10px 10px 10px 20px; -} - -.theme-overlay .parent-theme strong { - font-weight: 700; -} - -/** - * Single Theme Mode - * Displays detailed view inline when a user has no switch capabilities - */ -.single-theme .theme-overlay .theme-backdrop, -.single-theme .theme-overlay .theme-header, -.single-theme .theme { - display: none; -} - -.single-theme .theme-overlay .theme-wrap { - clear: both; - min-height: 330px; - position: relative; - left: auto; - right: auto; - top: auto; - bottom: auto; -} - -.single-theme .theme-overlay .theme-about { - padding: 30px 30px 70px; - position: static; -} - -.single-theme .theme-overlay .theme-actions { - position: absolute; -} - -/** - * Basic Responsive structure... - * - * Shuffles theme columns around based on screen width - */ - -@media only screen and (min-width: 2000px) { - #wpwrap .theme-browser .theme { - width: 17.6%; - margin: 0 3% 3% 0; - } - - #wpwrap .theme-browser .theme:nth-child(3n), - #wpwrap .theme-browser .theme:nth-child(4n) { - margin-right: 3%; - } - - #wpwrap .theme-browser .theme:nth-child(5n) { - margin-right: 0; - } -} - -@media only screen and (min-width: 1680px) { - .theme-overlay .theme-wrap { - width: 1450px; - margin: 0 auto; - } -} - -/* Maximum screenshot width reaches 440px */ -@media only screen and (min-width: 1640px) { - .theme-browser .theme { - width: 22.7%; - margin: 0 3% 3% 0; - } - .theme-browser .theme .theme-screenshot:after { - padding-top: 75%; /* using a 4/3 aspect ratio */ - } - - .theme-browser .theme:nth-child(3n) { - margin-right: 3%; - } - - .theme-browser .theme:nth-child(4n) { - margin-right: 0; - } -} -/* Maximum screenshot width reaches 440px */ -@media only screen and (max-width: 1120px) { - .theme-browser .theme { - width: 47.5%; - margin-right: 0; - } - - .theme-browser .theme:nth-child(even) { - margin-right: 0; - } - - .theme-browser .theme:nth-child(odd) { - margin-right: 5%; - } -} - -/* Admin menu is folded */ -@media only screen and (max-width: 900px) { - .theme-overlay .theme-wrap { - left: 65px; - } -} - -@media only screen and (max-width: 780px) { - body.folded .theme-overlay .theme-wrap, - .theme-overlay .theme-wrap { - top: 0; /* The adminmenu isn't fixed on mobile, so this can use the full viewport height */ - right: 0; - bottom: 0; - left: 0; - padding: 70px 20px 20px; - border: none; - z-index: 500; /* should overlap #wpadminbar, which is 500 on mobile. */ - position: fixed; - } - - .theme-browser .theme.active .theme-name span { - /* Hide the "Active: " label on smaller screens. */ - display: none; - } - - .theme-overlay .theme-screenshots { - width: 40%; - } - - .theme-overlay .theme-info { - width: 50%; - } - .single-theme .theme-wrap { - padding: 10px; - } - - .theme-browser .theme .theme-actions { - padding: 5px 10px 4px 10px; - } - - .theme-overlay.small-screenshot .theme-screenshots { - position: static; - float: none; - max-width: 302px; - } - - .theme-overlay.small-screenshot .theme-info { - margin-left: 0; - width: auto; - } - - .theme:not(.active):hover .theme-actions, - .theme:hover .more-details { - display: none; - } - - .theme-browser.rendered .theme:hover .theme-screenshot img { - opacity: 1.0; - } -} - -@media only screen and (max-width: 480px) { - .theme-browser .theme { - width: 100%; - margin-right: 0; - } - - .theme-browser .theme:nth-child(2n), - .theme-browser .theme:nth-child(3n) { - margin-right: 0; - } -} - -@media only screen and (max-width: 650px) { - .theme-overlay .theme-update, - .theme-overlay .theme-description { - margin-left: 0; - } - - .theme-overlay .theme-actions .delete-theme { - position: relative; - right: auto; - bottom: auto; - } - - .theme-overlay .theme-actions .inactive-theme { - display: inline; - } - - .theme-overlay .theme-screenshots { - width: 100%; - float: none; - } - - .theme-overlay .theme-info { - width: 100%; - } - - .theme-overlay .theme-author { - margin: 5px 0 15px 0; - } - - .theme-overlay .current-label { - margin-top: 10px; - font-size: 13px; - } - - .themes-php .wrap h2 { - width: 100%; - } - - .themes-php .theme-search { - float: none; - clear: both; - left: 0; - top: 0; - right: 0; - margin: 10px 0; - width: 100%; - } - - .theme-browser .theme.add-new-theme span:after { - font: normal 60px/90px 'dashicons'; - width: 80px; - height: 80px; - top: 30%; - left: 50%; - text-indent: 0; - margin-left: -40px; - } - - .single-theme .theme-wrap { - margin: 0 -12px 0 -10px; - padding: 10px; - } - .single-theme .theme-overlay .theme-about { - padding: 10px; - overflow: visible; - } - .single-theme .current-label { - display: none; - } - .single-theme .theme-overlay .theme-actions { - position: static; - } -} - -.broken-themes { - clear: both; -} - -.broken-themes table { - text-align: left; - width: 50%; - border-spacing: 3px; - padding: 3px; -} - - -/*------------------------------------------------------------------------------ - 16.2 - Install Themes -------------------------------------------------------------------------------*/ - -.theme-install-php h4 { - margin: 2.5em 0 8px; -} - -.theme-install-php .tablenav { - height: auto; -} - -.theme-install-php .spinner { - margin-top: 9px; -} - -.available-theme { - display: inline-block; - margin-right: 10px; - overflow: hidden; - padding: 20px 20px 20px 0; - vertical-align: top; - width: 300px; -} - -.available-theme .screenshot { - width: 300px; - height: 225px; - display: block; - border: 1px solid #ccc; - margin-bottom: 10px; - overflow: hidden; - background-color: #fff; -} - -.available-theme img { - width: 300px; -} - -.available-theme h3 { - margin: 15px 0 0; -} - -.available-theme .theme-author { - line-height: 18px; -} - -.available-theme .action-links { - margin-top: 10px; - overflow: hidden; -} - -.available-theme a.screenshot:focus { - border-color: #777; -} - -.available-theme .action-links li { - float: left; - padding-right: 10px; - margin-right: 10px; - border-right: 1px solid #dfdfdf; -} - -.available-theme .action-links li { - padding-right: 8px; - margin-right: 8px; -} - -.ie8 .available-theme .action-links li { - padding-right: 7px; - margin-right: 7px; -} - -.available-theme .action-links li:last-child { - padding-right: 0; - margin-right: 0; - border-right: 0; -} - -.available-theme .action-links .delete-theme { - float: right; - margin-left: 8px; - margin-right: 0; -} - -.available-theme .action-links .delete-theme a { - color: red; - padding: 2px; -} - -.available-theme .action-links .delete-theme a:hover { - background: red; - color: #fff; - text-decoration: none; -} - -.available-theme .action-links p { - float: left; -} - -/* Allow for three-up in small windows when sidebar is collapsed */ -@media only screen and (max-width: 1200px) { - .folded .available-theme, - .folded .available-theme .screenshot { - width: 300px; - } - - .folded .available-theme .screenshot { - height: 225px; - } -} - -/* Adjust three-up display in smaller windows when sidebar is collapsed */ -@media only screen and (max-width: 1079px) { - .folded .available-theme, - .folded .available-theme .screenshot { - width: 270px; - } - - .folded .available-theme .screenshot { - height: 203px; - } -} - -/* Allow for three-up on 1024px wide screens, e.g. tablets */ -@media only screen and (max-width: 1200px) { - .available-theme, - .available-theme .screenshot { - width: 240px; - } - - .available-theme .screenshot { - height: 180px; - } - - .available-theme img { - width: 100%; - } -} - -/* @todo: surely this belongs elsewhere */ -#post-body ul.add-menu-item-tabs li.tabs a { - font-weight: 600; - text-decoration: none; -} - -#TB_window { - border: 1px solid #333; -} - -#TB_window #TB_title { - background-color: #222; - color: #cfcfcf; -} - -#TB_window #TB_title a.tb-theme-preview-link, -#TB_window #TB_title a.tb-theme-preview-link:visited { - color: #999; - font-weight: 600; - text-decoration: none; -} - -#TB_window #TB_title a.tb-theme-preview-link:hover, -#TB_window #TB_title a.tb-theme-preview-link:focus { - color: #ccc; -} - - -/*------------------------------------------------------------------------------ - 16.3 - Custom Header Screen -------------------------------------------------------------------------------*/ - -.appearance_page_custom-header #headimg { - border: 1px solid #DFDFDF; - overflow: hidden; - width: 100%; -} - -.appearance_page_custom-header #upload-form p label { - font-size: 12px; -} - -.appearance_page_custom-header .available-headers .default-header { - float: left; - margin: 0 20px 20px 0; -} - -.appearance_page_custom-header .random-header { - clear: both; - margin: 0 20px 20px 0; - vertical-align: middle; -} - -.appearance_page_custom-header .available-headers label input, -.appearance_page_custom-header .random-header label input { - margin-right: 10px; -} - -.appearance_page_custom-header .available-headers label img { - vertical-align: middle; -} - - -/*------------------------------------------------------------------------------ - 16.4 - Custom Background Screen -------------------------------------------------------------------------------*/ - -div#custom-background-image { - min-height: 100px; - border: 1px solid #dfdfdf; -} - -div#custom-background-image img { - max-width: 400px; - max-height: 300px; -} - - -/*------------------------------------------------------------------------------ - 17.0 - Plugins -------------------------------------------------------------------------------*/ - -/* @todo: what is this doing here */ -#dashboard_right_now .versions .b, -#post-status-display, -#post-visibility-display, -#adminmenu .wp-submenu li.current, -#adminmenu .wp-submenu li.current a, -#adminmenu .wp-submenu li.current a:hover, -.media-item .percent, -.plugins .name, -#pass-strength-result.strong, -#pass-strength-result.short, -#ed_reply_toolbar #ed_reply_strong, -.item-controls .item-order a, -.feature-filter .feature-name { - font-weight: 600; -} - -.plugins, -.plugins th, -.plugins td { - color: #000; -} - -.plugins tr { - background: #fff; -} - -.plugins p { - margin: 0 4px; - padding: 0; -} - -.plugins .desc p { - margin: 0 0 8px; -} - -.plugins td.desc { - line-height: 1.5em; -} - -.plugins .desc ul, -.plugins .desc ol { - margin: 0 0 0 2em; -} - -.plugins .desc ul { - list-style-type: disc; -} - -.plugins .row-actions { - font-size: 13px; - padding: 0; -} - -.plugins .inactive td, -.plugins .inactive th, -.plugins .active td, -.plugins .active th { - padding: 10px 9px; -} - -.plugins .active td, -.plugins .active th { - background-color: #f7fcfe; -} - -.plugins .update th, -.plugins .update td { - border-bottom: 0; -} - -.plugin-update-tr td { - border-top: 0; -} - -.plugins .inactive td, -.plugins .inactive th, -.plugins .active td, -.plugins .active th, -.plugin-install #the-list td, -.upgrade .plugins td, -.upgrade .plugins th { - -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1); - box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1); -} - -.plugins tr.active.plugin-update-tr + tr.inactive th, -.plugins tr.active.plugin-update-tr + tr.inactive td, -.plugins tr.active + tr.inactive th, -.plugins tr.active + tr.inactive td { - border-top: 1px solid rgba(0,0,0,0.03); - -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.02), inset 0 -1px 0 #e1e1e1; - box-shadow: inset 0 1px 0 rgba(0,0,0,0.02), inset 0 -1px 0 #e1e1e1; -} - -.plugins .update td, -.plugins .update th, -.upgrade .plugins tr:last-of-type td, -.upgrade .plugins tr:last-of-type th, -.plugins tr.active + tr.inactive.update th, -.plugins tr.active + tr.inactive.update td { - -webkit-box-shadow: none; - box-shadow: none; -} - -.plugins .active.update td, -.plugins .active.update th, -tr.active.update + tr.plugin-update-tr .plugin-update { - background-color: #fefaf7; -} - -.plugins .active th.check-column { - border-left: 4px solid #2ea2cc; -} - -.plugins .active.update th.check-column, -.plugins .active.update + .plugin-update-tr .plugin-update { - border-left: 4px solid #d54e21; -} - -#wpbody-content .plugins .plugin-title, -#wpbody-content .plugins .theme-title { - padding-right: 12px; - white-space:nowrap; -} - -.plugins .inactive .plugin-title strong { - font-weight: 400; -} - -.plugins .second, -.plugins .row-actions { - padding: 0 0 5px; -} - -.plugins .update .second, -.plugins .update .row-actions { - padding-bottom: 0; -} - -.plugins-php .widefat tfoot th, -.plugins-php .widefat tfoot td { - border-top-style: solid; - border-top-width: 1px; -} - -.plugin-update-tr .update-message { - font-size: 13px; - font-weight: normal; - margin: 6px 12px 12px; - padding: 6px 12px; - margin: 0 10px 8px 31px; - background-color: #f7f7f7; - background-color: rgba(0,0,0,0.03); -} - -.plugin-update-tr .update-message:before { - color: #d54e21; - content: '\f463'; - display: inline-block; - font: normal 20px/1 'dashicons'; - speak: none; - margin: 0 8px 0 -2px; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - vertical-align: top; -} - -.plugins .plugin-update { - padding: 0; - border: none; - -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1); - box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1); -} - -/* update notices for active plugins */ -tr.active + tr.plugin-update-tr .plugin-update { - background-color: #f7fcfe; -} - -tr.active + tr.plugin-update-tr .plugin-update .update-message { - background-color: #fcf3ef; -} - -.plugin-install-php h4 { - margin: 2.5em 0 8px; -} - - -/*------------------------------------------------------------------------------ - 18.0 - Users -------------------------------------------------------------------------------*/ - -#profile-page .form-table textarea { - width: 500px; - margin-bottom: 6px; -} - -#profile-page .form-table #rich_editing { - margin-right: 5px -} - -#your-profile legend { - font-size: 22px; -} - -#display_name { - width: 15em; -} - -#createuser .form-field input { - width: 25em; -} - -.scheme-list { - -} - -.color-option { - display: inline-block; - width: 24%; - padding: 5px 15px 15px; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - margin-bottom: 3px; -} - -.color-option:hover, -.color-option.selected { - background: #ddd; -} - -.color-palette { - width: 100%; - border-spacing: 0; - border-collapse: collapse; -} -.color-palette td { - height: 20px; - padding: 0; - border: none; -} - -.color-option { - cursor: pointer; -} - -/*------------------------------------------------------------------------------ - 19.0 - Tools -------------------------------------------------------------------------------*/ - -body.press-this { - color: #333; - margin: 0; - padding: 0; - min-width: 708px; - min-height: 400px; -} - -.press-this #titlediv #title { - font-size: 1.4em; -} - -.press-this #site-heading:before { - top: 3px; - position: relative; - display: inline-block; - font: normal 18px/1 'dashicons'; - speak: none; - color: #727272; - content: '\f120'; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -.pressthis { - margin: 20px 0; -} - -.pressthis a, -.pressthis a:hover, -.pressthis a:focus, -.pressthis a:active { - display: inline-block; - position: relative; - cursor: move; - color: #333; - background: #e6e6e6; - -webkit-border-radius: 5px; - border-radius: 5px; - border: 1px solid #b4b4b4; - font-style: normal; - line-height: 16px; - font-size: 14px; - text-decoration: none; -} - -.pressthis a:active { - outline: none; -} - -.pressthis a:hover:after { - -webkit-transform: skew(20deg) rotate(9deg); - -ms-transform: skew(20deg) rotate(9deg); - transform: skew(20deg) rotate(9deg); - -webkit-box-shadow: 0 10px 8px rgba(0, 0, 0, 0.7); - box-shadow: 0 10px 8px rgba(0, 0, 0, 0.7); -} - -.pressthis a span { - display: inline-block; - margin: 0px 0 0; - padding: 0px 12px 8px 9px; -} - -.pressthis a span:before { - color: #777; - font: normal 20px/1 'dashicons'; - content:'\f157'; - position: relative; - display: inline-block; - top: 4px; - margin-right: 4px; -} - -.pressthis a:after { - content: ''; - width: 70%; - height: 55%; - z-index: -1; - position: absolute; - right: 10px; - bottom: 9px; - background: transparent; - -webkit-transform: skew(20deg) rotate(6deg); - -ms-transform: skew(20deg) rotate(6deg); - transform: skew(20deg) rotate(6deg); - -webkit-box-shadow: 0 10px 8px rgba(0, 0, 0, 0.6); - box-shadow: 0 10px 8px rgba(0, 0, 0, 0.6); -} - -/*------------------------------------------------------------------------------ - 20.0 - Settings -------------------------------------------------------------------------------*/ - -#utc-time, #local-time { - padding-left: 25px; - font-style: italic; -} - -.defaultavatarpicker .avatar { - margin: 2px 0; - vertical-align: middle; -} - -.options-general-php .spinner { - float: none; - margin: -3px 3px; -} - -/*------------------------------------------------------------------------------ - 21.0 - Admin Footer -------------------------------------------------------------------------------*/ - -#wpfooter { - position: absolute; - bottom: 0; - left: 0; - right: 0; - padding: 10px 0; - margin-right: 20px; - color: #777; -} - -#wpfooter p { - font-size: 13px; - margin: 0; - line-height: 20px; -} - -#footer-thankyou { - font-style: italic; -} - -#wpfooter a { - text-decoration: none; -} - -#wpfooter a:hover { - text-decoration: underline; -} - -/*------------------------------------------------------------------------------ - 22.0 - About Pages -------------------------------------------------------------------------------*/ - -.about-wrap { - position: relative; - margin: 25px 40px 0 20px; - max-width: 1050px; /* readability */ - - font-size: 15px; -} - -.about-wrap div.updated, -.about-wrap div.error { - display: none !important; -} - -.about-wrap hr { - border: 0; - height: 0; - margin: 0; - border-top: 1px solid rgba(0, 0, 0, 0.1); -} - -.about-wrap img { - margin: 0.5em 0 0.5em 5px; - max-width: 100%; -} - -/* Typography */ - -.about-wrap p { - line-height: 1.6em; - font-size: 14px; -} - -.about-wrap h1 { - margin: 0.2em 200px 0 0; - color: #333; - line-height: 1.2em; - font-size: 2.8em; - font-weight: 400; -} - -.about-wrap h4 { - color: #222; -} - -.about-wrap .about-text, -.about-wrap p.about-description, -.about-wrap li.wp-person a.web { - font-weight: normal; - line-height: 1.6em; - font-size: 19px; -} - -.about-description { - margin-top: 1.4em; -} - -.about-text { - margin: 1em 200px 1em 0; - min-height: 60px; - color: #777; - font-size: 24px; -} - -.about-wrap .changelog h2.about-headline-callout { - margin: 1.1em 0 0.2em; - font-size: 2.4em; - font-weight: 300; - line-height: 1.3; - text-align: center; -} - -.about-wrap h3 { - margin: 1em 0 .6em; - font-size: 1.5em; - line-height: 1.5em; -} - -.about-wrap .feature-section h4 { - margin: 1.4em 0 0.6em 0; - font-size: 1.2em; -} - -.about-wrap .feature-section p { - margin-top: 0.6em; -} - -.about-wrap code, -.about-wrap ol li p { - font-size: 14px; -} - -/* 3.8 Images */ - -.about-wrap .about-colors-img { - bottom: -25px; -} - -.about-wrap .about-themes-img { - bottom: -38px; -} - -.about-wrap .about-overview-img { - border-bottom: 1px solid rgba(0, 0, 0, 0.1); - margin: 0; -} - -.about-colors-img img, -.about-themes-img img { - margin: 0 0; - padding: 0; - line-height: 1; -} - -/* Point Releases */ - -.about-wrap .point-releases { - margin-top: 5px; - border-bottom: 1px solid #dfdfdf; -} - -.about-wrap .changelog.point-releases h3 { - padding-top: 35px; -} - -.about-wrap .changelog.point-releases h3:first-child { - padding-top: 7px; -} - -/* WordPress Version Badge */ - -.wp-badge { - background: #0074a2 url('../images/w-logo-white.png?ver=20131202') no-repeat; - background: #0074a2, url('../images/wordpress-logo-white.svg?ver=20131110') no-repeat; /* multiple backgrounds are ignored by browsers that don't support SVGs */ - background-position: center 24px; - -webkit-background-size: 85px 85px; - background-size: 85px 85px; - color: #78c8e6; - font-size: 14px; - text-align: center; - font-weight: 600; - margin: 5px 0 0; - padding-top: 120px; - height: 40px; - display: inline-block; - width: 150px; - text-rendering: optimizeLegibility; - -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2); - box-shadow: 0 1px 3px rgba(0,0,0,0.2); -} - - -.about-wrap .wp-badge { - position: absolute; - top: 0; - right: 0; -} - -/* Tabs */ - -.about-wrap h2.nav-tab-wrapper { - padding-left: 6px; -} - -.about-wrap h2 .nav-tab { - padding: 4px 15px 6px; - margin: 0 3px -1px 0; - font-size: 18px; - vertical-align: top; - border-width: 1px; -} - -/* Changelog / Update screen */ - -.about-wrap .feature-section { - padding-bottom: 20px; -} - -.about-wrap .feature-section.col { - margin-bottom: 0; -} - -.about-wrap .feature-section.center-col > div { - margin: auto; - width: 60%; -} - -.about-wrap .about-colors .one-col > div { - width: 100%; -} - -.about-wrap .feature-section.two-col > div { - position: relative; - width: 50%; - float: left; -} - -.about-wrap .feature-section.three-col > div { - position: relative; - width: 29.95%; - margin-right: 4.999999999%; - float: left; -} - -.about-wrap .feature-section.col .last-feature { - margin-right: 0; -} - -.about-wrap .about-updates img, -.about-wrap .about-twentyfourteen img { - margin: 2em 0 0 0; - border: 1px solid #ddd; - -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); -} - -.about-wrap .about-twentyfourteen img { - margin-top: 1em; -} - -.about-wrap .changelog .feature-section { - overflow: hidden; -} - -.about-wrap .about-colors .scheme-list { - margin-bottom: 1em; -} - -.about-wrap .about-colors .color-option { - padding-top: 10px; -} -.about-wrap .about-colors .color-option label { - display: inline-block; - margin: 0.25em 0 0.5em; -} - -.about-wrap .feature-section.two-col div p { - margin-right: 3%; -} - -.about-wrap .feature-section div p img { - float: right; - margin-left: 10px; - max-width: 20%; -} - -.about-wrap .changelog li { - list-style-type: disc; - margin-left: 3em; -} - -/* Return to Dashboard Home link */ - -.about-wrap .return-to-dashboard { - margin: 30px 0 0 -5px; - font-size: 14px; - font-weight: bold; -} - -.about-wrap .return-to-dashboard a { - text-decoration: none; - padding: 0 5px; -} - -/* Credits */ - -.about-wrap h4.wp-people-group { - margin-top: 2.6em; - font-size: 16px; -} - -.about-wrap ul.wp-people-group { - overflow: hidden; - padding: 0 5px; - margin: 0 -15px 0 -5px; -} - -.about-wrap ul.compact { - margin-bottom: 0 -} - -.about-wrap li.wp-person { - float: left; - margin-right: 10px; -} - -.about-wrap li.wp-person img.gravatar { - float: left; - margin: 0 10px 10px 0; - padding: 2px; - width: 60px; - height: 60px; -} - -.about-wrap ul.compact li.wp-person img.gravatar { - width: 30px; - height: 30px; -} - -/* @todo: combine this */ -.about-wrap li.wp-person { - height: 70px; - width: 280px; - padding-bottom: 15px; -} - -.about-wrap ul.compact li.wp-person { - height: auto; - width: 180px; - padding-bottom: 0; - margin-bottom: 0; -} - -.about-wrap #wp-people-group-validators + p.wp-credits-list { - margin-top: 0; -} - -.about-wrap li.wp-person a.web { - display: block; - margin: 6px 0 2px; - font-size: 16px; - text-decoration: none; -} - -.about-wrap p.wp-credits-list a { - white-space: nowrap; -} - -/* Freedoms */ - -.freedoms-php .about-wrap ol { - margin: 40px 60px; -} - -.freedoms-php .about-wrap ol li { - list-style-type: decimal; - font-weight: bold; -} - -.freedoms-php .about-wrap ol p { - font-weight: normal; - margin: 0.6em 0; -} - -/*------------------------------------------------------------------------------ - 23.0 - Full Overlay w/ Sidebar -------------------------------------------------------------------------------*/ - -body.full-overlay-active { - overflow: hidden; -} - -.wp-full-overlay { - background: transparent; - z-index: 500000; - position: fixed; - overflow: visible; - top: 0; - bottom: 0; - left: 0; - right: 0; - height: 100%; - min-width: 0; -} - -.wp-full-overlay-sidebar { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - position: fixed; - width: 300px; - height: 100%; - top: 0; - bottom: 0; - left: 0; - padding: 0; - margin: 0; - z-index: 10; - overflow: auto; - background: transparent; - border-right: none; -} - -.wp-full-overlay.collapsed .wp-full-overlay-sidebar { - overflow: visible; -} - -.wp-full-overlay.collapsed, -.wp-full-overlay.expanded .wp-full-overlay-sidebar { - margin-left: 0 !important; -} - -.wp-full-overlay.expanded { - margin-left: 300px; -} - -.wp-full-overlay.collapsed .wp-full-overlay-sidebar { - margin-left: -300px; -} - -.wp-full-overlay-sidebar:after { - content: ''; - display: block; - position: absolute; - top: 0; - bottom: 0; - right: 0; - width: 3px; - z-index: 1000; -} - -.wp-full-overlay-main { - position: absolute; - left: 0; - right: 0; - top: 0; - bottom: 0; - height: 100%; -} - -.wp-full-overlay-sidebar .wp-full-overlay-header { - position: absolute; - left: 0; - right: 0; - height: 45px; - padding: 0 15px; - line-height: 45px; - z-index: 10; - margin: 0; - border-top: none; - -webkit-box-shadow: none; - box-shadow: none; -} - -.wp-full-overlay-sidebar .wp-full-overlay-header a.back { - margin-top: 9px; -} - -.wp-full-overlay-sidebar .wp-full-overlay-footer { - bottom: 0; - border-bottom: none; - border-top: none; - -webkit-box-shadow: none; - box-shadow: none; -} - -.wp-full-overlay-sidebar .wp-full-overlay-sidebar-content { - position: absolute; - top: 45px; - bottom: 45px; - left: 0; - right: 0; - overflow: auto; -} - -/* Close Link */ -.wp-full-overlay .close-full-overlay { - text-decoration: none; -} - -/* Collapse Button */ -.wp-full-overlay a.collapse-sidebar { - position: absolute; - bottom: 12px; - left: 0; - z-index: 50; - display: block; - width: 19px; - height: 19px; - margin-left: 15px; - padding: 0; - -webkit-border-radius: 50%; - border-radius: 50%; - color: #777; - text-decoration: none; -} - -.wp-full-overlay a.collapse-sidebar:hover { - color: #0074a2; -} - -.wp-full-overlay.collapsed .collapse-sidebar { - position: absolute; - left: 100%; -} - -.wp-full-overlay .collapse-sidebar-arrow { - position: static; - margin-top: 0; - margin-left: 0; - display: block; - width: auto; - height: auto; - background: none; -} - -.wp-full-overlay .collapse-sidebar-arrow:before { - -webkit-border-radius: 50%; - border-radius: 50%; - float: left; - content: "\f148"; - background: #eee; - font: normal 20px/1 'dashicons'; - speak: none; - display: block; - padding: 0; - text-indent: 0; - text-align: center; - position: relative; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - text-decoration: none !important; -} - -.wp-full-overlay.collapsed .collapse-sidebar-arrow:before, -.rtl .wp-full-overlay .collapse-sidebar-arrow:before { - -webkit-transform: rotate(180deg); - -ms-transform: rotate(180deg); - transform: rotate(180deg); -} - -.rtl .wp-full-overlay.collapsed .collapse-sidebar-arrow:before { - -webkit-transform: none; - -ms-transform: none; - transform: none; -} - -.wp-full-overlay.collapsed .collapse-sidebar-arrow { - background-position: -1px -109px; -} - -.wp-full-overlay .collapse-sidebar-label { - position: absolute; - left: 100%; - line-height: 20px; - margin-left: 10px; -} - -.wp-full-overlay.collapsed .collapse-sidebar-label { - display: none; -} - -/* Animations */ -.wp-full-overlay, -.wp-full-overlay-sidebar, -.wp-full-overlay .collapse-sidebar, -.wp-full-overlay-main { - -webkit-transition-property: left, right, top, bottom, width, margin; - transition-property: left, right, top, bottom, width, margin; - -webkit-transition-duration: 0.2s; - transition-duration: 0.2s; -} - -/*------------------------------------------------------------------------------ - 24.0 - Customize Loader -------------------------------------------------------------------------------*/ - -.no-customize-support .hide-if-no-customize, -.customize-support .hide-if-customize, -.no-customize-support.wp-core-ui .hide-if-no-customize, -.no-customize-support .wp-core-ui .hide-if-no-customize, -.customize-support.wp-core-ui .hide-if-customize, -.customize-support .wp-core-ui .hide-if-customize { - display: none; -} - -#customize-container { - display: none; - background: #fff; - z-index: 500000; - position: fixed; - overflow: visible; - top: 0; - bottom: 0; - left: 0; - right: 0; - height: 100%; -} - -.customize-active #customize-container { - display: block; -} - -.customize-loading #customize-container iframe { - opacity: 0; -} - -.customize-loading #customize-container { - background: #fff url('../images/spinner.gif') no-repeat fixed center center; - -webkit-background-size: 20px 20px; - background-size: 20px 20px; -} - -#customize-container iframe, -#theme-installer iframe { - height: 100%; - width: 100%; - z-index: 20; - -webkit-transition: opacity 0.3s; - transition: opacity 0.3s; -} - -#customize-container .collapse-sidebar { - bottom: 16px; -} - -#customize-controls { - margin-top: 0; -} - -#theme-installer { - display: none; -} - -#theme-installer.single-theme { - display: block; -} - -.install-theme-info { - display: none; - padding: 10px 20px 20px; -} - -.single-theme .install-theme-info { - padding-top: 15px; -} - -#theme-installer .install-theme-info { - display: block; -} - -.install-theme-info .theme-install { - float: right; - margin-top: 18px; -} - -.install-theme-info .theme-name { - font-size: 16px; - line-height: 24px; - margin-bottom: 0; - margin-top: 0; -} - -.install-theme-info .theme-screenshot { - margin-top: 15px; - width: 258px; - border: 1px solid #ccc; -} - -.install-theme-info .theme-details { - overflow: hidden; -} - -.theme-details .theme-version { - margin: 15px 0; - float: left; -} - -.theme-details .star-rating { - margin: 7px 0; - float: right; -} - -.theme-details .theme-description { - float: left; - color: #777; - line-height: 20px; -} - -#theme-installer .wp-full-overlay-header { - margin-top: 9px; -} - -#theme-installer .wp-full-overlay-header .theme-install { - float: right; - /* For when .theme-install is a span rather than a.button-primary (already installed theme) */ - line-height: 26px; -} - -#theme-installer .wp-full-overlay-sidebar { - background: #EEE; - border-right: 1px solid #DDD; -} - -#theme-installer .wp-full-overlay-main { - background: #fff url('../images/spinner.gif') no-repeat fixed center center; - -webkit-background-size: 20px 20px; - background-size: 20px 20px; -} - - -/*------------------------------------------------------------------------------ - 25.0 - Tabbed Admin Screen Interface (Experimental) -------------------------------------------------------------------------------*/ - -.nav-tab { - border: 1px solid #ccc; - border-bottom: none; - background: #e4e4e4; - color: #555; - font-size: 12px; - line-height: 16px; - display: inline-block; - padding: 4px 14px 6px; - text-decoration: none; - margin: -4px 4px -1px 0; -} - -.nav-tab:hover { - background-color: #fff; - color: #464646; -} - -.nav-tab-active { - color: #464646; -} - -.nav-tab-active, -.nav-tab-active:hover { - border-bottom: 1px solid #f1f1f1; - background: none; - color: #000; -} - -h2.nav-tab-wrapper, -h3.nav-tab-wrapper { - border-bottom: 1px solid #ccc; - padding-bottom: 0; - padding-left: 10px; -} - -h2 .nav-tab { - padding: 6px 10px; - font-weight: bold; - font-size: 15px; - line-height: 24px; -} - - -/*------------------------------------------------------------------------------ - 26.0 - Misc -------------------------------------------------------------------------------*/ - -#excerpt, -.attachmentlinks { - margin: 0; - height: 4em; - width: 98%; -} - -#template div { - margin-right: 190px; -} - -p.pagenav { - margin: 0; - display: inline; -} - -.pagenav span { - font-weight: 600; - margin: 0 6px; -} - -.row-title { - font-size: 14px !important; - font-weight: 600; -} - -.column-comment .comment-author { - margin-bottom: 0.6em; -} - -.column-author img, -.column-username img, -.column-comment .comment-author img { - float: left; - margin-right: 10px; - margin-top: 1px; -} - -.row-actions { - color: #ddd; - font-size: 13px; - visibility: hidden; - padding: 2px 0 0; -} - -tr:hover .row-actions, -.mobile .row-actions, -.row-actions.visible, -div.comment-item:hover .row-actions { - visibility: visible; -} - -/* deprecated */ -.row-actions-visible { - padding: 2px 0 0; -} - -.form-table .pre { - padding: 8px; - margin: 0; -} - -table.form-table td .updated { - font-size: 13px; -} - -.tagchecklist { - margin-left: 14px; - font-size: 12px; - overflow: auto; -} -.tagchecklist br { - display: none; -} -.tagchecklist strong { - margin-left: -8px; - position: absolute; -} -.tagchecklist span { - margin-right: 25px; - display: block; - float: left; - font-size: 13px; - line-height: 1.8em; - white-space: nowrap; - cursor: default; -} - -.tagchecklist span a { - margin: 1px 0 0 -17px; - cursor: pointer; - width: 20px; - height: 20px; - display: block; - float: left; - text-indent: 0; - overflow: hidden; - position: absolute; -} - -#poststuff h2 { - margin-top: 20px; - font-size: 1.5em; - margin-bottom: 15px; - padding: 0 0 3px; - clear: left; -} - -#poststuff h3, -.metabox-holder h3 { - font-size: 14px; - padding: 8px 12px; - margin: 0; - line-height: 1.4; -} - -#poststuff .inside { - margin: 6px 0 0 0; -} - -#poststuff .inside #parent_id, -#poststuff .inside #page_template { - max-width: 100%; -} - -#poststuff .inside label.spam, -#poststuff .inside label.deleted { - color: red; -} - -#poststuff .inside label.waiting { - color: orange; -} - -#poststuff .inside label.approved { - color: green; -} - -.inline-edit-row #post_parent, -.inline-edit-row select[name="page_template"] { - max-width: 80%; -} - -.ie8 #poststuff .inside #parent_id, -.ie8 #poststuff .inside #page_template, -.ie8 .inline-edit-row #post_parent, -.ie8 .inline-edit-row select[name="page_template"] { - width: 250px; -} - -#post-visibility-select { - line-height: 1.5em; - margin-top: 3px; -} - -#poststuff #submitdiv .inside { - margin: 0; - padding: 0; -} - -.edit-form-section { - margin-bottom: 20px; -} - -#templateside ul li a { - text-decoration: none; -} - -.tool-box .title { - margin: 8px 0; - font-size: 18px; - font-weight: normal; - line-height: 24px; -} - -#sidemenu { - margin: -30px 15px 0 315px; - list-style: none; - position: relative; - float: right; - padding-left: 10px; - font-size: 12px; -} - -#sidemenu a { - padding: 0 7px; - display: block; - float: left; - line-height: 28px; - border-top: 1px solid #f9f9f9; - border-bottom: 1px solid #dfdfdf; - background-color: #f9f9f9; - -webkit-transition: none; - transition: none; -} - -#sidemenu li { - display: inline; - line-height: 200%; - list-style: none; - text-align: center; - white-space: nowrap; - margin: 0; - padding: 0; -} - -/* @todo: remove border radius */ -#sidemenu a.current { - font-weight: normal; - padding-left: 6px; - padding-right: 6px; - -webkit-border-top-left-radius: 3px; - border-top-left-radius: 3px; - -webkit-border-top-right-radius: 3px; - border-top-right-radius: 3px; - border: 1px solid #dfdfdf; - border-bottom-color: #f1f1f1; - background-color: #f1f1f1; - color: #000; -} - -#sidemenu li a .count-0 { - display: none; -} - -.plugin-install #description, -.plugin-install-network #description { - width: 60%; -} - -table .vers, -table .column-visible, -table .column-rating { - text-align: left; -} - -.error-message { - color: red; - font-weight: 600; -} - -/* Scrollbar fix for bulk upgrade iframe */ -body.iframe { - height: 98%; -} - -/* Upgrader styles, Specific to Language Packs */ -.lp-show-latest p { - display: none; -} -.lp-show-latest p:last-child, -.lp-show-latest .lp-error p { - display: block; -} - -/* - Only used once or twice in all of WP - deprecate for global style -------------------------------------------------------------------------------*/ -td.media-icon { - text-align: center; - width: 80px; - padding-top: 8px; - padding-bottom: 8px; -} - -td.media-icon img { - max-width: 80px; - max-height: 60px; -} - -#howto { - font-size: 11px; - margin: 0 5px; - display: block; -} - -.importers td { - padding-right: 14px; -} - -.importers { - font-size: 16px; - width: auto; -} - -#post-body #post-body-content #namediv h3 { - margin-top: 0; -} - -#namediv h3 label { - vertical-align: baseline; -} - -#namediv table { - width: 100%; -} - -#namediv td.first { - width: 10px; - white-space: nowrap; -} - -#namediv input { - width: 98%; -} - -#namediv p { - margin: 10px 0; -} - -#submitdiv h3 { - margin-bottom: 0 !important; -} - -/* - Used - but could/should be deprecated with a CSS reset -------------------------------------------------------------------------------*/ -.zerosize { - height: 0; - width: 0; - margin: 0; - border: 0; - padding: 0; - overflow: hidden; - position: absolute; -} - -br.clear { - height: 2px; - line-height: 2px; -} - -.checkbox { - border: none; - margin: 0; - padding: 0; -} - -fieldset { - border: 0; - padding: 0; - margin: 0; -} - -.post-categories { - display: inline; - margin: 0; - padding: 0; -} - -.post-categories li { - display: inline; -} - -/*------------------------------------------------------------------------------ - 27.0 - Localization -------------------------------------------------------------------------------*/ - -/* RTL except Hebrew (see below): Tahoma as the first font; */ -body.rtl, -body.rtl .press-this a.wp-switch-editor { - font-family: Tahoma, Arial, sans-serif; -} - - -/* he_IL: Remove Tahoma from the font stack. Arial is best for Hebrew. */ -body.locale-he-il, -body.locale-he-il .press-this a.wp-switch-editor { - font-family: Arial, sans-serif; -} - -/* he_IL: Have be bold rather than italic. */ -.locale-he-il em { - font-style: normal; - font-weight: bold; -} - - -/*----------------------------------------------------------------------------- - MERGED --------------------------------------------------------------------------------*/ - -/* dashboard */ -.edit-box { - display: none; -} - -h3:hover .edit-box { - display: inline; -} - -#dashboard-widgets form .input-text-wrap input { - width: 100%; -} - -#dashboard-widgets form .textarea-wrap textarea { - width: 100%; -} - -#dashboard-widgets .postbox form .submit { - float: none; - margin: .5em 0 0; - padding: 0; - border: none; -} - -#dashboard-widgets-wrap #dashboard-widgets .postbox form .submit #publish { - min-width: 0; -} - -#dashboard-widgets a { - text-decoration: none; -} - -#dashboard-widgets h3 a { - text-decoration: underline; -} - -#dashboard-widgets h3 .postbox-title-action { - position: absolute; - right: 10px; - padding: 0; - top: 5px; -} - -.js #dashboard-widgets h3 .postbox-title-action { - right: 33px; -} - -#dashboard-widgets h4 { - color: #222; - font-weight: normal; - font-size: 14px; - margin: 0 0 .2em; - padding: 0; -} - -#dashboard_plugins h5 { - font-size: 14px; -} - -/* Recent Comments */ - -#latest-comments #the-comment-list { - position: relative; -} - -#activity-widget #the-comment-list .comment { - -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.06); - box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.06); -} - -#activity-widget .comments #the-comment-list .alt { - background-color: transparent; -} - -#activity-widget #latest-comments #the-comment-list .comment-item { - padding: 1em 12px; -} - -#latest-comments #the-comment-list .pingback { - padding-left: 12px !important; -} - -#latest-comments #the-comment-list .comment-item:first-child { - border-top: none; -} - -#latest-comments #the-comment-list .comment-item h4 { - line-height: 1.5em; - margin-top: 0; - color: #666; -} - -#latest-comments #the-comment-list .comment-item h4 cite { - font-style: normal; - font-weight: normal; -} - -#latest-comments #the-comment-list .comment-item blockquote, -#latest-comments #the-comment-list .comment-item blockquote p { - margin: 0; - padding: 0; - display: inline; -} - -#latest-comments #the-comment-list .comment-item p.row-actions { - margin: 3px 0 0; - padding: 0; - font-size: 13px; -} - -/* QuickDraft */ - -#title-wrap label { - cursor: text; -} - -#title-wrap #title { - padding: 2px 6px; - font-size: 1.3em; - line-height: 100%; - outline: none; -} - -#title-wrap #title-prompt-text { - font-size: 1.1em; - padding: 5px 8px; -} - -/* Feeds */ -.rss-widget ul { - margin: 0; - padding: 0; - list-style: none; -} - -a.rsswidget { - font-size: 14px; - font-weight: 600; - line-height: 1.7em; -} - -.rss-widget ul li { - line-height: 1.5em; - margin-bottom: 12px; -} - -.rss-widget span.rss-date { - color: #999; - font-size: 13px; - margin-left: 3px; -} - -.rss-widget cite { - display: block; - text-align: right; - margin: 0 0 1em; - padding: 0; -} - -.rss-widget cite:before { - content: '\2014'; -} - -.dashboard-comment-wrap { - overflow: hidden; - word-wrap: break-word; -} - -/* Browser Nag */ -#dashboard_browser_nag a.update-browser-link { - font-size: 1.2em; - font-weight: 600; -} - -#dashboard_browser_nag a { - text-decoration: underline; -} - -#dashboard_browser_nag p.browser-update-nag.has-browser-icon { - padding-right: 125px; -} - -#dashboard_browser_nag .browser-icon { - margin-top: -35px; -} - -#dashboard_browser_nag.postbox.browser-insecure { - background-color: #ac1b1b; - border-color: #ac1b1b; -} - -#dashboard_browser_nag.postbox { - background-color: #e29808; - background-image: none; - border-color: #edc048; - color: #fff; - -webkit-box-shadow: none; - box-shadow: none; -} - -#dashboard_browser_nag.postbox.browser-insecure h3 { - border-bottom-color: #cd5a5a; - color: #fff; -} - -#dashboard_browser_nag.postbox h3 { - border-bottom-color: #f6e2ac; - background: transparent none; - color: #fff; - -webkit-box-shadow: none; - box-shadow: none; -} - -#dashboard_browser_nag a { - color: #fff; -} - -/* Make the browser nags easier to read with Open Sans */ - -#dashboard_browser_nag h3.hndle { - border: none; - font-weight: 600; - font-size: 20px; - padding-top: 10px; -} - -.postbox#dashboard_browser_nag p a.dismiss { - font-size: 14px; -} - -.postbox#dashboard_browser_nag p, -.postbox#dashboard_browser_nag a, -.postbox#dashboard_browser_nag p.browser-update-nag { - font-size: 16px; -} - - -/* login */ - -#loginform p.submit, -.login-action-lostpassword p.submit { - border: none; - margin: -10px 0 20px; /* May want to revisit this */ -} - -.login * { - margin: 0; - padding: 0; -} - -.login form { - margin-top: 20px; - margin-left: 0; - padding: 26px 24px 46px; - font-weight: normal; - overflow: hidden; - background: #fff; - -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.13); - box-shadow: 0 1px 3px rgba(0,0,0,0.13); -} - -.login form .forgetmenot { - font-weight: normal; - float: left; - margin-bottom: 0; -} - -.login .button-primary { - float: right; -} - -#login form p { - margin-bottom: 0; -} - -#login form p.submit { - margin: 0; - padding: 0; -} - -.login label { - color: #777; - font-size: 14px; -} - -.login form .forgetmenot label { - font-size: 12px; - line-height: 19px; -} - -.login h1 { - text-align: center; -} - -.login h1 a { - background-image: url('../images/w-logo-blue.png?ver=20131202'); - background-image: none, url('../images/wordpress-logo.svg?ver=20131107'); - -webkit-background-size: 80px 80px; - background-size: 80px 80px; - background-position: center top; - background-repeat: no-repeat; - color: #999; - height: 80px; - font-size: 20px; - font-weight: normal; - line-height: 1.3em; - margin: 0 auto 25px; - padding: 0; - text-decoration: none; - width: 80px; - text-indent: -9999px; - outline: none; - overflow: hidden; - display: block; -} - -#login { - width: 320px; - padding: 8% 0 0; - margin: auto; -} - -#login_error, -.login .message { - margin-left: 0; - padding: 12px; -} - -.login #nav, -.login #backtoblog { - font-size: 13px; - padding: 0 24px 0; -} - -.login #nav { - margin: 24px 0 0 0; -} - -#backtoblog { - margin: 16px 0 0 0; -} - -.login #nav a, -.login #backtoblog a { - text-decoration: none; - color: #999; -} - -.login #nav a:hover, -.login #backtoblog a:hover, -.login h1 a:hover { - color: #2ea2cc; -} - -.login form .input, -.login input[type="text"] { - font-size: 24px; - line-height: 1; - width: 100%; - padding: 3px; - margin: 2px 6px 16px 0; -} - -.login form .input, -.login input[type="text"], -.login form input[type="checkbox"] { - background: #fbfbfb; -} - -.login #pass-strength-result { - width: 250px; - font-weight: 600; - margin: 12px 0 6px; - padding: 6px 5px; - text-align: center; -} - -.mobile #login { - padding: 20px 0; -} - -.mobile #login form, -.mobile #login .message, -.mobile #login_error { - margin-left: 0; -} - -.mobile #login #nav, -.mobile #login #backtoblog { - margin-left: 8px; -} - -.mobile #login h1 a { - width: auto; -} - -body.interim-login { - height: auto; -} - -.interim-login #login { - padding: 0; - margin: 5px auto 20px; -} - -.interim-login.login h1 a { - width: auto; -} - -.interim-login #login_error, -.interim-login.login .message { - margin: 0 0 16px; -} - -.interim-login.login form { - margin: 0; -} - -/* ms */ -/* Background Color for Site Status */ -.wp-list-table .site-deleted { - background: #ff8573; -} -.wp-list-table .site-spammed { - background: #faafaa; -} -.wp-list-table .site-archived { - background: #ffebe8; -} -.wp-list-table .site-mature { - background: #fecac2; -} - -/* nav-menu */ - -.no-js #message { - display: block; -} - -.accordion-section ul.category-tabs, -.accordion-section ul.add-menu-item-tabs, -.accordion-section ul.wp-tab-bar { - margin: 0; -} - -.accordion-section .categorychecklist { - margin: 13px 0; -} - -#nav-menu-meta .accordion-section-content { - padding: 18px 13px; -} - -#nav-menu-meta .button-controls { - margin-bottom: 0; -} - -#nav-menus-frame { - margin-left: 300px; - margin-top: 23px; -} - -#nav-menus-frame .accordion-section-content .inside { - font-size: 14px; -} - -#wpbody-content #menu-settings-column { - display:inline; - width:281px; - margin-left: -300px; - clear: both; - float: left; - padding-top: 0; -} - -#menu-settings-column .inside { - clear: both; - margin: 10px 0 0; -} - -.metabox-holder-disabled .postbox, -.metabox-holder-disabled .accordion-section-content, -.metabox-holder-disabled .accordion-section-title { - opacity: 0.5; - filter: alpha(opacity=50); -} - -.metabox-holder-disabled .button-controls .select-all { - display: none; -} - -#wpbody { - position: relative; -} - -.blank-slate .menu-name { - height: 2em; -} - -.blank-slate .menu-settings { - border: none; - margin-top: 0; - padding-top: 0; - overflow: hidden; -} - -.is-submenu { - color: #999; - font-style: italic; - font-weight: normal; - margin-left: 4px; -} - -.manage-menus { - margin-top: 23px; - padding: 10px; - overflow: hidden; - background: #fbfbfb; -} - -.manage-menus select { - float: left; - margin-right: 6px; -} - -.manage-menus .selected-menu { - float: left; - margin: 5px 6px 0 0; -} - -.manage-menus .submit-btn { - float: left; - margin-top: 1px; -} - -.menu-edit p { - margin: .3em 0 .6em; -} - -.menu-edit #post-body-content h3 { - margin: 1em 0 10px; -} - -.menu-settings { - border-top: 1px solid #eee; - margin-top: 2em; -} - -.menu-settings dl { - margin: 0 0 10px; - overflow: hidden; - padding-left: 18%; -} - -.menu-settings dd { - float: left; - margin: 0; - width: 100%; -} - -.menu-settings dt { - float: left; - clear: both; - width: 21.951%; - padding: 3px 0 0; - margin-left: -21.951%; -} - -.menu-settings label { - vertical-align: baseline; -} - -.menu-edit .checkbox-input { - margin-top: 4px; -} - -.theme-location-set { - color: #999; - font-size: 11px; -} - -/* Menu Container */ -#menu-management-liquid { - float: left; - min-width: 100%; - margin-top: 3px; -} - -#menu-management { - position: relative; - margin-right: 20px; - margin-top: -3px; - width: 100%; - background: #f5f5f5; -} - -#menu-management .menu-edit { - margin-bottom: 20px; -} - -.nav-menus-php #post-body { - padding: 0 10px 10px; - border-top: 1px solid #fff; - border-bottom: 1px solid #dfdfdf; - background: #fff; -} - -#nav-menu-header, -#nav-menu-footer { - padding: 0 10px; -} - -#nav-menu-header { - border-bottom: 1px solid #dfdfdf; - margin-bottom: 0; -} - -#nav-menu-header .menu-name-label { - margin-top: 4px; -} - -.nav-menus-php #post-body div.updated, -.nav-menus-php #post-body div.error { - margin: 0; -} - -.nav-menus-php #post-body-content { - position: relative; - float: none; -} - -#menu-management .menu-add-new abbr { - font-weight:600; -} - -#select-nav-menu-container { - text-align: right; - padding: 0 10px 3px 10px; - margin-bottom: 5px; -} - -#select-nav-menu { - width: 100px; - display: inline; -} - -#menu-name-label { - margin-top: -2px; -} - -.widefat td.menu-location-menus { - padding-bottom: 5px; -} - -.menu-location-menus select { - float: left; -} - -#locations-nav-menu-wrapper { - padding: 5px 0; -} - -.locations-nav-menu-select select { - float: left; - width: 160px; - margin-right: 5px; -} - -.locations-row-links { - float: left; - margin: 6px 0 0 6px; -} - -.locations-edit-menu-link, -.locations-add-menu-link { - margin: 0 3px; -} - -.locations-edit-menu-link { - padding-right: 3px; - border-right: 1px solid #ccc; -} - -#wpbody .open-label { - display: block; - float:left; -} - -#wpbody .open-label span { - padding-right: 10px; -} - -.js .input-with-default-title { - color: #aaa; - font-style: italic; -} - -#menu-management .inside { - padding: 0 10px; -} - -/* Add Menu Item Boxes */ -.postbox .howto input, -.accordion-container .howto input { - width: 180px; - float: right; -} - -.accordion-container .outer-border { - margin: 0; -} - -.customlinkdiv .howto input { - width: 180px; -} - -.customlinkdiv p { - margin-top: 0 -} - -#nav-menu-theme-locations .howto select { - width: 100%; -} - -#nav-menu-theme-locations .button-controls { - text-align: right; -} - -.add-menu-item-view-all { - height: 400px; -} - -/* Button Primary Actions */ -#menu-container .submit { - margin: 0 0 10px; - padding: 0; -} - -.nav-menus-php .add-new-menu-action { - float: left; - margin: 6px 0 0 6px; - line-height: 15px; -} - -.nav-menus-php .meta-sep, -.nav-menus-php .submitdelete, -.nav-menus-php .submitcancel { - display: block; - float: left; - margin: 6px 0; - line-height: 15px; -} - -.meta-sep { - padding: 0 2px; -} - -/* @todo: is this actually used? */ -#cancel-save { - text-decoration: underline; - font-size: 12px; - margin-left: 20px; - margin-top: 5px; -} - -.button.right, .button-secondary.right, .button-primary.right { - float: right; -} - -/* Button Secondary Actions */ -.list-controls { - float: left; - margin-top: 5px; -} - -.add-to-menu { - float: right; -} - -.postbox .spinner { - display: none; - vertical-align: middle; -} - -.button-controls { - clear:both; - margin: 10px 0; -} - -.show-all, -.hide-all { - cursor: pointer; -} - -.hide-all { - display: none; -} - -/* Create Menu */ -#menu-name { - width: 270px; -} - -#manage-menu .inside { - padding: 0px 0px; -} - -/* Custom Links */ -#available-links dt { - display: block; -} - -#add-custom-link .howto { - font-size: 12px; -} - -#add-custom-link label span { - display: block; - float: left; - margin-top: 5px; - padding-right: 5px; -} - -.menu-item-textbox { - width: 180px; -} - -.nav-menus-php .howto span { - margin-top: 6px; - display: block; - float: left; -} - -/* Menu item types */ -.quick-search { - width: 190px; -} - -.nav-menus-php .list-wrap { - display: none; - clear: both; - margin-bottom: 10px; -} - -.nav-menus-php .postbox p.submit { - margin-bottom: 0; -} - -/* Listings */ -.nav-menus-php .list li { - display: none; - margin: 0; - margin-bottom: 5px; -} - -.nav-menus-php .list li .menu-item-title { - cursor: pointer; - display: block; -} - -.nav-menus-php .list li .menu-item-title input { - margin-right: 3px; - margin-top: -3px; -} - -.menu-item-title input[type=checkbox] { - display: inline-block; - margin-top: -4px; -} - -/* Nav Menu */ -#menu-container .inside { - padding-bottom: 10px; -} - -.menu { - padding-top:1em; -} - -#menu-to-edit { - margin: 0; - padding: 0.1em 0; -} - -.menu ul { - width: 100%; -} - -.menu li { - margin-bottom: 0; - position:relative; -} - -.menu-item-bar { - clear:both; - line-height:1.5em; - position:relative; - margin: 9px 0 0; -} - -.menu-item-bar .menu-item-handle { - border: 1px solid #dfdfdf; - position: relative; - padding: 10px 15px; - height: auto; - width: 382px; - line-height: 30px; - overflow: hidden; - word-wrap: break-word; -} - -.menu-item-bar .menu-item-handle:hover { - border-color: #999; -} - -#menu-to-edit .menu-item-invalid .menu-item-handle { - background: #f6c9cc; - border-color: #f1acb1; -} - -.no-js .menu-item-edit-active .item-edit { - display: none; -} - -.js .menu-item-handle { - cursor: move; -} - -.menu li.deleting .menu-item-handle { - background-image: none; - background-color: #f66; -} - -.menu-item-handle .item-title { - font-size: 13px; - font-weight: 600; - line-height: 20px; - display: block; - margin-right: 13em; -} - -/* Sortables */ -li.menu-item.ui-sortable-helper dl { - margin-top: 0; -} - -li.menu-item.ui-sortable-helper .menu-item-transport dl { - margin-top: 13px; -} - -.menu .sortable-placeholder { - height: 35px; - width: 410px; - margin-top: 13px; -} - -/* WARNING: The factor of 30px is hardcoded into the nav-menus javascript. */ -.menu-item-depth-0 { margin-left: 0px; } -.menu-item-depth-1 { margin-left: 30px; } -.menu-item-depth-2 { margin-left: 60px; } -.menu-item-depth-3 { margin-left: 90px; } -.menu-item-depth-4 { margin-left: 120px; } -.menu-item-depth-5 { margin-left: 150px; } -.menu-item-depth-6 { margin-left: 180px; } -.menu-item-depth-7 { margin-left: 210px; } -.menu-item-depth-8 { margin-left: 240px; } -.menu-item-depth-9 { margin-left: 270px; } -.menu-item-depth-10 { margin-left: 300px; } -.menu-item-depth-11 { margin-left: 330px; } - -.menu-item-depth-0 .menu-item-transport { margin-left: 0px; } -.menu-item-depth-1 .menu-item-transport { margin-left: -30px; } -.menu-item-depth-2 .menu-item-transport { margin-left: -60px; } -.menu-item-depth-3 .menu-item-transport { margin-left: -90px; } -.menu-item-depth-4 .menu-item-transport { margin-left: -120px; } -.menu-item-depth-5 .menu-item-transport { margin-left: -150px; } -.menu-item-depth-6 .menu-item-transport { margin-left: -180px; } -.menu-item-depth-7 .menu-item-transport { margin-left: -210px; } -.menu-item-depth-8 .menu-item-transport { margin-left: -240px; } -.menu-item-depth-9 .menu-item-transport { margin-left: -270px; } -.menu-item-depth-10 .menu-item-transport { margin-left: -300px; } -.menu-item-depth-11 .menu-item-transport { margin-left: -330px; } - -body.menu-max-depth-0 { min-width: 950px !important; } -body.menu-max-depth-1 { min-width: 980px !important; } -body.menu-max-depth-2 { min-width: 1010px !important; } -body.menu-max-depth-3 { min-width: 1040px !important; } -body.menu-max-depth-4 { min-width: 1070px !important; } -body.menu-max-depth-5 { min-width: 1100px !important; } -body.menu-max-depth-6 { min-width: 1130px !important; } -body.menu-max-depth-7 { min-width: 1160px !important; } -body.menu-max-depth-8 { min-width: 1190px !important; } -body.menu-max-depth-9 { min-width: 1220px !important; } -body.menu-max-depth-10 { min-width: 1250px !important; } -body.menu-max-depth-11 { min-width: 1280px !important; } - -/* Menu item controls */ -.item-type { - color: #777; - font-size: 12px; - padding: 12px 10px; - line-height: 18px; - display: block; -} - -.item-controls { - font-size: 12px; - position: absolute; - right: 20px; - top: -1px; -} - -.item-controls a { - text-decoration: none; -} - -.item-controls a:hover { - cursor: pointer; -} - -.item-controls .item-order { - padding-right: 10px; -} - -.nav-menus-php .item-edit { - position: absolute; - right: -20px; - top: 0; - display: block; - width: 30px; - height: 40px; - margin-right: 0 !important; - text-indent: 100%; - outline: none; - overflow: hidden; - white-space: nowrap; -} - -/* Menu editing */ -.menu-instructions-inactive { - display: none; -} - -.menu-item-settings { - display: block; - width: 402px; - padding: 10px 0 10px 10px; - position: relative; - z-index: 10; /* Keep .item-title's shadow from appearing on top of .menu-item-settings */ - border: 1px solid #e5e5e5; - border-top: none; - -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04); - box-shadow: 0 1px 1px rgba(0,0,0,0.04); -} - -.menu-item-settings .field-move a { - display: none; - margin: 0 2px; -} - -.menu-item-edit-active .menu-item-settings { - display: block; -} - -.menu-item-edit-inactive .menu-item-settings { - display: none; -} - -.add-menu-item-pagelinks { - margin: .5em auto; - text-align: center; -} - -.link-to-original { - display: block; - margin: 0 0 10px; - padding: 3px 5px 5px; - border: 1px solid #dfdfdf; - color: #777; - font-size: 12px; - font-style: italic; -} - -.link-to-original a { - padding-left: 4px; - font-style: normal; -} - -.hidden-field { - display: none; -} - -.menu-item-settings .description-thin, -.menu-item-settings .description-wide { - margin-right: 10px; - float: left; -} - -.description-thin { - width: 190px; - height: 40px; -} - -.description-wide { - width: 390px; -} - -.menu-item-actions { - padding-top: 15px; -} - -#cancel-save { - cursor: pointer; -} - -/* Major/minor publishing actions (classes) */ -.nav-menus-php .major-publishing-actions { - clear: both; - padding: 3px 0 6px; -} - -.nav-menus-php .major-publishing-actions .publishing-action { - text-align: right; - float: right; - line-height: 23px; - margin: 4px 0 1px; -} - -.nav-menus-php .blank-slate .menu-settings { - display: none; -} - -.nav-menus-php .delete-action { - float: left; - margin-top: 2px; -} - -.nav-menus-php .submitbox .submitcancel { - border-bottom: 1px solid #0074a2; - padding: 1px 2px; - color: #0074a2; - text-decoration: none; -} - -.nav-menus-php .submitbox .submitcancel:hover { - background: #0074a2; - color: #fff; -} - -.nav-menus-php .major-publishing-actions .form-invalid { - padding-left: 4px; - margin-left: -4px; -} - -/* Clearfix */ -#menu-item-name-wrap:after, -#menu-item-url-wrap:after, -#menu-name-label:after, -#menu-settings-column .inside:after, -#nav-menus-frame:after, -.nav-menus-php #post-body-content:after, -.nav-menus-php .button-controls:after, -.nav-menus-php .major-publishing-actions:after, -.nav-menus-php .menu-item-settings:after { - clear: both; - content: "."; - display: block; - height: 0; - visibility: hidden; -} - -#nav-menus-frame, -.button-controls, -#menu-item-url-wrap, -#menu-item-name-wrap { - display: block; -} - -/* Star Ratings - Back-compat for pre-3.8 */ -div.star-holder { - position: relative; - height: 17px; - width: 100px; - background: url('../images/stars.png?ver=20121108') repeat-x bottom left; -} - -div.star-holder .star-rating { - background: url('../images/stars.png?ver=20121108') repeat-x top left; - height: 17px; - float: left; -} - -/* Star Ratings */ -.star-rating { - white-space: nowrap; -} -.star-rating .star { - display: inline-block; - width: 20px; - height: 20px; - -webkit-font-smoothing: antialiased; - font-size: 20px; - line-height: 1; - font-family: 'dashicons'; - text-decoration: inherit; - font-weight: normal; - font-style: normal; - vertical-align: top; - -webkit-transition: color .1s ease-in 0; - transition: color .1s ease-in 0; - text-align: center; - color: #0074a2; -} - -.star-rating .star-full:before { - content:'\f155'; -} - -.star-rating .star-half:before { - content:'\f459'; -} - -.rtl .star-rating .star-half { - -webkit-transform: rotateY(180deg); - -ms-transform: rotateY(180deg); - transform: rotateY(180deg); -} - -.star-rating .star-empty:before { - content:'\f154'; -} - -div.action-links { - font-weight: normal; - margin: 6px 0 0; -} - -/* Header on thickbox */ -#plugin-information-header { - margin: 0; - padding: 0 5px; - font-weight: 600; - position: relative; - border-bottom: 1px solid #dfdfdf; - height: 2.5em; - background-color: #f9f9f9; -} -#plugin-information ul#sidemenu { - font-weight: normal; - margin: 0 5px; - position: absolute; - left: 0; - bottom: -1px; -} - -/* Install sidemenu */ -#plugin-information { - height: auto; -} - -#plugin-information p.action-button { - width: 100%; - padding-bottom: 0; - margin-bottom: 0; - margin-top: 10px; - -webkit-border-top-left-radius: 3px; - border-top-left-radius: 3px; - -webkit-border-bottom-left-radius: 3px; - border-bottom-left-radius: 3px; -} - -#plugin-information .action-button a { - background-color: #2ea2cc; - color: #fff; - text-align: center; - font-weight: 600; - text-decoration: none; - display: block; - line-height: 2em; -} - -#plugin-information h2 { - clear: none !important; - margin-right: 200px; -} - -#plugin-information .fyi { - margin: 0 10px 50px; - width: 210px; -} - -#plugin-information .fyi h2 { - font-size: 0.9em; - margin-bottom: 0; - margin-right: 0; -} - -#plugin-information .fyi h2.mainheader { - padding: 5px; - -webkit-border-top-left-radius: 3px; - border-top-left-radius: 3px; - background-color: #cee1ef; -} - -#plugin-information .fyi ul { - padding: 10px 5px 10px 7px; - margin: 0; - list-style: none; - -webkit-border-bottom-left-radius: 3px; - border-bottom-left-radius: 3px; - background-color: #eaf3fa; -} - -#plugin-information .fyi li { - margin-right: 0; -} - -#plugin-information #section-holder { - padding: 10px; -} - -#plugin-information .section ul, -#plugin-information .section ol { - margin-left: 16px; - list-style-type: square; - list-style-image: none; -} - -#plugin-information #section-screenshots ol { - list-style: none; - margin: 0; -} - -#plugin-information #section-screenshots li img { - vertical-align: text-top; - max-width: 100%; - width: auto; - height: auto; -} - -#plugin-information #section-screenshots li p { - font-style: italic; - padding-left: 20px; - padding-bottom: 2em; -} - -#plugin-information #section-screenshots ol, -#plugin-information .updated, -#plugin-information pre { - margin-right: 215px; -} - -#plugin-information pre { - padding: 7px; - overflow: auto; - border: 1px solid #ccc; -} - -#plugin-information pre, -#plugin-information code { - background-color: #ededff; -} - -.plugin-version-author-uri { - font-size: 13px; -} - -img { - border: none; -} - -/* Header */ -/* @todo: are these also specific to Press This? */ -#wphead { - border-bottom: 1px solid #dfdfdf; -} - -#wphead h1 a { - color: #464646; -} - -.press-this #wphead { - height: 32px; - margin-left: 0; - margin-right: 0; - margin-bottom: 5px; -} - -.press-this #header-logo { - float: left; - margin: 7px 7px 0; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} - -.press-this #wphead h1 { - font-weight: normal; - font-size: 16px; - line-height: 32px; - margin: 0; - float: left; -} - -.press-this #wphead h1 a { - text-decoration: none; -} - -.press-this #wphead h1 a:hover { - text-decoration: underline; -} - -.press-this #message { - margin: 10px 0; -} - -.press-this .posting { - margin-right: 252px; -} - -.press-this-sidebar { - float: right; - width: 240px; - padding-top: 10px; -} - -.press-this #title { - margin-left: 0; - margin-right: 0; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} - -.press-this .tagchecklist { - margin-top: 8px; -} - -.press-this #titlediv { - margin: 0; -} - -.press-this .wp-media-buttons { - cursor: default; - padding: 8px 8px 6px; -} - -.press-this .howto { - margin-top: 2px; - margin-bottom: 3px; - font-size: 12px; - font-style: italic; - display: block; -} - -.press-this #wp-content-editor-container { - clear: none; -} - -.press-this #poststuff .inside { - margin-top: 18px; -} - -.press-this .category-tabs { - margin-bottom: 3px; -} - -/* Editor/Main Column */ -.press-this #poststuff { - margin: 0 10px 10px; - padding: 0; -} - -.press-this #photo-add-url-div input[type="text"] { - width: 220px; -} - -#poststuff #editor-toolbar { - height: 30px; -} - -div.zerosize { - border: 0 none; - height: 0; - margin: 0; - overflow: hidden; - padding: 0; - width: 0; -} - -.posting { - margin-right: 212px; - position: relative; -} - -.press-this .inner-sidebar { - width: 200px; -} - -.press-this .inner-sidebar .sleeve { - padding-top: 5px; -} - -.press-this #submitdiv p { - margin: 0; - padding: 6px; -} - -.press-this #submitdiv #publishing-actions { - border-bottom: 1px solid #dfdfdf; -} - -.press-this #publish { - float: right; -} - -.press-this #poststuff h2, -.press-this #poststuff h3 { - font-size: 14px; - line-height: 1; -} - -.press-this #tagsdiv-post_tag h3, -.press-this #categorydiv h3 { - cursor: pointer; -} - -.press-this #submitdiv h3 { - cursor: default; -} - -h3.tb { - font-weight: 600; - font-size: 12px; - margin-left: 5px; -} - -.press-this .postbox, -.press-this .stuffbox { - margin-bottom: 10px; - min-width: 0; -} - -.js .meta-box-sortables .postbox:hover .handlediv { - margin-right: 0 !important; -} - -/* Metabox collapse arrow indicators */ -.js .sidebar-name .sidebar-name-arrow:before, -.js .meta-box-sortables .postbox .handlediv:before { - right: 12px; - font: normal 20px/1 'dashicons'; - speak: none; - display: inline-block; - padding: 8px 10px; - top: 0; - position: relative; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - text-decoration: none !important; -} - -.js #widgets-left .sidebar-name .sidebar-name-arrow { - display: none; -} - -.js #widgets-left .widgets-holder-wrap.closed .sidebar-name .sidebar-name-arrow, -.js #widgets-left .sidebar-name:hover .sidebar-name-arrow { - display: block; -} - -/* Show the arrow only on hover */ -.js .sidebar-name .sidebar-name-arrow:before, -.js .meta-box-sortables .postbox .handlediv:before { - content: '\f142'; -} - -.js .widgets-holder-wrap.closed .sidebar-name-arrow:before, -.js .meta-box-sortables .postbox.closed .handlediv:before { - content: '\f140'; -} - -.press-this #submitdiv:hover .handlediv { - background: none; -} - -.tbtitle { - font-size: 1.7em; - outline: none; - padding: 3px 4px; - border: 1px solid #dfdfdf; -} - -.press-this .actions { - float: right; - margin: -19px 0 0; -} - -.press-this #extra-fields .actions { - margin: -32px -7px 0 0; -} - -.press-this .actions li { - float: left; - list-style: none; - margin-right: 10px; -} - -#extra-fields .button { - margin-right: 5px; -} - -/* Photo Styles */ -#photo_saving { - margin: 0 8px 8px; - vertical-align: middle; -} - -#img_container_container { - overflow: auto; -} - -#extra-fields { - margin-top: 10px; - position: relative; -} - -#extra-fields h2 { - margin: 12px; -} - -#waiting { - margin-top: 10px; - overflow: hidden; -} - -#waiting span { - float: right; - margin: 0 0 0 5px; -} - -#waiting .spinner { - display: block; -} - -#extra-fields .postbox { - margin-bottom: 5px; -} - -#extra-fields .titlewrap { - padding: 0; - overflow: auto; - height: 120px; -} - -#img_container a { - display: block; - float: left; - overflow: hidden; -} - -#img_container img, -#img_container a { - width: 68px; - height: 68px; -} - -#img_container img { - border: none; - background-color: #f4f4f4; - cursor: pointer; -} - -#img_container a, -#img_container a:link, -#img_container a:visited { - border: 1px solid #ccc; - display: block; - position: relative; -} - -#img_container a:hover, -#img_container a:active { - border-color: #000; - z-index: 1000; - border-width: 1px; -} - -/* Video */ -#embed-code { - width: 100%; - height: 98px; -} - -/* Categories */ -.press-this .categorydiv div.tabs-panel { - height: 100px; -} - -/* Tags */ -.press-this .tagsdiv .newtag { - width: 120px; -} - -.press-this #content { - margin: 5px 0; - padding: 0 5px; - border: 0 none; - height: 345px; - font-family: Consolas, Monaco, monospace; - font-size: 13px; - line-height: 19px; - background: transparent; -} - -/* Submit */ -.press-this #publishing-actions .spinner { - display: inline; - vertical-align: middle; -} - -#TB_ajaxContent #options { - position: absolute; - top: 20px; - right: 25px; - padding: 5px; -} - -#TB_ajaxContent h3 { - margin-bottom: .25em; -} - -.error a { - text-decoration: underline; -} - -.updated a { - text-decoration: none; - padding-bottom: 2px; -} - -/* tag hints */ -.taghint { - color: #aaa; - margin: -17px 0 0 7px; - visibility: hidden; -} - -input.newtag ~ div.taghint { - visibility: visible; -} - -input.newtag:focus ~ div.taghint { - visibility: hidden; -} - -/* TinyMCE */ -#mce_fullscreen_container { - background: #fff; -} - -#photo-add-url-div input[type="text"] { - width: 300px; -} - -/* Theme/Plugin Editor */ -.alignleft h3 { - margin: 0; -} - -#template textarea { - font-family: Consolas, Monaco, monospace; - font-size: 13px; - width: 97%; - background: #f9f9f9; - outline: none; -} - -/* @noflip */ -#template textarea, -#docs-list { - direction: ltr; -} - -#template p { - width: 97%; -} - -#templateside { - float: right; - width: 190px; - word-wrap: break-word; -} - -#templateside h3, -#postcustomstuff p.submit { - margin: 0; -} - -#templateside h4 { - margin: 1em 0 0; -} - -#templateside ol, -#templateside ul { - margin: .5em 0; - padding: 0; -} - -#templateside li { - margin: 4px 0; -} - -#templateside a, -.theme-editor-php .highlight { - display: block; - padding: 3px 3px 3px 12px; - text-decoration: none; -} - -.theme-editor-php .highlight { - margin: -3px 3px -3px -12px; -} - -#templateside .highlight { - border: none; - font-weight: bold; -} - -.nonessential { - color: #666; - font-size: 11px; - font-style: italic; - padding-left: 12px; -} - -#documentation { - margin-top: 10px; -} - -#documentation label { - line-height: 22px; - vertical-align: baseline; - font-weight: 600; -} - -.fileedit-sub { - padding: 10px 0 8px; - line-height: 180%; -} - -.feature-filter { - padding: 8px 12px 0; -} - -.feature-filter .feature-group { - float: left; - margin: 5px 10px 10px; -} - -.feature-filter .feature-group li { - display: inline-block; - vertical-align: top; - list-style-type: none; - padding-right: 25px; - width: 150px; -} - -/* General Widgets Styles */ - -.widget { - margin: 0 auto 10px; - position: relative; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} - -.widget-top { - font-size: 13px; - font-weight: 600; - background: #f7f7f7; -} - -.widget-top a.widget-action, -.widget-top a.widget-action:hover { - text-decoration: none; -} - -.widget-title h4 { - margin: 0; - padding: 15px; - line-height: 1; - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} - -.widgets-holder-wrap .widget-inside { - border-top: none; - padding: 1px 15px 15px 15px; - line-height: 16px; -} - -.in-widget-title, -#widgets-right a.widget-control-edit, -#available-widgets .widget-description { - color: #666; -} - -.deleting .widget-title, -.deleting .widget-top a.widget-action:after { - color: #aaa; -} - -/* Widget Dragging Helpers */ -.widget.ui-draggable-dragging { - min-width: 100%; -} - -.widget.ui-sortable-helper { - opacity: 0.8; -} - -.widget-placeholder { - border: 1px dashed #bbb; - margin: 0 auto 10px; - height: 45px; - width: 100%; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} - -#widgets-right .widget-placeholder { - margin-top: 0; -} - -#widgets-right .closed .widget-placeholder { - height: 0; - border: 0; - margin-top: -10px; -} - -/* Widget Sidebars */ -.sidebar-name { - position: relative; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} - -.sidebar-name-arrow { - position: absolute; - top: 0; - right: 0; - bottom: 0; -} - -.js .sidebar-name { - cursor: pointer; -} - -.sidebar-name h3 { - margin: 0; - padding: 8px 10px; - overflow: hidden; - white-space: nowrap; -} - -.widgets-holder-wrap .description { - padding: 0 0 15px; - margin: 0; - font-style: normal; - color: #777; -} - -#widgets-right .widgets-holder-wrap .description { - padding-left: 7px; - padding-right: 7px; -} - -/* Widgets 2-col Layout */ -div.widget-liquid-left { - margin: 0; - width: 38%; - float: left; -} - -div.widget-liquid-right { - float: right; - width: 58%; -} - -/* Widgets Left - Available Widgets */ - -div#widgets-left { - padding-top: 12px; -} - -div#widgets-left .closed .sidebar-name, -div#widgets-left .inactive-sidebar.closed .sidebar-name { - margin-bottom: 10px; -} - -div#widgets-left .sidebar-name h3 { - padding: 10px 0; - margin: 0 10px 0 0; -} - -div#widgets-left .sidebar-name .sidebar-name-arrow:before { - right: 0; - top: 4px; - padding: 4px 6px 4px 4px; -} - -#widgets-left #available-widgets, -div#widgets-left .widget-holder { - background: transparent; - border: none; -} - -#widgets-left .widgets-holder-wrap { - border: none; - -webkit-box-shadow: none; - box-shadow: none; -} - -#available-widgets .widget-action { - display: none; -} - -#available-widgets .widget { - margin: 0; -} - -#available-widgets .widget:nth-child(odd) { - clear: both; -} - -#available-widgets .widget .widget-description { - display: block; - padding: 10px 15px; - font-size: 12px; -} - -#available-widgets #widget-list { - position: relative; -} - -/* Inactive Sidebars */ -#widgets-left .inactive-sidebar { - clear: both; - width: 100%; - background: transparent; - padding: 0; - margin: 0 0 20px 0; - border: none; - -webkit-box-shadow: none; - box-shadow: none; -} - -#widgets-left .inactive-sidebar.first { - margin-top: 40px; -} - -/* Not sure what this is for... */ -div#widgets-left .inactive-sidebar .widget.expanded { - left: auto; -} - -.widget-title-action { - float: right; - position: relative; -} - -div#widgets-left .inactive-sidebar .widgets-sortables { - min-height: 42px; - padding: 0; - background: transparent; - margin: 0; - position: relative; -} - -/* Widgets Right */ - -div#widgets-right:after { - content: "."; - display: block; - height: 0; - clear: both; - visibility: hidden; -} - -div#widgets-right .sidebars-column-1, -div#widgets-right .sidebars-column-2 { - max-width: 450px; -} - -div#widgets-right .widgets-holder-wrap { - margin: 10px 0 0 0; -} - -div#widgets-right .sidebar-description { - min-height: 20px; - margin-top: -5px; -} - -div#widgets-right .sidebar-name h3 { - padding: 15px 7px; -} - -div#widgets-right .sidebar-name .sidebar-name-arrow:before { - right: 0; - top: 4px; -} - -div#widgets-right .widget-top { - padding: 0; -} - -div#widgets-right .widgets-sortables { - padding: 0 8px; - margin-bottom: 9px; - position: relative; - min-height: 123px; -} - -div#widgets-right .closed .widgets-sortables { - min-height: 0; - margin-bottom: 0; -} - -.sidebar-name .spinner { - margin: -5px 5px; - float: none; -} - -/* Dragging a widget over a closed sidebar */ -#widgets-right .widgets-holder-wrap.widget-hover { - border-color: #777; - -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.3); - box-shadow: 0 1px 2px rgba(0,0,0,0.3); -} - -/* Accessibility Mode */ -.widgets_access #widgets-left .widget .widget-top { - cursor: auto; -} - -.widgets_access #wpwrap .widgets-holder-wrap.closed .sidebar-description, -.widgets_access #wpwrap .widgets-holder-wrap.closed .widget, -.widgets_access #wpwrap .widget-control-edit { - display: block; -} - -.widgets_access #widgets-left .widget .widget-top:hover, -.widgets_access #widgets-right .widget .widget-top:hover { - border-color: #ddd; -} - -#available-widgets .widget-control-edit .edit, -#widgets-left .inactive-sidebar .widget-control-edit .add, -#widgets-right .widget-control-edit .add { - display: none; -} - -.widget-control-edit { - display: block; - color: #666; - background: #EEE; - padding: 0 15px; - line-height: 43px; - border-left: 1px solid #DDD; -} - -#widgets-left .widget-control-edit:hover, -#widgets-right .widget-control-edit:hover { - color: #fff; - background: #444; - border-left: 0; - outline: 1px solid #444; -} - -.widgets-holder-wrap .sidebar-name, -.widgets-holder-wrap .sidebar-description { - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} - -.editwidget { - margin: 0 auto; -} - -.editwidget .widget-inside { - display: block; - padding: 0 15px; -} - -.editwidget .widget-control-actions { - margin-top: 20px; -} - -.js .widgets-holder-wrap.closed .widget, -.js .widgets-holder-wrap.closed .sidebar-description, -.js .closed br.clear { - display: none; -} - -.nav-menus-php .item-edit:before, -.widget-top a.widget-action:after, -.control-section .accordion-section-title:after, -.accordion-section-title:after { - right: 0; - content: '\f140'; - border: none; - background: none; - font: normal 20px/1 'dashicons'; - speak: none; - display: block; - padding: 0; - text-indent: 0; - text-align: center; - position: relative; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - text-decoration: none !important; -} - -.widget-action, -.handlediv, -.item-edit, -.sidebar-name-arrow, -.accordion-section-title:after { - color: #aaa; -} - -.widget-action:hover, -.handlediv:hover, -.item-edit:hover, -.sidebar-name:hover .sidebar-name-arrow, -.accordion-section-title:hover:after { - color: #777; -} - -.widget-top a.widget-action:after { - padding: 12px 12px 0; -} - -.nav-menus-php .item-edit:before { - line-height: 2.1; -} - -.control-section .accordion-section-title:after, -.accordion-section-title:after { - float: right; - right: 20px; - top: -2px; -} - -.control-section.open .accordion-section-title:after, -#customize-info.open .accordion-section-title:after, -.nav-menus-php .menu-item-edit-active .item-edit:before { - content: '\f142'; -} - -/* Hide Widget Settings by Default */ -.widget-inside, -.widget-description { - display: none; -} - -.widget-inside { - background: #fff; -} - -/* Dragging widgets over the available widget area show's a "Deactivate" message */ -#removing-widget { - display: none; - font-weight: normal; - padding-left: 15px; - font-size: 12px; - line-height: 1; - color: black; -} - -.js #removing-widget { - color: #2ea2cc; -} - -.widget-control-noform, -#access-off, -.widgets_access .widget-action, -.widgets_access .sidebar-name-arrow, -.widgets_access #access-on, -.widgets_access .widget-holder .description, -.no-js .widget-holder .description { - display: none; -} - -.widgets_access .widget-holder, -.widgets_access #widget-list { - padding-top: 10px; -} - -.widgets_access #access-off { - display: inline; -} - -.widgets_access .sidebar-name, -.widgets_access .widget .widget-top { - cursor: default; -} - - -/* Widgets Area Chooser */ -.widget-liquid-left #widgets-left.chooser #available-widgets .widget, -.widget-liquid-left #widgets-left.chooser .inactive-sidebar { - -webkit-transition: opacity 0.1s linear; - transition: opacity 0.1s linear; -} - -.widget-liquid-left #widgets-left.chooser #available-widgets .widget, -.widget-liquid-left #widgets-left.chooser .inactive-sidebar { - /* -webkit-filter: blur(1px); */ - opacity: 0.2; - pointer-events: none; -} - -.widget-liquid-left #widgets-left.chooser #available-widgets .widget-in-question { - /* -webkit-filter: none; */ - opacity: 1; - pointer-events: auto; -} - -.widgets-chooser ul.widgets-chooser-sidebars { - margin: 0; - list-style-type: none; - max-height: 300px; - overflow: auto; -} - -.widgets-chooser { - display: none; -} - -.widgets-chooser ul { - border: 1px solid #ccc; -} - -.widgets-chooser li { - padding: 10px 15px 10px 35px; - border-bottom: 1px solid #ccc; - background: #fff; - margin: 0; - cursor: pointer; - outline: none; - position: relative; - -webkit-transition: background 0.2s ease-in-out; - transition: background 0.2s ease-in-out; -} - -.widgets-chooser li:hover, -.widgets-chooser li:focus { - background: rgba(255,255,255,0.7); -} - -.widgets-chooser li:focus:before { - content: '\f147'; - display: block; - -webkit-font-smoothing: antialiased; - font: normal 26px/1 'dashicons'; - color: #999; - position: absolute; - top: 7px; - left: 5px; -} - -.widgets-chooser li:last-child { - border: none; -} - -.widgets-chooser li.widgets-chooser-selected { - background: #2ea2cc; - color: #fff; -} - -.widgets-chooser li.widgets-chooser-selected:before, -.widgets-chooser li.widgets-chooser-selected:focus:before { - content: '\f147'; - display: block; - -webkit-font-smoothing: antialiased; - font: normal 26px/1 'dashicons'; - color: #fff; - position: absolute; - top: 7px; - left: 5px; -} - -.widgets-chooser .widgets-chooser-actions { - padding: 10px 0 12px 0; - text-align: center; -} - -.widgets-chooser button { - margin-right: 5px; -} - -#available-widgets .widget .widget-top { - cursor: pointer; -} - -/* Enable draggable on IE10 touch events until it's rolled into jQuery UI core */ -.ui-sortable, -.ui-draggable { - -ms-touch-action: none; - touch-action: none; -} - -.meta-box-sortables.ui-sortable, -.widgets-holder-wrap .ui-draggable, -.widgets-holder-wrap .ui-sortable, -.menu.ui-sortable { - -ms-touch-action: auto; - touch-action: auto; -} - -.meta-box-sortables.ui-sortable .hndle, -.menu.ui-sortable .menu-item-handle { - -ms-touch-action: none; - touch-action: none; -} - -/* Accordion */ - -.accordion-section { - border-bottom: 1px solid #dfdfdf; - margin: 0; -} - -.accordion-section.open .accordion-section-content, -.no-js .accordion-section .accordion-section-content { - display: block; -} - -.accordion-section.open:hover { - border-bottom-color: #dfdfdf; -} - -.accordion-section-content { - display: none; - padding: 10px 20px 15px; - overflow: hidden; - background: #fff; -} - -.accordion-section-title { - margin: 0; - padding: 12px 15px 15px; - position: relative; - border-left: 1px solid #dfdfdf; - border-right: 1px solid #dfdfdf; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} - -.js .accordion-section-title { - cursor: pointer; -} - -.js .accordion-section-title:after { - position: absolute; - top: 12px; - right: 10px; - z-index: 1; -} - -.accordion-section-title:focus { - outline: none; -} - -.accordion-section-title:hover:after, -.accordion-section-title:focus:after { - border-color: #aaa transparent; -} - -.cannot-expand .accordion-section-title { - cursor: auto; -} - -.cannot-expand .accordion-section-title:after { - display: none; -} - -.control-section .accordion-section-title { - border-left: none; - border-right: none; - padding: 10px 10px 11px 14px; - line-height: 21px; - background: #fff; -} - -.control-section .accordion-section-title:after { - top: 11px; -} - -.js .control-section:hover .accordion-section-title, -.js .control-section .accordion-section-title:hover, -.js .control-section.open .accordion-section-title, -.js .control-section .accordion-section-title:focus { - color: #222; - background: #f5f5f5; -} - -.control-section.open .accordion-section-title { - /* When expanded */ - border-bottom: 1px solid #dfdfdf; -} - -.sticky-menu #TB_window { - background: #f1f1f1; -} - -.sticky-menu #TB_window .updated { - margin: 16px 0 0; -} - -li#wp-admin-bar-menu-toggle { - display: none; -} - -/* =Media Queries --------------------------------------------------------------- */ - -@media screen and (max-width: 480px) { - div.widget-liquid-left { - width: 100%; - float: none; - border-right: none; - padding-right: 0; - } - - #widgets-left .sidebar-name { - margin-right: 0; - } - - #widgets-left #available-widgets .widget-top { - margin-right: 0; - } - - #widgets-left .inactive-sidebar .widgets-sortables { - margin-right: 0; - } - - div.widget-liquid-right { - width: 100%; - float: none; - } - - div.widget { - margin: 0 auto 10px !important; - max-width: 480px; - } -} - -@media screen and (max-width: 320px) { - div.widget { - max-width: 320px; - } -} - -@media only screen and (max-width: 768px) { - /* categories */ - #col-left { - width: 100%; - } - - #col-right { - width: 100%; - } -} - -@media only screen and (min-width: 769px) { - /* categories */ - #col-left { - width: 35%; - } - - #col-right { - width: 65%; - } -} - -@media only screen and (max-width: 860px) { - - /* categories */ - #col-left { - width: 35%; - } - - #col-right { - width: 65%; - } -} - -@media only screen and (min-width: 980px) { - - /* categories */ - #col-left { - width: 35%; - } - - #col-right { - width: 65%; - } -} - -@media only screen and (max-width: 768px) { - /* categories */ - #col-left { - width: 100%; - } - - #col-right { - width: 100%; - } - - .form-field input, - .form-field textarea { - width: 99%; - } - - .form-wrap .form-field { - padding:0; - } - - /* users */ - #profile-page .form-table textarea { - max-width: 400px; - width: auto; - } - - /* menu locations */ - #menu-locations-wrap .widefat { - width: 100%; - } -} - -@media only screen and (min-width: 1250px) { - #widgets-left #available-widgets .widget { - width: 49%; - float: left; - } - - .widget.ui-draggable-dragging { - min-width: 49%; - } - - #widgets-left #available-widgets .widget:nth-child(even) { - float: right; - } - - #widgets-right .sidebars-column-1, - #widgets-right .sidebars-column-2 { - float: left; - width: 49%; - } - - #widgets-right .sidebars-column-1 { - margin-right: 2%; - } - - #widgets-right.single-sidebar .sidebars-column-1, - #widgets-right.single-sidebar .sidebars-column-2 { - float: none; - width: 100%; - margin: 0; - } -} - -/** - * HiDPI Displays - */ -@media print, - (-o-min-device-pixel-ratio: 5/4), - (-webkit-min-device-pixel-ratio: 1.25), - (min-resolution: 120dpi) { - tr.wp-locked .locked-indicator { - background-image: url('../images/lock-2x.png'); - -webkit-background-size: 16px 16px; - background-size: 16px 16px; - } - - #content-resize-handle, - #post-body .wp_themeSkin .mceStatusbar a.mceResize { - background: transparent url('../images/resize-2x.gif') no-repeat scroll right bottom; - -webkit-background-size: 11px 11px; - background-size: 11px 11px; - } - - .rtl #content-resize-handle, - .rtl #post-body .wp_themeSkin .mceStatusbar a.mceResize { - background: transparent url('../images/resize-rtl-2x.gif') no-repeat scroll right bottom; - } - - /* Back-compat for pre-3.8 */ - div.star-holder { - background: url('../images/stars-2x.png?ver=20121108') repeat-x bottom left; - -webkit-background-size: 21px 37px; - background-size: 21px 37px; - } - - /* Back-compat for pre-3.8 */ - div.star-holder .star-rating { - background: url('../images/stars-2x.png?ver=20121108') repeat-x top left; - -webkit-background-size: 21px 37px; - background-size: 21px 37px; - } - - .wp-full-overlay .collapse-sidebar-arrow { - background-image: url('../images/arrows-2x.png'); - -webkit-background-size: 15px 123px; - background-size: 15px 123px; - } - - .spinner, - .imgedit-wait, - .customize-loading #customize-container, - .revision-tick.completed-false, - #theme-installer .wp-full-overlay-main { - background-image: url('../images/spinner-2x.gif'); - } - - /* @todo: evaluate - most of these were likely replaced by dashicons */ - .curtime #timestamp, - #screen-meta-links a.show-settings, - .widget-top a.widget-action, - .widget-top a.widget-action:hover, - .sidebar-name-arrow, - .sidebar-name:hover .sidebar-name-arrow, - .meta-box-sortables .postbox:hover .handlediv, - .tagchecklist span a, - #bulk-titles div a, - .tagchecklist span a:hover, - #bulk-titles div a:hover { - background: none !important; - } - -} - -/* =Localized CSS --------------------------------------------------------------- */ - -/* zh_CN: Remove italic properties. */ -.locale-zh-cn .howto, -.locale-zh-cn .tablenav .displaying-num, -.locale-zh-cn .js .input-with-default-title, -.locale-zh-cn .link-to-original, -.locale-zh-cn .inline-edit-row fieldset span.title, -.locale-zh-cn .inline-edit-row fieldset span.checkbox-title, -.locale-zh-cn #utc-time, -.locale-zh-cn #local-time, -.locale-zh-cn p.install-help, -.locale-zh-cn p.help, -.locale-zh-cn p.description, -.locale-zh-cn span.description, -.locale-zh-cn .form-wrap p { - font-style: normal; -} - -/* zh_CN: Enlarge dashboard widget 'Configure' link */ -.locale-zh-cn .hdnle a { font-size: 12px; } - -/* zn_CH: Enlarge font size, set font-size: normal */ -.locale-zh-cn form.upgrade .hint { font-style: normal; font-size: 100%; } - -/* Zn_CH: Distraction free writing. - * More beautiful font for "Just write." - * Larger text for HTML/Visual mode. - */ -.locale-zh-cn #wp-fullscreen-tagline { font-family: KaiTi, "楷体", sans-serif; } -.locale-zh-cn #wp-fullscreen-modes a { font-size: 12px; } - -/* zh_CN: Enlarge font-size. */ -.locale-zh-cn #sort-buttons { font-size: 1em !important; } - -/* de_DE: Text needs more space for translation */ -.locale-de-de .inline-edit-row fieldset label span.title { - width: 7em; /* default 5em */ -} -.locale-de-de .inline-edit-row fieldset label span.input-text-wrap { - margin-left: 7em; /* default 5em */ -} -.locale-de-de #customize-header-actions .button { - padding: 0 5px 1px; /* default 0 10px 1px */ -} -.locale-de-de #customize-header-actions .spinner { - margin: 16px 3px 0; /* default 16px 4px 0 5px */ -} - -/* ru_RU: Text needs more room to breathe. */ -.locale-ru-ru .inline-edit-row fieldset label span.title { - width: 8em; /* default 5em */ -} -.locale-ru-ru .inline-edit-row fieldset label span.input-text-wrap { - margin-left: 8em; /* default 5em */ -} -.locale-ru-ru.press-this .posting { - margin-right: 277px; /* default 252px + 25px */ -} -.locale-ru-ru .press-this-sidebar { - width: 265px; /* default 240px + 25px */ -} -.locale-ru-ru #customize-header-actions .button { - padding: 0 5px 1px; /* default 0 10px 1px */ -} -.locale-ru-ru #customize-header-actions .spinner { - margin: 16px 3px 0; /* default 16px 4px 0 5px */ -} - -/* lt_LT: QuickEdit */ -.locale-lt-lt .inline-edit-row fieldset label span.title { - width: 8em; -} -.locale-lt-lt .inline-edit-row fieldset label span.input-text-wrap { - margin-left: 8em; -} - - -@-ms-viewport { - width: device-width; -} - -@media screen and ( max-width: 782px ) { - html.wp-toolbar { - padding-top: 46px; - } - - body { - min-width: 240px; - overflow-x: hidden; - } - - body * { - -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important; - } - - #wpwrap { - background: #f0f0f0; - } - - #wpcontent, .auto-fold #wpcontent { - position: relative; - margin-left: 0; - padding-left: 10px; - } - - .wrap { - margin-right: 12px; - margin-left: 0; - } - - .col-wrap { - padding: 0; - } - - .sticky-menu #adminmenuwrap { - position: relative; - z-index: auto; - top: 0; - } - - /* Hidden Elements */ - #screen-meta, - #screen-meta-links, - #collapse-menu, - .post-format-select { - display: none !important; - } - - /* Input Elements */ - textarea { - -webkit-appearance: none; - } - - input[type=text], input[type=search], - input[type=password], input[type=number] { - -webkit-appearance: none; - padding: 6px 10px; - } - - input.code { - padding-bottom: 5px; - padding-top: 10px; - } - - input[type=checkbox], .widefat th input[type=checkbox] { - -webkit-appearance: none; - padding: 10px; - } - - .widefat th input[type=checkbox] { - margin-bottom: 8px; - } - - input[type=checkbox]:checked:before, .widefat th input[type=checkbox]:before { - font: normal 30px/1 'Dashicons'; - margin: -3px -5px; - } - - input[type=radio], - input[type=checkbox] { - height: 25px; - width: 25px; - } - - .wp-admin p input[type=checkbox], - .wp-admin p input[type=radio] { - margin-top: -3px; - } - - input[type=radio]:checked:before { - vertical-align: middle; - width: 9px; - height: 9px; - margin: 7px; - line-height: 16px; - } - - .wp-upload-form input[type=submit] { - margin-top: 10px; - } - - #wpbody select { - height: 36px; - font-size: 16px; - } - - .wp-admin .button-cancel { - padding: 0; - font-size: 14px; - } - - .wrap .add-new-h2, .wrap .add-new-h2:active { - padding: 10px 15px; - font-size: 14px; - } - - .wp-color-result { - height: auto; - padding-left: 45px; - } - - .wp-color-result:after { - font-size: 14px; - height: auto; - padding: 6px 14px; - } - - #createuser .form-field input { - width: 100%; - } - - /* Feedback Messages */ - .wrap div.updated, .wrap div.error, .media-upload-form div.error { - margin: 20px 0 10px 0; - padding: 5px 10px; - font-size: 14px; - line-height: 175%; - } - - /* Sidebar Adjustments */ - .auto-fold #adminmenu, - .auto-fold #adminmenuback, - .auto-fold #adminmenuwrap { - position: absolute; - width: 190px; - z-index: 100; - } - - .auto-fold #adminmenuback, - .auto-fold #adminmenuwrap { - display: none; - } - - .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 { - display: block; - margin-left: 35px; - } - - /* 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 { - 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; - -webkit-box-shadow: none; - 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 { - 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; - } - - /* Remove submenu headers and adjust sub meu*/ - #adminmenu .wp-submenu .wp-submenu-head { - display: none; - } - - /* Sidebar Toggle */ - #wp-responsive-toggle { - position: fixed; - top: 5px; - left: 4px; - padding-right: 10px; - z-index: 99999; - border: none; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - } - - .wrap .icon32 + h2 { - margin-top: -2px; - } - - .wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a { - background: #333; - } - - .wp-responsive-open #wpbody { - right: -190px; - } - - .auto-fold .wp-responsive-open #adminmenuback, - .auto-fold .wp-responsive-open #adminmenuwrap { - display: block; - } - - /* General New Post Form */ - #post-body-content { - min-width: 0; - } - - #titlediv #title-prompt-text { - padding: 10px 10px; - } - - .post-format-options { - padding-right: 0; - } - - .post-format-options a { - margin-right: 5px; - margin-bottom: 5px; - min-width: 52px; - } - - .post-format-options .post-format-title { - font-size: 11px; - } - - .post-format-options a div { - height: 28px; - width: 28px; - } - - .post-format-options a div:before { - font-size: 26px !important; - } - - /* General Metabox */ - .postbox { - font-size: 14px; - } - - #poststuff h3, - .metabox-holder h3 { - padding: 12px; - } - - .postbox .handlediv { - margin-top: 3px; - } - - /* Publish Metabox Options */ - #post-visibility-select { - line-height: 280%; - } - - .wp-core-ui .save-post-visibility, - .wp-core-ui .save-timestamp { - vertical-align: middle; - margin-right: 15px; - } - - .timestamp-wrap select#mm { - display: block; - width: 100%; - margin-bottom: 10px; - } - - .timestamp-wrap #jj, - .timestamp-wrap #aa, - .timestamp-wrap #hh, - .timestamp-wrap #mn { - padding: 12px 3px; - font-size: 14px; - margin-bottom: 5px; - width: auto; - text-align: center; - } - - /* Categories Metabox */ - ul.category-tabs { - margin: 30px 0 15px; - } - - ul.category-tabs li.tabs { - padding: 15px; - } - - .press-this ul.category-tabs li.tabs { - padding: 3px 5px 5px; /* Reset tabs in Press This to standard size */ - } - - ul.categorychecklist li { - margin-bottom: 15px; - } - - ul.categorychecklist ul { - margin-top: 15px; - } - - .category-add input[type=text], - .category-add select { - max-width: none; - margin-bottom: 15px; - } - - /* Tags Metabox */ - .tagsdiv .newtag { - width: 100%; - padding: 25px 10px; - margin-bottom: 15px; - } - - .tagchecklist { - margin: 25px 10px; - } - - .tagchecklist span { - font-size: 16px; - line-height: 120%; - } - - /* Revisions */ - #diff-next-revision, - #diff-previous-revision { - margin-top: -1em; - } - - table.diff { - -ms-word-break: break-all; - word-break: break-all; - word-wrap: break-word; - } - - /* Discussion */ - #commentstatusdiv p { - line-height: 2.8; - } - - /* TinyMCE Adjustments */ - .mceToolbar * { - white-space: normal !important; - } - - .mceToolbar tr, - .mceToolbar td { - float: left !important; - } - - .wp_themeSkin a.mceButton { - width: 30px; - height: 30px; - } - - .wp_themeSkin .mceButton .mceIcon { - margin-top: 5px; - margin-left: 5px; - } - - .wp_themeSkin .mceSplitButton { - margin-top: 1px; - } - - .wp_themeSkin .mceSplitButton td a.mceAction { - padding-top: 6px; - padding-bottom: 6px; - padding-left: 6px; - padding-right: 3px; - } - - .wp_themeSkin .mceSplitButton td a.mceOpen, - .wp_themeSkin .mceSplitButtonEnabled:hover td a.mceOpen { - padding-top: 6px; - padding-bottom: 6px; - background-position: 1px 6px; - } - - .wp_themeSkin table.mceListBox { - margin: 5px; - } - - div.quicktags-toolbar input { - padding: 10px 20px; - } - - #wp-content-editor-tools { - overflow: hidden; - padding: 20px 15px 1px 0; - top: 1px; - } - - a.wp-switch-editor { - font-size: 16px; - line-height: 1em; - margin: 3px 0 0 7px; - padding: 12px 15px; - } - - #wp-content-media-buttons a { - font-size: 16px; - line-height: 37px; - height: 39px; - padding: 0 20px 0 15px; - } - - .wp-media-buttons span.wp-media-buttons-icon, - .wp-media-buttons span.jetpack-contact-form-icon { - width: 22px !important; - margin-top: -3px !important; - margin-left: -5px !important; - } - - .wp-media-buttons .add_media span.wp-media-buttons-icon:before, - .wp-media-buttons #insert-jetpack-contact-form span.jetpack-contact-form-icon:before { - font-size: 20px !important; - } - - #content_wp_fullscreen { - display: none; - } - - .misc-pub-section { - padding: 20px 10px 20px; - } - - .misc-pub-section > a { - float: right; - font-size: 16px; - } - - #delete-action, - #publishing-action { - line-height: 47px; - } - - /* Subsubsub Nav */ - .subsubsub { - font-size: 16px; - text-align: center; - margin-bottom: 15px; - } - - /* WP List Table Options & Filters */ - .tablenav { - height: auto; - } - - .tablenav.top { - margin: 0; - } - - .tablenav.bottom { - position: relative; - margin-top: 15px; - } - - .tablenav br { - display: none; - } - - .tablenav br.clear { - display: block; - } - - #wpbody-content { - padding-bottom: 100px; - } - - p.search-box { - float: none; - position: absolute; - bottom: 0; - width: 98%; - height: 90px; - margin-bottom: 20px; - } - - p.search-box input[name="s"] { - height: auto; - float: none; - width: 100%; - margin-bottom: 10px; - vertical-align: middle; - -webkit-appearance: none; - } - - p.search-box input[type="submit"] { - margin-bottom: 10px; - } - - .tablenav.top .actions, .view-switch { - display: none; - } - - /* Pagination */ - .tablenav.top .displaying-num { - display: none; - } - - .tablenav.bottom .displaying-num { - position: absolute; - right: 0; - top: 10px; - font-size: 14px; - } - - .tablenav-pages { - width: 100%; - text-align: center; - margin: 0 0 25px; - } - - .tablenav.bottom .tablenav-pages { - margin-top: 25px; - } - - .tablenav.top .tablenav-pages.one-page { - display: none; - } - - .tablenav.bottom .tablenav-pages.one-page { - margin: 15px 0 0 0; - height: 0; - } - - .tablenav-pages .pagination-links .paging-input { - font-size: 18px; - } - - .tablenav-pages .pagination-links a { - padding: 8px 20px 11px; - font-size: 18px; - background: rgba(0, 0, 0, 0.05); - } - - .tablenav-pages .pagination-links .current-page { - padding: 10px; - font-size: 14px; - } - - /* WP List Table Adjustments: General */ - .form-wrap > p { - display: none; - } - - .comment-count { - font-size: 14px; - } - - /* Columns to hide */ - .fixed .column-date, - .fixed .column-author, - .column-categories, - .column-tags, - .tags .column-description, - .media .column-parent, - .users .column-email, - .users .column-name, - .sites .column-registered, - .sites .column-users { - display: none; - } - - .fixed .column-comment .comment-author { - display: block; - } - - /* Posts */ - .column-title { - width: 85%; - } - - .fixed .column-comments, .widefat .check-column { - width: 35px - } - - .widefat thead .check-column, .widefat tfoot .check-column { - padding: 10px 0 10px; - } - - .widefat * { - word-wrap: normal; - } - - /* Quick Edit and Bulk Edit */ - #wpbody-content .quick-edit-row-post .inline-edit-col-left, - #wpbody-content .quick-edit-row-post .inline-edit-col-right, - #wpbody-content .inline-edit-row-post .inline-edit-col-center, - #wpbody-content .quick-edit-row-page .inline-edit-col-left, - #wpbody-content .quick-edit-row-page .inline-edit-col-right, - #wpbody-content .bulk-edit-row-post .inline-edit-col-right, - #wpbody-content .bulk-edit-row .inline-edit-col-left, - #wpbody-content .bulk-edit-row-page .inline-edit-col-right, - #wpbody-content .bulk-edit-row .inline-edit-col-bottom { - float: none; - width: 100%; - } - - #wpbody-content .quick-edit-row fieldset .inline-edit-col label, - #wpbody-content .quick-edit-row fieldset .inline-edit-group label, - #wpbody-content .bulk-edit-row fieldset .inline-edit-col label, - #wpbody-content .bulk-edit-row fieldset .inline-edit-group label { - max-width: none; - float: none; - margin-bottom: 5px; - } - - #wpbody .bulk-edit-row fieldset select { - display: block; - width: 100%; - max-width: none; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - } - - .inline-edit-row fieldset ul.cat-checklist label, - .inline-edit-row #bulk-titles div { - font-size: 16px; - } - - .inline-edit-row fieldset label span.title { - float: none; - } - - .inline-edit-row fieldset label.inline-edit-tags { - padding: 0 0.5em; - } - - .inline-edit-row fieldset .inline-edit-col label.inline-edit-tags { - padding: 0; - } - - .inline-edit-row fieldset label span.input-text-wrap { - margin-left: 0; - } - - .inline-edit-row fieldset input[name=jj], - .inline-edit-row fieldset input[name=hh], - .inline-edit-row fieldset input[name=mn] { - width: 3em; - } - - .inline-edit-row fieldset input[name=aa] { - width: 4.5em; - } - - #bulk-titles div { - margin: 0.8em 0.3em; - } - - #bulk-titles div a { - height: 22px; - } - - /* Taxonomies */ - .tags .column-posts { - width: 50px; - } - - .tags .column-slug { - width: 30%; - } - - /* Comments */ - .comments .column-response { - width: 35%; - } - - /* Users */ - .users .column-role { - width: 35%; - } - - /* Network admin sites */ - .sites .column-blogname { - width: 55%; - } - - /* Updates */ - #wpbody-content #update-themes-table .plugin-title { - width: auto; - } - - /* Form Tables */ - .form-table { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - } - - .form-table th, - .form-table td { - display: block; - width: auto; - vertical-align: middle; - } - - .form-table .color-palette td { - display: table-cell; - width: 15px; - } - - .form-table table.color-palette { - margin-right: 10px; - } - - textarea, - input { - font-size: 16px; - } - - .form-table td input[type="text"], - .form-table td input[type="password"], - .form-table td select, - .form-table td textarea, - .form-table span.description, - #profile-page .form-table textarea { - width: 100%; - font-size: 16px; - line-height: 1.5; - padding: 7px 10px; - display: block; - max-width: none; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - } - - input[type=text].small-text, - input[type=search].small-text, - input[type=password].small-text, - input[type=number].small-text, - input[type="number"].small-text, - .form-table input[type=text].small-text { - width: auto; - max-width: 55px; - display: inline; - padding: 3px 6px; - margin: 0 3px; - } - - #pass-strength-result { - width: 100%; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - padding: 8px; - } - - .form-table span.description { - padding: 4px 0 0; - line-height: 1.4em; - } - - .form-table th { - padding-top: 10px; - padding-bottom: 0; - border-bottom: 0; - } - - .form-table td { - padding-top: 8px; - padding-left: 0; - } - - .form-table input.regular-text { - width: 100%; - } - - .form-table label { - font-size: 14px; - } - - .form-table fieldset label { - display: block; - } - - #utc-time { - margin-top: 10px; - } - - #utc-time, - #local-time { - display: block; - float: none; - padding: 0; - line-height: 2; - } - - /* Add/Edit Media */ - .wp_attachment_details label[for="content"] { - font-size: 14px; - line-height: 1.5em; - } - - /* Links */ - .link-manager-php #posts-filter { - margin-top: 25px; - } - - .link-manager-php .tablenav.bottom { - overflow: hidden; - } - - .links-table #link_rel { - max-width: none; - } - - .links-table th, - .links-table td { - padding: 10px 0; - } - - /** - * Nav Menus - * ---------------------------------------------------------------------------- - */ - body.nav-menus-php { - min-width: 0 !important; - } - - #nav-menus-frame { - margin-left: 0; - float: none; - width: 100%; - } - - #wpbody-content #menu-settings-column { - display: block; - width: 100%; - float: none; - margin-left: 0; - } - - #side-sortables .add-menu-item-tabs { - margin: 15px 0 14px; - } - - ul.add-menu-item-tabs li.tabs { - padding: 13px 15px 14px; - } - - .nav-menus-php .item-controls .item-type { - margin-top: 2px; - } - - .nav-menus-php .customlinkdiv .howto input { - width: 65%; - } - - .nav-menus-php .quick-search { - width: 85%; - } - - #menu-management-liquid { - margin-top: 25px; - } - - .nav-menus-php .menu-name-label.howto span { - margin-top: 13px - } - - .menu-name-label #menu-name { - margin-top: 4px; - } - - .nav-menus-php .major-publishing-actions .publishing-action { - margin-top: 6px; - } - - .nav-menus-php .delete-action { - font-size: 14px; - line-height: 50px; - margin-top: 12px; - } - - .menu-item-bar .menu-item-handle, - .menu-item-settings, - .description-wide { - width: auto; - } - - .menu-item-settings { - padding: 10px; - } - - .menu-item-settings .description-thin, - .menu-item-settings .description-wide { - width: 100%; - height: auto; - } - - .menu-item-settings input { - width: 100%; - } - - .menu-settings dl { - padding-left: 0; - } - - .menu-settings dd { - float: none; - width: 100%; - margin-bottom: 15px; - } - - .menu-settings dt { - float: none; - width: auto; - margin-left: 0; - margin-bottom: 15px; - } - - .available-theme .action-links .delete-theme { - float: none; - margin: 0; - padding: 0; - clear: both; - } - - .available-theme .action-links .delete-theme a { - padding: 0; - } - - /* Widget Management Page (Needs UX work on mobile) */ - #templateside { - float: none; - width: auto; - } - - #templateside li { - margin: 0; - } - - #templateside li a { - display: block; - padding: 5px; - } - - #templateside .highlight { - padding: 5px; - margin-left: -5px; - margin-top: -5px; - } - - #template div { - float: none; - margin: 0; - width: auto; - } - - #template textarea { - width: 100%; - } - - .fileedit-sub .alignright { - margin-top: 15px; - } - - /* Plugin/Theme Management Page */ - .wp-list-table.plugins { - position: relative; - margin-top: 35px; - margin-bottom: 50px; - } - - .wp-list-table.plugins thead .column-description, - #wpbody-content .wp-list-table.plugins tfoot .column-description, - .wp-list-table.plugins th#description { - display: none; - } - - #wpbody-content .wp-list-table.plugins, - #wpbody-content .wp-list-table.plugins thead, - #wpbody-content .wp-list-table.plugins tbody, - #wpbody-content .wp-list-table.plugins tr, - #wpbody-content .wp-list-table.plugins .column-description, - #wpbody-content .wp-list-table.plugins .plugin-title, - #wpbody-content .wp-list-table.plugins .theme-title, - #wpbody-content .wp-list-table.plugins .plugin-update, - #wpbody-content .wp-list-table.plugins .manage-column.column-name { - display: block; - width: auto; - } - - .wp-list-table.plugins thead, - .wp-list-table.plugins tfoot { - position: absolute; - top: -35px; - left: 0; - right: 0; - width: auto; - height: 35px; - } - - .wp-list-table.plugins tfoot { - bottom: -35px; - top: auto; - } - - .active, .inactive { - padding-top: 0; - } - - .wp-list-table.plugins .plugin-title, - .wp-list-table.plugins .theme-title { - padding-top: 13px; - padding-bottom: 4px; - } - - .plugins tr.active + tr.inactive th.check-column, - .plugins tr.active + tr.inactive td, - .wp-list-table.plugins .plugin-title, - .wp-list-table.plugins .theme-title, - .wp-list-table.plugins tbody th { - -webkit-box-shadow: none; - box-shadow: none; - } - - .plugins tbody { - padding: 1px 0 0; - } - - .plugins tr.active + tr.inactive td.column-description { - -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1); - } - - .plugins tr.active + tr.inactive th.check-column, - .plugins tr.active + tr.inactive td { - border-top: none; - } - - .wp-list-table.plugins .column-description { - padding-top: 0; - } - - .wp-list-table.plugins .manage-column.column-name, - .wp-list-table.plugins .column-description, - .wp-list-table.plugins .plugin-title, - .wp-list-table.plugins .theme-title { - padding-right: 12px; - padding-left: 46px; - } - - .wp-list-table.plugins tr { - position: relative; - } - - .wp-list-table.plugins th.check-column, - .wp-list-table.plugins tr.update th.check-column { - position: absolute; - height: auto; - top: 0; - bottom: 0; - left: 0; - padding-left: 2px; - padding-top: 18px; - } - - .wp-list-table.plugins thead th.check-column, - .wp-list-table.plugins tfoot th.check-column { - padding-left: 3px; - padding-top: 11px; - background: none; - } - - .widefat tbody th.check-column input[type="checkbox"] { - margin-top: -3px; - margin-left: 8px; - } - - .wp-list-table.plugins .active .check-column input, - .wp-list-table.plugins .update .check-column input { - margin-left: 5px; - } - - .wp-list-table.plugins thead .check-column input, - .wp-list-table.plugins tfoot .check-column input { - margin-top: -6px; - } - - .wp-list-table.plugins .active th.check-column { - background: none; - } - - .wp-list-table.plugins .plugin-title strong, - .wp-list-table.plugins .theme-title strong { - font-size: 1.4em; - line-height: 1.6em; - } - - /* Add New plugins page */ - table.plugin-install .column-name, - table.plugin-install .column-version, - table.plugin-install .column-rating, - table.plugin-install .column-description { - display: block; - width: auto; - } - - table.plugin-install th.column-name, - table.plugin-install th.column-version, - table.plugin-install th.column-rating, - table.plugin-install th.column-description { - display: none; - } - - table.plugin-install td.column-name strong { - font-size: 1.4em; - line-height: 1.6em; - } - - table.plugin-install #the-list td { - -webkit-box-shadow: none; - box-shadow: none; - } - - table.plugin-install #the-list tr { - display: block; - -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1); - box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1); - } - - /* Dashboard */ - #dashboard_recent_comments #the-comment-list .comment-item .avatar { - height: 30px; - width: 30px; - margin: 4px 10px 5px 0; - } - - /* About Page */ - .about-wrap .feature-section.one-col > div, - .about-wrap .feature-section.two-col > div, - .about-wrap .three-col.about-updates > div { - width: 100%; - margin: 0; - float: none; - } - - .about-wrap .about-colors .color-option { - width: 49%; - } - - /* Moderate Comment */ - .comment-ays { - border-bottom: none; - } - - #wpfooter { - display: none; - } - - #comments-form .checkforspam { - display: none; - } - - /* Reset responsive styles in Press This */ - - .press-this a.wp-switch-editor { - font: 13px/19px "Open Sans", sans-serif; - margin: 5px 0 0 5px; - padding: 3px 8px 4px; - } - - .press-this #wp-content-media-buttons a { - padding: 0; - line-height: normal; - height: auto; - } - - .press-this #wp-content-editor-tools { - padding: 0; - top: 3px; - } - - .press-this .category-tabs { - margin-top: 0; - } - - .press-this .tagsdiv .newtag { - width: 120px; - padding: 3px 5px; - margin-bottom: 0; - } - - .press-this .tagchecklist { - padding: 0; - margin-bottom: 0; - } - - .press-this .wp_themeSkin a.mceButton { - width: 20px; - height: 20px; - } - - .press-this .wp_themeSkin .mceButton .mceIcon { - margin: 0; - } - - .press-this #poststuff h3, - .press-this .metabox-holder h3 { - padding: 7px 12px; - } - - .interim-login input[type=checkbox], - .press-this input[type=checkbox], - .press-this input[type=radio] { - height: 16px; - width: 16px; - } - - .interim-login input[type=checkbox]:checked:before, - .press-this input[type=checkbox]:checked:before { - width: 16px; - font: normal 21px/1 'dashicons'; - margin: -3px 0 0 -4px; - } - - .press-this input[type=radio]:checked:before { - font: normal 21px/1 'dashicons'; - width: 6px; - height: 6px; - margin: 4px; - } - - .press-this ul.categorychecklist ul, - .press-this ul.categorychecklist li { - margin-top: 0; - margin-bottom: 0; - } - - .press-this div.quicktags-toolbar input { - padding: 2px 4px; - } - - .press-this textarea, - .press-this input { - font-size: 14px; - } - - .press-this .tagchecklist span { - font-size: 13px; - line-height: 1.8em; - } -} - -@media only screen and (max-width: 500px) { - .about-wrap { - margin-right: 20px; - margin-left: 10px; - } - - .about-wrap h1, - .about-text { - margin-right: 0; - } - - .about-text { - margin-bottom: 0.25em; - } - - .about-wrap .wp-badge { - position: relative; - margin-bottom: 1.5em; - width: 100%; - } - - .about-wrap .feature-section.three-col div { - width: 100%; - float: none; - } - - .about-wrap .three-col.about-updates .col-1 { - padding: 0; - float: none; - } - - .about-wrap .three-col.about-updates .col-2 { - margin: 0 0 20px; - width: 100%; - float: none; - } - - /* Align Add Media + Visual + Text tabs */ - #wp-content-media-buttons a { - font-size: 14px; - padding: 0 10px 0 10px; - } -} - -@media screen and ( max-width: 782px ) { - #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; - } - - 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; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - } -} - -/* Smartphone */ -@media screen and (max-width: 600px) { - #adminmenuwrap, - #adminmenuback { - display: none; - } - - .wp-responsive-open #adminmenuwrap, - .wp-responsive-open #adminmenuback { - display: block; - } - - /* Disable horizontal scroll when responsive menu is open - since we push the main content off to the right. */ - #wpwrap.wp-responsive-open { - overflow-x: hidden; - } - - html.wp-toolbar { - padding-top: 0; - } - - #wpbody { - padding-top: 46px; - } - - .auto-fold #adminmenu { - top: 46px; - } - - #wp-responsive-overlay { - position: fixed; - top: 0; - left: 0; - width: 100%; - height: 100%; - z-index: 400; - } - - /* Keep the close icon from overlapping the Welcome text. */ - .welcome-panel .welcome-panel-close { - overflow: hidden; - text-indent: 100%; - white-space: nowrap; - width: 20px; - height: 20px; - right: 0; - padding: 5px; - } - - /* Make the close icon larger for tappability. */ - #welcome-panel.welcome-panel .welcome-panel-close::before { - font-size: 20px; - margin: 0; - } - - /* Keep full-width boxes on Edit Post page from causing horizontal scroll */ - div#post-body.metabox-holder.columns-1 { - overflow-x: hidden; - } - - /* Color Picker Options */ - .color-option { - width: 49%; - } -} +@import url(common.css); +@import url(forms.css); +@import url(login.css); +@import url(admin-menu.css); +@import url(dashboard.css); +@import url(list-tables.css); +@import url(edit.css); +@import url(revisions.css); +@import url(media.css); +@import url(themes.css); +@import url(press-this.css); +@import url(about.css); +@import url(nav-menus.css); +@import url(widgets.css); +@import url(l10n.css); diff --git a/src/wp-admin/includes/update-core.php b/src/wp-admin/includes/update-core.php index 6f679da908..bcc83034be 100644 --- a/src/wp-admin/includes/update-core.php +++ b/src/wp-admin/includes/update-core.php @@ -292,9 +292,7 @@ $_old_files = array( 'wp-admin/css/colors-classic-rtl.dev.css', 'wp-admin/css/colors-fresh-rtl.css', 'wp-admin/css/colors-fresh-rtl.dev.css', -'wp-admin/css/dashboard-rtl.css', 'wp-admin/css/dashboard-rtl.dev.css', -'wp-admin/css/dashboard.css', 'wp-admin/css/dashboard.dev.css', 'wp-admin/css/farbtastic-rtl.css', 'wp-admin/css/global-rtl.css', @@ -303,9 +301,7 @@ $_old_files = array( 'wp-admin/css/global.dev.css', 'wp-admin/css/install-rtl.css', 'wp-admin/css/install-rtl.dev.css', -'wp-admin/css/login-rtl.css', 'wp-admin/css/login-rtl.dev.css', -'wp-admin/css/login.css', 'wp-admin/css/login.dev.css', 'wp-admin/css/ms.css', 'wp-admin/css/ms.dev.css', @@ -317,9 +313,7 @@ $_old_files = array( 'wp-admin/css/plugin-install-rtl.dev.css', 'wp-admin/css/plugin-install.css', 'wp-admin/css/plugin-install.dev.css', -'wp-admin/css/press-this-rtl.css', 'wp-admin/css/press-this-rtl.dev.css', -'wp-admin/css/press-this.css', 'wp-admin/css/press-this.dev.css', 'wp-admin/css/theme-editor-rtl.css', 'wp-admin/css/theme-editor-rtl.dev.css', @@ -329,9 +323,7 @@ $_old_files = array( 'wp-admin/css/theme-install-rtl.dev.css', 'wp-admin/css/theme-install.css', 'wp-admin/css/theme-install.dev.css', -'wp-admin/css/widgets-rtl.css', 'wp-admin/css/widgets-rtl.dev.css', -'wp-admin/css/widgets.css', 'wp-admin/css/widgets.dev.css', 'wp-admin/includes/internal-linking.php', 'wp-includes/images/admin-bar-sprite-rtl.png',