14024 lines
240 KiB
CSS
14024 lines
240 KiB
CSS
/*------------------------------------------------------------------------------
|
|
|
|
|
|
Hello, this is the main WordPress admin CSS file.
|
|
All the important stuff is in here.
|
|
|
|
|
|
TABLE OF CONTENTS:
|
|
------------------
|
|
1.0 - Text Elements
|
|
2.0 - Forms
|
|
3.0 - Actions
|
|
4.0 - Notifications
|
|
5.0 - TinyMCE
|
|
6.0 - Admin Header
|
|
6.1 - Screen Options Tabs
|
|
6.2 - Help Menu
|
|
7.0 - Main Navigation
|
|
8.0 - Layout Blocks
|
|
9.0 - Dashboard
|
|
10.0 - List Posts
|
|
10.1 - Inline Editing
|
|
11.0 - Write/Edit Post Screen
|
|
11.1 - Custom Fields
|
|
11.2 - Post Revisions
|
|
11.3 - Featured Images
|
|
11.4 - Post Format Selection
|
|
12.0 - Categories
|
|
13.0 - Tags
|
|
14.0 - Media Screen
|
|
14.1 - Media Library
|
|
14.2 - Image Editor
|
|
15.0 - Comments Screen
|
|
16.0 - Themes
|
|
16.1 - Manage Themes
|
|
16.2 - Install Themes
|
|
16.3 - Custom Header
|
|
16.4 - Custom Background
|
|
17.0 - Plugins
|
|
18.0 - Users
|
|
19.0 - Tools
|
|
20.0 - Settings
|
|
21.0 - Admin Footer
|
|
22.0 - About Pages
|
|
23.0 - Full Overlay w/ Sidebar
|
|
24.0 - Customize Loader
|
|
25.0 - Tabbed Admin Screen Interface
|
|
26.0 - Misc
|
|
27.0 - Localization
|
|
|
|
------------------------------------------------------------------------*/
|
|
|
|
/* 2 column liquid layout */
|
|
#wpwrap {
|
|
height: auto;
|
|
min-height: 100%;
|
|
width: 100%;
|
|
position: relative;
|
|
-webkit-font-smoothing: subpixel-antialiased;
|
|
}
|
|
|
|
#wpcontent {
|
|
height: 100%;
|
|
}
|
|
|
|
#wpcontent,
|
|
#wpfooter {
|
|
margin-left: 180px;
|
|
}
|
|
|
|
.folded #wpcontent,
|
|
.folded #wpfooter {
|
|
margin-left: 56px;
|
|
}
|
|
|
|
#wpbody-content {
|
|
padding-bottom: 65px;
|
|
float: left;
|
|
width: 100%;
|
|
overflow: visible !important;
|
|
}
|
|
|
|
#adminmenuback,
|
|
#adminmenuwrap,
|
|
#adminmenu,
|
|
#adminmenu .wp-submenu {
|
|
width: 160px;
|
|
background-color: #222;
|
|
}
|
|
|
|
#adminmenuback {
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
z-index: -1;
|
|
}
|
|
|
|
#adminmenu {
|
|
clear: left;
|
|
margin: 12px 0 0;
|
|
padding: 0;
|
|
list-style: none;
|
|
}
|
|
|
|
.folded #adminmenuback,
|
|
.folded #adminmenuwrap,
|
|
.folded #adminmenu,
|
|
.folded #adminmenu li.menu-top {
|
|
width: 36px;
|
|
}
|
|
|
|
/* inner 2 column liquid layout */
|
|
|
|
.inner-sidebar {
|
|
float: right;
|
|
clear: right;
|
|
display: none;
|
|
width: 281px;
|
|
position: relative;
|
|
}
|
|
|
|
.columns-2 .inner-sidebar {
|
|
margin-right: auto;
|
|
width: 286px;
|
|
display: block;
|
|
}
|
|
|
|
.inner-sidebar #side-sortables,
|
|
.columns-2 .inner-sidebar #side-sortables {
|
|
min-height: 300px;
|
|
width: 280px;
|
|
padding: 0;
|
|
}
|
|
|
|
.has-right-sidebar .inner-sidebar {
|
|
display: block;
|
|
}
|
|
|
|
.has-right-sidebar #post-body {
|
|
float: left;
|
|
clear: left;
|
|
width: 100%;
|
|
margin-right: -2000px;
|
|
}
|
|
|
|
.has-right-sidebar #post-body-content {
|
|
margin-right: 300px;
|
|
float: none;
|
|
width: auto;
|
|
}
|
|
|
|
/* 2 columns main area */
|
|
|
|
#col-container,
|
|
#col-left,
|
|
#col-right {
|
|
overflow: hidden;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
#col-left {
|
|
width: 35%;
|
|
}
|
|
|
|
#col-right {
|
|
float: right;
|
|
clear: right;
|
|
width: 65%;
|
|
}
|
|
|
|
.col-wrap {
|
|
padding: 0 7px;
|
|
}
|
|
|
|
/* utility classes */
|
|
.alignleft {
|
|
float: left;
|
|
}
|
|
|
|
.alignright {
|
|
float: right;
|
|
}
|
|
|
|
.textleft {
|
|
text-align: left;
|
|
}
|
|
|
|
.textright {
|
|
text-align: right;
|
|
}
|
|
|
|
.clear {
|
|
clear: both;
|
|
}
|
|
|
|
/* Hide visually but not from screen readers */
|
|
.screen-reader-text,
|
|
.screen-reader-text span,
|
|
.ui-helper-hidden-accessible {
|
|
position: absolute;
|
|
margin: -1px;
|
|
padding: 0;
|
|
height: 1px;
|
|
width: 1px;
|
|
overflow: hidden;
|
|
clip: rect(0 0 0 0);
|
|
border: 0;
|
|
}
|
|
|
|
.screen-reader-shortcut {
|
|
position: absolute;
|
|
top: -1000em;
|
|
}
|
|
|
|
.screen-reader-shortcut:focus {
|
|
left: 6px;
|
|
top: -25px;
|
|
height: auto;
|
|
width: auto;
|
|
display: block;
|
|
font-size: 14px;
|
|
font-weight: 600;
|
|
padding: 15px 23px 14px;
|
|
background: #f1f1f1;
|
|
color: #21759b;
|
|
z-index: 100000;
|
|
line-height: normal;
|
|
-webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
|
|
box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
|
|
text-decoration: none;
|
|
outline: none;
|
|
}
|
|
|
|
.hidden,
|
|
.js .closed .inside,
|
|
.js .hide-if-js,
|
|
.no-js .hide-if-no-js,
|
|
.js.wp-core-ui .hide-if-js,
|
|
.js .wp-core-ui .hide-if-js,
|
|
.no-js.wp-core-ui .hide-if-no-js,
|
|
.no-js .wp-core-ui .hide-if-no-js {
|
|
display: none;
|
|
}
|
|
|
|
/* @todo: Take a second look. Large chunks of shared color, from the colors.css merge */
|
|
.widget-top,
|
|
.menu-item-handle,
|
|
.widget-inside,
|
|
#menu-settings-column .accordion-container,
|
|
#menu-management .menu-edit,
|
|
.manage-menus,
|
|
table.widefat,
|
|
.stuffbox,
|
|
p.popular-tags,
|
|
.widgets-holder-wrap,
|
|
.wp-editor-container,
|
|
.popular-tags,
|
|
.feature-filter,
|
|
.imgedit-group {
|
|
border: 1px solid #e5e5e5;
|
|
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04);
|
|
box-shadow: 0 1px 1px rgba(0,0,0,0.04);
|
|
}
|
|
|
|
table.widefat,
|
|
.wp-editor-container,
|
|
.stuffbox,
|
|
p.popular-tags,
|
|
.widgets-holder-wrap,
|
|
.popular-tags,
|
|
.feature-filter,
|
|
.imgedit-group {
|
|
background: #fff;
|
|
}
|
|
|
|
input[type="radio"]:checked + label:before,
|
|
#misc-publishing-actions label[for="post_status"]:before,
|
|
#post-body #visibility:before,
|
|
.curtime #timestamp:before,
|
|
#post-body .misc-pub-revisions:before,
|
|
span.wp-media-buttons-icon:before {
|
|
color: #888;
|
|
}
|
|
|
|
/* include margin and padding in the width calculation of input and textarea */
|
|
input,
|
|
input[type="text"],
|
|
input[type="password"],
|
|
input[type="number"],
|
|
input[type="search"],
|
|
input[type="email"],
|
|
input[type="url"],
|
|
textarea {
|
|
-moz-box-sizing: border-box;
|
|
-webkit-box-sizing: border-box;
|
|
-ms-box-sizing: border-box; /* ie8 only */
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
input[type="checkbox"],
|
|
input[type="radio"] {
|
|
border: 1px solid #bbb;
|
|
background: #fff;
|
|
color: #555;
|
|
clear: none;
|
|
cursor: pointer;
|
|
display: inline-block;
|
|
line-height: 0;
|
|
height: 16px;
|
|
margin: -4px 4px 0 0;
|
|
outline: 0;
|
|
padding: 0 !important;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
width: 16px;
|
|
min-width: 16px;
|
|
-webkit-appearance: none;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
-webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
|
|
box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
|
|
}
|
|
|
|
.wp-core-ui input[type="reset"]:hover,
|
|
.wp-core-ui input[type="reset"]:active {
|
|
color: #2ea2cc;
|
|
}
|
|
|
|
td > input[type="checkbox"],
|
|
.wp-admin p input[type=checkbox],
|
|
.wp-admin p input[type=radio] {
|
|
margin-top: 0;
|
|
}
|
|
|
|
.wp-admin p label input[type=checkbox] {
|
|
margin-top: -4px;
|
|
}
|
|
|
|
.wp-admin p label input[type=radio] {
|
|
margin-top: -2px;
|
|
}
|
|
|
|
input[type=radio] {
|
|
border-radius: 50%;
|
|
margin-right: 4px;
|
|
line-height: 10px;
|
|
}
|
|
|
|
input:disabled,
|
|
input.disabled,
|
|
textarea:disabled,
|
|
textarea.disabled {
|
|
-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.04);
|
|
box-shadow: inset 0 1px 2px rgba(0,0,0,0.04);
|
|
border-color: rgba(222, 222, 222, .75);
|
|
background: rgba(255, 255, 255, .5);
|
|
color: rgba(51, 51, 51, .5);
|
|
}
|
|
|
|
input[type=checkbox]:disabled,
|
|
input[type=radio]:disabled,
|
|
input[type=checkbox]:disabled:checked:before,
|
|
input[type=radio]:disabled:checked:before {
|
|
opacity: 0.7;
|
|
}
|
|
|
|
input[type=checkbox]:checked:before,
|
|
input[type=radio]:checked:before {
|
|
float: left;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
width: 16px;
|
|
font: normal 21px/1 'dashicons';
|
|
speak: none;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
|
|
input[type=checkbox]:checked:before {
|
|
content: '\f147';
|
|
margin: -3px 0 0 -4px;
|
|
color: #1e8cbe;
|
|
}
|
|
|
|
input[type=radio]:checked:before {
|
|
content: '\2022';
|
|
text-indent: -9999px;
|
|
border-radius: 50px;
|
|
font-size: 24px;
|
|
width: 6px;
|
|
height: 6px;
|
|
margin: 4px;
|
|
line-height: 16px;
|
|
background-color: #1e8cbe;
|
|
}
|
|
|
|
input.readonly, textarea.readonly {
|
|
background-color: #ddd;
|
|
}
|
|
|
|
@-moz-document url-prefix() {
|
|
input[type=checkbox],
|
|
input[type=radio],
|
|
.form-table input.tog {
|
|
margin-bottom: -1px;
|
|
}
|
|
}
|
|
|
|
/* Search */
|
|
input[type="search"] {
|
|
-webkit-appearance: textfield;
|
|
}
|
|
|
|
input[type="search"]::-webkit-search-decoration {
|
|
display: none;
|
|
}
|
|
|
|
.ie8 input[type="password"],
|
|
.ie8 .login form .input {
|
|
font-family: sans-serif;
|
|
}
|
|
|
|
/* general */
|
|
html,
|
|
body {
|
|
height: 100%;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
html {
|
|
background: #f1f1f1;
|
|
}
|
|
|
|
body {
|
|
color: #444;
|
|
font-family: "Open Sans", sans-serif;
|
|
font-size: 13px;
|
|
line-height: 1.4em;
|
|
min-width: 600px;
|
|
}
|
|
|
|
body.iframe {
|
|
min-width: 0;
|
|
padding-top: 1px;
|
|
}
|
|
|
|
body.login {
|
|
background: #f1f1f1;
|
|
min-width: 0;
|
|
}
|
|
|
|
iframe,
|
|
img {
|
|
border: 0;
|
|
}
|
|
|
|
td,
|
|
textarea,
|
|
input,
|
|
select,
|
|
button {
|
|
font-family: inherit;
|
|
font-size: inherit;
|
|
font-weight: inherit;
|
|
}
|
|
|
|
td,
|
|
textarea {
|
|
line-height: inherit;
|
|
}
|
|
|
|
textarea {
|
|
overflow: auto;
|
|
}
|
|
|
|
textarea,
|
|
input,
|
|
select {
|
|
font-size: 14px;
|
|
padding: 3px 5px;
|
|
line-height: 15px;
|
|
border-radius: 0; /* Reset mobile webkit's default element styling */
|
|
}
|
|
|
|
textarea {
|
|
padding: 2px 6px;
|
|
line-height: 1.4;
|
|
}
|
|
|
|
a {
|
|
color: #0074a2;
|
|
-webkit-transition-property: border, background, color;
|
|
-moz-transition-property: border, background, color;
|
|
transition-property: border, background, color;
|
|
-webkit-transition-duration: .05s;
|
|
-moz-transition-duration: .05s;
|
|
transition-duration: .05s;
|
|
-webkit-transition-timing-function: ease-in-out;
|
|
-moz-transition-timing-function: ease-in-out;
|
|
transition-timing-function: ease-in-out;
|
|
}
|
|
|
|
a,
|
|
input[type="text"],
|
|
input[type="password"],
|
|
input[type="number"],
|
|
input[type="search"],
|
|
input[type="email"],
|
|
input[type="url"],
|
|
textarea,
|
|
div,
|
|
select {
|
|
outline: 0;
|
|
}
|
|
|
|
.wp-admin input[type="file"] {
|
|
padding: 3px 0;
|
|
}
|
|
|
|
a:hover,
|
|
a:active {
|
|
color: #2ea2cc;
|
|
}
|
|
|
|
a:focus {
|
|
color: #124964;
|
|
}
|
|
|
|
a:focus,
|
|
a:active {
|
|
outline: thin dotted;
|
|
}
|
|
|
|
#adminmenu a:focus,
|
|
#adminmenu a:active,
|
|
.screen-reader-text:focus {
|
|
outline: none;
|
|
}
|
|
|
|
blockquote,
|
|
q {
|
|
quotes: none;
|
|
}
|
|
|
|
blockquote:before,
|
|
blockquote:after,
|
|
q:before,
|
|
q:after {
|
|
content: '';
|
|
content: none;
|
|
}
|
|
|
|
p,
|
|
.wp_attachment_details label[for="content"] {
|
|
font-size: 13px;
|
|
line-height: 1.5;
|
|
margin: 1em 0;
|
|
}
|
|
|
|
blockquote {
|
|
margin: 1em;
|
|
}
|
|
|
|
label {
|
|
cursor: pointer;
|
|
}
|
|
|
|
li,
|
|
dd {
|
|
margin-bottom: 6px;
|
|
}
|
|
|
|
input,
|
|
select {
|
|
margin: 1px;
|
|
padding: 3px 5px;
|
|
}
|
|
|
|
h1,
|
|
h2,
|
|
h3,
|
|
h4,
|
|
h5,
|
|
h6 {
|
|
display: block;
|
|
font-weight: 600;
|
|
}
|
|
|
|
h1 {
|
|
font-size: 2em;
|
|
margin: .67em 0;
|
|
}
|
|
|
|
h2 {
|
|
color: #222;
|
|
font-size: 1.5em;
|
|
margin: .83em 0;
|
|
font-weight: 400;
|
|
}
|
|
|
|
h3 {
|
|
color: #222;
|
|
font-size: 1.3em;
|
|
margin: 1em 0;
|
|
}
|
|
|
|
h4 {
|
|
font-size: 1em;
|
|
margin: 1.33em 0;
|
|
}
|
|
|
|
h5 {
|
|
font-size: 0.83em;
|
|
margin: 1.67em 0;
|
|
}
|
|
|
|
h6 {
|
|
font-size: 0.67em;
|
|
margin: 2.33em 0;
|
|
}
|
|
|
|
ul,
|
|
ol {
|
|
padding: 0;
|
|
}
|
|
|
|
ul {
|
|
list-style: none;
|
|
}
|
|
|
|
ol {
|
|
list-style-type: decimal;
|
|
margin-left: 2em;
|
|
}
|
|
|
|
ul.ul-disc {
|
|
list-style: disc outside;
|
|
}
|
|
|
|
ul.ul-square {
|
|
list-style: square outside;
|
|
}
|
|
|
|
ol.ol-decimal {
|
|
list-style: decimal outside;
|
|
}
|
|
|
|
ul.ul-disc,
|
|
ul.ul-square,
|
|
ol.ol-decimal {
|
|
margin-left: 1.8em;
|
|
}
|
|
|
|
ul.ul-disc > li,
|
|
ul.ul-square > li,
|
|
ol.ol-decimal > li {
|
|
margin: 0 0 0.5em;
|
|
}
|
|
|
|
/* @noflip */
|
|
.code,
|
|
code {
|
|
font-family: Consolas, Monaco, monospace;
|
|
direction: ltr;
|
|
}
|
|
|
|
input.code {
|
|
padding-top: 6px;
|
|
}
|
|
|
|
textarea.code {
|
|
line-height: 1.4;
|
|
padding: 4px 6px 1px 6px;
|
|
}
|
|
|
|
kbd,
|
|
code {
|
|
padding: 3px 5px 2px 5px;
|
|
margin: 0 1px;
|
|
background: #eaeaea;
|
|
background: rgba(0,0,0,0.07);
|
|
font-size: 13px;
|
|
}
|
|
|
|
.subsubsub {
|
|
list-style: none;
|
|
margin: 8px 0 0;
|
|
padding: 0;
|
|
font-size: 13px;
|
|
float: left;
|
|
color: #666;
|
|
}
|
|
|
|
.subsubsub a {
|
|
line-height: 2;
|
|
padding: .2em;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.subsubsub a .count,
|
|
.subsubsub a.current .count {
|
|
color: #999;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.subsubsub a.current {
|
|
font-weight: 600;
|
|
border: none;
|
|
}
|
|
|
|
.subsubsub li {
|
|
display: inline-block;
|
|
margin: 0;
|
|
padding: 0;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
/* .widefat - main style for tables */
|
|
.widefat {
|
|
border-spacing: 0;
|
|
width: 100%;
|
|
clear: both;
|
|
margin: 0;
|
|
}
|
|
|
|
.widefat * {
|
|
word-wrap: break-word;
|
|
}
|
|
|
|
.widefat a {
|
|
text-decoration: none;
|
|
}
|
|
|
|
.widefat td,
|
|
.widefat th {
|
|
padding: 8px 10px;
|
|
}
|
|
|
|
.widefat thead th {
|
|
border-bottom: 1px solid #e1e1e1;
|
|
}
|
|
|
|
.widefat tfoot th {
|
|
border-top: 1px solid #e1e1e1;
|
|
border-bottom: none;
|
|
}
|
|
|
|
.widefat .no-items td {
|
|
border-bottom-width: 0;
|
|
}
|
|
|
|
.widefat td {
|
|
vertical-align: top;
|
|
}
|
|
|
|
.widefat td,
|
|
.widefat td p,
|
|
.widefat td ol,
|
|
.widefat td ul {
|
|
font-size: 13px;
|
|
line-height: 1.5em;
|
|
}
|
|
|
|
.widefat th {
|
|
text-align: left;
|
|
line-height: 1.3em;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.widefat th input {
|
|
margin: 0 0 0 8px;
|
|
padding: 0;
|
|
vertical-align: text-top;
|
|
}
|
|
|
|
.widefat .check-column {
|
|
width: 2.2em;
|
|
padding: 6px 0 25px;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.widefat th input[type=checkbox] {
|
|
margin-top: -1px;
|
|
}
|
|
|
|
.widefat tbody th.check-column {
|
|
padding: 9px 0 22px;
|
|
}
|
|
|
|
.widefat.media .check-column {
|
|
padding-top: 8px;
|
|
}
|
|
|
|
.widefat thead th.check-column,
|
|
.widefat tbody th.check-column,
|
|
.widefat tfoot th.check-column {
|
|
padding: 11px 0 0 3px;
|
|
}
|
|
|
|
.widefat thead th.check-column {
|
|
padding-top: 10px;
|
|
}
|
|
|
|
.plugins tbody th.check-column,
|
|
.plugins tbody {
|
|
padding: 8px 0 0 2px;
|
|
}
|
|
|
|
.plugins tbody th.check-column input[type=checkbox] {
|
|
margin-top: 4px;
|
|
}
|
|
|
|
#update-plugins-table tbody td p {
|
|
margin-top: 0;
|
|
}
|
|
|
|
#update-plugins-table tbody td p strong {
|
|
font-size: 14px;
|
|
}
|
|
|
|
.plugins thead th.check-column,
|
|
.plugins tfoot th.check-column,
|
|
.plugins .inactive th.check-column {
|
|
padding-left: 6px;
|
|
}
|
|
|
|
#update-plugins-table thead th.check-column,
|
|
#update-plugins-table tfoot th.check-column {
|
|
padding-top: 11px;
|
|
}
|
|
|
|
.update-php div.updated,
|
|
.update-php div.error {
|
|
margin-left: 0;
|
|
}
|
|
|
|
.no-js .widefat thead .check-column input,
|
|
.no-js .widefat tfoot .check-column input {
|
|
display: none;
|
|
}
|
|
|
|
.widefat .num,
|
|
.column-comments,
|
|
.column-links,
|
|
.column-posts {
|
|
text-align: center;
|
|
}
|
|
|
|
.widefat th#comments {
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.wrap {
|
|
margin: 10px 20px 0 2px;
|
|
}
|
|
|
|
div.updated,
|
|
div.error {
|
|
padding: 0 0.6em;
|
|
margin: 5px 15px 2px;
|
|
}
|
|
|
|
div.updated p,
|
|
div.error p {
|
|
margin: 0.5em 0;
|
|
padding: 2px;
|
|
}
|
|
|
|
.wrap div.updated,
|
|
.wrap div.error,
|
|
.media-upload-form div.error {
|
|
margin: 5px 0 15px;
|
|
}
|
|
|
|
div.updated,
|
|
.login .message,
|
|
.press-this #message {
|
|
border-left: 4px solid #7ad03a;
|
|
padding: 1px 12px;
|
|
background-color: #fff;
|
|
|
|
-webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.1);
|
|
box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.1);
|
|
}
|
|
|
|
div.error,
|
|
.login #login_error {
|
|
border-left: 4px solid #dd3d36;
|
|
background: #fff;
|
|
|
|
-webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.1);
|
|
box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.1);
|
|
}
|
|
|
|
div.error {
|
|
padding: 1px 12px;
|
|
}
|
|
|
|
.attention {
|
|
color: #2ea2cc;
|
|
}
|
|
|
|
.wrap h2,
|
|
.subtitle {
|
|
font-weight: normal;
|
|
margin: 0;
|
|
}
|
|
|
|
.wrap h2 {
|
|
font-size: 23px;
|
|
font-weight: 400;
|
|
padding: 9px 15px 4px 0;
|
|
line-height: 29px;
|
|
}
|
|
|
|
.subtitle {
|
|
color: #777;
|
|
font-size: 14px;
|
|
padding-left: 25px;
|
|
}
|
|
|
|
.wrap .add-new-h2,
|
|
.wrap .add-new-h2:active {
|
|
margin-left: 4px;
|
|
padding: 4px 8px;
|
|
position: relative;
|
|
top: -3px;
|
|
text-decoration: none;
|
|
border: none;
|
|
border-radius: 2px;
|
|
background: #e0e0e0;
|
|
text-shadow: none;
|
|
font-weight: 600;
|
|
font-size: 13px;
|
|
}
|
|
|
|
.wrap .add-new-h2:hover {
|
|
background: #2ea2cc;
|
|
color: #fff;
|
|
}
|
|
|
|
.wrap h2.long-header {
|
|
padding-right: 0;
|
|
}
|
|
|
|
.wp-dialog {
|
|
background-color: #fff;
|
|
}
|
|
|
|
textarea,
|
|
input[type="text"],
|
|
input[type="password"],
|
|
input[type="email"],
|
|
input[type="number"],
|
|
input[type="search"],
|
|
input[type="tel"],
|
|
input[type="url"],
|
|
select {
|
|
border: 1px solid #ddd;
|
|
box-shadow: inset 0 1px 2px rgba(0,0,0,0.07);
|
|
background-color: #fff;
|
|
color: #333;
|
|
}
|
|
|
|
select[disabled] {
|
|
color: #7f7f7f;
|
|
}
|
|
|
|
select:focus {
|
|
border-color: #aaa;
|
|
}
|
|
|
|
textarea:focus,
|
|
input[type="text"]:focus,
|
|
input[type="password"]:focus,
|
|
input[type="email"]:focus,
|
|
input[type="number"]:focus,
|
|
input[type="search"]:focus,
|
|
input[type="tel"]:focus,
|
|
input[type="url"]:focus,
|
|
input[type="checkbox"]:focus,
|
|
input[type="radio"]:focus,
|
|
select:focus,
|
|
.widgets-chooser ul,
|
|
#widgets-left .widget-in-question .widget-top,
|
|
#available-widgets .widget-top:hover,
|
|
div#widgets-right .widget-top:hover,
|
|
#widgets-left .widget-top:hover {
|
|
border-color: #999;
|
|
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
|
|
box-shadow: 0 1px 2px rgba(0,0,0,0.1);
|
|
}
|
|
|
|
input[readonly] {
|
|
background-color: #eee;
|
|
}
|
|
|
|
:-moz-placeholder,
|
|
.wp-core-ui :-moz-placeholder {
|
|
color: #a9a9a9;
|
|
}
|
|
|
|
.sorthelper {
|
|
background-color: #ccf3fa;
|
|
}
|
|
|
|
.ac_match,
|
|
.subsubsub a.current {
|
|
color: #000;
|
|
}
|
|
|
|
.alternate,
|
|
.alt {
|
|
background-color: #f9f9f9;
|
|
}
|
|
|
|
.bar {
|
|
background-color: #e8e8e8;
|
|
border-right-color: #99d;
|
|
}
|
|
|
|
.form-invalid {
|
|
background-color: #ffebe8 !important;
|
|
}
|
|
|
|
.form-invalid input,
|
|
.form-invalid select {
|
|
border-color: #c00 !important;
|
|
}
|
|
|
|
.form-input-tip {
|
|
color: #666;
|
|
}
|
|
|
|
.media-upload-form label.form-help,
|
|
td.help {
|
|
color: #9a9a9a;
|
|
}
|
|
|
|
/* Helper classes for plugins to leverage the active WordPress color scheme */
|
|
|
|
.highlight {
|
|
background-color: #e4f2fd;
|
|
color: #000;
|
|
}
|
|
|
|
.wp-ui-primary {
|
|
color: #fff;
|
|
background-color: #333;
|
|
}
|
|
.wp-ui-text-primary {
|
|
color: #333;
|
|
}
|
|
|
|
.wp-ui-highlight {
|
|
color: white;
|
|
background-color: #1e8cbe;
|
|
}
|
|
.wp-ui-text-highlight {
|
|
color: #1e8cbe;
|
|
}
|
|
|
|
.wp-ui-notification {
|
|
color: #fff;
|
|
background-color: #d54e21;
|
|
}
|
|
.wp-ui-text-notification {
|
|
color: #d54e21;
|
|
}
|
|
|
|
.wp-ui-text-icon {
|
|
color: #999;
|
|
}
|
|
|
|
/*------------------------------------------------------------------------------
|
|
1.0 - Text Styles
|
|
------------------------------------------------------------------------------*/
|
|
|
|
.widget .widget-top,
|
|
.postbox h3,
|
|
.stuffbox h3,
|
|
.control-section .accordion-section-title,
|
|
h3.dashboard-widget-title,
|
|
h3.dashboard-widget-title span,
|
|
h3.dashboard-widget-title small,
|
|
.sidebar-name,
|
|
#nav-menu-header,
|
|
#nav-menu-footer,
|
|
.menu-item-handle,
|
|
.checkbox,
|
|
.side-info,
|
|
#your-profile #rich_editing,
|
|
.widefat thead th,
|
|
.widefat tfoot th {
|
|
line-height: 1.4em;
|
|
}
|
|
|
|
.widget .widget-top,
|
|
.menu-item-handle {
|
|
background: #fafafa;
|
|
color: #222;
|
|
}
|
|
|
|
.postbox h3,
|
|
#namediv h3,
|
|
#submitdiv h3 {
|
|
border-bottom: 1px solid #eee;
|
|
}
|
|
|
|
.quicktags,
|
|
.search {
|
|
background-color: #ccc;
|
|
color: #000;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.icon32 {
|
|
display: none;
|
|
}
|
|
|
|
.icon16 {
|
|
height: 18px;
|
|
width: 18px;
|
|
padding: 6px 6px;
|
|
margin: -6px 0 0 -8px;
|
|
float: left;
|
|
}
|
|
|
|
/* New Menu icons */
|
|
|
|
.icon16:before {
|
|
color: #999;
|
|
font: normal 20px/1 'dashicons';
|
|
speak: none;
|
|
padding: 6px 0;
|
|
height: 34px;
|
|
width: 20px;
|
|
display: inline-block;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
-webkit-transition: all .1s ease-in-out;
|
|
-moz-transition: all .1s ease-in-out;
|
|
transition: all .1s ease-in-out;
|
|
}
|
|
|
|
.icon16.icon-dashboard:before,
|
|
#adminmenu .menu-icon-dashboard div.wp-menu-image:before {
|
|
content: '\f226';
|
|
}
|
|
|
|
.icon16.icon-post:before,
|
|
#adminmenu .menu-icon-post div.wp-menu-image:before {
|
|
content: '\f109';
|
|
}
|
|
|
|
.icon16.icon-media:before,
|
|
#adminmenu .menu-icon-media div.wp-menu-image:before {
|
|
content: '\f104';
|
|
}
|
|
|
|
.icon16.icon-links:before,
|
|
#adminmenu .menu-icon-links div.wp-menu-image:before {
|
|
content: '\f103';
|
|
}
|
|
|
|
.icon16.icon-page:before,
|
|
#adminmenu .menu-icon-page div.wp-menu-image:before {
|
|
content: '\f105';
|
|
}
|
|
|
|
.icon16.icon-comments:before,
|
|
#adminmenu .menu-icon-comments div.wp-menu-image:before {
|
|
content: '\f101';
|
|
margin-top: 1px;
|
|
}
|
|
|
|
.icon16.icon-appearance:before,
|
|
#adminmenu .menu-icon-appearance div.wp-menu-image:before {
|
|
content: '\f100';
|
|
}
|
|
|
|
.icon16.icon-plugins:before,
|
|
#adminmenu .menu-icon-plugins div.wp-menu-image:before {
|
|
content: '\f106';
|
|
}
|
|
|
|
.icon16.icon-users:before,
|
|
#adminmenu .menu-icon-users div.wp-menu-image:before {
|
|
content: '\f110';
|
|
}
|
|
|
|
.icon16.icon-tools:before,
|
|
#adminmenu .menu-icon-tools div.wp-menu-image:before {
|
|
content: '\f107';
|
|
}
|
|
|
|
.icon16.icon-settings:before,
|
|
#adminmenu .menu-icon-settings div.wp-menu-image:before {
|
|
content: '\f108';
|
|
}
|
|
|
|
.icon16.icon-site:before,
|
|
#adminmenu .menu-icon-site div.wp-menu-image:before {
|
|
content: '\f112'
|
|
}
|
|
|
|
.icon16.icon-generic:before,
|
|
#adminmenu .menu-icon-generic div.wp-menu-image:before {
|
|
content: '\f111';
|
|
}
|
|
|
|
/* hide background-image for icons above */
|
|
.icon16.icon-dashboard,
|
|
.menu-icon-dashboard div.wp-menu-image,
|
|
.icon16.icon-post,
|
|
.menu-icon-post div.wp-menu-image,
|
|
.icon16.icon-media,
|
|
.menu-icon-media div.wp-menu-image,
|
|
.icon16.icon-links,
|
|
.menu-icon-links div.wp-menu-image,
|
|
.icon16.icon-page,
|
|
.menu-icon-page div.wp-menu-image,
|
|
.icon16.icon-comments,
|
|
.menu-icon-comments div.wp-menu-image,
|
|
.icon16.icon-appearance,
|
|
.menu-icon-appearance div.wp-menu-image,
|
|
.icon16.icon-plugins,
|
|
.menu-icon-plugins div.wp-menu-image,
|
|
.icon16.icon-users,
|
|
.menu-icon-users div.wp-menu-image,
|
|
.icon16.icon-tools,
|
|
.menu-icon-tools div.wp-menu-image,
|
|
.icon16.icon-settings,
|
|
.menu-icon-settings div.wp-menu-image,
|
|
.icon16.icon-site,
|
|
.menu-icon-site div.wp-menu-image,
|
|
.icon16.icon-generic,
|
|
.menu-icon-generic div.wp-menu-image {
|
|
background-image: none !important;
|
|
}
|
|
|
|
.key-labels label {
|
|
line-height: 24px;
|
|
}
|
|
|
|
strong, b {
|
|
font-weight: 600;
|
|
}
|
|
|
|
.pre {
|
|
/* https://developer.mozilla.org/en-US/docs/CSS/white-space */
|
|
white-space: pre-wrap; /* css-3 */
|
|
word-wrap: break-word; /* IE 5.5 - 7 */
|
|
}
|
|
|
|
.howto {
|
|
color: #666;
|
|
font-style: italic;
|
|
display: block;
|
|
}
|
|
|
|
p.install-help {
|
|
margin: 8px 0;
|
|
font-style: italic;
|
|
}
|
|
|
|
.no-break {
|
|
white-space: nowrap;
|
|
}
|
|
|
|
hr {
|
|
border: 0;
|
|
border-top: 1px solid #ddd;
|
|
border-bottom: 1px solid #fafafa;
|
|
}
|
|
|
|
/*------------------------------------------------------------------------------
|
|
2.0 - Forms
|
|
------------------------------------------------------------------------------*/
|
|
|
|
|
|
.wp-admin select {
|
|
padding: 2px;
|
|
line-height: 28px;
|
|
height: 28px;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.wp-admin .button-cancel {
|
|
padding: 0 5px;
|
|
line-height: 2;
|
|
}
|
|
|
|
.meta-box-sortables select {
|
|
max-width: 100%;
|
|
}
|
|
|
|
.wp-admin select[multiple] {
|
|
height: auto;
|
|
}
|
|
|
|
.submit {
|
|
padding: 1.5em 0;
|
|
margin: 5px 0;
|
|
-webkit-border-bottom-left-radius: 3px;
|
|
-webkit-border-bottom-right-radius: 3px;
|
|
border-bottom-left-radius: 3px;
|
|
border-bottom-right-radius: 3px;
|
|
border: none;
|
|
}
|
|
|
|
form p.submit a.cancel:hover {
|
|
text-decoration: none;
|
|
}
|
|
|
|
p.submit {
|
|
text-align: left;
|
|
max-width: 100%;
|
|
margin-top: 20px;
|
|
padding-top: 10px;
|
|
}
|
|
|
|
.textright p.submit {
|
|
border: none;
|
|
text-align: right;
|
|
}
|
|
|
|
table.form-table + p.submit,
|
|
table.form-table + input + p.submit,
|
|
table.form-table + input + input + p.submit {
|
|
border-top: none;
|
|
padding-top: 0;
|
|
}
|
|
|
|
table.widefat span.delete a,
|
|
table.widefat span.trash a,
|
|
table.widefat span.spam a,
|
|
.plugins a.delete,
|
|
#all-plugins-table .plugins a.delete,
|
|
#search-plugins-table .plugins a.delete,
|
|
.submitbox .submitdelete,
|
|
#media-items a.delete,
|
|
#media-items a.delete-permanently,
|
|
#nav-menu-footer .menu-delete {
|
|
color: #a00;
|
|
}
|
|
|
|
abbr.required,
|
|
.file-error,
|
|
.widget-control-remove:hover,
|
|
table.widefat .delete a:hover,
|
|
table.widefat .trash a:hover,
|
|
table.widefat .spam a:hover,
|
|
.plugins a.delete:hover,
|
|
#all-plugins-table .plugins a.delete:hover,
|
|
#search-plugins-table .plugins a.delete:hover,
|
|
.submitbox .submitdelete:hover,
|
|
#media-items a.delete:hover,
|
|
#media-items a.delete-permanently:hover,
|
|
#nav-menu-footer .menu-delete:hover {
|
|
color: #f00;
|
|
text-decoration: none;
|
|
border: none;
|
|
}
|
|
|
|
#minor-publishing-actions input,
|
|
#major-publishing-actions input,
|
|
#minor-publishing-actions .preview {
|
|
text-align: center;
|
|
}
|
|
|
|
textarea.all-options,
|
|
input.all-options {
|
|
width: 250px;
|
|
}
|
|
|
|
input.large-text,
|
|
textarea.large-text {
|
|
width: 99%;
|
|
}
|
|
|
|
input.regular-text,
|
|
#adduser .form-field input {
|
|
width: 25em;
|
|
}
|
|
|
|
input.small-text {
|
|
width: 50px;
|
|
padding: 1px 6px;
|
|
}
|
|
|
|
input[type="number"].small-text {
|
|
width: 65px;
|
|
}
|
|
|
|
#doaction,
|
|
#doaction2,
|
|
#post-query-submit {
|
|
margin: 1px 8px 0 0;
|
|
}
|
|
|
|
.tablenav #changeit,
|
|
.tablenav #delete_all,
|
|
.tablenav #clear-recent-list {
|
|
margin-top: 1px;
|
|
}
|
|
|
|
.tablenav .actions select {
|
|
float: left;
|
|
margin-right: 6px;
|
|
max-width: 200px;
|
|
}
|
|
|
|
.ie8 .tablenav .actions select {
|
|
width: 155px;
|
|
}
|
|
|
|
.ie8 .tablenav .actions select#cat {
|
|
width: 200px;
|
|
}
|
|
|
|
#timezone_string option {
|
|
margin-left: 1em;
|
|
}
|
|
|
|
#upload-form label {
|
|
color: #777;
|
|
}
|
|
|
|
label,
|
|
#your-profile label + a {
|
|
vertical-align: middle;
|
|
}
|
|
|
|
fieldset label,
|
|
#your-profile label + a {
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.options-media-php label[for*="_size_"],
|
|
#misc-publishing-actions label {
|
|
vertical-align: baseline;
|
|
}
|
|
|
|
#misc-publishing-actions label[for="post_status"]:before {
|
|
content: '\f173';
|
|
display: inline-block;
|
|
font: normal 20px/1 'dashicons';
|
|
speak: none;
|
|
left: -1px;
|
|
padding: 0 5px 0 0;
|
|
position: relative;
|
|
top: 0;
|
|
text-decoration: none !important;
|
|
vertical-align: top;
|
|
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
|
|
#pass-strength-result {
|
|
background-color: #eee;
|
|
border: 1px solid #ddd;
|
|
float: left;
|
|
margin: 13px 5px 5px 1px;
|
|
padding: 3px 5px;
|
|
text-align: center;
|
|
width: 200px;
|
|
display: none;
|
|
}
|
|
|
|
#pass-strength-result.short {
|
|
background-color: #ffa0a0;
|
|
border-color: #f04040;
|
|
}
|
|
|
|
#pass-strength-result.bad {
|
|
background-color: #ffb78c;
|
|
border-color: #ff853c;
|
|
}
|
|
|
|
#pass-strength-result.good {
|
|
background-color: #ffec8b;
|
|
border-color: #fc0;
|
|
}
|
|
|
|
#pass-strength-result.strong {
|
|
background-color: #c3ff88;
|
|
border-color: #8dff1c;
|
|
}
|
|
|
|
.indicator-hint {
|
|
padding-top: 8px;
|
|
}
|
|
|
|
p.search-box {
|
|
float: right;
|
|
margin: 0;
|
|
}
|
|
|
|
.network-admin.themes-php p.search-box {
|
|
clear: left;
|
|
}
|
|
|
|
.search-box input[name="s"],
|
|
#search-plugins input[name="s"],
|
|
.tagsdiv .newtag {
|
|
float: left;
|
|
height: 28px;
|
|
margin: 0 4px 0 0;
|
|
}
|
|
|
|
input[type="text"].ui-autocomplete-loading {
|
|
background: transparent url('../images/loading.gif') no-repeat right center;
|
|
visibility: visible;
|
|
}
|
|
|
|
ul#add-to-blog-users {
|
|
margin: 0 0 0 14px;
|
|
}
|
|
|
|
.ui-autocomplete-input.open {
|
|
border-bottom-right-radius: 0;
|
|
border-bottom-left-radius: 0;
|
|
}
|
|
|
|
.ui-autocomplete {
|
|
padding: 0;
|
|
margin: 0;
|
|
list-style: none;
|
|
position: absolute;
|
|
z-index: 10000;
|
|
border-bottom-right-radius: 3px;
|
|
border-bottom-left-radius: 3px;
|
|
border: 1px solid #aaa;
|
|
background-color: #efefef;
|
|
}
|
|
|
|
.ui-autocomplete li {
|
|
margin-bottom: 0;
|
|
white-space: nowrap;
|
|
text-align: left;
|
|
}
|
|
|
|
.ui-autocomplete li a {
|
|
display: block;
|
|
height: 100%;
|
|
padding: 4px 10px;
|
|
color: #444;
|
|
}
|
|
|
|
.ui-autocomplete li a.ui-state-focus {
|
|
background-color: #ddd;
|
|
cursor: pointer;
|
|
}
|
|
|
|
/*------------------------------------------------------------------------------
|
|
3.0 - Actions
|
|
------------------------------------------------------------------------------*/
|
|
|
|
#major-publishing-actions {
|
|
padding: 10px;
|
|
clear: both;
|
|
border-top: 1px solid #ddd;
|
|
background: #f5f5f5;
|
|
}
|
|
|
|
#delete-action {
|
|
line-height: 28px;
|
|
vertical-align: middle;
|
|
text-align: left;
|
|
float: left;
|
|
}
|
|
|
|
#publishing-action {
|
|
text-align: right;
|
|
float: right;
|
|
line-height: 23px;
|
|
}
|
|
|
|
#publishing-action .spinner {
|
|
float: left;
|
|
}
|
|
|
|
#misc-publishing-actions {
|
|
padding: 6px 0 0;
|
|
}
|
|
|
|
.misc-pub-section {
|
|
padding: 6px 10px 8px;
|
|
}
|
|
|
|
#minor-publishing-actions {
|
|
padding: 10px 10px 0 10px;
|
|
text-align: right;
|
|
}
|
|
|
|
#save-post {
|
|
float: left;
|
|
}
|
|
|
|
.preview {
|
|
float: right;
|
|
}
|
|
|
|
#sticky-span {
|
|
margin-left: 18px;
|
|
}
|
|
|
|
.side-info {
|
|
margin: 0;
|
|
padding: 4px;
|
|
font-size: 11px;
|
|
}
|
|
|
|
.side-info h5 {
|
|
padding-bottom: 7px;
|
|
font-size: 14px;
|
|
margin: 12px 2px 5px;
|
|
border-bottom: 1px solid #dadada;
|
|
}
|
|
|
|
.side-info ul {
|
|
margin: 0;
|
|
padding-left: 18px;
|
|
list-style: square;
|
|
color: #666;
|
|
}
|
|
|
|
.approve,
|
|
.unapproved .unapprove {
|
|
display: none;
|
|
}
|
|
|
|
.unapproved .approve,
|
|
.spam .approve,
|
|
.trash .approve {
|
|
display: inline;
|
|
}
|
|
|
|
td.action-links,
|
|
th.action-links {
|
|
text-align: right;
|
|
}
|
|
|
|
|
|
/*------------------------------------------------------------------------------
|
|
4.0 - Notifications
|
|
------------------------------------------------------------------------------*/
|
|
|
|
#update-nag,
|
|
.update-nag {
|
|
display: inline-block;
|
|
line-height: 19px;
|
|
padding: 11px 15px;
|
|
font-size: 14px;
|
|
text-align: left;
|
|
margin: 25px 20px 0 2px;
|
|
background-color: #fff;
|
|
border-left: 4px solid #ffba00;
|
|
|
|
-webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.1);
|
|
box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.1);
|
|
}
|
|
|
|
.update-message {
|
|
color: #000;
|
|
}
|
|
|
|
ul#dismissed-updates {
|
|
display: none;
|
|
}
|
|
|
|
form.upgrade {
|
|
margin-top: 8px;
|
|
}
|
|
|
|
form.upgrade .hint {
|
|
font-style: italic;
|
|
font-size: 85%;
|
|
margin: -0.5em 0 2em 0;
|
|
}
|
|
|
|
.update-php .spinner {
|
|
float: none;
|
|
margin: -4px 0;
|
|
}
|
|
|
|
#ajax-loading,
|
|
.ajax-loading,
|
|
.ajax-feedback,
|
|
.imgedit-wait-spin,
|
|
.list-ajax-loading { /* deprecated */
|
|
visibility: hidden;
|
|
}
|
|
|
|
#ajax-response.alignleft {
|
|
margin-left: 2em;
|
|
}
|
|
|
|
/*------------------------------------------------------------------------------
|
|
5.0 - TinyMCE
|
|
------------------------------------------------------------------------------*/
|
|
|
|
/* nothing? */
|
|
|
|
/*------------------------------------------------------------------------------
|
|
6.0 - Admin Header
|
|
------------------------------------------------------------------------------*/
|
|
#adminmenu a,
|
|
#sidemenu a,
|
|
#taglist a,
|
|
#catlist a {
|
|
text-decoration: none;
|
|
}
|
|
|
|
/*------------------------------------------------------------------------------
|
|
6.1 - Screen Options Tabs
|
|
------------------------------------------------------------------------------*/
|
|
|
|
#screen-options-wrap,
|
|
#contextual-help-wrap {
|
|
margin: 0;
|
|
padding: 8px 20px 12px;
|
|
position: relative;
|
|
}
|
|
|
|
#contextual-help-wrap {
|
|
overflow: auto;
|
|
margin-left: 0 !important;
|
|
}
|
|
|
|
#screen-meta .screen-reader-text {
|
|
visibility: hidden;
|
|
}
|
|
|
|
#screen-meta-links {
|
|
margin: 0 20px 0 0;
|
|
}
|
|
|
|
#screen-meta-links a {
|
|
padding: 3px 6px 3px 16px;
|
|
}
|
|
|
|
#screen-meta-links a:focus {
|
|
outline: none;
|
|
}
|
|
|
|
/* screen options and help tabs revert */
|
|
#screen-meta {
|
|
display: none;
|
|
margin: 0 20px -1px 0px;
|
|
position: relative;
|
|
background-color: #fff;
|
|
border: 1px solid #ddd;
|
|
border-top: none;
|
|
-webkit-box-shadow: 0 1px 0 rgba(0,0,0,.025);
|
|
box-shadow: 0 1px 0 rgba(0,0,0,.025);
|
|
}
|
|
|
|
#screen-options-link-wrap,
|
|
#contextual-help-link-wrap {
|
|
float: right;
|
|
height: 28px;
|
|
margin: 0 0 0 6px;
|
|
border: 1px solid #ddd;
|
|
border-top: none;
|
|
background: #fff;
|
|
-webkit-box-shadow: 0px 1px 1px -1px rgba(0,0,0,0.1);
|
|
box-shadow: 0px 1px 1px -1px rgba(0,0,0,0.1);
|
|
}
|
|
|
|
#screen-meta-links .screen-meta-toggle {
|
|
position: relative;
|
|
top: 0;
|
|
}
|
|
|
|
#screen-meta-links a {
|
|
color: #777;
|
|
}
|
|
|
|
#screen-meta-links a:hover,
|
|
#screen-meta-links a:active,
|
|
#screen-meta-links a:focus {
|
|
color: #333;
|
|
}
|
|
|
|
#screen-meta-links a:focus {
|
|
border-color: #aaa;
|
|
-webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.15);
|
|
box-shadow: 0 2px 3px rgba(0,0,0,0.15);
|
|
}
|
|
|
|
#screen-meta-links a.show-settings {
|
|
display: block;
|
|
font-size: 13px;
|
|
height: 22px;
|
|
line-height: 22px;
|
|
text-decoration: none;
|
|
z-index: 1;
|
|
}
|
|
|
|
#screen-meta-links a:after {
|
|
right: 0;
|
|
content: '\f140';
|
|
font: normal 20px/1 'dashicons';
|
|
speak: none;
|
|
display: inline-block;
|
|
padding: 0 5px 0 0;
|
|
bottom: 2px;
|
|
position: relative;
|
|
vertical-align: bottom;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
text-decoration: none !important;
|
|
color: #bbb;
|
|
}
|
|
|
|
#screen-meta-links a.screen-meta-active:after {
|
|
content: '\f142';
|
|
}
|
|
|
|
#screen-meta-links a.show-settings:hover {
|
|
text-decoration: none;
|
|
}
|
|
/* end screen options and help tabs */
|
|
|
|
.toggle-arrow {
|
|
background-repeat: no-repeat;
|
|
background-position: top left;
|
|
background-color: transparent;
|
|
height: 22px;
|
|
line-height: 22px;
|
|
display: block;
|
|
}
|
|
|
|
.toggle-arrow-active {
|
|
background-position: bottom left;
|
|
}
|
|
|
|
#screen-options-wrap h5,
|
|
#contextual-help-wrap h5 {
|
|
margin: 8px 0;
|
|
font-size: 13px;
|
|
}
|
|
|
|
.metabox-prefs label {
|
|
display: inline-block;
|
|
padding-right: 15px;
|
|
line-height: 30px;
|
|
}
|
|
|
|
.metabox-prefs label input[type=checkbox] {
|
|
margin-top: -4px;
|
|
margin-right: 6px;
|
|
}
|
|
|
|
.metabox-prefs label input {
|
|
margin: 0 5px 0 2px;
|
|
}
|
|
|
|
.metabox-prefs .columns-prefs label input {
|
|
margin: 0 2px;
|
|
}
|
|
|
|
.metabox-prefs label a {
|
|
display: none;
|
|
}
|
|
|
|
/*------------------------------------------------------------------------------
|
|
6.2 - Help Menu
|
|
------------------------------------------------------------------------------*/
|
|
|
|
#contextual-help-wrap {
|
|
padding: 0;
|
|
}
|
|
|
|
#contextual-help-columns {
|
|
position: relative;
|
|
}
|
|
|
|
#contextual-help-back {
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: 150px;
|
|
right: 170px;
|
|
border: 1px solid #e1e1e1;
|
|
border-top: none;
|
|
border-bottom: none;
|
|
background: #f6fbfd;
|
|
}
|
|
|
|
#contextual-help-wrap.no-sidebar #contextual-help-back {
|
|
right: 0;
|
|
|
|
border-right-width: 0;
|
|
-webkit-border-bottom-right-radius: 2px;
|
|
border-bottom-right-radius: 2px;
|
|
}
|
|
|
|
.contextual-help-tabs {
|
|
float: left;
|
|
width: 150px;
|
|
margin: 0;
|
|
}
|
|
|
|
.contextual-help-tabs ul {
|
|
margin: 1em 0;
|
|
}
|
|
|
|
.contextual-help-tabs li {
|
|
margin-bottom: 0;
|
|
list-style-type: none;
|
|
border-style: solid;
|
|
border-width: 0 0 0 2px;
|
|
border-color: transparent;
|
|
}
|
|
|
|
.contextual-help-tabs a {
|
|
display: block;
|
|
padding: 5px 5px 5px 12px;
|
|
line-height: 18px;
|
|
text-decoration: none;
|
|
border: 1px solid transparent;
|
|
border-right: none;
|
|
border-left: none;
|
|
}
|
|
|
|
.contextual-help-tabs a:hover {
|
|
color: #333;
|
|
}
|
|
|
|
.contextual-help-tabs .active {
|
|
padding: 0;
|
|
margin: 0 -1px 0 0;
|
|
border-left: 2px solid #2ea2cc;
|
|
background: #f6fbfd;
|
|
|
|
-webkit-box-shadow: 0px 2px 0 rgba(0,0,0,0.02), 0 1px 0 rgba(0,0,0,0.02);
|
|
box-shadow: 0px 2px 0 rgba(0,0,0,0.02), 0 1px 0 rgba(0,0,0,0.02);
|
|
}
|
|
|
|
.contextual-help-tabs .active a {
|
|
border-color: #e1e1e1;
|
|
color: #333;
|
|
}
|
|
|
|
.contextual-help-tabs-wrap {
|
|
padding: 0 20px;
|
|
overflow: auto;
|
|
}
|
|
|
|
.help-tab-content {
|
|
display: none;
|
|
margin: 0 22px 12px 0;
|
|
line-height: 1.6em;
|
|
}
|
|
|
|
.help-tab-content.active {
|
|
display: block;
|
|
}
|
|
|
|
.help-tab-content ul li {
|
|
list-style-type: disc;
|
|
margin-left: 18px;
|
|
}
|
|
|
|
.contextual-help-sidebar {
|
|
width: 150px;
|
|
float: right;
|
|
padding: 0 8px 0 12px;
|
|
overflow: auto;
|
|
}
|
|
|
|
|
|
/*------------------------------------------------------------------------------
|
|
7.0 - Main Navigation (Left Menu)
|
|
------------------------------------------------------------------------------*/
|
|
|
|
#adminmenuwrap {
|
|
position: relative;
|
|
float: left;
|
|
}
|
|
|
|
/* side admin menu */
|
|
#adminmenu * {
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
user-select: none;
|
|
}
|
|
|
|
#adminmenu li {
|
|
margin: 0;
|
|
padding: 0;
|
|
cursor: pointer;
|
|
}
|
|
|
|
#adminmenu a {
|
|
display: block;
|
|
line-height: 18px;
|
|
padding: 2px 5px;
|
|
color: #eee;
|
|
}
|
|
|
|
#adminmenu a:hover,
|
|
#adminmenu li.menu-top > a:focus,
|
|
#adminmenu .wp-submenu a:hover,
|
|
#adminmenu .wp-submenu a:focus {
|
|
color: #2ea2cc;
|
|
}
|
|
|
|
#adminmenu li.menu-top {
|
|
border: none;
|
|
min-height: 34px;
|
|
position: relative;
|
|
}
|
|
|
|
#adminmenu .wp-submenu {
|
|
list-style: none;
|
|
position: absolute;
|
|
top: -1000em;
|
|
left: 160px;
|
|
overflow: visible;
|
|
word-wrap: break-word;
|
|
}
|
|
|
|
#adminmenu .wp-submenu,
|
|
.folded #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
|
|
.folded #adminmenu .wp-has-current-submenu .wp-submenu {
|
|
padding: 7px 0 8px;
|
|
z-index: 9999;
|
|
background-color: #333;
|
|
|
|
-webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.2);
|
|
box-shadow: 0 3px 5px rgba(0,0,0,0.2);
|
|
}
|
|
|
|
#adminmenu .wp-submenu a,
|
|
.folded #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
|
|
.folded #adminmenu .wp-has-current-submenu .wp-submenu a {
|
|
color: #bbb;
|
|
}
|
|
|
|
#adminmenu .wp-submenu a:hover,
|
|
#adminmenu .wp-submenu a:focus {
|
|
background: none;
|
|
}
|
|
|
|
.js #adminmenu .sub-open,
|
|
.js #adminmenu .opensub .wp-submenu,
|
|
#adminmenu a.menu-top:focus + .wp-submenu,
|
|
.no-js li.wp-has-submenu:hover .wp-submenu {
|
|
top: -1px;
|
|
}
|
|
|
|
#adminmenu .wp-has-current-submenu .wp-submenu,
|
|
.no-js li.wp-has-current-submenu:hover .wp-submenu,
|
|
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
|
|
#adminmenu .wp-has-current-submenu .wp-submenu.sub-open,
|
|
#adminmenu .wp-has-current-submenu.opensub .wp-submenu {
|
|
position: relative;
|
|
z-index: 3;
|
|
top: auto;
|
|
left: auto;
|
|
right: auto;
|
|
bottom: auto;
|
|
border: 0 none;
|
|
margin-top: 0;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
background-color: #333;
|
|
}
|
|
|
|
#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
|
|
#adminmenu li.current a.menu-top,
|
|
.folded #adminmenu li.wp-has-current-submenu,
|
|
.folded #adminmenu li.current.menu-top,
|
|
#adminmenu .wp-menu-arrow,
|
|
#adminmenu .wp-has-current-submenu .wp-submenu .wp-submenu-head,
|
|
#adminmenu .wp-menu-arrow div {
|
|
background: #0074a2;
|
|
color: #fff;
|
|
}
|
|
|
|
.folded #adminmenu .wp-submenu.sub-open,
|
|
.folded #adminmenu .opensub .wp-submenu,
|
|
.folded #adminmenu .wp-has-current-submenu .wp-submenu.sub-open,
|
|
.folded #adminmenu .wp-has-current-submenu.opensub .wp-submenu,
|
|
.folded #adminmenu a.menu-top:focus + .wp-submenu,
|
|
.folded #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu,
|
|
.no-js.folded #adminmenu .wp-has-submenu:hover .wp-submenu {
|
|
top: 0;
|
|
left: 36px;
|
|
}
|
|
|
|
.folded #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
|
|
.folded #adminmenu .wp-has-current-submenu .wp-submenu {
|
|
position: absolute;
|
|
top: -1000em;
|
|
}
|
|
|
|
#adminmenu .wp-not-current-submenu .wp-submenu,
|
|
.folded #adminmenu .wp-has-current-submenu .wp-submenu {
|
|
min-width: 160px;
|
|
width: auto;
|
|
}
|
|
|
|
#adminmenu .wp-submenu a {
|
|
font-size: 13px;
|
|
line-height: 1.2;
|
|
margin: 0;
|
|
padding: 6px 0;
|
|
}
|
|
|
|
#adminmenu .wp-submenu li.current,
|
|
#adminmenu .wp-submenu li.current a,
|
|
#adminmenu .opensub .wp-submenu li.current a,
|
|
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
|
|
#adminmenu .wp-submenu li.current a:hover,
|
|
#adminmenu .wp-submenu li.current a:focus {
|
|
color: #fff;
|
|
}
|
|
|
|
#adminmenu .wp-not-current-submenu li > a,
|
|
.folded #adminmenu .wp-has-current-submenu li > a {
|
|
padding-right: 16px;
|
|
padding-left: 14px;
|
|
-moz-transition: all .1s ease-in-out;
|
|
-webkit-transition: all .1s ease-in-out;
|
|
transition: all .1s ease-in-out;
|
|
}
|
|
|
|
#adminmenu .wp-has-current-submenu ul > li > a,
|
|
.folded #adminmenu li.menu-top .wp-submenu > li > a {
|
|
padding: 6px 12px;
|
|
}
|
|
|
|
#adminmenu a.menu-top,
|
|
#adminmenu .wp-submenu-head {
|
|
font-size: 14px;
|
|
font-weight: 400;
|
|
line-height: 18px;
|
|
padding: 0;
|
|
}
|
|
|
|
#adminmenu .wp-submenu-head,
|
|
.folded #adminmenu .wp-menu-name {
|
|
display: none;
|
|
}
|
|
|
|
.folded #adminmenu .wp-submenu-head {
|
|
display: block;
|
|
}
|
|
|
|
#adminmenu .wp-submenu li {
|
|
padding: 0;
|
|
margin: 0;
|
|
overflow: hidden;
|
|
}
|
|
|
|
#adminmenu .wp-menu-image img {
|
|
padding: 9px 0 0 0px;
|
|
opacity: 0.6;
|
|
filter: alpha(opacity=60);
|
|
}
|
|
|
|
#adminmenu div.wp-menu-name {
|
|
padding: 8px 0;
|
|
}
|
|
|
|
#adminmenu div.wp-menu-image {
|
|
float: left;
|
|
width: 36px;
|
|
height: 30px;
|
|
margin: 0;
|
|
text-align: center;
|
|
}
|
|
|
|
#adminmenu div.wp-menu-image.svg {
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
background-size: 20px auto;
|
|
}
|
|
|
|
div.wp-menu-image:before {
|
|
font: normal 20px/1 'dashicons' !important;
|
|
speak: none;
|
|
color: #999;
|
|
padding: 8px 0;
|
|
height: 36px;
|
|
width: 20px;
|
|
display: inline-block;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
-moz-transition: all .1s ease-in-out;
|
|
-webkit-transition: all .1s ease-in-out;
|
|
transition: all .1s ease-in-out;
|
|
}
|
|
|
|
#adminmenu div.wp-menu-image:before {
|
|
color: #999;
|
|
}
|
|
|
|
#adminmenu li.wp-has-current-submenu:hover div.wp-menu-image:before,
|
|
#adminmenu .wp-has-current-submenu div.wp-menu-image:before,
|
|
#adminmenu .current div.wp-menu-image:before,
|
|
#adminmenu a.wp-has-current-submenu:hover div.wp-menu-image:before,
|
|
#adminmenu a.current:hover div.wp-menu-image:before {
|
|
color: #fff;
|
|
}
|
|
|
|
#adminmenu li:hover div.wp-menu-image:before {
|
|
color: #2ea2cc;
|
|
}
|
|
|
|
.folded #adminmenu div.wp-menu-image {
|
|
width: 35px;
|
|
height: 30px;
|
|
position: absolute;
|
|
z-index: 25;
|
|
}
|
|
|
|
.folded #adminmenu a.menu-top {
|
|
height: 34px;
|
|
}
|
|
|
|
/* No @font-face support */
|
|
.no-font-face #adminmenu .wp-menu-image {
|
|
display: none;
|
|
}
|
|
|
|
.no-font-face #adminmenu div.wp-menu-name {
|
|
padding: 8px 12px;
|
|
}
|
|
|
|
.no-font-face.auto-fold #adminmenu .wp-menu-name {
|
|
margin-left: 0;
|
|
}
|
|
/* End no @font-face support */
|
|
|
|
/* Sticky admin menu */
|
|
.sticky-menu #adminmenuwrap {
|
|
position: fixed;
|
|
z-index: 99; /* Match the z-index of .wp-submenu to ensure flyout menus don't appear underneath main column elements */
|
|
}
|
|
|
|
/* A new arrow */
|
|
|
|
.wp-menu-arrow {
|
|
display: none !important;
|
|
}
|
|
|
|
ul#adminmenu a.wp-has-current-submenu {
|
|
position: relative;
|
|
}
|
|
|
|
ul#adminmenu a.wp-has-current-submenu:after,
|
|
ul#adminmenu > li.current > a.current:after {
|
|
right: 0;
|
|
border: solid 8px transparent;
|
|
content: " ";
|
|
height: 0;
|
|
width: 0;
|
|
position: absolute;
|
|
pointer-events: none;
|
|
border-right-color: #f1f1f1;
|
|
top: 50%;
|
|
margin-top: -8px;
|
|
}
|
|
|
|
.folded ul#adminmenu li:hover a.wp-has-current-submenu:after {
|
|
display: none;
|
|
}
|
|
|
|
.folded ul#adminmenu a.wp-has-current-submenu:after,
|
|
.folded ul#adminmenu > li a.current:after {
|
|
border-width: 4px;
|
|
margin-top: -4px;
|
|
}
|
|
|
|
/* flyout menu arrow */
|
|
#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after {
|
|
right: 0;
|
|
border: solid transparent;
|
|
content: " ";
|
|
height: 0;
|
|
width: 0;
|
|
position: absolute;
|
|
pointer-events: none;
|
|
border-width: 8px;
|
|
top: 10px;
|
|
z-index: 10000;
|
|
}
|
|
|
|
.folded ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after {
|
|
border-width: 4px;
|
|
margin-top: -4px;
|
|
top: 18px;
|
|
}
|
|
|
|
#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after {
|
|
border-right-color: #333;
|
|
}
|
|
|
|
/* ensure that wp-submenu's box shadow doesn't appear on top of the focused menu item's background. */
|
|
#adminmenu li.menu-top:hover,
|
|
#adminmenu li.opensub > a.menu-top,
|
|
#adminmenu li > a.menu-top:focus {
|
|
position: relative;
|
|
background-color: #111;
|
|
}
|
|
|
|
.folded #adminmenu li.menu-top:hover,
|
|
.folded #adminmenu li.opensub > a.menu-top,
|
|
.folded #adminmenu li > a.menu-top:focus {
|
|
z-index: 10000;
|
|
}
|
|
|
|
#adminmenu li.menu-top:hover .wp-menu-image img,
|
|
#adminmenu li.wp-has-current-submenu .wp-menu-image img {
|
|
opacity: 1;
|
|
filter: alpha(opacity=100);
|
|
}
|
|
|
|
#adminmenu li.wp-menu-separator {
|
|
height: 5px;
|
|
padding: 0;
|
|
margin: 0 0 6px 0;
|
|
cursor: inherit;
|
|
}
|
|
|
|
/* @todo: is this even needed given that it's nested beneath the above li.wp-menu-separator? */
|
|
#adminmenu div.separator {
|
|
height: 2px;
|
|
padding: 0;
|
|
}
|
|
|
|
#adminmenu .wp-submenu .wp-submenu-head {
|
|
color: #fff;
|
|
font-weight: 400;
|
|
font-size: 14px;
|
|
padding: 8px 4px 8px 11px;
|
|
margin: -7px 0px 4px;
|
|
}
|
|
|
|
#adminmenu li.current,
|
|
.folded #adminmenu li.wp-menu-open {
|
|
border: 0 none;
|
|
}
|
|
|
|
#adminmenu .awaiting-mod,
|
|
#adminmenu span.update-plugins,
|
|
#sidemenu li a span.update-plugins {
|
|
display: inline-block;
|
|
background-color: #d54e21;
|
|
color: #fff;
|
|
font-size: 9px;
|
|
line-height: 17px;
|
|
font-weight: 600;
|
|
margin: 1px 0 0 2px;
|
|
vertical-align: top;
|
|
-webkit-border-radius: 10px;
|
|
border-radius: 10px;
|
|
z-index: 26;
|
|
}
|
|
|
|
#adminmenu li .awaiting-mod span,
|
|
#adminmenu li span.update-plugins span,
|
|
#sidemenu li a span.update-plugins span {
|
|
display: block;
|
|
padding: 0 6px;
|
|
}
|
|
|
|
#adminmenu li.current a .awaiting-mod,
|
|
#adminmenu li a.wp-has-current-submenu .update-plugins {
|
|
background-color: #2ea2cc;
|
|
color: #fff;
|
|
}
|
|
|
|
#adminmenu li span.count-0,
|
|
#sidemenu li a .count-0 {
|
|
display: none;
|
|
}
|
|
|
|
#collapse-menu {
|
|
font-size: 13px;
|
|
line-height: 34px;
|
|
margin-top: 10px;
|
|
color: #aaa;
|
|
-webkit-transition: all .1s ease-in-out;
|
|
-moz-transition: all .1s ease-in-out;
|
|
transition: all .1s ease-in-out;
|
|
}
|
|
|
|
#collapse-menu:hover,
|
|
#collapse-menu:hover #collapse-button div:after {
|
|
color: #2ea2cc;
|
|
}
|
|
|
|
.folded #collapse-menu span {
|
|
display: none;
|
|
}
|
|
|
|
#collapse-button,
|
|
#collapse-button div {
|
|
width: 15px;
|
|
height: 15px;
|
|
}
|
|
|
|
#collapse-button {
|
|
float: left;
|
|
height: 15px;
|
|
margin: 10px 8px 10px 11px;
|
|
width: 15px;
|
|
|
|
-webkit-border-radius: 10px;
|
|
border-radius: 10px;
|
|
}
|
|
|
|
#wpwrap #collapse-button div {
|
|
padding: 0;
|
|
}
|
|
|
|
#collapse-button div:after {
|
|
content: '\f148';
|
|
display: block;
|
|
line-height: 15px;
|
|
left: -3px;
|
|
top: -3px;
|
|
color: #aaa;
|
|
font: normal 20px/1 'dashicons' !important;
|
|
speak: none;
|
|
margin: 0 auto;
|
|
padding: 0 !important;
|
|
position: relative;
|
|
text-align: center;
|
|
width: 20px;
|
|
-moz-transition: all .1s ease-in-out;
|
|
-webkit-transition: all .1s ease-in-out;
|
|
transition: all .1s ease-in-out;
|
|
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
|
|
.folded #collapse-button div:after,
|
|
.rtl #collapse-button div:after {
|
|
-ms-transform: rotate(180deg);
|
|
-webkit-transform: rotate(180deg);
|
|
transform: rotate(180deg);
|
|
}
|
|
|
|
.rtl.folded #collapse-button div:after {
|
|
-ms-transform: none;
|
|
-webkit-transform: none;
|
|
transform: none;
|
|
}
|
|
|
|
/* Auto-folding of the admin menu */
|
|
@media only screen and (max-width: 900px) {
|
|
.auto-fold #wpcontent,
|
|
.auto-fold #wpfooter {
|
|
margin-left: 56px;
|
|
}
|
|
|
|
.auto-fold #adminmenuback,
|
|
.auto-fold #adminmenuwrap,
|
|
.auto-fold #adminmenu,
|
|
.auto-fold #adminmenu li.menu-top {
|
|
width: 36px;
|
|
}
|
|
|
|
.auto-fold #adminmenu .wp-submenu.sub-open,
|
|
.auto-fold #adminmenu .opensub .wp-submenu,
|
|
.auto-fold #adminmenu .wp-has-current-submenu .wp-submenu.sub-open,
|
|
.auto-fold #adminmenu .wp-has-current-submenu.opensub .wp-submenu,
|
|
.auto-fold #adminmenu a.menu-top:focus + .wp-submenu,
|
|
.auto-fold #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu {
|
|
top: 0px;
|
|
left: 36px;
|
|
}
|
|
|
|
.auto-fold #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
|
|
.auto-fold #adminmenu .wp-has-current-submenu .wp-submenu {
|
|
position: absolute;
|
|
top: -1000em;
|
|
margin-right: -1px;
|
|
padding: 7px 0 8px;
|
|
z-index: 9999;
|
|
}
|
|
|
|
.auto-fold #adminmenu .wp-has-current-submenu .wp-submenu {
|
|
min-width: 150px;
|
|
width: auto;
|
|
}
|
|
|
|
.auto-fold #adminmenu .wp-has-current-submenu li > a {
|
|
padding-right: 16px;
|
|
padding-left: 14px;
|
|
}
|
|
|
|
|
|
.auto-fold #adminmenu li.menu-top .wp-submenu > li > a {
|
|
padding-left: 12px;
|
|
}
|
|
|
|
.auto-fold #adminmenu .wp-menu-name {
|
|
display: none;
|
|
}
|
|
|
|
.auto-fold #adminmenu .wp-submenu-head {
|
|
display: block;
|
|
}
|
|
|
|
.auto-fold #adminmenu div.wp-menu-image {
|
|
height: 30px;
|
|
width: 34px;
|
|
position: absolute;
|
|
z-index: 25;
|
|
}
|
|
|
|
.auto-fold #adminmenu a.menu-top {
|
|
height: 34px;
|
|
}
|
|
|
|
.auto-fold #adminmenu li.wp-menu-open {
|
|
border: 0 none;
|
|
}
|
|
|
|
.auto-fold #adminmenu .wp-has-current-submenu.menu-top-last {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.auto-fold ul#adminmenu li:hover a.wp-has-current-submenu:after {
|
|
display: none;
|
|
}
|
|
|
|
.auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after {
|
|
border-width: 4px;
|
|
margin-top: -4px;
|
|
top: 16px;
|
|
}
|
|
|
|
.auto-fold ul#adminmenu a.wp-has-current-submenu:after,
|
|
.auto-fold ul#adminmenu > li a.current:after {
|
|
border-width: 4px;
|
|
margin-top: -4px;
|
|
}
|
|
|
|
.auto-fold #adminmenu li.menu-top:hover,
|
|
.auto-fold #adminmenu li.opensub > a.menu-top,
|
|
.auto-fold #adminmenu li > a.menu-top:focus {
|
|
z-index: 10000;
|
|
}
|
|
|
|
.auto-fold #collapse-menu span {
|
|
display: none;
|
|
}
|
|
|
|
.auto-fold #collapse-button div {
|
|
background: none;
|
|
}
|
|
|
|
.auto-fold #collapse-button div:after {
|
|
-ms-transform: rotate(180deg);
|
|
-webkit-transform: rotate(180deg);
|
|
transform: rotate(180deg);
|
|
}
|
|
|
|
.rtl.auto-fold #collapse-button div:after {
|
|
-ms-transform: none;
|
|
-webkit-transform: none;
|
|
transform: none;
|
|
}
|
|
|
|
}
|
|
|
|
/* List table styles */
|
|
.post-com-count-wrapper {
|
|
min-width: 22px;
|
|
}
|
|
|
|
.post-com-count {
|
|
background: none;
|
|
height: 1.3em;
|
|
line-height: 1.1em;
|
|
display: block;
|
|
text-decoration: none;
|
|
padding: 0 0 6px;
|
|
cursor: pointer;
|
|
background-position: center -80px;
|
|
background-repeat: no-repeat;
|
|
color: #fff;
|
|
}
|
|
|
|
.post-com-count:after { /* draw bubble connector using CSS! */
|
|
content: "";
|
|
display: block;
|
|
width: 0;
|
|
height: 0;
|
|
margin-left: 8px;
|
|
border-top: 5px solid #bbb;
|
|
border-right: 5px solid transparent;
|
|
}
|
|
|
|
.post-com-count span {
|
|
font-size: 11px;
|
|
font-weight: 600;
|
|
height: 1.4em;
|
|
line-height: 1.4em;
|
|
min-width: 0.7em;
|
|
padding: 0 6px;
|
|
display: inline-block;
|
|
-webkit-border-radius: 5px;
|
|
border-radius: 5px;
|
|
background-color: #bbb;
|
|
color: #fff;
|
|
}
|
|
|
|
.post-com-count:hover {
|
|
background-position: center -3px;
|
|
}
|
|
|
|
.post-com-count:hover span {
|
|
background-color: #2ea2cc;
|
|
}
|
|
|
|
.post-com-count:hover:after {
|
|
border-top: 5px solid #2ea2cc;
|
|
}
|
|
|
|
strong .post-com-count {
|
|
background-position: center -55px;
|
|
}
|
|
|
|
strong .post-com-count span {
|
|
background-color: #0074a2;
|
|
}
|
|
|
|
strong .post-com-count:after {
|
|
border-top: 5px solid #0074a2;
|
|
}
|
|
|
|
.column-response .post-com-count {
|
|
float: left;
|
|
margin-right: 5px;
|
|
text-align: center;
|
|
}
|
|
|
|
.response-links {
|
|
float: left;
|
|
}
|
|
|
|
#the-comment-list .attachment-80x60 {
|
|
padding: 4px 8px;
|
|
}
|
|
|
|
th .comment-grey-bubble {
|
|
height: 16px;
|
|
width: 16px;
|
|
}
|
|
|
|
th .comment-grey-bubble:before {
|
|
content: '\f101';
|
|
font: normal 20px/.5 'dashicons';
|
|
speak: none;
|
|
display: inline-block;
|
|
padding: 0;
|
|
top: 4px;
|
|
left: -4px;
|
|
position: relative;
|
|
vertical-align: top;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
text-decoration: none !important;
|
|
color: #444;
|
|
}
|
|
|
|
/*------------------------------------------------------------------------------
|
|
8.0 - Layout Blocks
|
|
------------------------------------------------------------------------------*/
|
|
|
|
html.wp-toolbar {
|
|
padding-top: 32px;
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.narrow {
|
|
width: 70%;
|
|
margin-bottom: 40px;
|
|
}
|
|
|
|
.narrow p {
|
|
line-height: 150%;
|
|
}
|
|
|
|
.widefat th,
|
|
.widefat td {
|
|
overflow: hidden;
|
|
color: #555;
|
|
}
|
|
|
|
.widefat th {
|
|
font-weight: normal;
|
|
}
|
|
|
|
.widefat thead tr th,
|
|
.widefat tfoot tr th {
|
|
color: #333;
|
|
}
|
|
|
|
.widefat td p {
|
|
margin: 2px 0 0.8em;
|
|
}
|
|
|
|
.widefat p,
|
|
.widefat ol,
|
|
.widefat ul {
|
|
color: #333;
|
|
}
|
|
|
|
.widefat .column-comment p {
|
|
margin: 0.6em 0;
|
|
}
|
|
|
|
/* Screens with postboxes */
|
|
.postbox-container {
|
|
float: left;
|
|
}
|
|
|
|
#wpbody-content #dashboard-widgets.columns-1 .postbox-container {
|
|
width: 100%;
|
|
}
|
|
|
|
#wpbody-content #dashboard-widgets.columns-2 .postbox-container {
|
|
width: 49.5%;
|
|
}
|
|
|
|
#wpbody-content #dashboard-widgets.columns-2 #postbox-container-2,
|
|
#wpbody-content #dashboard-widgets.columns-2 #postbox-container-3,
|
|
#wpbody-content #dashboard-widgets.columns-2 #postbox-container-4 {
|
|
float: right;
|
|
width: 50.5%;
|
|
}
|
|
|
|
#wpbody-content #dashboard-widgets.columns-3 .postbox-container {
|
|
width: 33.5%;
|
|
}
|
|
|
|
#wpbody-content #dashboard-widgets.columns-3 #postbox-container-1 {
|
|
width: 33%;
|
|
}
|
|
|
|
#wpbody-content #dashboard-widgets.columns-3 #postbox-container-3,
|
|
#wpbody-content #dashboard-widgets.columns-3 #postbox-container-4 {
|
|
float: right;
|
|
}
|
|
|
|
#wpbody-content #dashboard-widgets.columns-4 .postbox-container {
|
|
width: 25%;
|
|
}
|
|
|
|
.postbox-container .meta-box-sortables {
|
|
-moz-box-sizing: border-box;
|
|
-webkit-box-sizing: border-box;
|
|
-ms-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.metabox-holder .postbox-container .empty-container {
|
|
border: 3px dashed #bbb;
|
|
height: 250px;
|
|
}
|
|
|
|
.metabox-holder.columns-1 .postbox-container .empty-container,
|
|
.columns-2 #postbox-container-3 .empty-container,
|
|
.columns-2 #postbox-container-4 .empty-container,
|
|
.columns-3 #postbox-container-4 .empty-container {
|
|
border: 0 none;
|
|
height: 0;
|
|
min-height: 0;
|
|
}
|
|
|
|
.ie8 #wpbody-content #dashboard-widgets .postbox-container {
|
|
width: 49.5%;
|
|
}
|
|
|
|
.ie8 #wpbody-content #dashboard-widgets #postbox-container-2,
|
|
.ie8 #wpbody-content #dashboard-widgets #postbox-container-3,
|
|
.ie8 #wpbody-content #dashboard-widgets #postbox-container-4 {
|
|
float: right;
|
|
width: 50.5%;
|
|
}
|
|
|
|
.ie8 #dashboard-widgets #postbox-container-3 .empty-container,
|
|
.ie8 #dashboard-widgets #postbox-container-4 .empty-container {
|
|
border: 0 none;
|
|
height: 0;
|
|
min-height: 0;
|
|
}
|
|
|
|
#poststuff {
|
|
padding-top: 10px;
|
|
min-width: 763px;
|
|
}
|
|
|
|
#poststuff #post-body {
|
|
padding: 0;
|
|
}
|
|
|
|
#post-body-content {
|
|
width: 100%;
|
|
min-width: 463px;
|
|
float: left;
|
|
}
|
|
|
|
#poststuff .postbox-container {
|
|
width: 100%;
|
|
}
|
|
|
|
#poststuff #post-body.columns-2 {
|
|
margin-right: 300px;
|
|
}
|
|
|
|
#post-body.columns-2 #postbox-container-1 {
|
|
float: right;
|
|
margin-right: -300px;
|
|
width: 280px;
|
|
}
|
|
|
|
#post-body.columns-2 #side-sortables {
|
|
min-height: 250px;
|
|
}
|
|
|
|
#dashboard-widgets .postbox-container {
|
|
width: 25%;
|
|
}
|
|
|
|
#dashboard-widgets-wrap .columns-3 #postbox-container-4 .empty-container {
|
|
border: none !important;
|
|
}
|
|
|
|
#dashboard-widgets-wrap {
|
|
overflow: hidden;
|
|
}
|
|
|
|
/* one column on the dash */
|
|
@media only screen and (max-width: 799px) {
|
|
#wpbody-content #dashboard-widgets .postbox-container {
|
|
width: 100%;
|
|
}
|
|
|
|
#wpbody-content .metabox-holder .postbox-container .empty-container {
|
|
border: 0 none;
|
|
height: 0;
|
|
min-height: 0;
|
|
}
|
|
}
|
|
|
|
/* two columns on the dash, but keep the setting if one is selected */
|
|
@media only screen and (min-width: 800px) and (max-width: 1499px) {
|
|
#wpbody-content #dashboard-widgets .postbox-container {
|
|
width: 49.5%;
|
|
}
|
|
|
|
#wpbody-content #dashboard-widgets #postbox-container-2,
|
|
#wpbody-content #dashboard-widgets #postbox-container-3,
|
|
#wpbody-content #dashboard-widgets #postbox-container-4 {
|
|
float: right;
|
|
width: 50.5%;
|
|
}
|
|
|
|
#dashboard-widgets #postbox-container-3 .empty-container,
|
|
#dashboard-widgets #postbox-container-4 .empty-container {
|
|
border: 0 none;
|
|
height: 0;
|
|
min-height: 0;
|
|
}
|
|
|
|
#wpbody #wpbody-content #dashboard-widgets.columns-1 .postbox-container {
|
|
width: 100%;
|
|
}
|
|
|
|
#wpbody #wpbody-content .metabox-holder.columns-1 .postbox-container .empty-container {
|
|
border: 0 none;
|
|
height: 0;
|
|
min-height: 0;
|
|
}
|
|
|
|
/* show the radio buttons for column prefs only for one or two columns */
|
|
.index-php .screen-layout,
|
|
.index-php .columns-prefs {
|
|
display: block;
|
|
}
|
|
|
|
.columns-prefs .columns-prefs-3,
|
|
.columns-prefs .columns-prefs-4 {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
/* three columns on the dash */
|
|
@media only screen and (min-width: 1500px) and (max-width: 1800px) {
|
|
#wpbody-content #dashboard-widgets .postbox-container {
|
|
width: 33.5%;
|
|
}
|
|
|
|
#wpbody-content #dashboard-widgets #postbox-container-1 {
|
|
width: 33%;
|
|
}
|
|
|
|
#wpbody-content #dashboard-widgets #postbox-container-3,
|
|
#wpbody-content #dashboard-widgets #postbox-container-4 {
|
|
float: right;
|
|
}
|
|
|
|
#dashboard-widgets #postbox-container-4 .empty-container {
|
|
border: 0 none;
|
|
height: 0;
|
|
min-height: 0;
|
|
}
|
|
}
|
|
|
|
/* one column on the post write/edit screen */
|
|
@media only screen and (max-width: 850px) {
|
|
#poststuff {
|
|
min-width: 0;
|
|
}
|
|
|
|
#wpbody-content #poststuff #post-body {
|
|
margin: 0;
|
|
}
|
|
|
|
#wpbody-content #post-body.columns-2 #postbox-container-1 {
|
|
margin-right: 0;
|
|
width: 100%;
|
|
}
|
|
|
|
#poststuff #postbox-container-1 .empty-container,
|
|
#poststuff #postbox-container-1 #side-sortables:empty {
|
|
border: 0 none;
|
|
height: 0;
|
|
min-height: 0;
|
|
}
|
|
|
|
#poststuff #post-body.columns-2 #side-sortables {
|
|
min-height: 0;
|
|
}
|
|
|
|
/* hide the radio buttons for column prefs */
|
|
.screen-layout,
|
|
.columns-prefs {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
.js .postbox .hndle {
|
|
cursor: move;
|
|
}
|
|
|
|
.hndle a {
|
|
font-size: 11px;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.postbox .handlediv {
|
|
float: right;
|
|
width: 27px;
|
|
height: 30px;
|
|
}
|
|
|
|
.js .postbox .handlediv {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.sortable-placeholder {
|
|
border: 1px dashed #bbb;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.postbox,
|
|
.stuffbox {
|
|
margin-bottom: 20px;
|
|
padding: 0;
|
|
line-height: 1;
|
|
}
|
|
|
|
.postbox h3,
|
|
.stuffbox h3 {
|
|
margin-top: 1px;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
user-select: none;
|
|
}
|
|
|
|
.js .widget .widget-top,
|
|
.js .postbox h3 {
|
|
cursor: move;
|
|
}
|
|
|
|
.postbox .inside,
|
|
.stuffbox .inside {
|
|
padding: 0 12px 12px;
|
|
line-height: 1.4em;
|
|
font-size: 13px;
|
|
}
|
|
|
|
.postbox .inside {
|
|
margin: 11px 0;
|
|
position: relative;
|
|
}
|
|
|
|
#dashboard-widgets .postbox .inside {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.postbox .inside > p:last-child,
|
|
.rss-widget ul li:last-child {
|
|
margin-bottom: 1px !important;
|
|
}
|
|
|
|
.postbox.closed h3 {
|
|
border: none;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.postbox table.form-table {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.postbox table.widefat {
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.temp-border {
|
|
border: 1px dotted #ccc;
|
|
}
|
|
|
|
.columns-prefs label {
|
|
padding: 0 5px;
|
|
}
|
|
|
|
|
|
/*------------------------------------------------------------------------------
|
|
9.0 - Dashboard
|
|
------------------------------------------------------------------------------*/
|
|
|
|
#dashboard-widgets-wrap {
|
|
margin: 0 -8px;
|
|
}
|
|
|
|
#wpbody-content .metabox-holder {
|
|
padding-top: 10px;
|
|
}
|
|
|
|
#dashboard-widgets .meta-box-sortables {
|
|
margin: 0 8px;
|
|
min-height: 100px;
|
|
}
|
|
|
|
h3.dashboard-widget-title,
|
|
h3.dashboard-widget-title span,
|
|
h3.dashboard-widget-title small {
|
|
color: #333;
|
|
}
|
|
|
|
h3.dashboard-widget-title small a {
|
|
color: #d7d7d7;
|
|
}
|
|
|
|
h3.dashboard-widget-title small a:hover {
|
|
color: #fff;
|
|
}
|
|
|
|
#the-comment-list td.comment p.comment-author {
|
|
margin-top: 0;
|
|
margin-left: 0;
|
|
}
|
|
|
|
#the-comment-list p.comment-author img {
|
|
float: left;
|
|
margin-right: 8px;
|
|
}
|
|
|
|
#the-comment-list p.comment-author strong a {
|
|
border: none;
|
|
}
|
|
|
|
#the-comment-list td {
|
|
vertical-align: top;
|
|
}
|
|
|
|
#the-comment-list td.comment {
|
|
word-wrap: break-word;
|
|
}
|
|
|
|
/* Welcome Panel */
|
|
.welcome-panel {
|
|
position: relative;
|
|
overflow: auto;
|
|
margin: 16px 0;
|
|
padding: 23px 10px 0;
|
|
border: 1px solid #e5e5e5;
|
|
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04);
|
|
box-shadow: 0 1px 1px rgba(0,0,0,0.04);
|
|
background: #fff;
|
|
font-size: 13px;
|
|
line-height: 2.1em;
|
|
}
|
|
|
|
.welcome-panel h3 {
|
|
margin: 0;
|
|
font-size: 21px;
|
|
font-weight: normal;
|
|
line-height: 1.2;
|
|
}
|
|
|
|
.welcome-panel h4 {
|
|
margin: 1.33em 0 0;
|
|
font-size: 16px;
|
|
}
|
|
|
|
.welcome-panel li {
|
|
font-size: 14px;
|
|
}
|
|
|
|
.welcome-panel p {
|
|
color: #777;
|
|
}
|
|
|
|
.welcome-panel a {
|
|
text-decoration: none;
|
|
}
|
|
|
|
.welcome-panel .about-description {
|
|
font-size: 16px;
|
|
margin: 0;
|
|
}
|
|
|
|
.welcome-panel .welcome-panel-close {
|
|
position: absolute;
|
|
top: 5px;
|
|
right: 10px;
|
|
padding: 20px 15px 0 3px;
|
|
font-size: 13px;
|
|
text-decoration: none;
|
|
line-height: 1;
|
|
}
|
|
|
|
#welcome-panel.welcome-panel .welcome-panel-close::before,
|
|
.tagchecklist span a:before,
|
|
#bulk-titles div a:before {
|
|
background: none;
|
|
color: #bbb;
|
|
content: '\f153';
|
|
display: block !important;
|
|
font: normal 16px/1 'dashicons';
|
|
speak: none;
|
|
height: 20px;
|
|
margin: 2px 0;
|
|
text-align: center;
|
|
width: 20px;
|
|
-webkit-font-smoothing: antialiased !important;
|
|
}
|
|
|
|
#welcome-panel.welcome-panel .welcome-panel-close:hover:before,
|
|
.tagchecklist span a:hover:before,
|
|
#bulk-titles div a:hover:before {
|
|
color: #c00;
|
|
}
|
|
|
|
#welcome-panel.welcome-panel .welcome-panel-close::before {
|
|
position: absolute;
|
|
left: -18px;
|
|
margin-top: -2px;
|
|
-webkit-transition: all .1s ease-in-out;
|
|
-moz-transition: all .1s ease-in-out;
|
|
transition: all .1s ease-in-out;
|
|
}
|
|
|
|
.wp-core-ui .welcome-panel .button.button-hero {
|
|
margin: 15px 0 3px;
|
|
}
|
|
|
|
.welcome-panel-content {
|
|
margin-left: 13px;
|
|
max-width: 1500px;
|
|
}
|
|
|
|
.welcome-panel .welcome-panel-column-container {
|
|
clear: both;
|
|
overflow: hidden;
|
|
position: relative;
|
|
}
|
|
|
|
.welcome-panel .welcome-panel-column {
|
|
width: 32%;
|
|
min-width: 200px;
|
|
float: left;
|
|
}
|
|
|
|
.ie8 .welcome-panel .welcome-panel-column {
|
|
min-width: 230px;
|
|
}
|
|
|
|
.welcome-panel .welcome-panel-column:first-child {
|
|
width: 36%;
|
|
}
|
|
|
|
.welcome-panel-column p.hide-if-no-customize {
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.welcome-panel-column p {
|
|
margin-top: 7px;
|
|
color: #464646;
|
|
}
|
|
|
|
.welcome-panel .welcome-icon {
|
|
display: block;
|
|
padding: 0 0 8px;
|
|
background: transparent !important;
|
|
}
|
|
|
|
.welcome-panel .welcome-icon:before {
|
|
color: #888;
|
|
font: normal 20px/1 'dashicons';
|
|
speak: none;
|
|
display: inline-block;
|
|
padding: 0 10px 0 0;
|
|
top: -1px;
|
|
position: relative;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
text-decoration: none !important;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.welcome-panel .welcome-write-blog:before,
|
|
.welcome-panel .welcome-edit-page:before {
|
|
content:'\f119';
|
|
top: -3px;
|
|
}
|
|
|
|
.welcome-panel .welcome-add-page:before {
|
|
content:'\f132';
|
|
}
|
|
|
|
.welcome-panel .welcome-view-site:before {
|
|
content:'\f115';
|
|
top: -2px;
|
|
}
|
|
|
|
.welcome-panel .welcome-widgets-menus:before {
|
|
content:'\f116';
|
|
top: -2px;
|
|
}
|
|
|
|
.welcome-panel .welcome-comments:before {
|
|
content:'\f117';
|
|
top: -1px;
|
|
}
|
|
|
|
.welcome-panel .welcome-learn-more:before {
|
|
content:'\f118';
|
|
top: -1px;
|
|
}
|
|
|
|
.welcome-panel .welcome-widgets-menus {
|
|
line-height: 16px;
|
|
}
|
|
|
|
.welcome-panel .welcome-panel-column ul {
|
|
margin: 0.8em 1em 1em 0;
|
|
}
|
|
|
|
.welcome-panel .welcome-panel-column li {
|
|
line-height: 16px;
|
|
list-style-type: none;
|
|
}
|
|
|
|
/* Dashboard WordPress news */
|
|
|
|
#dashboard_primary .inside {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
#dashboard_primary .widget-loading,
|
|
#dashboard_primary .dashboard-widget-control-form {
|
|
padding: 12px 12px 0;
|
|
}
|
|
|
|
body #dashboard-widgets .postbox form .submit {
|
|
margin: 0;
|
|
}
|
|
|
|
.dashboard-widget-control-form {
|
|
overflow: hidden;
|
|
}
|
|
|
|
.dashboard-widget-control-form p {
|
|
margin-top: 0;
|
|
}
|
|
|
|
/* @todo: are these actually used anywhere? no non-CSS results in plugin search */
|
|
div.dashboard-widget-error {
|
|
background-color: #c43;
|
|
}
|
|
|
|
div.dashboard-widget-notice {
|
|
background-color: #cfe1ef;
|
|
}
|
|
|
|
.rssSummary {
|
|
color: #777;
|
|
margin-top: 4px;
|
|
}
|
|
|
|
#dashboard_primary .rss-widget {
|
|
border-bottom: 1px solid #eee;
|
|
font-size: 13px;
|
|
padding: 8px 12px 10px;
|
|
}
|
|
|
|
#dashboard_primary .rss-widget:last-child {
|
|
border-bottom: none;
|
|
padding-bottom: 8px;
|
|
}
|
|
|
|
#dashboard_primary .rss-widget a {
|
|
font-weight: normal;
|
|
}
|
|
|
|
#dashboard_primary .rss-widget span,
|
|
#dashboard_primary .rss-widget span.rss-date {
|
|
color: #777;
|
|
}
|
|
|
|
#dashboard_primary .rss-widget span.rss-date {
|
|
margin-left: 12px;
|
|
}
|
|
|
|
#dashboard_primary .rss-widget ul li {
|
|
margin-bottom: 8px;
|
|
}
|
|
|
|
/* Dashboard right now */
|
|
|
|
#dashboard_right_now ul {
|
|
margin: 0;
|
|
overflow: hidden;
|
|
}
|
|
|
|
#dashboard_right_now li {
|
|
width: 50%;
|
|
float: left;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
#dashboard_right_now .inside {
|
|
overflow: hidden;
|
|
padding: 0;
|
|
}
|
|
|
|
#dashboard_right_now .main {
|
|
padding: 0 12px 11px;
|
|
}
|
|
|
|
#dashboard_right_now .main p {
|
|
margin: 0;
|
|
}
|
|
|
|
.mu-storage {
|
|
overflow: hidden;
|
|
}
|
|
|
|
#dashboard-widgets h4.mu-storage {
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
/* Dashboard right now - Colors */
|
|
|
|
#dashboard_right_now li a:before,
|
|
#dashboard_right_now li span:before {
|
|
color: #888;
|
|
}
|
|
|
|
#dashboard_right_now .sub {
|
|
color: #777;
|
|
background: #f5f5f5;
|
|
border-top: 1px solid #eee;
|
|
padding: 10px 12px 6px 12px;
|
|
}
|
|
|
|
#dashboard_right_now .sub h4 {
|
|
color: #555;
|
|
}
|
|
|
|
#dashboard_right_now .sub p {
|
|
margin: 0 0 1em;
|
|
}
|
|
|
|
#dashboard_right_now .warning a:before,
|
|
#dashboard_right_now .warning span:before {
|
|
color: #d54e21;
|
|
}
|
|
|
|
/* Dashboard right now - Icons */
|
|
#dashboard_right_now li a:before,
|
|
#dashboard_right_now li span:before {
|
|
content: '\f159';
|
|
font: normal 20px/1 'dashicons';
|
|
speak: none;
|
|
display: block;
|
|
float: left;
|
|
margin: 0 5px 0 0;
|
|
padding: 0;
|
|
text-indent: 0;
|
|
text-align: center;
|
|
position: relative;
|
|
-webkit-font-smoothing: antialiased;
|
|
text-decoration: none !important;
|
|
}
|
|
|
|
#dashboard_right_now .page-count a:before,
|
|
#dashboard_right_now .page-count span:before {
|
|
content: '\f105';
|
|
}
|
|
|
|
#dashboard_right_now .post-count a:before,
|
|
#dashboard_right_now .post-count span:before {
|
|
content: '\f109';
|
|
}
|
|
|
|
#dashboard_right_now .comment-count a:before {
|
|
content: '\f101';
|
|
}
|
|
|
|
#dashboard_right_now .comment-mod-count a:before {
|
|
content: '\f125';
|
|
}
|
|
|
|
#dashboard_right_now .storage-count a:before {
|
|
content: '\f104';
|
|
}
|
|
|
|
#dashboard_right_now .storage-count.warning a:before {
|
|
content: '\f153';
|
|
}
|
|
|
|
/* Dashboard Quick Draft */
|
|
|
|
#dashboard_quick_press .inside {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
#dashboard_quick_press div.updated {
|
|
margin-bottom: 10px;
|
|
border: 1px solid #eee;
|
|
border-width: 1px 1px 1px 0;
|
|
}
|
|
|
|
#dashboard_quick_press form {
|
|
overflow: hidden;
|
|
margin: 12px;
|
|
}
|
|
|
|
#dashboard_quick_press .drafts,
|
|
#dashboard_quick_press .easy-blogging {
|
|
padding: 10px 0 0;
|
|
}
|
|
|
|
/* Dashboard Quick Draft - Form styling */
|
|
|
|
input#save-post {
|
|
float: left;
|
|
}
|
|
|
|
form.initial-form.quickpress-open label.prompt {
|
|
font-style: normal;
|
|
}
|
|
|
|
form.initial-form.quickpress-open input#title {
|
|
height: auto;
|
|
}
|
|
|
|
#dashboard_quick_press input,
|
|
#dashboard_quick_press textarea {
|
|
box-sizing: border-box;
|
|
-moz-box-sizing:border-box;
|
|
-webkit-box-sizing:border-box;
|
|
margin: 0;
|
|
}
|
|
|
|
#dashboard_quick_press textarea {
|
|
resize: vertical;
|
|
}
|
|
|
|
#dashboard-widgets .postbox form .submit {
|
|
margin: -39px 0;
|
|
float: right;
|
|
}
|
|
|
|
#description-wrap {
|
|
margin-top: 12px;
|
|
}
|
|
|
|
#title-wrap #title-prompt-text,
|
|
.textarea-wrap #content-prompt-text {
|
|
color: #777;
|
|
}
|
|
|
|
#title-wrap #title-prompt-text {
|
|
font-size: 1.1em;
|
|
padding: 7px 8px;
|
|
}
|
|
|
|
.input-text-wrap,
|
|
.textarea-wrap {
|
|
position: relative;
|
|
}
|
|
|
|
.input-text-wrap .prompt,
|
|
.textarea-wrap .prompt {
|
|
position: absolute;
|
|
}
|
|
|
|
.textarea-wrap #content-prompt-text {
|
|
font-size: 1.1em;
|
|
padding: 7px 8px;
|
|
}
|
|
|
|
.textarea-wrap textarea#content {
|
|
margin: 0 0 8px;
|
|
padding: 6px 7px;
|
|
}
|
|
|
|
#quick-press textarea#content {
|
|
min-height: 90px;
|
|
max-height: 1300px;
|
|
resize: none;
|
|
}
|
|
|
|
/* Dashboard Quick Draft - Drafts list */
|
|
|
|
.js #dashboard_quick_press .drafts {
|
|
border-top: 1px solid #eee;
|
|
}
|
|
|
|
#dashboard_quick_press .drafts abbr {
|
|
border: none;
|
|
}
|
|
|
|
#dashboard_quick_press .drafts h4 {
|
|
margin: 0 12px 8px;
|
|
font-weight: normal;
|
|
}
|
|
|
|
#dashboard_quick_press .drafts .view-all {
|
|
float: right;
|
|
margin: 0 12px 0 0;
|
|
}
|
|
|
|
#dashboard_primary a.rsswidget {
|
|
font-weight: normal;
|
|
}
|
|
|
|
#dashboard_quick_press .drafts ul {
|
|
margin: 0 12px;
|
|
}
|
|
|
|
#dashboard_quick_press .drafts li {
|
|
margin-bottom: 1em;
|
|
}
|
|
#dashboard_quick_press .drafts li time {
|
|
color: #777;
|
|
}
|
|
|
|
#dashboard_quick_press .drafts p {
|
|
margin: 0;
|
|
word-wrap: break-word;
|
|
}
|
|
|
|
#dashboard_quick_press .draft-title {
|
|
overflow: hidden;
|
|
}
|
|
|
|
#dashboard_quick_press .draft-title a,
|
|
#dashboard_quick_press .draft-title time {
|
|
float: left;
|
|
margin: 0 5px 0 0;
|
|
}
|
|
|
|
/* Dashboard activity widget */
|
|
|
|
#dashboard-widgets #dashboard_activity h4 {
|
|
margin: 0 0 8px 12px;
|
|
font-weight: normal;
|
|
}
|
|
|
|
#dashboard-widgets #dashboard_activity h4.comment-meta {
|
|
margin: 0;
|
|
}
|
|
|
|
#dashboard_activity h4.comment-meta {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
margin-bottom: 4px;
|
|
}
|
|
|
|
#dashboard_activity ul {
|
|
padding: 0 12px;
|
|
}
|
|
|
|
#dashboard_activity .comment-meta span.approve:before {
|
|
content: '\f227';
|
|
font: 20px/.5 "dashicons";
|
|
margin-left: 12px;
|
|
vertical-align: middle;
|
|
position: relative;
|
|
top: -1px;
|
|
margin-right: 2px;
|
|
}
|
|
|
|
#dashboard_activity .inside {
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
#dashboard_activity .no-activity {
|
|
overflow: hidden;
|
|
padding: 0 12px 12px;
|
|
text-align: center;
|
|
}
|
|
|
|
#dashboard_activity .no-activity p {
|
|
color: #999;
|
|
font-size: 16px;
|
|
}
|
|
|
|
#dashboard_activity .no-activity .smiley {
|
|
margin-top: 0;
|
|
}
|
|
|
|
#dashboard_activity .no-activity .smiley:before {
|
|
content: '\f328';
|
|
font: normal 120px/1 'dashicons';
|
|
speak: none;
|
|
display: block;
|
|
margin: 0 5px 0 0;
|
|
padding: 0;
|
|
text-indent: 0;
|
|
text-align: center;
|
|
position: relative;
|
|
-webkit-font-smoothing: antialiased;
|
|
text-decoration: none !important;
|
|
}
|
|
|
|
#dashboard_activity .subsubsub {
|
|
float: none;
|
|
border-top: 1px solid #eeeeee;
|
|
margin-top: 0;
|
|
padding: 8px 12px 4px;
|
|
}
|
|
|
|
#future-posts .show-more,
|
|
#published-posts .show-more {
|
|
float: right;
|
|
margin-right: 12px;
|
|
}
|
|
|
|
#future-posts ul,
|
|
#published-posts ul {
|
|
clear: both;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
#future-posts li,
|
|
#published-posts li {
|
|
overflow: hidden;
|
|
margin-bottom: 8px;
|
|
}
|
|
|
|
#future-posts ul span,
|
|
#published-posts ul span {
|
|
color: #777;
|
|
float: left;
|
|
margin-right: 8px;
|
|
min-width: 150px;
|
|
}
|
|
|
|
.activity-block {
|
|
border-bottom: 1px solid #eee;
|
|
overflow: hidden;
|
|
padding: 8px 0 4px;
|
|
}
|
|
|
|
.activity-block:last-child {
|
|
border-bottom: none;
|
|
}
|
|
|
|
.activity-block .subsubsub li {
|
|
color: #ddd;
|
|
}
|
|
|
|
/* Dashboard activity widget - Comments */
|
|
/* @todo: needs serious de-duplication */
|
|
|
|
#activity-widget #the-comment-list tr.undo,
|
|
#activity-widget #the-comment-list div.undo {
|
|
background: none;
|
|
padding: 6px 0;
|
|
}
|
|
|
|
#activity-widget #the-comment-list .alternate,
|
|
#activity-widget #the-comment-list .alt {
|
|
background: none;
|
|
}
|
|
|
|
#activity-widget #the-comment-list .comment {
|
|
background: #fafafa;
|
|
padding: 12px;
|
|
position: relative;
|
|
}
|
|
|
|
#activity-widget #the-comment-list img {
|
|
position: absolute;
|
|
left: 13px;
|
|
top: 13px;
|
|
}
|
|
|
|
#activity-widget #the-comment-list .dashboard-comment-wrap {
|
|
padding-left: 63px;
|
|
}
|
|
|
|
#activity-widget #the-comment-list .dashboard-comment-wrap blockquote {
|
|
margin: 1em 0;
|
|
}
|
|
|
|
#activity-widget #the-comment-list .comment-item h4 {
|
|
font-size: 13px;
|
|
color: #999;
|
|
}
|
|
|
|
#activity-widget #the-comment-list .comment-item p.row-actions {
|
|
margin: 4px 0 0 0;
|
|
}
|
|
|
|
#activity-widget #the-comment-list .comment-item:first-child {
|
|
border-top: 1px solid #eeeeee;
|
|
}
|
|
|
|
#activity-widget #the-comment-list .unapproved {
|
|
background-color: #fefaf7;
|
|
}
|
|
|
|
#activity-widget #the-comment-list .unapproved:before {
|
|
content: "";
|
|
display: block;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
bottom: 0;
|
|
background: #d54e21;
|
|
width: 4px;
|
|
}
|
|
|
|
#activity-widget #the-comment-list .spam-undo-inside .avatar,
|
|
#activity-widget #the-comment-list .trash-undo-inside .avatar {
|
|
margin-right: 20px;
|
|
position: relative;
|
|
top: 0;
|
|
}
|
|
|
|
/* Browse happy box */
|
|
|
|
#dashboard-widgets #dashboard_browser_nag.postbox .inside {
|
|
margin: 10px;
|
|
}
|
|
|
|
@media screen and (max-width: 870px) {
|
|
.welcome-panel .welcome-panel-column,
|
|
.welcome-panel .welcome-panel-column:first-child {
|
|
display: block;
|
|
float: none;
|
|
width: 100%;
|
|
}
|
|
|
|
.welcome-panel .welcome-panel-column li {
|
|
display: inline-block;
|
|
margin-right: 13px;
|
|
}
|
|
|
|
.welcome-panel .welcome-panel-column ul {
|
|
margin: 0.4em 0 0;
|
|
}
|
|
|
|
}
|
|
|
|
/*------------------------------------------------------------------------------
|
|
10.0 - List Posts (/Pages/etc)
|
|
------------------------------------------------------------------------------*/
|
|
|
|
table.fixed {
|
|
table-layout: fixed;
|
|
}
|
|
|
|
.fixed .column-rating,
|
|
.fixed .column-visible {
|
|
width: 8%;
|
|
}
|
|
|
|
.fixed .column-posts,
|
|
.fixed .column-date,
|
|
.fixed .column-parent,
|
|
.fixed .column-links,
|
|
.fixed .column-author,
|
|
.fixed .column-format {
|
|
width: 10%;
|
|
}
|
|
|
|
.fixed .column-comment .comment-author {
|
|
display: none;
|
|
}
|
|
|
|
.fixed .column-response,
|
|
.fixed .column-categories,
|
|
.fixed .column-tags,
|
|
.fixed .column-rel,
|
|
.fixed .column-role {
|
|
width: 15%;
|
|
}
|
|
|
|
.fixed .column-slug {
|
|
width: 25%;
|
|
}
|
|
|
|
.fixed .column-locations {
|
|
width: 35%;
|
|
}
|
|
|
|
.fixed .column-comments {
|
|
width: 4em;
|
|
padding: 8px 0;
|
|
text-align: left;
|
|
}
|
|
|
|
.fixed .column-comments .vers {
|
|
padding-left: 3px;
|
|
}
|
|
|
|
.fixed .column-comments a {
|
|
float: left;
|
|
}
|
|
|
|
.fixed .column-icon {
|
|
width: 80px;
|
|
}
|
|
|
|
/* @todo: pick a consistent list table selector */
|
|
.wp-list-table a {
|
|
-moz-transition: none;
|
|
-webkit-transition: none;
|
|
transition: none;
|
|
}
|
|
|
|
#the-list tr:last-child td,
|
|
#the-list tr:last-child th {
|
|
border-bottom: none !important;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
#comments-form .fixed .column-author {
|
|
width: 20%;
|
|
}
|
|
|
|
#commentsdiv.postbox .inside {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
#commentsdiv .inside .row-actions {
|
|
line-height:18px;
|
|
}
|
|
|
|
#commentsdiv .inside .column-author {
|
|
width: 25%;
|
|
}
|
|
|
|
#commentsdiv .column-comment p {
|
|
margin: 0.6em 0;
|
|
padding: 0;
|
|
}
|
|
|
|
#commentsdiv #replyrow td {
|
|
padding: 0;
|
|
}
|
|
|
|
#commentsdiv p {
|
|
padding: 8px 10px;
|
|
margin: 0;
|
|
}
|
|
|
|
#commentsdiv .comments-box {
|
|
border: 0 none;
|
|
}
|
|
|
|
#commentsdiv .comments-box thead th {
|
|
background: transparent;
|
|
padding: 0 7px 4px;
|
|
font-style: italic;
|
|
}
|
|
|
|
#commentsdiv .comments-box tr:last-child td {
|
|
border-bottom: 0 none;
|
|
}
|
|
|
|
#commentsdiv .spinner {
|
|
padding-left: 5px;
|
|
}
|
|
|
|
.sorting-indicator {
|
|
display: none;
|
|
width: 10px;
|
|
height: 4px;
|
|
margin-top: 8px;
|
|
margin-left: 7px;
|
|
}
|
|
|
|
.sorting-indicator:before {
|
|
background: none;
|
|
content: '\f142';
|
|
font: normal 20px/1 'dashicons';
|
|
speak: none;
|
|
display: inline-block;
|
|
padding: 0;
|
|
top: -4px;
|
|
left: -8px;
|
|
color: #444;
|
|
line-height: 10px;
|
|
position: relative;
|
|
vertical-align: top;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
text-decoration: none !important;
|
|
color: #444;
|
|
}
|
|
|
|
.column-comments .sorting-indicator:before {
|
|
top: 0;
|
|
left: -10px;
|
|
}
|
|
|
|
th.sorted.asc .sorting-indicator:before,
|
|
th.desc:hover span.sorting-indicator:before {
|
|
content: '\f142';
|
|
}
|
|
|
|
th.sorted.desc .sorting-indicator:before,
|
|
th.asc:hover span.sorting-indicator:before {
|
|
content: '\f140';
|
|
}
|
|
|
|
tr.wp-locked .locked-indicator {
|
|
background: url('../images/lock.png') no-repeat;
|
|
margin: -2px 0 0 6px;
|
|
height: 20px;
|
|
width: 16px;
|
|
}
|
|
|
|
tr.wp-locked .check-column label,
|
|
tr.wp-locked .check-column input[type="checkbox"],
|
|
tr.wp-locked .row-actions .inline,
|
|
tr.wp-locked .row-actions .trash {
|
|
display: none;
|
|
}
|
|
|
|
tr .locked-info {
|
|
height: 0;
|
|
opacity: 0;
|
|
}
|
|
|
|
tr.wp-locked .locked-info {
|
|
margin-top: 8px;
|
|
height: auto;
|
|
opacity: 1;
|
|
}
|
|
|
|
.locked-text {
|
|
vertical-align: top;
|
|
}
|
|
|
|
tr.locked-info, tr.wp-locked .locked-info {
|
|
-webkit-transition: height 1s, opacity 500ms;
|
|
-moz-transition: height 1s, opacity 500ms;
|
|
-ms-transition: height 1s, opacity 500ms;
|
|
-o-transition: height 1s, opacity 500ms;
|
|
transition: height 1s, opacity 500ms;
|
|
}
|
|
|
|
.fixed .column-comments .sorting-indicator {
|
|
margin-top: 3px;
|
|
}
|
|
|
|
#menu-locations-wrap .widefat {
|
|
width: 60%;
|
|
}
|
|
|
|
.widefat th.sortable,
|
|
.widefat th.sorted {
|
|
padding: 0;
|
|
}
|
|
|
|
th.sortable a,
|
|
th.sorted a {
|
|
display: block;
|
|
overflow: hidden;
|
|
padding: 7px 7px 8px 10px;
|
|
}
|
|
|
|
th.manage-column a,
|
|
th.sortable a:hover,
|
|
th.sortable a:active,
|
|
th.sortable a:focus {
|
|
color: #333;
|
|
}
|
|
|
|
th.sortable a:focus {
|
|
background: #e1e1e1;
|
|
}
|
|
|
|
.fixed .column-comments.sortable a,
|
|
.fixed .column-comments.sorted a {
|
|
padding: 8px 0;
|
|
}
|
|
|
|
th.sortable a span,
|
|
th.sorted a span {
|
|
float: left;
|
|
cursor: pointer;
|
|
}
|
|
|
|
th.sorted.asc .sorting-indicator,
|
|
th.desc:hover span.sorting-indicator {
|
|
display: block;
|
|
background-position: 0 0;
|
|
}
|
|
|
|
th.sorted.desc .sorting-indicator,
|
|
th.asc:hover span.sorting-indicator {
|
|
display: block;
|
|
background-position: -7px 0;
|
|
}
|
|
|
|
/* Bulk Actions */
|
|
.tablenav-pages a {
|
|
font-weight: 600;
|
|
margin-right: 1px;
|
|
padding: 0 2px;
|
|
}
|
|
.tablenav-pages .current-page {
|
|
padding-top: 0;
|
|
text-align: center;
|
|
}
|
|
.tablenav-pages .next-page {
|
|
margin-left: 2px;
|
|
}
|
|
|
|
.tablenav a.button-secondary {
|
|
display: block;
|
|
margin: 3px 8px 0 0;
|
|
}
|
|
|
|
.tablenav {
|
|
clear: both;
|
|
height: 30px;
|
|
margin: 6px 0 4px;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.tablenav.themes {
|
|
max-width: 98%;
|
|
}
|
|
|
|
.tablenav .tablenav-pages {
|
|
float: right;
|
|
display: block;
|
|
cursor: default;
|
|
height: 30px;
|
|
color: #555;
|
|
line-height: 30px;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.tablenav .no-pages,
|
|
.tablenav .one-page .pagination-links {
|
|
display: none;
|
|
}
|
|
|
|
.tablenav .tablenav-pages a,
|
|
.tablenav-pages span.current {
|
|
text-decoration: none;
|
|
padding: 3px 6px;
|
|
}
|
|
|
|
.tablenav .tablenav-pages a {
|
|
padding: 0 10px 3px;
|
|
background: #eee;
|
|
background: rgba( 0, 0, 0, 0.05 );
|
|
font-size: 16px;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.tablenav .tablenav-pages a:hover,
|
|
.tablenav .tablenav-pages a:focus {
|
|
color: #fff;
|
|
background: #2ea2cc;
|
|
}
|
|
|
|
.tablenav .tablenav-pages a.disabled,
|
|
.tablenav .tablenav-pages a.disabled:hover,
|
|
.tablenav .tablenav-pages a.disabled:focus,
|
|
.tablenav .tablenav-pages a.disabled:active {
|
|
color: #aaa;
|
|
background: #eee;
|
|
background: rgba( 0, 0, 0, 0.05 );
|
|
}
|
|
|
|
.tablenav .displaying-num {
|
|
margin-right: 2px;
|
|
color: #777;
|
|
font-size: 12px;
|
|
font-style: italic;
|
|
}
|
|
|
|
.tablenav .actions {
|
|
overflow: hidden;
|
|
padding: 2px 8px 0 0;
|
|
}
|
|
|
|
.tablenav .delete {
|
|
margin-right: 20px;
|
|
}
|
|
|
|
/* @todo: unclear if the following tablenav rules are actually used.
|
|
classes exist in paginate_links() but not seen in list table output. */
|
|
.tablenav .dots {
|
|
border-color: transparent;
|
|
}
|
|
|
|
.tablenav .next,
|
|
.tablenav .prev {
|
|
border-color: transparent;
|
|
color: #0074a2;
|
|
}
|
|
|
|
.tablenav .next:hover,
|
|
.tablenav .prev:hover {
|
|
border-color: transparent;
|
|
color: #2ea2cc;
|
|
}
|
|
|
|
.view-switch {
|
|
float: right;
|
|
margin: 5px 16px 0 8px;
|
|
}
|
|
|
|
.view-switch img {
|
|
display: none;
|
|
}
|
|
|
|
.view-switch a {
|
|
text-decoration: none;
|
|
}
|
|
|
|
.view-switch > a {
|
|
display: inline-block;
|
|
width: 18px;
|
|
height: 18px;
|
|
}
|
|
|
|
.view-switch > a:before {
|
|
color: #bbb;
|
|
content: '\f163';
|
|
display: inline-block;
|
|
float: left;
|
|
font: normal 20px/1 'dashicons';
|
|
speak: none;
|
|
vertical-align: middle;
|
|
margin-left: 0;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
|
|
.view-switch a:hover:before {
|
|
color: #727272;
|
|
}
|
|
|
|
.view-switch a.current:before {
|
|
color: #0074a2;
|
|
}
|
|
|
|
.view-switch > a + a:before {
|
|
margin-left: 5px;
|
|
content: '\f164';
|
|
}
|
|
|
|
.filter {
|
|
float: left;
|
|
margin: -5px 0 0 10px;
|
|
}
|
|
|
|
.filter .subsubsub {
|
|
margin-left: -10px;
|
|
margin-top: 13px;
|
|
}
|
|
.screen-per-page {
|
|
width: 4em;
|
|
}
|
|
|
|
#posts-filter fieldset {
|
|
float: left;
|
|
margin: 0 1.5ex 1em 0;
|
|
padding: 0;
|
|
}
|
|
|
|
#posts-filter fieldset legend {
|
|
padding: 0 0 .2em 1px;
|
|
}
|
|
|
|
|
|
/*------------------------------------------------------------------------------
|
|
10.1 - Inline Editing
|
|
------------------------------------------------------------------------------*/
|
|
|
|
/*
|
|
.quick-edit* is for Quick Edit
|
|
.bulk-edit* is for Bulk Edit
|
|
.inline-edit* is for everything
|
|
*/
|
|
|
|
/* Layout */
|
|
|
|
#wpbody-content .inline-edit-row fieldset {
|
|
font-size: 12px;
|
|
float: left;
|
|
margin: 0;
|
|
padding: 0;
|
|
width: 100%;
|
|
}
|
|
|
|
tr.inline-edit-row td,
|
|
#wpbody-content .inline-edit-row fieldset .inline-edit-col {
|
|
padding: 0 0.5em;
|
|
}
|
|
|
|
#wpbody-content .quick-edit-row-page fieldset.inline-edit-col-right .inline-edit-col {
|
|
border-width: 0 0 0 1px;
|
|
border-style: none none none solid;
|
|
}
|
|
|
|
#wpbody-content .quick-edit-row-post .inline-edit-col-left {
|
|
width: 40%;
|
|
}
|
|
|
|
#wpbody-content .quick-edit-row-post .inline-edit-col-right {
|
|
width: 39%;
|
|
}
|
|
|
|
#wpbody-content .inline-edit-row-post .inline-edit-col-center {
|
|
width: 20%;
|
|
}
|
|
|
|
#wpbody-content .quick-edit-row-page .inline-edit-col-left {
|
|
width: 50%;
|
|
}
|
|
|
|
#wpbody-content .quick-edit-row-page .inline-edit-col-right,
|
|
#wpbody-content .bulk-edit-row-post .inline-edit-col-right {
|
|
width: 49%;
|
|
}
|
|
|
|
#wpbody-content .bulk-edit-row .inline-edit-col-left {
|
|
width: 30%;
|
|
}
|
|
|
|
#wpbody-content .bulk-edit-row-page .inline-edit-col-right {
|
|
width: 69%;
|
|
}
|
|
|
|
#wpbody-content .bulk-edit-row .inline-edit-col-bottom {
|
|
float: right;
|
|
width: 69%;
|
|
}
|
|
|
|
#wpbody-content .inline-edit-row-page .inline-edit-col-right {
|
|
margin-top: 27px;
|
|
}
|
|
|
|
.inline-edit-row fieldset .inline-edit-group {
|
|
clear: both;
|
|
}
|
|
|
|
.inline-edit-row fieldset .inline-edit-group:after {
|
|
content: ".";
|
|
display: block;
|
|
height: 0;
|
|
clear: both;
|
|
visibility: hidden;
|
|
}
|
|
|
|
.inline-edit-row p.submit {
|
|
clear: both;
|
|
padding: 0.5em;
|
|
margin: 0.5em 0 0;
|
|
}
|
|
|
|
.inline-edit-row span.error {
|
|
line-height: 22px;
|
|
margin: 0 15px;
|
|
padding: 3px 5px;
|
|
}
|
|
|
|
/* Positioning */
|
|
.inline-edit-row h4 {
|
|
margin: .2em 0;
|
|
padding: 0;
|
|
line-height: 23px;
|
|
}
|
|
.inline-edit-row fieldset span.title,
|
|
.inline-edit-row fieldset span.checkbox-title {
|
|
margin: 0;
|
|
padding: 0;
|
|
line-height: 27px;
|
|
}
|
|
|
|
.inline-edit-row fieldset label,
|
|
.inline-edit-row fieldset span.inline-edit-categories-label {
|
|
display: block;
|
|
margin: .2em 0;
|
|
}
|
|
|
|
.inline-edit-row fieldset label.inline-edit-tags {
|
|
margin-top: 0;
|
|
}
|
|
|
|
.inline-edit-row fieldset label.inline-edit-tags span.title {
|
|
margin: .2em 0;
|
|
width: auto;
|
|
}
|
|
|
|
.inline-edit-row fieldset label span.title {
|
|
display: block;
|
|
float: left;
|
|
width: 5em;
|
|
}
|
|
|
|
.inline-edit-row fieldset label span.input-text-wrap {
|
|
display: block;
|
|
margin-left: 5em;
|
|
}
|
|
|
|
.quick-edit-row-post fieldset.inline-edit-col-right label span.title {
|
|
width: auto;
|
|
padding-right: 0.5em;
|
|
}
|
|
|
|
.inline-edit-row .input-text-wrap input[type=text] {
|
|
width: 100%;
|
|
}
|
|
|
|
.inline-edit-row fieldset label input[type=checkbox] {
|
|
vertical-align: text-bottom;
|
|
}
|
|
|
|
.inline-edit-row fieldset label textarea {
|
|
width: 100%;
|
|
height: 4em;
|
|
}
|
|
|
|
#wpbody-content .bulk-edit-row fieldset .inline-edit-group label {
|
|
max-width: 50%;
|
|
}
|
|
|
|
#wpbody-content .quick-edit-row fieldset .inline-edit-group label.alignleft:first-child {
|
|
margin-right: 0.5em
|
|
}
|
|
|
|
.inline-edit-col-right .input-text-wrap input.inline-edit-menu-order-input {
|
|
width: 6em;
|
|
}
|
|
|
|
.inline-edit-save .spinner {
|
|
padding: 4px 10px 0;
|
|
vertical-align: top;
|
|
float: right;
|
|
}
|
|
|
|
/* Styling */
|
|
.inline-edit-row h4 {
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.inline-edit-row fieldset span.title,
|
|
.inline-edit-row fieldset span.checkbox-title {
|
|
font-style: italic;
|
|
line-height: 1.8em;
|
|
}
|
|
|
|
/* Specific Elements */
|
|
.inline-edit-row fieldset .inline-edit-date {
|
|
float: left;
|
|
}
|
|
|
|
.inline-edit-row fieldset input[name=jj],
|
|
.inline-edit-row fieldset input[name=hh],
|
|
.inline-edit-row fieldset input[name=mn] {
|
|
font-size: 12px;
|
|
width: 2.1em;
|
|
}
|
|
|
|
.inline-edit-row fieldset input[name=aa] {
|
|
font-size: 12px;
|
|
width: 3.5em;
|
|
}
|
|
|
|
.inline-edit-row fieldset label input.inline-edit-password-input {
|
|
width: 8em;
|
|
}
|
|
|
|
ul.cat-checklist {
|
|
height: 12em;
|
|
border: solid 1px #ddd;
|
|
overflow-y: scroll;
|
|
padding: 0 5px;
|
|
margin: 0;
|
|
background-color: #fff;
|
|
}
|
|
|
|
#bulk-titles {
|
|
display: block;
|
|
height: 12em;
|
|
border: 1px solid #ddd;
|
|
overflow-y: scroll;
|
|
padding: 0 5px;
|
|
margin: 0 0 5px;
|
|
}
|
|
|
|
.inline-edit-row fieldset ul.cat-checklist li,
|
|
.inline-edit-row fieldset ul.cat-checklist input {
|
|
margin: 0;
|
|
}
|
|
|
|
.inline-edit-row fieldset ul.cat-checklist label,
|
|
.inline-edit-row #bulk-titles div {
|
|
font-style: normal;
|
|
font-size: 11px;
|
|
}
|
|
|
|
.inline-edit-row fieldset label input.inline-edit-menu-order-input {
|
|
width: 3em;
|
|
}
|
|
|
|
.inline-edit-row fieldset label input.inline-edit-slug-input {
|
|
width: 75%;
|
|
}
|
|
|
|
.quick-edit-row-post fieldset label.inline-edit-status {
|
|
float: left;
|
|
}
|
|
|
|
#bulk-titles {
|
|
line-height: 140%;
|
|
}
|
|
#bulk-titles div {
|
|
margin: 0.2em 0.3em;
|
|
}
|
|
|
|
#bulk-titles div a {
|
|
cursor: pointer;
|
|
display: block;
|
|
float: left;
|
|
height: 18px;
|
|
margin: 0 3px 0 -2px;
|
|
overflow: hidden;
|
|
position: relative;
|
|
width: 20px;
|
|
}
|
|
|
|
#bulk-titles div a:before {
|
|
position: relative;
|
|
top: -3px;
|
|
}
|
|
|
|
|
|
/*------------------------------------------------------------------------------
|
|
11.0 - Write/Edit Post Screen
|
|
------------------------------------------------------------------------------*/
|
|
|
|
#show-comments {
|
|
overflow: hidden;
|
|
}
|
|
|
|
#save-action .spinner,
|
|
#show-comments a,
|
|
#show-comments .spinner {
|
|
float: left;
|
|
}
|
|
|
|
#lost-connection-notice .spinner {
|
|
display: block;
|
|
float: left;
|
|
margin: 0 5px 0 0;
|
|
}
|
|
|
|
#titlediv {
|
|
position: relative;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
#titlediv label {
|
|
cursor: text;
|
|
}
|
|
|
|
#titlediv div.inside {
|
|
margin: 0;
|
|
}
|
|
|
|
#poststuff #titlewrap {
|
|
border: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
#titlediv #title {
|
|
padding: 3px 8px;
|
|
font-size: 1.7em;
|
|
line-height: 100%;
|
|
height: 1.7em;
|
|
width: 100%;
|
|
outline: none;
|
|
margin: 0;
|
|
background-color: #fff;
|
|
}
|
|
|
|
#titlediv #title-prompt-text {
|
|
color: #777;
|
|
position: absolute;
|
|
font-size: 1.7em;
|
|
padding: 11px 10px;
|
|
}
|
|
|
|
#wp-fullscreen-save .fs-saved {
|
|
color: #999;
|
|
float: right;
|
|
margin-top: 4px;
|
|
}
|
|
|
|
#poststuff .inside-submitbox,
|
|
#side-sortables .inside-submitbox {
|
|
margin: 0 3px;
|
|
font-size: 11px;
|
|
}
|
|
|
|
input#link_description,
|
|
input#link_url {
|
|
width: 98%;
|
|
}
|
|
|
|
#pending {
|
|
background: 0 none;
|
|
border: 0 none;
|
|
padding: 0;
|
|
font-size: 11px;
|
|
margin-top: -1px;
|
|
}
|
|
|
|
#edit-slug-box {
|
|
line-height: 24px;
|
|
min-height: 25px; /* Yes, line-height + 1 */
|
|
margin-top: 5px;
|
|
padding: 0 10px;
|
|
color: #666;
|
|
}
|
|
|
|
#edit-slug-box .cancel {
|
|
margin-right: 10px;
|
|
font-size: 11px;
|
|
}
|
|
|
|
#editable-post-name-full {
|
|
display: none;
|
|
}
|
|
|
|
#editable-post-name {
|
|
background-color: #fffbcc;
|
|
}
|
|
|
|
#editable-post-name input {
|
|
font-size: 13px;
|
|
height: 22px;
|
|
margin: 0;
|
|
width: 16em;
|
|
}
|
|
|
|
.postarea h3 label {
|
|
float: left;
|
|
}
|
|
|
|
.submitbox .submit {
|
|
text-align: left;
|
|
padding: 12px 10px 10px;
|
|
font-size: 11px;
|
|
background-color: #464646;
|
|
color: #ccc;
|
|
}
|
|
|
|
.submitbox .submitdelete {
|
|
text-decoration: none;
|
|
padding: 1px 2px;
|
|
}
|
|
|
|
/* @todo: do we really need this? word on the street is we don't and this
|
|
stray rule may actually be compensated for elsewhere. */
|
|
#normal-sortables .submitbox .submitdelete:hover {
|
|
color: #000;
|
|
background-color: #f00;
|
|
border-bottom-color: #f00;
|
|
}
|
|
|
|
.submitbox .submit a:hover {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.submitbox .submit input {
|
|
margin-bottom: 8px;
|
|
margin-right: 4px;
|
|
padding: 6px;
|
|
}
|
|
|
|
.inside-submitbox #post_status {
|
|
margin: 2px 0 2px -2px;
|
|
}
|
|
|
|
#post-status-select {
|
|
margin-top: 3px;
|
|
}
|
|
|
|
/* Post Screen */
|
|
#post-body #normal-sortables {
|
|
min-height: 50px;
|
|
}
|
|
|
|
.postbox {
|
|
position: relative;
|
|
min-width: 255px;
|
|
border: 1px solid #e5e5e5;
|
|
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04);
|
|
box-shadow: 0 1px 1px rgba(0,0,0,0.04);
|
|
background: #fff;
|
|
}
|
|
|
|
#trackback_url {
|
|
width: 99%;
|
|
}
|
|
|
|
#normal-sortables .postbox .submit {
|
|
background: transparent none;
|
|
border: 0 none;
|
|
float: right;
|
|
padding: 0 12px;
|
|
margin:0;
|
|
}
|
|
|
|
.category-add input[type="text"],
|
|
.category-add select {
|
|
width: 100%;
|
|
max-width: 260px;
|
|
vertical-align: baseline;
|
|
}
|
|
|
|
#side-sortables .category-add input[type="text"],
|
|
#side-sortables .category-add select {
|
|
margin: 0 0 1em;
|
|
}
|
|
|
|
.press-this #side-sortables .category-tabs li,
|
|
ul.category-tabs li,
|
|
#side-sortables .add-menu-item-tabs li,
|
|
.wp-tab-bar li {
|
|
display: inline;
|
|
line-height: 1.35em;
|
|
}
|
|
|
|
.no-js .category-tabs li.hide-if-no-js {
|
|
display: none;
|
|
}
|
|
|
|
.category-tabs a,
|
|
#side-sortables .add-menu-item-tabs a,
|
|
.wp-tab-bar a {
|
|
text-decoration: none;
|
|
}
|
|
|
|
/* @todo: do these really need to be so specific? */
|
|
#side-sortables .category-tabs .tabs a,
|
|
#side-sortables .add-menu-item-tabs .tabs a,
|
|
.wp-tab-bar .wp-tab-active a,
|
|
#post-body ul.category-tabs li.tabs a,
|
|
#post-body ul.add-menu-item-tabs li.tabs a,
|
|
body.press-this ul.category-tabs li.tabs a {
|
|
color: #333;
|
|
}
|
|
|
|
.category-tabs {
|
|
margin: 8px 0 5px;
|
|
}
|
|
|
|
#category-adder h4 {
|
|
margin: 10px 0;
|
|
}
|
|
|
|
#side-sortables .add-menu-item-tabs,
|
|
.wp-tab-bar {
|
|
margin-bottom: 3px;
|
|
}
|
|
|
|
#normal-sortables .postbox #replyrow .submit {
|
|
float: none;
|
|
margin: 0;
|
|
padding: 0 7px 5px;
|
|
}
|
|
|
|
#side-sortables .submitbox .submit input,
|
|
#side-sortables .submitbox .submit .preview,
|
|
#side-sortables .submitbox .submit a.preview:hover {
|
|
border: 0 none;
|
|
}
|
|
|
|
#side-sortables .inside-submitbox .insidebox,
|
|
.stuffbox .insidebox {
|
|
margin: 11px 0;
|
|
}
|
|
|
|
ul.category-tabs,
|
|
ul.add-menu-item-tabs,
|
|
ul.wp-tab-bar {
|
|
margin-top: 12px;
|
|
}
|
|
|
|
ul.category-tabs li {
|
|
border: solid 1px transparent;
|
|
position: relative;
|
|
}
|
|
|
|
ul.category-tabs li.tabs {
|
|
border-color: #dfdfdf #dfdfdf #fdfdfd;
|
|
background-color: #fdfdfd;
|
|
}
|
|
|
|
ul.add-menu-item-tabs li.tabs,
|
|
.wp-tab-active {
|
|
border: 1px solid #dfdfdf;
|
|
border-bottom: none;
|
|
background-color: #fdfdfd;
|
|
}
|
|
|
|
ul.add-menu-item-tabs li.tabs {
|
|
padding-bottom: 3px;
|
|
position: relative;
|
|
}
|
|
|
|
#post-body .add-menu-item-tabs li.tabs {
|
|
border-style: solid none solid solid;
|
|
border-width: 1px 0 1px 1px;
|
|
margin-right: -1px;
|
|
}
|
|
|
|
ul.category-tabs li,
|
|
ul.add-menu-item-tabs li,
|
|
ul.wp-tab-bar li {
|
|
padding: 3px 5px 5px;
|
|
}
|
|
|
|
#postimagediv .inside img {
|
|
max-width: 100%;
|
|
height: auto;
|
|
}
|
|
|
|
form#tags-filter {
|
|
position: relative;
|
|
}
|
|
|
|
/* Edit posts */
|
|
td.post-title strong,
|
|
td.plugin-title strong {
|
|
display: block;
|
|
margin-bottom: .2em;
|
|
font-size: 14px;
|
|
}
|
|
|
|
td.post-title p,
|
|
td.plugin-title p {
|
|
margin: 6px 0;
|
|
}
|
|
|
|
/* Global classes */
|
|
.wp-hidden-children .wp-hidden-child,
|
|
.ui-tabs-hide {
|
|
display: none;
|
|
}
|
|
|
|
.commentlist .avatar {
|
|
vertical-align: text-top;
|
|
}
|
|
|
|
#post-body .tagsdiv #newtag {
|
|
margin-right: 5px;
|
|
width: 16em;
|
|
}
|
|
|
|
#side-sortables input#post_password {
|
|
width: 94%
|
|
}
|
|
|
|
#side-sortables .tagsdiv #newtag {
|
|
width: 68%;
|
|
}
|
|
|
|
#post-status-info {
|
|
width: 100%;
|
|
border-spacing: 0;
|
|
border: 1px solid #e5e5e5;
|
|
border-top: none;
|
|
background-color: #f7f7f7;
|
|
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04);
|
|
box-shadow: 0 1px 1px rgba(0,0,0,0.04);
|
|
}
|
|
|
|
#post-status-info td {
|
|
font-size: 12px;
|
|
}
|
|
|
|
.autosave-info {
|
|
padding: 2px;
|
|
text-align: right;
|
|
}
|
|
|
|
#editorcontent #post-status-info {
|
|
border: none;
|
|
}
|
|
|
|
#content-resize-handle {
|
|
background: transparent url('../images/resize.gif') no-repeat scroll right bottom;
|
|
width: 12px;
|
|
cursor: n-resize;
|
|
}
|
|
|
|
.rtl #content-resize-handle {
|
|
background: transparent url('../images/resize-rtl.gif') no-repeat scroll left bottom;
|
|
}
|
|
|
|
.press-this #content-resize-handle {
|
|
bottom: 2px;
|
|
}
|
|
|
|
#wp-word-count {
|
|
display: block;
|
|
padding: 2px 10px;
|
|
}
|
|
|
|
#timestampdiv select {
|
|
height: 21px;
|
|
line-height: 14px;
|
|
padding: 0;
|
|
vertical-align: top;
|
|
font-size: 12px;
|
|
}
|
|
|
|
#aa, #jj, #hh, #mn {
|
|
padding: 1px;
|
|
font-size: 12px;
|
|
}
|
|
|
|
#jj, #hh, #mn {
|
|
width: 2em;
|
|
}
|
|
|
|
#aa {
|
|
width: 3.4em;
|
|
}
|
|
|
|
.curtime #timestamp {
|
|
padding: 2px 0 1px 0;
|
|
display: inline !important;
|
|
height: auto !important;
|
|
}
|
|
|
|
#post-body #visibility:before,
|
|
.curtime #timestamp:before,
|
|
#post-body .misc-pub-revisions:before {
|
|
font: normal 20px/1 'dashicons';
|
|
speak: none;
|
|
display: inline-block;
|
|
padding: 0 2px 0 0;
|
|
top: 0;
|
|
left: -1px;
|
|
position: relative;
|
|
vertical-align: top;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
text-decoration: none !important;
|
|
}
|
|
|
|
#post-body #visibility:before {
|
|
content: '\f177';
|
|
}
|
|
|
|
.curtime #timestamp:before {
|
|
content: '\f145';
|
|
top: -1px;
|
|
}
|
|
|
|
#post-body .misc-pub-revisions:before {
|
|
content: '\f321';
|
|
}
|
|
|
|
#timestampdiv {
|
|
padding-top: 5px;
|
|
line-height: 23px;
|
|
}
|
|
|
|
#timestampdiv p {
|
|
margin: 8px 0 6px;
|
|
}
|
|
|
|
#timestampdiv input {
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
}
|
|
|
|
.notification-dialog {
|
|
position: fixed;
|
|
top: 30%;
|
|
left: 50%;
|
|
width: 450px;
|
|
margin-left: -225px;
|
|
background: #fff;
|
|
line-height: 1.5;
|
|
z-index: 1000005;
|
|
}
|
|
|
|
.notification-dialog-background {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
background: #000;
|
|
opacity: 0.5;
|
|
filter: alpha(opacity=50);
|
|
z-index: 1000000;
|
|
}
|
|
|
|
#post-lock-dialog .post-locked-message,
|
|
#post-lock-dialog .post-taken-over {
|
|
margin: 25px;
|
|
}
|
|
|
|
#post-lock-dialog .post-locked-message a.button {
|
|
margin-right: 10px;
|
|
}
|
|
|
|
#post-lock-dialog .post-locked-avatar {
|
|
float: left;
|
|
margin: 0 20px 20px 0;
|
|
}
|
|
|
|
#post-lock-dialog .wp-tab-first {
|
|
outline: 0;
|
|
}
|
|
|
|
#post-lock-dialog .locked-saving img {
|
|
float: left;
|
|
margin-right: 3px;
|
|
}
|
|
|
|
#post-lock-dialog.saving .locked-saving,
|
|
#post-lock-dialog.saved .locked-saved {
|
|
display: inline;
|
|
}
|
|
|
|
/*------------------------------------------------------------------------------
|
|
11.1 - Custom Fields
|
|
------------------------------------------------------------------------------*/
|
|
|
|
#postcustomstuff thead th {
|
|
padding: 5px 8px 8px;
|
|
background-color: #f1f1f1;
|
|
}
|
|
|
|
#postcustom #postcustomstuff .submit {
|
|
border: 0 none;
|
|
float: none;
|
|
padding: 0 8px 8px;
|
|
}
|
|
|
|
#side-sortables #postcustom #postcustomstuff .submit {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
#side-sortables #postcustom #postcustomstuff #the-list textarea {
|
|
height: 85px;
|
|
}
|
|
|
|
#side-sortables #postcustom #postcustomstuff td.left input,
|
|
#side-sortables #postcustom #postcustomstuff td.left select,
|
|
#side-sortables #postcustomstuff #newmetaleft a {
|
|
margin: 3px 3px 0;
|
|
}
|
|
|
|
#postcustomstuff table {
|
|
margin: 0;
|
|
width: 100%;
|
|
border: 1px solid #dfdfdf;
|
|
border-spacing: 0;
|
|
background-color: #f9f9f9;
|
|
}
|
|
|
|
#postcustomstuff tr {
|
|
vertical-align: top;
|
|
}
|
|
|
|
#postcustomstuff table input,
|
|
#postcustomstuff table select,
|
|
#postcustomstuff table textarea {
|
|
width: 96%;
|
|
margin: 8px;
|
|
}
|
|
|
|
#side-sortables #postcustomstuff table input,
|
|
#side-sortables #postcustomstuff table select,
|
|
#side-sortables #postcustomstuff table textarea {
|
|
margin: 3px;
|
|
}
|
|
|
|
#postcustomstuff th.left,
|
|
#postcustomstuff td.left {
|
|
width: 38%;
|
|
}
|
|
|
|
#postcustomstuff .submit input {
|
|
margin: 0;
|
|
width: auto;
|
|
}
|
|
|
|
#postcustomstuff #newmetaleft a {
|
|
display: inline-block;
|
|
margin: 0 8px 8px;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.no-js #postcustomstuff #enternew {
|
|
display: none;
|
|
}
|
|
|
|
#post-body-content .compat-attachment-fields {
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.compat-attachment-fields th {
|
|
padding-top: 5px;
|
|
padding-right: 10px;
|
|
}
|
|
|
|
/*------------------------------------------------------------------------------
|
|
11.2 - Post Revisions
|
|
------------------------------------------------------------------------------*/
|
|
.revisions-control-frame,
|
|
.revisions-diff-frame {
|
|
position: relative;
|
|
}
|
|
|
|
.revisions-controls {
|
|
padding-top: 40px;
|
|
height: 100px;
|
|
z-index: 1;
|
|
}
|
|
|
|
.revisions-controls input[type="checkbox"] {
|
|
position: relative;
|
|
top: -1px;
|
|
vertical-align: text-bottom;
|
|
}
|
|
|
|
.revisions.pinned .revisions-controls {
|
|
position: fixed;
|
|
top: 0;
|
|
height: 82px;
|
|
background: #fff;
|
|
box-shadow: 0 1px 3px rgba(0,0,0,0.1);
|
|
}
|
|
|
|
.revisions-tickmarks {
|
|
position: relative;
|
|
margin: 0 auto;
|
|
height: 0.7em;
|
|
top: 7px;
|
|
max-width: 70%;
|
|
-moz-box-sizing: border-box;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
background-color: #fff;
|
|
}
|
|
|
|
.revisions-tickmarks > div {
|
|
position: absolute;
|
|
height: 100%;
|
|
border-left: 1px solid #aaa;
|
|
-moz-box-sizing: border-box;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.revisions-tickmarks > div:first-child {
|
|
border-width: 0;
|
|
}
|
|
|
|
.comparing-two-revisions .revisions-controls {
|
|
height: 140px;
|
|
}
|
|
|
|
.comparing-two-revisions.pinned .revisions-controls {
|
|
height: 124px;
|
|
}
|
|
|
|
.revisions .diff-error {
|
|
position: absolute;
|
|
text-align: center;
|
|
margin: 0 auto;
|
|
width: 100%;
|
|
display: none;
|
|
}
|
|
|
|
.revisions.diff-error .diff-error {
|
|
display: block;
|
|
}
|
|
|
|
.revisions .loading-indicator {
|
|
position: fixed;
|
|
vertical-align: middle;
|
|
opacity: 0;
|
|
width: 100%;
|
|
top: 50%;
|
|
margin-left: -90px;
|
|
-webkit-transition: opacity 0.5s;
|
|
-moz-transition: opacity 0.5s;
|
|
-ms-transition: opacity 0.5s;
|
|
-o-transition: opacity 0.5s;
|
|
transition: opacity 0.5s;
|
|
filter: alpha(opacity=0); /* ie8 and earlier */
|
|
}
|
|
|
|
body.folded .revisions .loading-indicator {
|
|
margin-left: -32px;
|
|
}
|
|
|
|
.revisions .loading-indicator span.spinner {
|
|
display: block;
|
|
margin: 0 auto;
|
|
float: none;
|
|
}
|
|
|
|
.revisions.loading .loading-indicator {
|
|
opacity: 1;
|
|
filter: alpha(opacity=100); /* ie8 and earlier */
|
|
}
|
|
|
|
.revisions .diff {
|
|
-webkit-transition: opacity 0.5s;
|
|
-moz-transition: opacity 0.5s;
|
|
-ms-transition: opacity 0.5s;
|
|
-o-transition: opacity 0.5s;
|
|
transition: opacity 0.5s;
|
|
}
|
|
|
|
.revisions.loading .diff {
|
|
opacity: 0.5;
|
|
filter: alpha(opacity=50); /* ie8 and earlier */
|
|
}
|
|
|
|
.revisions.diff-error .diff {
|
|
visibility: hidden;
|
|
}
|
|
|
|
.revisions-meta {
|
|
margin-top: 20px;
|
|
background-color: #fff;
|
|
box-shadow: 0 1px 3px rgba(0,0,0,0.1);
|
|
}
|
|
|
|
.revisions.pinned .revisions-meta {
|
|
box-shadow: none;
|
|
}
|
|
|
|
.revision-toggle-compare-mode {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
}
|
|
|
|
.comparing-two-revisions .revisions-previous,
|
|
.comparing-two-revisions .revisions-next,
|
|
.revisions-meta .diff-meta-to strong {
|
|
display: none;
|
|
}
|
|
|
|
.revisions-controls .author-card .date {
|
|
color: #777;
|
|
}
|
|
|
|
.revisions-controls .author-card.autosave {
|
|
color: #d54e21;
|
|
}
|
|
|
|
.revisions-controls .author-card .author-name {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.comparing-two-revisions .diff-meta-to strong {
|
|
display: block;
|
|
}
|
|
|
|
.revisions.pinned .revisions-buttons {
|
|
padding: 0 11px;
|
|
}
|
|
|
|
.revisions-previous,
|
|
.revisions-next {
|
|
position: relative;
|
|
z-index: 1;
|
|
}
|
|
|
|
.revisions-previous {
|
|
float: left;
|
|
}
|
|
|
|
.revisions-next {
|
|
float: right;
|
|
}
|
|
|
|
.revisions-controls .wp-slider {
|
|
max-width: 70%;
|
|
margin: 0 auto;
|
|
top: -3px;
|
|
}
|
|
|
|
.revisions-diff {
|
|
padding: 15px;
|
|
background-color: #fff;
|
|
box-shadow: 0 1px 3px rgba(0,0,0,0.1);
|
|
}
|
|
|
|
.revisions-diff h3:first-child {
|
|
margin-top: 0;
|
|
}
|
|
|
|
/* Revision meta box */
|
|
.post-revisions li img,
|
|
#revisions-meta-restored img {
|
|
vertical-align: middle;
|
|
}
|
|
|
|
table.diff tbody tr td:nth-child(2) {
|
|
width: 4%;
|
|
}
|
|
|
|
table.diff {
|
|
width: 100%;
|
|
white-space: pre-wrap;
|
|
}
|
|
|
|
table.diff col.content {
|
|
width: auto;
|
|
}
|
|
|
|
table.diff col.content.diffsplit {
|
|
width: 48%;
|
|
}
|
|
|
|
table.diff col.diffsplit.middle {
|
|
width: auto;
|
|
}
|
|
|
|
table.diff col.ltype {
|
|
width: 30px;
|
|
}
|
|
|
|
table.diff tr {
|
|
background-color: transparent;
|
|
}
|
|
|
|
table.diff td,
|
|
table.diff th {
|
|
font-family: Consolas, Monaco, monospace;
|
|
font-size: 14px;
|
|
line-height: 1.618;
|
|
padding: .5em;
|
|
}
|
|
|
|
table.diff td h1,
|
|
table.diff td h2,
|
|
table.diff td h3,
|
|
table.diff td h4,
|
|
table.diff td h5,
|
|
table.diff td h6 {
|
|
margin: 0;
|
|
}
|
|
|
|
table.diff .diff-deletedline del,
|
|
table.diff .diff-addedline ins {
|
|
text-decoration: none;
|
|
}
|
|
|
|
table.diff .diff-deletedline {
|
|
background-color: #ffe9e9;
|
|
}
|
|
|
|
table.diff .diff-deletedline del {
|
|
background-color: #faa;
|
|
}
|
|
|
|
table.diff .diff-addedline {
|
|
background-color: #e9ffe9;
|
|
}
|
|
|
|
table.diff .diff-addedline ins {
|
|
background-color: #afa;
|
|
}
|
|
|
|
.diff-meta {
|
|
padding: 5px;
|
|
clear: both;
|
|
min-height: 32px;
|
|
}
|
|
|
|
.diff-title strong {
|
|
line-height: 32px;
|
|
min-width: 60px;
|
|
text-align: right;
|
|
float: left;
|
|
margin-right: 5px;
|
|
}
|
|
|
|
.revisions-controls .author-card .author-info {
|
|
font-size: 12px;
|
|
line-height: 16px;
|
|
}
|
|
|
|
.revisions-controls .author-card .avatar,
|
|
.revisions-controls .author-card .author-info {
|
|
float: left;
|
|
margin-left: 6px;
|
|
margin-right: 6px;
|
|
}
|
|
|
|
.revisions-controls .author-card .byline {
|
|
display: block;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.revisions-controls .author-card .avatar {
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.diff-meta input.restore-revision {
|
|
float: right;
|
|
margin-left: 6px;
|
|
margin-right: 6px;
|
|
margin-top: 4px;
|
|
}
|
|
|
|
.diff-meta-from {
|
|
display: none;
|
|
}
|
|
|
|
.comparing-two-revisions .diff-meta-from {
|
|
display: block;
|
|
}
|
|
|
|
.revisions-tooltip {
|
|
position: absolute;
|
|
bottom: 105px;
|
|
margin-right: 0;
|
|
margin-left: -69px;
|
|
z-index: 0;
|
|
max-width: 350px;
|
|
min-width: 130px;
|
|
padding: 8px 4px;
|
|
display: none;
|
|
opacity: 0;
|
|
}
|
|
|
|
.revisions-tooltip.flipped {
|
|
margin-left: 0;
|
|
margin-right: -70px;
|
|
}
|
|
|
|
.revisions.pinned .revisions-tooltip {
|
|
display: none !important;
|
|
}
|
|
|
|
.comparing-two-revisions .revisions-tooltip {
|
|
bottom: 145px;
|
|
}
|
|
|
|
.revisions-tooltip-arrow {
|
|
width: 70px;
|
|
height: 15px;
|
|
overflow: hidden;
|
|
position: absolute;
|
|
left: 0;
|
|
margin-left: 35px;
|
|
bottom: -15px;
|
|
}
|
|
|
|
.revisions-tooltip.flipped .revisions-tooltip-arrow {
|
|
margin-left: 0;
|
|
margin-right: 35px;
|
|
left: auto;
|
|
right: 0;
|
|
}
|
|
|
|
.revisions-tooltip-arrow > span {
|
|
content: "";
|
|
position: absolute;
|
|
left: 20px;
|
|
top: -20px;
|
|
width: 25px;
|
|
height: 25px;
|
|
-webkit-transform: rotate(45deg);
|
|
-moz-transform: rotate(45deg);
|
|
-ms-transform: rotate(45deg);
|
|
-o-transform: rotate(45deg);
|
|
transform: rotate(45deg);
|
|
}
|
|
|
|
.revisions-tooltip.flipped .revisions-tooltip-arrow > span {
|
|
left: auto;
|
|
right: 20px;
|
|
}
|
|
|
|
.ie8 .revisions-tooltip-arrow > span {
|
|
left: 15px;
|
|
top: -25px;
|
|
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476)";
|
|
}
|
|
|
|
.ie8 .revisions-tooltip.flipped .revisions-tooltip-arrow > span {
|
|
right: 25px;
|
|
}
|
|
|
|
.revisions-tooltip,
|
|
.revisions-tooltip-arrow > span {
|
|
border: 1px solid #d7d7d7;
|
|
background-color: #fff;
|
|
}
|
|
|
|
.revisions-tooltip {
|
|
display: none;
|
|
}
|
|
|
|
.arrow {
|
|
width: 70px;
|
|
height: 16px;
|
|
overflow: hidden;
|
|
position: absolute;
|
|
left: 0;
|
|
margin-left: -35px;
|
|
bottom: 90px;
|
|
z-index: 10000;
|
|
}
|
|
|
|
.arrow::after {
|
|
z-index: 9999;
|
|
background-color: #fff;
|
|
box-shadow: 0 1px 3px rgba(0,0,0,0.1);
|
|
}
|
|
|
|
.arrow.top {
|
|
top: -16px;
|
|
bottom: auto;
|
|
}
|
|
|
|
.arrow.left {
|
|
left: 20%;
|
|
}
|
|
|
|
.arrow:after {
|
|
content: "";
|
|
position: absolute;
|
|
left: 20px;
|
|
top: -20px;
|
|
width: 25px;
|
|
height: 25px;
|
|
-webkit-transform: rotate(45deg);
|
|
-moz-transform: rotate(45deg);
|
|
-ms-transform: rotate(45deg);
|
|
-o-transform: rotate(45deg);
|
|
transform: rotate(45deg);
|
|
}
|
|
|
|
.revisions-tooltip,
|
|
.revisions-tooltip-arrow:after {
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
}
|
|
|
|
div.revisions-controls > .wp-slider > .ui-slider-handle {
|
|
margin-left: -10px;
|
|
}
|
|
|
|
.rtl div.revisions-controls > .wp-slider > .ui-slider-handle {
|
|
margin-right: -10px;
|
|
}
|
|
|
|
/* jQuery UI Slider */
|
|
.wp-slider.ui-slider {
|
|
position: relative;
|
|
border: 1px solid #d7d7d7;
|
|
text-align: left;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.wp-slider .ui-slider-handle {
|
|
border-radius: 50%;
|
|
height: 18px;
|
|
margin-top: -3px;
|
|
outline: none;
|
|
position: absolute;
|
|
width: 18px;
|
|
z-index: 2;
|
|
}
|
|
|
|
.wp-slider .ui-slider-handle,
|
|
.wp-slider .ui-slider-handle.ui-state-hover,
|
|
.wp-slider .ui-slider-handle.focus {
|
|
background: #2ea2cc;
|
|
border: 1px solid #0074a2;
|
|
-webkit-box-shadow: inset 0 1px 0 #78c8e6, 0 1px 0 rgba(0,0,0,.15);
|
|
box-shadow: inset 0 1px 0 #78c8e6, 0 1px 0 rgba(0,0,0,.15);
|
|
}
|
|
|
|
.wp-slider .ui-slider-handle:before {
|
|
background: none;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
color: #fff;
|
|
content: "\f229";
|
|
font: normal 18px/1 'dashicons';
|
|
speak: none;
|
|
-webkit-font-smoothing:antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
|
|
.wp-slider .ui-slider-handle.from-handle:before,
|
|
.wp-slider .ui-slider-handle.to-handle:before {
|
|
font-size: 20px !important;
|
|
margin: -1px 0 0 -1px;
|
|
}
|
|
|
|
.wp-slider .ui-slider-handle.from-handle:before {
|
|
content: '\f139';
|
|
}
|
|
|
|
.wp-slider .ui-slider-handle.to-handle:before {
|
|
content: '\f141';
|
|
}
|
|
|
|
.rtl .wp-slider .ui-slider-handle.from-handle:before {
|
|
content: '\f141';
|
|
}
|
|
|
|
.rtl .wp-slider .ui-slider-handle.to-handle:before {
|
|
content: '\f139';
|
|
right: -1px;
|
|
}
|
|
|
|
.wp-slider .ui-slider-range {
|
|
position: absolute;
|
|
font-size: .7em;
|
|
display: block;
|
|
border: 0;
|
|
background-color: transparent;
|
|
background-image: none;
|
|
}
|
|
|
|
.wp-slider.ui-slider-horizontal {
|
|
height: .7em;
|
|
}
|
|
|
|
.wp-slider.ui-slider-horizontal .ui-slider-handle {
|
|
top: -.25em;
|
|
margin-left: -.6em;
|
|
}
|
|
|
|
.wp-slider.ui-slider-horizontal .ui-slider-range {
|
|
top: 0;
|
|
height: 100%;
|
|
}
|
|
|
|
.wp-slider.ui-slider-horizontal .ui-slider-range-min {
|
|
left: 0;
|
|
}
|
|
|
|
.wp-slider.ui-slider-horizontal .ui-slider-range-max {
|
|
right: 0;
|
|
}
|
|
|
|
|
|
/*------------------------------------------------------------------------------
|
|
11.3 - Featured Images
|
|
------------------------------------------------------------------------------*/
|
|
|
|
#select-featured-image {
|
|
padding: 4px 0;
|
|
overflow: hidden;
|
|
}
|
|
|
|
#select-featured-image img {
|
|
max-width: 100%;
|
|
height: auto;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
#select-featured-image a {
|
|
float: left;
|
|
clear: both;
|
|
}
|
|
|
|
#select-featured-image .remove {
|
|
display: none;
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.js #select-featured-image.has-featured-image .remove {
|
|
display: inline-block;
|
|
}
|
|
|
|
.no-js #select-featured-image .choose {
|
|
display: none;
|
|
}
|
|
|
|
/*------------------------------------------------------------------------------
|
|
11.4 - Post formats
|
|
------------------------------------------------------------------------------*/
|
|
|
|
.post-state-format {
|
|
overflow: hidden;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
height: 20px;
|
|
width: 20px;
|
|
margin-right: 5px;
|
|
margin-top: -4px;
|
|
}
|
|
|
|
.post-state-format:before {
|
|
display: block;
|
|
height: 20px;
|
|
width: 20px;
|
|
font: normal 20px/1 'dashicons' !important;
|
|
speak: none;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
|
|
.post-state-format:before,
|
|
.post-format-icon:before {
|
|
color: #ddd;
|
|
-webkit-transition: all .1s ease-in-out;
|
|
-moz-transition: all .1s ease-in-out;
|
|
transition: all .1s ease-in-out;
|
|
}
|
|
|
|
a.post-state-format:hover:before,
|
|
a.post-format-icon:hover:before {
|
|
color: #2ea2cc;
|
|
}
|
|
|
|
#post-formats-select {
|
|
line-height: 2em;
|
|
}
|
|
|
|
#post-formats-select .post-format-icon:before {
|
|
top: 5px;
|
|
}
|
|
|
|
input.post-format {
|
|
margin-top: 1px;
|
|
}
|
|
|
|
label.post-format-icon {
|
|
margin-left: 0px;
|
|
padding: 2px 0 2px 0px;
|
|
}
|
|
|
|
.post-format-icon:before {
|
|
position: relative;
|
|
display: inline-block;
|
|
margin-right: 7px;
|
|
font: normal 20px/1 'dashicons';
|
|
speak: none;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
|
|
.post-state-format.post-format-standard:before,
|
|
.post-format-icon.post-format-standard:before,
|
|
a.post-state-format.format-standard:before {
|
|
content: '\f109';
|
|
}
|
|
|
|
.post-state-format.post-format-image:before,
|
|
.post-format-icon.post-format-image:before,
|
|
a.post-state-format.format-image:before {
|
|
content: '\f128';
|
|
}
|
|
|
|
.post-state-format.post-format-gallery:before,
|
|
.post-format-icon.post-format-gallery:before,
|
|
a.post-state-format.format-gallery:before {
|
|
content: '\f161';
|
|
}
|
|
|
|
.post-state-format.post-format-audio:before,
|
|
.post-format-icon.post-format-audio:before,
|
|
a.post-state-format.format-audio:before {
|
|
content: '\f127';
|
|
}
|
|
|
|
.post-state-format.post-format-video:before,
|
|
.post-format-icon.post-format-video:before,
|
|
a.post-state-format.format-video:before {
|
|
content: '\f126';
|
|
}
|
|
|
|
.post-state-format.post-format-chat:before,
|
|
.post-format-icon.post-format-chat:before,
|
|
a.post-state-format.format-chat:before {
|
|
content: '\f125';
|
|
}
|
|
|
|
.post-state-format.post-format-status:before,
|
|
.post-format-icon.post-format-status:before,
|
|
a.post-state-format.format-status:before {
|
|
content: '\f130';
|
|
}
|
|
|
|
.post-state-format.post-format-aside:before,
|
|
.post-format-icon.post-format-aside:before,
|
|
a.post-state-format.format-aside:before {
|
|
content: '\f123';
|
|
}
|
|
|
|
.post-state-format.post-format-quote:before,
|
|
.post-format-icon.post-format-quote:before,
|
|
a.post-state-format.format-quote:before {
|
|
content: '\f122';
|
|
}
|
|
|
|
.post-state-format.post-format-link:before,
|
|
.post-format-icon.post-format-link:before,
|
|
a.post-state-format.format-link:before {
|
|
content: '\f103';
|
|
}
|
|
|
|
/*------------------------------------------------------------------------------
|
|
12.0 - Categories
|
|
------------------------------------------------------------------------------*/
|
|
|
|
.category-adder {
|
|
margin-left: 120px;
|
|
padding: 4px 0;
|
|
}
|
|
|
|
.category-adder h4 {
|
|
margin: 0 0 8px;
|
|
}
|
|
|
|
#side-sortables .category-adder {
|
|
margin: 0;
|
|
}
|
|
|
|
#post-body ul.add-menu-item-tabs {
|
|
float: left;
|
|
width: 120px;
|
|
text-align: right;
|
|
/* Negative margin for the sake of those without JS: all tabs display */
|
|
margin: 0 -120px 0 5px;
|
|
padding: 0;
|
|
}
|
|
|
|
ul.add-menu-item-tabs li {
|
|
padding: 3px 5px 3px 8px;
|
|
}
|
|
|
|
#post-body ul.add-menu-item-tabs li.tabs {
|
|
-webkit-border-top-left-radius: 3px;
|
|
-webkit-border-bottom-left-radius: 3px;
|
|
border-top-left-radius: 3px;
|
|
border-bottom-left-radius: 3px;
|
|
}
|
|
|
|
.wp-tab-panel,
|
|
.categorydiv div.tabs-panel,
|
|
.customlinkdiv div.tabs-panel,
|
|
.posttypediv div.tabs-panel,
|
|
.taxonomydiv div.tabs-panel {
|
|
min-height: 42px;
|
|
max-height: 200px;
|
|
overflow: auto;
|
|
padding: 0 0.9em;
|
|
border: solid 1px #dfdfdf;
|
|
background-color: #fdfdfd;
|
|
}
|
|
|
|
div.tabs-panel-active {
|
|
display:block;
|
|
}
|
|
|
|
div.tabs-panel-inactive {
|
|
display:none;
|
|
}
|
|
|
|
#front-page-warning,
|
|
#front-static-pages ul,
|
|
ul.export-filters,
|
|
.inline-editor ul.cat-checklist ul,
|
|
.categorydiv ul.categorychecklist ul,
|
|
.customlinkdiv ul.categorychecklist ul,
|
|
.posttypediv ul.categorychecklist ul,
|
|
.taxonomydiv ul.categorychecklist ul {
|
|
margin-left: 18px;
|
|
}
|
|
|
|
ul.categorychecklist li {
|
|
margin: 0;
|
|
padding: 0;
|
|
line-height: 22px;
|
|
word-wrap: break-word;
|
|
}
|
|
|
|
.categorydiv .tabs-panel,
|
|
.customlinkdiv .tabs-panel,
|
|
.posttypediv .tabs-panel,
|
|
.taxonomydiv .tabs-panel {
|
|
border-width: 3px;
|
|
border-style: solid;
|
|
}
|
|
|
|
.form-wrap p,
|
|
.form-wrap label {
|
|
font-size: 11px;
|
|
}
|
|
|
|
.form-wrap label {
|
|
display: block;
|
|
padding: 2px;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.form-field input,
|
|
.form-field textarea {
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
width: 95%;
|
|
}
|
|
|
|
p.description,
|
|
.form-wrap p {
|
|
margin: 2px 0 5px;
|
|
color: #666;
|
|
}
|
|
|
|
p.help,
|
|
p.description,
|
|
span.description,
|
|
.form-wrap p {
|
|
font-size: 13px;
|
|
font-style: italic;
|
|
}
|
|
|
|
.form-wrap .form-field {
|
|
margin: 0 0 10px;
|
|
padding: 8px 0;
|
|
}
|
|
|
|
.form-wrap .form-field #parent {
|
|
max-width: 100%;
|
|
}
|
|
|
|
.col-wrap h3 {
|
|
margin: 12px 0;
|
|
font-size: 1.1em;
|
|
}
|
|
|
|
.col-wrap p.submit {
|
|
margin-top: -10px;
|
|
}
|
|
|
|
|
|
/*------------------------------------------------------------------------------
|
|
13.0 - Tags
|
|
------------------------------------------------------------------------------*/
|
|
|
|
.tagsdiv {
|
|
margin-top: -8px;
|
|
}
|
|
|
|
#poststuff .taghint {
|
|
color: #aaa;
|
|
margin: 15px 0 -24px 12px;
|
|
}
|
|
|
|
#poststuff .tagsdiv .howto {
|
|
margin: 0 0 6px 0;
|
|
}
|
|
|
|
.ajaxtag .newtag {
|
|
position: relative;
|
|
}
|
|
|
|
.tagsdiv .newtag {
|
|
width: 180px;
|
|
}
|
|
|
|
.tagsdiv .the-tags {
|
|
display: block;
|
|
height: 60px;
|
|
margin: 0 auto;
|
|
overflow: auto;
|
|
width: 260px;
|
|
}
|
|
|
|
#post-body-content .tagsdiv .the-tags {
|
|
margin: 0 5px;
|
|
}
|
|
|
|
p.popular-tags {
|
|
border: none;
|
|
line-height: 2em;
|
|
max-width: 1000px;
|
|
padding: 8px 12px 12px;
|
|
text-align: justify;
|
|
}
|
|
|
|
p.popular-tags a {
|
|
padding: 0 3px;
|
|
}
|
|
|
|
.tagcloud {
|
|
width: 97%;
|
|
margin: 0 0 40px;
|
|
text-align: justify;
|
|
}
|
|
|
|
.tagcloud h3 {
|
|
margin: 2px 0 12px;
|
|
}
|
|
|
|
.ac_results {
|
|
padding: 0;
|
|
margin: 0;
|
|
list-style: none;
|
|
position: absolute;
|
|
z-index: 10000;
|
|
display: none;
|
|
border: 1px solid #808080;
|
|
background-color: #fff;
|
|
}
|
|
|
|
.wp-customizer .ac_results {
|
|
z-index: 500000;
|
|
}
|
|
|
|
.ac_results li {
|
|
padding: 2px 5px;
|
|
white-space: nowrap;
|
|
color: #101010;
|
|
text-align: left;
|
|
}
|
|
|
|
.ac_over {
|
|
background-color: #f0f0b8;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.ac_match {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
/* links tables */
|
|
table.links-table {
|
|
width: 100%;
|
|
border-spacing: 0;
|
|
}
|
|
|
|
.links-table th {
|
|
font-weight: normal;
|
|
text-align: left;
|
|
vertical-align: top;
|
|
min-width: 80px;
|
|
width: 20%;
|
|
word-wrap: break-word;
|
|
}
|
|
|
|
.links-table th,
|
|
.links-table td {
|
|
padding: 5px 0;
|
|
}
|
|
|
|
.links-table td label {
|
|
margin-right: 8px;
|
|
}
|
|
|
|
.links-table td input[type="text"],
|
|
.links-table td textarea {
|
|
width: 100%;
|
|
}
|
|
|
|
.links-table #link_rel {
|
|
max-width: 280px;
|
|
}
|
|
|
|
/*------------------------------------------------------------------------------
|
|
14.0 - Media Screen
|
|
------------------------------------------------------------------------------*/
|
|
|
|
.media-item .describe {
|
|
border-collapse: collapse;
|
|
width: 100%;
|
|
border-top: 1px solid #dfdfdf;
|
|
clear: both;
|
|
cursor: default;
|
|
}
|
|
|
|
.media-item.media-blank .describe {
|
|
border: 0;
|
|
}
|
|
|
|
.media-item .describe th {
|
|
vertical-align: top;
|
|
text-align: left;
|
|
padding: 5px 10px 10px;
|
|
width: 140px;
|
|
}
|
|
|
|
.media-item .describe .align th {
|
|
padding-top: 0;
|
|
}
|
|
|
|
.media-item .media-item-info tr {
|
|
background-color: transparent;
|
|
}
|
|
|
|
.media-item .describe td {
|
|
padding: 0 8px 8px 0;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.media-item thead.media-item-info td {
|
|
padding: 4px 10px 0;
|
|
}
|
|
|
|
.media-item .media-item-info .A1B1 {
|
|
padding: 0 0 0 10px;
|
|
}
|
|
|
|
.media-item td.savesend {
|
|
padding-bottom: 15px;
|
|
}
|
|
|
|
.media-item .thumbnail {
|
|
max-height: 128px;
|
|
max-width: 128px;
|
|
}
|
|
|
|
#wpbody-content #async-upload-wrap a {
|
|
display: none;
|
|
}
|
|
|
|
.media-upload-form {
|
|
margin-top: 20px;
|
|
}
|
|
|
|
.media-upload-form td label {
|
|
margin-right: 6px;
|
|
margin-left: 2px;
|
|
}
|
|
|
|
.media-upload-form .align .field label {
|
|
display: inline;
|
|
padding: 0 0 0 23px;
|
|
margin: 0 1em 0 3px;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.media-upload-form tr.image-size label {
|
|
margin: 0 0 0 5px;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.media-upload-form th.label label {
|
|
font-weight: 600;
|
|
margin: 0.5em;
|
|
font-size: 13px;
|
|
}
|
|
|
|
.media-upload-form th.label label span {
|
|
padding: 0 5px;
|
|
}
|
|
|
|
.media-item .describe input[type="text"],
|
|
.media-item .describe textarea {
|
|
width: 460px;
|
|
}
|
|
|
|
.media-item .describe p.help {
|
|
margin: 0;
|
|
padding: 0 0 0 5px;
|
|
}
|
|
|
|
.media-item .edit-attachment,
|
|
.describe-toggle-on,
|
|
.describe-toggle-off {
|
|
display: block;
|
|
line-height: 36px;
|
|
float: right;
|
|
}
|
|
|
|
.media-item .describe-toggle-off,
|
|
.media-item.open .describe-toggle-on {
|
|
display: none;
|
|
}
|
|
|
|
.media-item.open .describe-toggle-off {
|
|
display: block;
|
|
}
|
|
|
|
#media-items .media-item {
|
|
border-bottom: 1px solid #dfdfdf;
|
|
min-height: 36px;
|
|
position: relative;
|
|
width: 100%;
|
|
}
|
|
|
|
#media-items {
|
|
width: 623px;
|
|
}
|
|
|
|
.media-new-php #media-items {
|
|
margin: 1em 0;
|
|
}
|
|
|
|
#media-items:empty {
|
|
border: 0 none;
|
|
}
|
|
|
|
.media-item .filename {
|
|
line-height: 36px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.media-item .error-div {
|
|
padding-left: 10px;
|
|
}
|
|
|
|
.media-item .pinkynail {
|
|
float: left;
|
|
margin: 2px 10px 0 0;
|
|
max-width: 40px;
|
|
max-height: 32px;
|
|
}
|
|
|
|
.media-item .startopen,
|
|
.media-item .startclosed {
|
|
display: none;
|
|
}
|
|
|
|
.media-item .original {
|
|
position: relative;
|
|
height: 34px;
|
|
}
|
|
|
|
.media-item .progress {
|
|
float: right;
|
|
height: 22px;
|
|
margin: 7px 0 0;
|
|
width: 200px;
|
|
line-height: 2em;
|
|
padding: 0;
|
|
overflow: hidden;
|
|
margin-bottom: 2px;
|
|
border-radius: 22px;
|
|
background: #ddd;
|
|
-webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
|
|
box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
|
|
}
|
|
|
|
.media-item .bar {
|
|
z-index: 9;
|
|
width: 0;
|
|
height: 100%;
|
|
margin-top: -22px;
|
|
border-radius: 22px;
|
|
background-color: #0074a2;
|
|
-webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.3);
|
|
box-shadow: inset 0 0 2px rgba(0,0,0,0.3);
|
|
}
|
|
|
|
.media-item .progress .percent {
|
|
z-index: 10;
|
|
position: relative;
|
|
width: 200px;
|
|
padding: 0;
|
|
color: #fff;
|
|
text-align: center;
|
|
line-height: 22px;
|
|
font-weight: 400;
|
|
text-shadow: 0px 1px 2px rgba(0,0,0,0.2);
|
|
}
|
|
|
|
.upload-php .fixed .column-parent {
|
|
width: 15%;
|
|
}
|
|
|
|
.js .html-uploader #plupload-upload-ui {
|
|
display: none;
|
|
}
|
|
|
|
.js .html-uploader #html-upload-ui {
|
|
display: block;
|
|
}
|
|
|
|
.media-upload-form .media-item.error {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.media-upload-form .media-item.error p,
|
|
.media-item .error-div {
|
|
line-height: 16px;
|
|
margin: 5px 10px;
|
|
padding: 0;
|
|
}
|
|
|
|
.media-item .error-div a.dismiss {
|
|
display: block;
|
|
float: right;
|
|
margin: 5px 4px 0 15px;
|
|
}
|
|
|
|
/*------------------------------------------------------------------------------
|
|
14.1 - Media Library
|
|
------------------------------------------------------------------------------*/
|
|
|
|
.find-box {
|
|
width: 600px;
|
|
height: 300px;
|
|
overflow: hidden;
|
|
padding: 33px 0 51px;
|
|
position: absolute;
|
|
z-index: 1000;
|
|
background-color: #444;
|
|
}
|
|
|
|
.find-box-head {
|
|
cursor: move;
|
|
color: #eee;
|
|
font-weight: 600;
|
|
height: 2em;
|
|
line-height: 2em;
|
|
padding: 1px 12px;
|
|
position: absolute;
|
|
top: 5px;
|
|
width: 100%;
|
|
}
|
|
|
|
.find-box-inside {
|
|
overflow: auto;
|
|
padding: 6px;
|
|
height: 100%;
|
|
background-color: #fff;
|
|
}
|
|
|
|
.find-box-search,
|
|
.find-box-buttons {
|
|
overflow: hidden;
|
|
padding: 8px;
|
|
position: relative;
|
|
background-color: #f7f7f7;
|
|
border-top: 1px solid #dfdfdf;
|
|
}
|
|
|
|
.find-box-search .spinner {
|
|
float: none;
|
|
left: 125px;
|
|
position: absolute;
|
|
top: 9px;
|
|
}
|
|
|
|
#find-posts-input {
|
|
float: left;
|
|
width: 140px;
|
|
height: 24px;
|
|
}
|
|
|
|
#find-posts-search {
|
|
float: left;
|
|
margin: 1px 4px 0 3px;
|
|
}
|
|
|
|
#find-posts-response {
|
|
margin: 8px 0;
|
|
padding: 0 1px 6px;
|
|
}
|
|
|
|
#find-posts-response table {
|
|
width: 100%;
|
|
}
|
|
|
|
#find-posts-response .found-radio {
|
|
padding: 3px 0 0 8px;
|
|
width: 15px;
|
|
}
|
|
|
|
.find-box #resize-se {
|
|
position: absolute;
|
|
right: 1px;
|
|
bottom: 1px;
|
|
}
|
|
|
|
.ui-find-overlay {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
background-color: #000;
|
|
opacity: 0.6;
|
|
filter: alpha(opacity=60);
|
|
}
|
|
|
|
ul#dismissed-updates {
|
|
display: none;
|
|
}
|
|
|
|
form.upgrade {
|
|
margin-top: 8px;
|
|
}
|
|
|
|
form.upgrade .hint {
|
|
font-style: italic;
|
|
font-size: 85%;
|
|
margin: -0.5em 0 2em 0;
|
|
}
|
|
|
|
#poststuff .inside .the-tagcloud {
|
|
margin: 5px 0 10px;
|
|
padding: 8px;
|
|
border: 1px solid #ddd;
|
|
line-height: 1.8em;
|
|
word-spacing: 3px;
|
|
-webkit-border-radius: 6px;
|
|
border-radius: 6px;
|
|
}
|
|
|
|
.drag-drop #drag-drop-area {
|
|
border: 4px dashed #bbb;
|
|
height: 200px;
|
|
}
|
|
|
|
.drag-drop .drag-drop-inside {
|
|
margin: 70px auto 0;
|
|
width: 250px;
|
|
}
|
|
|
|
.drag-drop-inside p {
|
|
color: #aaa;
|
|
font-size: 14px;
|
|
margin: 5px 0;
|
|
display: none;
|
|
}
|
|
|
|
.drag-drop .drag-drop-inside p {
|
|
text-align: center;
|
|
}
|
|
|
|
.drag-drop-inside p.drag-drop-info {
|
|
font-size: 20px;
|
|
}
|
|
|
|
.drag-drop .drag-drop-inside p,
|
|
.drag-drop-inside p.drag-drop-buttons {
|
|
display: block;
|
|
}
|
|
|
|
/*
|
|
#drag-drop-area:-moz-drag-over {
|
|
border-color: #83b4d8;
|
|
}
|
|
borger color while dragging a file over the uploader drop area */
|
|
.drag-drop.drag-over #drag-drop-area {
|
|
border-color: #83b4d8;
|
|
}
|
|
|
|
#plupload-upload-ui {
|
|
position: relative;
|
|
}
|
|
|
|
|
|
/*------------------------------------------------------------------------------
|
|
14.2 - Image Editor
|
|
------------------------------------------------------------------------------*/
|
|
|
|
.wp_attachment_details #attachment_caption {
|
|
height: 4em;
|
|
}
|
|
|
|
.describe .image-editor {
|
|
vertical-align: top;
|
|
}
|
|
|
|
.imgedit-wrap {
|
|
position: relative;
|
|
}
|
|
|
|
.imgedit-settings p {
|
|
margin: 8px 0;
|
|
}
|
|
|
|
.post-php .imgedit-wrap table {
|
|
width: 100%;
|
|
}
|
|
|
|
.describe .imgedit-wrap table td,
|
|
.wp_attachment_holder .imgedit-wrap table td {
|
|
vertical-align: top;
|
|
padding-top: 0;
|
|
}
|
|
|
|
.describe .imgedit-wrap table td.imgedit-settings {
|
|
padding: 0 5px;
|
|
}
|
|
|
|
.wp_attachment_holder .imgedit-wrap table td.imgedit-settings {
|
|
width: 250px;
|
|
}
|
|
|
|
td.imgedit-settings input {
|
|
margin-top: 0;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.imgedit-wait {
|
|
position: absolute;
|
|
top: 0;
|
|
background: #fff url('../images/spinner.gif') no-repeat scroll 22px 10px;
|
|
background-size: 20px 20px;
|
|
opacity: 0.7;
|
|
filter: alpha(opacity=70);
|
|
width: 100%;
|
|
height: 500px;
|
|
display: none;
|
|
}
|
|
|
|
.spinner {
|
|
background: url('../images/spinner.gif') no-repeat;
|
|
background-size: 20px 20px;
|
|
display: none;
|
|
float: right;
|
|
opacity: 0.7;
|
|
filter: alpha(opacity=70);
|
|
width: 20px;
|
|
height: 20px;
|
|
margin: 2px 5px 0;
|
|
}
|
|
|
|
.no-float {
|
|
float: none;
|
|
}
|
|
|
|
.media-disabled,
|
|
.imgedit-settings .disabled {
|
|
color: grey;
|
|
}
|
|
|
|
.wp_attachment_image,
|
|
.A1B1 {
|
|
overflow: hidden;
|
|
}
|
|
|
|
.wp_attachment_image .button,
|
|
.A1B1 .button {
|
|
float: left;
|
|
}
|
|
|
|
.no-js .wp_attachment_image .button {
|
|
display: none;
|
|
}
|
|
|
|
.wp_attachment_image .spinner,
|
|
.A1B1 .spinner {
|
|
float: left;
|
|
padding: 0 0 4px 0;
|
|
vertical-align: bottom;
|
|
}
|
|
|
|
.imgedit-menu {
|
|
margin: 0 0 12px;
|
|
min-width: 300px;
|
|
}
|
|
|
|
.imgedit-menu div {
|
|
float: left;
|
|
width: 32px;
|
|
border: 1px solid #d5d5d5;
|
|
background: #f1f1f1;
|
|
margin: 0 8px 0 0;
|
|
height: 32px;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
text-align: center;
|
|
line-height: 28px;
|
|
color: #777;
|
|
}
|
|
|
|
.imgedit-menu div:before {
|
|
font: normal 20px/1 'dashicons';
|
|
speak: none;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.imgedit-menu div:hover {
|
|
border-color: #c1c1c1;
|
|
background-color: #eaeaea;
|
|
color: #333;
|
|
}
|
|
|
|
.imgedit-menu div.disabled {
|
|
border-color: #ccc;
|
|
background-color: #ddd;
|
|
filter: alpha(opacity=50);
|
|
opacity: 0.5;
|
|
}
|
|
|
|
.imgedit-crop:before {
|
|
content:'\f165';
|
|
}
|
|
|
|
.imgedit-rleft:before {
|
|
content:'\f166';
|
|
}
|
|
|
|
.imgedit-rright:before {
|
|
content:'\f167';
|
|
}
|
|
|
|
.imgedit-flipv:before {
|
|
content:'\f168';
|
|
}
|
|
|
|
.imgedit-fliph:before {
|
|
content:'\f169';
|
|
}
|
|
|
|
.imgedit-undo:before {
|
|
content:'\f171';
|
|
}
|
|
|
|
.imgedit-redo:before {
|
|
content:'\f172';
|
|
}
|
|
|
|
.imgedit-crop-wrap {
|
|
position: relative;
|
|
}
|
|
|
|
.imgedit-crop {
|
|
margin: 0 8px 0 0;
|
|
}
|
|
|
|
.imgedit-rleft {
|
|
margin: 0 3px;
|
|
}
|
|
|
|
.imgedit-rright {
|
|
margin: 0 8px 0 3px;
|
|
}
|
|
|
|
.imgedit-flipv {
|
|
margin: 0 3px;
|
|
}
|
|
|
|
.imgedit-fliph {
|
|
margin: 0 8px 0 3px;
|
|
}
|
|
|
|
.imgedit-undo {
|
|
margin: 0 3px;
|
|
}
|
|
|
|
.imgedit-redo {
|
|
margin: 0 8px 0 3px;
|
|
}
|
|
|
|
.imgedit-applyto img {
|
|
margin: 0 8px 0 0;
|
|
}
|
|
|
|
.imgedit-group-top {
|
|
margin: 5px 0;
|
|
}
|
|
|
|
.imgedit-applyto .imgedit-label {
|
|
padding: 2px 0 0;
|
|
display: block;
|
|
}
|
|
|
|
.imgedit-help {
|
|
display: none;
|
|
font-style: italic;
|
|
margin-bottom: 8px;
|
|
}
|
|
|
|
a.imgedit-help-toggle {
|
|
text-decoration: none;
|
|
}
|
|
|
|
.form-table td.imgedit-response {
|
|
padding: 0;
|
|
}
|
|
|
|
.imgedit-submit {
|
|
margin: 8px 0;
|
|
}
|
|
|
|
.imgedit-submit-btn {
|
|
margin-left: 20px;
|
|
}
|
|
|
|
.imgedit-wrap .nowrap {
|
|
white-space: nowrap;
|
|
}
|
|
|
|
span.imgedit-scale-warn {
|
|
color: red;
|
|
font-size: 20px;
|
|
font-style: normal;
|
|
visibility: hidden;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.imgedit-group {
|
|
margin-bottom: 8px;
|
|
padding: 2px 10px;
|
|
}
|
|
|
|
/*------------------------------------------------------------------------------
|
|
15.0 - Comments Screen
|
|
------------------------------------------------------------------------------*/
|
|
|
|
.form-table {
|
|
border-collapse: collapse;
|
|
margin-top: 0.5em;
|
|
width: 100%;
|
|
clear: both;
|
|
}
|
|
|
|
.form-table,
|
|
.form-table td,
|
|
.form-table th,
|
|
.form-table td p,
|
|
.form-wrap label {
|
|
font-size: 14px;
|
|
}
|
|
|
|
.form-table td {
|
|
margin-bottom: 9px;
|
|
padding: 15px 10px;
|
|
line-height: 1.3;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.form-table th,
|
|
.form-wrap label {
|
|
color: #222;
|
|
font-weight: normal;
|
|
text-shadow: none;
|
|
vertical-align: baseline;
|
|
}
|
|
|
|
.form-table th {
|
|
vertical-align: top;
|
|
text-align: left;
|
|
padding: 20px 10px 20px 0;
|
|
width: 200px;
|
|
line-height: 1.3;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.form-table th.th-full {
|
|
width: auto;
|
|
font-weight: 400;
|
|
}
|
|
|
|
.form-table input.tog {
|
|
margin-top: 2px;
|
|
margin-right: 2px;
|
|
float: left;
|
|
}
|
|
|
|
.form-table td p {
|
|
margin-top: 4px;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.form-table td fieldset label {
|
|
margin: 0.25em 0 0.5em !important;
|
|
display: inline-block;
|
|
}
|
|
|
|
.form-table td fieldset label,
|
|
.form-table td fieldset p,
|
|
.form-table td fieldset li {
|
|
line-height: 1.4em;
|
|
}
|
|
|
|
.form-table input.tog,
|
|
.form-table input[type=radio] {
|
|
margin-top: -4px;
|
|
margin-right: 4px;
|
|
float: none;
|
|
}
|
|
|
|
.commentlist li {
|
|
padding: 1em 1em .2em;
|
|
margin: 0;
|
|
border-bottom: 1px solid #ccc;
|
|
}
|
|
|
|
.commentlist li li {
|
|
border-bottom: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.commentlist p {
|
|
padding: 0;
|
|
margin: 0 0 .8em;
|
|
}
|
|
|
|
#submitted-on,
|
|
.submitted-on {
|
|
color: #777;
|
|
}
|
|
|
|
/* reply to comments */
|
|
#replyrow td {
|
|
padding: 2px;
|
|
}
|
|
|
|
#replysubmit {
|
|
margin: 0;
|
|
padding: 0 5px 3px;
|
|
text-align: center;
|
|
}
|
|
|
|
#replysubmit .spinner {
|
|
padding: 2px 0 0;
|
|
vertical-align: top;
|
|
float: right;
|
|
}
|
|
|
|
#replysubmit .button {
|
|
margin-right: 5px;
|
|
}
|
|
|
|
#replysubmit .error {
|
|
color: red;
|
|
line-height: 21px;
|
|
text-align: center;
|
|
}
|
|
|
|
#replyrow h5 {
|
|
margin: .2em 0 0;
|
|
padding: 0 5px;
|
|
line-height: 1.4em;
|
|
font-size: 1em;
|
|
}
|
|
|
|
#edithead .inside {
|
|
float: left;
|
|
padding: 3px 0 2px 5px;
|
|
margin: 0;
|
|
text-align: center;
|
|
}
|
|
|
|
#edithead .inside input {
|
|
width: 180px;
|
|
}
|
|
|
|
#edithead label {
|
|
padding: 2px 0;
|
|
}
|
|
|
|
#replycontainer {
|
|
padding: 5px;
|
|
}
|
|
|
|
#replycontent {
|
|
height: 120px;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
#replyerror {
|
|
border-color: #ddd;
|
|
background-color: #f9f9f9;
|
|
}
|
|
|
|
.comment-php .wp-editor-area {
|
|
height: 200px;
|
|
}
|
|
|
|
.comment-ays {
|
|
margin-bottom: 0;
|
|
border-bottom-style: solid;
|
|
border-bottom-width: 1px;
|
|
}
|
|
|
|
.comment-ays .alt {
|
|
background-color: transparent;
|
|
}
|
|
|
|
.trash-undo-inside,
|
|
.spam-undo-inside {
|
|
margin: 1px 8px 1px 0;
|
|
line-height: 16px;
|
|
}
|
|
|
|
.spam-undo-inside .avatar,
|
|
.trash-undo-inside .avatar {
|
|
height: 20px;
|
|
width: 20px;
|
|
margin-right: 8px;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.stuffbox .editcomment {
|
|
clear: none;
|
|
}
|
|
|
|
#comment-status-radio p {
|
|
margin: 3px 0 5px;
|
|
}
|
|
|
|
#comment-status-radio input {
|
|
margin: 2px 3px 5px 0;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
#comment-status-radio label {
|
|
padding: 5px 0;
|
|
}
|
|
|
|
.commentlist .avatar {
|
|
vertical-align: text-top;
|
|
}
|
|
|
|
#the-comment-list tr.undo,
|
|
#the-comment-list div.undo {
|
|
background-color: #f4f4f4;
|
|
}
|
|
|
|
#the-comment-list .unapproved th,
|
|
#the-comment-list .unapproved td {
|
|
background-color: #fefaf7;
|
|
}
|
|
|
|
#the-comment-list .unapproved th.check-column {
|
|
border-left: 4px solid #d54e21;
|
|
}
|
|
|
|
#the-comment-list .unapproved th.check-column input {
|
|
margin-left: 4px;
|
|
}
|
|
|
|
#the-comment-list .approve a {
|
|
color: #006505;
|
|
}
|
|
|
|
#the-comment-list .unapprove a {
|
|
color: #d98500;
|
|
}
|
|
|
|
#the-comment-list th,
|
|
#the-comment-list td {
|
|
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
|
|
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
#the-comment-list tr:last-child th,
|
|
#the-comment-list tr:last-child td {
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
#the-comment-list tr.unapproved + tr.approved th,
|
|
#the-comment-list tr.unapproved + tr.approved td {
|
|
border-top: 1px solid rgba(0, 0, 0, 0.03);
|
|
}
|
|
|
|
/* table vim shortcuts */
|
|
.vim-current,
|
|
.vim-current th,
|
|
.vim-current td {
|
|
background-color: #e4f2fd !important;
|
|
}
|
|
|
|
|
|
/*------------------------------------------------------------------------------
|
|
16.0 - Themes
|
|
------------------------------------------------------------------------------*/
|
|
|
|
|
|
/*------------------------------------------------------------------------------
|
|
16.1 - Manage Themes
|
|
------------------------------------------------------------------------------*/
|
|
|
|
.theme-browser .themes {
|
|
clear: both;
|
|
padding: 0 0 100px;
|
|
}
|
|
|
|
.themes-php .wrap h2 {
|
|
float: left;
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
.network-admin.themes-php .wrap h2 {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.themes-php .wrap h2 .button {
|
|
margin-left: 20px;
|
|
}
|
|
|
|
.themes-php .wrap .theme-count {
|
|
color: #fff;
|
|
border-radius: 30px;
|
|
background: #777;
|
|
font-size: 14px;
|
|
padding: 4px 10px;
|
|
font-weight: 600;
|
|
margin-left: 5px;
|
|
margin-right: 20px;
|
|
position: relative;
|
|
top: -3px;
|
|
}
|
|
|
|
/* Position admin messages */
|
|
.themes-php div.updated,
|
|
.themes-php div.error {
|
|
margin: 0 0 20px 0;
|
|
clear: both;
|
|
}
|
|
|
|
.themes-php div.updated a {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
/**
|
|
* Main theme element
|
|
* (has flexible margins)
|
|
*/
|
|
.theme-browser .theme {
|
|
cursor: pointer;
|
|
float: left;
|
|
margin: 0 4% 4% 0;
|
|
position: relative;
|
|
width: 30.6%;
|
|
border: 1px solid #dedede;
|
|
-webkit-box-shadow: 0 1px 1px -1px rgba(0,0,0,0.1);
|
|
box-shadow: 0 1px 1px -1px rgba(0,0,0,0.1);
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.ie8 .theme-browser .theme {
|
|
width: 30%;
|
|
margin: 0 3% 4% 0;
|
|
}
|
|
|
|
.theme-browser .theme:nth-child(3n) {
|
|
margin-right: 0;
|
|
}
|
|
|
|
.theme-browser .theme:hover,
|
|
.theme-browser .theme:focus {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.theme-browser .theme .theme-name {
|
|
font-size: 15px;
|
|
font-weight: 600;
|
|
margin: 0;
|
|
padding: 15px;
|
|
-webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.1);
|
|
box-shadow: inset 0 1px 0 rgba(0,0,0,0.1);
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
background: #fff;
|
|
background: rgba(255,255,255,0.65);
|
|
}
|
|
|
|
/* Activate and Customize buttons, shown on hover */
|
|
.theme-browser .theme .theme-actions {
|
|
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
|
|
opacity: 0;
|
|
-webkit-transition: opacity 0.1s ease-in-out;
|
|
transition: opacity 0.1s ease-in-out;
|
|
position: absolute;
|
|
bottom: 0;
|
|
right: 0;
|
|
height: 38px;
|
|
padding: 9px 10px 0 10px;
|
|
background: rgba(244, 244, 244, 0.7);
|
|
border-left: 1px solid rgba(0,0,0,0.05);
|
|
}
|
|
|
|
.theme-browser .theme:hover .theme-actions {
|
|
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
|
|
opacity: 1;
|
|
}
|
|
|
|
.theme-browser .theme .theme-actions .button-primary {
|
|
margin-right: 3px;
|
|
}
|
|
|
|
.theme-browser .theme .theme-actions .button-secondary {
|
|
float: none;
|
|
margin-left: 3px;
|
|
}
|
|
|
|
/**
|
|
* Theme Screenshot
|
|
*
|
|
* Has a fixed aspect ratio of 1.5 to 1 regardless of screenshot size
|
|
* It is also responsive.
|
|
*/
|
|
.theme-browser .theme .theme-screenshot {
|
|
display: block;
|
|
overflow: hidden;
|
|
position: relative;
|
|
-webkit-transition: opacity 0.2s ease-in-out;
|
|
transition: opacity 0.2s ease-in-out;
|
|
}
|
|
|
|
.theme-browser .theme .theme-screenshot:after {
|
|
content: '';
|
|
display: block;
|
|
padding-top: 66.66666%; /* using a 3/2 aspect ratio */
|
|
}
|
|
|
|
.theme-browser .theme .theme-screenshot img {
|
|
height: auto;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
width: 100%;
|
|
-webkit-transform: translateZ( 0 ); /* Prevents rendering bugs in Chrome */
|
|
-webkit-transition: opacity 0.2s ease-in-out;
|
|
transition: opacity 0.2s ease-in-out;
|
|
}
|
|
|
|
.theme-browser .theme:hover .theme-screenshot {
|
|
background: #fff;
|
|
}
|
|
|
|
.theme-browser.rendered .theme:hover .theme-screenshot img {
|
|
opacity: 0.4;
|
|
}
|
|
|
|
.theme-browser .theme .more-details {
|
|
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
|
|
opacity: 0;
|
|
position: absolute;
|
|
top: 35%;
|
|
right: 25%;
|
|
left: 25%;
|
|
background: #222;
|
|
background: rgba(0,0,0,0.7);
|
|
color: #fff;
|
|
font-size: 15px;
|
|
text-shadow: 0 1px 0 rgba(0,0,0,0.6);
|
|
-webkit-font-smoothing: antialiased;
|
|
font-weight: 600;
|
|
padding: 15px 12px;
|
|
text-align: center;
|
|
border-radius: 3px;
|
|
-webkit-transition: opacity 0.1s ease-in-out;
|
|
transition: opacity 0.1s ease-in-out;
|
|
}
|
|
.theme-browser .theme:focus {
|
|
outline: 1px dotted #222;
|
|
}
|
|
/* Hide shortcut actions and hover feedback when using tab navigation */
|
|
.theme-browser .theme:focus .theme-actions {
|
|
display: none;
|
|
}
|
|
/* Restore display of theme controls if you hover a focused theme */
|
|
.theme-browser .theme:focus:hover .theme-actions {
|
|
display: block;
|
|
}
|
|
.theme-browser .theme:focus .more-details {
|
|
opacity: 1;
|
|
}
|
|
/* Current theme needs to have its action always on view */
|
|
.theme-browser .theme.active:focus .theme-actions {
|
|
display: block;
|
|
}
|
|
|
|
.theme-browser.rendered .theme:hover .more-details {
|
|
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
|
|
opacity: 1;
|
|
}
|
|
|
|
/**
|
|
* Displays a theme update notice
|
|
* when an update is available.
|
|
*/
|
|
.theme-browser .theme .theme-update {
|
|
background: #d54e21;
|
|
background: rgba(213, 78, 33, 0.95);
|
|
color: #fff;
|
|
display: block;
|
|
font-size: 13px;
|
|
font-weight: 400;
|
|
height: 48px;
|
|
line-height: 48px;
|
|
padding: 0 10px;
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
left: 0;
|
|
border-bottom: 1px solid rgba(0,0,0,0.25);
|
|
overflow: hidden;
|
|
}
|
|
|
|
.theme-browser .theme .theme-update:before {
|
|
content: '\f463';
|
|
display: inline-block;
|
|
font: normal 20px/1 'dashicons';
|
|
margin: 0 6px 0 0;
|
|
opacity: 0.8;
|
|
position: relative;
|
|
top: 5px;
|
|
speak: none;
|
|
-webkit-font-smoothing: antialiased;
|
|
}
|
|
|
|
|
|
/**
|
|
* The currently active theme
|
|
*/
|
|
.theme-browser .theme.active .theme-name {
|
|
background: #2f2f2f;
|
|
color: #fff;
|
|
padding-right: 110px;
|
|
font-weight: 300;
|
|
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.5);
|
|
box-shadow: inset 0 1px 1px rgba(0,0,0,0.5);
|
|
}
|
|
|
|
.theme-browser .theme.active .theme-name span {
|
|
font-weight: 600;
|
|
}
|
|
|
|
.theme-browser .theme.active .theme-actions {
|
|
background: rgba(49,49,49,0.7);
|
|
border-left: none;
|
|
opacity: 1;
|
|
}
|
|
|
|
.theme-browser .theme.active .theme-actions .button-primary {
|
|
margin-right: 0;
|
|
}
|
|
|
|
.theme-browser .theme .theme-author {
|
|
background: #222;
|
|
color: #eee;
|
|
display: none;
|
|
font-size: 14px;
|
|
margin: 0 10px;
|
|
padding: 5px 10px;
|
|
position: absolute;
|
|
bottom: 56px;
|
|
}
|
|
|
|
.theme-browser .theme.display-author .theme-author {
|
|
display: block;
|
|
}
|
|
|
|
.theme-browser .theme.display-author .theme-author a {
|
|
color: inherit;
|
|
text-decoration: none;
|
|
}
|
|
|
|
/**
|
|
* Add new theme
|
|
*/
|
|
.theme-browser .theme.add-new-theme {
|
|
border: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.theme-browser .theme.add-new-theme a {
|
|
color: #999;
|
|
text-decoration: none;
|
|
display: block;
|
|
position: relative;
|
|
z-index: 1;
|
|
}
|
|
|
|
.theme-browser .theme.add-new-theme:after {
|
|
display: block;
|
|
content: '';
|
|
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
|
|
opacity: 1;
|
|
background: transparent;
|
|
background: rgba(0, 0, 0, 0);
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
padding: 10% 0 0 0;
|
|
text-shadow: none;
|
|
border: 5px dashed #d5d2ca;
|
|
border: 5px dashed rgba(0, 0, 0, 0.1);
|
|
-webkit-transition: opacity 0.2s ease-in-out;
|
|
transition: opacity 0.2s ease-in-out;
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.theme-browser .theme.add-new-theme span:after {
|
|
background: #e5e5e5;
|
|
background: rgba(153, 153, 153, 0.1);
|
|
border-radius: 50%;
|
|
display: inline-block;
|
|
content: '\f132';
|
|
-webkit-font-smoothing: antialiased;
|
|
font: normal 74px/115px 'dashicons';
|
|
width: 100px;
|
|
height: 100px;
|
|
vertical-align: middle;
|
|
text-align: center;
|
|
color: rgb(153, 153, 153);
|
|
position: absolute;
|
|
top: 30%;
|
|
left: 50%;
|
|
margin-left: -50px;
|
|
text-indent: -4px;
|
|
padding: 0;
|
|
text-shadow: none;
|
|
z-index:4;
|
|
}
|
|
|
|
.rtl .theme-browser .theme.add-new-theme span:after {
|
|
text-indent: 4px;
|
|
}
|
|
|
|
.theme-browser .theme.add-new-theme:hover .theme-screenshot {
|
|
background: none;
|
|
}
|
|
|
|
.theme-browser .theme.add-new-theme:hover span:after {
|
|
background: #fff;
|
|
color: #0074a2;
|
|
}
|
|
|
|
.theme-browser .theme.add-new-theme:hover:after {
|
|
border-color: transparent;
|
|
color: #fff;
|
|
background: #0074a2;
|
|
content: '';
|
|
}
|
|
|
|
.theme-browser .theme.add-new-theme .theme-name {
|
|
background: none;
|
|
text-align: center;
|
|
box-shadow: none;
|
|
font-weight: 400;
|
|
position: relative;
|
|
top: 0;
|
|
margin-top: -10%;
|
|
margin-bottom: 10%;
|
|
}
|
|
|
|
.theme-browser .theme.add-new-theme:hover .theme-name {
|
|
color: #fff;
|
|
z-index: 2;
|
|
}
|
|
|
|
/*
|
|
* The search form
|
|
*/
|
|
.themes-php .theme-search {
|
|
position: relative;
|
|
top: -2px;
|
|
left: 20px;
|
|
font-size: 16px;
|
|
font-weight: 300;
|
|
line-height: 1.5;
|
|
width: 280px;
|
|
}
|
|
|
|
/**
|
|
* Theme Overlay
|
|
* Shown when clicking a theme
|
|
*/
|
|
.theme-overlay .theme-backdrop {
|
|
position: absolute;
|
|
left: -20px;
|
|
right: 0;
|
|
top: 0;
|
|
bottom: 0;
|
|
background: #f1f1f1;
|
|
background: rgba( 238, 238, 238, 0.9 );
|
|
z-index: 10;
|
|
}
|
|
|
|
body.theme-overlay-open {
|
|
overflow: hidden;
|
|
}
|
|
|
|
.theme-overlay .theme-header {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
height: 48px;
|
|
border-bottom: 1px solid #ddd;
|
|
}
|
|
|
|
.theme-overlay .theme-header .close {
|
|
cursor: pointer;
|
|
height: 48px;
|
|
width: 50px;
|
|
text-align: center;
|
|
float: right;
|
|
border: 0;
|
|
border-left: 1px solid #ddd;
|
|
background-color: transparent;
|
|
}
|
|
|
|
.theme-overlay .theme-header .close:hover:before,
|
|
.theme-overlay .theme-header .close:focus:before {
|
|
color: #fff;
|
|
}
|
|
|
|
.theme-overlay .theme-header .close:before {
|
|
font: normal 30px/50px 'dashicons' !important;
|
|
color: #777;
|
|
display: inline-block;
|
|
content: '\f335';
|
|
font-weight: 300;
|
|
}
|
|
|
|
/* Left and right navigation */
|
|
.theme-overlay .theme-header .right,
|
|
.theme-overlay .theme-header .left {
|
|
cursor: pointer;
|
|
color: #777;
|
|
background-color: transparent;
|
|
height: 48px;
|
|
width: 54px;
|
|
float: left;
|
|
text-align: center;
|
|
border: 0;
|
|
border-right: 1px solid #ddd;
|
|
}
|
|
|
|
.theme-overlay .theme-header .close:hover,
|
|
.theme-overlay .theme-header .right:hover,
|
|
.theme-overlay .theme-header .left:hover,
|
|
.theme-overlay .theme-header .close:focus,
|
|
.theme-overlay .theme-header .right:focus,
|
|
.theme-overlay .theme-header .left:focus {
|
|
background: #0074a2;
|
|
color: #fff;
|
|
}
|
|
|
|
.theme-overlay .theme-header .left.disabled,
|
|
.theme-overlay .theme-header .right.disabled,
|
|
.theme-overlay .theme-header .left.disabled:hover,
|
|
.theme-overlay .theme-header .right.disabled:hover {
|
|
color: #ccc;
|
|
background: inherit;
|
|
cursor: inherit;
|
|
}
|
|
|
|
.theme-overlay .theme-header .right:before,
|
|
.theme-overlay .theme-header .left:before {
|
|
font: normal 20px/50px 'dashicons' !important;
|
|
display: inline;
|
|
font-weight: 300;
|
|
}
|
|
|
|
.theme-overlay .theme-header .left:before {
|
|
content: '\f340';
|
|
}
|
|
|
|
.theme-overlay .theme-header .right:before {
|
|
content: '\f344';
|
|
}
|
|
|
|
.rtl .theme-overlay .theme-header .left:before {
|
|
content: '\f345';
|
|
}
|
|
|
|
.rtl .theme-overlay .theme-header .right:before {
|
|
content: '\f341';
|
|
}
|
|
|
|
.theme-overlay .theme-wrap {
|
|
clear: both;
|
|
position: fixed;
|
|
top: 9%;
|
|
left: 190px;
|
|
right: 30px;
|
|
bottom: 3%;
|
|
background: #fff;
|
|
-webkit-box-shadow: 0 1px 20px 5px rgba(0, 0, 0, 0.1);
|
|
box-shadow: 0 1px 20px 5px rgba(0, 0, 0, 0.1);
|
|
z-index: 20;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.theme-overlay .theme-wrap:after {
|
|
content: ".";
|
|
display: block;
|
|
height: 0;
|
|
clear: both;
|
|
visibility: hidden;
|
|
}
|
|
|
|
body.folded .theme-overlay .theme-wrap {
|
|
left: 70px;
|
|
}
|
|
|
|
.theme-overlay .theme-about {
|
|
position: absolute;
|
|
top: 49px;
|
|
bottom: 57px;
|
|
left: 0;
|
|
right: 0;
|
|
overflow: auto;
|
|
padding: 2% 4%;
|
|
}
|
|
.theme-overlay .theme-about:after {
|
|
content: ".";
|
|
display: block;
|
|
height: 0;
|
|
clear: both;
|
|
visibility: hidden;
|
|
}
|
|
|
|
.theme-overlay .theme-actions {
|
|
position: absolute;
|
|
text-align: center;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
padding: 10px 25px 5px;
|
|
background: #f3f3f3;
|
|
z-index: 30;
|
|
box-sizing: border-box;
|
|
border-top: 1px solid #eee;
|
|
}
|
|
|
|
.ie8 .theme-overlay .theme-actions {
|
|
border: 1px solid #eee;
|
|
}
|
|
|
|
.theme-overlay .theme-actions a {
|
|
margin-right: 5px;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.theme-overlay .theme-actions .delete-theme {
|
|
color: #a00;
|
|
position: absolute;
|
|
right: 10px;
|
|
bottom: 5px;
|
|
text-decoration: none;
|
|
border-color: transparent;
|
|
box-shadow: none;
|
|
background: transparent;
|
|
}
|
|
|
|
.theme-overlay .theme-actions .delete-theme:hover,
|
|
.theme-overlay .theme-actions .delete-theme:focus {
|
|
background: #d54e21;
|
|
color: #fff;
|
|
border-color: #d54e21;
|
|
}
|
|
|
|
.theme-overlay .theme-actions .active-theme,
|
|
.theme-overlay.active .theme-actions .inactive-theme {
|
|
display: none;
|
|
}
|
|
|
|
.theme-overlay .theme-actions .inactive-theme,
|
|
.theme-overlay.active .theme-actions .active-theme {
|
|
display: block;
|
|
}
|
|
|
|
/**
|
|
* Theme Screenshots gallery
|
|
*/
|
|
.theme-overlay .theme-screenshots {
|
|
float: left;
|
|
margin: 0 30px 0 0;
|
|
width: 55%;
|
|
max-width: 880px;
|
|
text-align: center;
|
|
}
|
|
|
|
/* First screenshot, shown big */
|
|
.theme-overlay .screenshot {
|
|
border: 1px solid #fff;
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
overflow: hidden;
|
|
position: relative;
|
|
-webkit-box-shadow: 0 0 0 1px rgba(0,0,0,0.2);
|
|
box-shadow: 0 0 0 1px rgba(0,0,0,0.2);
|
|
}
|
|
|
|
.theme-overlay .screenshot:after {
|
|
content: '';
|
|
display: block;
|
|
padding-top: 75%; /* using a 4/3 aspect ratio */
|
|
}
|
|
|
|
.theme-overlay .screenshot img {
|
|
height: auto;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
width: 100%;
|
|
}
|
|
/* Handles old 300px screenshots */
|
|
.theme-overlay.small-screenshot .theme-screenshots {
|
|
position: absolute;
|
|
width: 302px;
|
|
}
|
|
.theme-overlay.small-screenshot .theme-info {
|
|
margin-left: 350px;
|
|
width: auto;
|
|
}
|
|
|
|
/* Other screenshots, shown small and square */
|
|
.theme-overlay .screenshot.thumb {
|
|
background: #ccc;
|
|
border: 1px solid #eee;
|
|
float: none;
|
|
display: inline-block;
|
|
margin: 10px 5px 0;
|
|
width: 140px;
|
|
height: 80px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.theme-overlay .screenshot.thumb:after {
|
|
content: '';
|
|
display: block;
|
|
padding-top: 100%; /* using a 1/1 aspect ratio */
|
|
}
|
|
|
|
.theme-overlay .screenshot.thumb img {
|
|
cursor: pointer;
|
|
height: auto;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
width: 100%;
|
|
height: auto;
|
|
}
|
|
|
|
.theme-overlay .screenshot.selected {
|
|
background: transparent;
|
|
border: 2px solid #2ea2cc;
|
|
}
|
|
|
|
.theme-overlay .screenshot.selected img {
|
|
opacity: 0.8;
|
|
}
|
|
|
|
/* No screenshot placeholder */
|
|
.theme-browser .theme .theme-screenshot.blank,
|
|
.theme-overlay .screenshot.blank {
|
|
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYGWO8d+/efwYkoKioiMRjYGBC4WHhUK6A8T8QIJt8//59ZC493AAAQssKpBK4F5AAAAAASUVORK5CYII=);
|
|
}
|
|
|
|
/**
|
|
* Theme heading information
|
|
*/
|
|
.theme-overlay .theme-info {
|
|
width: 40%;
|
|
float: left;
|
|
}
|
|
|
|
.theme-overlay .current-label {
|
|
background: #333;
|
|
color: #fff;
|
|
font-size: 11px;
|
|
display: inline-block;
|
|
padding: 2px 8px;
|
|
border-radius: 2px;
|
|
margin: 0 0 -10px;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
}
|
|
|
|
.theme-overlay .theme-name {
|
|
color: #222;
|
|
font-size: 32px;
|
|
font-weight: 100;
|
|
margin: 10px 0 0;
|
|
line-height: 1.3;
|
|
}
|
|
|
|
.theme-overlay .theme-version {
|
|
color: #999;
|
|
font-size: 13px;
|
|
font-weight: 400;
|
|
float: none;
|
|
display: inline-block;
|
|
margin-left: 10px;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
}
|
|
|
|
.theme-overlay .theme-author {
|
|
color: #686868;
|
|
font-size: 16px;
|
|
font-weight: 400;
|
|
margin: 15px 0 25px;
|
|
}
|
|
|
|
.theme-overlay .theme-author a {
|
|
text-decoration: none;
|
|
}
|
|
|
|
.theme-overlay .theme-description {
|
|
color: #555;
|
|
font-size: 15px;
|
|
font-weight: 400;
|
|
line-height: 1.5;
|
|
margin: 30px 0 0 0;
|
|
}
|
|
|
|
.theme-overlay .theme-tags {
|
|
border-top: 3px solid #eee;
|
|
color: #888;
|
|
font-size: 13px;
|
|
font-weight: 400;
|
|
margin: 30px 0 0 0;
|
|
padding-top: 20px;
|
|
}
|
|
|
|
.theme-overlay .theme-tags span {
|
|
color: #444;
|
|
font-weight: bold;
|
|
margin-right: 5px;
|
|
}
|
|
|
|
/* Theme Updates info */
|
|
.theme-overlay .theme-update-message {
|
|
background: #fefaf7;
|
|
border: 1px solid #eee;
|
|
border-left: 4px solid #d54e21;
|
|
border-radius: 3px;
|
|
padding: 5px 20px 10px;
|
|
}
|
|
|
|
.theme-overlay .theme-update {
|
|
color: #222;
|
|
font-size: 18px;
|
|
display: inline-block;
|
|
line-height: 40px;
|
|
margin: 0;
|
|
}
|
|
|
|
.theme-overlay .parent-theme {
|
|
background: #f7fcfe;
|
|
border: 1px solid #eee;
|
|
border-left: 4px solid #2ea2cc;
|
|
font-size: 14px;
|
|
font-weight: normal;
|
|
margin-top: 30px;
|
|
padding: 10px 10px 10px 20px;
|
|
}
|
|
|
|
.theme-overlay .parent-theme strong {
|
|
font-weight: 700;
|
|
}
|
|
|
|
/**
|
|
* Single Theme Mode
|
|
* Displays detailed view inline when a user has no switch capabilities
|
|
*/
|
|
.single-theme .theme-overlay .theme-backdrop,
|
|
.single-theme .theme-overlay .theme-header,
|
|
.single-theme .theme {
|
|
display: none;
|
|
}
|
|
|
|
.single-theme .theme-overlay .theme-wrap {
|
|
clear: both;
|
|
min-height: 330px;
|
|
position: relative;
|
|
left: auto;
|
|
right: auto;
|
|
top: auto;
|
|
bottom: auto;
|
|
}
|
|
|
|
.single-theme .theme-overlay .theme-about {
|
|
padding: 30px 30px 70px;
|
|
position: static;
|
|
}
|
|
|
|
.single-theme .theme-overlay .theme-actions {
|
|
position: absolute;
|
|
}
|
|
|
|
/**
|
|
* Basic Responsive structure...
|
|
*
|
|
* Shuffles theme columns around based on screen width
|
|
*/
|
|
|
|
@media only screen and (min-width: 2000px) {
|
|
#wpwrap .theme-browser .theme {
|
|
width: 17.6%;
|
|
margin: 0 3% 3% 0;
|
|
}
|
|
|
|
#wpwrap .theme-browser .theme:nth-child(3n),
|
|
#wpwrap .theme-browser .theme:nth-child(4n) {
|
|
margin-right: 3%;
|
|
}
|
|
|
|
#wpwrap .theme-browser .theme:nth-child(5n) {
|
|
margin-right: 0;
|
|
}
|
|
}
|
|
|
|
@media only screen and (min-width: 1680px) {
|
|
.theme-overlay .theme-wrap {
|
|
width: 1450px;
|
|
margin: 0 auto;
|
|
}
|
|
}
|
|
|
|
/* Maximum screenshot width reaches 440px */
|
|
@media only screen and (min-width: 1640px) {
|
|
.theme-browser .theme {
|
|
width: 22.7%;
|
|
margin: 0 3% 3% 0;
|
|
}
|
|
.theme-browser .theme .theme-screenshot:after {
|
|
padding-top: 75%; /* using a 4/3 aspect ratio */
|
|
}
|
|
|
|
.theme-browser .theme:nth-child(3n) {
|
|
margin-right: 3%;
|
|
}
|
|
|
|
.theme-browser .theme:nth-child(4n) {
|
|
margin-right: 0;
|
|
}
|
|
}
|
|
/* Maximum screenshot width reaches 440px */
|
|
@media only screen and (max-width: 1120px) {
|
|
.theme-browser .theme {
|
|
width: 47.5%;
|
|
margin-right: 0;
|
|
}
|
|
|
|
.theme-browser .theme:nth-child(even) {
|
|
margin-right: 0;
|
|
}
|
|
|
|
.theme-browser .theme:nth-child(odd) {
|
|
margin-right: 5%;
|
|
}
|
|
}
|
|
|
|
/* Admin menu is folded */
|
|
@media only screen and (max-width: 900px) {
|
|
.theme-overlay .theme-wrap {
|
|
left: 65px;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 780px) {
|
|
body.folded .theme-overlay .theme-wrap,
|
|
.theme-overlay .theme-wrap {
|
|
top: 0; /* The adminmenu isn't fixed on mobile, so this can use the full viewport height */
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
padding: 70px 20px 20px;
|
|
border: none;
|
|
z-index: 500; /* should overlap #wpadminbar, which is 500 on mobile. */
|
|
position: fixed;
|
|
}
|
|
|
|
.theme-browser .theme.active .theme-name span {
|
|
/* Hide the "Active: " label on smaller screens. */
|
|
display: none;
|
|
}
|
|
|
|
.theme-overlay .theme-screenshots {
|
|
width: 40%;
|
|
}
|
|
|
|
.theme-overlay .theme-info {
|
|
width: 50%;
|
|
}
|
|
.single-theme .theme-wrap {
|
|
padding: 10px;
|
|
}
|
|
|
|
.theme-browser .theme .theme-actions {
|
|
padding: 5px 10px 4px 10px;
|
|
}
|
|
|
|
.theme-overlay.small-screenshot .theme-screenshots {
|
|
position: static;
|
|
float: none;
|
|
max-width: 302px;
|
|
}
|
|
|
|
.theme-overlay.small-screenshot .theme-info {
|
|
margin-left: 0;
|
|
width: auto;
|
|
}
|
|
|
|
.theme:not(.active):hover .theme-actions,
|
|
.theme:hover .more-details {
|
|
display: none;
|
|
}
|
|
|
|
.theme-browser.rendered .theme:hover .theme-screenshot img {
|
|
opacity: 1.0;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 480px) {
|
|
.theme-browser .theme {
|
|
width: 100%;
|
|
margin-right: 0;
|
|
}
|
|
|
|
.theme-browser .theme:nth-child(2n),
|
|
.theme-browser .theme:nth-child(3n) {
|
|
margin-right: 0;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 650px) {
|
|
.theme-overlay .theme-update,
|
|
.theme-overlay .theme-description {
|
|
margin-left: 0;
|
|
}
|
|
|
|
.theme-overlay .theme-actions .delete-theme {
|
|
position: relative;
|
|
right: auto;
|
|
bottom: auto;
|
|
}
|
|
|
|
.theme-overlay .theme-actions .inactive-theme {
|
|
display: inline;
|
|
}
|
|
|
|
.theme-overlay .theme-screenshots {
|
|
width: 100%;
|
|
float: none;
|
|
}
|
|
|
|
.theme-overlay .theme-info {
|
|
width: 100%;
|
|
}
|
|
|
|
.theme-overlay .theme-author {
|
|
margin: 5px 0 15px 0;
|
|
}
|
|
|
|
.theme-overlay .current-label {
|
|
margin-top: 10px;
|
|
font-size: 13px;
|
|
}
|
|
|
|
.themes-php .wrap h2 {
|
|
width: 100%;
|
|
}
|
|
|
|
.themes-php .theme-search {
|
|
float: none;
|
|
clear: both;
|
|
left: 0;
|
|
top: 0;
|
|
right: 0;
|
|
margin: 10px 0;
|
|
width: 100%;
|
|
}
|
|
|
|
.theme-browser .theme.add-new-theme span:after {
|
|
font: normal 60px/90px 'dashicons';
|
|
width: 80px;
|
|
height: 80px;
|
|
top: 30%;
|
|
left: 50%;
|
|
text-indent: 0;
|
|
margin-left: -40px;
|
|
}
|
|
|
|
.single-theme .theme-wrap {
|
|
margin: 0 -12px 0 -10px;
|
|
padding: 10px;
|
|
}
|
|
.single-theme .theme-overlay .theme-about {
|
|
padding: 10px;
|
|
overflow: visible;
|
|
}
|
|
.single-theme .current-label {
|
|
display: none;
|
|
}
|
|
.single-theme .theme-overlay .theme-actions {
|
|
position: static;
|
|
}
|
|
}
|
|
|
|
.broken-themes {
|
|
clear: both;
|
|
}
|
|
|
|
.broken-themes table {
|
|
text-align: left;
|
|
width: 50%;
|
|
border-spacing: 3px;
|
|
padding: 3px;
|
|
}
|
|
|
|
|
|
/*------------------------------------------------------------------------------
|
|
16.2 - Install Themes
|
|
------------------------------------------------------------------------------*/
|
|
|
|
.theme-install-php h4 {
|
|
margin: 2.5em 0 8px;
|
|
}
|
|
|
|
.theme-install-php .tablenav {
|
|
height: auto;
|
|
}
|
|
|
|
.theme-install-php .spinner {
|
|
margin-top: 9px;
|
|
}
|
|
|
|
.available-theme {
|
|
display: inline-block;
|
|
margin-right: 10px;
|
|
overflow: hidden;
|
|
padding: 20px 20px 20px 0;
|
|
vertical-align: top;
|
|
width: 300px;
|
|
}
|
|
|
|
.available-theme .screenshot {
|
|
width: 300px;
|
|
height: 225px;
|
|
display: block;
|
|
border: 1px solid #ccc;
|
|
margin-bottom: 10px;
|
|
overflow: hidden;
|
|
background-color: #fff;
|
|
}
|
|
|
|
.available-theme img {
|
|
width: 300px;
|
|
}
|
|
|
|
.available-theme h3 {
|
|
margin: 15px 0 0;
|
|
}
|
|
|
|
.available-theme .theme-author {
|
|
line-height: 18px;
|
|
}
|
|
|
|
.available-theme .action-links {
|
|
margin-top: 10px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.available-theme a.screenshot:focus {
|
|
border-color: #777;
|
|
}
|
|
|
|
.available-theme .action-links li {
|
|
float: left;
|
|
padding-right: 10px;
|
|
margin-right: 10px;
|
|
border-right: 1px solid #dfdfdf;
|
|
}
|
|
|
|
.available-theme .action-links li {
|
|
padding-right: 8px;
|
|
margin-right: 8px;
|
|
}
|
|
|
|
.ie8 .available-theme .action-links li {
|
|
padding-right: 7px;
|
|
margin-right: 7px;
|
|
}
|
|
|
|
.available-theme .action-links li:last-child {
|
|
padding-right: 0;
|
|
margin-right: 0;
|
|
border-right: 0;
|
|
}
|
|
|
|
.available-theme .action-links .delete-theme {
|
|
float: right;
|
|
margin-left: 8px;
|
|
margin-right: 0;
|
|
}
|
|
|
|
.available-theme .action-links .delete-theme a {
|
|
color: red;
|
|
padding: 2px;
|
|
}
|
|
|
|
.available-theme .action-links .delete-theme a:hover {
|
|
background: red;
|
|
color: #fff;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.available-theme .action-links p {
|
|
float: left;
|
|
}
|
|
|
|
/* Allow for three-up in small windows when sidebar is collapsed */
|
|
@media only screen and (max-width: 1200px) {
|
|
.folded .available-theme,
|
|
.folded .available-theme .screenshot {
|
|
width: 300px;
|
|
}
|
|
|
|
.folded .available-theme .screenshot {
|
|
height: 225px;
|
|
}
|
|
}
|
|
|
|
/* Adjust three-up display in smaller windows when sidebar is collapsed */
|
|
@media only screen and (max-width: 1079px) {
|
|
.folded .available-theme,
|
|
.folded .available-theme .screenshot {
|
|
width: 270px;
|
|
}
|
|
|
|
.folded .available-theme .screenshot {
|
|
height: 203px;
|
|
}
|
|
}
|
|
|
|
/* Allow for three-up on 1024px wide screens, e.g. tablets */
|
|
@media only screen and (max-width: 1200px) {
|
|
.available-theme,
|
|
.available-theme .screenshot {
|
|
width: 240px;
|
|
}
|
|
|
|
.available-theme .screenshot {
|
|
height: 180px;
|
|
}
|
|
|
|
.available-theme img {
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
/* @todo: surely this belongs elsewhere */
|
|
#post-body ul.add-menu-item-tabs li.tabs a {
|
|
font-weight: 600;
|
|
text-decoration: none;
|
|
}
|
|
|
|
#TB_window {
|
|
border: 1px solid #333;
|
|
}
|
|
|
|
#TB_window #TB_title {
|
|
background-color: #222;
|
|
color: #cfcfcf;
|
|
}
|
|
|
|
#TB_window #TB_title a.tb-theme-preview-link,
|
|
#TB_window #TB_title a.tb-theme-preview-link:visited {
|
|
color: #999;
|
|
font-weight: 600;
|
|
text-decoration: none;
|
|
}
|
|
|
|
#TB_window #TB_title a.tb-theme-preview-link:hover,
|
|
#TB_window #TB_title a.tb-theme-preview-link:focus {
|
|
color: #ccc;
|
|
}
|
|
|
|
|
|
/*------------------------------------------------------------------------------
|
|
16.3 - Custom Header Screen
|
|
------------------------------------------------------------------------------*/
|
|
|
|
.appearance_page_custom-header #headimg {
|
|
border: 1px solid #DFDFDF;
|
|
overflow: hidden;
|
|
width: 100%;
|
|
}
|
|
|
|
.appearance_page_custom-header #upload-form p label {
|
|
font-size: 12px;
|
|
}
|
|
|
|
.appearance_page_custom-header .available-headers .default-header {
|
|
float: left;
|
|
margin: 0 20px 20px 0;
|
|
}
|
|
|
|
.appearance_page_custom-header .random-header {
|
|
clear: both;
|
|
margin: 0 20px 20px 0;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.appearance_page_custom-header .available-headers label input,
|
|
.appearance_page_custom-header .random-header label input {
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.appearance_page_custom-header .available-headers label img {
|
|
vertical-align: middle;
|
|
}
|
|
|
|
|
|
/*------------------------------------------------------------------------------
|
|
16.4 - Custom Background Screen
|
|
------------------------------------------------------------------------------*/
|
|
|
|
div#custom-background-image {
|
|
min-height: 100px;
|
|
border: 1px solid #dfdfdf;
|
|
}
|
|
|
|
div#custom-background-image img {
|
|
max-width: 400px;
|
|
max-height: 300px;
|
|
}
|
|
|
|
|
|
/*------------------------------------------------------------------------------
|
|
17.0 - Plugins
|
|
------------------------------------------------------------------------------*/
|
|
|
|
/* @todo: what is this doing here */
|
|
#dashboard_right_now .versions .b,
|
|
#post-status-display,
|
|
#post-visibility-display,
|
|
#adminmenu .wp-submenu li.current,
|
|
#adminmenu .wp-submenu li.current a,
|
|
#adminmenu .wp-submenu li.current a:hover,
|
|
.media-item .percent,
|
|
.plugins .name,
|
|
#pass-strength-result.strong,
|
|
#pass-strength-result.short,
|
|
#ed_reply_toolbar #ed_reply_strong,
|
|
.item-controls .item-order a,
|
|
.feature-filter .feature-name {
|
|
font-weight: 600;
|
|
}
|
|
|
|
.plugins,
|
|
.plugins th,
|
|
.plugins td {
|
|
color: #000;
|
|
}
|
|
|
|
.plugins tr {
|
|
background: #fff;
|
|
}
|
|
|
|
.plugins p {
|
|
margin: 0 4px;
|
|
padding: 0;
|
|
}
|
|
|
|
.plugins .desc p {
|
|
margin: 0 0 8px;
|
|
}
|
|
|
|
.plugins td.desc {
|
|
line-height: 1.5em;
|
|
}
|
|
|
|
.plugins .desc ul,
|
|
.plugins .desc ol {
|
|
margin: 0 0 0 2em;
|
|
}
|
|
|
|
.plugins .desc ul {
|
|
list-style-type: disc;
|
|
}
|
|
|
|
.plugins .row-actions {
|
|
font-size: 13px;
|
|
padding: 0;
|
|
}
|
|
|
|
.plugins .inactive td,
|
|
.plugins .inactive th,
|
|
.plugins .active td,
|
|
.plugins .active th {
|
|
padding: 10px 9px;
|
|
}
|
|
|
|
.plugins .active td,
|
|
.plugins .active th {
|
|
background-color: #f7fcfe;
|
|
}
|
|
|
|
.plugins .update th,
|
|
.plugins .update td {
|
|
border-bottom: 0;
|
|
}
|
|
|
|
.plugin-update-tr td {
|
|
border-top: 0;
|
|
}
|
|
|
|
.plugins .inactive td,
|
|
.plugins .inactive th,
|
|
.plugins .active td,
|
|
.plugins .active th,
|
|
.plugin-install #the-list td,
|
|
.upgrade .plugins td,
|
|
.upgrade .plugins th {
|
|
-webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1);
|
|
box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1);
|
|
}
|
|
|
|
.plugins tr.active.plugin-update-tr + tr.inactive th,
|
|
.plugins tr.active.plugin-update-tr + tr.inactive td,
|
|
.plugins tr.active + tr.inactive th,
|
|
.plugins tr.active + tr.inactive td {
|
|
border-top: 1px solid rgba(0,0,0,0.03);
|
|
|
|
-webkit-box-shadow: inset 0px 1px 0 rgba(0,0,0,0.02), inset 0 -1px 0 #e1e1e1;
|
|
box-shadow: inset 0px 1px 0 rgba(0,0,0,0.02), inset 0 -1px 0 #e1e1e1;
|
|
}
|
|
|
|
.plugins .update td,
|
|
.plugins .update th,
|
|
.upgrade .plugins tr:last-of-type td,
|
|
.upgrade .plugins tr:last-of-type th,
|
|
.plugins tr.active + tr.inactive.update th,
|
|
.plugins tr.active + tr.inactive.update td {
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.plugins .active.update td,
|
|
.plugins .active.update th,
|
|
tr.active.update + tr.plugin-update-tr .plugin-update {
|
|
background-color: #fefaf7;
|
|
}
|
|
|
|
.plugins .active th.check-column {
|
|
border-left: 4px solid #2ea2cc;
|
|
}
|
|
|
|
.plugins .active.update th.check-column,
|
|
.plugins .active.update + .plugin-update-tr .plugin-update {
|
|
border-left: 4px solid #d54e21;
|
|
}
|
|
|
|
#wpbody-content .plugins .plugin-title,
|
|
#wpbody-content .plugins .theme-title {
|
|
padding-right: 12px;
|
|
white-space:nowrap;
|
|
}
|
|
|
|
.plugins .inactive .plugin-title strong {
|
|
font-weight: 400;
|
|
}
|
|
|
|
.plugins .second,
|
|
.plugins .row-actions {
|
|
padding: 0 0 5px;
|
|
}
|
|
|
|
.plugins .update .second,
|
|
.plugins .update .row-actions {
|
|
padding-bottom: 0;
|
|
}
|
|
|
|
.plugins-php .widefat tfoot th,
|
|
.plugins-php .widefat tfoot td {
|
|
border-top-style: solid;
|
|
border-top-width: 1px;
|
|
}
|
|
|
|
.plugin-update-tr .update-message {
|
|
font-size: 13px;
|
|
font-weight: normal;
|
|
margin: 6px 12px 12px;
|
|
padding: 6px 12px;
|
|
margin: 0 10px 8px 31px;
|
|
background-color: #f7f7f7;
|
|
background-color: rgba(0,0,0,0.03);
|
|
}
|
|
|
|
.plugin-update-tr .update-message:before {
|
|
color: #d54e21;
|
|
content: '\f463';
|
|
display: inline-block;
|
|
font: normal 20px/1 'dashicons';
|
|
speak: none;
|
|
margin: 0 8px 0 -2px;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.plugins .plugin-update {
|
|
padding: 0;
|
|
border: none;
|
|
-webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1);
|
|
box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1);
|
|
}
|
|
|
|
/* update notices for active plugins */
|
|
tr.active + tr.plugin-update-tr .plugin-update {
|
|
background-color: #f7fcfe;
|
|
}
|
|
|
|
tr.active + tr.plugin-update-tr .plugin-update .update-message {
|
|
background-color: #fcf3ef;
|
|
}
|
|
|
|
.plugin-install-php h4 {
|
|
margin: 2.5em 0 8px;
|
|
}
|
|
|
|
|
|
/*------------------------------------------------------------------------------
|
|
18.0 - Users
|
|
------------------------------------------------------------------------------*/
|
|
|
|
#profile-page .form-table textarea {
|
|
width: 500px;
|
|
margin-bottom: 6px;
|
|
}
|
|
|
|
#profile-page .form-table #rich_editing {
|
|
margin-right: 5px
|
|
}
|
|
|
|
#your-profile legend {
|
|
font-size: 22px;
|
|
}
|
|
|
|
#display_name {
|
|
width: 15em;
|
|
}
|
|
|
|
#createuser .form-field input {
|
|
width: 25em;
|
|
}
|
|
|
|
.scheme-list {
|
|
|
|
}
|
|
|
|
.color-option {
|
|
display: inline-block;
|
|
width: 24%;
|
|
padding: 5px 15px 15px;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
margin-bottom: 3px;
|
|
}
|
|
|
|
.color-option:hover,
|
|
.color-option.selected {
|
|
background: #ddd;
|
|
}
|
|
|
|
.color-palette {
|
|
width: 100%;
|
|
border-spacing: 0;
|
|
border-collapse: collapse;
|
|
}
|
|
.color-palette td {
|
|
height: 20px;
|
|
padding: 0;
|
|
border: none;
|
|
}
|
|
|
|
.color-option {
|
|
cursor: pointer;
|
|
}
|
|
|
|
/*------------------------------------------------------------------------------
|
|
19.0 - Tools
|
|
------------------------------------------------------------------------------*/
|
|
|
|
body.press-this {
|
|
color: #333;
|
|
margin: 0;
|
|
padding: 0;
|
|
min-width: 708px;
|
|
min-height: 400px;
|
|
}
|
|
|
|
.press-this #titlediv #title {
|
|
font-size: 1.4em;
|
|
}
|
|
|
|
.press-this #site-heading:before {
|
|
top: 3px;
|
|
position: relative;
|
|
display: inline-block;
|
|
font: normal 18px/1 'dashicons';
|
|
speak: none;
|
|
color: #727272;
|
|
content: '\f120';
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
|
|
.pressthis {
|
|
margin: 20px 0;
|
|
}
|
|
|
|
.pressthis a,
|
|
.pressthis a:hover,
|
|
.pressthis a:focus,
|
|
.pressthis a:active {
|
|
display: inline-block;
|
|
position: relative;
|
|
cursor: move;
|
|
color: #333;
|
|
background: #e6e6e6;
|
|
-webkit-border-radius: 5px;
|
|
border-radius: 5px;
|
|
border: 1px solid #b4b4b4;
|
|
font-style: normal;
|
|
line-height: 16px;
|
|
font-size: 14px;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.pressthis a:active {
|
|
outline: none;
|
|
}
|
|
|
|
.pressthis a:hover:after {
|
|
-webkit-transform: skew(20deg) rotate(9deg);
|
|
-moz-transform: skew(20deg) rotate(9deg);
|
|
transform: skew(20deg) rotate(9deg);
|
|
-webkit-box-shadow: 0 10px 8px rgba(0, 0, 0, 0.7);
|
|
box-shadow: 0 10px 8px rgba(0, 0, 0, 0.7);
|
|
}
|
|
|
|
.pressthis a span {
|
|
display: inline-block;
|
|
margin: 0px 0 0;
|
|
padding: 0px 12px 8px 9px;
|
|
}
|
|
|
|
.pressthis a span:before {
|
|
color: #777;
|
|
font: normal 20px/1 'dashicons';
|
|
content:'\f157';
|
|
position: relative;
|
|
display: inline-block;
|
|
top: 4px;
|
|
margin-right: 4px;
|
|
}
|
|
|
|
.pressthis a:after {
|
|
content: '';
|
|
width: 70%;
|
|
height: 55%;
|
|
z-index: -1;
|
|
position: absolute;
|
|
right: 10px;
|
|
bottom: 9px;
|
|
background: transparent;
|
|
|
|
-webkit-transform: skew(20deg) rotate(6deg);
|
|
-moz-transform: skew(20deg) rotate(6deg);
|
|
transform: skew(20deg) rotate(6deg);
|
|
-webkit-box-shadow: 0 10px 8px rgba(0, 0, 0, 0.6);
|
|
box-shadow: 0 10px 8px rgba(0, 0, 0, 0.6);
|
|
}
|
|
|
|
/*------------------------------------------------------------------------------
|
|
20.0 - Settings
|
|
------------------------------------------------------------------------------*/
|
|
|
|
#utc-time, #local-time {
|
|
padding-left: 25px;
|
|
font-style: italic;
|
|
}
|
|
|
|
.defaultavatarpicker .avatar {
|
|
margin: 2px 0;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.options-general-php .spinner {
|
|
float: none;
|
|
margin: -3px 3px;
|
|
}
|
|
|
|
/*------------------------------------------------------------------------------
|
|
21.0 - Admin Footer
|
|
------------------------------------------------------------------------------*/
|
|
|
|
#wpfooter {
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
padding: 10px 0;
|
|
margin-right: 20px;
|
|
color: #777;
|
|
}
|
|
|
|
#wpfooter p {
|
|
font-size: 13px;
|
|
margin: 0;
|
|
line-height: 20px;
|
|
}
|
|
|
|
#footer-thankyou {
|
|
font-style: italic;
|
|
}
|
|
|
|
#wpfooter a {
|
|
text-decoration: none;
|
|
}
|
|
|
|
#wpfooter a:hover {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
/*------------------------------------------------------------------------------
|
|
22.0 - About Pages
|
|
------------------------------------------------------------------------------*/
|
|
|
|
.about-wrap {
|
|
position: relative;
|
|
margin: 25px 40px 0 20px;
|
|
max-width: 1050px; /* readability */
|
|
|
|
font-size: 15px;
|
|
}
|
|
|
|
.about-wrap div.updated,
|
|
.about-wrap div.error {
|
|
display: none !important;
|
|
}
|
|
|
|
.about-wrap hr {
|
|
border: 0;
|
|
height: 0;
|
|
margin: 0;
|
|
border-top: 1px solid rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
.about-wrap img {
|
|
margin: 0.5em 0 0.5em 5px;
|
|
max-width: 100%;
|
|
}
|
|
|
|
/* Typography */
|
|
|
|
.about-wrap p {
|
|
line-height: 1.6em;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.about-wrap h1 {
|
|
margin: 0.2em 200px 0 0;
|
|
color: #333;
|
|
line-height: 1.2em;
|
|
font-size: 2.8em;
|
|
font-weight: 400;
|
|
}
|
|
|
|
.about-wrap h4 {
|
|
color: #222;
|
|
}
|
|
|
|
.about-wrap .about-text,
|
|
.about-wrap p.about-description,
|
|
.about-wrap li.wp-person a.web {
|
|
font-weight: normal;
|
|
line-height: 1.6em;
|
|
font-size: 19px;
|
|
}
|
|
|
|
.about-description {
|
|
margin-top: 1.4em;
|
|
}
|
|
|
|
.about-text {
|
|
margin: 1em 200px 1em 0;
|
|
min-height: 60px;
|
|
color: #777;
|
|
font-size: 24px;
|
|
}
|
|
|
|
.about-wrap .changelog h2.about-headline-callout {
|
|
margin: 1.1em 0 0.2em;
|
|
font-size: 2.4em;
|
|
font-weight: 300;
|
|
line-height: 1.3;
|
|
text-align: center;
|
|
}
|
|
|
|
.about-wrap h3 {
|
|
margin: 1em 0 .6em;
|
|
font-size: 1.5em;
|
|
line-height: 1.5em;
|
|
}
|
|
|
|
.about-wrap .feature-section h4 {
|
|
margin: 1.4em 0 0.6em 0;
|
|
font-size: 1.2em;
|
|
}
|
|
|
|
.about-wrap .feature-section p {
|
|
margin-top: 0.6em;
|
|
}
|
|
|
|
.about-wrap code,
|
|
.about-wrap ol li p {
|
|
font-size: 14px;
|
|
}
|
|
|
|
/* 3.8 Images */
|
|
|
|
.about-wrap .about-colors-img {
|
|
bottom: -25px;
|
|
}
|
|
|
|
.about-wrap .about-themes-img {
|
|
bottom: -38px;
|
|
}
|
|
|
|
.about-wrap .about-overview-img {
|
|
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
|
|
margin: 0;
|
|
}
|
|
|
|
.about-colors-img img,
|
|
.about-themes-img img {
|
|
margin: 0 0;
|
|
padding: 0;
|
|
line-height: 1;
|
|
}
|
|
|
|
/* Point Releases */
|
|
|
|
.about-wrap .point-releases {
|
|
margin-top: 5px;
|
|
border-bottom: 1px solid #dfdfdf;
|
|
}
|
|
|
|
.about-wrap .changelog.point-releases h3 {
|
|
padding-top: 35px;
|
|
}
|
|
|
|
.about-wrap .changelog.point-releases h3:first-child {
|
|
padding-top: 7px;
|
|
}
|
|
|
|
/* WordPress Version Badge */
|
|
|
|
.wp-badge {
|
|
background: #0074a2 url('../images/w-logo-white.png?ver=20131202') no-repeat;
|
|
background: #0074a2, url('../images/wordpress-logo-white.svg?ver=20131110') no-repeat; /* multiple backgrounds are ignored by browsers that don't support SVGs */
|
|
background-position: center 24px;
|
|
background-size: 85px 85px;
|
|
color: #78c8e6;
|
|
font-size: 14px;
|
|
text-align: center;
|
|
font-weight: 600;
|
|
margin: 5px 0 0;
|
|
padding-top: 120px;
|
|
height: 40px;
|
|
display: inline-block;
|
|
width: 150px;
|
|
text-rendering: optimizeLegibility;
|
|
|
|
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2);
|
|
box-shadow: 0 1px 3px rgba(0,0,0,0.2);
|
|
}
|
|
|
|
|
|
.about-wrap .wp-badge {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
}
|
|
|
|
/* Tabs */
|
|
|
|
.about-wrap h2.nav-tab-wrapper {
|
|
padding-left: 6px;
|
|
}
|
|
|
|
.about-wrap h2 .nav-tab {
|
|
padding: 4px 15px 6px;
|
|
margin: 0 3px -1px 0;
|
|
font-size: 18px;
|
|
vertical-align: top;
|
|
border-width: 1px;
|
|
}
|
|
|
|
/* Changelog / Update screen */
|
|
|
|
.about-wrap .feature-section {
|
|
padding-bottom: 20px;
|
|
}
|
|
|
|
.about-wrap .feature-section.col {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.about-wrap .feature-section.center-col > div {
|
|
margin: auto;
|
|
width: 60%;
|
|
}
|
|
|
|
.about-wrap .about-colors .one-col > div {
|
|
width: 100%;
|
|
}
|
|
|
|
.about-wrap .feature-section.two-col > div {
|
|
position: relative;
|
|
width: 50%;
|
|
float: left;
|
|
}
|
|
|
|
.about-wrap .feature-section.three-col > div {
|
|
position: relative;
|
|
width: 29.95%;
|
|
margin-right: 4.999999999%;
|
|
float: left;
|
|
}
|
|
|
|
.about-wrap .feature-section.col .last-feature {
|
|
margin-right: 0;
|
|
}
|
|
|
|
.about-wrap .about-updates img,
|
|
.about-wrap .about-twentyfourteen img {
|
|
margin: 2em 0 0 0;
|
|
border: 1px solid #ddd;
|
|
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
|
|
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
|
|
}
|
|
|
|
.about-wrap .about-twentyfourteen img {
|
|
margin-top: 1em;
|
|
}
|
|
|
|
.about-wrap .changelog .feature-section {
|
|
overflow: hidden;
|
|
}
|
|
|
|
.about-wrap .about-colors .scheme-list {
|
|
margin-bottom: 1em;
|
|
}
|
|
|
|
.about-wrap .about-colors .color-option {
|
|
padding-top: 10px;
|
|
}
|
|
.about-wrap .about-colors .color-option label {
|
|
display: inline-block;
|
|
margin: 0.25em 0 0.5em;
|
|
}
|
|
|
|
.about-wrap .feature-section.two-col div p {
|
|
margin-right: 3%;
|
|
}
|
|
|
|
.about-wrap .feature-section div p img {
|
|
float: right;
|
|
margin-left: 10px;
|
|
max-width: 20%;
|
|
}
|
|
|
|
.about-wrap .changelog li {
|
|
list-style-type: disc;
|
|
margin-left: 3em;
|
|
}
|
|
|
|
/* Return to Dashboard Home link */
|
|
|
|
.about-wrap .return-to-dashboard {
|
|
margin: 30px 0 0 -5px;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.about-wrap .return-to-dashboard a {
|
|
text-decoration: none;
|
|
padding: 0 5px;
|
|
}
|
|
|
|
/* Credits */
|
|
|
|
.about-wrap h4.wp-people-group {
|
|
margin-top: 2.6em;
|
|
font-size: 16px;
|
|
}
|
|
|
|
.about-wrap ul.wp-people-group {
|
|
overflow: hidden;
|
|
padding: 0 5px;
|
|
margin: 0 -15px 0 -5px;
|
|
}
|
|
|
|
.about-wrap ul.compact {
|
|
margin-bottom: 0
|
|
}
|
|
|
|
.about-wrap li.wp-person {
|
|
float: left;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.about-wrap li.wp-person img.gravatar {
|
|
float: left;
|
|
margin: 0 10px 10px 0;
|
|
padding: 2px;
|
|
width: 60px;
|
|
height: 60px;
|
|
}
|
|
|
|
.about-wrap ul.compact li.wp-person img.gravatar {
|
|
width: 30px;
|
|
height: 30px;
|
|
}
|
|
|
|
/* @todo: combine this */
|
|
.about-wrap li.wp-person {
|
|
height: 70px;
|
|
width: 280px;
|
|
padding-bottom: 15px;
|
|
}
|
|
|
|
.about-wrap ul.compact li.wp-person {
|
|
height: auto;
|
|
width: 180px;
|
|
padding-bottom: 0;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.about-wrap #wp-people-group-validators + p.wp-credits-list {
|
|
margin-top: 0;
|
|
}
|
|
|
|
.about-wrap li.wp-person a.web {
|
|
display: block;
|
|
margin: 6px 0 2px;
|
|
font-size: 16px;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.about-wrap p.wp-credits-list a {
|
|
white-space: nowrap;
|
|
}
|
|
|
|
/* Freedoms */
|
|
|
|
.freedoms-php .about-wrap ol {
|
|
margin: 40px 60px;
|
|
}
|
|
|
|
.freedoms-php .about-wrap ol li {
|
|
list-style-type: decimal;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.freedoms-php .about-wrap ol p {
|
|
font-weight: normal;
|
|
margin: 0.6em 0;
|
|
}
|
|
|
|
/*------------------------------------------------------------------------------
|
|
23.0 - Full Overlay w/ Sidebar
|
|
------------------------------------------------------------------------------*/
|
|
|
|
body.full-overlay-active {
|
|
overflow: hidden;
|
|
}
|
|
|
|
.wp-full-overlay {
|
|
background: transparent;
|
|
z-index: 500000;
|
|
position: fixed;
|
|
overflow: visible;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
height: 100%;
|
|
min-width: 0;
|
|
}
|
|
|
|
.wp-full-overlay-sidebar {
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
position: fixed;
|
|
width: 300px;
|
|
height: 100%;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
padding: 0;
|
|
margin: 0;
|
|
z-index: 10;
|
|
overflow: auto;
|
|
background: transparent;
|
|
border-right: none;
|
|
}
|
|
|
|
.wp-full-overlay.collapsed .wp-full-overlay-sidebar {
|
|
overflow: visible;
|
|
}
|
|
|
|
.wp-full-overlay.collapsed,
|
|
.wp-full-overlay.expanded .wp-full-overlay-sidebar {
|
|
margin-left: 0 !important;
|
|
}
|
|
|
|
.wp-full-overlay.expanded {
|
|
margin-left: 300px;
|
|
}
|
|
|
|
.wp-full-overlay.collapsed .wp-full-overlay-sidebar {
|
|
margin-left: -300px;
|
|
}
|
|
|
|
.wp-full-overlay-sidebar:after {
|
|
content: '';
|
|
display: block;
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
width: 3px;
|
|
z-index: 1000;
|
|
}
|
|
|
|
.wp-full-overlay-main {
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
top: 0;
|
|
bottom: 0;
|
|
height: 100%;
|
|
}
|
|
|
|
.wp-full-overlay-sidebar .wp-full-overlay-header {
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
height: 45px;
|
|
padding: 0 15px;
|
|
line-height: 45px;
|
|
z-index: 10;
|
|
margin: 0;
|
|
border-top: none;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.wp-full-overlay-sidebar .wp-full-overlay-header a.back {
|
|
margin-top: 9px;
|
|
}
|
|
|
|
.wp-full-overlay-sidebar .wp-full-overlay-footer {
|
|
bottom: 0;
|
|
border-bottom: none;
|
|
border-top: none;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.wp-full-overlay-sidebar .wp-full-overlay-sidebar-content {
|
|
position: absolute;
|
|
top: 45px;
|
|
bottom: 45px;
|
|
left: 0;
|
|
right: 0;
|
|
overflow: auto;
|
|
}
|
|
|
|
/* Close Link */
|
|
.wp-full-overlay .close-full-overlay {
|
|
text-decoration: none;
|
|
}
|
|
|
|
/* Collapse Button */
|
|
.wp-full-overlay a.collapse-sidebar {
|
|
position: absolute;
|
|
bottom: 12px;
|
|
left: 0;
|
|
z-index: 50;
|
|
display: block;
|
|
width: 19px;
|
|
height: 19px;
|
|
margin-left: 15px;
|
|
padding: 0;
|
|
border-radius: 50%;
|
|
color: #777;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.wp-full-overlay a.collapse-sidebar:hover {
|
|
color: #0074a2;
|
|
}
|
|
|
|
.wp-full-overlay.collapsed .collapse-sidebar {
|
|
position: absolute;
|
|
left: 100%;
|
|
}
|
|
|
|
.wp-full-overlay .collapse-sidebar-arrow {
|
|
position: static;
|
|
margin-top: 0;
|
|
margin-left: 0;
|
|
display: block;
|
|
width: auto;
|
|
height: auto;
|
|
background: none;
|
|
}
|
|
|
|
.wp-full-overlay .collapse-sidebar-arrow:before {
|
|
border-radius: 50%;
|
|
float: left;
|
|
content: "\f148";
|
|
background: #eee;
|
|
font: normal 20px/1 'dashicons';
|
|
speak: none;
|
|
display: block;
|
|
padding: 0;
|
|
text-indent: 0;
|
|
text-align: center;
|
|
position: relative;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
text-decoration: none !important;
|
|
}
|
|
|
|
.wp-full-overlay.collapsed .collapse-sidebar-arrow:before,
|
|
.rtl .wp-full-overlay .collapse-sidebar-arrow:before {
|
|
-ms-transform: rotate(180deg);
|
|
-webkit-transform: rotate(180deg);
|
|
transform: rotate(180deg);
|
|
}
|
|
|
|
.rtl .wp-full-overlay.collapsed .collapse-sidebar-arrow:before {
|
|
-ms-transform: none;
|
|
-webkit-transform: none;
|
|
transform: none;
|
|
}
|
|
|
|
.wp-full-overlay.collapsed .collapse-sidebar-arrow {
|
|
background-position: -1px -109px;
|
|
}
|
|
|
|
.wp-full-overlay .collapse-sidebar-label {
|
|
position: absolute;
|
|
left: 100%;
|
|
line-height: 20px;
|
|
margin-left: 10px;
|
|
}
|
|
|
|
.wp-full-overlay.collapsed .collapse-sidebar-label {
|
|
display: none;
|
|
}
|
|
|
|
/* Animations */
|
|
.wp-full-overlay,
|
|
.wp-full-overlay-sidebar,
|
|
.wp-full-overlay .collapse-sidebar,
|
|
.wp-full-overlay-main {
|
|
-webkit-transition-property: left, right, top, bottom, width, margin;
|
|
-moz-transition-property: left, right, top, bottom, width, margin;
|
|
-ms-transition-property: left, right, top, bottom, width, margin;
|
|
-o-transition-property: left, right, top, bottom, width, margin;
|
|
transition-property: left, right, top, bottom, width, margin;
|
|
-webkit-transition-duration: 0.2s;
|
|
-moz-transition-duration: 0.2s;
|
|
-ms-transition-duration: 0.2s;
|
|
-o-transition-duration: 0.2s;
|
|
transition-duration: 0.2s;
|
|
}
|
|
|
|
/*------------------------------------------------------------------------------
|
|
24.0 - Customize Loader
|
|
------------------------------------------------------------------------------*/
|
|
|
|
.no-customize-support .hide-if-no-customize,
|
|
.customize-support .hide-if-customize,
|
|
.no-customize-support.wp-core-ui .hide-if-no-customize,
|
|
.no-customize-support .wp-core-ui .hide-if-no-customize,
|
|
.customize-support.wp-core-ui .hide-if-customize,
|
|
.customize-support .wp-core-ui .hide-if-customize {
|
|
display: none;
|
|
}
|
|
|
|
#customize-container {
|
|
display: none;
|
|
background: #fff;
|
|
z-index: 500000;
|
|
position: fixed;
|
|
overflow: visible;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
height: 100%;
|
|
}
|
|
|
|
.customize-active #customize-container {
|
|
display: block;
|
|
}
|
|
|
|
.customize-loading #customize-container iframe {
|
|
opacity: 0;
|
|
}
|
|
|
|
.customize-loading #customize-container {
|
|
background: #fff url('../images/spinner.gif') no-repeat fixed center center;
|
|
background-size: 20px 20px;
|
|
}
|
|
|
|
#customize-container iframe,
|
|
#theme-installer iframe {
|
|
height: 100%;
|
|
width: 100%;
|
|
z-index: 20;
|
|
|
|
-webkit-transition: opacity 0.3s;
|
|
-moz-transition: opacity 0.3s;
|
|
-ms-transition: opacity 0.3s;
|
|
-o-transition: opacity 0.3s;
|
|
transition: opacity 0.3s;
|
|
}
|
|
|
|
#customize-container .collapse-sidebar {
|
|
bottom: 16px;
|
|
}
|
|
|
|
#customize-controls {
|
|
margin-top: 0;
|
|
}
|
|
|
|
#theme-installer {
|
|
display: none;
|
|
}
|
|
|
|
#theme-installer.single-theme {
|
|
display: block;
|
|
}
|
|
|
|
.install-theme-info {
|
|
display: none;
|
|
padding: 10px 20px 20px;
|
|
}
|
|
|
|
.single-theme .install-theme-info {
|
|
padding-top: 15px;
|
|
}
|
|
|
|
#theme-installer .install-theme-info {
|
|
display: block;
|
|
}
|
|
|
|
.install-theme-info .theme-install {
|
|
float: right;
|
|
margin-top: 18px;
|
|
}
|
|
|
|
.install-theme-info .theme-name {
|
|
font-size: 16px;
|
|
line-height: 24px;
|
|
margin-bottom: 0;
|
|
margin-top: 0;
|
|
}
|
|
|
|
.install-theme-info .theme-screenshot {
|
|
margin-top: 15px;
|
|
width: 258px;
|
|
border: 1px solid #ccc;
|
|
}
|
|
|
|
.install-theme-info .theme-details {
|
|
overflow: hidden;
|
|
}
|
|
|
|
.theme-details .theme-version {
|
|
margin: 15px 0;
|
|
float: left;
|
|
}
|
|
|
|
.theme-details .star-rating {
|
|
margin: 7px 0;
|
|
float: right;
|
|
}
|
|
|
|
.theme-details .theme-description {
|
|
float: left;
|
|
color: #777;
|
|
line-height: 20px;
|
|
}
|
|
|
|
#theme-installer .wp-full-overlay-header {
|
|
margin-top: 9px;
|
|
}
|
|
|
|
#theme-installer .wp-full-overlay-header .theme-install {
|
|
float: right;
|
|
/* For when .theme-install is a span rather than a.button-primary (already installed theme) */
|
|
line-height: 26px;
|
|
}
|
|
|
|
#theme-installer .wp-full-overlay-sidebar {
|
|
background: #EEE;
|
|
border-right: 1px solid #DDD;
|
|
}
|
|
|
|
#theme-installer .wp-full-overlay-main {
|
|
background: #fff url('../images/spinner.gif') no-repeat fixed center center;
|
|
background-size: 20px 20px;
|
|
}
|
|
|
|
|
|
/*------------------------------------------------------------------------------
|
|
25.0 - Tabbed Admin Screen Interface (Experimental)
|
|
------------------------------------------------------------------------------*/
|
|
|
|
.nav-tab {
|
|
border: 1px solid #ccc;
|
|
border-bottom: none;
|
|
background: #e4e4e4;
|
|
color: #555;
|
|
font-size: 12px;
|
|
line-height: 16px;
|
|
display: inline-block;
|
|
padding: 4px 14px 6px;
|
|
text-decoration: none;
|
|
margin: -4px 4px -1px 0;
|
|
}
|
|
|
|
.nav-tab:hover {
|
|
background-color: #fff;
|
|
color: #464646;
|
|
}
|
|
|
|
.nav-tab-active {
|
|
color: #464646;
|
|
}
|
|
|
|
.nav-tab-active,
|
|
.nav-tab-active:hover {
|
|
border-bottom: 1px solid #f1f1f1;
|
|
background: none;
|
|
color: #000;
|
|
}
|
|
|
|
h2.nav-tab-wrapper,
|
|
h3.nav-tab-wrapper {
|
|
border-bottom: 1px solid #ccc;
|
|
padding-bottom: 0;
|
|
padding-left: 10px;
|
|
}
|
|
|
|
h2 .nav-tab {
|
|
padding: 6px 10px;
|
|
font-weight: bold;
|
|
font-size: 15px;
|
|
line-height: 24px;
|
|
}
|
|
|
|
|
|
/*------------------------------------------------------------------------------
|
|
26.0 - Misc
|
|
------------------------------------------------------------------------------*/
|
|
|
|
#excerpt,
|
|
.attachmentlinks {
|
|
margin: 0;
|
|
height: 4em;
|
|
width: 98%;
|
|
}
|
|
|
|
#template div {
|
|
margin-right: 190px;
|
|
}
|
|
|
|
p.pagenav {
|
|
margin: 0;
|
|
display: inline;
|
|
}
|
|
|
|
.pagenav span {
|
|
font-weight: 600;
|
|
margin: 0 6px;
|
|
}
|
|
|
|
.row-title {
|
|
font-size: 14px !important;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.column-comment .comment-author {
|
|
margin-bottom: 0.6em;
|
|
}
|
|
|
|
.column-author img,
|
|
.column-username img,
|
|
.column-comment .comment-author img {
|
|
float: left;
|
|
margin-right: 10px;
|
|
margin-top: 1px;
|
|
}
|
|
|
|
.row-actions {
|
|
color: #ddd;
|
|
font-size: 13px;
|
|
visibility: hidden;
|
|
padding: 2px 0 0;
|
|
}
|
|
|
|
tr:hover .row-actions,
|
|
.mobile .row-actions,
|
|
.row-actions.visible,
|
|
div.comment-item:hover .row-actions {
|
|
visibility: visible;
|
|
}
|
|
|
|
/* deprecated */
|
|
.row-actions-visible {
|
|
padding: 2px 0 0;
|
|
}
|
|
|
|
.form-table .pre {
|
|
padding: 8px;
|
|
margin: 0;
|
|
}
|
|
|
|
table.form-table td .updated {
|
|
font-size: 13px;
|
|
}
|
|
|
|
.tagchecklist {
|
|
margin-left: 14px;
|
|
font-size: 12px;
|
|
overflow: auto;
|
|
}
|
|
.tagchecklist br {
|
|
display: none;
|
|
}
|
|
.tagchecklist strong {
|
|
margin-left: -8px;
|
|
position: absolute;
|
|
}
|
|
.tagchecklist span {
|
|
margin-right: 25px;
|
|
display: block;
|
|
float: left;
|
|
font-size: 13px;
|
|
line-height: 1.8em;
|
|
white-space: nowrap;
|
|
cursor: default;
|
|
}
|
|
|
|
.tagchecklist span a {
|
|
margin: 1px 0 0 -17px;
|
|
cursor: pointer;
|
|
width: 20px;
|
|
height: 20px;
|
|
display: block;
|
|
float: left;
|
|
text-indent: 0;
|
|
overflow: hidden;
|
|
position: absolute;
|
|
}
|
|
|
|
#poststuff h2 {
|
|
margin-top: 20px;
|
|
font-size: 1.5em;
|
|
margin-bottom: 15px;
|
|
padding: 0 0 3px;
|
|
clear: left;
|
|
}
|
|
|
|
#poststuff h3,
|
|
.metabox-holder h3 {
|
|
font-size: 14px;
|
|
padding: 8px 12px;
|
|
margin: 0;
|
|
line-height: 1.4;
|
|
}
|
|
|
|
#poststuff .inside {
|
|
margin: 6px 0 0 0;
|
|
}
|
|
|
|
#poststuff .inside #parent_id,
|
|
#poststuff .inside #page_template {
|
|
max-width: 100%;
|
|
}
|
|
|
|
#poststuff .inside label.spam,
|
|
#poststuff .inside label.deleted {
|
|
color: red;
|
|
}
|
|
|
|
#poststuff .inside label.waiting {
|
|
color: orange;
|
|
}
|
|
|
|
#poststuff .inside label.approved {
|
|
color: green;
|
|
}
|
|
|
|
.inline-edit-row #post_parent,
|
|
.inline-edit-row select[name="page_template"] {
|
|
max-width: 80%;
|
|
}
|
|
|
|
.ie8 #poststuff .inside #parent_id,
|
|
.ie8 #poststuff .inside #page_template,
|
|
.ie8 .inline-edit-row #post_parent,
|
|
.ie8 .inline-edit-row select[name="page_template"] {
|
|
width: 250px;
|
|
}
|
|
|
|
#post-visibility-select {
|
|
line-height: 1.5em;
|
|
margin-top: 3px;
|
|
}
|
|
|
|
#poststuff #submitdiv .inside {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.edit-form-section {
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
#templateside ul li a {
|
|
text-decoration: none;
|
|
}
|
|
|
|
.tool-box .title {
|
|
margin: 8px 0;
|
|
font-size: 18px;
|
|
font-weight: normal;
|
|
line-height: 24px;
|
|
}
|
|
|
|
#sidemenu {
|
|
margin: -30px 15px 0 315px;
|
|
list-style: none;
|
|
position: relative;
|
|
float: right;
|
|
padding-left: 10px;
|
|
font-size: 12px;
|
|
}
|
|
|
|
#sidemenu a {
|
|
padding: 0 7px;
|
|
display: block;
|
|
float: left;
|
|
line-height: 28px;
|
|
border-top: 1px solid #f9f9f9;
|
|
border-bottom: 1px solid #dfdfdf;
|
|
background-color: #f9f9f9;
|
|
-webkit-transition: none;
|
|
-moz-transition: none;
|
|
transition: none;
|
|
}
|
|
|
|
#sidemenu li {
|
|
display: inline;
|
|
line-height: 200%;
|
|
list-style: none;
|
|
text-align: center;
|
|
white-space: nowrap;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
/* @todo: remove border radius */
|
|
#sidemenu a.current {
|
|
font-weight: normal;
|
|
padding-left: 6px;
|
|
padding-right: 6px;
|
|
-webkit-border-top-left-radius: 3px;
|
|
-webkit-border-top-right-radius: 3px;
|
|
border-top-left-radius: 3px;
|
|
border-top-right-radius: 3px;
|
|
border: 1px solid #dfdfdf;
|
|
border-bottom-color: #f1f1f1;
|
|
background-color: #f1f1f1;
|
|
color: #000;
|
|
}
|
|
|
|
#sidemenu li a .count-0 {
|
|
display: none;
|
|
}
|
|
|
|
.plugin-install #description,
|
|
.plugin-install-network #description {
|
|
width: 60%;
|
|
}
|
|
|
|
table .vers,
|
|
table .column-visible,
|
|
table .column-rating {
|
|
text-align: left;
|
|
}
|
|
|
|
.error-message {
|
|
color: red;
|
|
font-weight: 600;
|
|
}
|
|
|
|
/* Scrollbar fix for bulk upgrade iframe */
|
|
body.iframe {
|
|
height: 98%;
|
|
}
|
|
|
|
/* Upgrader styles, Specific to Language Packs */
|
|
.lp-show-latest p {
|
|
display: none;
|
|
}
|
|
.lp-show-latest p:last-child,
|
|
.lp-show-latest .lp-error p {
|
|
display: block;
|
|
}
|
|
|
|
/* - Only used once or twice in all of WP - deprecate for global style
|
|
------------------------------------------------------------------------------*/
|
|
td.media-icon {
|
|
text-align: center;
|
|
width: 80px;
|
|
padding-top: 8px;
|
|
padding-bottom: 8px;
|
|
}
|
|
|
|
td.media-icon img {
|
|
max-width: 80px;
|
|
max-height: 60px;
|
|
}
|
|
|
|
#howto {
|
|
font-size: 11px;
|
|
margin: 0 5px;
|
|
display: block;
|
|
}
|
|
|
|
.importers td {
|
|
padding-right: 14px;
|
|
}
|
|
|
|
.importers {
|
|
font-size: 16px;
|
|
width: auto;
|
|
}
|
|
|
|
#post-body #post-body-content #namediv h3 {
|
|
margin-top: 0;
|
|
}
|
|
|
|
#namediv h3 label {
|
|
vertical-align: baseline;
|
|
}
|
|
|
|
#namediv table {
|
|
width: 100%;
|
|
}
|
|
|
|
#namediv td.first {
|
|
width: 10px;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
#namediv input {
|
|
width: 98%;
|
|
}
|
|
|
|
#namediv p {
|
|
margin: 10px 0;
|
|
}
|
|
|
|
#submitdiv h3 {
|
|
margin-bottom: 0 !important;
|
|
}
|
|
|
|
/* - Used - but could/should be deprecated with a CSS reset
|
|
------------------------------------------------------------------------------*/
|
|
.zerosize {
|
|
height: 0;
|
|
width: 0;
|
|
margin: 0;
|
|
border: 0;
|
|
padding: 0;
|
|
overflow: hidden;
|
|
position: absolute;
|
|
}
|
|
|
|
br.clear {
|
|
height: 2px;
|
|
line-height: 2px;
|
|
}
|
|
|
|
.checkbox {
|
|
border: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
fieldset {
|
|
border: 0;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
.post-categories {
|
|
display: inline;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.post-categories li {
|
|
display: inline;
|
|
}
|
|
|
|
/*------------------------------------------------------------------------------
|
|
27.0 - Localization
|
|
------------------------------------------------------------------------------*/
|
|
|
|
/* RTL except Hebrew (see below): Tahoma as the first font; */
|
|
body.rtl,
|
|
body.rtl .press-this a.wp-switch-editor {
|
|
font-family: Tahoma, Arial, sans-serif;
|
|
}
|
|
|
|
|
|
/* he_IL: Remove Tahoma from the font stack. Arial is best for Hebrew. */
|
|
body.locale-he-il,
|
|
body.locale-he-il .press-this a.wp-switch-editor {
|
|
font-family: Arial, sans-serif;
|
|
}
|
|
|
|
/* he_IL: Have <em> be bold rather than italic. */
|
|
.locale-he-il em {
|
|
font-style: normal;
|
|
font-weight: bold;
|
|
}
|
|
|
|
|
|
/*-----------------------------------------------------------------------------
|
|
MERGED
|
|
-------------------------------------------------------------------------------*/
|
|
|
|
/* dashboard */
|
|
.edit-box {
|
|
display: none;
|
|
}
|
|
|
|
h3:hover .edit-box {
|
|
display: inline;
|
|
}
|
|
|
|
#dashboard-widgets form .input-text-wrap input {
|
|
width: 100%;
|
|
}
|
|
|
|
#dashboard-widgets form .textarea-wrap textarea {
|
|
width: 100%;
|
|
}
|
|
|
|
#dashboard-widgets .postbox form .submit {
|
|
float: none;
|
|
margin: .5em 0 0;
|
|
padding: 0;
|
|
border: none;
|
|
}
|
|
|
|
#dashboard-widgets-wrap #dashboard-widgets .postbox form .submit #publish {
|
|
min-width: 0;
|
|
}
|
|
|
|
#dashboard-widgets a {
|
|
text-decoration: none;
|
|
}
|
|
|
|
#dashboard-widgets h3 a {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
#dashboard-widgets h3 .postbox-title-action {
|
|
position: absolute;
|
|
right: 10px;
|
|
padding: 0;
|
|
top: 5px;
|
|
}
|
|
|
|
.js #dashboard-widgets h3 .postbox-title-action {
|
|
right: 33px;
|
|
}
|
|
|
|
#dashboard-widgets h4 {
|
|
color: #222;
|
|
font-weight: normal;
|
|
font-size: 14px;
|
|
margin: 0 0 .2em;
|
|
padding: 0;
|
|
}
|
|
|
|
#dashboard_plugins h5 {
|
|
font-size: 14px;
|
|
}
|
|
|
|
/* Recent Comments */
|
|
|
|
#latest-comments #the-comment-list {
|
|
position: relative;
|
|
}
|
|
|
|
#activity-widget #the-comment-list .comment {
|
|
-webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.06);
|
|
box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.06);
|
|
}
|
|
|
|
#activity-widget .comments #the-comment-list .alt {
|
|
background-color: transparent;
|
|
}
|
|
|
|
#activity-widget #latest-comments #the-comment-list .comment-item {
|
|
padding: 1em 12px;
|
|
}
|
|
|
|
#latest-comments #the-comment-list .pingback {
|
|
padding-left: 12px !important;
|
|
}
|
|
|
|
#latest-comments #the-comment-list .comment-item:first-child {
|
|
border-top: none;
|
|
}
|
|
|
|
#latest-comments #the-comment-list .comment-item h4 {
|
|
line-height: 1.5em;
|
|
margin-top: 0;
|
|
color: #666;
|
|
}
|
|
|
|
#latest-comments #the-comment-list .comment-item h4 cite {
|
|
font-style: normal;
|
|
font-weight: normal;
|
|
}
|
|
|
|
#latest-comments #the-comment-list .comment-item blockquote,
|
|
#latest-comments #the-comment-list .comment-item blockquote p {
|
|
margin: 0;
|
|
padding: 0;
|
|
display: inline;
|
|
}
|
|
|
|
#latest-comments #the-comment-list .comment-item p.row-actions {
|
|
margin: 3px 0 0;
|
|
padding: 0;
|
|
font-size: 13px;
|
|
}
|
|
|
|
/* QuickDraft */
|
|
|
|
#title-wrap label {
|
|
cursor: text;
|
|
}
|
|
|
|
#title-wrap #title {
|
|
padding: 2px 6px;
|
|
font-size: 1.3em;
|
|
line-height: 100%;
|
|
outline: none;
|
|
}
|
|
|
|
#title-wrap #title-prompt-text {
|
|
font-size: 1.1em;
|
|
padding: 5px 8px;
|
|
}
|
|
|
|
/* Feeds */
|
|
.rss-widget ul {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none;
|
|
}
|
|
|
|
a.rsswidget {
|
|
font-size: 14px;
|
|
font-weight: 600;
|
|
line-height: 1.7em;
|
|
}
|
|
|
|
.rss-widget ul li {
|
|
line-height: 1.5em;
|
|
margin-bottom: 12px;
|
|
}
|
|
|
|
.rss-widget span.rss-date {
|
|
color: #999;
|
|
font-size: 13px;
|
|
margin-left: 3px;
|
|
}
|
|
|
|
.rss-widget cite {
|
|
display: block;
|
|
text-align: right;
|
|
margin: 0 0 1em;
|
|
padding: 0;
|
|
}
|
|
|
|
.rss-widget cite:before {
|
|
content: '\2014';
|
|
}
|
|
|
|
.dashboard-comment-wrap {
|
|
overflow: hidden;
|
|
word-wrap: break-word;
|
|
}
|
|
|
|
/* Browser Nag */
|
|
#dashboard_browser_nag a.update-browser-link {
|
|
font-size: 1.2em;
|
|
font-weight: 600;
|
|
}
|
|
|
|
#dashboard_browser_nag a {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
#dashboard_browser_nag p.browser-update-nag.has-browser-icon {
|
|
padding-right: 125px;
|
|
}
|
|
|
|
#dashboard_browser_nag .browser-icon {
|
|
margin-top: -35px;
|
|
}
|
|
|
|
#dashboard_browser_nag.postbox.browser-insecure {
|
|
background-color: #ac1b1b;
|
|
border-color: #ac1b1b;
|
|
}
|
|
|
|
#dashboard_browser_nag.postbox {
|
|
background-color: #e29808;
|
|
background-image: none;
|
|
border-color: #edc048;
|
|
color: #fff;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
#dashboard_browser_nag.postbox.browser-insecure h3 {
|
|
border-bottom-color: #cd5a5a;
|
|
color: #fff;
|
|
}
|
|
|
|
#dashboard_browser_nag.postbox h3 {
|
|
border-bottom-color: #f6e2ac;
|
|
background: transparent none;
|
|
color: #fff;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
#dashboard_browser_nag a {
|
|
color: #fff;
|
|
}
|
|
|
|
/* Make the browser nags easier to read with Open Sans */
|
|
|
|
#dashboard_browser_nag h3.hndle {
|
|
border: none;
|
|
font-weight: 600;
|
|
font-size: 20px;
|
|
padding-top: 10px;
|
|
}
|
|
|
|
.postbox#dashboard_browser_nag p a.dismiss {
|
|
font-size: 14px;
|
|
}
|
|
|
|
.postbox#dashboard_browser_nag p,
|
|
.postbox#dashboard_browser_nag a,
|
|
.postbox#dashboard_browser_nag p.browser-update-nag {
|
|
font-size: 16px;
|
|
}
|
|
|
|
|
|
/* login */
|
|
|
|
#loginform p.submit,
|
|
.login-action-lostpassword p.submit {
|
|
border: none;
|
|
margin: -10px 0 20px; /* May want to revisit this */
|
|
}
|
|
|
|
.login * {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.login form {
|
|
margin-top: 20px;
|
|
margin-left: 0;
|
|
padding: 26px 24px 46px;
|
|
font-weight: normal;
|
|
overflow: hidden;
|
|
background: #fff;
|
|
|
|
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.13);
|
|
box-shadow: 0 1px 3px rgba(0,0,0,0.13);
|
|
}
|
|
|
|
.login form .forgetmenot {
|
|
font-weight: normal;
|
|
float: left;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.login .button-primary {
|
|
float: right;
|
|
}
|
|
|
|
#login form p {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
#login form p.submit {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.login label {
|
|
color: #777;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.login form .forgetmenot label {
|
|
font-size: 12px;
|
|
line-height: 19px;
|
|
}
|
|
|
|
.login h1 {
|
|
text-align: center;
|
|
}
|
|
|
|
.login h1 a {
|
|
background-image: url('../images/w-logo-blue.png?ver=20131202');
|
|
background-image: none, url('../images/wordpress-logo.svg?ver=20131107');
|
|
background-size: 80px 80px;
|
|
background-position: center top;
|
|
background-repeat: no-repeat;
|
|
color: #999;
|
|
height: 80px;
|
|
font-size: 20px;
|
|
font-weight: normal;
|
|
line-height: 1.3em;
|
|
margin: 0 auto 25px;
|
|
padding: 0;
|
|
text-decoration: none;
|
|
width: 80px;
|
|
text-indent: -9999px;
|
|
outline: none;
|
|
overflow: hidden;
|
|
display: block;
|
|
}
|
|
|
|
#login {
|
|
width: 320px;
|
|
padding: 8% 0 0;
|
|
margin: auto;
|
|
}
|
|
|
|
#login_error,
|
|
.login .message {
|
|
margin-left: 0;
|
|
padding: 12px;
|
|
}
|
|
|
|
.login #nav,
|
|
.login #backtoblog {
|
|
font-size: 13px;
|
|
padding: 0 24px 0;
|
|
}
|
|
|
|
.login #nav {
|
|
margin: 24px 0 0 0;
|
|
}
|
|
|
|
#backtoblog {
|
|
margin: 16px 0 0 0;
|
|
}
|
|
|
|
.login #nav a,
|
|
.login #backtoblog a {
|
|
text-decoration: none;
|
|
color: #999;
|
|
}
|
|
|
|
.login #nav a:hover,
|
|
.login #backtoblog a:hover,
|
|
.login h1 a:hover {
|
|
color: #2ea2cc;
|
|
}
|
|
|
|
.login form .input,
|
|
.login input[type="text"] {
|
|
font-size: 24px;
|
|
line-height: 1;
|
|
width: 100%;
|
|
padding: 3px;
|
|
margin: 2px 6px 16px 0;
|
|
}
|
|
|
|
.login form .input,
|
|
.login input[type="text"],
|
|
.login form input[type="checkbox"] {
|
|
background: #fbfbfb;
|
|
}
|
|
|
|
.login #pass-strength-result {
|
|
width: 250px;
|
|
font-weight: 600;
|
|
margin: 12px 0 6px;
|
|
padding: 6px 5px;
|
|
text-align: center;
|
|
}
|
|
|
|
.mobile #login {
|
|
padding: 20px 0;
|
|
}
|
|
|
|
.mobile #login form,
|
|
.mobile #login .message,
|
|
.mobile #login_error {
|
|
margin-left: 0;
|
|
}
|
|
|
|
.mobile #login #nav,
|
|
.mobile #login #backtoblog {
|
|
margin-left: 8px;
|
|
}
|
|
|
|
.mobile #login h1 a {
|
|
width: auto;
|
|
}
|
|
|
|
body.interim-login {
|
|
height: auto;
|
|
}
|
|
|
|
.interim-login #login {
|
|
padding: 0;
|
|
margin: 5px auto 20px;
|
|
}
|
|
|
|
.interim-login.login h1 a {
|
|
width: auto;
|
|
}
|
|
|
|
.interim-login #login_error,
|
|
.interim-login.login .message {
|
|
margin: 0 0 16px;
|
|
}
|
|
|
|
.interim-login.login form {
|
|
margin: 0;
|
|
}
|
|
|
|
/* ms */
|
|
/* Background Color for Site Status */
|
|
.wp-list-table .site-deleted {
|
|
background: #ff8573;
|
|
}
|
|
.wp-list-table .site-spammed {
|
|
background: #faafaa;
|
|
}
|
|
.wp-list-table .site-archived {
|
|
background: #ffebe8;
|
|
}
|
|
.wp-list-table .site-mature {
|
|
background: #fecac2;
|
|
}
|
|
|
|
/* nav-menu */
|
|
|
|
.no-js #message {
|
|
display: block;
|
|
}
|
|
|
|
.accordion-section ul.category-tabs,
|
|
.accordion-section ul.add-menu-item-tabs,
|
|
.accordion-section ul.wp-tab-bar {
|
|
margin: 0;
|
|
}
|
|
|
|
.accordion-section .categorychecklist {
|
|
margin: 13px 0;
|
|
}
|
|
|
|
#nav-menu-meta .accordion-section-content {
|
|
padding: 18px 13px;
|
|
}
|
|
|
|
#nav-menu-meta .button-controls {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
#nav-menus-frame {
|
|
margin-left: 300px;
|
|
margin-top: 23px;
|
|
}
|
|
|
|
#nav-menus-frame .accordion-section-content .inside {
|
|
font-size: 14px;
|
|
}
|
|
|
|
#wpbody-content #menu-settings-column {
|
|
display:inline;
|
|
width:281px;
|
|
margin-left: -300px;
|
|
clear: both;
|
|
float: left;
|
|
padding-top: 0;
|
|
}
|
|
|
|
#menu-settings-column .inside {
|
|
clear: both;
|
|
margin: 10px 0 0;
|
|
}
|
|
|
|
.metabox-holder-disabled .postbox,
|
|
.metabox-holder-disabled .accordion-section-content,
|
|
.metabox-holder-disabled .accordion-section-title {
|
|
opacity: 0.5;
|
|
filter: alpha(opacity=50);
|
|
}
|
|
|
|
.metabox-holder-disabled .button-controls .select-all {
|
|
display: none;
|
|
}
|
|
|
|
#wpbody {
|
|
position: relative;
|
|
}
|
|
|
|
.blank-slate .menu-name {
|
|
height: 2em;
|
|
}
|
|
|
|
.blank-slate .menu-settings {
|
|
border: none;
|
|
margin-top: 0;
|
|
padding-top: 0;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.is-submenu {
|
|
color: #999;
|
|
font-style: italic;
|
|
font-weight: normal;
|
|
margin-left: 4px;
|
|
}
|
|
|
|
.manage-menus {
|
|
margin-top: 23px;
|
|
padding: 10px;
|
|
overflow: hidden;
|
|
background: #fbfbfb;
|
|
}
|
|
|
|
.manage-menus select {
|
|
float: left;
|
|
margin-right: 6px;
|
|
}
|
|
|
|
.manage-menus .selected-menu {
|
|
float: left;
|
|
margin: 5px 6px 0 0;
|
|
}
|
|
|
|
.manage-menus .submit-btn {
|
|
float: left;
|
|
margin-top: 1px;
|
|
}
|
|
|
|
.menu-edit p {
|
|
margin: .3em 0 .6em;
|
|
}
|
|
|
|
.menu-edit #post-body-content h3 {
|
|
margin: 1em 0 10px;
|
|
}
|
|
|
|
.menu-settings {
|
|
border-top: 1px solid #eee;
|
|
margin-top: 2em;
|
|
}
|
|
|
|
.menu-settings dl {
|
|
margin: 0 0 10px;
|
|
overflow: hidden;
|
|
padding-left: 18%;
|
|
}
|
|
|
|
.menu-settings dd {
|
|
float: left;
|
|
margin: 0;
|
|
width: 100%;
|
|
}
|
|
|
|
.menu-settings dt {
|
|
float: left;
|
|
clear: both;
|
|
width: 21.951%;
|
|
padding: 3px 0 0;
|
|
margin-left: -21.951%;
|
|
}
|
|
|
|
.menu-settings label {
|
|
vertical-align: baseline;
|
|
}
|
|
|
|
.menu-edit .checkbox-input {
|
|
margin-top: 4px;
|
|
}
|
|
|
|
.theme-location-set {
|
|
color: #999;
|
|
font-size: 11px;
|
|
}
|
|
|
|
/* Menu Container */
|
|
#menu-management-liquid {
|
|
float: left;
|
|
min-width: 100%;
|
|
margin-top: 3px;
|
|
}
|
|
|
|
#menu-management {
|
|
position: relative;
|
|
margin-right: 20px;
|
|
margin-top: -3px;
|
|
width: 100%;
|
|
background: #f5f5f5;
|
|
}
|
|
|
|
#menu-management .menu-edit {
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.nav-menus-php #post-body {
|
|
padding: 0 10px 10px;
|
|
border-top: 1px solid #fff;
|
|
border-bottom: 1px solid #dfdfdf;
|
|
background: #fff;
|
|
}
|
|
|
|
#nav-menu-header,
|
|
#nav-menu-footer {
|
|
padding: 0 10px;
|
|
}
|
|
|
|
#nav-menu-header {
|
|
border-bottom: 1px solid #dfdfdf;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
#nav-menu-header .menu-name-label {
|
|
margin-top: 4px;
|
|
}
|
|
|
|
.nav-menus-php #post-body div.updated,
|
|
.nav-menus-php #post-body div.error {
|
|
margin: 0;
|
|
}
|
|
|
|
.nav-menus-php #post-body-content {
|
|
position: relative;
|
|
float: none;
|
|
}
|
|
|
|
#menu-management .menu-add-new abbr {
|
|
font-weight:600;
|
|
}
|
|
|
|
#select-nav-menu-container {
|
|
text-align: right;
|
|
padding: 0 10px 3px 10px;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
#select-nav-menu {
|
|
width: 100px;
|
|
display: inline;
|
|
}
|
|
|
|
#menu-name-label {
|
|
margin-top: -2px;
|
|
}
|
|
|
|
.widefat td.menu-location-menus {
|
|
padding-bottom: 5px;
|
|
}
|
|
|
|
.menu-location-menus select {
|
|
float: left;
|
|
}
|
|
|
|
#locations-nav-menu-wrapper {
|
|
padding: 5px 0;
|
|
}
|
|
|
|
.locations-nav-menu-select select {
|
|
float: left;
|
|
width: 160px;
|
|
margin-right: 5px;
|
|
}
|
|
|
|
.locations-row-links {
|
|
float: left;
|
|
margin: 6px 0 0 6px;
|
|
}
|
|
|
|
.locations-edit-menu-link,
|
|
.locations-add-menu-link {
|
|
margin: 0 3px;
|
|
}
|
|
|
|
.locations-edit-menu-link {
|
|
padding-right: 3px;
|
|
border-right: 1px solid #ccc;
|
|
}
|
|
|
|
#wpbody .open-label {
|
|
display: block;
|
|
float:left;
|
|
}
|
|
|
|
#wpbody .open-label span {
|
|
padding-right: 10px;
|
|
}
|
|
|
|
.js .input-with-default-title {
|
|
color: #aaa;
|
|
font-style: italic;
|
|
}
|
|
|
|
#menu-management .inside {
|
|
padding: 0 10px;
|
|
}
|
|
|
|
/* Add Menu Item Boxes */
|
|
.postbox .howto input,
|
|
.accordion-container .howto input {
|
|
width: 180px;
|
|
float: right;
|
|
}
|
|
|
|
.accordion-container .outer-border {
|
|
margin: 0;
|
|
}
|
|
|
|
.customlinkdiv .howto input {
|
|
width: 180px;
|
|
}
|
|
|
|
.customlinkdiv p {
|
|
margin-top: 0
|
|
}
|
|
|
|
#nav-menu-theme-locations .howto select {
|
|
width: 100%;
|
|
}
|
|
|
|
#nav-menu-theme-locations .button-controls {
|
|
text-align: right;
|
|
}
|
|
|
|
.add-menu-item-view-all {
|
|
height: 400px;
|
|
}
|
|
|
|
/* Button Primary Actions */
|
|
#menu-container .submit {
|
|
margin: 0 0 10px;
|
|
padding: 0;
|
|
}
|
|
|
|
.nav-menus-php .add-new-menu-action {
|
|
float: left;
|
|
margin: 6px 0 0 6px;
|
|
line-height: 15px;
|
|
}
|
|
|
|
.nav-menus-php .meta-sep,
|
|
.nav-menus-php .submitdelete,
|
|
.nav-menus-php .submitcancel {
|
|
display: block;
|
|
float: left;
|
|
margin: 6px 0;
|
|
line-height: 15px;
|
|
}
|
|
|
|
.meta-sep {
|
|
padding: 0 2px;
|
|
}
|
|
|
|
/* @todo: is this actually used? */
|
|
#cancel-save {
|
|
text-decoration: underline;
|
|
font-size: 12px;
|
|
margin-left: 20px;
|
|
margin-top: 5px;
|
|
}
|
|
|
|
.button.right, .button-secondary.right, .button-primary.right {
|
|
float: right;
|
|
}
|
|
|
|
/* Button Secondary Actions */
|
|
.list-controls {
|
|
float: left;
|
|
margin-top: 5px;
|
|
}
|
|
|
|
.add-to-menu {
|
|
float: right;
|
|
}
|
|
|
|
.postbox .spinner {
|
|
display: none;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.button-controls {
|
|
clear:both;
|
|
margin: 10px 0;
|
|
}
|
|
|
|
.show-all,
|
|
.hide-all {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.hide-all {
|
|
display: none;
|
|
}
|
|
|
|
/* Create Menu */
|
|
#menu-name {
|
|
width: 270px;
|
|
}
|
|
|
|
#manage-menu .inside {
|
|
padding: 0px 0px;
|
|
}
|
|
|
|
/* Custom Links */
|
|
#available-links dt {
|
|
display: block;
|
|
}
|
|
|
|
#add-custom-link .howto {
|
|
font-size: 12px;
|
|
}
|
|
|
|
#add-custom-link label span {
|
|
display: block;
|
|
float: left;
|
|
margin-top: 5px;
|
|
padding-right: 5px;
|
|
}
|
|
|
|
.menu-item-textbox {
|
|
width: 180px;
|
|
}
|
|
|
|
.nav-menus-php .howto span {
|
|
margin-top: 6px;
|
|
display: block;
|
|
float: left;
|
|
}
|
|
|
|
/* Menu item types */
|
|
.quick-search {
|
|
width: 190px;
|
|
}
|
|
|
|
.nav-menus-php .list-wrap {
|
|
display: none;
|
|
clear: both;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.nav-menus-php .postbox p.submit {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
/* Listings */
|
|
.nav-menus-php .list li {
|
|
display: none;
|
|
margin: 0;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.nav-menus-php .list li .menu-item-title {
|
|
cursor: pointer;
|
|
display: block;
|
|
}
|
|
|
|
.nav-menus-php .list li .menu-item-title input {
|
|
margin-right: 3px;
|
|
margin-top: -3px;
|
|
}
|
|
|
|
.menu-item-title input[type=checkbox] {
|
|
display: inline-block;
|
|
margin-top: -4px;
|
|
}
|
|
|
|
/* Nav Menu */
|
|
#menu-container .inside {
|
|
padding-bottom: 10px;
|
|
}
|
|
|
|
.menu {
|
|
padding-top:1em;
|
|
}
|
|
|
|
#menu-to-edit {
|
|
margin: 0;
|
|
padding: 0.1em 0;
|
|
}
|
|
|
|
.menu ul {
|
|
width: 100%;
|
|
}
|
|
|
|
.menu li {
|
|
margin-bottom: 0;
|
|
position:relative;
|
|
}
|
|
|
|
.menu-item-bar {
|
|
clear:both;
|
|
line-height:1.5em;
|
|
position:relative;
|
|
margin: 9px 0 0;
|
|
}
|
|
|
|
.menu-item-bar .menu-item-handle {
|
|
border: 1px solid #dfdfdf;
|
|
position: relative;
|
|
padding: 10px 15px;
|
|
height: auto;
|
|
width: 382px;
|
|
line-height: 30px;
|
|
overflow: hidden;
|
|
word-wrap: break-word;
|
|
}
|
|
|
|
.menu-item-bar .menu-item-handle:hover {
|
|
border-color: #999;
|
|
}
|
|
|
|
#menu-to-edit .menu-item-invalid .menu-item-handle {
|
|
background: #f6c9cc;
|
|
border-color: #f1acb1;
|
|
}
|
|
|
|
.no-js .menu-item-edit-active .item-edit {
|
|
display: none;
|
|
}
|
|
|
|
.js .menu-item-handle {
|
|
cursor: move;
|
|
}
|
|
|
|
.menu li.deleting .menu-item-handle {
|
|
background-image: none;
|
|
background-color: #f66;
|
|
}
|
|
|
|
.menu-item-handle .item-title {
|
|
font-size: 13px;
|
|
font-weight: 600;
|
|
line-height: 20px;
|
|
display: block;
|
|
margin-right: 13em;
|
|
}
|
|
|
|
/* Sortables */
|
|
li.menu-item.ui-sortable-helper dl {
|
|
margin-top: 0;
|
|
}
|
|
|
|
li.menu-item.ui-sortable-helper .menu-item-transport dl {
|
|
margin-top: 13px;
|
|
}
|
|
|
|
.menu .sortable-placeholder {
|
|
height: 35px;
|
|
width: 410px;
|
|
margin-top: 13px;
|
|
}
|
|
|
|
/* WARNING: The factor of 30px is hardcoded into the nav-menus javascript. */
|
|
.menu-item-depth-0 { margin-left: 0px; }
|
|
.menu-item-depth-1 { margin-left: 30px; }
|
|
.menu-item-depth-2 { margin-left: 60px; }
|
|
.menu-item-depth-3 { margin-left: 90px; }
|
|
.menu-item-depth-4 { margin-left: 120px; }
|
|
.menu-item-depth-5 { margin-left: 150px; }
|
|
.menu-item-depth-6 { margin-left: 180px; }
|
|
.menu-item-depth-7 { margin-left: 210px; }
|
|
.menu-item-depth-8 { margin-left: 240px; }
|
|
.menu-item-depth-9 { margin-left: 270px; }
|
|
.menu-item-depth-10 { margin-left: 300px; }
|
|
.menu-item-depth-11 { margin-left: 330px; }
|
|
|
|
.menu-item-depth-0 .menu-item-transport { margin-left: 0px; }
|
|
.menu-item-depth-1 .menu-item-transport { margin-left: -30px; }
|
|
.menu-item-depth-2 .menu-item-transport { margin-left: -60px; }
|
|
.menu-item-depth-3 .menu-item-transport { margin-left: -90px; }
|
|
.menu-item-depth-4 .menu-item-transport { margin-left: -120px; }
|
|
.menu-item-depth-5 .menu-item-transport { margin-left: -150px; }
|
|
.menu-item-depth-6 .menu-item-transport { margin-left: -180px; }
|
|
.menu-item-depth-7 .menu-item-transport { margin-left: -210px; }
|
|
.menu-item-depth-8 .menu-item-transport { margin-left: -240px; }
|
|
.menu-item-depth-9 .menu-item-transport { margin-left: -270px; }
|
|
.menu-item-depth-10 .menu-item-transport { margin-left: -300px; }
|
|
.menu-item-depth-11 .menu-item-transport { margin-left: -330px; }
|
|
|
|
body.menu-max-depth-0 { min-width: 950px !important; }
|
|
body.menu-max-depth-1 { min-width: 980px !important; }
|
|
body.menu-max-depth-2 { min-width: 1010px !important; }
|
|
body.menu-max-depth-3 { min-width: 1040px !important; }
|
|
body.menu-max-depth-4 { min-width: 1070px !important; }
|
|
body.menu-max-depth-5 { min-width: 1100px !important; }
|
|
body.menu-max-depth-6 { min-width: 1130px !important; }
|
|
body.menu-max-depth-7 { min-width: 1160px !important; }
|
|
body.menu-max-depth-8 { min-width: 1190px !important; }
|
|
body.menu-max-depth-9 { min-width: 1220px !important; }
|
|
body.menu-max-depth-10 { min-width: 1250px !important; }
|
|
body.menu-max-depth-11 { min-width: 1280px !important; }
|
|
|
|
/* Menu item controls */
|
|
.item-type {
|
|
color: #777;
|
|
font-size: 12px;
|
|
padding: 12px 10px;
|
|
line-height: 18px;
|
|
display: block;
|
|
}
|
|
|
|
.item-controls {
|
|
font-size: 12px;
|
|
position: absolute;
|
|
right: 20px;
|
|
top: -1px;
|
|
}
|
|
|
|
.item-controls a {
|
|
text-decoration: none;
|
|
}
|
|
|
|
.item-controls a:hover {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.item-controls .item-order {
|
|
padding-right: 10px;
|
|
}
|
|
|
|
.nav-menus-php .item-edit {
|
|
position: absolute;
|
|
right: -20px;
|
|
top: 0;
|
|
display: block;
|
|
width: 30px;
|
|
height: 40px;
|
|
margin-right: 0 !important;
|
|
text-indent: 100%;
|
|
outline: none;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
/* Menu editing */
|
|
.menu-instructions-inactive {
|
|
display: none;
|
|
}
|
|
|
|
.menu-item-settings {
|
|
display: block;
|
|
width: 402px;
|
|
padding: 10px 0 10px 10px;
|
|
position: relative;
|
|
z-index: 10; /* Keep .item-title's shadow from appearing on top of .menu-item-settings */
|
|
border: 1px solid #e5e5e5;
|
|
border-top: none;
|
|
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04);
|
|
box-shadow: 0 1px 1px rgba(0,0,0,0.04);
|
|
}
|
|
|
|
.menu-item-settings .field-move a {
|
|
display: none;
|
|
margin: 0 2px;
|
|
}
|
|
|
|
.menu-item-edit-active .menu-item-settings {
|
|
display: block;
|
|
}
|
|
|
|
.menu-item-edit-inactive .menu-item-settings {
|
|
display: none;
|
|
}
|
|
|
|
.add-menu-item-pagelinks {
|
|
margin: .5em auto;
|
|
text-align: center;
|
|
}
|
|
|
|
.link-to-original {
|
|
display: block;
|
|
margin: 0 0 10px;
|
|
padding: 3px 5px 5px;
|
|
border: 1px solid #dfdfdf;
|
|
color: #777;
|
|
font-size: 12px;
|
|
font-style: italic;
|
|
}
|
|
|
|
.link-to-original a {
|
|
padding-left: 4px;
|
|
font-style: normal;
|
|
}
|
|
|
|
.hidden-field {
|
|
display: none;
|
|
}
|
|
|
|
.menu-item-settings .description-thin,
|
|
.menu-item-settings .description-wide {
|
|
margin-right: 10px;
|
|
float: left;
|
|
}
|
|
|
|
.description-thin {
|
|
width: 190px;
|
|
height: 40px;
|
|
}
|
|
|
|
.description-wide {
|
|
width: 390px;
|
|
}
|
|
|
|
.menu-item-actions {
|
|
padding-top: 15px;
|
|
}
|
|
|
|
#cancel-save {
|
|
cursor: pointer;
|
|
}
|
|
|
|
/* Major/minor publishing actions (classes) */
|
|
.nav-menus-php .major-publishing-actions {
|
|
clear: both;
|
|
padding: 3px 0 6px;
|
|
}
|
|
|
|
.nav-menus-php .major-publishing-actions .publishing-action {
|
|
text-align: right;
|
|
float: right;
|
|
line-height: 23px;
|
|
margin: 4px 0 1px;
|
|
}
|
|
|
|
.nav-menus-php .blank-slate .menu-settings {
|
|
display: none;
|
|
}
|
|
|
|
.nav-menus-php .delete-action {
|
|
float: left;
|
|
margin-top: 2px;
|
|
}
|
|
|
|
.nav-menus-php .submitbox .submitcancel {
|
|
border-bottom: 1px solid #0074a2;
|
|
padding: 1px 2px;
|
|
color: #0074a2;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.nav-menus-php .submitbox .submitcancel:hover {
|
|
background: #0074a2;
|
|
color: #fff;
|
|
}
|
|
|
|
.nav-menus-php .major-publishing-actions .form-invalid {
|
|
padding-left: 4px;
|
|
margin-left: -4px;
|
|
}
|
|
|
|
/* Clearfix */
|
|
#menu-item-name-wrap:after,
|
|
#menu-item-url-wrap:after,
|
|
#menu-name-label:after,
|
|
#menu-settings-column .inside:after,
|
|
#nav-menus-frame:after,
|
|
.nav-menus-php #post-body-content:after,
|
|
.nav-menus-php .button-controls:after,
|
|
.nav-menus-php .major-publishing-actions:after,
|
|
.nav-menus-php .menu-item-settings:after {
|
|
clear: both;
|
|
content: ".";
|
|
display: block;
|
|
height: 0;
|
|
visibility: hidden;
|
|
}
|
|
|
|
#nav-menus-frame,
|
|
.button-controls,
|
|
#menu-item-url-wrap,
|
|
#menu-item-name-wrap {
|
|
display: block;
|
|
}
|
|
|
|
/* Star Ratings - Back-compat for pre-3.8 */
|
|
div.star-holder {
|
|
position: relative;
|
|
height: 17px;
|
|
width: 100px;
|
|
background: url('../images/stars.png?ver=20121108') repeat-x bottom left;
|
|
}
|
|
|
|
div.star-holder .star-rating {
|
|
background: url('../images/stars.png?ver=20121108') repeat-x top left;
|
|
height: 17px;
|
|
float: left;
|
|
}
|
|
|
|
/* Star Ratings */
|
|
.star-rating {
|
|
white-space: nowrap;
|
|
}
|
|
.star-rating .star {
|
|
display: inline-block;
|
|
width: 20px;
|
|
height: 20px;
|
|
-webkit-font-smoothing: antialiased;
|
|
font-size: 20px;
|
|
line-height: 1;
|
|
font-family: 'dashicons';
|
|
text-decoration: inherit;
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
vertical-align: top;
|
|
-moz-transition: color .1s ease-in 0;
|
|
-webkit-transition: color .1s ease-in 0;
|
|
text-align: center;
|
|
color: #0074a2;
|
|
}
|
|
|
|
.star-rating .star-full:before {
|
|
content:'\f155';
|
|
}
|
|
|
|
.star-rating .star-half:before {
|
|
content:'\f459';
|
|
}
|
|
|
|
.rtl .star-rating .star-half {
|
|
-webkit-transform: rotateY(180deg);
|
|
-ms-transform: rotateY(180deg);
|
|
transform: rotateY(180deg);
|
|
}
|
|
|
|
.star-rating .star-empty:before {
|
|
content:'\f154';
|
|
}
|
|
|
|
div.action-links {
|
|
font-weight: normal;
|
|
margin: 6px 0 0;
|
|
}
|
|
|
|
/* Header on thickbox */
|
|
#plugin-information-header {
|
|
margin: 0;
|
|
padding: 0 5px;
|
|
font-weight: 600;
|
|
position: relative;
|
|
border-bottom: 1px solid #dfdfdf;
|
|
height: 2.5em;
|
|
background-color: #f9f9f9;
|
|
}
|
|
#plugin-information ul#sidemenu {
|
|
font-weight: normal;
|
|
margin: 0 5px;
|
|
position: absolute;
|
|
left: 0;
|
|
bottom: -1px;
|
|
}
|
|
|
|
/* Install sidemenu */
|
|
#plugin-information {
|
|
height: auto;
|
|
}
|
|
|
|
#plugin-information p.action-button {
|
|
width: 100%;
|
|
padding-bottom: 0;
|
|
margin-bottom: 0;
|
|
margin-top: 10px;
|
|
-webkit-border-top-left-radius: 3px;
|
|
-webkit-border-bottom-left-radius: 3px;
|
|
border-top-left-radius: 3px;
|
|
border-bottom-left-radius: 3px;
|
|
}
|
|
|
|
#plugin-information .action-button a {
|
|
background-color: #2ea2cc;
|
|
color: #fff;
|
|
text-align: center;
|
|
font-weight: 600;
|
|
text-decoration: none;
|
|
display: block;
|
|
line-height: 2em;
|
|
}
|
|
|
|
#plugin-information h2 {
|
|
clear: none !important;
|
|
margin-right: 200px;
|
|
}
|
|
|
|
#plugin-information .fyi {
|
|
margin: 0 10px 50px;
|
|
width: 210px;
|
|
}
|
|
|
|
#plugin-information .fyi h2 {
|
|
font-size: 0.9em;
|
|
margin-bottom: 0;
|
|
margin-right: 0;
|
|
}
|
|
|
|
#plugin-information .fyi h2.mainheader {
|
|
padding: 5px;
|
|
-webkit-border-top-left-radius: 3px;
|
|
border-top-left-radius: 3px;
|
|
background-color: #cee1ef;
|
|
}
|
|
|
|
#plugin-information .fyi ul {
|
|
padding: 10px 5px 10px 7px;
|
|
margin: 0;
|
|
list-style: none;
|
|
-webkit-border-bottom-left-radius: 3px;
|
|
border-bottom-left-radius: 3px;
|
|
background-color: #eaf3fa;
|
|
}
|
|
|
|
#plugin-information .fyi li {
|
|
margin-right: 0;
|
|
}
|
|
|
|
#plugin-information #section-holder {
|
|
padding: 10px;
|
|
}
|
|
|
|
#plugin-information .section ul,
|
|
#plugin-information .section ol {
|
|
margin-left: 16px;
|
|
list-style-type: square;
|
|
list-style-image: none;
|
|
}
|
|
|
|
#plugin-information #section-screenshots ol {
|
|
list-style: none;
|
|
margin: 0;
|
|
}
|
|
|
|
#plugin-information #section-screenshots li img {
|
|
vertical-align: text-top;
|
|
max-width: 100%;
|
|
width: auto;
|
|
height: auto;
|
|
}
|
|
|
|
#plugin-information #section-screenshots li p {
|
|
font-style: italic;
|
|
padding-left: 20px;
|
|
padding-bottom: 2em;
|
|
}
|
|
|
|
#plugin-information #section-screenshots ol,
|
|
#plugin-information .updated,
|
|
#plugin-information pre {
|
|
margin-right: 215px;
|
|
}
|
|
|
|
#plugin-information pre {
|
|
padding: 7px;
|
|
overflow: auto;
|
|
border: 1px solid #ccc;
|
|
}
|
|
|
|
#plugin-information pre,
|
|
#plugin-information code {
|
|
background-color: #ededff;
|
|
}
|
|
|
|
.plugin-version-author-uri {
|
|
font-size: 13px;
|
|
}
|
|
|
|
img {
|
|
border: none;
|
|
}
|
|
|
|
/* Header */
|
|
/* @todo: are these also specific to Press This? */
|
|
#wphead {
|
|
border-bottom: 1px solid #dfdfdf;
|
|
}
|
|
|
|
#wphead h1 a {
|
|
color: #464646;
|
|
}
|
|
|
|
.press-this #wphead {
|
|
height: 32px;
|
|
margin-left: 0;
|
|
margin-right: 0;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.press-this #header-logo {
|
|
float: left;
|
|
margin: 7px 7px 0;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
user-select: none;
|
|
}
|
|
|
|
.press-this #wphead h1 {
|
|
font-weight: normal;
|
|
font-size: 16px;
|
|
line-height: 32px;
|
|
margin: 0;
|
|
float: left;
|
|
}
|
|
|
|
.press-this #wphead h1 a {
|
|
text-decoration: none;
|
|
}
|
|
|
|
.press-this #wphead h1 a:hover {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.press-this #message {
|
|
margin: 10px 0;
|
|
}
|
|
|
|
.press-this .posting {
|
|
margin-right: 252px;
|
|
}
|
|
|
|
.press-this-sidebar {
|
|
float: right;
|
|
width: 240px;
|
|
padding-top: 10px;
|
|
}
|
|
|
|
.press-this #title {
|
|
margin-left: 0;
|
|
margin-right: 0;
|
|
-moz-box-sizing: border-box;
|
|
-webkit-box-sizing: border-box;
|
|
-ms-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.press-this .tagchecklist {
|
|
margin-top: 8px;
|
|
}
|
|
|
|
.press-this #titlediv {
|
|
margin: 0;
|
|
}
|
|
|
|
.press-this .wp-media-buttons {
|
|
cursor: default;
|
|
padding: 8px 8px 6px;
|
|
}
|
|
|
|
.press-this .howto {
|
|
margin-top: 2px;
|
|
margin-bottom: 3px;
|
|
font-size: 12px;
|
|
font-style: italic;
|
|
display: block;
|
|
}
|
|
|
|
.press-this #wp-content-editor-container {
|
|
clear: none;
|
|
}
|
|
|
|
.press-this #poststuff .inside {
|
|
margin-top: 18px;
|
|
}
|
|
|
|
.press-this .category-tabs {
|
|
margin-bottom: 3px;
|
|
}
|
|
|
|
/* Editor/Main Column */
|
|
.press-this #poststuff {
|
|
margin: 0 10px 10px;
|
|
padding: 0;
|
|
}
|
|
|
|
.press-this #photo-add-url-div input[type="text"] {
|
|
width: 220px;
|
|
}
|
|
|
|
#poststuff #editor-toolbar {
|
|
height: 30px;
|
|
}
|
|
|
|
div.zerosize {
|
|
border: 0 none;
|
|
height: 0;
|
|
margin: 0;
|
|
overflow: hidden;
|
|
padding: 0;
|
|
width: 0;
|
|
}
|
|
|
|
.posting {
|
|
margin-right: 212px;
|
|
position: relative;
|
|
}
|
|
|
|
.press-this .inner-sidebar {
|
|
width: 200px;
|
|
}
|
|
|
|
.press-this .inner-sidebar .sleeve {
|
|
padding-top: 5px;
|
|
}
|
|
|
|
.press-this #submitdiv p {
|
|
margin: 0;
|
|
padding: 6px;
|
|
}
|
|
|
|
.press-this #submitdiv #publishing-actions {
|
|
border-bottom: 1px solid #dfdfdf;
|
|
}
|
|
|
|
.press-this #publish {
|
|
float: right;
|
|
}
|
|
|
|
.press-this #poststuff h2,
|
|
.press-this #poststuff h3 {
|
|
font-size: 14px;
|
|
line-height: 1;
|
|
}
|
|
|
|
.press-this #tagsdiv-post_tag h3,
|
|
.press-this #categorydiv h3 {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.press-this #submitdiv h3 {
|
|
cursor: default;
|
|
}
|
|
|
|
h3.tb {
|
|
font-weight: 600;
|
|
font-size: 12px;
|
|
margin-left: 5px;
|
|
}
|
|
|
|
.press-this .postbox,
|
|
.press-this .stuffbox {
|
|
margin-bottom: 10px;
|
|
min-width: 0;
|
|
}
|
|
|
|
.js .meta-box-sortables .postbox:hover .handlediv {
|
|
margin-right: 0 !important;
|
|
}
|
|
|
|
/* Metabox collapse arrow indicators */
|
|
.js .sidebar-name .sidebar-name-arrow:before,
|
|
.js .meta-box-sortables .postbox .handlediv:before {
|
|
right: 12px;
|
|
font: normal 20px/1 'dashicons';
|
|
speak: none;
|
|
display: inline-block;
|
|
padding: 8px 10px;
|
|
top: 0;
|
|
position: relative;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
text-decoration: none !important;
|
|
}
|
|
|
|
.js #widgets-left .sidebar-name .sidebar-name-arrow {
|
|
display: none;
|
|
}
|
|
|
|
.js #widgets-left .widgets-holder-wrap.closed .sidebar-name .sidebar-name-arrow,
|
|
.js #widgets-left .sidebar-name:hover .sidebar-name-arrow {
|
|
display: block;
|
|
}
|
|
|
|
/* Show the arrow only on hover */
|
|
.js .sidebar-name .sidebar-name-arrow:before,
|
|
.js .meta-box-sortables .postbox .handlediv:before {
|
|
content: '\f142';
|
|
}
|
|
|
|
.js .widgets-holder-wrap.closed .sidebar-name-arrow:before,
|
|
.js .meta-box-sortables .postbox.closed .handlediv:before {
|
|
content: '\f140';
|
|
}
|
|
|
|
.press-this #submitdiv:hover .handlediv {
|
|
background: none;
|
|
}
|
|
|
|
.tbtitle {
|
|
font-size: 1.7em;
|
|
outline: none;
|
|
padding: 3px 4px;
|
|
border: 1px solid #dfdfdf;
|
|
}
|
|
|
|
.press-this .actions {
|
|
float: right;
|
|
margin: -19px 0 0;
|
|
}
|
|
|
|
.press-this #extra-fields .actions {
|
|
margin: -32px -7px 0 0;
|
|
}
|
|
|
|
.press-this .actions li {
|
|
float: left;
|
|
list-style: none;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
#extra-fields .button {
|
|
margin-right: 5px;
|
|
}
|
|
|
|
/* Photo Styles */
|
|
#photo_saving {
|
|
margin: 0 8px 8px;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
#img_container_container {
|
|
overflow: auto;
|
|
}
|
|
|
|
#extra-fields {
|
|
margin-top: 10px;
|
|
position: relative;
|
|
}
|
|
|
|
#extra-fields h2 {
|
|
margin: 12px;
|
|
}
|
|
|
|
#waiting {
|
|
margin-top: 10px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
#waiting span {
|
|
float: right;
|
|
margin: 0 0 0 5px;
|
|
}
|
|
|
|
#waiting .spinner {
|
|
display: block;
|
|
}
|
|
|
|
#extra-fields .postbox {
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
#extra-fields .titlewrap {
|
|
padding: 0;
|
|
overflow: auto;
|
|
height: 120px;
|
|
}
|
|
|
|
#img_container a {
|
|
display: block;
|
|
float: left;
|
|
overflow: hidden;
|
|
}
|
|
|
|
#img_container img,
|
|
#img_container a {
|
|
width: 68px;
|
|
height: 68px;
|
|
}
|
|
|
|
#img_container img {
|
|
border: none;
|
|
background-color: #f4f4f4;
|
|
cursor: pointer;
|
|
}
|
|
|
|
#img_container a,
|
|
#img_container a:link,
|
|
#img_container a:visited {
|
|
border: 1px solid #ccc;
|
|
display: block;
|
|
position: relative;
|
|
}
|
|
|
|
#img_container a:hover,
|
|
#img_container a:active {
|
|
border-color: #000;
|
|
z-index: 1000;
|
|
border-width: 1px;
|
|
}
|
|
|
|
/* Video */
|
|
#embed-code {
|
|
width: 100%;
|
|
height: 98px;
|
|
}
|
|
|
|
/* Categories */
|
|
.press-this .categorydiv div.tabs-panel {
|
|
height: 100px;
|
|
}
|
|
|
|
/* Tags */
|
|
.press-this .tagsdiv .newtag {
|
|
width: 120px;
|
|
}
|
|
|
|
.press-this #content {
|
|
margin: 5px 0;
|
|
padding: 0 5px;
|
|
border: 0 none;
|
|
height: 345px;
|
|
font-family: Consolas, Monaco, monospace;
|
|
font-size: 13px;
|
|
line-height: 19px;
|
|
background: transparent;
|
|
}
|
|
|
|
/* Submit */
|
|
.press-this #publishing-actions .spinner {
|
|
display: inline;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
#TB_ajaxContent #options {
|
|
position: absolute;
|
|
top: 20px;
|
|
right: 25px;
|
|
padding: 5px;
|
|
}
|
|
|
|
#TB_ajaxContent h3 {
|
|
margin-bottom: .25em;
|
|
}
|
|
|
|
.error a {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.updated a {
|
|
text-decoration: none;
|
|
padding-bottom: 2px;
|
|
}
|
|
|
|
/* tag hints */
|
|
.taghint {
|
|
color: #aaa;
|
|
margin: -17px 0 0 7px;
|
|
visibility: hidden;
|
|
}
|
|
|
|
input.newtag ~ div.taghint {
|
|
visibility: visible;
|
|
}
|
|
|
|
input.newtag:focus ~ div.taghint {
|
|
visibility: hidden;
|
|
}
|
|
|
|
/* TinyMCE */
|
|
#mce_fullscreen_container {
|
|
background: #fff;
|
|
}
|
|
|
|
#photo-add-url-div input[type="text"] {
|
|
width: 300px;
|
|
}
|
|
|
|
/* Theme/Plugin Editor */
|
|
.alignleft h3 {
|
|
margin: 0;
|
|
}
|
|
|
|
#template textarea {
|
|
font-family: Consolas, Monaco, monospace;
|
|
font-size: 13px;
|
|
width: 97%;
|
|
background: #f9f9f9;
|
|
outline: none;
|
|
}
|
|
|
|
/* @noflip */
|
|
#template textarea,
|
|
#docs-list {
|
|
direction: ltr;
|
|
}
|
|
|
|
#template p {
|
|
width: 97%;
|
|
}
|
|
|
|
#templateside {
|
|
float: right;
|
|
width: 190px;
|
|
word-wrap: break-word;
|
|
}
|
|
|
|
#templateside h3,
|
|
#postcustomstuff p.submit {
|
|
margin: 0;
|
|
}
|
|
|
|
#templateside h4 {
|
|
margin: 1em 0 0;
|
|
}
|
|
|
|
#templateside ol,
|
|
#templateside ul {
|
|
margin: .5em 0;
|
|
padding: 0;
|
|
}
|
|
|
|
#templateside li {
|
|
margin: 4px 0;
|
|
}
|
|
|
|
#templateside a,
|
|
.theme-editor-php .highlight {
|
|
display: block;
|
|
padding: 3px 3px 3px 12px;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.theme-editor-php .highlight {
|
|
margin: -3px 3px -3px -12px;
|
|
}
|
|
|
|
#templateside .highlight {
|
|
border: none;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.nonessential {
|
|
color: #666;
|
|
font-size: 11px;
|
|
font-style: italic;
|
|
padding-left: 12px;
|
|
}
|
|
|
|
#documentation {
|
|
margin-top: 10px;
|
|
}
|
|
|
|
#documentation label {
|
|
line-height: 22px;
|
|
vertical-align: baseline;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.fileedit-sub {
|
|
padding: 10px 0 8px;
|
|
line-height: 180%;
|
|
}
|
|
|
|
.feature-filter {
|
|
padding: 8px 12px 0;
|
|
}
|
|
|
|
.feature-filter .feature-group {
|
|
float: left;
|
|
margin: 5px 10px 10px;
|
|
}
|
|
|
|
.feature-filter .feature-group li {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
list-style-type: none;
|
|
padding-right: 25px;
|
|
width: 150px;
|
|
}
|
|
|
|
/* General Widgets Styles */
|
|
|
|
.widget {
|
|
margin: 0 auto 10px;
|
|
position: relative;
|
|
box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
-webkit-box-sizing: border-box;
|
|
}
|
|
|
|
.widget-top {
|
|
font-size: 13px;
|
|
font-weight: 600;
|
|
background: #f7f7f7;
|
|
}
|
|
|
|
.widget-top a.widget-action,
|
|
.widget-top a.widget-action:hover {
|
|
text-decoration: none;
|
|
}
|
|
|
|
.widget-title h4 {
|
|
margin: 0;
|
|
padding: 15px;
|
|
line-height: 1;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
user-select: none;
|
|
}
|
|
|
|
.widgets-holder-wrap .widget-inside {
|
|
border-top: none;
|
|
padding: 1px 15px 15px 15px;
|
|
line-height: 16px;
|
|
}
|
|
|
|
.in-widget-title,
|
|
#widgets-right a.widget-control-edit,
|
|
#available-widgets .widget-description {
|
|
color: #666;
|
|
}
|
|
|
|
.deleting .widget-title,
|
|
.deleting .widget-top a.widget-action:after {
|
|
color: #aaa;
|
|
}
|
|
|
|
/* Widget Dragging Helpers */
|
|
.widget.ui-draggable-dragging {
|
|
min-width: 100%;
|
|
}
|
|
|
|
.widget.ui-sortable-helper {
|
|
opacity: 0.8;
|
|
}
|
|
|
|
.widget-placeholder {
|
|
border: 1px dashed #bbb;
|
|
margin: 0 auto 10px;
|
|
height: 45px;
|
|
width: 100%;
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
#widgets-right .widget-placeholder {
|
|
margin-top: 0;
|
|
}
|
|
|
|
#widgets-right .closed .widget-placeholder {
|
|
height: 0;
|
|
border: 0;
|
|
margin-top: -10px;
|
|
}
|
|
|
|
/* Widget Sidebars */
|
|
.sidebar-name {
|
|
position: relative;
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.sidebar-name-arrow {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
}
|
|
|
|
.js .sidebar-name {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.sidebar-name h3 {
|
|
margin: 0;
|
|
padding: 8px 10px;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.widgets-holder-wrap .description {
|
|
padding: 0 0 15px;
|
|
margin: 0;
|
|
font-style: normal;
|
|
color: #777;
|
|
}
|
|
|
|
#widgets-right .widgets-holder-wrap .description {
|
|
padding-left: 7px;
|
|
padding-right: 7px;
|
|
}
|
|
|
|
/* Widgets 2-col Layout */
|
|
div.widget-liquid-left {
|
|
margin: 0;
|
|
width: 38%;
|
|
float: left;
|
|
}
|
|
|
|
div.widget-liquid-right {
|
|
float: right;
|
|
width: 58%;
|
|
}
|
|
|
|
/* Widgets Left - Available Widgets */
|
|
|
|
div#widgets-left {
|
|
padding-top: 12px;
|
|
}
|
|
|
|
div#widgets-left .closed .sidebar-name,
|
|
div#widgets-left .inactive-sidebar.closed .sidebar-name {
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
div#widgets-left .sidebar-name h3 {
|
|
padding: 10px 0;
|
|
margin: 0 10px 0 0;
|
|
}
|
|
|
|
div#widgets-left .sidebar-name .sidebar-name-arrow:before {
|
|
right: 0;
|
|
top: 4px;
|
|
padding: 4px 6px 4px 4px;
|
|
}
|
|
|
|
#widgets-left #available-widgets,
|
|
div#widgets-left .widget-holder {
|
|
background: transparent;
|
|
border: none;
|
|
}
|
|
|
|
#widgets-left .widgets-holder-wrap {
|
|
border: none;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
#available-widgets .widget-action {
|
|
display: none;
|
|
}
|
|
|
|
#available-widgets .widget {
|
|
margin: 0;
|
|
}
|
|
|
|
#available-widgets .widget:nth-child(odd) {
|
|
clear: both;
|
|
}
|
|
|
|
#available-widgets .widget .widget-description {
|
|
display: block;
|
|
padding: 10px 15px;
|
|
font-size: 12px;
|
|
}
|
|
|
|
#available-widgets #widget-list {
|
|
position: relative;
|
|
}
|
|
|
|
/* Inactive Sidebars */
|
|
#widgets-left .inactive-sidebar {
|
|
clear: both;
|
|
width: 100%;
|
|
background: transparent;
|
|
padding: 0;
|
|
margin: 0 0 20px 0;
|
|
border: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
#widgets-left .inactive-sidebar.first {
|
|
margin-top: 40px;
|
|
}
|
|
|
|
/* Not sure what this is for... */
|
|
div#widgets-left .inactive-sidebar .widget.expanded {
|
|
left: auto;
|
|
}
|
|
|
|
.widget-title-action {
|
|
float: right;
|
|
position: relative;
|
|
}
|
|
|
|
div#widgets-left .inactive-sidebar .widgets-sortables {
|
|
min-height: 42px;
|
|
padding: 0;
|
|
background: transparent;
|
|
margin: 0;
|
|
position: relative;
|
|
}
|
|
|
|
/* Widgets Right */
|
|
|
|
div#widgets-right:after {
|
|
content: ".";
|
|
display: block;
|
|
height: 0;
|
|
clear: both;
|
|
visibility: hidden;
|
|
}
|
|
|
|
div#widgets-right .sidebars-column-1,
|
|
div#widgets-right .sidebars-column-2 {
|
|
max-width: 450px;
|
|
}
|
|
|
|
div#widgets-right .widgets-holder-wrap {
|
|
margin: 10px 0 0 0;
|
|
}
|
|
|
|
div#widgets-right .sidebar-description {
|
|
min-height: 20px;
|
|
margin-top: -5px;
|
|
}
|
|
|
|
div#widgets-right .sidebar-name h3 {
|
|
padding: 15px 7px;
|
|
}
|
|
|
|
div#widgets-right .sidebar-name .sidebar-name-arrow:before {
|
|
right: 0;
|
|
top: 4px;
|
|
}
|
|
|
|
div#widgets-right .widget-top {
|
|
padding: 0;
|
|
}
|
|
|
|
div#widgets-right .widgets-sortables {
|
|
padding: 0 8px;
|
|
margin-bottom: 9px;
|
|
position: relative;
|
|
min-height: 123px;
|
|
}
|
|
|
|
div#widgets-right .closed .widgets-sortables {
|
|
min-height: 0;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.sidebar-name .spinner {
|
|
margin: -5px 5px;
|
|
float: none;
|
|
}
|
|
|
|
/* Dragging a widget over a closed sidebar */
|
|
#widgets-right .widgets-holder-wrap.widget-hover {
|
|
border-color: #777;
|
|
box-shadow: 0 1px 2px rgba(0,0,0,0.3);
|
|
}
|
|
|
|
/* Accessibility Mode */
|
|
.widgets_access #widgets-left .widget .widget-top {
|
|
cursor: auto;
|
|
}
|
|
|
|
.widgets_access #wpwrap .widgets-holder-wrap.closed .sidebar-description,
|
|
.widgets_access #wpwrap .widgets-holder-wrap.closed .widget,
|
|
.widgets_access #wpwrap .widget-control-edit {
|
|
display: block;
|
|
}
|
|
|
|
.widgets_access #widgets-left .widget .widget-top:hover,
|
|
.widgets_access #widgets-right .widget .widget-top:hover {
|
|
border-color: #ddd;
|
|
}
|
|
|
|
#available-widgets .widget-control-edit .edit,
|
|
#widgets-left .inactive-sidebar .widget-control-edit .add,
|
|
#widgets-right .widget-control-edit .add {
|
|
display: none;
|
|
}
|
|
|
|
.widget-control-edit {
|
|
display: block;
|
|
color: #666;
|
|
background: #EEE;
|
|
padding: 0 15px;
|
|
line-height: 43px;
|
|
border-left: 1px solid #DDD;
|
|
}
|
|
|
|
#widgets-left .widget-control-edit:hover,
|
|
#widgets-right .widget-control-edit:hover {
|
|
color: #fff;
|
|
background: #444;
|
|
border-left: 0;
|
|
outline: 1px solid #444;
|
|
}
|
|
|
|
.widgets-holder-wrap .sidebar-name,
|
|
.widgets-holder-wrap .sidebar-description {
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
user-select: none;
|
|
}
|
|
|
|
.editwidget {
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.editwidget .widget-inside {
|
|
display: block;
|
|
padding: 0 15px;
|
|
}
|
|
|
|
.editwidget .widget-control-actions {
|
|
margin-top: 20px;
|
|
}
|
|
|
|
.js .widgets-holder-wrap.closed .widget,
|
|
.js .widgets-holder-wrap.closed .sidebar-description,
|
|
.js .closed br.clear {
|
|
display: none;
|
|
}
|
|
|
|
.nav-menus-php .item-edit:before,
|
|
.widget-top a.widget-action:after,
|
|
.control-section .accordion-section-title:after,
|
|
.accordion-section-title:after {
|
|
right: 0;
|
|
content: '\f140';
|
|
border: none;
|
|
background: none;
|
|
font: normal 20px/1 'dashicons';
|
|
speak: none;
|
|
display: block;
|
|
padding: 0;
|
|
text-indent: 0;
|
|
text-align: center;
|
|
position: relative;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
text-decoration: none !important;
|
|
}
|
|
|
|
.widget-action,
|
|
.handlediv,
|
|
.item-edit,
|
|
.sidebar-name-arrow,
|
|
.accordion-section-title:after {
|
|
color: #aaa;
|
|
}
|
|
|
|
.widget-action:hover,
|
|
.handlediv:hover,
|
|
.item-edit:hover,
|
|
.sidebar-name:hover .sidebar-name-arrow,
|
|
.accordion-section-title:hover:after {
|
|
color: #777;
|
|
}
|
|
|
|
.widget-top a.widget-action:after {
|
|
padding: 12px 12px 0;
|
|
}
|
|
|
|
.nav-menus-php .item-edit:before {
|
|
line-height: 2.1;
|
|
}
|
|
|
|
.control-section .accordion-section-title:after,
|
|
.accordion-section-title:after {
|
|
float: right;
|
|
right: 20px;
|
|
top: -2px;
|
|
}
|
|
|
|
.control-section.open .accordion-section-title:after,
|
|
#customize-info.open .accordion-section-title:after,
|
|
.nav-menus-php .menu-item-edit-active .item-edit:before {
|
|
content: '\f142';
|
|
}
|
|
|
|
/* Hide Widget Settings by Default */
|
|
.widget-inside,
|
|
.widget-description {
|
|
display: none;
|
|
}
|
|
|
|
.widget-inside {
|
|
background: #fff;
|
|
}
|
|
|
|
/* Dragging widgets over the available widget area show's a "Deactivate" message */
|
|
#removing-widget {
|
|
display: none;
|
|
font-weight: normal;
|
|
padding-left: 15px;
|
|
font-size: 12px;
|
|
line-height: 1;
|
|
color: black;
|
|
}
|
|
|
|
.js #removing-widget {
|
|
color: #2ea2cc;
|
|
}
|
|
|
|
.widget-control-noform,
|
|
#access-off,
|
|
.widgets_access .widget-action,
|
|
.widgets_access .sidebar-name-arrow,
|
|
.widgets_access #access-on,
|
|
.widgets_access .widget-holder .description,
|
|
.no-js .widget-holder .description {
|
|
display: none;
|
|
}
|
|
|
|
.widgets_access .widget-holder,
|
|
.widgets_access #widget-list {
|
|
padding-top: 10px;
|
|
}
|
|
|
|
.widgets_access #access-off {
|
|
display: inline;
|
|
}
|
|
|
|
.widgets_access .sidebar-name,
|
|
.widgets_access .widget .widget-top {
|
|
cursor: default;
|
|
}
|
|
|
|
|
|
/* Widgets Area Chooser */
|
|
.widget-liquid-left #widgets-left.chooser #available-widgets .widget,
|
|
.widget-liquid-left #widgets-left.chooser .inactive-sidebar {
|
|
transition: opacity 0.1s linear;
|
|
}
|
|
|
|
.widget-liquid-left #widgets-left.chooser #available-widgets .widget,
|
|
.widget-liquid-left #widgets-left.chooser .inactive-sidebar {
|
|
/* -webkit-filter: blur(1px); */
|
|
opacity: 0.2;
|
|
pointer-events: none;
|
|
}
|
|
|
|
.widget-liquid-left #widgets-left.chooser #available-widgets .widget-in-question {
|
|
/* -webkit-filter: none; */
|
|
opacity: 1;
|
|
pointer-events: auto;
|
|
}
|
|
|
|
.widgets-chooser ul.widgets-chooser-sidebars {
|
|
margin: 0;
|
|
list-style-type: none;
|
|
max-height: 300px;
|
|
overflow: auto;
|
|
}
|
|
|
|
.widgets-chooser {
|
|
display: none;
|
|
}
|
|
|
|
.widgets-chooser ul {
|
|
border: 1px solid #ccc;
|
|
}
|
|
|
|
.widgets-chooser li {
|
|
padding: 10px 15px 10px 35px;
|
|
border-bottom: 1px solid #ccc;
|
|
background: #fff;
|
|
margin: 0;
|
|
cursor: pointer;
|
|
outline: none;
|
|
position: relative;
|
|
transition: background 0.2s ease-in-out;
|
|
}
|
|
|
|
.widgets-chooser li:hover,
|
|
.widgets-chooser li:focus {
|
|
background: rgba(255,255,255,0.7);
|
|
}
|
|
|
|
.widgets-chooser li:focus:before {
|
|
content: '\f147';
|
|
display: block;
|
|
-webkit-font-smoothing: antialiased;
|
|
font: normal 26px/1 'dashicons';
|
|
color: #999;
|
|
position: absolute;
|
|
top: 7px;
|
|
left: 5px;
|
|
}
|
|
|
|
.widgets-chooser li:last-child {
|
|
border: none;
|
|
}
|
|
|
|
.widgets-chooser li.widgets-chooser-selected {
|
|
background: #2ea2cc;
|
|
color: #fff;
|
|
}
|
|
|
|
.widgets-chooser li.widgets-chooser-selected:before,
|
|
.widgets-chooser li.widgets-chooser-selected:focus:before {
|
|
content: '\f147';
|
|
display: block;
|
|
-webkit-font-smoothing: antialiased;
|
|
font: normal 26px/1 'dashicons';
|
|
color: #fff;
|
|
position: absolute;
|
|
top: 7px;
|
|
left: 5px;
|
|
}
|
|
|
|
.widgets-chooser .widgets-chooser-actions {
|
|
padding: 10px 0 12px 0;
|
|
text-align: center;
|
|
}
|
|
|
|
.widgets-chooser button {
|
|
margin-right: 5px;
|
|
}
|
|
|
|
#available-widgets .widget .widget-top {
|
|
cursor: pointer;
|
|
}
|
|
|
|
/* Enable draggable on IE10 touch events until it's rolled into jQuery UI core */
|
|
.ui-sortable,
|
|
.ui-draggable {
|
|
-ms-touch-action: none;
|
|
touch-action: none;
|
|
}
|
|
|
|
.meta-box-sortables.ui-sortable,
|
|
.widgets-holder-wrap .ui-draggable,
|
|
.widgets-holder-wrap .ui-sortable,
|
|
.menu.ui-sortable {
|
|
-ms-touch-action: auto;
|
|
touch-action: auto;
|
|
}
|
|
|
|
.meta-box-sortables.ui-sortable .hndle,
|
|
.menu.ui-sortable .menu-item-handle {
|
|
-ms-touch-action: none;
|
|
touch-action: none;
|
|
}
|
|
|
|
/* Accordion */
|
|
|
|
.accordion-section {
|
|
border-bottom: 1px solid #dfdfdf;
|
|
margin: 0;
|
|
}
|
|
|
|
.accordion-section.open .accordion-section-content,
|
|
.no-js .accordion-section .accordion-section-content {
|
|
display: block;
|
|
}
|
|
|
|
.accordion-section.open:hover {
|
|
border-bottom-color: #dfdfdf;
|
|
}
|
|
|
|
.accordion-section-content {
|
|
display: none;
|
|
padding: 10px 20px 15px;
|
|
overflow: hidden;
|
|
background: #fff;
|
|
}
|
|
|
|
.accordion-section-title {
|
|
margin: 0;
|
|
padding: 12px 15px 15px;
|
|
position: relative;
|
|
border-left: 1px solid #dfdfdf;
|
|
border-right: 1px solid #dfdfdf;
|
|
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
user-select: none;
|
|
}
|
|
|
|
.js .accordion-section-title {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.js .accordion-section-title:after {
|
|
position: absolute;
|
|
top: 12px;
|
|
right: 10px;
|
|
z-index: 1;
|
|
}
|
|
|
|
.accordion-section-title:focus {
|
|
outline: none;
|
|
}
|
|
|
|
.accordion-section-title:hover:after,
|
|
.accordion-section-title:focus:after {
|
|
border-color: #aaa transparent;
|
|
}
|
|
|
|
.cannot-expand .accordion-section-title {
|
|
cursor: auto;
|
|
}
|
|
|
|
.cannot-expand .accordion-section-title:after {
|
|
display: none;
|
|
}
|
|
|
|
.control-section .accordion-section-title {
|
|
border-left: none;
|
|
border-right: none;
|
|
padding: 10px 10px 11px 14px;
|
|
line-height: 21px;
|
|
background: #fff;
|
|
}
|
|
|
|
.control-section .accordion-section-title:after {
|
|
top: 11px;
|
|
}
|
|
|
|
.js .control-section:hover .accordion-section-title,
|
|
.js .control-section .accordion-section-title:hover,
|
|
.js .control-section.open .accordion-section-title,
|
|
.js .control-section .accordion-section-title:focus {
|
|
color: #222;
|
|
background: #f5f5f5;
|
|
}
|
|
|
|
.control-section.open .accordion-section-title {
|
|
/* When expanded */
|
|
border-bottom: 1px solid #dfdfdf;
|
|
}
|
|
|
|
.sticky-menu #TB_window {
|
|
background: #f1f1f1;
|
|
}
|
|
|
|
.sticky-menu #TB_window .updated {
|
|
margin: 16px 0 0;
|
|
}
|
|
|
|
li#wp-admin-bar-menu-toggle {
|
|
display: none;
|
|
}
|
|
|
|
/* =Media Queries
|
|
-------------------------------------------------------------- */
|
|
|
|
@media screen and (max-width: 480px) {
|
|
div.widget-liquid-left {
|
|
width: 100%;
|
|
float: none;
|
|
border-right: none;
|
|
padding-right: 0;
|
|
}
|
|
|
|
#widgets-left .sidebar-name {
|
|
margin-right: 0;
|
|
}
|
|
|
|
#widgets-left #available-widgets .widget-top {
|
|
margin-right: 0;
|
|
}
|
|
|
|
#widgets-left .inactive-sidebar .widgets-sortables {
|
|
margin-right: 0;
|
|
}
|
|
|
|
div.widget-liquid-right {
|
|
width: 100%;
|
|
float: none;
|
|
}
|
|
|
|
div.widget {
|
|
margin: 0 auto 10px !important;
|
|
max-width: 480px;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 320px) {
|
|
div.widget {
|
|
max-width: 320px;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 768px) {
|
|
/* categories */
|
|
#col-left {
|
|
width: 100%;
|
|
}
|
|
|
|
#col-right {
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
@media only screen and (min-width: 769px) {
|
|
/* categories */
|
|
#col-left {
|
|
width: 35%;
|
|
}
|
|
|
|
#col-right {
|
|
width: 65%;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 860px) {
|
|
|
|
/* categories */
|
|
#col-left {
|
|
width: 35%;
|
|
}
|
|
|
|
#col-right {
|
|
width: 65%;
|
|
}
|
|
}
|
|
|
|
@media only screen and (min-width: 980px) {
|
|
|
|
/* categories */
|
|
#col-left {
|
|
width: 35%;
|
|
}
|
|
|
|
#col-right {
|
|
width: 65%;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 768px) {
|
|
/* categories */
|
|
#col-left {
|
|
width: 100%;
|
|
}
|
|
|
|
#col-right {
|
|
width: 100%;
|
|
}
|
|
|
|
.form-field input,
|
|
.form-field textarea {
|
|
width: 99%;
|
|
}
|
|
|
|
.form-wrap .form-field {
|
|
padding:0;
|
|
}
|
|
|
|
/* users */
|
|
#profile-page .form-table textarea {
|
|
max-width: 400px;
|
|
width: auto;
|
|
}
|
|
|
|
/* menu locations */
|
|
#menu-locations-wrap .widefat {
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
@media only screen and (min-width: 1250px) {
|
|
#widgets-left #available-widgets .widget {
|
|
width: 49%;
|
|
float: left;
|
|
}
|
|
|
|
.widget.ui-draggable-dragging {
|
|
min-width: 49%;
|
|
}
|
|
|
|
#widgets-left #available-widgets .widget:nth-child(even) {
|
|
float: right;
|
|
}
|
|
|
|
#widgets-right .sidebars-column-1,
|
|
#widgets-right .sidebars-column-2 {
|
|
float: left;
|
|
width: 49%;
|
|
}
|
|
|
|
#widgets-right .sidebars-column-1 {
|
|
margin-right: 2%;
|
|
}
|
|
|
|
#widgets-right.single-sidebar .sidebars-column-1,
|
|
#widgets-right.single-sidebar .sidebars-column-2 {
|
|
float: none;
|
|
width: 100%;
|
|
margin: 0;
|
|
}
|
|
}
|
|
|
|
/**
|
|
* HiDPI Displays
|
|
*/
|
|
@media print,
|
|
(-o-min-device-pixel-ratio: 5/4),
|
|
(-webkit-min-device-pixel-ratio: 1.25),
|
|
(min-resolution: 120dpi) {
|
|
tr.wp-locked .locked-indicator {
|
|
background-image: url('../images/lock-2x.png');
|
|
background-size: 16px 16px;
|
|
}
|
|
|
|
#content-resize-handle,
|
|
#post-body .wp_themeSkin .mceStatusbar a.mceResize {
|
|
background: transparent url('../images/resize-2x.gif') no-repeat scroll right bottom;
|
|
background-size: 11px 11px;
|
|
}
|
|
|
|
.rtl #content-resize-handle,
|
|
.rtl #post-body .wp_themeSkin .mceStatusbar a.mceResize {
|
|
background: transparent url('../images/resize-rtl-2x.gif') no-repeat scroll right bottom;
|
|
}
|
|
|
|
/* Back-compat for pre-3.8 */
|
|
div.star-holder {
|
|
background: url('../images/stars-2x.png?ver=20121108') repeat-x bottom left;
|
|
background-size: 21px 37px;
|
|
}
|
|
|
|
/* Back-compat for pre-3.8 */
|
|
div.star-holder .star-rating {
|
|
background: url('../images/stars-2x.png?ver=20121108') repeat-x top left;
|
|
background-size: 21px 37px;
|
|
}
|
|
|
|
.wp-full-overlay .collapse-sidebar-arrow {
|
|
background-image: url('../images/arrows-2x.png');
|
|
background-size: 15px 123px;
|
|
}
|
|
|
|
.spinner,
|
|
.imgedit-wait,
|
|
.customize-loading #customize-container,
|
|
.revision-tick.completed-false,
|
|
#theme-installer .wp-full-overlay-main {
|
|
background-image: url('../images/spinner-2x.gif');
|
|
}
|
|
|
|
/* @todo: evaluate - most of these were likely replaced by dashicons */
|
|
.curtime #timestamp,
|
|
#screen-meta-links a.show-settings,
|
|
.widget-top a.widget-action,
|
|
.widget-top a.widget-action:hover,
|
|
.sidebar-name-arrow,
|
|
.sidebar-name:hover .sidebar-name-arrow,
|
|
.meta-box-sortables .postbox:hover .handlediv,
|
|
.tagchecklist span a,
|
|
#bulk-titles div a,
|
|
.tagchecklist span a:hover,
|
|
#bulk-titles div a:hover {
|
|
background: none !important;
|
|
}
|
|
|
|
}
|
|
|
|
/* =Localized CSS
|
|
-------------------------------------------------------------- */
|
|
|
|
/* zh_CN: Remove italic properties. */
|
|
.locale-zh-cn .howto,
|
|
.locale-zh-cn .tablenav .displaying-num,
|
|
.locale-zh-cn .js .input-with-default-title,
|
|
.locale-zh-cn .link-to-original,
|
|
.locale-zh-cn .inline-edit-row fieldset span.title,
|
|
.locale-zh-cn .inline-edit-row fieldset span.checkbox-title,
|
|
.locale-zh-cn #utc-time,
|
|
.locale-zh-cn #local-time,
|
|
.locale-zh-cn p.install-help,
|
|
.locale-zh-cn p.help,
|
|
.locale-zh-cn p.description,
|
|
.locale-zh-cn span.description,
|
|
.locale-zh-cn .form-wrap p {
|
|
font-style: normal;
|
|
}
|
|
|
|
/* zh_CN: Enlarge dashboard widget 'Configure' link */
|
|
.locale-zh-cn .hdnle a { font-size: 12px; }
|
|
|
|
/* zn_CH: Enlarge font size, set font-size: normal */
|
|
.locale-zh-cn form.upgrade .hint { font-style: normal; font-size: 100%; }
|
|
|
|
/* Zn_CH: Distraction free writing.
|
|
* More beautiful font for "Just write."
|
|
* Larger text for HTML/Visual mode.
|
|
*/
|
|
.locale-zh-cn #wp-fullscreen-tagline { font-family: KaiTi, "楷体", sans-serif; }
|
|
.locale-zh-cn #wp-fullscreen-modes a { font-size: 12px; }
|
|
|
|
/* zh_CN: Enlarge font-size. */
|
|
.locale-zh-cn #sort-buttons { font-size: 1em !important; }
|
|
|
|
/* de_DE: Text needs more space for translation */
|
|
.locale-de-de .inline-edit-row fieldset label span.title {
|
|
width: 7em; /* default 5em */
|
|
}
|
|
.locale-de-de .inline-edit-row fieldset label span.input-text-wrap {
|
|
margin-left: 7em; /* default 5em */
|
|
}
|
|
.locale-de-de #customize-header-actions .button {
|
|
padding: 0 5px 1px; /* default 0 10px 1px */
|
|
}
|
|
.locale-de-de #customize-header-actions .spinner {
|
|
margin: 16px 3px 0; /* default 16px 4px 0 5px */
|
|
}
|
|
|
|
/* ru_RU: Text needs more room to breathe. */
|
|
.locale-ru-ru .inline-edit-row fieldset label span.title {
|
|
width: 8em; /* default 5em */
|
|
}
|
|
.locale-ru-ru .inline-edit-row fieldset label span.input-text-wrap {
|
|
margin-left: 8em; /* default 5em */
|
|
}
|
|
.locale-ru-ru.press-this .posting {
|
|
margin-right: 277px; /* default 252px + 25px */
|
|
}
|
|
.locale-ru-ru .press-this-sidebar {
|
|
width: 265px; /* default 240px + 25px */
|
|
}
|
|
.locale-ru-ru #customize-header-actions .button {
|
|
padding: 0 5px 1px; /* default 0 10px 1px */
|
|
}
|
|
.locale-ru-ru #customize-header-actions .spinner {
|
|
margin: 16px 3px 0; /* default 16px 4px 0 5px */
|
|
}
|
|
|
|
/* lt_LT: QuickEdit */
|
|
.locale-lt-lt .inline-edit-row fieldset label span.title {
|
|
width: 8em;
|
|
}
|
|
.locale-lt-lt .inline-edit-row fieldset label span.input-text-wrap {
|
|
margin-left: 8em;
|
|
}
|
|
|
|
|
|
@-ms-viewport {
|
|
width: device-width;
|
|
}
|
|
|
|
@media screen and ( max-width: 782px ) {
|
|
html.wp-toolbar {
|
|
padding-top: 46px;
|
|
}
|
|
|
|
body {
|
|
min-width: 240px;
|
|
overflow-x: hidden;
|
|
}
|
|
|
|
body * {
|
|
-webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
|
|
}
|
|
|
|
#wpwrap {
|
|
background: #f0f0f0;
|
|
}
|
|
|
|
#wpcontent, .auto-fold #wpcontent {
|
|
position: relative;
|
|
margin-left: 0;
|
|
padding-left: 10px;
|
|
}
|
|
|
|
.wrap {
|
|
margin-right: 12px;
|
|
margin-left: 0;
|
|
}
|
|
|
|
.col-wrap {
|
|
padding: 0;
|
|
}
|
|
|
|
.sticky-menu #adminmenuwrap {
|
|
position: relative;
|
|
z-index: auto;
|
|
top: 0;
|
|
}
|
|
|
|
/* Hidden Elements */
|
|
#screen-meta,
|
|
#screen-meta-links,
|
|
#collapse-menu,
|
|
.post-format-select {
|
|
display: none !important;
|
|
}
|
|
|
|
/* Input Elements */
|
|
textarea {
|
|
-webkit-appearance: none;
|
|
}
|
|
|
|
input[type=text], input[type=search],
|
|
input[type=password], input[type=number] {
|
|
-webkit-appearance: none;
|
|
padding: 6px 10px;
|
|
}
|
|
|
|
input.code {
|
|
padding-bottom: 5px;
|
|
padding-top: 10px;
|
|
}
|
|
|
|
input[type=checkbox], .widefat th input[type=checkbox] {
|
|
-webkit-appearance: none;
|
|
padding: 10px;
|
|
}
|
|
|
|
.widefat th input[type=checkbox] {
|
|
margin-bottom: 8px;
|
|
}
|
|
|
|
input[type=checkbox]:checked:before, .widefat th input[type=checkbox]:before {
|
|
font: normal 30px/1 'Dashicons';
|
|
margin: -3px -5px;
|
|
}
|
|
|
|
input[type=radio],
|
|
input[type=checkbox] {
|
|
height: 25px;
|
|
width: 25px;
|
|
}
|
|
|
|
.wp-admin p input[type=checkbox],
|
|
.wp-admin p input[type=radio] {
|
|
margin-top: -3px;
|
|
}
|
|
|
|
input[type=radio]:checked:before {
|
|
vertical-align: middle;
|
|
width: 9px;
|
|
height: 9px;
|
|
margin: 7px;
|
|
line-height: 16px;
|
|
}
|
|
|
|
.wp-upload-form input[type=submit] {
|
|
margin-top: 10px;
|
|
}
|
|
|
|
#wpbody select {
|
|
height: 36px;
|
|
font-size: 16px;
|
|
}
|
|
|
|
.wp-admin .button-cancel {
|
|
padding: 0;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.wrap .add-new-h2, .wrap .add-new-h2:active {
|
|
padding: 10px 15px;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.wp-color-result {
|
|
height: auto;
|
|
padding-left: 45px;
|
|
}
|
|
|
|
.wp-color-result:after {
|
|
font-size: 14px;
|
|
height: auto;
|
|
padding: 6px 14px;
|
|
}
|
|
|
|
#createuser .form-field input {
|
|
width: 100%;
|
|
}
|
|
|
|
/* Feedback Messages */
|
|
.wrap div.updated, .wrap div.error, .media-upload-form div.error {
|
|
margin: 20px 0 10px 0;
|
|
padding: 5px 10px;
|
|
font-size: 14px;
|
|
line-height: 175%;
|
|
}
|
|
|
|
/* Sidebar Adjustments */
|
|
.auto-fold #adminmenu,
|
|
.auto-fold #adminmenuback,
|
|
.auto-fold #adminmenuwrap {
|
|
position: absolute;
|
|
width: 190px;
|
|
z-index: 100;
|
|
}
|
|
|
|
.auto-fold #adminmenuback,
|
|
.auto-fold #adminmenuwrap {
|
|
display: none;
|
|
}
|
|
|
|
.auto-fold #adminmenu li.menu-top {
|
|
width: 100%;
|
|
}
|
|
|
|
/* Resize the admin menu items to a comfortable touch size */
|
|
.auto-fold #adminmenu li a {
|
|
font-size: 16px;
|
|
padding: 5px;
|
|
}
|
|
|
|
.auto-fold #adminmenu li.menu-top .wp-submenu > li > a {
|
|
padding: 10px 10px 10px 20px;
|
|
}
|
|
|
|
/* Restore the menu names */
|
|
.auto-fold #adminmenu .wp-menu-name {
|
|
display: block;
|
|
margin-left: 35px;
|
|
}
|
|
|
|
/* Switch the arrow side */
|
|
.auto-fold ul#adminmenu a.wp-has-current-submenu:after,
|
|
.auto-fold ul#adminmenu > li.current > a.current:after {
|
|
border-width: 8px;
|
|
margin-top: -8px;
|
|
}
|
|
|
|
.auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after {
|
|
display: none;
|
|
}
|
|
|
|
/* Make the submenus appear correctly when tapped. */
|
|
#adminmenu .wp-submenu {
|
|
position: relative;
|
|
display: none;
|
|
}
|
|
|
|
.auto-fold #adminmenu .selected .wp-submenu,
|
|
.auto-fold #adminmenu .wp-menu-open .wp-submenu {
|
|
position: relative;
|
|
display: block;
|
|
top: 0;
|
|
left: -1px;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.auto-fold #adminmenu .selected .wp-submenu:after,
|
|
.auto-fold #adminmenu .wp-menu-open .wp-submenu:after {
|
|
display: none;
|
|
}
|
|
|
|
.auto-fold #adminmenu .opensub .wp-submenu {
|
|
display: none;
|
|
}
|
|
|
|
.auto-fold #adminmenu .selected .wp-submenu {
|
|
display: block;
|
|
}
|
|
|
|
.auto-fold ul#adminmenu li:hover a.wp-has-current-submenu:after {
|
|
display: block;
|
|
}
|
|
|
|
.auto-fold #adminmenu a.menu-top:focus + .wp-submenu,
|
|
.auto-fold #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu {
|
|
position: relative;
|
|
left: -1px;
|
|
right: 0;
|
|
top: 0;
|
|
}
|
|
|
|
/* Remove submenu headers and adjust sub meu*/
|
|
#adminmenu .wp-submenu .wp-submenu-head {
|
|
display: none;
|
|
}
|
|
|
|
/* Sidebar Toggle */
|
|
#wp-responsive-toggle {
|
|
position: fixed;
|
|
top: 5px;
|
|
left: 4px;
|
|
padding-right: 10px;
|
|
z-index: 99999;
|
|
border: none;
|
|
box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
}
|
|
|
|
.wrap .icon32 + h2 {
|
|
margin-top: -2px;
|
|
}
|
|
|
|
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
|
|
background: #333;
|
|
}
|
|
|
|
.wp-responsive-open #wpbody {
|
|
right: -190px;
|
|
}
|
|
|
|
.auto-fold .wp-responsive-open #adminmenuback,
|
|
.auto-fold .wp-responsive-open #adminmenuwrap {
|
|
display: block;
|
|
}
|
|
|
|
/* General New Post Form */
|
|
#post-body-content {
|
|
min-width: 0;
|
|
}
|
|
|
|
#titlediv #title-prompt-text {
|
|
padding: 10px 10px;
|
|
}
|
|
|
|
.post-format-options {
|
|
padding-right: 0;
|
|
}
|
|
|
|
.post-format-options a {
|
|
margin-right: 5px;
|
|
margin-bottom: 5px;
|
|
min-width: 52px;
|
|
}
|
|
|
|
.post-format-options .post-format-title {
|
|
font-size: 11px;
|
|
}
|
|
|
|
.post-format-options a div {
|
|
height: 28px;
|
|
width: 28px;
|
|
}
|
|
|
|
.post-format-options a div:before {
|
|
font-size: 26px !important;
|
|
}
|
|
|
|
/* General Metabox */
|
|
.postbox {
|
|
font-size: 14px;
|
|
}
|
|
|
|
#poststuff h3,
|
|
.metabox-holder h3 {
|
|
padding: 12px;
|
|
}
|
|
|
|
.postbox .handlediv {
|
|
margin-top: 3px;
|
|
}
|
|
|
|
/* Publish Metabox Options */
|
|
#post-visibility-select {
|
|
line-height: 280%;
|
|
}
|
|
|
|
.wp-core-ui .save-post-visibility,
|
|
.wp-core-ui .save-timestamp {
|
|
vertical-align: middle;
|
|
margin-right: 15px;
|
|
}
|
|
|
|
.timestamp-wrap select#mm {
|
|
display: block;
|
|
width: 100%;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.timestamp-wrap #jj,
|
|
.timestamp-wrap #aa,
|
|
.timestamp-wrap #hh,
|
|
.timestamp-wrap #mn {
|
|
padding: 12px 3px;
|
|
font-size: 14px;
|
|
margin-bottom: 5px;
|
|
width: auto;
|
|
text-align: center;
|
|
}
|
|
|
|
/* Categories Metabox */
|
|
ul.category-tabs {
|
|
margin: 30px 0 15px;
|
|
}
|
|
|
|
ul.category-tabs li.tabs {
|
|
padding: 15px;
|
|
}
|
|
|
|
.press-this ul.category-tabs li.tabs {
|
|
padding: 3px 5px 5px; /* Reset tabs in Press This to standard size */
|
|
}
|
|
|
|
ul.categorychecklist li {
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
ul.categorychecklist ul {
|
|
margin-top: 15px;
|
|
}
|
|
|
|
.category-add input[type=text],
|
|
.category-add select {
|
|
max-width: none;
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
/* Tags Metabox */
|
|
.tagsdiv .newtag {
|
|
width: 100%;
|
|
padding: 25px 10px;
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
.tagchecklist {
|
|
margin: 25px 10px;
|
|
}
|
|
|
|
.tagchecklist span {
|
|
font-size: 16px;
|
|
line-height: 120%;
|
|
}
|
|
|
|
/* Revisions */
|
|
#diff-next-revision,
|
|
#diff-previous-revision {
|
|
margin-top: -1em;
|
|
}
|
|
|
|
table.diff {
|
|
-ms-word-break: break-all;
|
|
word-break: break-all;
|
|
word-wrap: break-word;
|
|
}
|
|
|
|
/* Discussion */
|
|
#commentstatusdiv p {
|
|
line-height: 2.8;
|
|
}
|
|
|
|
/* TinyMCE Adjustments */
|
|
.mceToolbar * {
|
|
white-space: normal !important;
|
|
}
|
|
|
|
.mceToolbar tr,
|
|
.mceToolbar td {
|
|
float: left !important;
|
|
}
|
|
|
|
.wp_themeSkin a.mceButton {
|
|
width: 30px;
|
|
height: 30px;
|
|
}
|
|
|
|
.wp_themeSkin .mceButton .mceIcon {
|
|
margin-top: 5px;
|
|
margin-left: 5px;
|
|
}
|
|
|
|
.wp_themeSkin .mceSplitButton {
|
|
margin-top: 1px;
|
|
}
|
|
|
|
.wp_themeSkin .mceSplitButton td a.mceAction {
|
|
padding-top: 6px;
|
|
padding-bottom: 6px;
|
|
padding-left: 6px;
|
|
padding-right: 3px;
|
|
}
|
|
|
|
.wp_themeSkin .mceSplitButton td a.mceOpen,
|
|
.wp_themeSkin .mceSplitButtonEnabled:hover td a.mceOpen {
|
|
padding-top: 6px;
|
|
padding-bottom: 6px;
|
|
background-position: 1px 6px;
|
|
}
|
|
|
|
.wp_themeSkin table.mceListBox {
|
|
margin: 5px;
|
|
}
|
|
|
|
div.quicktags-toolbar input {
|
|
padding: 10px 20px;
|
|
}
|
|
|
|
#wp-content-editor-tools {
|
|
overflow: hidden;
|
|
padding: 20px 15px 1px 0;
|
|
top: 1px;
|
|
}
|
|
|
|
a.wp-switch-editor {
|
|
font-size: 16px;
|
|
line-height: 1em;
|
|
margin: 3px 0 0 7px;
|
|
padding: 12px 15px;
|
|
}
|
|
|
|
#wp-content-media-buttons a {
|
|
font-size: 16px;
|
|
line-height: 37px;
|
|
height: 39px;
|
|
padding: 0 20px 0 15px;
|
|
}
|
|
|
|
.wp-media-buttons span.wp-media-buttons-icon,
|
|
.wp-media-buttons span.jetpack-contact-form-icon {
|
|
width: 22px !important;
|
|
margin-top: -3px !important;
|
|
margin-left: -5px !important;
|
|
}
|
|
|
|
.wp-media-buttons .add_media span.wp-media-buttons-icon:before,
|
|
.wp-media-buttons #insert-jetpack-contact-form span.jetpack-contact-form-icon:before {
|
|
font-size: 20px !important;
|
|
}
|
|
|
|
#content_wp_fullscreen {
|
|
display: none;
|
|
}
|
|
|
|
.misc-pub-section {
|
|
padding: 20px 10px 20px;
|
|
}
|
|
|
|
.misc-pub-section > a {
|
|
float: right;
|
|
font-size: 16px;
|
|
}
|
|
|
|
#delete-action,
|
|
#publishing-action {
|
|
line-height: 47px;
|
|
}
|
|
|
|
/* Subsubsub Nav */
|
|
.subsubsub {
|
|
font-size: 16px;
|
|
text-align: center;
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
/* WP List Table Options & Filters */
|
|
.tablenav {
|
|
height: auto;
|
|
}
|
|
|
|
.tablenav.top {
|
|
margin: 0;
|
|
}
|
|
|
|
.tablenav.bottom {
|
|
position: relative;
|
|
margin-top: 15px;
|
|
}
|
|
|
|
.tablenav br {
|
|
display: none;
|
|
}
|
|
|
|
.tablenav br.clear {
|
|
display: block;
|
|
}
|
|
|
|
#wpbody-content {
|
|
padding-bottom: 100px;
|
|
}
|
|
|
|
p.search-box {
|
|
float: none;
|
|
position: absolute;
|
|
bottom: 0;
|
|
width: 98%;
|
|
height: 90px;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
p.search-box input[name="s"] {
|
|
height: auto;
|
|
float: none;
|
|
width: 100%;
|
|
margin-bottom: 10px;
|
|
vertical-align: middle;
|
|
-webkit-appearance: none;
|
|
}
|
|
|
|
p.search-box input[type="submit"] {
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.tablenav.top .actions, .view-switch {
|
|
display: none;
|
|
}
|
|
|
|
/* Pagination */
|
|
.tablenav.top .displaying-num {
|
|
display: none;
|
|
}
|
|
|
|
.tablenav.bottom .displaying-num {
|
|
position: absolute;
|
|
right: 0;
|
|
top: 10px;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.tablenav-pages {
|
|
width: 100%;
|
|
text-align: center;
|
|
margin: 0 0 25px;
|
|
}
|
|
|
|
.tablenav.bottom .tablenav-pages {
|
|
margin-top: 25px;
|
|
}
|
|
|
|
.tablenav.top .tablenav-pages.one-page {
|
|
display: none;
|
|
}
|
|
|
|
.tablenav.bottom .tablenav-pages.one-page {
|
|
margin: 15px 0 0 0;
|
|
height: 0;
|
|
}
|
|
|
|
.tablenav-pages .pagination-links .paging-input {
|
|
font-size: 18px;
|
|
}
|
|
|
|
.tablenav-pages .pagination-links a {
|
|
padding: 8px 20px 11px;
|
|
font-size: 18px;
|
|
background: rgba(0, 0, 0, 0.05);
|
|
}
|
|
|
|
.tablenav-pages .pagination-links .current-page {
|
|
padding: 10px;
|
|
font-size: 14px;
|
|
}
|
|
|
|
/* WP List Table Adjustments: General */
|
|
.form-wrap > p {
|
|
display: none;
|
|
}
|
|
|
|
.comment-count {
|
|
font-size: 14px;
|
|
}
|
|
|
|
/* Columns to hide */
|
|
.fixed .column-date,
|
|
.fixed .column-author,
|
|
.column-categories,
|
|
.column-tags,
|
|
.tags .column-description,
|
|
.media .column-parent,
|
|
.users .column-email,
|
|
.users .column-name,
|
|
.sites .column-registered,
|
|
.sites .column-users {
|
|
display: none;
|
|
}
|
|
|
|
.fixed .column-comment .comment-author {
|
|
display: block;
|
|
}
|
|
|
|
/* Posts */
|
|
.column-title {
|
|
width: 85%;
|
|
}
|
|
|
|
.fixed .column-comments, .widefat .check-column {
|
|
width: 35px
|
|
}
|
|
|
|
.widefat thead .check-column, .widefat tfoot .check-column {
|
|
padding: 10px 0 10px;
|
|
}
|
|
|
|
.widefat * {
|
|
word-wrap: normal;
|
|
}
|
|
|
|
/* Quick Edit and Bulk Edit */
|
|
#wpbody-content .quick-edit-row-post .inline-edit-col-left,
|
|
#wpbody-content .quick-edit-row-post .inline-edit-col-right,
|
|
#wpbody-content .inline-edit-row-post .inline-edit-col-center,
|
|
#wpbody-content .quick-edit-row-page .inline-edit-col-left,
|
|
#wpbody-content .quick-edit-row-page .inline-edit-col-right,
|
|
#wpbody-content .bulk-edit-row-post .inline-edit-col-right,
|
|
#wpbody-content .bulk-edit-row .inline-edit-col-left,
|
|
#wpbody-content .bulk-edit-row-page .inline-edit-col-right,
|
|
#wpbody-content .bulk-edit-row .inline-edit-col-bottom {
|
|
float: none;
|
|
width: 100%;
|
|
}
|
|
|
|
#wpbody-content .quick-edit-row fieldset .inline-edit-col label,
|
|
#wpbody-content .quick-edit-row fieldset .inline-edit-group label,
|
|
#wpbody-content .bulk-edit-row fieldset .inline-edit-col label,
|
|
#wpbody-content .bulk-edit-row fieldset .inline-edit-group label {
|
|
max-width: none;
|
|
float: none;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
#wpbody .bulk-edit-row fieldset select {
|
|
display: block;
|
|
width: 100%;
|
|
max-width: none;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.inline-edit-row fieldset ul.cat-checklist label,
|
|
.inline-edit-row #bulk-titles div {
|
|
font-size: 16px;
|
|
}
|
|
|
|
.inline-edit-row fieldset label span.title {
|
|
float: none;
|
|
}
|
|
|
|
.inline-edit-row fieldset label.inline-edit-tags {
|
|
padding: 0 0.5em;
|
|
}
|
|
|
|
.inline-edit-row fieldset .inline-edit-col label.inline-edit-tags {
|
|
padding: 0;
|
|
}
|
|
|
|
.inline-edit-row fieldset label span.input-text-wrap {
|
|
margin-left: 0;
|
|
}
|
|
|
|
.inline-edit-row fieldset input[name=jj],
|
|
.inline-edit-row fieldset input[name=hh],
|
|
.inline-edit-row fieldset input[name=mn] {
|
|
width: 3em;
|
|
}
|
|
|
|
.inline-edit-row fieldset input[name=aa] {
|
|
width: 4.5em;
|
|
}
|
|
|
|
#bulk-titles div {
|
|
margin: 0.8em 0.3em;
|
|
}
|
|
|
|
#bulk-titles div a {
|
|
height: 22px;
|
|
}
|
|
|
|
/* Taxonomies */
|
|
.tags .column-posts {
|
|
width: 50px;
|
|
}
|
|
|
|
.tags .column-slug {
|
|
width: 30%;
|
|
}
|
|
|
|
/* Comments */
|
|
.comments .column-response {
|
|
width: 35%;
|
|
}
|
|
|
|
/* Users */
|
|
.users .column-role {
|
|
width: 35%;
|
|
}
|
|
|
|
/* Network admin sites */
|
|
.sites .column-blogname {
|
|
width: 55%;
|
|
}
|
|
|
|
/* Updates */
|
|
#wpbody-content #update-themes-table .plugin-title {
|
|
width: auto;
|
|
}
|
|
|
|
/* Form Tables */
|
|
.form-table {
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.form-table th,
|
|
.form-table td {
|
|
display: block;
|
|
width: auto;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.form-table .color-palette td {
|
|
display: table-cell;
|
|
width: 15px;
|
|
}
|
|
|
|
.form-table table.color-palette {
|
|
margin-right: 10px;
|
|
}
|
|
|
|
textarea,
|
|
input {
|
|
font-size: 16px;
|
|
}
|
|
|
|
.form-table td input[type="text"],
|
|
.form-table td input[type="password"],
|
|
.form-table td select,
|
|
.form-table td textarea,
|
|
.form-table span.description,
|
|
#profile-page .form-table textarea {
|
|
width: 100%;
|
|
font-size: 16px;
|
|
line-height: 1.5;
|
|
padding: 7px 10px;
|
|
display: block;
|
|
max-width: none;
|
|
box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
}
|
|
|
|
input[type=text].small-text,
|
|
input[type=search].small-text,
|
|
input[type=password].small-text,
|
|
input[type=number].small-text,
|
|
input[type="number"].small-text,
|
|
.form-table input[type=text].small-text {
|
|
width: auto;
|
|
max-width: 55px;
|
|
display: inline;
|
|
padding: 3px 6px;
|
|
margin: 0 3px;
|
|
}
|
|
|
|
#pass-strength-result {
|
|
width: 100%;
|
|
box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
padding: 8px;
|
|
}
|
|
|
|
.form-table span.description {
|
|
padding: 4px 0 0;
|
|
line-height: 1.4em;
|
|
}
|
|
|
|
.form-table th {
|
|
padding-top: 10px;
|
|
padding-bottom: 0;
|
|
border-bottom: 0;
|
|
}
|
|
|
|
.form-table td {
|
|
padding-top: 8px;
|
|
padding-left: 0;
|
|
}
|
|
|
|
.form-table input.regular-text {
|
|
width: 100%;
|
|
}
|
|
|
|
.form-table label {
|
|
font-size: 14px;
|
|
}
|
|
|
|
.form-table fieldset label {
|
|
display: block;
|
|
}
|
|
|
|
#utc-time {
|
|
margin-top: 10px;
|
|
}
|
|
|
|
#utc-time,
|
|
#local-time {
|
|
display: block;
|
|
float: none;
|
|
padding: 0;
|
|
line-height: 2;
|
|
}
|
|
|
|
/* Add/Edit Media */
|
|
.wp_attachment_details label[for="content"] {
|
|
font-size: 14px;
|
|
line-height: 1.5em;
|
|
}
|
|
|
|
/* Links */
|
|
.link-manager-php #posts-filter {
|
|
margin-top: 25px;
|
|
}
|
|
|
|
.link-manager-php .tablenav.bottom {
|
|
overflow: hidden;
|
|
}
|
|
|
|
.links-table #link_rel {
|
|
max-width: none;
|
|
}
|
|
|
|
.links-table th,
|
|
.links-table td {
|
|
padding: 10px 0;
|
|
}
|
|
|
|
/**
|
|
* Nav Menus
|
|
* ----------------------------------------------------------------------------
|
|
*/
|
|
body.nav-menus-php {
|
|
min-width: 0 !important;
|
|
}
|
|
|
|
#nav-menus-frame {
|
|
margin-left: 0;
|
|
float: none;
|
|
width: 100%;
|
|
}
|
|
|
|
#wpbody-content #menu-settings-column {
|
|
display: block;
|
|
width: 100%;
|
|
float: none;
|
|
margin-left: 0;
|
|
}
|
|
|
|
#side-sortables .add-menu-item-tabs {
|
|
margin: 15px 0 14px;
|
|
}
|
|
|
|
ul.add-menu-item-tabs li.tabs {
|
|
padding: 13px 15px 14px;
|
|
}
|
|
|
|
.nav-menus-php .item-controls .item-type {
|
|
margin-top: 2px;
|
|
}
|
|
|
|
.nav-menus-php .customlinkdiv .howto input {
|
|
width: 65%;
|
|
}
|
|
|
|
.nav-menus-php .quick-search {
|
|
width: 85%;
|
|
}
|
|
|
|
#menu-management-liquid {
|
|
margin-top: 25px;
|
|
}
|
|
|
|
.nav-menus-php .menu-name-label.howto span {
|
|
margin-top: 13px
|
|
}
|
|
|
|
.menu-name-label #menu-name {
|
|
margin-top: 4px;
|
|
}
|
|
|
|
.nav-menus-php .major-publishing-actions .publishing-action {
|
|
margin-top: 6px;
|
|
}
|
|
|
|
.nav-menus-php .delete-action {
|
|
font-size: 14px;
|
|
line-height: 50px;
|
|
margin-top: 12px;
|
|
}
|
|
|
|
.menu-item-bar .menu-item-handle,
|
|
.menu-item-settings,
|
|
.description-wide {
|
|
width: auto;
|
|
}
|
|
|
|
.menu-item-settings {
|
|
padding: 10px;
|
|
}
|
|
|
|
.menu-item-settings .description-thin,
|
|
.menu-item-settings .description-wide {
|
|
width: 100%;
|
|
height: auto;
|
|
}
|
|
|
|
.menu-item-settings input {
|
|
width: 100%;
|
|
}
|
|
|
|
.menu-settings dl {
|
|
padding-left: 0;
|
|
}
|
|
|
|
.menu-settings dd {
|
|
float: none;
|
|
width: 100%;
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
.menu-settings dt {
|
|
float: none;
|
|
width: auto;
|
|
margin-left: 0;
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
.available-theme .action-links .delete-theme {
|
|
float: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
clear: both;
|
|
}
|
|
|
|
.available-theme .action-links .delete-theme a {
|
|
padding: 0;
|
|
}
|
|
|
|
/* Widget Management Page (Needs UX work on mobile) */
|
|
#templateside {
|
|
float: none;
|
|
width: auto;
|
|
}
|
|
|
|
#templateside li {
|
|
margin: 0;
|
|
}
|
|
|
|
#templateside li a {
|
|
display: block;
|
|
padding: 5px;
|
|
}
|
|
|
|
#templateside .highlight {
|
|
padding: 5px;
|
|
margin-left: -5px;
|
|
margin-top: -5px;
|
|
}
|
|
|
|
#template div {
|
|
float: none;
|
|
margin: 0;
|
|
width: auto;
|
|
}
|
|
|
|
#template textarea {
|
|
width: 100%;
|
|
}
|
|
|
|
.fileedit-sub .alignright {
|
|
margin-top: 15px;
|
|
}
|
|
|
|
/* Plugin/Theme Management Page */
|
|
.wp-list-table.plugins {
|
|
position: relative;
|
|
margin-top: 35px;
|
|
margin-bottom: 50px;
|
|
}
|
|
|
|
.wp-list-table.plugins thead .column-description,
|
|
#wpbody-content .wp-list-table.plugins tfoot .column-description,
|
|
.wp-list-table.plugins th#description {
|
|
display: none;
|
|
}
|
|
|
|
#wpbody-content .wp-list-table.plugins,
|
|
#wpbody-content .wp-list-table.plugins thead,
|
|
#wpbody-content .wp-list-table.plugins tbody,
|
|
#wpbody-content .wp-list-table.plugins tr,
|
|
#wpbody-content .wp-list-table.plugins .column-description,
|
|
#wpbody-content .wp-list-table.plugins .plugin-title,
|
|
#wpbody-content .wp-list-table.plugins .theme-title,
|
|
#wpbody-content .wp-list-table.plugins .plugin-update,
|
|
#wpbody-content .wp-list-table.plugins .manage-column.column-name {
|
|
display: block;
|
|
width: auto;
|
|
}
|
|
|
|
.wp-list-table.plugins thead,
|
|
.wp-list-table.plugins tfoot {
|
|
position: absolute;
|
|
top: -35px;
|
|
left: 0;
|
|
right: 0;
|
|
width: auto;
|
|
height: 35px;
|
|
}
|
|
|
|
.wp-list-table.plugins tfoot {
|
|
bottom: -35px;
|
|
top: auto;
|
|
}
|
|
|
|
.active, .inactive {
|
|
padding-top: 0;
|
|
}
|
|
|
|
.wp-list-table.plugins .plugin-title,
|
|
.wp-list-table.plugins .theme-title {
|
|
padding-top: 13px;
|
|
padding-bottom: 4px;
|
|
}
|
|
|
|
.plugins tr.active + tr.inactive th.check-column,
|
|
.plugins tr.active + tr.inactive td,
|
|
.wp-list-table.plugins .plugin-title,
|
|
.wp-list-table.plugins .theme-title,
|
|
.wp-list-table.plugins tbody th {
|
|
box-shadow: none;
|
|
-webkit-box-shadow: none;
|
|
}
|
|
|
|
.plugins tbody {
|
|
padding: 1px 0 0;
|
|
}
|
|
|
|
.plugins tr.active + tr.inactive td.column-description {
|
|
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
|
|
-moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
|
|
-ms-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
|
|
-o-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
|
|
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
.plugins tr.active + tr.inactive th.check-column,
|
|
.plugins tr.active + tr.inactive td {
|
|
border-top: none;
|
|
}
|
|
|
|
.wp-list-table.plugins .column-description {
|
|
padding-top: 0;
|
|
}
|
|
|
|
.wp-list-table.plugins .manage-column.column-name,
|
|
.wp-list-table.plugins .column-description,
|
|
.wp-list-table.plugins .plugin-title,
|
|
.wp-list-table.plugins .theme-title {
|
|
padding-right: 12px;
|
|
padding-left: 46px;
|
|
}
|
|
|
|
.wp-list-table.plugins tr {
|
|
position: relative;
|
|
}
|
|
|
|
.wp-list-table.plugins th.check-column,
|
|
.wp-list-table.plugins tr.update th.check-column {
|
|
position: absolute;
|
|
height: auto;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
padding-left: 2px;
|
|
padding-top: 18px;
|
|
}
|
|
|
|
.wp-list-table.plugins thead th.check-column,
|
|
.wp-list-table.plugins tfoot th.check-column {
|
|
padding-left: 3px;
|
|
padding-top: 11px;
|
|
background: none;
|
|
}
|
|
|
|
.widefat tbody th.check-column input[type="checkbox"] {
|
|
margin-top: -3px;
|
|
margin-left: 8px;
|
|
}
|
|
|
|
.wp-list-table.plugins .active .check-column input,
|
|
.wp-list-table.plugins .update .check-column input {
|
|
margin-left: 5px;
|
|
}
|
|
|
|
.wp-list-table.plugins thead .check-column input,
|
|
.wp-list-table.plugins tfoot .check-column input {
|
|
margin-top: -6px;
|
|
}
|
|
|
|
.wp-list-table.plugins .active th.check-column {
|
|
background: none;
|
|
}
|
|
|
|
.wp-list-table.plugins .plugin-title strong,
|
|
.wp-list-table.plugins .theme-title strong {
|
|
font-size: 1.4em;
|
|
line-height: 1.6em;
|
|
}
|
|
|
|
/* Add New plugins page */
|
|
table.plugin-install .column-name,
|
|
table.plugin-install .column-version,
|
|
table.plugin-install .column-rating,
|
|
table.plugin-install .column-description {
|
|
display: block;
|
|
width: auto;
|
|
}
|
|
|
|
table.plugin-install th.column-name,
|
|
table.plugin-install th.column-version,
|
|
table.plugin-install th.column-rating,
|
|
table.plugin-install th.column-description {
|
|
display: none;
|
|
}
|
|
|
|
table.plugin-install td.column-name strong {
|
|
font-size: 1.4em;
|
|
line-height: 1.6em;
|
|
}
|
|
|
|
table.plugin-install #the-list td {
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
table.plugin-install #the-list tr {
|
|
display: block;
|
|
-webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1);
|
|
box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1);
|
|
}
|
|
|
|
/* Dashboard */
|
|
#dashboard_recent_comments #the-comment-list .comment-item .avatar {
|
|
height: 30px;
|
|
width: 30px;
|
|
margin: 4px 10px 5px 0;
|
|
}
|
|
|
|
/* About Page */
|
|
.about-wrap .feature-section.one-col > div,
|
|
.about-wrap .feature-section.two-col > div,
|
|
.about-wrap .three-col.about-updates > div {
|
|
width: 100%;
|
|
margin: 0;
|
|
float: none;
|
|
}
|
|
|
|
.about-wrap .about-colors .color-option {
|
|
width: 49%;
|
|
}
|
|
|
|
/* Moderate Comment */
|
|
.comment-ays {
|
|
border-bottom: none;
|
|
}
|
|
|
|
#wpfooter {
|
|
display: none;
|
|
}
|
|
|
|
#comments-form .checkforspam {
|
|
display: none;
|
|
}
|
|
|
|
/* Reset responsive styles in Press This */
|
|
|
|
.press-this a.wp-switch-editor {
|
|
font: 13px/19px "Open Sans", sans-serif;
|
|
margin: 5px 0 0 5px;
|
|
padding: 3px 8px 4px;
|
|
}
|
|
|
|
.press-this #wp-content-media-buttons a {
|
|
padding: 0;
|
|
line-height: normal;
|
|
height: auto;
|
|
}
|
|
|
|
.press-this #wp-content-editor-tools {
|
|
padding: 0;
|
|
top: 3px;
|
|
}
|
|
|
|
.press-this .category-tabs {
|
|
margin-top: 0;
|
|
}
|
|
|
|
.press-this .tagsdiv .newtag {
|
|
width: 120px;
|
|
padding: 3px 5px;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.press-this .tagchecklist {
|
|
padding: 0;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.press-this .wp_themeSkin a.mceButton {
|
|
width: 20px;
|
|
height: 20px;
|
|
}
|
|
|
|
.press-this .wp_themeSkin .mceButton .mceIcon {
|
|
margin: 0;
|
|
}
|
|
|
|
.press-this #poststuff h3,
|
|
.press-this .metabox-holder h3 {
|
|
padding: 7px 12px;
|
|
}
|
|
|
|
.interim-login input[type=checkbox],
|
|
.press-this input[type=checkbox],
|
|
.press-this input[type=radio] {
|
|
height: 16px;
|
|
width: 16px;
|
|
}
|
|
|
|
.interim-login input[type=checkbox]:checked:before,
|
|
.press-this input[type=checkbox]:checked:before {
|
|
width: 16px;
|
|
font: normal 21px/1 'dashicons';
|
|
margin: -3px 0 0 -4px;
|
|
}
|
|
|
|
.press-this input[type=radio]:checked:before {
|
|
font: normal 21px/1 'dashicons';
|
|
width: 6px;
|
|
height: 6px;
|
|
margin: 4px;
|
|
}
|
|
|
|
.press-this ul.categorychecklist ul,
|
|
.press-this ul.categorychecklist li {
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.press-this div.quicktags-toolbar input {
|
|
padding: 2px 4px;
|
|
}
|
|
|
|
.press-this textarea,
|
|
.press-this input {
|
|
font-size: 14px;
|
|
}
|
|
|
|
.press-this .tagchecklist span {
|
|
font-size: 13px;
|
|
line-height: 1.8em;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 500px) {
|
|
.about-wrap {
|
|
margin-right: 20px;
|
|
margin-left: 10px;
|
|
}
|
|
|
|
.about-wrap h1,
|
|
.about-text {
|
|
margin-right: 0;
|
|
}
|
|
|
|
.about-text {
|
|
margin-bottom: 0.25em;
|
|
}
|
|
|
|
.about-wrap .wp-badge {
|
|
position: relative;
|
|
margin-bottom: 1.5em;
|
|
width: 100%;
|
|
}
|
|
|
|
.about-wrap .feature-section.three-col div {
|
|
width: 100%;
|
|
float: none;
|
|
}
|
|
|
|
.about-wrap .three-col.about-updates .col-1 {
|
|
padding: 0;
|
|
float: none;
|
|
}
|
|
|
|
.about-wrap .three-col.about-updates .col-2 {
|
|
margin: 0 0 20px;
|
|
width: 100%;
|
|
float: none;
|
|
}
|
|
|
|
/* Align Add Media + Visual + Text tabs */
|
|
#wp-content-media-buttons a {
|
|
font-size: 14px;
|
|
padding: 0 10px 0 10px;
|
|
}
|
|
}
|
|
|
|
@media screen and ( max-width: 782px ) {
|
|
#wpadminbar #wp-admin-bar-menu-toggle a {
|
|
display: block;
|
|
padding: 0;
|
|
overflow: hidden;
|
|
outline: none;
|
|
text-decoration: none;
|
|
border: 1px solid transparent;
|
|
background: none;
|
|
height: 44px;
|
|
margin-left: -1px;
|
|
}
|
|
|
|
li#wp-admin-bar-menu-toggle {
|
|
display: block;
|
|
}
|
|
|
|
#wpadminbar #wp-admin-bar-menu-toggle a:hover {
|
|
border: 1px solid transparent;
|
|
}
|
|
|
|
#wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
|
|
content: '\f228';
|
|
display: inline-block;
|
|
float: left;
|
|
font: normal 40px/45px 'Dashicons';
|
|
vertical-align: middle;
|
|
outline: none;
|
|
margin: 0;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
height: 44px;
|
|
width: 50px;
|
|
padding: 0;
|
|
border: none;
|
|
text-align: center;
|
|
text-decoration: none;
|
|
box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
}
|
|
}
|
|
|
|
/* Smartphone */
|
|
@media screen and (max-width: 600px) {
|
|
#adminmenuwrap,
|
|
#adminmenuback {
|
|
display: none;
|
|
}
|
|
|
|
.wp-responsive-open #adminmenuwrap,
|
|
.wp-responsive-open #adminmenuback {
|
|
display: block;
|
|
}
|
|
|
|
/* Disable horizontal scroll when responsive menu is open
|
|
since we push the main content off to the right. */
|
|
#wpwrap.wp-responsive-open {
|
|
overflow-x: hidden;
|
|
}
|
|
|
|
html.wp-toolbar {
|
|
padding-top: 0;
|
|
}
|
|
|
|
#wpbody {
|
|
padding-top: 46px;
|
|
}
|
|
|
|
.auto-fold #adminmenu {
|
|
top: 46px;
|
|
}
|
|
|
|
#wp-responsive-overlay {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
z-index: 400;
|
|
}
|
|
|
|
/* Keep the close icon from overlapping the Welcome text. */
|
|
.welcome-panel .welcome-panel-close {
|
|
overflow: hidden;
|
|
text-indent: 100%;
|
|
white-space: nowrap;
|
|
width: 20px;
|
|
height: 20px;
|
|
right: 0;
|
|
padding: 5px;
|
|
}
|
|
|
|
/* Make the close icon larger for tappability. */
|
|
#welcome-panel.welcome-panel .welcome-panel-close::before {
|
|
font-size: 20px;
|
|
margin: 0;
|
|
}
|
|
|
|
/* Keep full-width boxes on Edit Post page from causing horizontal scroll */
|
|
div#post-body.metabox-holder.columns-1 {
|
|
overflow-x: hidden;
|
|
}
|
|
|
|
/* Color Picker Options */
|
|
.color-option {
|
|
width: 49%;
|
|
}
|
|
}
|