Once upon a time not long ago,

The admin CSS was merged in #18314.
After a couple years as it stood,
The mess it had become just was no good.
One day we realized Grunt is pretty cool,
And said "we should use this as our build tool!"
Now we can maintain separate files with ease,
Using @import and cssmin meets all our needs.
Welcome to the future of the WordPress stylesheets,
And thanks to Slick Rick for the beats.

props jorbin for the initial patch.
fixes #26669.

Built from https://develop.svn.wordpress.org/trunk@27195


git-svn-id: http://core.svn.wordpress.org/trunk@27054 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
Helen Hou-Sandí 2014-02-19 21:43:14 +00:00
parent 6919d9f197
commit ab31bf8683
36 changed files with 28224 additions and 28069 deletions

401
wp-admin/css/about-rtl.css Normal file
View File

@ -0,0 +1,401 @@
/*------------------------------------------------------------------------------
22.0 - About Pages
------------------------------------------------------------------------------*/
.about-wrap {
position: relative;
margin: 25px 20px 0 40px;
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 5px 0.5em 0;
max-width: 100%;
}
/* Typography */
.about-wrap p {
line-height: 1.6em;
font-size: 14px;
}
.about-wrap h1 {
margin: 0.2em 0 0 200px;
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 0 1em 200px;
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;
left: 0;
}
/* Tabs */
.about-wrap h2.nav-tab-wrapper {
padding-right: 6px;
}
.about-wrap h2 .nav-tab {
padding: 4px 15px 6px;
margin: 0 0 -1px 3px;
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: right;
}
.about-wrap .feature-section.three-col > div {
position: relative;
width: 29.95%;
margin-left: 4.999999999%;
float: right;
}
.about-wrap .feature-section.col .last-feature {
margin-left: 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-left: 3%;
}
.about-wrap .feature-section div p img {
float: left;
margin-right: 10px;
max-width: 20%;
}
.about-wrap .changelog li {
list-style-type: disc;
margin-right: 3em;
}
/* Return to Dashboard Home link */
.about-wrap .return-to-dashboard {
margin: 30px -5px 0 0;
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 -5px 0 -15px;
}
.about-wrap ul.compact {
margin-bottom: 0
}
.about-wrap li.wp-person {
float: right;
margin-left: 10px;
}
.about-wrap li.wp-person img.gravatar {
float: right;
margin: 0 0 10px 10px;
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-left: 20px;
margin-right: 10px;
}
.about-wrap h1,
.about-text {
margin-left: 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;
}
}

401
wp-admin/css/about.css Normal file
View File

@ -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;
}
}

View File

