mirror of
https://github.com/gosticks/wordpress-develop.git
synced 2026-06-28 22:30:04 +00:00
Say hello to a fresh new look for the WordPress admin.
Still to come: more color schemes, a responsive component, and more. see #25858. props iammattthomas, tillkruess, EmpireOfLight, melchoyce, ryelle, joen, mitchoyoshitaka, sirbrillig, andypeatling, isaackeyet, Otto42, dd32, matt, helen. git-svn-id: https://develop.svn.wordpress.org/trunk@26072 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Helen Hou-Sandi
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@@ -6,43 +6,16 @@ body {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#customize-info .accordion-section-content {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
#customize-info .preview-notice {
|
||||
font-size: 13px;
|
||||
line-height: 24px;
|
||||
color: #999;
|
||||
}
|
||||
|
||||
#customize-info .theme-name {
|
||||
font-size: 20px;
|
||||
font-weight: 200;
|
||||
line-height: 24px;
|
||||
color: #333;
|
||||
display: block;
|
||||
text-shadow: 0 1px 0 #fff;
|
||||
}
|
||||
|
||||
#customize-info .theme-screenshot {
|
||||
width: 258px;
|
||||
border: 1px solid #ccc;
|
||||
}
|
||||
|
||||
#customize-info .theme-description {
|
||||
margin-top: 1em;
|
||||
color: #777;
|
||||
line-height: 20px;
|
||||
#customize-controls h3 {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
#customize-controls .submit {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#customize-theme-controls > ul,
|
||||
#customize-theme-controls .accordion-section-content {
|
||||
margin: 0;
|
||||
#customize-controls .description {
|
||||
color: #666666;
|
||||
}
|
||||
|
||||
#customize-header-actions .button-primary {
|
||||
@@ -59,6 +32,117 @@ body {
|
||||
display: block;
|
||||
}
|
||||
|
||||
#customize-info {
|
||||
border: none;
|
||||
border-top: 1px solid #ddd;
|
||||
}
|
||||
|
||||
#customize-info .accordion-section-title {
|
||||
background-color: #fff;
|
||||
color: #666666;
|
||||
border-left: none;
|
||||
border-right: none;
|
||||
border-bottom: 1px solid #eeeeee;
|
||||
}
|
||||
|
||||
#customize-info.open .accordion-section-title,
|
||||
#customize-info .accordion-section-title:hover,
|
||||
#customize-info .accordion-section-title:focus {
|
||||
color: #555555;
|
||||
}
|
||||
|
||||
#customize-info.open .accordion-section-title:after,
|
||||
#customize-info .accordion-section-title:hover:after,
|
||||
#customize-info .accordion-section-title:focus:after {
|
||||
color: #555555;
|
||||
}
|
||||
|
||||
#customize-info.open .accordion-section-title {
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
#customize-info .preview-notice {
|
||||
font-size: 13px;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
#customize-info .theme-name {
|
||||
font-size: 20px;
|
||||
font-weight: 200;
|
||||
line-height: 24px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
#customize-info .theme-screenshot {
|
||||
width: 258px;
|
||||
}
|
||||
|
||||
#customize-info .theme-description {
|
||||
margin-top: 1em;
|
||||
color: #666666;
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
#customize-theme-controls {
|
||||
-webkit-box-shadow: 0px 1px 1px -1px rgba(0, 0, 0, 0.1);
|
||||
box-shadow: 0px 1px 1px -1px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
#customize-theme-controls .control-section {
|
||||
border: none;
|
||||
}
|
||||
|
||||
#customize-theme-controls .accordion-section-title {
|
||||
color: #555555;
|
||||
background-color: #fff;
|
||||
border-bottom: 1px solid #eeeeee;
|
||||
}
|
||||
|
||||
#customize-theme-controls .accordion-section-content {
|
||||
color: #555555;
|
||||
background: white;
|
||||
}
|
||||
|
||||
#customize-theme-controls .control-section:hover .accordion-section-title,
|
||||
#customize-theme-controls .control-section .accordion-section-title:hover,
|
||||
#customize-theme-controls .control-section.open .accordion-section-title,
|
||||
#customize-theme-controls .control-section .accordion-section-title:focus {
|
||||
color: #555555;
|
||||
background: #f5f5f5;
|
||||
}
|
||||
|
||||
.js .control-section:hover .accordion-section-title,
|
||||
.js .control-section .accordion-section-title:hover,
|
||||
.js .control-section.open .accordion-section-title,
|
||||
.js .control-section .accordion-section-title:focus {
|
||||
background: #f5f5f5;
|
||||
}
|
||||
|
||||
#customize-theme-controls .control-section:hover .accordion-section-title::after,
|
||||
#customize-theme-controls .control-section .accordion-section-title:hover::after,
|
||||
#customize-theme-controls .control-section.open .accordion-section-title::after,
|
||||
#customize-theme-controls .control-section .accordion-section-title:focus::after {
|
||||
color: #555555;
|
||||
}
|
||||
|
||||
#customize-theme-controls .control-section.open {
|
||||
border-bottom: 1px solid #eeeeee;
|
||||
}
|
||||
|
||||
#customize-theme-controls .control-section.open .accordion-section-title {
|
||||
border-bottom-color: #eeeeee !important;
|
||||
}
|
||||
|
||||
#customize-theme-controls .control-section:last-of-type.open,
|
||||
#customize-theme-controls .control-section:last-of-type .accordion-section-title {
|
||||
border-bottom-color: #ddd;
|
||||
}
|
||||
|
||||
#customize-theme-controls > ul,
|
||||
#customize-theme-controls .accordion-section-content {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.customize-control {
|
||||
width: 100%;
|
||||
float: left;
|
||||
@@ -66,19 +150,10 @@ body {
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
.customize-control-title {
|
||||
display: block;
|
||||
line-height: 24px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.customize-control select,
|
||||
.customize-control input[type="text"],
|
||||
.customize-control input[type="radio"],
|
||||
.customize-control input[type="checkbox"],
|
||||
.customize-control-color .color-picker,
|
||||
.customize-control-checkbox label,
|
||||
.customize-control-upload div {
|
||||
.customize-control input[type="checkbox"] {
|
||||
line-height: 28px;
|
||||
}
|
||||
|
||||
@@ -95,6 +170,20 @@ body {
|
||||
line-height: 28px;
|
||||
}
|
||||
|
||||
.customize-control-title {
|
||||
display: block;
|
||||
font-size: 14px;
|
||||
line-height: 24px;
|
||||
font-weight: 600;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.customize-control-color .color-picker,
|
||||
.customize-control-checkbox label,
|
||||
.customize-control-upload div {
|
||||
line-height: 28px;
|
||||
}
|
||||
|
||||
.customize-control-checkbox input {
|
||||
margin-right: 5px;
|
||||
}
|
||||
@@ -109,7 +198,7 @@ body {
|
||||
}
|
||||
|
||||
.customize-control-radio label {
|
||||
line-height: 20px;
|
||||
line-height: 32px;
|
||||
}
|
||||
|
||||
.customize-control-radio input {
|
||||
@@ -121,39 +210,42 @@ body {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
#customize-theme-controls .accordion-section-title:hover:after,
|
||||
#customize-theme-controls .accordion-section-title:focus:after {
|
||||
border-color: #eee transparent;
|
||||
.wp-full-overlay-sidebar {
|
||||
background: #eeeeee;
|
||||
border: none;
|
||||
}
|
||||
|
||||
#customize-theme-controls .control-section:hover .accordion-section-title,
|
||||
#customize-theme-controls .control-section .accordion-section-title:hover,
|
||||
#customize-theme-controls .control-section.open .accordion-section-title,
|
||||
#customize-theme-controls .control-section .accordion-section-title:focus {
|
||||
color: #fff;
|
||||
text-shadow: 0 -1px 0 #333;
|
||||
background: #808080;
|
||||
background-image: -webkit-gradient(linear, left bottom, left top, from(#6d6d6d), to(#808080));
|
||||
background-image: -webkit-linear-gradient(bottom, #6d6d6d, #808080);
|
||||
background-image: -moz-linear-gradient(bottom, #6d6d6d, #808080);
|
||||
background-image: -o-linear-gradient(bottom, #6d6d6d, #808080);
|
||||
background-image: linear-gradient(to top, #6d6d6d, #808080);
|
||||
border-left: 1px solid #808080;
|
||||
border-right: 1px solid #808080;
|
||||
.collapse-sidebar {
|
||||
background-color: transparent !important;
|
||||
border: none !important;
|
||||
box-shadow: none !important;
|
||||
border-radius: 0 !important;
|
||||
}
|
||||
|
||||
#customize-theme-controls .control-section.accordion-section:hover,
|
||||
#customize-theme-controls .control-section.accordion-section.open {
|
||||
border-top-color: #808080;
|
||||
.collapse-sidebar .collapse-sidebar-label {
|
||||
color: #ccc;
|
||||
}
|
||||
|
||||
#customize-theme-controls .control-section.open .accordion-section-title {
|
||||
border-bottom: 1px solid #6d6d6d;
|
||||
.collapse-sidebar .collapse-sidebar-arrow:before {
|
||||
color: #aaa;
|
||||
}
|
||||
|
||||
/*
|
||||
* Style for custom settings
|
||||
*/
|
||||
.collapse-sidebar:hover .collapse-sidebar-label,
|
||||
.collapse-sidebar:hover .collapse-sidebar-arrow:before {
|
||||
color: #0074a2;
|
||||
}
|
||||
|
||||
.collapse-sidebar:active,
|
||||
.collapse-sidebar:active .collapse-sidebar-label,
|
||||
.collapse-sidebar:active .collapse-sidebar-arrow:before {
|
||||
text-shadow: none;
|
||||
}
|
||||
|
||||
.collapsed .collapse-sidebar-arrow:before {
|
||||
color: #888;
|
||||
}
|
||||
|
||||
/* Style for custom settings */
|
||||
|
||||
/*
|
||||
* Dropdowns
|
||||
@@ -163,9 +255,6 @@ body {
|
||||
display: block;
|
||||
position: relative;
|
||||
cursor: pointer;
|
||||
|
||||
-webkit-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.accordion-section .dropdown-content {
|
||||
@@ -176,11 +265,7 @@ body {
|
||||
line-height: 16px;
|
||||
margin-right: 16px;
|
||||
padding: 4px 5px;
|
||||
background-color: #eee;
|
||||
border: 1px solid #ccc;
|
||||
-webkit-border-radius: 3px 0 0 3px;
|
||||
border-radius: 3px 0 0 3px;
|
||||
|
||||
border: 2px solid #eeeeee;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
@@ -191,47 +276,33 @@ body {
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
width: 15px;
|
||||
|
||||
border-color: #ccc;
|
||||
border-style: solid;
|
||||
border-width: 1px 1px 1px 0;
|
||||
-webkit-border-radius: 0 3px 3px 0;
|
||||
border-radius: 0 3px 3px 0;
|
||||
width: 20px;
|
||||
background: #eeeeee;
|
||||
}
|
||||
|
||||
.customize-control .dropdown-arrow:after {
|
||||
content: '';
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-color: #ccc transparent;
|
||||
border-style: solid;
|
||||
border-width: 4px 4px 0 4px;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
margin-top: -1px;
|
||||
right: 4px;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.accordion-section .dropdown:hover .dropdown-content,
|
||||
.customize-control .dropdown:hover .dropdown-arrow {
|
||||
border-color: #aaa;
|
||||
}
|
||||
|
||||
.accordion-section .dropdown:hover .dropdown-arrow:after {
|
||||
border-color: #aaa transparent;
|
||||
content: "\f140";
|
||||
font: normal 20px/1 'dashicons';
|
||||
speak: none;
|
||||
display: block;
|
||||
padding: 0;
|
||||
text-indent: 0;
|
||||
text-align: center;
|
||||
position: relative;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
text-decoration: none !important;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.customize-control .dropdown-status {
|
||||
color: #333;
|
||||
background: #eeeeee;
|
||||
display: none;
|
||||
max-width: 112px;
|
||||
color: #777;
|
||||
}
|
||||
|
||||
/*
|
||||
* Color Picker
|
||||
*/
|
||||
/* Color Picker */
|
||||
.customize-control-color .color-picker-hex {
|
||||
display: none;
|
||||
}
|
||||
@@ -246,12 +317,16 @@ body {
|
||||
}
|
||||
|
||||
.customize-control-color .dropdown .dropdown-content {
|
||||
background-color: #fff;
|
||||
border: 1px solid rgba( 0, 0, 0, 0.15 );
|
||||
background-color: #555555;
|
||||
border: 1px solid rgba(0, 0, 0, 0.15);
|
||||
}
|
||||
|
||||
.customize-control-color .dropdown:hover .dropdown-content {
|
||||
border-color: rgba( 0, 0, 0, 0.25 );
|
||||
border-color: rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
|
||||
.customize-control-color .iris-picker {
|
||||
border-radius: 0 !important;
|
||||
}
|
||||
|
||||
.accordion-section input[type="text"].color-picker-hex {
|
||||
@@ -265,6 +340,7 @@ body {
|
||||
.accordion-section input[type="text"].color-picker-hex:focus::-webkit-input-placeholder {
|
||||
color: transparent;
|
||||
}
|
||||
|
||||
.accordion-section input[type="text"].color-picker-hex:-moz-placeholder {
|
||||
color: #999;
|
||||
}
|
||||
@@ -308,31 +384,44 @@ body {
|
||||
}
|
||||
|
||||
.accordion-section .customize-control-image .library ul {
|
||||
border-bottom: 1px solid #dfdfdf;
|
||||
border-bottom: 1px solid #ddd;
|
||||
float: left;
|
||||
width: 100%;
|
||||
margin: 10px 0 0;
|
||||
}
|
||||
|
||||
.accordion-section .customize-control-image .library li {
|
||||
color: #999;
|
||||
color: #ccc;
|
||||
float: left;
|
||||
padding: 3px 5px;
|
||||
padding: 3px 15px;
|
||||
margin: 0;
|
||||
border-style: solid;
|
||||
border-color: transparent;
|
||||
border-width: 1px 1px 0 1px;
|
||||
border: 1px solid transparent;
|
||||
}
|
||||
|
||||
.accordion-section .customize-control-image .library li.library-selected {
|
||||
margin-bottom: -1px;
|
||||
padding-bottom: 4px;
|
||||
color: #666666;
|
||||
border-color: #ddd;
|
||||
border-bottom-color: #fff;
|
||||
}
|
||||
|
||||
color: #777;
|
||||
background: #fdfdfd;
|
||||
border-color: #dfdfdf;
|
||||
-webkit-border-radius: 3px 3px 0 0;
|
||||
border-radius: 3px 3px 0 0 ;
|
||||
.accordion-section .customize-control-image .library .thumbnail {
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.accordion-section .customize-control-image .library .thumbnail img {
|
||||
display: block;
|
||||
max-width: 90%;
|
||||
max-height: 80px;
|
||||
margin: 5px auto;
|
||||
padding: 2px;
|
||||
background: #666666;
|
||||
}
|
||||
|
||||
.accordion-section .customize-control-image .library .thumbnail:hover img {
|
||||
background-color: #2ea2cc;
|
||||
}
|
||||
|
||||
.accordion-section .customize-control-image .library-content {
|
||||
@@ -346,26 +435,6 @@ body {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.accordion-section .customize-control-image .library .thumbnail {
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.accordion-section .customize-control-image .library .thumbnail:hover img {
|
||||
border-color: #21759b;
|
||||
}
|
||||
|
||||
.accordion-section .customize-control-image .library .thumbnail img {
|
||||
display: block;
|
||||
max-width: 90%;
|
||||
max-height: 80px;
|
||||
|
||||
margin: 5px auto;
|
||||
padding: 4px;
|
||||
background: #fff;
|
||||
border: 1px solid #dfdfdf;
|
||||
}
|
||||
|
||||
.accordion-section .customize-control-upload .upload-fallback,
|
||||
.accordion-section .customize-control-image .upload-fallback {
|
||||
display: none;
|
||||
@@ -378,7 +447,6 @@ body {
|
||||
border: 3px dashed #dfdfdf;
|
||||
margin: 5px auto;
|
||||
text-align: center;
|
||||
color: #777;
|
||||
position: relative;
|
||||
cursor: default;
|
||||
}
|
||||
@@ -419,9 +487,7 @@ body {
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
|
||||
/**
|
||||
* Handle cheaters.
|
||||
*/
|
||||
/** Handle cheaters. */
|
||||
body.cheatin {
|
||||
min-width: 0;
|
||||
background: #f9f9f9;
|
||||
@@ -433,8 +499,8 @@ body.cheatin p {
|
||||
margin: 0 auto;
|
||||
padding: 2em;
|
||||
font-size: 14px;
|
||||
background: #fff;
|
||||
background: #555555;
|
||||
border: 1px solid #dfdfdf;
|
||||
-webkit-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
@@ -18,6 +18,25 @@ body#media-upload ul#sidemenu {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
#media-upload:after { /* clearfix */
|
||||
content: "";
|
||||
display: table;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
#media-upload,
|
||||
#media-upload .media-item .slidetoggle {
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
#media-upload .slidetoggle {
|
||||
border-top-color: #dfdfdf;
|
||||
}
|
||||
|
||||
#media-upload input[type="radio"] {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
form {
|
||||
margin: 1em;
|
||||
}
|
||||
|
||||
@@ -129,6 +129,10 @@ input[type=password] {
|
||||
direction: ltr;
|
||||
}
|
||||
|
||||
input[type=checkbox]:checked:before {
|
||||
margin-left: 1px;
|
||||
}
|
||||
|
||||
input[type="text"].ui-autocomplete-loading {
|
||||
background: transparent url('../images/loading.gif') no-repeat left center;
|
||||
}
|
||||
@@ -246,12 +250,11 @@ form.upgrade .hint {
|
||||
|
||||
#screen-meta-links {
|
||||
margin-right: 0;
|
||||
margin-left: 24px;
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
#screen-meta {
|
||||
margin-right: 5px;
|
||||
margin-left: 15px;
|
||||
margin: 0 0 -2px 20px;
|
||||
}
|
||||
|
||||
#screen-options-link-wrap,
|
||||
@@ -261,11 +264,20 @@ form.upgrade .hint {
|
||||
margin-right: 6px;
|
||||
}
|
||||
|
||||
#screen-meta-links a {
|
||||
left: 20px;
|
||||
}
|
||||
|
||||
#screen-meta-links a.show-settings {
|
||||
background-position: left -33px;
|
||||
padding-right: 6px;
|
||||
padding-left: 16px;
|
||||
}
|
||||
|
||||
#wpbody-content #screen-meta-links a.show-settings {
|
||||
padding: 1px 10px 0 0;
|
||||
}
|
||||
|
||||
.toggle-arrow {
|
||||
background-position: top right;
|
||||
}
|
||||
@@ -311,6 +323,8 @@ form.upgrade .hint {
|
||||
|
||||
.contextual-help-tabs {
|
||||
float: right;
|
||||
margin-right: 4px;
|
||||
width: 146px;
|
||||
}
|
||||
|
||||
.contextual-help-tabs a {
|
||||
@@ -326,7 +340,7 @@ form.upgrade .hint {
|
||||
.contextual-help-tabs .active,
|
||||
.contextual-help-tabs-wrap {
|
||||
border-left: 0;
|
||||
border-right-width: 1px;
|
||||
border-right-width: 2px;
|
||||
}
|
||||
|
||||
.help-tab-content {
|
||||
@@ -350,12 +364,12 @@ form.upgrade .hint {
|
||||
------------------------------------------------------------------------------*/
|
||||
|
||||
.folded #wpcontent {
|
||||
margin-left: 0;
|
||||
margin-left: inherit;
|
||||
margin-right: 52px;
|
||||
}
|
||||
|
||||
.folded.wp-admin #wpfooter {
|
||||
margin-left: 15px;
|
||||
margin-left: inherit;
|
||||
margin-right: 52px;
|
||||
}
|
||||
|
||||
@@ -369,11 +383,24 @@ form.upgrade .hint {
|
||||
left: 0;
|
||||
}
|
||||
|
||||
#adminmenu li .wp-submenu {
|
||||
ul#adminmenu .wp-submenu {
|
||||
left: auto;
|
||||
right: 146px;
|
||||
right: 150px;
|
||||
}
|
||||
|
||||
ul#adminmenu .wp-has-current-submenu .wp-submenu {
|
||||
right: auto;
|
||||
}
|
||||
|
||||
ul#adminmenu .wp-has-current-submenu ul > li > a {
|
||||
padding-right: 12px;
|
||||
}
|
||||
|
||||
ul#adminmenu a.wp-has-current-submenu:after,
|
||||
ul#adminmenu > li.current > a.current:after {
|
||||
right: auto;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.folded #adminmenu .wp-submenu.sub-open,
|
||||
.folded #adminmenu .opensub .wp-submenu,
|
||||
@@ -383,23 +410,23 @@ form.upgrade .hint {
|
||||
.folded #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu,
|
||||
.no-js.folded #adminmenu .wp-has-submenu:hover .wp-submenu {
|
||||
left: auto;
|
||||
right: 32px;
|
||||
right: 36px;
|
||||
}
|
||||
|
||||
#adminmenu div.wp-menu-image,
|
||||
ul#adminmenu div.wp-menu-image,
|
||||
.folded #adminmenu div.wp-menu-image {
|
||||
float: right;
|
||||
width: 30px;
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu a,
|
||||
#adminmenu li li a,
|
||||
ul#adminmenu .wp-submenu a,
|
||||
ul#adminmenu li li a,
|
||||
.folded #adminmenu .wp-not-current-submenu li a {
|
||||
padding-left: 0;
|
||||
padding-right: 12px;
|
||||
}
|
||||
|
||||
#adminmenu .wp-not-current-submenu li a {
|
||||
ul#adminmenu .wp-not-current-submenu li a {
|
||||
padding-left: 0;
|
||||
padding-right: 18px;
|
||||
}
|
||||
@@ -407,8 +434,8 @@ form.upgrade .hint {
|
||||
.wp-menu-arrow {
|
||||
right: 0;
|
||||
|
||||
-moz-transform: translate( -139px );
|
||||
-webkit-transform: translate( -139px );
|
||||
-moz-transform: translate( -139px );
|
||||
-o-transform: translate( -139px );
|
||||
-ms-transform: translate( -139px );
|
||||
transform: translate( -139px );
|
||||
@@ -418,42 +445,40 @@ form.upgrade .hint {
|
||||
right: -20px;
|
||||
}
|
||||
|
||||
#adminmenu .wp-menu-arrow div {
|
||||
ul#adminmenu .wp-menu-arrow div {
|
||||
left: -8px;
|
||||
width: 16px;
|
||||
}
|
||||
|
||||
#adminmenu li.wp-not-current-submenu .wp-menu-arrow {
|
||||
-moz-transform: translate( -138px );
|
||||
ul#adminmenu li.wp-not-current-submenu .wp-menu-arrow {
|
||||
-webkit-transform: translate( -138px );
|
||||
-moz-transform: translate( -138px );
|
||||
-o-transform: translate( -138px );
|
||||
-ms-transform: translate( -138px );
|
||||
transform: translate( -138px );
|
||||
}
|
||||
|
||||
.folded #adminmenu li .wp-menu-arrow {
|
||||
-moz-transform: translate( -26px );
|
||||
-webkit-transform: translate( -26px );
|
||||
-moz-transform: translate( -26px );
|
||||
-o-transform: translate( -26px );
|
||||
-ms-transform: translate( -26px );
|
||||
transform: translate( -26px );
|
||||
}
|
||||
|
||||
#adminmenu .wp-not-current-submenu .wp-menu-arrow div {
|
||||
ul#adminmenu .wp-not-current-submenu .wp-menu-arrow div {
|
||||
border-style: solid solid none none;
|
||||
border-width: 1px 1px 0 0;
|
||||
}
|
||||
|
||||
#adminmenu .wp-menu-image img {
|
||||
ul#adminmenu .wp-menu-image img {
|
||||
padding: 7px 7px 0 0;
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu .wp-submenu-head {
|
||||
ul#adminmenu .wp-submenu .wp-submenu-head {
|
||||
padding: 5px 10px 5px 4px;
|
||||
-webkit-border-top-right-radius: 0;
|
||||
-webkit-border-top-left-radius: 3px;
|
||||
border-top-right-radius: 0;
|
||||
border-top-left-radius: 3px;
|
||||
}
|
||||
|
||||
.folded #adminmenu li.wp-has-current-submenu .wp-submenu {
|
||||
@@ -469,8 +494,13 @@ form.upgrade .hint {
|
||||
border-top-left-radius: 3px;
|
||||
}
|
||||
|
||||
#adminmenu .awaiting-mod,
|
||||
#adminmenu span.update-plugins,
|
||||
ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after {
|
||||
right: auto;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
ul#adminmenu .awaiting-mod,
|
||||
ul#adminmenu span.update-plugins,
|
||||
#sidemenu li a span.update-plugins {
|
||||
font-family: Tahoma, Arial, sans-serif;
|
||||
margin-left: 0;
|
||||
@@ -481,6 +511,19 @@ form.upgrade .hint {
|
||||
float: right;
|
||||
}
|
||||
|
||||
#collapse-button div:after {
|
||||
left: 3px;
|
||||
-webkit-transform: rotate(180deg);
|
||||
-ms-transform: rotate(180deg);
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
|
||||
.folded #collapse-button div:after {
|
||||
-webkit-transform: rotate(0deg);
|
||||
-ms-transform: rotate(0deg);
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
|
||||
/* Auto-folding of the admin menu */
|
||||
@media only screen and (max-width: 900px) {
|
||||
.auto-fold #wpcontent {
|
||||
@@ -506,7 +549,7 @@ form.upgrade .hint {
|
||||
.auto-fold #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu,
|
||||
.no-js.auto-fold #adminmenu .wp-has-submenu:hover .wp-submenu {
|
||||
left: auto;
|
||||
right: 32px;
|
||||
right: 36px;
|
||||
}
|
||||
|
||||
.auto-fold #adminmenu .wp-not-current-submenu li a {
|
||||
@@ -515,8 +558,8 @@ form.upgrade .hint {
|
||||
}
|
||||
|
||||
.auto-fold #adminmenu li .wp-menu-arrow {
|
||||
-moz-transform: translate( -27px );
|
||||
-webkit-transform: translate( -27px );
|
||||
-moz-transform: translate( -27px );
|
||||
-o-transform: translate( -27px );
|
||||
-ms-transform: translate( -27px );
|
||||
transform: translate( -27px );
|
||||
@@ -534,6 +577,18 @@ form.upgrade .hint {
|
||||
border-top-right-radius: 0;
|
||||
border-top-left-radius: 3px;
|
||||
}
|
||||
|
||||
.auto-fold #collapse-button div:after {
|
||||
-webkit-transform: rotate(0deg);
|
||||
-ms-transform: rotate(0deg);
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
|
||||
.auto-fold #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
|
||||
.auto-fold #adminmenu .wp-has-current-submenu .wp-submenu {
|
||||
-webkit-box-shadow: -2px 2px 5px rgba( 0, 0, 0, 0.4 );
|
||||
box-shadow: -2px 2px 5px rgba( 0, 0, 0, 0.4 );
|
||||
}
|
||||
}
|
||||
|
||||
/* List table styles */
|
||||
@@ -541,10 +596,6 @@ form.upgrade .hint {
|
||||
font-family: Tahoma, Arial, sans-serif;
|
||||
}
|
||||
|
||||
.post-com-count {
|
||||
background-image: url('../images/bubble_bg-rtl.gif');
|
||||
}
|
||||
|
||||
.column-response .post-com-count {
|
||||
float: right;
|
||||
margin-right: 0;
|
||||
@@ -762,6 +813,19 @@ th.sorted a span {
|
||||
|
||||
.view-switch {
|
||||
float: left;
|
||||
margin-left: 16px;
|
||||
margin-right: 8px;
|
||||
}
|
||||
|
||||
.view-switch>a:before {
|
||||
float: right !important;
|
||||
margin-left: 5px;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.view-switch>a+a:before {
|
||||
margin-left: none;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.filter {
|
||||
@@ -889,6 +953,7 @@ th.sorted a span {
|
||||
float: right;
|
||||
}
|
||||
|
||||
p.submit,
|
||||
.submitbox .submit {
|
||||
text-align: right;
|
||||
}
|
||||
@@ -902,6 +967,17 @@ th.sorted a span {
|
||||
margin-left: 4px;
|
||||
}
|
||||
|
||||
#post-body #visibility:before,
|
||||
.curtime #timestamp:before {
|
||||
padding-right: 0;
|
||||
padding-left: 4px;
|
||||
}
|
||||
|
||||
#misc-publishing-actions label[for="post_status"]:before {
|
||||
padding-right: 0;
|
||||
padding-left: 8px;
|
||||
}
|
||||
|
||||
#normal-sortables .postbox .submit {
|
||||
float: left;
|
||||
}
|
||||
@@ -910,6 +986,10 @@ th.sorted a span {
|
||||
margin: 0 125px 0 5px;
|
||||
}
|
||||
|
||||
.category-tabs {
|
||||
margin-bottom: 3px;
|
||||
}
|
||||
|
||||
#side-sortables .comments-box thead th,
|
||||
#normal-sortables .comments-box thead th {
|
||||
font-style: normal;
|
||||
@@ -946,7 +1026,6 @@ th.sorted a span {
|
||||
.curtime #timestamp {
|
||||
background-position: right top;
|
||||
padding-left: 0;
|
||||
padding-right: 18px;
|
||||
}
|
||||
|
||||
.compat-attachment-fields th {
|
||||
@@ -1108,49 +1187,14 @@ a.post-state-format {
|
||||
|
||||
label.post-format-icon {
|
||||
margin-left: 0;
|
||||
margin-right: 5px;
|
||||
padding-left: 0px;
|
||||
padding-right: 21px;
|
||||
margin-right: 0;
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
.post-format-icon.post-format-standard {
|
||||
background-position: 100% 0;
|
||||
}
|
||||
|
||||
.post-format-icon.post-format-image {
|
||||
background-position: 100% -32px;
|
||||
}
|
||||
|
||||
.post-format-icon.post-format-gallery {
|
||||
background-position: 100% -64px;
|
||||
}
|
||||
|
||||
.post-format-icon.post-format-audio {
|
||||
background-position: 100% -96px;
|
||||
}
|
||||
|
||||
.post-format-icon.post-format-video {
|
||||
background-position: 100% -128px;
|
||||
}
|
||||
|
||||
.post-format-icon.post-format-chat {
|
||||
background-position: 100% -160px;
|
||||
}
|
||||
|
||||
.post-format-icon.post-format-status {
|
||||
background-position: 100% -192px;
|
||||
}
|
||||
|
||||
.post-format-icon.post-format-aside {
|
||||
background-position: 100% -224px;
|
||||
}
|
||||
|
||||
.post-format-icon.post-format-quote {
|
||||
background-position: 100% -256px;
|
||||
}
|
||||
|
||||
.post-format-icon.post-format-link {
|
||||
background-position: 100% -288px;
|
||||
.post-format-icon:before {
|
||||
margin-left: 7px;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
/*------------------------------------------------------------------------------
|
||||
@@ -1426,6 +1470,29 @@ form.upgrade .hint {
|
||||
margin: 2px 0 5px 3px;
|
||||
}
|
||||
|
||||
#submitcomment #timestamp:before {
|
||||
left: 1px;
|
||||
}
|
||||
|
||||
.post-com-count:after { /* draw bubble connector using CSS! */
|
||||
margin-left: auto;
|
||||
margin-right: 8px;
|
||||
border-right: none !important;
|
||||
border-left: 5px solid transparent;
|
||||
}
|
||||
|
||||
th .comment-grey-bubble:before {
|
||||
content: '\f101'; /* todo: should be changed to a rtl variant - mitcho */
|
||||
left: auto;
|
||||
right: -4px;
|
||||
}
|
||||
|
||||
#the-comment-list .unapproved th.check-column input {
|
||||
margin-left: 0;
|
||||
margin-right: 4px;
|
||||
}
|
||||
|
||||
|
||||
/*------------------------------------------------------------------------------
|
||||
16.0 - Themes
|
||||
------------------------------------------------------------------------------*/
|
||||
@@ -1563,6 +1630,12 @@ h3.available-themes {
|
||||
margin: 0 0 -1px 6px;
|
||||
}
|
||||
|
||||
.wrap h2.nav-tab-wrapper,
|
||||
.wrap h3.nav-tab-wrapper {
|
||||
padding-left: 0;
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
h2 .nav-tab {
|
||||
font-family: Tahoma, Arial, sans-serif;
|
||||
}
|
||||
@@ -1578,10 +1651,14 @@ h2 .nav-tab {
|
||||
}
|
||||
|
||||
#wpbody-content .plugins .plugin-title, #wpbody-content .plugins .theme-title {
|
||||
padding-right: 0;
|
||||
padding-right: 9px;
|
||||
padding-left: 12px;
|
||||
}
|
||||
|
||||
.plugin-update-tr .update-message:before {
|
||||
margin: 0 -2px 0 8px;
|
||||
}
|
||||
|
||||
|
||||
/*------------------------------------------------------------------------------
|
||||
18.0 - Users
|
||||
@@ -1606,9 +1683,34 @@ h2 .nav-tab {
|
||||
19.0 - Tools
|
||||
------------------------------------------------------------------------------*/
|
||||
|
||||
.press-this .posting {
|
||||
margin-right: 0;
|
||||
margin-left: 252px;
|
||||
}
|
||||
|
||||
.press-this #publish,
|
||||
.press-this-sidebar {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.press-this #header-logo,
|
||||
.press-this #wphead h1 {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.press-this .wp_themeSkin .mceStatusbar a.mceResize {
|
||||
background: transparent url('../images/resize-rtl.gif') no-repeat scroll right bottom;
|
||||
width: 12px;
|
||||
position: relative;
|
||||
top: -1px;
|
||||
}
|
||||
|
||||
.pressthis a span:before {
|
||||
padding-left: 8px;
|
||||
}
|
||||
|
||||
.pressthis a span {
|
||||
background-position: right 5px;
|
||||
padding: 8px 27px 8px 11px;
|
||||
padding: 0px 3px 8px 12px;
|
||||
}
|
||||
|
||||
.pressthis a:after {
|
||||
@@ -1660,7 +1762,8 @@ h2 .nav-tab {
|
||||
|
||||
#wpcontent,
|
||||
#wpfooter {
|
||||
margin-right: 165px;
|
||||
padding-left: inherit;
|
||||
margin-right: 170px;
|
||||
}
|
||||
|
||||
/*------------------------------------------------------------------------------
|
||||
@@ -1706,21 +1809,37 @@ h2 .nav-tab {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.about-wrap .feature-section.two-col div,
|
||||
.about-wrap .feature-section.three-col div {
|
||||
margin-right: 0;
|
||||
margin-left: 4.999999999%;
|
||||
float: right;
|
||||
}
|
||||
|
||||
.about-wrap .feature-section.col .last-feature {
|
||||
.about-wrap .feature-section.three-col h4 {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.about-wrap .feature-section.three-col img {
|
||||
margin-right: 5px;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.about-wrap .feature-section div p img {
|
||||
float: left;
|
||||
.about-wrap .feature-section.three-col .last-feature {
|
||||
margin-left: 0;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.about-wrap .feature-section img {
|
||||
margin: 0 0 10px 0.7%;
|
||||
}
|
||||
|
||||
.about-wrap .feature-section.images-stagger-right img {
|
||||
float: left;
|
||||
margin: 0 2em 12px 5px;
|
||||
}
|
||||
|
||||
.about-wrap .feature-section.images-stagger-left img {
|
||||
float: right;
|
||||
margin: 0 5px 12px 2em;
|
||||
}
|
||||
|
||||
.about-wrap li.wp-person,
|
||||
@@ -1730,6 +1849,19 @@ h2 .nav-tab {
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 768px) {
|
||||
.about-wrap .feature-section img.image-66 {
|
||||
float: none;
|
||||
}
|
||||
|
||||
.about-wrap .feature-section.images-stagger-right img.image-66 {
|
||||
margin-right: 3px;
|
||||
}
|
||||
|
||||
.about-wrap .feature-section.images-stagger-left img.image-66 {
|
||||
margin-left: 3px;
|
||||
}
|
||||
}
|
||||
|
||||
/*------------------------------------------------------------------------------
|
||||
23.0 - Misc
|
||||
@@ -1763,7 +1895,7 @@ h2 .nav-tab {
|
||||
|
||||
}
|
||||
.tagchecklist span a {
|
||||
margin: 4px -10px 0 0;
|
||||
margin: 0 -17px 0 0;
|
||||
float: right;
|
||||
}
|
||||
|
||||
@@ -1871,7 +2003,8 @@ table .column-rating {
|
||||
.wp-full-overlay-sidebar:after {
|
||||
right: auto;
|
||||
left: 0;
|
||||
box-shadow: inset 5px 0 4px -4px rgba(0, 0, 0, 0.1);
|
||||
-webkit-box-shadow: inset 5px 0 4px -4px rgba(0, 0, 0, 0.1);
|
||||
box-shadow: inset 5px 0 4px -4px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.wp-full-overlay.collapsed,
|
||||
@@ -1944,7 +2077,7 @@ table .column-rating {
|
||||
float: right;
|
||||
}
|
||||
|
||||
#adminmenu {
|
||||
ul#adminmenu {
|
||||
clear: right;
|
||||
}
|
||||
|
||||
@@ -2047,7 +2180,7 @@ ol.ol-decimal {
|
||||
|
||||
.wrap {
|
||||
margin-right: 0;
|
||||
margin-left: 15px;
|
||||
margin: 10px 2px 0 20px;
|
||||
}
|
||||
|
||||
.wrap h2,
|
||||
@@ -2153,13 +2286,13 @@ a.rsswidget,
|
||||
|
||||
/* Recent Comments */
|
||||
#the-comment-list .comment-item {
|
||||
padding: 1em 70px 1em 10px;
|
||||
padding: 1em 10px 1em 10px;
|
||||
}
|
||||
|
||||
#the-comment-list .comment-item .avatar {
|
||||
float: right;
|
||||
margin-left: 0;
|
||||
margin-right: -60px;
|
||||
margin-left: 10px;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
/* Feeds */
|
||||
@@ -2190,6 +2323,17 @@ a.rsswidget,
|
||||
margin: 4px 0 0 6px;
|
||||
}
|
||||
|
||||
#dashboard_quick_press .input-text-wrap {
|
||||
margin-right: 0;
|
||||
margin-left: 1px;
|
||||
}
|
||||
|
||||
#dashboard_quick_press .wp-media-buttons,
|
||||
#dashboard_quick_press .textarea-wrap {
|
||||
margin-left: 0;
|
||||
margin-right: 1px;
|
||||
}
|
||||
|
||||
/* Recent Drafts */
|
||||
#dashboard_recent_drafts h4 abbr {
|
||||
font-family: Tahoma, Arial, sans-serif;
|
||||
@@ -2646,6 +2790,11 @@ h3.tb {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.plugin-editor-php #submit,
|
||||
.theme-editor-php #submit {
|
||||
float: right;
|
||||
}
|
||||
|
||||
#template textarea,
|
||||
#docs-list {
|
||||
direction: ltr;
|
||||
@@ -2669,6 +2818,17 @@ h3.tb {
|
||||
padding-left: 25px;
|
||||
}
|
||||
|
||||
/* Meta/post boxes */
|
||||
|
||||
.js .meta-box-sortables .postbox:hover .handlediv:before {
|
||||
left: 12px;
|
||||
right: auto;
|
||||
}
|
||||
.js #dashboard-widgets h3 .postbox-title-action {
|
||||
left: 33px;
|
||||
right: auto;
|
||||
}
|
||||
|
||||
/* widgets */
|
||||
/* 2 column liquid layout */
|
||||
div.widget-liquid-left {
|
||||
@@ -2716,14 +2876,8 @@ div.sidebar-name h3 {
|
||||
float: left;
|
||||
}
|
||||
|
||||
/* Press This */
|
||||
.press-this-sidebar {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.press-this #header-logo,
|
||||
.press-this #wphead h1 {
|
||||
float: right;
|
||||
.widgets-holder-wrap .sidebar-name-arrow {
|
||||
margin: -1px 0 0 26px;
|
||||
}
|
||||
|
||||
/* RTL */
|
||||
@@ -2793,12 +2947,9 @@ div.sidebar-name h3 {
|
||||
(-o-min-device-pixel-ratio: 5/4),
|
||||
(-webkit-min-device-pixel-ratio: 1.25),
|
||||
(min-resolution: 120dpi) {
|
||||
.post-com-count {
|
||||
background-image: url('../images/bubble_bg-rtl-2x.gif');
|
||||
background-size: 18px 100px;
|
||||
}
|
||||
|
||||
#content-resize-handle, #post-body .wp_themeSkin .mceStatusbar a.mceResize {
|
||||
#content-resize-handle, #post-body .wp_themeSkin .mceStatusbar a.mceResize,
|
||||
.press-this .wp_themeSkin .mceStatusbar a.mceResize {
|
||||
background: transparent url('../images/resize-rtl-2x.gif') no-repeat scroll right bottom;
|
||||
background-size: 11px 11px;
|
||||
}
|
||||
@@ -2823,11 +2974,6 @@ div.sidebar-name h3 {
|
||||
background: transparent url('../images/resize-rtl-2x.gif') no-repeat scroll left bottom;
|
||||
}
|
||||
|
||||
.wp-slider .ui-slider-handle:before {
|
||||
background-image: url(../images/arrows-pr-2x.png);
|
||||
background-size: 16px 102px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/* =Localized CSS
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
Reference in New Issue
Block a user