mirror of
https://github.com/gosticks/wordpress-develop.git
synced 2026-10-03 22:27: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
@@ -17,32 +17,12 @@
|
||||
float: right;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks > ul > li {
|
||||
border-right: 0;
|
||||
border-left: 1px solid #555;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks > ul > li > a,
|
||||
#wpadminbar .quicklinks > ul > li > .ab-empty-item {
|
||||
border-right: 0;
|
||||
border-left: 1px solid #333;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks .ab-top-secondary > li {
|
||||
border-left: 0;
|
||||
border-right: 1px solid #333;
|
||||
float: left;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks .ab-top-secondary > li > a,
|
||||
#wpadminbar .quicklinks .ab-top-secondary > li > .ab-empty-item {
|
||||
border-right: 1px solid #555;
|
||||
border-left: 0;
|
||||
}
|
||||
|
||||
#wpadminbar .menupop .ab-sub-wrapper,
|
||||
#wpadminbar .shortlink-input {
|
||||
margin: 0 -1px 0 0;
|
||||
}
|
||||
|
||||
#wpadminbar.ie7 .menupop .ab-sub-wrapper,
|
||||
@@ -54,7 +34,6 @@
|
||||
#wpadminbar .ab-top-secondary .menupop .ab-sub-wrapper {
|
||||
right: auto;
|
||||
left: 0;
|
||||
margin: 0 0 0 -1px;
|
||||
}
|
||||
|
||||
#wpadminbar .menupop li:hover > .ab-sub-wrapper,
|
||||
@@ -72,17 +51,27 @@
|
||||
}
|
||||
|
||||
#wpadminbar .menupop .menupop > .ab-item {
|
||||
background-position: 5% -46px;
|
||||
padding-left: 2em;
|
||||
padding-right: 1em;
|
||||
}
|
||||
|
||||
#wpadminbar .menupop .menupop > .ab-item:before {
|
||||
content: '\f141';
|
||||
right: auto;
|
||||
left: 3px;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-top-secondary .menupop .menupop > .ab-item {
|
||||
background-position: 95% -20px;
|
||||
padding-left: 1em;
|
||||
padding-right: 2em;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-top-secondary .menupop .menupop > .ab-item:before {
|
||||
content: '\f139';
|
||||
left: auto;
|
||||
right: 3px;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary {
|
||||
right: 0;
|
||||
left: auto;
|
||||
@@ -131,23 +120,22 @@
|
||||
* My Sites
|
||||
*/
|
||||
#wpadminbar .quicklinks li .blavatar {
|
||||
margin-right: 0px;
|
||||
margin-left: 4px;
|
||||
float: right;
|
||||
margin-right: -10px;
|
||||
margin-left: 7px;
|
||||
}
|
||||
|
||||
/*
|
||||
* Search
|
||||
*/
|
||||
#wpadminbar #adminbarsearch .adminbar-input {
|
||||
font-family: Tahoma, Arial, Helvetica, sans-serif;
|
||||
padding: 0 24px 0 3px;
|
||||
margin: 0;
|
||||
background-position: 50% 2px;
|
||||
#wpadminbar #adminbarsearch:before {
|
||||
left: auto;
|
||||
right: 5px;
|
||||
}
|
||||
|
||||
#wpadminbar #adminbarsearch .adminbar-input:focus,
|
||||
#wpadminbar.ie7 #adminbarsearch .adminbar-input {
|
||||
background-position: 99% 2px;
|
||||
#wpadminbar #adminbarsearch .adminbar-input {
|
||||
padding: 0 24px 0 3px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
@@ -155,6 +143,7 @@
|
||||
*/
|
||||
#wpadminbar .ab-icon {
|
||||
float: right;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
.ie7 #wp-admin-bar-wp-logo > .ab-item .ab-icon {
|
||||
|
||||
+233
-260
@@ -6,10 +6,10 @@
|
||||
position: static;
|
||||
text-transform: none;
|
||||
letter-spacing: normal;
|
||||
line-height: 1;
|
||||
font: normal 13px/28px sans-serif;
|
||||
color: #ccc;
|
||||
text-shadow: #444 0px -1px 0px;
|
||||
line-height: 30px;
|
||||
font: normal 13px/32px "Open Sans", sans-serif;
|
||||
color: #eee;
|
||||
border-radius: 0;
|
||||
-webkit-box-sizing: content-box;
|
||||
-moz-box-sizing: content-box;
|
||||
box-sizing: content-box;
|
||||
@@ -19,6 +19,27 @@
|
||||
transition: none;
|
||||
}
|
||||
|
||||
#wpadminbar > #wp-toolbar > #wp-admin-bar-root-default *,
|
||||
#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary * {
|
||||
text-transform: none;
|
||||
letter-spacing: normal;
|
||||
font: normal 13px/32px "Open Sans", sans-serif;
|
||||
}
|
||||
|
||||
#wpadminbar a.ab-item,
|
||||
#wpadminbar > #wp-toolbar > #wp-admin-bar-root-default span.ab-label,
|
||||
#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary span.ab-label,
|
||||
#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary span.noticon {
|
||||
color: #eee;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-site-name a.ab-item,
|
||||
#wpadminbar #wp-admin-bar-my-sites a.ab-item {
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
#wpadminbar ul li:before,
|
||||
#wpadminbar ul li:after {
|
||||
content: normal;
|
||||
@@ -51,20 +72,15 @@
|
||||
#wpadminbar {
|
||||
direction: ltr;
|
||||
color: #ccc;
|
||||
font: normal 13px/28px sans-serif;
|
||||
height: 28px;
|
||||
font: normal 13px/32px "Open Sans", sans-serif;
|
||||
height: 32px;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
min-width: 600px; /* match the min-width of the body in wp-admin.css */
|
||||
z-index: 99999;
|
||||
background: #464646;
|
||||
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #373737), color-stop(18%, #464646));
|
||||
background-image: -webkit-linear-gradient(bottom, #373737 0, #464646 5px);
|
||||
background-image: -moz-linear-gradient(bottom, #373737 0, #464646 5px);
|
||||
background-image: -o-linear-gradient(bottom, #373737 0, #464646 5px);
|
||||
background-image: linear-gradient(to top, #373737 0, #464646 5px);
|
||||
background: #222;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-sub-wrapper,
|
||||
@@ -80,8 +96,8 @@
|
||||
z-index: 99999;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks {
|
||||
border-left: 1px solid transparent;
|
||||
#wpadminbar ul#wp-admin-bar-root-default>li {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks ul {
|
||||
@@ -96,74 +112,44 @@
|
||||
outline: none;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks > ul > li {
|
||||
border-right: 1px solid #555;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks > ul > li > a,
|
||||
#wpadminbar .quicklinks > ul > li > .ab-empty-item {
|
||||
border-right: 1px solid #333;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks .ab-top-secondary > li {
|
||||
border-left: 1px solid #333;
|
||||
border-right: 0;
|
||||
float: right;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks .ab-top-secondary > li > a,
|
||||
#wpadminbar .quicklinks .ab-top-secondary > li > .ab-empty-item {
|
||||
border-left: 1px solid #555;
|
||||
border-right: 0;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks a,
|
||||
#wpadminbar .quicklinks .ab-empty-item,
|
||||
#wpadminbar .shortlink-input {
|
||||
height: 28px;
|
||||
height: 32px;
|
||||
display: block;
|
||||
padding: 0 12px;
|
||||
padding: 0 10px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#wpadminbar .menupop .ab-sub-wrapper,
|
||||
#wpadminbar .shortlink-input {
|
||||
margin: 0 0 0 -1px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
-webkit-box-shadow: 0 4px 4px rgba(0,0,0,0.2);
|
||||
box-shadow: 0 4px 4px rgba(0,0,0,0.2);
|
||||
background: #fff;
|
||||
-webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.2);
|
||||
box-shadow: 0 3px 5px rgba(0,0,0,0.2);
|
||||
background: #333;
|
||||
display: none;
|
||||
position: absolute;
|
||||
float: none;
|
||||
border-width: 0 1px 1px 1px;
|
||||
border-style: solid;
|
||||
border-color: #dfdfdf;
|
||||
}
|
||||
|
||||
#wpadminbar.ie7 .menupop .ab-sub-wrapper,
|
||||
#wpadminbar.ie7 .shortlink-input {
|
||||
top: 28px;
|
||||
top: 32px;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-top-menu > .menupop > .ab-sub-wrapper {
|
||||
min-width: 100%;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-top-secondary .menupop .ab-sub-wrapper {
|
||||
right: 0;
|
||||
left: auto;
|
||||
margin: 0 -1px 0 0;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-sub-wrapper > .ab-submenu:first-child {
|
||||
border-top: none;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-submenu {
|
||||
padding: 6px 0;
|
||||
border-top: 1px solid #dfdfdf;
|
||||
}
|
||||
|
||||
#wpadminbar .selected .shortlink-input {
|
||||
@@ -185,7 +171,6 @@
|
||||
#wpadminbar .shortlink-input {
|
||||
line-height: 26px;
|
||||
height: 26px;
|
||||
text-shadow: none;
|
||||
white-space: nowrap;
|
||||
min-width: 140px;
|
||||
}
|
||||
@@ -202,8 +187,7 @@
|
||||
#wpadminbar .menupop li:hover > .ab-sub-wrapper,
|
||||
#wpadminbar .menupop li.hover > .ab-sub-wrapper {
|
||||
margin-left: 100%;
|
||||
margin-top: -33px;
|
||||
border-width: 1px;
|
||||
margin-top: -32px;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-top-secondary .menupop li:hover > .ab-sub-wrapper,
|
||||
@@ -217,89 +201,114 @@
|
||||
#wpadminbar .ab-top-menu > li.hover > .ab-item,
|
||||
#wpadminbar .ab-top-menu > li > .ab-item:focus,
|
||||
#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus {
|
||||
color: #fafafa;
|
||||
background: #222;
|
||||
background-image: -webkit-gradient(linear, left bottom, left top, from(#3a3a3a), to(#222));
|
||||
background-image: -webkit-linear-gradient(bottom, #3a3a3a, #222);
|
||||
background-image: -moz-linear-gradient(bottom, #3a3a3a, #222);
|
||||
background-image: -o-linear-gradient(bottom, #3a3a3a, #222);
|
||||
background-image: linear-gradient(to top, #3a3a3a, #222);
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
|
||||
#wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
|
||||
background: #fff;
|
||||
color: #333;
|
||||
text-shadow: none;
|
||||
border-right-color: transparent;
|
||||
border-left-color: transparent;
|
||||
background: #333;
|
||||
color: #2ea2cc;
|
||||
}
|
||||
|
||||
#wpadminbar .hover .ab-label,
|
||||
#wpadminbar.nojq .ab-item:focus .ab-label {
|
||||
color: #fafafa;
|
||||
#wpadminbar .ab-icon,
|
||||
#wpadminbar .ab-item:before {
|
||||
position: relative;
|
||||
float: left;
|
||||
font: normal 20px/1 'dashicons' !important;
|
||||
speak: none;
|
||||
padding: 4px 0;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
background-image: none !important;
|
||||
color: #999;
|
||||
margin-right: 6px;
|
||||
}
|
||||
|
||||
#wpadminbar .menupop.hover .ab-label {
|
||||
color: #333;
|
||||
text-shadow: none;
|
||||
#wpadminbar li:hover .ab-icon,
|
||||
#wpadminbar li:hover > .ab-item:before {
|
||||
color: #2ea2cc;
|
||||
}
|
||||
|
||||
#wpadminbar .menupop li:hover,
|
||||
#wpadminbar .menupop li.hover,
|
||||
#wpadminbar .quicklinks .menupop .ab-item:focus,
|
||||
#wpadminbar .quicklinks .ab-top-menu .menupop .ab-item:focus {
|
||||
background-color: #eaf2fa;
|
||||
#wpadminbar .ab-icon:before {
|
||||
position: relative;
|
||||
-moz-transition: all .1s ease-in-out;
|
||||
-webkit-transition: all .1s ease-in-out;
|
||||
transition: all .1s ease-in-out;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-label {
|
||||
display: inline-block;
|
||||
height: 32px;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-submenu .ab-item {
|
||||
color: #333;
|
||||
text-shadow: none;
|
||||
color: #eee;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks .menupop ul li a,
|
||||
#wpadminbar .quicklinks .menupop ul li a strong,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a {
|
||||
color: #21759B;
|
||||
color: #eee;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks .menupop ul li a:hover,
|
||||
#wpadminbar .quicklinks .menupop ul li a:hover strong,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a:hover,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover {
|
||||
color: #2ea2cc;
|
||||
}
|
||||
|
||||
#wpadminbar .menupop .menupop > .ab-item:before,
|
||||
#wpadminbar .ab-top-secondary .menupop .menupop > .ab-item:before {
|
||||
position: absolute;
|
||||
font: normal 17px/1 'dashicons';
|
||||
speak: none;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
#wpadminbar .menupop .menupop > .ab-item {
|
||||
display: block;
|
||||
background-image: url(../images/admin-bar-sprite.png?d=20120830);
|
||||
background-position: 95% -20px;
|
||||
background-repeat: no-repeat;
|
||||
padding-right: 2em;
|
||||
}
|
||||
|
||||
#wpadminbar .menupop .menupop > .ab-item:before {
|
||||
top: 0px;
|
||||
right: 4px;
|
||||
content: '\f139';
|
||||
}
|
||||
|
||||
#wpadminbar .ab-top-secondary .menupop .menupop > .ab-item {
|
||||
background-image: url(../images/admin-bar-sprite.png?d=20120830);
|
||||
background-position: 5% -46px;
|
||||
background-repeat: no-repeat;
|
||||
padding-left: 2em;
|
||||
padding-right: 1em;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-top-secondary .menupop .menupop > .ab-item:before {
|
||||
top: 5px;
|
||||
left: 3px;
|
||||
content: '\f141';
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary {
|
||||
display: block;
|
||||
position: relative;
|
||||
right: auto;
|
||||
margin: 0;
|
||||
background: #eee;
|
||||
background: #4b4b4b;
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks .menupop .ab-sub-secondary > li:hover,
|
||||
#wpadminbar .quicklinks .menupop .ab-sub-secondary > li.hover,
|
||||
#wpadminbar .quicklinks .menupop .ab-sub-secondary > li .ab-item:focus {
|
||||
background-color: #dfdfdf;
|
||||
#wpadminbar .quicklinks .menupop .ab-sub-secondary > li:hover > a,
|
||||
#wpadminbar .quicklinks .menupop .ab-sub-secondary > li.hover > a,
|
||||
#wpadminbar .quicklinks .menupop .ab-sub-secondary > li .ab-item:focus a {
|
||||
color: #2ea2cc;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks a span#ab-updates {
|
||||
background: #eee;
|
||||
color: #333;
|
||||
text-shadow: none;
|
||||
display: inline;
|
||||
padding: 2px 5px;
|
||||
font-size: 10px;
|
||||
@@ -315,17 +324,10 @@
|
||||
|
||||
#wpadminbar .ab-top-secondary {
|
||||
float: right;
|
||||
background: #464646;
|
||||
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #373737), color-stop(18%, #464646));
|
||||
background-image: -webkit-linear-gradient(bottom, #373737 0, #464646 5px);
|
||||
background-image: -moz-linear-gradient(bottom, #373737 0, #464646 5px);
|
||||
background-image: -o-linear-gradient(bottom, #373737 0, #464646 5px);
|
||||
background-image: linear-gradient(to top, #373737 0, #464646 5px);
|
||||
}
|
||||
|
||||
#wpadminbar ul li:last-child,
|
||||
#wpadminbar ul li:last-child .ab-item {
|
||||
border-right: 0;
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
@@ -346,12 +348,12 @@
|
||||
margin-right: 16px;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-my-account.with-avatar #wp-admin-bar-user-actions > li {
|
||||
margin-left: 88px;
|
||||
#wpadminbar #wp-admin-bar-user-actions.ab-submenu {
|
||||
padding: 6px 0 12px;
|
||||
}
|
||||
|
||||
#wp-admin-bar-user-actions > li > .ab-item {
|
||||
padding-left: 8px;
|
||||
#wpadminbar #wp-admin-bar-my-account.with-avatar #wp-admin-bar-user-actions > li {
|
||||
margin-left: 88px;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info {
|
||||
@@ -382,12 +384,11 @@
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info .display-name,
|
||||
#wpadminbar #wp-admin-bar-user-info .username {
|
||||
text-shadow: none;
|
||||
display: block;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info .display-name {
|
||||
color: #333;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info .username {
|
||||
@@ -398,30 +399,104 @@
|
||||
#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
border: 1px solid #999;
|
||||
padding: 0;
|
||||
border: 1px solid #888;
|
||||
background: #eee;
|
||||
line-height: 24px;
|
||||
vertical-align: middle;
|
||||
margin: -3px 0 0 6px;
|
||||
margin: -4px 0 0 6px;
|
||||
float: none;
|
||||
display: inline;
|
||||
}
|
||||
|
||||
/*
|
||||
* My Sites
|
||||
/**
|
||||
* WP Logo
|
||||
*/
|
||||
#wpadminbar .quicklinks li .blavatar {
|
||||
vertical-align: middle;
|
||||
margin: -3px 4px 0 0;
|
||||
padding: 0;
|
||||
#wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
margin-right: 0;
|
||||
padding: 6px 0 5px;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks li div.blavatar {
|
||||
background: url('../images/wpmini-blue.png') no-repeat;
|
||||
#wpadminbar #wp-admin-bar-wp-logo > .ab-item {
|
||||
padding: 0 8px 0 8px;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon:before {
|
||||
content: '\f120';
|
||||
}
|
||||
|
||||
/*
|
||||
* My Sites & Site Title
|
||||
*/
|
||||
#wpadminbar .quicklinks li .blavatar {
|
||||
float: left;
|
||||
font: normal 16px/1 'dashicons' !important;
|
||||
speak: none;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
color: #eee;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks li a:hover .blavatar {
|
||||
color: #2ea2cc;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks li .blavatar:before {
|
||||
content: '\f120';
|
||||
height: 16px;
|
||||
width: 16px;
|
||||
display: inline-block;
|
||||
margin: 8px 8px 0 -2px;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-appearance {
|
||||
margin-top: -12px;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-my-sites > .ab-item:before,
|
||||
#wpadminbar #wp-admin-bar-site-name > .ab-item:before {
|
||||
content: '\f112';
|
||||
top: 2px;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-site-name > .ab-item:before {
|
||||
content: '\f319';
|
||||
}
|
||||
|
||||
|
||||
|
||||
/**
|
||||
* Comments
|
||||
*/
|
||||
#wpadminbar #wp-admin-bar-comments .ab-icon {
|
||||
margin-right: 6px;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-comments .ab-icon:before {
|
||||
content: '\f101';
|
||||
top: 3px;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-comments .count-0 {
|
||||
opacity: .5;
|
||||
}
|
||||
|
||||
/**
|
||||
* New Content
|
||||
*/
|
||||
#wpadminbar #wp-admin-bar-new-content .ab-icon:before {
|
||||
content: '\f132';
|
||||
top: 4px;
|
||||
}
|
||||
|
||||
/**
|
||||
* Updates
|
||||
*/
|
||||
#wpadminbar #wp-admin-bar-updates .ab-icon:before {
|
||||
content: '\f113';
|
||||
top: 2px;
|
||||
}
|
||||
|
||||
/**
|
||||
@@ -429,37 +504,42 @@
|
||||
*/
|
||||
#wpadminbar #wp-admin-bar-search .ab-item {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-search .ab-item {
|
||||
/* default background */
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
#wpadminbar #adminbarsearch {
|
||||
height: 28px;
|
||||
position: relative;
|
||||
height: 32px;
|
||||
padding: 0 2px;
|
||||
}
|
||||
|
||||
#wpadminbar #adminbarsearch .adminbar-input {
|
||||
font: 13px/24px sans-serif;
|
||||
#wpadminbar #adminbarsearch:before {
|
||||
position: absolute;
|
||||
top: 6px;
|
||||
left: 5px;
|
||||
z-index: 20;
|
||||
font: normal 20px/1 'dashicons' !important;
|
||||
content: '\f179';
|
||||
color: #999;
|
||||
speak: none;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input {
|
||||
position: relative;
|
||||
z-index: 30;
|
||||
font: 13px/24px "Open Sans", sans-serif;
|
||||
height: 24px;
|
||||
width: 24px;
|
||||
border: none;
|
||||
padding: 0 3px 0 23px;
|
||||
padding: 0 3px 0 24px;
|
||||
margin: 0;
|
||||
color: #ccc;
|
||||
text-shadow: #444 0px -1px 0px;
|
||||
background-color: rgba( 255, 255, 255, 0 );
|
||||
background-image: url(../images/admin-bar-sprite.png?d=20120830);
|
||||
background-position: 3px 2px;
|
||||
background-repeat: no-repeat;
|
||||
border: none;
|
||||
outline: none;
|
||||
cursor: pointer;
|
||||
|
||||
-webkit-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
|
||||
@@ -479,127 +559,46 @@
|
||||
-o-transition-timing-function: ease;
|
||||
}
|
||||
|
||||
#wpadminbar.ie7 #adminbarsearch .adminbar-input {
|
||||
margin-top: 1px;
|
||||
width: 120px;
|
||||
}
|
||||
|
||||
#wpadminbar #adminbarsearch .adminbar-input:focus {
|
||||
color: #555;
|
||||
text-shadow: 0 1px 0 #fff;
|
||||
#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
|
||||
z-index: 10;
|
||||
color: #000;
|
||||
width: 200px;
|
||||
background-color: rgba( 255, 255, 255, 0.9 );
|
||||
cursor: text;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
#wpadminbar.ie8 #adminbarsearch .adminbar-input {
|
||||
#wpadminbar.ie7 > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input {
|
||||
margin-top: 3px;
|
||||
width: 120px;
|
||||
}
|
||||
|
||||
#wpadminbar.ie8 > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input {
|
||||
margin-top: 4px;
|
||||
background-color: #464646;
|
||||
}
|
||||
|
||||
#wpadminbar.ie8 #adminbarsearch .adminbar-input:focus {
|
||||
#wpadminbar.ie8 > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
/* Two rules to ensure browser recognition */
|
||||
#wpadminbar #adminbarsearch .adminbar-input::-webkit-input-placeholder {
|
||||
color: #ddd;
|
||||
color: #999;
|
||||
}
|
||||
|
||||
#wpadminbar #adminbarsearch .adminbar-input:-moz-placeholder {
|
||||
color: #ddd;
|
||||
color: #999;
|
||||
}
|
||||
#wpadminbar #adminbarsearch .adminbar-input::-moz-placeholder {
|
||||
color: #999;
|
||||
}
|
||||
#wpadminbar #adminbarsearch .adminbar-input:-ms-input-placeholder {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
#wpadminbar #adminbarsearch .adminbar-button {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* Site Menu
|
||||
*/
|
||||
#wpadminbar #wp-admin-bar-appearance {
|
||||
border-top: none;
|
||||
margin-top: -12px;
|
||||
}
|
||||
|
||||
/**
|
||||
* Site Menu
|
||||
*/
|
||||
#wpadminbar #wp-admin-bar-appearance {
|
||||
border-top: none;
|
||||
margin-top: -12px;
|
||||
}
|
||||
|
||||
/**
|
||||
* ICONS
|
||||
*/
|
||||
#wpadminbar .ab-icon {
|
||||
position: relative;
|
||||
float: left;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
margin-top: 6px;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-label {
|
||||
margin-left: 4px;
|
||||
}
|
||||
|
||||
/**
|
||||
* WP Logo icon
|
||||
*/
|
||||
#wp-admin-bar-wp-logo > .ab-item .ab-icon {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
margin-top: 4px;
|
||||
background-image: url(../images/admin-bar-sprite.png?d=20120830);
|
||||
background-position: 0 -76px;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
#wpadminbar.nojs #wp-admin-bar-wp-logo:hover > .ab-item .ab-icon,
|
||||
#wpadminbar #wp-admin-bar-wp-logo.hover > .ab-item .ab-icon {
|
||||
background-position: 0 -104px;
|
||||
}
|
||||
|
||||
/**
|
||||
* Updates icon
|
||||
*/
|
||||
#wp-admin-bar-updates > .ab-item .ab-icon {
|
||||
background-image: url(../images/admin-bar-sprite.png?d=20120830);
|
||||
background-position: -2px -159px;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
/**
|
||||
* Comments icon
|
||||
*/
|
||||
#wp-admin-bar-comments > .ab-item .ab-icon {
|
||||
background-image: url(../images/admin-bar-sprite.png?d=20120830);
|
||||
background-position: -1px -134px;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
#wpadminbar span.count-0 {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* Add New icon
|
||||
*/
|
||||
#wpadminbar #wp-admin-bar-new-content > .ab-item .ab-icon {
|
||||
background-image: url(../images/admin-bar-sprite.png?d=20120830);
|
||||
background-position: -2px -182px;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
/**
|
||||
* Add New icon
|
||||
*/
|
||||
#wpadminbar.nojs #wp-admin-bar-new-content:hover > .ab-item .ab-icon,
|
||||
#wpadminbar #wp-admin-bar-new-content.hover > .ab-item .ab-icon {
|
||||
background-position: -2px -203px;
|
||||
}
|
||||
|
||||
/**
|
||||
* Customize support classes
|
||||
*/
|
||||
@@ -612,30 +611,6 @@
|
||||
display: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* Retina display 2x icons
|
||||
*/
|
||||
@media print,
|
||||
(-o-min-device-pixel-ratio: 5/4),
|
||||
(-webkit-min-device-pixel-ratio: 1.25),
|
||||
(min-resolution: 120dpi) {
|
||||
#wpadminbar .menupop .menupop > .ab-item,
|
||||
#wpadminbar .ab-top-secondary .menupop .menupop > .ab-item,
|
||||
#wpadminbar #adminbarsearch .adminbar-input,
|
||||
#wp-admin-bar-wp-logo > .ab-item .ab-icon,
|
||||
#wp-admin-bar-updates > .ab-item .ab-icon,
|
||||
#wp-admin-bar-comments > .ab-item .ab-icon,
|
||||
#wpadminbar #wp-admin-bar-new-content > .ab-item .ab-icon {
|
||||
background-image: url(../images/admin-bar-sprite-2x.png?d=20120830);
|
||||
background-size: 20px 220px;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks li div.blavatar {
|
||||
background: url('../images/wpmini-blue-2x.png') no-repeat;
|
||||
background-size: 16px 16px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Skip link */
|
||||
#wpadminbar .screen-reader-text,
|
||||
#wpadminbar .screen-reader-text span {
|
||||
@@ -662,14 +637,12 @@
|
||||
font-weight: bold;
|
||||
padding: 15px 23px 14px;
|
||||
background: #f1f1f1;
|
||||
color: #21759b;
|
||||
text-shadow: none;
|
||||
border-radius: 3px;
|
||||
color: #fff;
|
||||
z-index: 100000;
|
||||
line-height: normal;
|
||||
text-decoration: none;
|
||||
-webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
|
||||
box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
/**
|
||||
|
||||
@@ -39,9 +39,9 @@ TABLE OF CONTENTS:
|
||||
.wp-core-ui .button-secondary {
|
||||
display: inline-block;
|
||||
text-decoration: none;
|
||||
font-size: 12px;
|
||||
line-height: 23px;
|
||||
height: 24px;
|
||||
font-size: 13px;
|
||||
line-height: 26px;
|
||||
height: 28px;
|
||||
margin: 0;
|
||||
padding: 0 10px 1px;
|
||||
cursor: pointer;
|
||||
@@ -97,21 +97,35 @@ TABLE OF CONTENTS:
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Style Reset buttons as simple text links */
|
||||
|
||||
.wp-core-ui input[type="reset"],
|
||||
.wp-core-ui input[type="reset"]:hover,
|
||||
.wp-core-ui input[type="reset"]:active,
|
||||
.wp-core-ui input[type="reset"]:focus {
|
||||
background: none;
|
||||
border: none;
|
||||
-moz-box-shadow: none;
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
padding-left: 2px;
|
||||
padding-right: 2px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
/* ----------------------------------------------------------------------------
|
||||
2.0 - Default Button Style
|
||||
---------------------------------------------------------------------------- */
|
||||
|
||||
.wp-core-ui .button,
|
||||
.wp-core-ui .button-secondary {
|
||||
background: #f3f3f3;
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#f4f4f4));
|
||||
background-image: -webkit-linear-gradient(top, #fefefe, #f4f4f4);
|
||||
background-image: -moz-linear-gradient(top, #fefefe, #f4f4f4);
|
||||
background-image: -o-linear-gradient(top, #fefefe, #f4f4f4);
|
||||
background-image: linear-gradient(to bottom, #fefefe, #f4f4f4);
|
||||
border-color: #bbb;
|
||||
color: #333;
|
||||
text-shadow: 0 1px 0 #fff;
|
||||
color: #555;
|
||||
border-color: #cccccc;
|
||||
background: #f7f7f7;
|
||||
|
||||
-webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba(0,0,0,.08);
|
||||
box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba(0,0,0,.08);
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.wp-core-ui .button.hover,
|
||||
@@ -120,13 +134,7 @@ TABLE OF CONTENTS:
|
||||
.wp-core-ui .button.focus,
|
||||
.wp-core-ui .button:focus,
|
||||
.wp-core-ui .button-secondary:focus {
|
||||
background: #f3f3f3;
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f3f3f3));
|
||||
background-image: -webkit-linear-gradient(top, #fff, #f3f3f3);
|
||||
background-image: -moz-linear-gradient(top, #fff, #f3f3f3);
|
||||
background-image: -ms-linear-gradient(top, #fff, #f3f3f3);
|
||||
background-image: -o-linear-gradient(top, #fff, #f3f3f3);
|
||||
background-image: linear-gradient(to bottom, #fff, #f3f3f3);
|
||||
background: #fafafa;
|
||||
border-color: #999;
|
||||
color: #222;
|
||||
}
|
||||
@@ -144,19 +152,17 @@ TABLE OF CONTENTS:
|
||||
.wp-core-ui .button:active,
|
||||
.wp-core-ui .button-secondary:active {
|
||||
background: #eee;
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#fefefe));
|
||||
background-image: -webkit-linear-gradient(top, #f4f4f4, #fefefe);
|
||||
background-image: -moz-linear-gradient(top, #f4f4f4, #fefefe);
|
||||
background-image: -ms-linear-gradient(top, #f4f4f4, #fefefe);
|
||||
background-image: -o-linear-gradient(top, #f4f4f4, #fefefe);
|
||||
background-image: linear-gradient(to bottom, #f4f4f4, #fefefe);
|
||||
border-color: #999;
|
||||
color: #333;
|
||||
text-shadow: 0 -1px 0 #fff;
|
||||
-webkit-box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
|
||||
box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
|
||||
}
|
||||
|
||||
/* this creates an inset effect on the text */
|
||||
.wp-core-ui .button:active {
|
||||
padding-top: 1px;
|
||||
}
|
||||
|
||||
.wp-core-ui .button[disabled],
|
||||
.wp-core-ui .button:disabled,
|
||||
.wp-core-ui .button-secondary[disabled],
|
||||
@@ -164,12 +170,6 @@ TABLE OF CONTENTS:
|
||||
.wp-core-ui .button-disabled {
|
||||
color: #aaa !important;
|
||||
border-color: #ddd !important;
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f4f4f4)) !important;
|
||||
background-image: -webkit-linear-gradient(top, #f9f9f9, #f4f4f4) !important;
|
||||
background-image: -moz-linear-gradient(top, #f9f9f9, #f4f4f4) !important;
|
||||
background-image: -ms-linear-gradient(top, #f9f9f9, #f4f4f4) !important;
|
||||
background-image: -o-linear-gradient(top, #f9f9f9, #f4f4f4) !important;
|
||||
background-image: linear-gradient(to bottom, #f9f9f9, #f4f4f4) !important;
|
||||
-webkit-box-shadow: none !important;
|
||||
box-shadow: none !important;
|
||||
text-shadow: 0 1px 0 #fff !important;
|
||||
@@ -181,38 +181,23 @@ TABLE OF CONTENTS:
|
||||
---------------------------------------------------------------------------- */
|
||||
|
||||
.wp-core-ui .button-primary {
|
||||
background-color: #21759b;
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#2a95c5), to(#21759b));
|
||||
background-image: -webkit-linear-gradient(top, #2a95c5, #21759b);
|
||||
background-image: -moz-linear-gradient(top, #2a95c5, #21759b);
|
||||
background-image: -ms-linear-gradient(top, #2a95c5, #21759b);
|
||||
background-image: -o-linear-gradient(top, #2a95c5, #21759b);
|
||||
background-image: linear-gradient(to bottom, #2a95c5, #21759b);
|
||||
border-color: #21759b;
|
||||
border-bottom-color: #1e6a8d;
|
||||
-webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,0.5);
|
||||
box-shadow: inset 0 1px 0 rgba(120,200,230,0.5);
|
||||
background: #2ea2cc;
|
||||
border-color: #0074a2;
|
||||
-webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,0.5), 0 1px 0 rgba(0,0,0,.15);
|
||||
box-shadow: inset 0 1px 0 rgba(120,200,230,0.5), 0 1px 0 rgba(0,0,0,.15);
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
text-shadow: 0 1px 0 rgba(0,0,0,0.1);
|
||||
}
|
||||
|
||||
.wp-core-ui .button-primary.hover,
|
||||
.wp-core-ui .button-primary:hover,
|
||||
.wp-core-ui .button-primary.focus,
|
||||
.wp-core-ui .button-primary:focus {
|
||||
background-color: #278ab7;
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#2e9fd2), to(#21759b));
|
||||
background-image: -webkit-linear-gradient(top, #2e9fd2, #21759b);
|
||||
background-image: -moz-linear-gradient(top, #2e9fd2, #21759b);
|
||||
background-image: -ms-linear-gradient(top, #2e9fd2, #21759b);
|
||||
background-image: -o-linear-gradient(top, #2e9fd2, #21759b);
|
||||
background-image: linear-gradient(to bottom, #2e9fd2, #21759b);
|
||||
border-color: #1b607f;
|
||||
background: #1e8cbe;
|
||||
border-color: #0074a2;
|
||||
-webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,0.6);
|
||||
box-shadow: inset 0 1px 0 rgba(120,200,230,0.6);
|
||||
color: #fff;
|
||||
text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
|
||||
}
|
||||
|
||||
.wp-core-ui .button-primary.focus,
|
||||
@@ -226,18 +211,17 @@ TABLE OF CONTENTS:
|
||||
.wp-core-ui .button-primary.active:hover,
|
||||
.wp-core-ui .button-primary.active:focus,
|
||||
.wp-core-ui .button-primary:active {
|
||||
background: #1b607f;
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#21759b), to(#278ab7));
|
||||
background-image: -webkit-linear-gradient(top, #21759b, #278ab7);
|
||||
background-image: -moz-linear-gradient(top, #21759b, #278ab7);
|
||||
background-image: -ms-linear-gradient(top, #21759b, #278ab7);
|
||||
background-image: -o-linear-gradient(top, #21759b, #278ab7);
|
||||
background-image: linear-gradient(to bottom, #21759b, #278ab7);
|
||||
border-color: #124560 #2382ae #2382ae #2382ae;
|
||||
background: #1e8cbe;
|
||||
border-color: #005684;
|
||||
color: rgba(255,255,255,0.95);
|
||||
-webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.1);
|
||||
box-shadow: inset 0 1px 0 rgba(0,0,0,0.1);
|
||||
text-shadow: 0 1px 0 rgba(0,0,0,0.1);
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
/* this creates an inset effect on the text */
|
||||
.wp-core-ui .button-primary:active {
|
||||
padding-top: 1px;
|
||||
}
|
||||
|
||||
.wp-core-ui .button-primary[disabled],
|
||||
|
||||
File diff suppressed because one or more lines are too long
+286
-182
@@ -1,5 +1,6 @@
|
||||
|
||||
/*------------------------------------------------------------------------------
|
||||
|
||||
TinyMCE and Quicklinks toolbars
|
||||
------------------------------------------------------------------------------*/
|
||||
|
||||
@@ -48,6 +49,59 @@
|
||||
color: #555;
|
||||
}
|
||||
|
||||
/* These are part of TinyMCE, used in TinyMCE Advanced, but not WordPress. These are not MP6-ified. */
|
||||
/*
|
||||
.wp_themeSkin span.mce_sup,
|
||||
.wp_themeSkin span.mce_sub,
|
||||
.wp_themeSkin span.mce_media,
|
||||
.wp_themeSkin span.mce_styleprops,
|
||||
.wp_themeSkin span.mce_search,
|
||||
.wp_themeSkin span.mce_emotions,
|
||||
.wp_themeSkin span.mce_print,
|
||||
.wp_themeSkin span.mce_attribs,
|
||||
.wp_themeSkin span.mce_hr,
|
||||
.wp_themeSkin span.mce_cut,
|
||||
.wp_themeSkin span.mce_copy,
|
||||
.wp_themeSkin span.mce_paste,
|
||||
.wp_themeSkin span.mce_cite,
|
||||
.wp_themeSkin span.mce_visualchars,
|
||||
.wp_themeSkin span.mce_advhr,
|
||||
.wp_themeSkin span.mce_insertdate,
|
||||
.wp_themeSkin span.mce_anchor,
|
||||
.wp_themeSkin span.mce_visualaid,
|
||||
.wp_themeSkin span.mce_cleanup,
|
||||
.wp_themeSkin span.mce_table,
|
||||
.wp_themeSkin span.mce_row_props,
|
||||
.wp_themeSkin span.mce_cell_props,
|
||||
.wp_themeSkin span.mce_row_before,
|
||||
.wp_themeSkin span.mce_row_after,
|
||||
.wp_themeSkin span.mce_delete_row,
|
||||
.wp_themeSkin span.mce_col_before,
|
||||
.wp_themeSkin span.mce_col_after,
|
||||
.wp_themeSkin span.mce_delete_col,
|
||||
.wp_themeSkin span.mce_split_cells,
|
||||
.wp_themeSkin span.mce_merge_cells,
|
||||
.wp_themeSkin span.mce_delete_table,
|
||||
.wp_themeSkin span.mce_ins,
|
||||
.wp_themeSkin span.mce_abbr,
|
||||
.wp_themeSkin span.mce_acronym,
|
||||
.wp_themeSkin span.mce_del,
|
||||
.wp_themeSkin span.mce_replace,
|
||||
.wp_themeSkin span.mce_code,
|
||||
.wp_themeSkin span.mce_nonbreaking,
|
||||
.wp_themeSkin span.mce_inserttime,
|
||||
.wp_themeSkin span.mce_insertlayer,
|
||||
.wp_themeSkin span.mce_moveforward,
|
||||
.wp_themeSkin span.mce_movebackward,
|
||||
.wp_themeSkin span.mce_absolute
|
||||
{
|
||||
-moz-transition: none;
|
||||
-webkit-transition: none;
|
||||
transition: none;
|
||||
background: url("../js/tinymce/themes/advanced/img/icons.gif") no-repeat 20px 20px;
|
||||
}*/
|
||||
|
||||
|
||||
/* Containers */
|
||||
.wp_themeSkin table {}
|
||||
|
||||
@@ -97,16 +151,16 @@
|
||||
}
|
||||
|
||||
.wp_themeSkin .mceStatusbar {
|
||||
background: #fff;
|
||||
border-top: 1px solid #eee;
|
||||
color: #000;
|
||||
display: block;
|
||||
font-family: sans-serif;
|
||||
font-size: 12px;
|
||||
height: 20px;
|
||||
line-height: 16px;
|
||||
padding: 0 0 0 8px;
|
||||
overflow: visible;
|
||||
height: 20px;
|
||||
border-top: 1px solid #dfdfdf;
|
||||
color: #000;
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
|
||||
.rtl .wp_themeSkin .mceStatusbar {
|
||||
@@ -169,8 +223,16 @@
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
.wp_themeSkin .mceIcon {
|
||||
background: url("../js/tinymce/themes/advanced/img/icons.gif") no-repeat 20px 20px;
|
||||
a .mceIcon, .mceAction {
|
||||
text-align: center;
|
||||
font: normal 20px/1 'dashicons' !important;
|
||||
speak: none;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.mceAction {
|
||||
line-height:16px;
|
||||
}
|
||||
|
||||
/* Button */
|
||||
@@ -354,44 +416,6 @@
|
||||
border-top-right-radius: 2px;
|
||||
}
|
||||
|
||||
.wp_themeSkin span.mce_undo,
|
||||
.wp_themeSkin span.mce_redo,
|
||||
.wp_themeSkin span.mce_bullist,
|
||||
.wp_themeSkin span.mce_numlist,
|
||||
.wp_themeSkin span.mce_blockquote,
|
||||
.wp_themeSkin span.mce_charmap,
|
||||
.wp_themeSkin span.mce_bold,
|
||||
.wp_themeSkin span.mce_italic,
|
||||
.wp_themeSkin span.mce_underline,
|
||||
.wp_themeSkin span.mce_justifyleft,
|
||||
.wp_themeSkin span.mce_justifyright,
|
||||
.wp_themeSkin span.mce_justifycenter,
|
||||
.wp_themeSkin span.mce_justifyfull,
|
||||
.wp_themeSkin span.mce_indent,
|
||||
.wp_themeSkin span.mce_outdent,
|
||||
.wp_themeSkin span.mce_link,
|
||||
.wp_themeSkin span.mce_unlink,
|
||||
.wp_themeSkin span.mce_help,
|
||||
.wp_themeSkin span.mce_removeformat,
|
||||
.wp_themeSkin span.mce_fullscreen,
|
||||
.wp_themeSkin span.mce_wp_fullscreen,
|
||||
.wp_themeSkin span.mce_media,
|
||||
.wp_themeSkin span.mce_pastetext,
|
||||
.wp_themeSkin span.mce_pasteword,
|
||||
.wp_themeSkin span.mce_wp_help,
|
||||
.wp_themeSkin span.mce_wp_adv,
|
||||
.wp_themeSkin span.mce_wp_more,
|
||||
.wp_themeSkin span.mce_strikethrough,
|
||||
.wp_themeSkin span.mce_spellchecker,
|
||||
.wp_themeSkin span.mce_forecolor,
|
||||
.wp_themeSkin .mce_forecolorpicker,
|
||||
.wp_themeSkin .mceSplitButton .mce_spellchecker span.mce_spellchecker,
|
||||
.wp_themeSkin .mceSplitButton .mce_forecolor span.mce_forecolor,
|
||||
.wp_themeSkin .mceSplitButton span.mce_numlist,
|
||||
.wp_themeSkin .mceSplitButton span.mce_bullist {
|
||||
background-image: url('../images/wpicons.png?ver=20120720');
|
||||
}
|
||||
|
||||
/* ColorSplitButton */
|
||||
.wp_themeSkin div.mceColorSplitMenu table {
|
||||
background-color: #ebebeb;
|
||||
@@ -418,7 +442,7 @@
|
||||
width: 100%;
|
||||
height: auto;
|
||||
text-align: center;
|
||||
font-family: Tahoma,Verdana,Arial,Helvetica;
|
||||
font-family: "Open Sans", sans-serif;
|
||||
font-size: 11px;
|
||||
line-height: 20px;
|
||||
border-color: #fff;
|
||||
@@ -474,7 +498,7 @@
|
||||
.wp_themeSkin .mceMenu .mceText {
|
||||
position: relative;
|
||||
display: block;
|
||||
font-family: Tahoma,Verdana,Arial,Helvetica;
|
||||
font-family: "Open Sans", sans-serif;
|
||||
cursor: default;
|
||||
margin: 0;
|
||||
padding: 0 25px;
|
||||
@@ -591,17 +615,17 @@
|
||||
|
||||
.wp_themeSkin .mce_h2 span.mceText {
|
||||
font-weight: bolder;
|
||||
font-size: 16px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.wp_themeSkin .mce_h3 span.mceText {
|
||||
font-weight: bolder;
|
||||
font-size: 14px;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.wp_themeSkin .mce_h4 span.mceText {
|
||||
font-weight: bolder;
|
||||
font-size: 12px;
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
.wp_themeSkin .mce_h5 span.mceText {
|
||||
@@ -614,6 +638,111 @@
|
||||
font-size: 10px;
|
||||
}
|
||||
|
||||
span.mce_bold:before {
|
||||
content:'\f200';
|
||||
}
|
||||
span.mce_italic:before {
|
||||
content:'\f201';
|
||||
}
|
||||
|
||||
span.mce_bullist:before {
|
||||
content:'\f203';
|
||||
}
|
||||
|
||||
span.mce_numlist:before {
|
||||
content:'\f204';
|
||||
}
|
||||
|
||||
span.mce_blockquote:before {
|
||||
content:'\f205';
|
||||
}
|
||||
span.mce_justifyleft:before {
|
||||
content:'\f206';
|
||||
}
|
||||
span.mce_justifycenter:before {
|
||||
content:'\f207';
|
||||
}
|
||||
span.mce_justifyright:before {
|
||||
content:'\f208';
|
||||
}
|
||||
span.mce_link:before {
|
||||
content:'\f103';
|
||||
}
|
||||
span.mce_unlink:before {
|
||||
content:'\f225';
|
||||
}
|
||||
span.mce_wp_more:before {
|
||||
content:'\f209';
|
||||
}
|
||||
span.mce_strikethrough:before {
|
||||
content:'\f224';
|
||||
}
|
||||
|
||||
span.mce_spellchecker {
|
||||
font-size:20px;
|
||||
background:none !important;
|
||||
margin-top: 2px;
|
||||
}
|
||||
span.mce_spellchecker:before {
|
||||
content:'\f210';
|
||||
}
|
||||
span.mce_fullscreen:before,
|
||||
span.mce_wp_fullscreen:before {
|
||||
content:'\f211';
|
||||
}
|
||||
|
||||
span.mce_wp_adv:before {
|
||||
content:'\f212';
|
||||
}
|
||||
span.mce_underline:before {
|
||||
content:'\f213';
|
||||
}
|
||||
|
||||
span.mce_justifyfull:before {
|
||||
content:'\f214';
|
||||
}
|
||||
|
||||
span.mce_forecolor {
|
||||
background:none !important;
|
||||
}
|
||||
span.mce_forecolor:before {
|
||||
content:'\f215';
|
||||
}
|
||||
span.mce_pastetext:before {
|
||||
content:'\f217';
|
||||
}
|
||||
span.mce_pasteword:before {
|
||||
content:'\f216';
|
||||
}
|
||||
span.mce_removeformat:before {
|
||||
content:'\f218';
|
||||
}
|
||||
span.mce_charmap:before {
|
||||
content:'\f220';
|
||||
}
|
||||
span.mce_outdent:before {
|
||||
content:'\f221';
|
||||
}
|
||||
span.mce_indent:before {
|
||||
content:'\f222';
|
||||
}
|
||||
span.mce_undo:before {
|
||||
content:'\f171';
|
||||
}
|
||||
span.mce_redo:before {
|
||||
content:'\f172';
|
||||
}
|
||||
span.mce_wp_help:before {
|
||||
content:'\f223';
|
||||
}
|
||||
span.mce_image:before {
|
||||
content: '\f104';
|
||||
}
|
||||
span.mce_ltr:before {
|
||||
content: '\f320';
|
||||
}
|
||||
|
||||
|
||||
/* Theme */
|
||||
.wp_themeSkin span.mce_undo {background-position:-500px -20px}
|
||||
.wp_themeSkin .mceButtonEnabled:hover span.mce_undo,
|
||||
@@ -944,6 +1073,9 @@
|
||||
|
||||
#mceModalBlocker {
|
||||
background: #000;
|
||||
opacity: 0.7;
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
|
||||
filter: alpha(opacity=70);
|
||||
}
|
||||
|
||||
/* WP specific */
|
||||
@@ -951,8 +1083,20 @@
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#wp-content-editor-tools {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
#wp-content-editor-container {
|
||||
clear: both;
|
||||
position: relative;
|
||||
top: -1px;
|
||||
}
|
||||
|
||||
.wp-editor-area {
|
||||
font-family: Consolas, Monaco, monospace;
|
||||
font-size: 13px;
|
||||
padding: 10px;
|
||||
margin: 1px 0 0;
|
||||
line-height: 150%;
|
||||
@@ -966,24 +1110,13 @@
|
||||
}
|
||||
|
||||
.wp-editor-tools {
|
||||
height: 30px;
|
||||
padding: 0 10px 0 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.rtl .wp-editor-tools {
|
||||
padding: 0 0 0 10px;
|
||||
}
|
||||
|
||||
.wp-editor-container {
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
-webkit-border-top-right-radius: 3px;
|
||||
-webkit-border-top-left-radius: 3px;
|
||||
border-top-right-radius: 3px;
|
||||
border-top-left-radius: 3px;
|
||||
border-color: #ccc #ccc #dfdfdf;
|
||||
}
|
||||
|
||||
.wp-editor-container textarea.wp-editor-area {
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
@@ -993,31 +1126,20 @@
|
||||
|
||||
.quicktags-toolbar,
|
||||
.wp_themeSkin tr.mceFirst td.mceToolbar {
|
||||
border-bottom: 1px solid #d1d1d1;
|
||||
background: #eee;
|
||||
background-image: -webkit-gradient(linear, left bottom, left top, from(#e5e5e5), to(#f4f4f4));
|
||||
background-image: -webkit-linear-gradient(bottom, #e5e5e5, #f4f4f4);
|
||||
background-image: -moz-linear-gradient(bottom, #e5e5e5, #f4f4f4);
|
||||
background-image: -o-linear-gradient(bottom, #e5e5e5, #f4f4f4);
|
||||
background-image: linear-gradient(to top, #e5e5e5, #f4f4f4);
|
||||
border-bottom: 1px solid #dedede;
|
||||
background: #f5f5f5;
|
||||
}
|
||||
|
||||
.wp-switch-editor {
|
||||
height: 18px;
|
||||
font: 13px/18px Arial,Helvetica,sans-serif normal;
|
||||
margin: 5px 5px 0 0;
|
||||
padding: 4px 5px 2px;
|
||||
float: right;
|
||||
background: #ebebeb;
|
||||
border: 1px solid #dedede;
|
||||
color: #777;
|
||||
cursor: pointer;
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
-webkit-border-top-right-radius: 3px;
|
||||
-webkit-border-top-left-radius: 3px;
|
||||
border-top-right-radius: 3px;
|
||||
border-top-left-radius: 3px;
|
||||
background-color: #f1f1f1;
|
||||
border-color: #dfdfdf #dfdfdf #ccc;
|
||||
color: #999;
|
||||
float: right;
|
||||
font: 13px/19px "Open Sans", sans-serif;
|
||||
height: 19px;
|
||||
margin: 5px 0 0 5px;
|
||||
padding: 3px 8px 4px;
|
||||
}
|
||||
|
||||
html[dir="rtl"] .wp-switch-editor {
|
||||
@@ -1030,6 +1152,7 @@ html[dir="rtl"] .wp-switch-editor {
|
||||
|
||||
.wp-switch-editor:hover {
|
||||
text-decoration: none !important;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.js .tmce-active .wp-editor-area {
|
||||
@@ -1042,13 +1165,24 @@ html[dir="rtl"] .wp-switch-editor {
|
||||
|
||||
.tmce-active .switch-tmce,
|
||||
.html-active .switch-html {
|
||||
border-color: #ccc #ccc #f4f4f4;
|
||||
background-color: #f4f4f4;
|
||||
background: #f5f5f5;
|
||||
color: #555;
|
||||
height: 20px;
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.wp-media-buttons .button {
|
||||
margin-right: 5px;
|
||||
margin-bottom: 4px;
|
||||
padding-left: 7px;
|
||||
padding-right: 7px;
|
||||
}
|
||||
|
||||
.wp-media-buttons .button:active {
|
||||
position: relative;
|
||||
top: 1px;
|
||||
margin-top: -1px;
|
||||
margin-bottom: 1px;
|
||||
}
|
||||
|
||||
.rtl .wp-media-buttons .button {
|
||||
@@ -1057,12 +1191,12 @@ html[dir="rtl"] .wp-switch-editor {
|
||||
}
|
||||
|
||||
.wp-media-buttons .insert-media {
|
||||
padding-left: 0.4em;
|
||||
padding-left: 5px;
|
||||
}
|
||||
|
||||
.rtl .wp-media-buttons .insert-media {
|
||||
padding-left: 10px;
|
||||
padding-right: 0.4em;
|
||||
padding-left: 7px;
|
||||
padding-right: 5px;
|
||||
}
|
||||
|
||||
.wp-media-buttons a {
|
||||
@@ -1078,14 +1212,29 @@ html[dir="rtl"] .wp-switch-editor {
|
||||
|
||||
.wp-media-buttons span.wp-media-buttons-icon {
|
||||
display: inline-block;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
vertical-align: text-top;
|
||||
margin: 0 2px;
|
||||
}
|
||||
|
||||
.wp-media-buttons .add_media span.wp-media-buttons-icon {
|
||||
background: url('../../wp-admin/images/media-button.png') no-repeat top left;
|
||||
background: none;
|
||||
}
|
||||
|
||||
.wp-media-buttons .add_media span.wp-media-buttons-icon:before {
|
||||
font: normal 18px/1 'dashicons';
|
||||
speak: none;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.wp-media-buttons .add_media span.wp-media-buttons-icon:before {
|
||||
content: '\f104';
|
||||
}
|
||||
|
||||
.wp-media-buttons #insert-jetpack-contact-form span.jetpack-contact-form-icon:before {
|
||||
content: '\f175';
|
||||
}
|
||||
|
||||
.quicktags-toolbar {
|
||||
@@ -1109,7 +1258,7 @@ html[dir="rtl"] .wp-switch-editor {
|
||||
display: inline-block;
|
||||
min-width: 26px;
|
||||
padding: 2px 4px;
|
||||
font: 12px/18px Arial, Helvetica, sans-serif normal;
|
||||
font: 12px/18px "Open Sans", sans-serif;
|
||||
color: #464646;
|
||||
border: 1px solid #c3c3c3;
|
||||
-webkit-border-radius: 3px;
|
||||
@@ -1222,7 +1371,7 @@ html[dir="rtl"] .wp-switch-editor {
|
||||
}
|
||||
|
||||
#wp-link .toggle-arrow {
|
||||
background: transparent url( '../images/toggle-arrow.png' ) top left no-repeat;
|
||||
background: transparent url("../images/toggle-arrow.png") top left no-repeat;
|
||||
height: 23px;
|
||||
line-height: 23px;
|
||||
}
|
||||
@@ -1749,58 +1898,74 @@ RTL
|
||||
direction: rtl;
|
||||
}
|
||||
|
||||
.clearlooks2 .mceFocus .mceTop .mceLeft {
|
||||
background: #444444;
|
||||
border-left: 1px solid #999;
|
||||
border-top: 1px solid #999;
|
||||
-webkit-border-top-left-radius: 3px;
|
||||
border-top-left-radius: 3px;
|
||||
/* TinyMCE modal */
|
||||
.clearlooks2 .mceTop {
|
||||
border-bottom: 1px solid #ccc;
|
||||
}
|
||||
|
||||
.clearlooks2 .mceFocus .mceTop .mceRight {
|
||||
.clearlooks2 .mceTop span {
|
||||
font: 13px/24px "Open Sans", sans-serif;
|
||||
color: #e5e5e5;
|
||||
}
|
||||
|
||||
.clearlooks2 .mceTop .mceLeft {
|
||||
background: #444444;
|
||||
border-right: 1px solid #999;
|
||||
border-top: 1px solid #999;
|
||||
-webkit-border-top-right-radius: 3px;
|
||||
border-top-right-radius: 3px;
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
.clearlooks2 .mceTop .mceRight {
|
||||
background: #444444;
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
.clearlooks2 .mceMiddle {
|
||||
clip: rect(24px auto auto auto);
|
||||
}
|
||||
|
||||
.clearlooks2 .mceMiddle .mceLeft {
|
||||
background: #f1f1f1;
|
||||
border-left: 1px solid #999;
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
.clearlooks2 .mceMiddle .mceRight {
|
||||
background: #f1f1f1;
|
||||
border-right: 1px solid #999;
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
.clearlooks2 .mceBottom {
|
||||
background: #f1f1f1;
|
||||
border-bottom: 1px solid #999;
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
.clearlooks2 .mceBottom .mceLeft {
|
||||
background: #f1f1f1;
|
||||
border-bottom: 1px solid #999;
|
||||
border-left: 1px solid #999;
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
.clearlooks2 .mceBottom .mceCenter {
|
||||
background: #f1f1f1;
|
||||
border-bottom: 1px solid #999;
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
.clearlooks2 .mceBottom .mceRight {
|
||||
background: #f1f1f1;
|
||||
border-bottom: 1px solid #999;
|
||||
border-right: 1px solid #999;
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
.clearlooks2 .mceFocus .mceTop span {
|
||||
color: #e5e5e5;
|
||||
.clearlooks2 .mceClose,
|
||||
.clearlooks2 .mceFocus .mceClose,
|
||||
.clearlooks2 .mceFocus .mceClose:hover {
|
||||
background-image: none;
|
||||
}
|
||||
.clearlooks2 .mceClose:before {
|
||||
content: '\f158';
|
||||
font: normal 20px/1 'dashicons';
|
||||
speak: none;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
color: #666;
|
||||
padding-left: 12px;
|
||||
}
|
||||
|
||||
|
||||
/* Distraction Free Writing mode
|
||||
* =Overlay Styles
|
||||
@@ -1903,15 +2068,15 @@ RTL
|
||||
/* =Top bar
|
||||
-------------------------------------------------------------- */
|
||||
#fullscreen-topbar {
|
||||
background: #f5f5f5;
|
||||
border-bottom: 1px solid #fff;
|
||||
height: 40px;
|
||||
left: 0;
|
||||
min-width: 800px;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 150050;
|
||||
border-bottom-style: solid;
|
||||
border-bottom-width: 1px;
|
||||
min-width: 800px;
|
||||
width: 100%;
|
||||
height: 40px;
|
||||
z-index: 150050;
|
||||
}
|
||||
|
||||
#wp-fullscreen-toolbar {
|
||||
@@ -2035,11 +2200,6 @@ RTL
|
||||
display: none;
|
||||
}
|
||||
|
||||
#wp-fullscreen-buttons #wp_fs_image span.mce_image {
|
||||
background-image: url('../../wp-admin/images/media-button.png');
|
||||
background-position: 2px 2px;
|
||||
}
|
||||
|
||||
/* =Thickbox Adjustments
|
||||
-------------------------------------------------------------- */
|
||||
.fullscreen-active #TB_overlay {
|
||||
@@ -2074,22 +2234,6 @@ RTL
|
||||
border-color: #ccc;
|
||||
}
|
||||
|
||||
#fullscreen-topbar {
|
||||
border-bottom-color: #DFDFDF;
|
||||
background: #f1f1f1;
|
||||
background-image: -webkit-gradient(linear, left bottom, left top, from(#ececec), to(#f9f9f9));
|
||||
background-image: -webkit-linear-gradient(bottom, #ececec, #f9f9f9);
|
||||
background-image: -moz-linear-gradient(bottom, #ececec, #f9f9f9);
|
||||
background-image: -o-linear-gradient(bottom, #ececec, #f9f9f9);
|
||||
background-image: linear-gradient(to top, #ececec, #f9f9f9);
|
||||
}
|
||||
|
||||
#mce_fullscreen_container {
|
||||
background: #fff;
|
||||
/* Fix for the default fullscreen plugin for the media modal */
|
||||
z-index: 110000 !important;
|
||||
}
|
||||
|
||||
/* =CSS 3 transitions
|
||||
-------------------------------------------------------------- */
|
||||
|
||||
@@ -2227,49 +2371,9 @@ RTL
|
||||
(-o-min-device-pixel-ratio: 5/4),
|
||||
(-webkit-min-device-pixel-ratio: 1.25),
|
||||
(min-resolution: 120dpi) {
|
||||
.wp_themeSkin span.mce_undo,
|
||||
.wp_themeSkin span.mce_redo,
|
||||
.wp_themeSkin span.mce_bullist,
|
||||
.wp_themeSkin span.mce_numlist,
|
||||
.wp_themeSkin span.mce_blockquote,
|
||||
.wp_themeSkin span.mce_charmap,
|
||||
.wp_themeSkin span.mce_bold,
|
||||
.wp_themeSkin span.mce_italic,
|
||||
.wp_themeSkin span.mce_underline,
|
||||
.wp_themeSkin span.mce_justifyleft,
|
||||
.wp_themeSkin span.mce_justifyright,
|
||||
.wp_themeSkin span.mce_justifycenter,
|
||||
.wp_themeSkin span.mce_justifyfull,
|
||||
.wp_themeSkin span.mce_indent,
|
||||
.wp_themeSkin span.mce_outdent,
|
||||
.wp_themeSkin span.mce_link,
|
||||
.wp_themeSkin span.mce_unlink,
|
||||
.wp_themeSkin span.mce_help,
|
||||
.wp_themeSkin span.mce_removeformat,
|
||||
.wp_themeSkin span.mce_fullscreen,
|
||||
.wp_themeSkin span.mce_wp_fullscreen,
|
||||
.wp_themeSkin span.mce_media,
|
||||
.wp_themeSkin span.mce_pastetext,
|
||||
.wp_themeSkin span.mce_pasteword,
|
||||
.wp_themeSkin span.mce_wp_help,
|
||||
.wp_themeSkin span.mce_wp_adv,
|
||||
.wp_themeSkin span.mce_wp_more,
|
||||
.wp_themeSkin span.mce_strikethrough,
|
||||
.wp_themeSkin span.mce_spellchecker,
|
||||
.wp_themeSkin span.mce_forecolor,
|
||||
.wp_themeSkin .mce_forecolorpicker,
|
||||
.wp_themeSkin .mceSplitButton .mce_spellchecker span.mce_spellchecker,
|
||||
.wp_themeSkin .mceSplitButton .mce_forecolor span.mce_forecolor,
|
||||
.wp_themeSkin .mceSplitButton span.mce_numlist,
|
||||
.wp_themeSkin .mceSplitButton span.mce_bullist {
|
||||
background-image: url('../images/wpicons-2x.png?ver=20120720');
|
||||
background-size: 560px 40px;
|
||||
}
|
||||
|
||||
.wp-media-buttons .add_media span.wp-media-buttons-icon,
|
||||
#wp-fullscreen-buttons #wp_fs_image span.mce_image {
|
||||
background-image: url('../../wp-admin/images/media-button-2x.png');
|
||||
background-size: 16px 16px;
|
||||
background: none;
|
||||
}
|
||||
|
||||
.wp_themeSkin .mceListBox .mceOpen,
|
||||
|
||||
@@ -3,7 +3,7 @@
|
||||
*/
|
||||
.media-modal,
|
||||
.media-frame {
|
||||
font-family: sans-serif;
|
||||
font-family: "Open Sans", sans-serif;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
@@ -49,14 +49,12 @@
|
||||
.media-frame input[type="url"],
|
||||
.media-frame textarea,
|
||||
.media-frame select {
|
||||
font-family: sans-serif;
|
||||
font-family: "Open Sans", sans-serif;
|
||||
font-size: 12px;
|
||||
-moz-box-sizing: border-box;
|
||||
-webkit-box-sizing: border-box;
|
||||
-ms-box-sizing: border-box; /* ie8 only */
|
||||
box-sizing: border-box;
|
||||
-webkit-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
border-color: #dfdfdf;
|
||||
@@ -114,18 +112,34 @@
|
||||
|
||||
.media-modal-close {
|
||||
position: absolute;
|
||||
top: 7px;
|
||||
right: 7px;
|
||||
text-decoration: none;
|
||||
top: 5px;
|
||||
right: 10px;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
z-index: 1000;
|
||||
}
|
||||
.media-modal-close span {
|
||||
|
||||
.media-modal-close span.media-modal-icon {
|
||||
display: block;
|
||||
margin: 8px auto 0;
|
||||
width: 15px;
|
||||
height: 15px;
|
||||
background-position: -100px 0;
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
.media-modal-close .media-modal-icon:before {
|
||||
content: '\f158';
|
||||
font: normal 20px/1 'dashicons';
|
||||
speak: none;
|
||||
vertical-align: middle;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.media-modal-close:hover .media-modal-icon:before {
|
||||
color: #2ea2cc;
|
||||
}
|
||||
|
||||
.media-modal-close:active {
|
||||
@@ -141,6 +155,7 @@
|
||||
overflow: auto;
|
||||
min-height: 300px;
|
||||
background: #fff;
|
||||
-webkit-font-smoothing: subpixel-antialiased;
|
||||
}
|
||||
|
||||
.media-modal-icon {
|
||||
@@ -209,7 +224,6 @@
|
||||
}
|
||||
|
||||
.media-sidebar .sidebar-title {
|
||||
font-weight: 200;
|
||||
font-size: 20px;
|
||||
margin: 0;
|
||||
padding: 12px 10px 10px;
|
||||
@@ -232,7 +246,6 @@
|
||||
text-transform: uppercase;
|
||||
font-size: 12px;
|
||||
color: #777;
|
||||
text-shadow: 0 1px 0 #fff;
|
||||
margin: 24px 0 8px;
|
||||
}
|
||||
|
||||
@@ -261,10 +274,11 @@
|
||||
max-width: 65%;
|
||||
}
|
||||
|
||||
.media-sidebar .setting input[type="checkbox"] {
|
||||
width: auto;
|
||||
.media-sidebar .setting input[type="checkbox"],
|
||||
.media-sidebar .field input[type="checkbox"] {
|
||||
width: 16px;
|
||||
float: none;
|
||||
margin-top: 8px;
|
||||
margin: 8px 3px 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
@@ -277,11 +291,11 @@
|
||||
text-align: right;
|
||||
font-weight: normal;
|
||||
color: #999;
|
||||
text-shadow: 0 1px 0 #fff;
|
||||
}
|
||||
|
||||
.media-sidebar .setting input,
|
||||
.media-sidebar .setting textarea {
|
||||
margin: 1px;
|
||||
width: 65%;
|
||||
float: right;
|
||||
}
|
||||
@@ -336,8 +350,7 @@
|
||||
|
||||
.compat-item .field {
|
||||
float: right;
|
||||
width: 65%;
|
||||
padding-right: 1px;
|
||||
width: 66%;
|
||||
}
|
||||
|
||||
.compat-item .field input {
|
||||
@@ -357,8 +370,8 @@
|
||||
bottom: 0;
|
||||
margin: 0;
|
||||
padding: 16px 0;
|
||||
border-right: 1px solid #d9d9d9;
|
||||
box-shadow: inset -6px 0 6px -6px rgba( 0, 0, 0, 0.2 );
|
||||
border-right-width: 1px;
|
||||
border-right-style: solid;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
@@ -368,12 +381,11 @@
|
||||
.media-menu > a {
|
||||
display: block;
|
||||
position: relative;
|
||||
padding: 4px 20px;
|
||||
padding: 8px 20px;
|
||||
margin: 0;
|
||||
line-height: 18px;
|
||||
font-size: 14px;
|
||||
color: #21759B;
|
||||
text-shadow: 0 1px 0 #fff;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
@@ -417,13 +429,11 @@
|
||||
.media-router > a {
|
||||
position: relative;
|
||||
float: left;
|
||||
padding: 2px 10px;
|
||||
padding: 8px 10px 9px;
|
||||
margin: 0;
|
||||
height: 18px;
|
||||
line-height: 18px;
|
||||
font-size: 14px;
|
||||
border-right: 1px solid #dfdfdf;
|
||||
text-shadow: 0 1px 0 #fff;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
@@ -441,21 +451,13 @@
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.media-router .active:after {
|
||||
content: '';
|
||||
display: block;
|
||||
margin: -100px auto 0;
|
||||
width: 7px;
|
||||
height: 7px;
|
||||
background: #fff;
|
||||
box-shadow: 1px 1px 1px rgba( 0, 0, 0, 0.2 );
|
||||
z-index: 300;
|
||||
.media-router .active,
|
||||
.media-router > a.active:last-child {
|
||||
margin: -1px -1px 0;
|
||||
}
|
||||
|
||||
-webkit-transform: rotate( 45deg ) translate( 75px, 75px );
|
||||
-moz-transform: rotate( 45deg ) translate( 75px, 75px );
|
||||
-ms-transform: rotate( 45deg ) translate( 75px, 75px );
|
||||
-o-transform: rotate( 45deg ) translate( 75px, 75px );
|
||||
transform: rotate( 45deg ) translate( 75px, 75px );
|
||||
.media-router .active:after {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/**
|
||||
@@ -484,24 +486,22 @@
|
||||
top: 0;
|
||||
left: 200px;
|
||||
right: 0;
|
||||
height: 45px;
|
||||
height: 56px;
|
||||
z-index: 200;
|
||||
}
|
||||
|
||||
.media-frame-router {
|
||||
position: absolute;
|
||||
top: 45px;
|
||||
top: 56px;
|
||||
left: 200px;
|
||||
right: 0;
|
||||
height: 30px;
|
||||
height: 36px;
|
||||
z-index: 200;
|
||||
border-bottom: 1px solid #dfdfdf;
|
||||
box-shadow: 0 4px 4px -4px rgba( 0, 0, 0, 0.1 );
|
||||
}
|
||||
|
||||
.media-frame-content {
|
||||
position: absolute;
|
||||
top: 75px;
|
||||
top: 90px;
|
||||
left: 200px;
|
||||
right: 0;
|
||||
bottom: 61px;
|
||||
@@ -509,6 +509,10 @@
|
||||
width: auto;
|
||||
margin: 0;
|
||||
overflow: auto;
|
||||
border-top-width: 1px;
|
||||
border-top-style: solid;
|
||||
border-bottom-width: 1px;
|
||||
border-bottom-style: solid;
|
||||
}
|
||||
|
||||
.media-frame-toolbar {
|
||||
@@ -518,9 +522,6 @@
|
||||
bottom: 0;
|
||||
height: 60px;
|
||||
z-index: 100;
|
||||
border: 0 solid #dfdfdf;
|
||||
border-width: 1px 0 0 0;
|
||||
box-shadow: 0 -4px 4px -4px rgba( 0, 0, 0, 0.1 );
|
||||
}
|
||||
|
||||
.media-frame.hide-menu .media-frame-title,
|
||||
@@ -543,7 +544,7 @@
|
||||
}
|
||||
|
||||
.media-frame.hide-router .media-frame-content {
|
||||
top: 45px;
|
||||
top: 56px;
|
||||
}
|
||||
|
||||
.media-frame.hide-router .media-frame-router {
|
||||
@@ -562,8 +563,7 @@
|
||||
.media-frame-title h1 {
|
||||
padding: 0 16px;
|
||||
font-size: 22px;
|
||||
font-weight: 200;
|
||||
line-height: 45px;
|
||||
line-height: 60px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
@@ -598,7 +598,7 @@
|
||||
line-height: 18px;
|
||||
font-size: 13px;
|
||||
color: #464646;
|
||||
font-family: sans-serif;
|
||||
font-family: "Open Sans", sans-serif;
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
|
||||
@@ -641,12 +641,6 @@
|
||||
0 0 0 3px #ccc;
|
||||
}
|
||||
|
||||
.details.attachment {
|
||||
box-shadow:
|
||||
0 0 0 1px #fff,
|
||||
0 0 0 5px #1e8cbe;
|
||||
}
|
||||
|
||||
.attachment-preview {
|
||||
position: relative;
|
||||
width: 199px;
|
||||
@@ -779,15 +773,7 @@
|
||||
outline: none;
|
||||
|
||||
border: 1px solid #fff;
|
||||
border-radius: 3px;
|
||||
box-shadow: 0 0 0 1px rgba( 0, 0, 0, 0.4 );
|
||||
|
||||
background: #f1f1f1;
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#e1e1e1));
|
||||
background-image: -webkit-linear-gradient(top, #f1f1f1, #e1e1e1);
|
||||
background-image: -moz-linear-gradient(top, #f1f1f1, #e1e1e1);
|
||||
background-image: -o-linear-gradient(top, #f1f1f1, #e1e1e1);
|
||||
background-image: linear-gradient(to bottom, #f1f1f1, #e1e1e1);
|
||||
}
|
||||
|
||||
.attachment .check div {
|
||||
@@ -938,7 +924,6 @@
|
||||
display: none;
|
||||
font-size: 12px;
|
||||
color: #666;
|
||||
text-shadow: 0 1px 0 #fff;
|
||||
}
|
||||
|
||||
.uploading.media-uploader-status .upload-details {
|
||||
@@ -1032,6 +1017,7 @@
|
||||
}
|
||||
|
||||
.uploader-window h3 {
|
||||
margin: -0.5em 0 0;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 0;
|
||||
@@ -1042,8 +1028,7 @@
|
||||
-o-transform: translateY( -50% );
|
||||
transform: translateY( -50% );
|
||||
|
||||
font-size: 20px;
|
||||
font-weight: 200;
|
||||
font-size: 40px;
|
||||
color: #fff;
|
||||
padding: 0;
|
||||
}
|
||||
@@ -1092,7 +1077,7 @@
|
||||
.uploader-inline h3 {
|
||||
font-size: 20px;
|
||||
line-height: 28px;
|
||||
font-weight: 200;
|
||||
font-weight: 400;
|
||||
margin-bottom: 1.6em;
|
||||
}
|
||||
|
||||
@@ -1252,13 +1237,13 @@
|
||||
*/
|
||||
|
||||
.media-frame .spinner {
|
||||
background: url(../images/wpspin.gif) no-repeat;
|
||||
background-size: 16px 16px;
|
||||
background: url('../images/spinner.gif') no-repeat;
|
||||
background-size: 20px 20px;
|
||||
display: none;
|
||||
opacity: 0.7;
|
||||
filter: alpha(opacity=70);
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
@@ -1402,14 +1387,11 @@
|
||||
.embed-url {
|
||||
display: block;
|
||||
position: relative;
|
||||
padding: 0 16px 7px;
|
||||
padding: 16px;
|
||||
margin: 0;
|
||||
z-index: 250;
|
||||
background: #fff;
|
||||
border-bottom: 1px solid #dfdfdf;
|
||||
box-shadow: 0 4px 4px -4px rgba( 0, 0, 0, 0.1 );
|
||||
font-size: 18px;
|
||||
font-weight: 200;
|
||||
}
|
||||
|
||||
.media-frame .embed-url input {
|
||||
@@ -1433,8 +1415,7 @@
|
||||
.embed-link-settings,
|
||||
.embed-image-settings {
|
||||
position: absolute;
|
||||
background: #f5f5f5;
|
||||
top: 57px;
|
||||
top: 60px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
@@ -1480,7 +1461,6 @@
|
||||
font-size: 13px;
|
||||
line-height: 24px;
|
||||
color: #999;
|
||||
text-shadow: 0 1px 0 #fff;
|
||||
}
|
||||
|
||||
.media-embed .setting .button-group {
|
||||
@@ -1627,6 +1607,10 @@
|
||||
.media-menu .separator {
|
||||
margin: 12px 10px;
|
||||
}
|
||||
|
||||
.media-modal-close {
|
||||
right: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 800px) {
|
||||
@@ -1662,12 +1646,13 @@
|
||||
(-o-min-device-pixel-ratio: 5/4),
|
||||
(-webkit-min-device-pixel-ratio: 1.25),
|
||||
(min-resolution: 120dpi) {
|
||||
|
||||
.media-modal-icon {
|
||||
background-image: url(../images/uploader-icons-2x.png);
|
||||
background-size: 134px 15px;
|
||||
}
|
||||
|
||||
.media-frame .spinner {
|
||||
background-image: url(../images/wpspin-2x.gif);
|
||||
background-image: url('../images/spinner-2x.gif');
|
||||
}
|
||||
}
|
||||
@@ -1,23 +1,11 @@
|
||||
.wp-pointer {
|
||||
}
|
||||
|
||||
.wp-pointer-content {
|
||||
.wp-pointer-content {
|
||||
padding: 0 0 10px;
|
||||
position: relative;
|
||||
font-size: 13px;
|
||||
|
||||
background: #fff;
|
||||
border-style: solid;
|
||||
border-width: 1px;
|
||||
/* Fallback for non-rgba-compliant browsers */
|
||||
border-color: #dfdfdf;
|
||||
/* Use rgba to look better against non-white backgrounds. */
|
||||
border-color: rgba(0,0,0,.125);
|
||||
-webkit-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
|
||||
-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.19);
|
||||
box-shadow: 0 2px 4px rgba(0,0,0,.19);
|
||||
border: none;
|
||||
-webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.075);
|
||||
box-shadow: 0 3px 6px rgba(0,0,0,0.075);
|
||||
}
|
||||
|
||||
.wp-pointer-content h3 {
|
||||
@@ -27,14 +15,7 @@
|
||||
line-height: 1.4em;
|
||||
font-size: 14px;
|
||||
color: #fff;
|
||||
border-radius: 3px 3px 0 0;
|
||||
text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
|
||||
background: #8cc1e9;
|
||||
background-image: -webkit-gradient(linear, left bottom, left top, from(#72a7cf), to(#8cc1e9));
|
||||
background-image: -webkit-linear-gradient(bottom, #72a7cf, #8cc1e9);
|
||||
background-image: -moz-linear-gradient(bottom, #72a7cf, #8cc1e9);
|
||||
background-image: -o-linear-gradient(bottom, #72a7cf, #8cc1e9);
|
||||
background-image: linear-gradient(to top, #72a7cf, #8cc1e9);
|
||||
background: #2ea2cc;
|
||||
}
|
||||
|
||||
.wp-pointer-content h3:before {
|
||||
@@ -64,17 +45,17 @@
|
||||
}
|
||||
|
||||
.wp-pointer-buttons a.close {
|
||||
padding-left:3px;
|
||||
padding-left: 3px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.wp-pointer-buttons a.close:before {
|
||||
content: ' ';
|
||||
width:10px;
|
||||
height:100%;
|
||||
position:absolute;
|
||||
left:-10px;
|
||||
background:url('../images/xit.gif') 0 50% no-repeat;
|
||||
font-size: 13px;
|
||||
width: 10px;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
left: -12px;
|
||||
top: 1px;
|
||||
}
|
||||
|
||||
.wp-pointer-buttons a.close:hover:before {
|
||||
@@ -91,7 +72,9 @@
|
||||
|
||||
.wp-pointer-arrow {
|
||||
z-index: 10;
|
||||
background:url('../images/arrow-pointer-blue.png') 0 0 no-repeat;
|
||||
width: 0;
|
||||
height: 0;
|
||||
border: 0 solid transparent;
|
||||
}
|
||||
|
||||
.wp-pointer-arrow-inner {
|
||||
@@ -121,38 +104,38 @@
|
||||
.wp-pointer-bottom .wp-pointer-arrow,
|
||||
.wp-pointer-undefined .wp-pointer-arrow {
|
||||
left: 50px;
|
||||
width: 30px;
|
||||
height: 14px;
|
||||
}
|
||||
|
||||
.wp-pointer-left .wp-pointer-arrow,
|
||||
.wp-pointer-right .wp-pointer-arrow {
|
||||
top: 50%;
|
||||
margin-top: -15px;
|
||||
width: 14px;
|
||||
height: 30px;
|
||||
}
|
||||
|
||||
/* Arrow Sprite */
|
||||
.wp-pointer-top .wp-pointer-arrow,
|
||||
.wp-pointer-undefined .wp-pointer-arrow {
|
||||
top: 0;
|
||||
background-position: 0 0;
|
||||
border-width: 0 17px 15px 17px;
|
||||
border-bottom-color: #2ea2cc;
|
||||
}
|
||||
|
||||
.wp-pointer-bottom .wp-pointer-arrow {
|
||||
bottom: 0;
|
||||
background-position: 0 -46px;
|
||||
border-width: 15px 17px 0 17px;
|
||||
border-top-color: #fff;
|
||||
}
|
||||
|
||||
.wp-pointer-left .wp-pointer-arrow {
|
||||
left: 0;
|
||||
background-position: 0 -15px;
|
||||
border-width: 17px 15px 17px 0;
|
||||
border-right-color: #fff;
|
||||
}
|
||||
|
||||
.wp-pointer-right .wp-pointer-arrow {
|
||||
right:0;
|
||||
background-position:-16px -15px;
|
||||
border-width: 17px 0 17px 15px;
|
||||
border-left-color: #fff;
|
||||
}
|
||||
|
||||
/* - RTL
|
||||
@@ -185,44 +168,3 @@
|
||||
.rtl .wp-pointer-undefined .wp-pointer-arrow {
|
||||
right: 50px;
|
||||
}
|
||||
|
||||
/**
|
||||
* HiDPI Displays
|
||||
*/
|
||||
@media print,
|
||||
(-o-min-device-pixel-ratio: 5/4),
|
||||
(-webkit-min-device-pixel-ratio: 1.25),
|
||||
(min-resolution: 120dpi) {
|
||||
|
||||
.wp-pointer-buttons a.close:before {
|
||||
background-image: url('../images/xit-2x.gif');
|
||||
background-size: 20px auto;
|
||||
}
|
||||
|
||||
.wp-pointer-content h3:before {
|
||||
background-image: url('../images/icon-pointer-flag-2x.png');
|
||||
background-size: 36px auto;
|
||||
}
|
||||
|
||||
.wp-pointer-arrow {
|
||||
background: url('../images/arrow-pointer-blue-2x.png') 0 0 no-repeat;
|
||||
background-size: 30px 60px;
|
||||
}
|
||||
|
||||
.wp-pointer-top .wp-pointer-arrow,
|
||||
.wp-pointer-undefined .wp-pointer-arrow {
|
||||
background-position: 0 1px;
|
||||
}
|
||||
|
||||
.wp-pointer-bottom .wp-pointer-arrow {
|
||||
background-position: 0 -47px;
|
||||
}
|
||||
|
||||
.wp-pointer-left .wp-pointer-arrow {
|
||||
background-position: 1px -15px;
|
||||
}
|
||||
|
||||
.wp-pointer-right .wp-pointer-arrow {
|
||||
background-position:-17px -15px;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user