@ -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: right;
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 -8px 0 0;
float: right;
}
/* 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: right;
}
/* 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;
right: 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;
right: auto;
left: 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;
right: 36px;
}
.folded #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
.folded #adminmenu .wp-has-current-submenu .wp-submenu {
position: absolute;
top: -1000em;
}
#adminmenu .wp-not-current-submenu .wp-submenu,
.folded #adminmenu .wp-has-current-submenu .wp-submenu {
min-width: 160px;
width: auto;
}
#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-left: 16px;
padding-right: 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 0px 0 0;
opacity: 0.6;
filter: alpha(opacity=60);
}
#adminmenu div.wp-menu-name {
padding: 8px 0;
}
#adminmenu div.wp-menu-image {
float: right;
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-right: 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 {
left: 0;
border: solid 8px transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-left-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 {
left: 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-left-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 11px 8px 4px;
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 2px 0 0;
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: right;
height: 15px;
margin: 10px 11px 10px 8px;
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;
right: -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-right: 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;
right: 36px;
}
.auto-fold #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
.auto-fold #adminmenu .wp-has-current-submenu .wp-submenu {
position: absolute;
top: -1000em;
margin-left: -1px;
padding: 7px 0 8px;
z-index: 9999;
}
.auto-fold #adminmenu .wp-has-current-submenu .wp-submenu {
min-width: 150px;
width: auto;
}
.auto-fold #adminmenu .wp-has-current-submenu li > a {
padding-left: 16px;
padding-right: 14px;
}
.auto-fold #adminmenu li.menu-top .wp-submenu > li > a {
padding-right: 12px;
}
.auto-fold #adminmenu .wp-menu-name {
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-right: 0;
padding-right: 10px;
}
.sticky-menu #adminmenuwrap {
position: relative;
z-index: auto;
top: 0;
}
/* Sidebar Adjustments */
.auto-fold #adminmenu,
.auto-fold #adminmenuback,
.auto-fold #adminmenuwrap {
position: absolute;
width: 190px;
z-index: 100;
}
.auto-fold #adminmenuback,
.auto-fold #adminmenuwrap {
display: none;
}
.auto-fold .wp-responsive-open #adminmenuback,
.auto-fold .wp-responsive-open #adminmenuwrap {
display: block;
}
.auto-fold #adminmenu li.menu-top {
width: 100%;
}
/* Resize the admin menu items to a comfortable touch size */
.auto-fold #adminmenu li a {
font-size: 16px;
padding: 5px;
}
.auto-fold #adminmenu li.menu-top .wp-submenu > li > a {
padding: 10px 20px 10px 10px;
}
/* Restore the menu names */
.auto-fold #adminmenu .wp-menu-name {
display: block;
margin-right: 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;
right: -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;
right: -1px;
left: 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;
right: 4px;
padding-left: 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-right: -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: right;
font: normal 40px/45px 'Dashicons';
vertical-align: middle;
outline: none;
margin: 0;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
height: 44px;
width: 50px;
padding: 0;
border: none;
text-align: center;
text-decoration: none;
-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;
}
}

939
wp-admin/css/admin-menu.css Normal file
View File

@ -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;
}
}

2522
wp-admin/css/common-rtl.css Normal file

File diff suppressed because it is too large Load Diff

2522
wp-admin/css/common.css Normal file

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

1132
wp-admin/css/dashboard.css Normal file

File diff suppressed because it is too large Load Diff

1459
wp-admin/css/edit-rtl.css Normal file

File diff suppressed because it is too large Load Diff

1459
wp-admin/css/edit.css Normal file

File diff suppressed because it is too large Load Diff

View File

@ -1 +0,0 @@
.farbtastic{position:relative}.farbtastic *{position:absolute;cursor:crosshair}.farbtastic,.farbtastic .wheel{width:195px;height:195px}.farbtastic .color,.farbtastic .overlay{top:47px;right:47px;width:101px;height:101px}.farbtastic .wheel{background:url(../images/wheel.png) no-repeat;width:195px;height:195px}.farbtastic .overlay{background:url(../images/mask.png) no-repeat}.farbtastic .marker{width:17px;height:17px;margin:-8px -8px 0 0;overflow:hidden;background:url(../images/marker.png) no-repeat}

971
wp-admin/css/forms-rtl.css Normal file
View File

