Файл: wordpress/wp-admin/css/customize-controls.css
Строк: 1223
body {
overflow: hidden;
-webkit-text-size-adjust:
100%;
}
#customize-controls a {
text-decoration:
none;
}
#customize-controls h3 {
font-size: 14px;
}
#customize-controls
img {
max-width: 100%;
}
#customize-controls .submit {
text-align:
center;
}
#customize-controls .description {
color:
#666666;
}
#customize-header-actions .button-primary {
float:
right;
margin-top: 9px;
}
#customize-header-actions .spinner
{
margin-top: 13px;
margin-right: 4px;
}
.saving
#customize-header-actions .spinner {
visibility:
visible;
}
#customize-header-actions {
border-bottom: 1px solid
#ddd;
}
#customize-header-actions .secondary-actions {
display:
none;
}
#customize-controls .wp-full-overlay-sidebar-content
{
overflow-y: auto;
overflow-x: hidden;
}
#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:after,
#customize-info
.accordion-section-title:hover:after,
#customize-info
.accordion-section-title:focus:after {
color: #555555;
}
#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 .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: #fff;
}
#customize-info.open
.accordion-section-title,
#customize-info
.accordion-section-title:hover,
#customize-info
.accordion-section-title:focus,
#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:
#23282d;
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:
#555;
}
#customize-info.open,
#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;
}
.control-section.control-panel > .accordion-section-title
{
padding-right: 54px;
}
.control-section.control-panel >
.accordion-section-title:after {
content: "\f345";
background:
#f5f5f5;
color: #555;
width: 38px;
height: 100%;
margin: -11px -10px
-11px 0; /* compensate for positioning */
line-height:
45px;
padding-left: 5px;
border-left: 1px solid #eee;
z-index:
0;
}
#customize-theme-controls .control-section.control-panel >
h3.accordion-section-title:focus:after,
#customize-theme-controls
.control-section.control-panel > h3.accordion-section-title:hover:after
{
background: #ddd;
color: #000;
border: 1px solid
#d9d9d9;
border-right: none;
margin-top: -12px;
line-height:
44px;
z-index: 1;
}
.accordion-sub-container.control-panel-content
{
display: none;
position: absolute;
left: 300px;
top: 0;
width:
300px;
border-top: 1px solid #ddd;
-webkit-transition: left ease-in-out
.18s;
transition: left ease-in-out
.18s;
}
.accordion-sub-container.control-panel-content.animating
{
display: block;
}
.current-panel
.accordion-sub-container.control-panel-content {
width:
100%;
}
.customize-overlay-close,
.customize-controls-close {
display:
block;
position: absolute;
top: 0;
left: 0;
width: 45px;
height:
45px;
padding: 0 2px 0 0;
background: #eee;
border: none;
border-right:
1px solid #ddd;
color: #444;
text-align: left;
cursor:
pointer;
-webkit-transition: color .1s ease-in-out, background .1s
ease-in-out;
transition: color .1s ease-in-out, background .1s
ease-in-out;
-webkit-box-sizing: content-box;
-moz-box-sizing:
content-box;
box-sizing: content-box;
}
.customize-overlay-close {
left:
auto;
right: 0;
border-right: 0;
border-left: 1px solid
#ddd;
}
.control-panel-back {
display: block;
position: fixed;
top:
0;
z-index: 99;
left: -48px;
width: 45px;
height: 45px;
padding-right:
2px;
background: #eee;
border-right: 1px solid #ddd;
cursor:
pointer;
-webkit-transition: left .18s ease-in-out, color .1s ease-in-out,
background .1s ease-in-out;
transition: left .18s ease-in-out, color .1s
ease-in-out, background .1s ease-in-out;
}
.ios .control-panel-back
{
-webkit-transition: left 0s;
transition: left 0s;
}
.collapsed
.control-panel-back {
display:
none;
}
.customize-overlay-close:focus,
.customize-overlay-close:hover,
.customize-controls-close:focus,
.customize-controls-close:hover,
.control-panel-back:focus,
.control-panel-back:hover,
.customize-controls-preview-toggle:focus,
.customize-controls-preview-toggle:hover
{
background: #ddd;
border-color: #ccc;
color: #000;
outline:
none;
-webkit-box-shadow: none;
box-shadow:
none;
}
.customize-overlay-close:before,
.customize-controls-close:before
{
font: normal 22px/45px dashicons;
content:
"\f335";
position: relative;
top: 1px;
left:
13px;
}
.control-panel-back:before {
font: normal 20px/45px
dashicons;
content: "\f341";
position: relative;
top:
1px;
left: 13px;
}
.in-sub-panel .control-panel-back {
left:
0;
}
.current-panel > .accordion-section-title {
height:
22px;
}
.wp-full-overlay-sidebar .wp-full-overlay-header
{
-webkit-transition: padding ease-in-out .18s;
transition: padding
ease-in-out .18s;
}
.in-sub-panel .wp-full-overlay-sidebar
.wp-full-overlay-header {
padding-left:
62px;
}
#customize-info,
#customize-theme-controls > ul >
.accordion-section {
position: relative;
left: 0;
-webkit-transition:
left ease-in-out .18s;
transition: left ease-in-out .18s;
}
.ios
#customize-info,
.ios #customize-theme-controls > ul >
.accordion-section {
-webkit-transition: left 0s;
transition: left
0s;
}
.in-sub-panel #customize-info,
.in-sub-panel
#customize-theme-controls > ul > .accordion-section {
left:
-300px;
width: 300px;
}
.in-sub-panel #customize-theme-controls
.accordion-section.current-panel {
width:
100%;
}
#customize-theme-controls .control-section.current-panel
{
padding: 0;
}
#customize-theme-controls .control-section >
h3.accordion-section-title {
position: relative;
left:
0;
}
#customize-theme-controls .control-section.current-panel >
h3.accordion-section-title {
left: -354px;
-webkit-transition: left
ease-in-out .18s;
transition: left ease-in-out .18s;
}
.ios
#customize-theme-controls .control-section.current-panel >
h3.accordion-section-title {
-webkit-transition: left 0s;
transition:
left 0s;
}
.control-section.control-panel .accordion-section-title
.panel-title {
font-size: 20px;
font-weight: 200;
line-height:
24px;
display: block;
border: none;
}
.control-section.control-panel
.preview-notice {
font-size: 13px;
line-height:
24px;
}
p.customize-section-description {
font-style:
normal;
}
.customize-control {
width: 100%;
float: left;
clear:
both;
margin-bottom: 8px;
}
.customize-control select,
.customize-control
input[type="radio"],
.customize-control
input[type="checkbox"] {
line-height:
28px;
}
.customize-control
input[type="text"],
.customize-control
input[type="password"],
.customize-control
input[type="email"],
.customize-control
input[type="number"],
.customize-control
input[type="search"],
.customize-control
input[type="tel"],
.customize-control input[type="url"]
{
width: 98%;
line-height: 18px;
margin: 0;
}
.customize-control-hidden
{
margin: 0;
}
.customize-control-textarea textarea {
width:
100%;
resize: vertical;
}
.customize-control select {
min-width:
50%;
max-width: 100%;
height: 28px;
line-height:
28px;
}
.customize-control select[multiple] {
height:
auto;
}
.customize-control-title {
display: block;
font-size:
14px;
line-height: 24px;
font-weight: 600;
margin-bottom:
5px;
}
.customize-control-description {
display: block;
font-style:
italic;
line-height: 18px;
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;
}
.customize-control-radio {
padding: 5px 0
10px;
}
.customize-control-radio .customize-control-title
{
margin-bottom: 0;
line-height: 22px;
}
.customize-control-radio
.customize-control-title + .customize-control-description {
margin-top:
7px;
}
.customize-control-radio label {
line-height:
32px;
}
.customize-control-radio input {
margin-right:
5px;
}
.customize-control .attachment-thumb.type-icon {
float:
left;
margin: 10px;
width: auto;
}
.customize-control .attachment-title
{
font-weight: bold;
margin: 0;
padding: 5px 10px;
}
.customize-control
.attachment-meta {
white-space: nowrap;
overflow: hidden;
text-overflow:
ellipsis;
margin: 0;
padding: 0 10px;
}
.customize-control
.attachment-meta-title {
padding-top: 7px;
}
.customize-control
.thumbnail-image {
line-height: 0;
}
.customize-control .thumbnail-image
img {
cursor: pointer;
}
#customize-controls .thumbnail-audio .thumbnail
{
max-width: 64px;
max-height: 64px;
margin: 10px;
float:
left;
}
#customize-preview iframe {
width: 100%;
height:
100%;
}
.wp-full-overlay-sidebar {
background: #eeeeee;
border-right:
1px solid #ddd;
}
.collapse-sidebar {
background-color: transparent
!important;
border: none !important;
-webkit-box-shadow: none
!important;
box-shadow: none !important;
-webkit-border-radius: 0
!important;
border-radius: 0
!important;
}
.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: #82878c;
}
/* Style for custom
settings */
/*
* Dropdowns
*/
.accordion-section .dropdown {
float:
left;
display: block;
position: relative;
cursor:
pointer;
}
.accordion-section .dropdown-content {
overflow:
hidden;
float: left;
min-width: 30px;
height: 16px;
line-height:
16px;
margin-right: 16px;
padding: 4px 5px;
border: 2px solid
#eeeeee;
-webkit-user-select: none;
-moz-user-select:
none;
-ms-user-select: none;
user-select: none;
}
.customize-control
.dropdown-arrow {
position: absolute;
top: 0;
bottom: 0;
right:
0;
width: 20px;
background: #eeeeee;
}
.customize-control
.dropdown-arrow:after {
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: #32373c;
}
.customize-control .dropdown-status
{
color: #32373c;
background: #eeeeee;
display: none;
max-width:
112px;
}
/* Color Picker */
.customize-control-color .color-picker-hex
{
display: none;
}
.customize-control-color.open .color-picker-hex
{
display: block;
}
.customize-control-color .dropdown {
margin-right:
5px;
margin-bottom: 5px;
}
.customize-control-color .dropdown
.dropdown-content {
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);
}
/**
* iOS can't scroll iframes,
* instead it expands the iframe size to match the size of the content
*/
.ios .wp-full-overlay {
position: relative;
}
.ios #customize-preview
{
position: relative;
}
.ios #customize-controls
.wp-full-overlay-sidebar-content {
-webkit-overflow-scrolling:
touch;
}
/** Media controls **/
.customize-control-media
.current,
.customize-control-upload .current,
.customize-control-image
.current,
.customize-control-background .current,
.customize-control-header
.current {
margin-bottom: 8px;
}
.customize-control-header .uploaded
{
margin-bottom: 18px;
}
.customize-control-header .uploaded
button:not(.random),
.customize-control-header .default button:not(.random)
{
width: 100%;
padding: 0;
margin: 0;
background: none;
border:
none;
color: inherit;
cursor: pointer;
}
.customize-control-header
button img {
display: block;
}
.customize-control-media
.remove-button,
.customize-control-media
.default-button,
.customize-control-media
.upload-button,
.customize-control-upload
.remove-button,
.customize-control-upload
.default-button,
.customize-control-upload
.upload-button,
.customize-control-image
.remove-button,
.customize-control-image
.default-button,
.customize-control-image
.upload-button,
.customize-control-background
.remove-button,
.customize-control-background
.default-button,
.customize-control-background
.upload-button,
.customize-control-header
button.new,
.customize-control-header button.remove {
white-space:
normal;
width: 48%;
height: auto;
}
.customize-control-media .current
.container,
.customize-control-upload .current
.container,
.customize-control-image .current
.container,
.customize-control-background .current
.container,
.customize-control-header .current .container {
overflow:
hidden;
-webkit-border-radius: 2px;
border: 1px solid
#eee;
-webkit-border-radius: 2px;
border-radius:
2px;
}
.customize-control-media .current
.container,
.customize-control-upload .current
.container,
.customize-control-background .current
.container,
.customize-control-image .current .container {
min-height:
40px;
}
.customize-control-media .placeholder,
.customize-control-upload
.placeholder,
.customize-control-image
.placeholder,
.customize-control-background
.placeholder,
.customize-control-header .placeholder {
width:
100%;
position: relative;
text-align: center;
cursor:
default;
}
.customize-control-media .inner,
.customize-control-upload
.inner,
.customize-control-image .inner,
.customize-control-background
.inner,
.customize-control-header .inner {
display: none;
position:
absolute;
width: 100%;
color: #555;
white-space: nowrap;
text-overflow:
ellipsis;
overflow: hidden;
}
.customize-control-media
.inner,
.customize-control-upload .inner,
.customize-control-background
.inner,
.customize-control-image .inner {
display: block;
min-height:
40px;
}
.customize-control-media .inner,
.customize-control-upload
.inner,
.customize-control-image .inner,
.customize-control-background
.inner,
.customize-control-header .inner,
.customize-control-header .inner
.dashicons {
line-height: 20px;
top: 10px;
}
.customize-control-header
.list .inner,
.customize-control-header .list .inner .dashicons {
top:
9px;
}
.customize-control-header .header-view {
position:
relative;
width: 100%;
margin-bottom: 5px;
}
.customize-control-header
.header-view:last-child {
margin-bottom: 0px;
}
/* Convoluted, but
'outline' support isn't good enough yet */
.customize-control-header
.header-view:after {
border: 0;
}
.customize-control-header
.header-view.selected:after {
content: '';
position: absolute;
height:
auto;
top: 0; left: 0; bottom: 0; right: 0;
border: 4px solid
#00a0d2;
-webkit-border-radius: 2px;
border-radius:
2px;
}
.customize-control-header .header-view.button.selected {
border:
0;
}
/* Header control: overlay "close" button
*/
.customize-control-header .uploaded .header-view .close {
font-size:
2em;
color: grey;
position: absolute;
visibility: hidden;
top:
10px;
right: 10px;
z-index: 1;
width: 20px;
height: 20px;
cursor:
pointer;
}
.customize-control-header .uploaded .header-view .close:hover
{
color: black;
text-shadow:
-1px -1px 0 #fff,
1px -1px 0 #fff,
-1px 1px 0 #fff,
1px 1px 0 #fff;
}
.customize-control-header
.header-view:hover .close {
visibility: visible;
}
/* Header control:
randomiz(s)er */
.customize-control-header .random.placeholder {
cursor:
pointer;
-webkit-border-radius: 2px;
border-radius: 2px;
height:
40px;
}
.customize-control-header button.random {
width: 100%;
height:
auto;
min-height: 40px;
white-space: normal;
}
.customize-control-header
button.random .dice {
margin-top: 4px;
}
.customize-control-header
.placeholder:hover .dice,
.customize-control-header .header-view:hover >
button.random .dice {
-webkit-animation: dice-color-change 3s
infinite;
animation: dice-color-change 3s infinite;
}
@-webkit-keyframes
dice-color-change {
0% { color: #d4b146; }
50% { color: #ef54b0; }
75% {
color: #7190d3; }
100% { color: #d4b146; }
}
@keyframes dice-color-change
{
0% { color: #d4b146; }
50% { color: #ef54b0; }
75% { color: #7190d3;
}
100% { color: #d4b146; }
}
.customize-control-media
.actions,
.customize-control-upload .actions,
.customize-control-image
.actions,
.customize-control-background .actions,
.customize-control-header
.actions {
margin-bottom: 32px;
}
.customize-control-header .choice
{
position: relative;
display: block;
margin-bottom:
9px;
}
.customize-control-header .uploaded div:last-child > .choice
{
margin-bottom: 0;
}
.customize-control-media
img,
.customize-control-upload img,
.customize-control-image
img,
.customize-control-background img,
.customize-control-header img
{
width: 100%;
-webkit-border-radius: 2px;
border-radius:
2px;
}
.customize-control-media .remove-button,
.customize-control-media
.default-button,
.customize-control-upload
.remove-button,
.customize-control-upload
.default-button,
.customize-control-image
.remove-button,
.customize-control-image
.default-button,
.customize-control-background
.remove-button,
.customize-control-background
.default-button,
.customize-control-header .remove {
float:
left;
margin-right: 3px;
}
.customize-control-media
.upload-button,
.customize-control-upload
.upload-button,
.customize-control-image
.upload-button,
.customize-control-background
.upload-button,
.customize-control-header .new {
float: right;
}
/**
*
Themes
*/
@-webkit-keyframes customize-reload {
0% { opacity: 0;
}
100% { opacity: 1; }
}
@keyframes customize-reload {
0% { opacity:
0; }
100% { opacity: 1; }
}
/* #customize-container is reused from
customize-loader.js, hence the naming. */
.wp-customizer .customize-loading
#customize-container {
display: block;
-webkit-animation:
customize-reload .75s; /* Can't use `transition` because `display` changes
here. */
animation: customize-reload .75s;
}
.control-section-themes
.accordion-section-title {
cursor: default;
}
#customize-theme-controls
.control-section-themes
.accordion-section-title:hover,
#customize-theme-controls
.control-section-themes .accordion-section-title:focus {
color:
#555555;
background-color: #fff;
}
.control-section-themes
.accordion-section-title {
margin: 15px 0;
}
.customize-themes-panel
.accordion-section-title {
margin: 15px -8px;
}
.control-section-themes
.accordion-section-title {
padding-right: 100px; /* Space for the button
*/
}
.control-section-themes .accordion-section-title span {
font-size:
small;
display: block;
font-weight: 400;
}
.control-section-themes
.accordion-section-title .change-theme,
.control-section-themes
.accordion-section-title .customize-theme {
position: absolute;
right:
10px;
top: 50%;
margin-top: -14px;
font-weight:
normal;
}
.customize-themes-panel {
display: none;
padding: 0
8px;
background: #f1f1f1;
box-sizing: border-box;
-webkit-box-sizing:
border-box;
-moz-box-sizing: border-box;
box-sizing:
border-box;
}
.customize-themes-panel > h2 {
padding: 15px 8px 0
8px;
}
.control-section.open .customize-themes-panel {
display:
block;
}
#customize-theme-controls .customize-themes-panel
.accordion-section-content {
background: transparent;
display:
block;
}
.customize-control.customize-control-theme {
margin-bottom:
8px;
}
.wp-customizer .theme-browser .themes {
padding-bottom:
8px;
}
.wp-customizer .theme-browser .theme {
margin: 0;
width:
100%;
}
.wp-customizer .theme-browser .theme .theme-actions {
-ms-filter:
"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
opacity:
1;
}
#customize-controls h3.theme-name {
font-size:
15px;
}
#customize-controls .theme-overlay .theme-name {
font-size:
32px;
}
.wp-customizer #themes-filter {
font-size: 16px;
font-weight:
300;
line-height: 1.5;
width: 100%;
}
#accordion-section-themes
.accordion-section-title:after {
display:
none;
}
#customize-theme-controls .control-section-themes.current-panel
> h3.accordion-section-title {
left:
0;
}
.customize-themes-panel.control-panel-content {
position:
absolute;
left: -100%;
top: 0;
width: 100%;
border-top: 1px solid
#ddd;
}
.in-themes-panel #customize-info,
.in-themes-panel
#customize-theme-controls > ul > .accordion-section {
left:
100%;
}
/* Details View */
.wp-customizer .theme-overlay {
display:
none;
}
.wp-customizer.modal-open .theme-overlay {
position:
fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index:
109;
}
.wp-customizer .theme-overlay .theme-backdrop {
background: rgba(
238, 238, 238, 0.75 );
position: fixed;
z-index: 110;
}
.wp-customizer
.theme-overlay .theme-wrap {
left: 90px;
right: 90px;
top:
45px;
bottom: 45px;
z-index: 120;
max-width: 1740px; /* To ensure that
theme screenshots are not displayed larger than 880px wide.
*/
}
.wp-customizer .theme-overlay .theme-actions {
text-align: right; /*
Because there's only one action, match the pattern of media modals and
right-align the action. */
}
.modal-open .in-themes-panel
#customize-controls .wp-full-overlay-sidebar-content {
overflow: visible;
/* Prevent the top-level Customizer controls from becoming visible when
elements on the right of the details modal are focused. */
}
.ie8
.wp-customizer .theme-overlay .theme-header,
.ie8 .wp-customizer
.theme-overlay .theme-about,
.ie8 .wp-customizer .theme-overlay
.theme-actions {
position: static;
}
/* Small Screens */
@media
(max-width:850px), (max-height:472px) {
.wp-customizer .theme-overlay
.theme-wrap {
left: 0;
right: 0;
top: 0;
bottom: 0;
}
}
/* Handle
cheaters. */
body.cheatin {
font-size: medium;
height: auto;
background:
#fff;
margin: 50px auto 2em;
padding: 1em 2em;
max-width:
700px;
min-width: 0;
-webkit-box-shadow: 0 1px 3px
rgba(0,0,0,0.13);
box-shadow: 0 1px 3px rgba(0,0,0,0.13);
}
body.cheatin
p {
font-size: 14px;
line-height: 1.5;
margin: 25px 0 20px;
}
/*
Responsive */
.customize-controls-preview-toggle {
display:
none;
}
@media only screen and (max-width: 780px) {
.wp-customizer
.theme:not(.active):hover .theme-actions,
.wp-customizer
.theme:not(.active):focus .theme-actions {
display:
block;
}
.wp-customizer .theme-browser .theme.active .theme-name span
{
display: inline;
}
}
@media screen and ( max-width: 640px )
{
#customize-controls {
width: 100%;
}
.wp-full-overlay.expanded
{
margin-left: 0;
}
.wp-full-overlay-sidebar
.wp-full-overlay-sidebar-content {
bottom:
0;
}
.customize-controls-preview-toggle {
display: block;
position:
absolute;
top: 0;
left: 48px;
line-height: 45px;
font-size:
14px;
padding: 0 12px 0 12px;
margin: 0;
height: 45px;
background:
#eee;
border-right: 1px solid #ddd;
color: #444;
cursor:
pointer;
-webkit-transition: color .1s ease-in-out, background .1s
ease-in-out;
transition: color .1s ease-in-out, background .1s
ease-in-out;
}
#customize-footer-actions,
#customize-preview,
.customize-controls-preview-toggle
.controls,
.preview-only .wp-full-overlay-sidebar-content,
.preview-only
.customize-controls-preview-toggle .preview {
display:
none;
}
.customize-controls-preview-toggle
.preview:before,
.customize-controls-preview-toggle .controls:before
{
font: normal 20px/1 dashicons;
content:
"\f177";
position: relative;
top: 4px;
margin-right:
6px;
}
.customize-controls-preview-toggle .controls:before {
content:
"\f100";
}
.preview-only #customize-controls {
height:
45px;
}
.preview-only #customize-preview,
.preview-only
.customize-controls-preview-toggle .controls {
display:
block;
}
#customize-preview {
top: 45px;
bottom: 0;
height:
auto;
}
.wp-core-ui.wp-customizer .button {
padding: 6px
14px;
line-height: normal;
font-size: 14px;
vertical-align:
middle;
height: auto;
margin-bottom: 4px;
}
.adding-widget
#customize-header-actions .primary-actions {
display:
none;
}
.adding-widget #customize-header-actions .secondary-actions
{
display: block;
}
#customize-header-actions .button-primary
{
margin-top: 6px;
}
}