@ -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 0 0 4px;
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-left: 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: right;
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 -4px 0 0;
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-right-radius: 3px;
border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
border-bottom-left-radius: 3px;
border: none;
}
form p.submit a.cancel:hover {
text-decoration: none;
}
p.submit {
text-align: right;
max-width: 100%;
margin-top: 20px;
padding-top: 10px;
}
.textright p.submit {
border: none;
text-align: left;
}
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 0 0 8px;
}
.tablenav #changeit,
.tablenav #delete_all,
.tablenav #clear-recent-list {
margin-top: 1px;
}
.tablenav .actions select {
float: right;
margin-left: 6px;
max-width: 200px;
}
.ie8 .tablenav .actions select {
width: 155px;
}
.ie8 .tablenav .actions select#cat {
width: 200px;
}
#timezone_string option {
margin-right: 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;
right: -1px;
padding: 0 0 0 5px;
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: right;
margin: 13px 1px 5px 5px;
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: left;
margin: 0;
}
.network-admin.themes-php p.search-box {
clear: right;
}
.search-box input[name="s"],
#search-plugins input[name="s"],
.tagsdiv .newtag {
float: right;
height: 28px;
margin: 0 0 0 4px;
}
input[type="text"].ui-autocomplete-loading {
background: transparent url('../images/loading.gif') no-repeat left center;
visibility: visible;
}
ul#add-to-blog-users {
margin: 0 14px 0 0;
}
.ui-autocomplete-input.open {
-webkit-border-bottom-left-radius: 0;
border-bottom-left-radius: 0;
-webkit-border-bottom-right-radius: 0;
border-bottom-right-radius: 0;
}
.ui-autocomplete {
padding: 0;
margin: 0;
list-style: none;
position: absolute;
z-index: 10000;
-webkit-border-bottom-left-radius: 3px;
border-bottom-left-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
border-bottom-right-radius: 3px;
border: 1px solid #aaa;
background-color: #efefef;
}
.ui-autocomplete li {
margin-bottom: 0;
white-space: nowrap;
text-align: right;
}
.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: right;
padding: 20px 0 20px 10px;
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-left: 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-left: 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 9px 8px 12px;
}
.pressthis a span:before {
color: #777;
font: normal 20px/1 'dashicons';
content:'\f157';
position: relative;
display: inline-block;
top: 4px;
margin-left: 4px;
}
.pressthis a:after {
content: '';
width: 70%;
height: 55%;
z-index: -1;
position: absolute;
left: 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-right: 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-left: 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-right: 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%;
}
}

971
wp-admin/css/forms.css Normal file
View File

@ -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%;
}
}

97
wp-admin/css/l10n-rtl.css Normal file
View File

@ -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 <em> 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-right: 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-right: 8em; /* default 5em */
}
.locale-ru-ru.press-this .posting {
margin-left: 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-right: 8em;
}

97
wp-admin/css/l10n.css Normal file
View File

@ -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 <em> 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;
}

File diff suppressed because it is too large Load Diff

1617
wp-admin/css/list-tables.css Normal file

File diff suppressed because it is too large Load Diff

215
wp-admin/css/login-rtl.css Normal file
View File

@ -0,0 +1,215 @@
.ie8 .login form .input {
font-family: sans-serif;
}
body.login {
background: #f1f1f1;
min-width: 0;
}
.login .message {
border-right: 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-right: 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-right: 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: right;
margin-bottom: 0;
}
.login .button-primary {
float: left;
}
#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-right: 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 0 16px 6px;
}
.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-right: 0;
}
.mobile #login #nav,
.mobile #login #backtoblog {
margin-right: 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 -4px 0 0;
}
}

215
wp-admin/css/login.css Normal file
View File

@ -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;
}
}

663
wp-admin/css/media-rtl.css Normal file
View File

@ -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: right;
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 0 8px 8px;
vertical-align: top;
}
.media-item thead.media-item-info td {
padding: 4px 10px 0;
}
.media-item .media-item-info .A1B1 {
padding: 0 10px 0 0;
}
.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-left: 6px;
margin-right: 2px;
}
.media-upload-form .align .field label {
display: inline;
padding: 0 23px 0 0;
margin: 0 3px 0 1em;
font-weight: 600;
}
.media-upload-form tr.image-size label {
margin: 0 5px 0 0;
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 5px 0 0;
}
.media-item .edit-attachment,
.describe-toggle-on,
.describe-toggle-off {
display: block;
line-height: 36px;
float: left;
}
.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-right: 10px;
}
.media-item .pinkynail {
float: right;
margin: 2px 0 0 10px;
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: left;
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: left;
margin: 5px 15px 0 4px;
}
/*------------------------------------------------------------------------------
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;
right: 125px;
position: absolute;
top: 9px;
}
#find-posts-input {
float: right;
width: 140px;
height: 24px;
}
#find-posts-search {
float: right;
margin: 1px 3px 0 4px;
}
#find-posts-response {
margin: 8px 0;
padding: 0 1px 6px;
}
#find-posts-response table {
width: 100%;
}
#find-posts-response .found-radio {
padding: 3px 8px 0 0;
width: 15px;
}
.find-box #resize-se {
position: absolute;
left: 1px;
bottom: 1px;
}
.ui-find-overlay {
position: absolute;
top: 0;
right: 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: left;
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: right;
}
.no-js .wp_attachment_image .button {
display: none;
}
.wp_attachment_image .spinner,
.A1B1 .spinner {
float: right;
padding: 0 0 4px 0;
vertical-align: bottom;
}
.imgedit-menu {
margin: 0 0 12px;
min-width: 300px;
}
.imgedit-menu div {
float: right;
width: 32px;
border: 1px solid #d5d5d5;
background: #f1f1f1;
margin: 0 0 0 8px;
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 0 0 8px;
}
.imgedit-rleft {
margin: 0 3px;
}
.imgedit-rright {
margin: 0 3px 0 8px;
}
.imgedit-flipv {
margin: 0 3px;
}
.imgedit-fliph {
margin: 0 3px 0 8px;
}
.imgedit-undo {
margin: 0 3px;
}
.imgedit-redo {
margin: 0 3px 0 8px;
}
.imgedit-applyto img {
margin: 0 0 0 8px;
}
.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-right: 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;
}
}

663
wp-admin/css/media.css Normal file
View File

@ -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;
}
}

View File

@ -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-right: 300px;
margin-top: 23px;
}
#nav-menus-frame .accordion-section-content .inside {
font-size: 14px;
}
#wpbody-content #menu-settings-column {
display:inline;
width:281px;
margin-right: -300px;
clear: both;
float: right;
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-right: 4px;
}
.manage-menus {
margin-top: 23px;
padding: 10px;
overflow: hidden;
background: #fbfbfb;
}
.manage-menus select {
float: right;
margin-left: 6px;
}
.manage-menus .selected-menu {
float: right;
margin: 5px 0 0 6px;
}
.manage-menus .submit-btn {
float: right;
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-right: 18%;
}
.menu-settings dd {
float: right;
margin: 0;
width: 100%;
}
.menu-settings dt {
float: right;
clear: both;
width: 21.951%;
padding: 3px 0 0;
margin-right: -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: right;
min-width: 100%;
margin-top: 3px;
}
#menu-management {
position: relative;
margin-left: 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: left;
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: right;
}
#locations-nav-menu-wrapper {
padding: 5px 0;
}
.locations-nav-menu-select select {
float: right;
width: 160px;
margin-left: 5px;
}
.locations-row-links {
float: right;
margin: 6px 6px 0 0;
}
.locations-edit-menu-link,
.locations-add-menu-link {
margin: 0 3px;
}
.locations-edit-menu-link {
padding-left: 3px;
border-left: 1px solid #ccc;
}
#wpbody .open-label {
display: block;
float:right;
}
#wpbody .open-label span {
padding-left: 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: left;
}
.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: left;
}
.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: right;
margin: 6px 6px 0 0;
line-height: 15px;
}
.nav-menus-php .meta-sep,
.nav-menus-php .submitdelete,
.nav-menus-php .submitcancel {
display: block;
float: right;
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-right: 20px;
margin-top: 5px;
}
.button.right, .button-secondary.right, .button-primary.right {
float: left;
}
/* Button Secondary Actions */
.list-controls {
float: right;
margin-top: 5px;
}
.add-to-menu {
float: left;
}
.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: right;
margin-top: 5px;
padding-left: 5px;
}
.menu-item-textbox {
width: 180px;
}
.nav-menus-php .howto span {
margin-top: 6px;
display: block;
float: right;
}
/* 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-left: 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-left: 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-right: 0px; }
.menu-item-depth-1 { margin-right: 30px; }
.menu-item-depth-2 { margin-right: 60px; }
.menu-item-depth-3 { margin-right: 90px; }
.menu-item-depth-4 { margin-right: 120px; }
.menu-item-depth-5 { margin-right: 150px; }
.menu-item-depth-6 { margin-right: 180px; }
.menu-item-depth-7 { margin-right: 210px; }
.menu-item-depth-8 { margin-right: 240px; }
.menu-item-depth-9 { margin-right: 270px; }
.menu-item-depth-10 { margin-right: 300px; }
.menu-item-depth-11 { margin-right: 330px; }
.menu-item-depth-0 .menu-item-transport { margin-right: 0px; }
.menu-item-depth-1 .menu-item-transport { margin-right: -30px; }
.menu-item-depth-2 .menu-item-transport { margin-right: -60px; }
.menu-item-depth-3 .menu-item-transport { margin-right: -90px; }
.menu-item-depth-4 .menu-item-transport { margin-right: -120px; }
.menu-item-depth-5 .menu-item-transport { margin-right: -150px; }
.menu-item-depth-6 .menu-item-transport { margin-right: -180px; }
.menu-item-depth-7 .menu-item-transport { margin-right: -210px; }
.menu-item-depth-8 .menu-item-transport { margin-right: -240px; }
.menu-item-depth-9 .menu-item-transport { margin-right: -270px; }
.menu-item-depth-10 .menu-item-transport { margin-right: -300px; }
.menu-item-depth-11 .menu-item-transport { margin-right: -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;
left: 20px;
top: -1px;
}
.item-controls a {
text-decoration: none;
}
.item-controls a:hover {
cursor: pointer;
}
.item-controls .item-order {
padding-left: 10px;
}
.nav-menus-php .item-edit {
position: absolute;
left: -20px;
top: 0;
display: block;
width: 30px;
height: 40px;
margin-left: 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 10px 10px 0;
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-right: 4px;
font-style: normal;
}
.hidden-field {
display: none;
}
.menu-item-settings .description-thin,
.menu-item-settings .description-wide {
margin-left: 10px;
float: right;
}
.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: left;
float: left;
line-height: 23px;
margin: 4px 0 1px;
}
.nav-menus-php .blank-slate .menu-settings {
display: none;
}
.nav-menus-php .delete-action {
float: right;
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-right: 4px;
margin-right: -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-right: 0;
float: none;
width: 100%;
}
#wpbody-content #menu-settings-column {
display: block;
width: 100%;
float: none;
margin-right: 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-right: 0;
}
.menu-settings dd {
float: none;
width: 100%;
margin-bottom: 15px;
}
.menu-settings dt {
float: none;
width: auto;
margin-right: 0;
margin-bottom: 15px;
}
}
@media only screen and (max-width: 768px) {
/* menu locations */
#menu-locations-wrap .widefat {
width: 100%;
}
}

858
wp-admin/css/nav-menus.css Normal file
View File

@ -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%;
}
}

View File

@ -0,0 +1,432 @@
.press-this #message {
border-right: 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-right: 0;
margin-left: 0;
margin-bottom: 5px;
}
.press-this #header-logo {
float: right;
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: right;
}
.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-left: 252px;
}
.press-this-sidebar {
float: left;
width: 240px;
padding-top: 10px;
}
.press-this #title {
margin-right: 0;
margin-left: 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-left: 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: left;
}
.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-right: 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: left;
margin: -19px 0 0;
}
.press-this #extra-fields .actions {
margin: -32px 0 0 -7px;
}
.press-this .actions li {
float: right;
list-style: none;
margin-left: 10px;
}
#extra-fields .button {
margin-left: 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: left;
margin: 0 5px 0 0;
}
#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: right;
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 5px 0 0;
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 -4px 0 0;
}
.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;
}
}

432
wp-admin/css/press-this.css Normal file
View File

@ -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;
}
}

View File

@ -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-right: 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-right: -90px;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
filter: alpha(opacity=0); /* ie8 and earlier */
}
body.folded .revisions .loading-indicator {
margin-right: -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;
left: 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: right;
}
.revisions-next {
float: left;
}
.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: left;
float: right;
margin-left: 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: right;
margin-right: 6px;
margin-left: 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: left;
margin-right: 6px;
margin-left: 6px;
margin-top: 4px;
}
.diff-meta-from {
display: none;
}
.comparing-two-revisions .diff-meta-from {
display: block;
}
.revisions-tooltip {
position: absolute;
bottom: 105px;
margin-left: 0;
margin-right: -69px;
z-index: 0;
max-width: 350px;
min-width: 130px;
padding: 8px 4px;
display: none;
opacity: 0;
}
.revisions-tooltip.flipped {
margin-right: 0;
margin-left: -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;
right: 0;
margin-right: 35px;
bottom: -15px;
}
.revisions-tooltip.flipped .revisions-tooltip-arrow {
margin-right: 0;
margin-left: 35px;
right: auto;
left: 0;
}
.revisions-tooltip-arrow > span {
content: "";
position: absolute;
right: 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 {
right: auto;
left: 20px;
}
.ie8 .revisions-tooltip-arrow > span {
right: 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 {
left: 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;
right: 0;
margin-right: -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 {
right: 20%;
}
.arrow:after {
content: "";
position: absolute;
right: 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-right: -10px;
}
.rtl div.revisions-controls > .wp-slider > .ui-slider-handle {
margin-left: -10px;
}
/* jQuery UI Slider */
.wp-slider.ui-slider {
position: relative;
border: 1px solid #d7d7d7;
text-align: right;
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;
right: 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 -1px 0 0;
}
.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';
left: -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-right: -.6em;
}
.wp-slider.ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%;
}
.wp-slider.ui-slider-horizontal .ui-slider-range-min {
right: 0;
}
.wp-slider.ui-slider-horizontal .ui-slider-range-max {
left: 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;
}
}

568
wp-admin/css/revisions.css Normal file
View File

@ -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;
}
}

1648
wp-admin/css/themes-rtl.css Normal file

File diff suppressed because it is too large Load Diff

1648
wp-admin/css/themes.css Normal file

File diff suppressed because it is too large Load Diff

View File

@ -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;
left: 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-right: 7px;
padding-left: 7px;
}
/* Widgets 2-col Layout */
div.widget-liquid-left {
margin: 0;
width: 38%;
float: right;
}
div.widget-liquid-right {
float: left;
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 0 0 10px;
}
div#widgets-left .sidebar-name .sidebar-name-arrow:before {
left: 0;
top: 4px;
padding: 4px 4px 4px 6px;
}
#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 {
right: auto;
}
.widget-title-action {
float: left;
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 {
left: 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-right: 1px solid #DDD;
}
#widgets-left .widget-control-edit:hover,
#widgets-right .widget-control-edit:hover {
color: #fff;
background: #444;
border-right: 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-right: 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 35px 10px 15px;
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;
right: 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;
right: 5px;
}
.widgets-chooser .widgets-chooser-actions {
padding: 10px 0 12px 0;
text-align: center;
}
.widgets-chooser button {
margin-left: 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-left: none;
padding-left: 0;
}
#widgets-left .sidebar-name {
margin-left: 0;
}
#widgets-left #available-widgets .widget-top {
margin-left: 0;
}
#widgets-left .inactive-sidebar .widgets-sortables {
margin-left: 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: right;
}
.widget.ui-draggable-dragging {
min-width: 49%;
}
#widgets-left #available-widgets .widget:nth-child(even) {
float: left;
}
#widgets-right .sidebars-column-1,
#widgets-right .sidebars-column-2 {
float: right;
width: 49%;
}
#widgets-right .sidebars-column-1 {
margin-left: 2%;
}
#widgets-right.single-sidebar .sidebars-column-1,
#widgets-right.single-sidebar .sidebars-column-2 {
float: none;
width: 100%;
margin: 0;
}
}

574
wp-admin/css/widgets.css Normal file
View File

@ -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;
}
}

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

View File

@ -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',