WordPress/wp-admin/css/wp-admin-rtl.css

13069 lines
220 KiB
CSS
Raw Normal View History

/*------------------------------------------------------------------------------
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-right: 180px;
}
.folded #wpcontent,
.folded #wpfooter {
margin-right: 56px;
}
#wpbody-content {
padding-bottom: 65px;
float: right;
width: 100%;
overflow: visible !important;
}
#adminmenuback,
#adminmenuwrap,
#adminmenu,
#adminmenu .wp-submenu {
width: 160px;
}
#adminmenuback {
position: absolute;
top: 0;
bottom: 0;
z-index: -1;
}
#adminmenu {
clear: right;
margin: 12px 0 0;
padding: 0;
list-style: none;
}
.folded #adminmenuback,
.folded #adminmenuwrap,
.folded #adminmenu,
.folded #adminmenu li.menu-top {
width: 36px;
}
/* inner 2 column liquid layout */
.inner-sidebar {
float: left;
clear: left;
display: none;
width: 281px;
position: relative;
}
.columns-2 .inner-sidebar {
margin-left: 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: right;
clear: right;
width: 100%;
margin-left: -2000px;
}
.has-right-sidebar #post-body-content {
margin-left: 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: left;
clear: left;
width: 65%;
}
.col-wrap {
padding: 0 7px;
}
/* utility classes */
.alignleft {
float: right;
}
.alignright {
float: left;
}
.textleft {
text-align: right;
}
.textright {
text-align: left;
}
.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 {
right: 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;
}
/* 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-width: 1px;
border-style: solid;
clear: none;
cursor: pointer;
display: inline-block;
line-height: 0;
height: 16px;
margin: -4px 0 0 4px;
outline: 0;
padding: 0 !important;
text-align: center;
vertical-align: middle;
width: 16px;
min-width: 16px;
-webkit-appearance: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
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-left: 4px;
line-height: 10px;
}
input[type=checkbox]:disabled,
input[type=radio]:disabled,
input[type=checkbox]:disabled:checked:before,
input[type=radio]:disabled:checked:before {
opacity: 0.7;
}
input[type=checkbox]:checked:before,
input[type=radio]:checked:before {
float: right;
display: inline-block;
vertical-align: middle;
width: 16px;
font: normal 21px/1 'dashicons';
speak: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
input[type=checkbox]:checked:before {
content: '\f147';
margin: -3px -4px 0 0;
}
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;
}
@-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;
}
body {
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: #fbfbfb;
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,
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: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 {
font-size: 1.5em;
margin: .83em 0;
2013-11-20 23:48:09 +01:00
font-weight: 400;
}
h3 {
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-right: 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-right: 1.8em;
}
ul.ul-disc > li,
ul.ul-square > li,
ol.ol-decimal > li {
margin: 0 0 0.5em;
}
.code,
code {
font-family: Consolas, Monaco, monospace;
}
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;
font-size: 13px;
}
.subsubsub {
list-style: none;
margin: 8px 0 0;
padding: 0;
font-size: 13px;
float: right;
}
.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;
}
textarea,
input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="url"],
select,
.tablenav-pages span.current,
#titlediv #title,
#postcustomstuff table,
#postcustomstuff input,
#postcustomstuff textarea,
.imgedit-menu div,
.plugin-update-tr .update-message,
#poststuff .inside .the-tagcloud,
.nav-menus-php .list-container,
.menu-item-handle,
.link-to-original,
.nav-menus-php .major-publishing-actions .form-invalid,
#TB_window,
.tbtitle,
.highlight {
border-width: 1px;
border-style: solid;
}
/* .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 tfoot th {
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: right;
line-height: 1.3em;
font-size: 14px;
}
.widefat th input {
margin: 0 8px 0 0;
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 3px 0 0;
}
.widefat thead th.check-column {
padding-top: 10px;
}
#update-plugins-table tbody th.check-column,
.plugins tbody th.check-column,
.plugins tbody {
padding: 8px 2px 0 0;
}
.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,
#update-plugins-table thead th.check-column,
#update-plugins-table tfoot th.check-column {
padding-right: 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-right: 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 2px 0 20px;
}
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: none;
padding: 1px 12px;
}
div.error,
.login #login_error {
border: none;
}
div.error {
padding: 1px 12px;
}
.wrap h2,
.subtitle {
font-weight: normal;
margin: 0;
}
.wrap h2 {
font-size: 23px;
font-weight: 400;
padding: 9px 0 4px 15px;
line-height: 29px;
}
.subtitle {
font-size: 14px;
padding-right: 25px;
}
.wrap .add-new-h2,
.wrap .add-new-h2:active {
margin-right: 4px;
padding: 4px 8px;
position: relative;
top: -3px;
text-decoration: none;
border: none;
border-radius: 2px;
text-shadow: none;
font-weight: 600;
font-size: 13px;
}
.wrap h2.long-header {
padding-left: 0;
}
html,
.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 {
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,
2013-11-20 23:48:09 +01:00
select:focus,
.widgets-chooser ul,
2013-11-20 23:48:09 +01:00
#widgets-left .widget-in-question .widget-top,
#available-widgets .widget-top:hover,
div#widgets-right .widget-top:hover {
-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;
}
/*------------------------------------------------------------------------------
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;
}
.quicktags,
.search {
font-size: 12px;
}
.icon32 {
display: none;
}
.icon16 {
height: 18px;
width: 18px;
padding: 6px 6px;
margin: -6px -8px 0 0;
float: right;
}
/* New Menu icons */
.icon16:before {
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 {
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-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
form p.submit a.cancel:hover {
text-decoration: none;
}
p.submit {
text-align: right;
max-width: 100%;
margin-top: 20px;
padding-top: 10px;
}
.textright p.submit {
border: none;
text-align: left;
}
table.form-table + p.submit,
table.form-table + input + p.submit,
table.form-table + input + input + p.submit {
border-top: none;
padding-top: 0;
}
table.widefat span.delete a:hover,
table.widefat span.trash a:hover,
table.widefat span.spam a:hover,
#dashboard_recent_comments .delete a:hover,
#dashboard_recent_comments .trash a:hover,
#dashboard_recent_comments .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 {
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 0 0 8px;
}
.tablenav #changeit,
.tablenav #delete_all,
.tablenav #clear-recent-list {
margin-top: 1px;
}
.tablenav .actions select {
float: right;
margin-left: 6px;
max-width: 200px;
}
.ie8 .tablenav .actions select {
width: 155px;
}
.ie8 .tablenav .actions select#cat {
width: 200px;
}
#timezone_string option {
margin-right: 1em;
}
label,
#your-profile label + a {
vertical-align: middle;
}
fieldset label,
#your-profile label + a {
vertical-align: middle;
}
.options-media-php label[for*="_size_"],
#misc-publishing-actions label {
vertical-align: baseline;
}
#misc-publishing-actions label[for="post_status"]:before {
content: '\f173';
display: inline-block;
font: normal 20px/1 'dashicons';
speak: none;
right: -1px;
padding: 0 0 0 5px;
position: relative;
top: 0;
text-decoration: none !important;
vertical-align: top;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
#pass-strength-result {
border-style: solid;
border-width: 1px;
float: right;
margin: 13px 1px 5px 5px;
padding: 3px 5px;
text-align: center;
width: 200px;
display: none;
}
.indicator-hint {
padding-top: 8px;
}
p.search-box {
float: left;
margin: 0;
}
.search-box input[name="s"],
#search-plugins input[name="s"],
.tagsdiv .newtag {
float: right;
height: 28px;
margin: 0 0 0 4px;
}
input[type="text"].ui-autocomplete-loading {
background: transparent url('../images/loading.gif') no-repeat left center;
visibility: visible;
}
ul#add-to-blog-users {
margin: 0 14px 0 0;
}
.ui-autocomplete-input.open {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.ui-autocomplete {
padding: 0;
margin: 0;
list-style: none;
position: absolute;
z-index: 10000;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
border-width: 1px;
border-style: solid;
}
.ui-autocomplete li {
margin-bottom: 0;
white-space: nowrap;
text-align: right;
}
.ui-autocomplete li a {
display: block;
height: 100%;
padding: 4px 10px;
}
.ui-autocomplete li a.ui-state-focus {
cursor: pointer;
}
/*------------------------------------------------------------------------------
3.0 - Actions
------------------------------------------------------------------------------*/
#major-publishing-actions {
padding: 10px;
clear: both;
2013-11-20 23:48:09 +01:00
border-top: 1px solid #ddd;
background: #f5f5f5;
}
#delete-action {
line-height: 28px;
vertical-align: middle;
text-align: right;
float: right;
}
#publishing-action {
text-align: left;
float: left;
line-height: 23px;
}
#publishing-action .spinner {
float: right;
}
#misc-publishing-actions {
padding: 6px 0 0;
}
.misc-pub-section {
padding: 6px 10px 8px;
}
.misc-pub-section:first-child {
border-top-width: 0;
}
.misc-pub-section-last {
border-bottom-width: 0;
}
#minor-publishing-actions {
padding: 10px 10px 0 10px;
text-align: left;
}
#save-post {
float: right;
}
.preview {
float: left;
}
#sticky-span {
margin-right: 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-width: 1px;
border-bottom-style: solid;
}
.side-info ul {
margin: 0;
padding-right: 18px;
list-style: square;
}
.approve,
.unapproved .unapprove {
display: none;
}
.unapproved .approve,
.spam .approve,
.trash .approve {
display: inline;
}
td.action-links,
th.action-links {
text-align: left;
}
/*------------------------------------------------------------------------------
4.0 - Notifications
------------------------------------------------------------------------------*/
#update-nag,
.update-nag {
display: inline-block;
line-height: 19px;
padding: 11px 15px;
font-size: 14px;
text-align: right;
margin: 25px 2px 0 20px;
}
.plugins .plugin-update {
padding: 0;
}
.plugin-update .update-message {
margin: 0 31px 8px 10px;
font-weight: 600;
}
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-right: 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-right: 0 !important;
}
#screen-meta .screen-reader-text {
visibility: hidden;
}
#screen-meta-links {
margin: 0 0 0 20px;
}
#screen-meta-links a {
padding: 3px 16px 3px 6px;
}
#screen-meta-links a:focus {
outline: none;
}
/* screen options and help tabs revert */
#screen-meta {
display: none;
margin: 0 0px -1px 20px;
position: relative;
}
#screen-options-link-wrap,
#contextual-help-link-wrap {
float: left;
height: 28px;
margin: 0 6px 0 0;
}
#screen-meta-links .screen-meta-toggle {
position: relative;
top: 0;
}
#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 {
left: 0;
content: '\f140';
font: normal 20px/1 'dashicons';
speak: none;
display: inline-block;
padding: 0 0 0 5px;
bottom: 2px;
position: relative;
vertical-align: bottom;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-decoration: none !important;
}
#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 right;
background-color: transparent;
height: 22px;
line-height: 22px;
display: block;
}
.toggle-arrow-active {
background-position: bottom right;
}
#screen-options-wrap h5,
#contextual-help-wrap h5 {
margin: 8px 0;
font-size: 13px;
}
.metabox-prefs label {
display: inline-block;
padding-left: 15px;
line-height: 30px;
}
.metabox-prefs label input[type=checkbox] {
margin-top: -4px;
margin-left: 6px;
}
.metabox-prefs label input {
margin: 0 2px 0 5px;
}
.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;
right: 150px;
left: 170px;
border-width: 0 1px;
border-style: solid;
}
#contextual-help-wrap.no-sidebar #contextual-help-back {
left: 0;
border-left-width: 0;
-webkit-border-bottom-left-radius: 2px;
border-bottom-left-radius: 2px;
}
.contextual-help-tabs {
float: right;
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 2px 0 0;
border-color: transparent;
}
.contextual-help-tabs a {
display: block;
padding: 5px 12px 5px 5px;
line-height: 18px;
text-decoration: none;
border-style: solid;
border-width: 1px 0 1px 0;
border-color: transparent;
}
.contextual-help-tabs .active {
padding: 0;
margin: 0 0 0 -1px;
border-width: 0 2px 0 0;
border-style: solid;
}
.contextual-help-tabs-wrap {
padding: 0 20px;
overflow: auto;
}
.help-tab-content {
display: none;
margin: 0 0 12px 22px;
line-height: 1.6em;
}
.help-tab-content.active {
display: block;
}
.help-tab-content ul li {
list-style-type: disc;
margin-right: 18px;
}
.contextual-help-sidebar {
width: 150px;
float: left;
padding: 0 12px 0 8px;
overflow: auto;
}
/*------------------------------------------------------------------------------
7.0 - Main Navigation (Left Menu)
------------------------------------------------------------------------------*/
#adminmenuwrap {
position: relative;
float: right;
}
/* 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;
}
#adminmenu li.menu-top {
border: none;
min-height: 34px;
position: relative;
}
#adminmenu .wp-submenu {
list-style: none;
position: absolute;
top: -1000em;
right: 160px;
overflow: visible;
word-wrap: break-word;
}
#adminmenu .wp-submenu,
.folded #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
.folded #adminmenu .wp-has-current-submenu .wp-submenu {
padding: 7px 0 8px;
z-index: 9999;
}
.js #adminmenu .sub-open,
.js #adminmenu .opensub .wp-submenu,
#adminmenu a.menu-top:focus + .wp-submenu,
.no-js li.wp-has-submenu:hover .wp-submenu {
top: -1px;
}
#adminmenu .wp-has-current-submenu .wp-submenu,
.no-js li.wp-has-current-submenu:hover .wp-submenu,
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
#adminmenu .wp-has-current-submenu .wp-submenu.sub-open,
#adminmenu .wp-has-current-submenu.opensub .wp-submenu {
position: relative;
z-index: 3;
top: auto;
right: auto;
left: auto;
bottom: auto;
border: 0 none;
margin-top: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.folded #adminmenu .wp-submenu.sub-open,
.folded #adminmenu .opensub .wp-submenu,
.folded #adminmenu .wp-has-current-submenu .wp-submenu.sub-open,
.folded #adminmenu .wp-has-current-submenu.opensub .wp-submenu,
.folded #adminmenu a.menu-top:focus + .wp-submenu,
.folded #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu,
.no-js.folded #adminmenu .wp-has-submenu:hover .wp-submenu {
top: 0;
right: 36px;
}
.folded #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
.folded #adminmenu .wp-has-current-submenu .wp-submenu {
position: absolute;
top: -1000em;
}
#adminmenu .wp-not-current-submenu .wp-submenu,
.folded #adminmenu .wp-has-current-submenu .wp-submenu {
min-width: 160px;
width: auto;
}
#adminmenu .wp-submenu a {
font-size: 13px;
line-height: 1.2;
margin: 0;
padding: 6px 0;
}
#adminmenu .wp-not-current-submenu li > a,
.folded #adminmenu .wp-has-current-submenu li > a {
padding-left: 16px;
padding-right: 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 0px 0 0;
opacity: 0.6;
filter: alpha(opacity=60);
}
#adminmenu div.wp-menu-name {
padding: 8px 0;
}
#adminmenu div.wp-menu-image {
float: right;
width: 36px;
height: 30px;
margin: 0;
text-align: center;
}
#adminmenu div.wp-menu-image.svg {
background-repeat: no-repeat;
background-position: center;
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;
}
.folded #adminmenu div.wp-menu-image {
width: 35px;
height: 30px;
position: absolute;
z-index: 25;
}
.folded #adminmenu a.menu-top {
height: 34px;
}
/* No @font-face support */
.no-font-face #adminmenu .wp-menu-image {
display: none;
}
.no-font-face #adminmenu div.wp-menu-name {
padding: 8px 12px;
}
.no-font-face.auto-fold #adminmenu .wp-menu-name {
margin-right: 0;
}
/* End no @font-face support */
/* Sticky admin menu */
.sticky-menu #adminmenuwrap {
position: fixed;
z-index: 99; /* Match the z-index of .wp-submenu to ensure flyout menus don't appear underneath main column elements */
}
/* A new arrow */
.wp-menu-arrow {
display: none !important;
}
ul#adminmenu a.wp-has-current-submenu {
position: relative;
}
ul#adminmenu a.wp-has-current-submenu:after,
ul#adminmenu > li.current > a.current:after {
left: 0;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-width: 8px;
top: 50%;
margin-top: -8px;
}
.folded ul#adminmenu li:hover a.wp-has-current-submenu:after {
display: none;
}
.folded ul#adminmenu a.wp-has-current-submenu:after,
.folded ul#adminmenu > li a.current:after {
border-width: 4px;
margin-top: -4px;
}
/* flyout menu arrow */
#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after {
left: 0;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-width: 8px;
top: 10px;
z-index: 10000;
}
.folded ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after {
border-width: 4px;
margin-top: -4px;
top: 18px;
}
/* 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;
}
.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: 3px;
padding: 0;
margin: 0 0 6px 0;
border-width: 1px 0;
border-style: solid;
cursor: inherit;
}
#adminmenu div.separator {
height: 1px;
padding: 0;
border-width: 1px 0 0 0;
border-style: solid;
}
#adminmenu .wp-submenu .wp-submenu-head {
font-weight: 400;
font-size: 14px;
padding: 8px 11px 8px 4px;
margin: -7px 0px 4px;
}
#adminmenu li.current,
.folded #adminmenu li.wp-menu-open {
border: 0 none;
}
#adminmenu .awaiting-mod,
#adminmenu span.update-plugins,
#sidemenu li a span.update-plugins {
display: inline-block;
font-size: 9px;
line-height: 17px;
font-weight: 600;
margin: 1px 2px 0 0;
vertical-align: top;
-webkit-border-radius: 10px;
border-radius: 10px;
z-index: 26;
}
#adminmenu li .awaiting-mod span,
#adminmenu li span.update-plugins span,
#sidemenu li a span.update-plugins span {
display: block;
padding: 0 6px;
}
#adminmenu li span.count-0,
#sidemenu li a .count-0 {
display: none;
}
#adminmenu #collapse-menu {
font-size: 13px;
line-height: 34px;
margin-top: 10px;
}
.folded #collapse-menu span {
display: none;
}
#collapse-button,
#collapse-button div {
width: 15px;
height: 15px;
}
#collapse-button {
float: right;
height: 15px;
margin: 10px 11px 10px 8px;
width: 15px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
#wpwrap #collapse-button div {
padding: 0;
}
#collapse-button div:after {
content: '\f148';
display: block;
line-height: 15px;
right: -3px;
top: -3px;
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-right: 56px;
}
.auto-fold #adminmenuback,
.auto-fold #adminmenuwrap,
.auto-fold #adminmenu,
.auto-fold #adminmenu li.menu-top {
width: 36px;
}
.auto-fold #adminmenu .wp-submenu.sub-open,
.auto-fold #adminmenu .opensub .wp-submenu,
.auto-fold #adminmenu .wp-has-current-submenu .wp-submenu.sub-open,
.auto-fold #adminmenu .wp-has-current-submenu.opensub .wp-submenu,
.auto-fold #adminmenu a.menu-top:focus + .wp-submenu,
.auto-fold #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu {
top: 0px;
right: 36px;
}
.auto-fold #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
.auto-fold #adminmenu .wp-has-current-submenu .wp-submenu {
position: absolute;
top: -1000em;
margin-left: -1px;
padding: 7px 0 8px;
z-index: 9999;
}
.auto-fold #adminmenu .wp-has-current-submenu .wp-submenu {
min-width: 150px;
width: auto;
}
.auto-fold #adminmenu .wp-has-current-submenu li > a {
padding-left: 16px;
padding-right: 14px;
}
.auto-fold #adminmenu li.menu-top .wp-submenu > li > a {
padding-right: 12px;
}
.auto-fold #adminmenu .wp-menu-name {
display: none;
}
.auto-fold #adminmenu .wp-submenu-head {
display: block;
}
.auto-fold #adminmenu div.wp-menu-image {
height: 30px;
width: 34px;
position: absolute;
z-index: 25;
}
.auto-fold #adminmenu a.menu-top {
height: 34px;
}
.auto-fold #adminmenu li.wp-menu-open {
border: 0 none;
}
.auto-fold #adminmenu .wp-has-current-submenu.menu-top-last {
margin-bottom: 0;
}
.auto-fold ul#adminmenu li:hover a.wp-has-current-submenu:after {
display: none;
}
.auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after {
border-width: 4px;
margin-top: -4px;
top: 16px;
}
.auto-fold ul#adminmenu a.wp-has-current-submenu:after,
.auto-fold ul#adminmenu > li a.current:after {
border-width: 4px;
margin-top: -4px;
}
.auto-fold #adminmenu li.menu-top:hover,
.auto-fold #adminmenu li.opensub > a.menu-top,
.auto-fold #adminmenu li > a.menu-top:focus {
z-index: 10000;
}
.auto-fold #collapse-menu span {
display: none;
}
.auto-fold #collapse-button div {
background: none;
}
.auto-fold #collapse-button div:after {
-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;
}
.post-com-count:after { /* draw bubble connector using CSS! */
content: "";
display: block;
width: 0;
height: 0;
margin-right: 8px;
border-top: 5px solid #bbbbbb;
border-left: 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;
}
strong .post-com-count {
background-position: center -55px;
}
.post-com-count:hover {
background-position: center -3px;
}
.column-response .post-com-count {
float: right;
margin-left: 5px;
text-align: center;
}
.response-links {
float: right;
}
#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;
right: -4px;
position: relative;
vertical-align: top;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-decoration: none !important;
}
/*------------------------------------------------------------------------------
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;
}
.widefat th {
font-weight: normal;
}
.widefat td p {
margin: 2px 0 0.8em;
}
.widefat .column-comment p {
margin: 0.6em 0;
}
/* Screens with postboxes */
.postbox-container {
float: right;
}
#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: left;
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: left;
}
#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 {
2013-11-20 23:48:09 +01:00
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: left;
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: right;
}
#poststuff .postbox-container {
width: 100%;
}
#poststuff #post-body.columns-2 {
margin-left: 300px;
}
#post-body.columns-2 #postbox-container-1 {
float: left;
margin-left: -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: left;
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: left;
}
#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-left: 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: left;
width: 27px;
height: 30px;
}
.js .postbox .handlediv {
cursor: pointer;
}
.sortable-placeholder {
border-width: 1px;
border-style: dashed;
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;
}
.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;
}
#the-comment-list td.comment p.comment-author {
margin-top: 0;
margin-right: 0;
}
#the-comment-list p.comment-author img {
float: right;
margin-left: 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;
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 .about-description {
font-size: 16px;
margin: 0;
}
.welcome-panel .welcome-panel-close {
position: absolute;
top: 5px;
left: 10px;
padding: 20px 3px 0 15px;
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 {
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::before {
position: absolute;
right: -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-right: 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: right;
}
.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;
}
.welcome-panel .welcome-icon {
display: block;
padding: 0 0 8px;
background: transparent !important;
}
.welcome-panel .welcome-icon:before {
font: normal 20px/1 'dashicons';
speak: none;
display: inline-block;
padding: 0 0 0 10px;
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 0 1em 1em;
}
.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;
}
.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-right: 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: right;
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 {
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 {
color: #d54e21;
}
/* Dashboard right now - Icons */
#dashboard_right_now li a:before {
content: '\f159';
font: normal 20px/1 'dashicons';
speak: none;
display: block;
float: right;
margin: 0 0 0 5px;
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 {
content: '\f105';
}
#dashboard_right_now .post-count a: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 0 1px 1px;
}
#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: right;
}
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: left;
}
#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: left;
margin: 0 0 0 12px;
}
#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;
}
#dashboard_quick_press .draft-title {
overflow: hidden;
}
#dashboard_quick_press .draft-title a,
#dashboard_quick_press .draft-title time {
float: right;
margin: 0 0 0 5px;
}
/* Dashboard activity widget */
#dashboard-widgets #dashboard_activity h4 {
margin: 0 12px 8px 0;
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-right: 12px;
vertical-align: middle;
position: relative;
top: -1px;
margin-left: 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 0 0 5px;
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: left;
margin-left: 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: right;
margin-left: 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 */
#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;
right: 13px;
top: 13px;
}
#activity-widget #the-comment-list .dashboard-comment-wrap {
padding-right: 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:before {
content: "";
display: block;
position: absolute;
right: 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-left: 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-left: 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-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: right;
}
.fixed .column-comments .vers {
padding-right: 3px;
}
.fixed .column-comments a {
float: right;
}
.fixed .column-icon {
width: 80px;
}
#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-right: 5px;
}
.sorting-indicator {
display: none;
width: 10px;
height: 4px;
margin-top: 8px;
margin-right: 7px;
}
.sorting-indicator:before {
background: none;
content: '\f142';
font: normal 20px/1 'dashicons';
speak: none;
display: inline-block;
padding: 0;
top: -4px;
right: -8px;
color: #444;
line-height: 10px;
position: relative;
vertical-align: top;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-decoration: none !important;
}
.column-comments .sorting-indicator:before {
top: 0;
right: -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 6px 0 0;
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 10px 8px 7px;
}
.fixed .column-comments.sortable a,
.fixed .column-comments.sorted a {
padding: 8px 0;
}
th.sortable a span,
th.sorted a span {
float: right;
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-left: 1px;
padding: 0 2px;
}
.tablenav-pages .current-page {
padding-top: 0;
text-align: center;
}
.tablenav-pages .next-page {
margin-right: 2px;
}
.tablenav a.button-secondary {
display: block;
margin: 3px 0 0 8px;
}
.tablenav {
clear: both;
height: 30px;
margin: 6px 0 4px;
vertical-align: middle;
}
.tablenav.themes {
max-width: 98%;
}
.tablenav .tablenav-pages {
float: left;
display: block;
cursor: default;
height: 30px;
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;
font-size: 16px;
font-weight: normal;
}
.tablenav .tablenav-pages a.disabled:hover ,
.tablenav .tablenav-pages a.disabled:active {
cursor: default;
}
.tablenav .displaying-num {
margin-left: 2px;
font-size: 12px;
font-style: italic;
}
.tablenav .actions {
overflow: hidden;
padding: 2px 0 0 8px;
}
.tablenav .delete {
margin-left: 20px;
}
.view-switch {
float: left;
margin: 5px 8px 0 16px;
}
.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 {
content: '\f163';
display: inline-block;
float: right;
font: normal 20px/1 'dashicons';
speak: none;
vertical-align: middle;
margin-right: 0;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.view-switch > a + a:before {
margin-right: 5px;
content: '\f164';
}
.filter {
float: right;
margin: -5px 10px 0 0;
}
.filter .subsubsub {
margin-right: -10px;
margin-top: 13px;
}
.screen-per-page {
width: 4em;
}
#posts-filter fieldset {
float: right;
margin: 0 0 1em 1.5ex;
padding: 0;
}
#posts-filter fieldset legend {
padding: 0 1px .2em 0;
}
/*------------------------------------------------------------------------------
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: right;
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 1px 0 0;
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: left;
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: right;
width: 5em;
}
.inline-edit-row fieldset label span.input-text-wrap {
display: block;
margin-right: 5em;
}
.quick-edit-row-post fieldset.inline-edit-col-right label span.title {
width: auto;
padding-left: 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-left: 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: left;
}
/* 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 input[type="text"],
.inline-edit-row fieldset textarea {
border-style: solid;
border-width: 1px;
}
.inline-edit-row fieldset .inline-edit-date {
float: right;
}
.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-style: solid;
border-width: 1px;
overflow-y: scroll;
padding: 0 5px;
margin: 0;
}
#bulk-titles {
display: block;
height: 12em;
border-style: solid;
border-width: 1px;
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: right;
}
#bulk-titles {
line-height: 140%;
}
#bulk-titles div {
margin: 0.2em 0.3em;
}
#bulk-titles div a {
cursor: pointer;
display: block;
float: right;
height: 18px;
margin: 0 -2px 0 3px;
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: right;
}
#lost-connection-notice .spinner {
display: block;
float: right;
margin: 0 0 0 5px;
}
#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;
}
#titlediv #title-prompt-text,
#wp-fullscreen-title-prompt-text {
color: #777;
position: absolute;
font-size: 1.7em;
padding: 11px 10px;
}
#wp-fullscreen-save .fs-saved {
color: #999;
float: left;
margin-top: 4px;
}
#wp-fullscreen-title-prompt-text {
padding: 11px;
}
#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;
}
#edit-slug-box .cancel {
margin-left: 10px;
font-size: 11px;
}
#editable-post-name-full {
display: none;
}
#editable-post-name input {
font-size: 13px;
height: 22px;
margin: 0;
width: 16em;
}
.postarea h3 label {
float: right;
}
.submitbox .submit {
text-align: right;
padding: 12px 10px 10px;
font-size: 11px;
}
.submitbox .submitdelete {
text-decoration: none;
padding: 1px 2px;
}
.submitbox .submit a:hover {
text-decoration: underline;
}
.submitbox .submit input {
margin-bottom: 8px;
margin-left: 4px;
padding: 6px;
}
.inside-submitbox #post_status {
margin: 2px -2px 2px 0;
}
#post-status-select {
margin-top: 3px;
}
/* Post Screen */
#post-body #normal-sortables {
min-height: 50px;
}
.postbox {
position: relative;
min-width: 255px;
}
#trackback_url {
width: 99%;
}
#normal-sortables .postbox .submit {
background: transparent none;
border: 0 none;
float: left;
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;
}
.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-style: solid;
border-width: 1px;
position: relative;
}
ul.add-menu-item-tabs li.tabs,
.wp-tab-active {
border-style: solid solid none;
border-width: 1px 1px 0;
}
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 1px 1px 0;
margin-left: -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-left: 5px;
width: 16em;
}
#side-sortables input#post_password {
width: 94%
}
#side-sortables .tagsdiv #newtag {
width: 68%;
}
#post-status-info {
width: 100%;
}
#post-status-info td {
font-size: 12px;
}
.autosave-info {
padding: 2px 15px;
text-align: left;
}
#editorcontent #post-status-info {
border: none;
}
#content-resize-handle,
#post-body .wp_themeSkin .mceStatusbar a.mceResize {
background: transparent url('../images/resize.gif') no-repeat scroll left bottom;
width: 12px;
height: 12px;
cursor: sw-resize;
}
.rtl #content-resize-handle,
.rtl #post-body .wp_themeSkin .mceStatusbar a.mceResize {
background: transparent url('../images/resize-rtl.gif') no-repeat scroll left bottom;
}
#post-body .wp_themeSkin .mceStatusbar a.mceResize {
bottom: 3px;
position: absolute;
left: 3px;
}
#post-body .postarea .wp_themeSkin .mceStatusbar a.mceResize {
bottom: -20px;
}
#content-resize-handle {
position: absolute;
left: 3px;
bottom: -20px;
}
.press-this #content-resize-handle {
bottom: 2px;
}
.tmce-active #content-resize-handle {
display: none;
}
#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 0 0 2px;
top: 0;
right: -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%;
right: 50%;
width: 450px;
margin-right: -225px;
background: #fff;
line-height: 1.5;
z-index: 1000005;
}
.notification-dialog-background {
position: fixed;
top: 0;
right: 0;
left: 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-left: 10px;
}
#post-lock-dialog .post-locked-avatar {
float: right;
margin: 0 0 20px 20px;
}
#post-lock-dialog .wp-tab-first {
outline: 0;
}
#post-lock-dialog .locked-saving img {
float: right;
margin-left: 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;
}
#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-width: 1px;
border-style: solid;
border-spacing: 0;
}
#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-left: 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;
}
.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;
}
.revisions-tickmarks > div {
position: absolute;
height: 100%;
border-style: solid;
border-width: 0 0 0 1px;
-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-right: -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-right: -32px;
}
.revisions .loading-indicator span.spinner {
display: block;
margin: 0 auto;
float: none;
}
.revisions.loading .loading-indicator {
opacity: 1;
filter: alpha(opacity=100); /* ie8 and earlier */
}
.revisions .diff {
-webkit-transition: opacity 0.5s;
-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;
}
.revision-toggle-compare-mode {
position: absolute;
top: 0;
left: 0;
}
.comparing-two-revisions .revisions-previous,
.comparing-two-revisions .revisions-next,
.revisions-meta .diff-meta-to strong {
display: none;
}
.revisions-controls .author-card .date {
color: #777;
}
.revisions-controls .author-card.autosave {
color: #d54e21;
}
.revisions-controls .author-card .author-name {
font-weight: bold;
}
.comparing-two-revisions .diff-meta-to strong {
display: block;
}
.revisions.pinned .revisions-buttons {
padding: 0 11px;
}
.revisions-previous,
.revisions-next {
position: relative;
z-index: 1;
}
.revisions-previous {
float: right;
}
.revisions-next {
float: left;
}
.revisions-controls .wp-slider {
max-width: 70%;
margin: 0 auto;
top: -3px;
}
.revisions-diff {
padding: 15px;
}
.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;
}
.diff-meta {
padding: 5px;
clear: both;
min-height: 32px;
}
.diff-title strong {
line-height: 32px;
min-width: 60px;
text-align: left;
float: right;
margin-left: 5px;
}
.revisions-controls .author-card .author-info {
font-size: 12px;
line-height: 16px;
}
.revisions-controls .author-card .avatar,
.revisions-controls .author-card .author-info {
float: right;
margin-right: 6px;
margin-left: 6px;
}
.revisions-controls .author-card .byline {
display: block;
font-size: 12px;
}
.revisions-controls .author-card .avatar {
vertical-align: middle;
}
.diff-meta input.restore-revision {
float: left;
margin-right: 6px;
margin-left: 6px;
margin-top: 4px;
}
.diff-meta-from {
display: none;
}
.comparing-two-revisions .diff-meta-from {
display: block;
}
.revisions-tooltip {
position: absolute;
bottom: 105px;
margin-left: 0;
margin-right: -69px;
z-index: 0;
max-width: 350px;
min-width: 130px;
padding: 8px 4px;
display: none;
opacity: 0;
}
.revisions-tooltip.flipped {
margin-right: 0;
margin-left: -70px;
}
.revisions.pinned .revisions-tooltip {
display: none !important;
}
.comparing-two-revisions .revisions-tooltip {
bottom: 145px;
}
.revisions-tooltip-arrow {
width: 70px;
height: 15px;
overflow: hidden;
position: absolute;
right: 0;
margin-right: 35px;
bottom: -15px;
}
.revisions-tooltip.flipped .revisions-tooltip-arrow {
margin-right: 0;
margin-left: 35px;
right: auto;
left: 0;
}
.revisions-tooltip-arrow > span {
content: "";
position: absolute;
right: 20px;
top: -20px;
width: 25px;
height: 25px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.revisions-tooltip.flipped .revisions-tooltip-arrow > span {
right: auto;
left: 20px;
}
.ie8 .revisions-tooltip-arrow > span {
right: 15px;
top: -25px;
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476)";
}
.ie8 .revisions-tooltip.flipped .revisions-tooltip-arrow > span {
left: 25px;
}
.revisions-tooltip,
.revisions-tooltip-arrow > span {
border-width: 1px;
border-style: solid;
}
.revisions-tooltip {
display: none;
}
.arrow {
width: 70px;
height: 16px;
overflow: hidden;
position: absolute;
right: 0;
margin-right: -35px;
bottom: 90px;
z-index: 10000;
}
.arrow::after {
z-index: 9999;
}
.arrow.top {
top: -16px;
bottom: auto;
}
.arrow.left {
right: 20%;
}
.arrow:after {
content: "";
position: absolute;
right: 20px;
top: -20px;
width: 25px;
height: 25px;
-webkit-transform: rotate(45deg);
-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-right: -10px;
}
.rtl div.revisions-controls > .wp-slider > .ui-slider-handle {
margin-left: -10px;
}
/* jQuery UI Slider */
.wp-slider.ui-slider {
position: relative;
border-width: 1px;
border-style: solid;
text-align: right;
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:before {
background: none;
position: absolute;
top: 0;
right: 0;
content: "\f229";
font: normal 18px/1 'dashicons';
speak: none;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing: grayscale;
}
.wp-slider .ui-slider-handle.from-handle:before,
.wp-slider .ui-slider-handle.to-handle:before {
font-size: 20px !important;
margin: -1px -1px 0 0;
}
.wp-slider .ui-slider-handle.from-handle:before {
content: '\f139';
}
.wp-slider .ui-slider-handle.to-handle:before {
content: '\f141';
}
.rtl .wp-slider .ui-slider-handle.from-handle:before {
content: '\f141';
}
.rtl .wp-slider .ui-slider-handle.to-handle:before {
content: '\f139';
left: -1px;
}
.wp-slider .ui-slider-range {
position: absolute;
font-size: .7em;
display: block;
border: 0;
background-color: transparent;
background-image: none;
}
.wp-slider.ui-slider-horizontal {
height: .7em;
}
.wp-slider.ui-slider-horizontal .ui-slider-handle {
top: -.25em;
margin-right: -.6em;
}
.wp-slider.ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%;
}
.wp-slider.ui-slider-horizontal .ui-slider-range-min {
right: 0;
}
.wp-slider.ui-slider-horizontal .ui-slider-range-max {
left: 0;
}
/*------------------------------------------------------------------------------
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: right;
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-left: 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-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-right: 0px;
padding: 2px 0px 2px 0;
}
.post-format-icon:before {
position: relative;
display: inline-block;
margin-left: 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-right: 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: right;
width: 120px;
text-align: left;
/* Negative margin for the sake of those without JS: all tabs display */
margin: 0 5px 0 -120px;
padding: 0;
}
ul.add-menu-item-tabs li {
padding: 3px 8px 3px 5px;
}
#post-body ul.add-menu-item-tabs li.tabs {
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
border-top-right-radius: 3px;
border-bottom-right-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-style: solid;
border-width: 1px;
}
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-right: 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;
}
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 12px -24px 0;
}
#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-width: 1px;
border-style: solid;
}
.wp-customizer .ac_results {
z-index: 500000;
}
.ac_results li {
padding: 2px 5px;
white-space: nowrap;
text-align: right;
}
.ac_over {
cursor: pointer;
}
.ac_match {
text-decoration: underline;
}
/* links tables */
table.links-table {
width: 100%;
}
.links-table th {
font-weight: normal;
text-align: right;
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-left: 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-style: solid;
border-top-width: 1px;
clear: both;
cursor: default;
}
.media-item.media-blank .describe {
border: 0;
}
.media-item .describe th {
vertical-align: top;
text-align: right;
padding: 5px 10px 10px;
width: 140px;
}
.media-item .describe .align th {
padding-top: 0;
}
.media-item .media-item-info tr {
background-color: transparent;
}
.media-item .describe td {
padding: 0 0 8px 8px;
vertical-align: top;
}
.media-item thead.media-item-info td {
padding: 4px 10px 0;
}
.media-item .media-item-info .A1B1 {
padding: 0 10px 0 0;
}
.media-item td.savesend {
padding-bottom: 15px;
}
.media-item .thumbnail {
max-height: 128px;
max-width: 128px;
}
#wpbody-content #async-upload-wrap a {
display: none;
}
.media-upload-form {
margin-top: 20px;
}
.media-upload-form td label {
margin-left: 6px;
margin-right: 2px;
}
.media-upload-form .align .field label {
display: inline;
padding: 0 23px 0 0;
margin: 0 3px 0 1em;
font-weight: 600;
}
.media-upload-form tr.image-size label {
margin: 0 5px 0 0;
font-weight: 600;
}
.media-upload-form th.label label {
font-weight: 600;
margin: 0.5em;
font-size: 13px;
}
.media-upload-form th.label label span {
padding: 0 5px;
}
abbr.required {
border: medium none;
text-decoration: none;
}
.media-item .describe input[type="text"],
.media-item .describe textarea {
width: 460px;
}
.media-item .describe p.help {
margin: 0;
padding: 0 5px 0 0;
}
.media-item .edit-attachment,
.describe-toggle-on,
.describe-toggle-off {
display: block;
line-height: 36px;
float: left;
}
.media-item .describe-toggle-off,
.media-item.open .describe-toggle-on {
display: none;
}
.media-item.open .describe-toggle-off {
display: block;
}
#media-items .media-item {
border-bottom-style: solid;
border-bottom-width: 1px;
min-height: 36px;
position: relative;
width: 100%;
}
#media-items {
width: 623px;
}
.media-new-php #media-items {
margin: 1em 0;
}
#media-items:empty {
border: 0 none;
}
.media-item .filename {
line-height: 36px;
overflow: hidden;
}
.media-item .error-div {
padding-right: 10px;
}
.media-item .pinkynail {
float: right;
margin: 2px 0 0 10px;
max-width: 40px;
max-height: 32px;
}
.media-item .startopen,
.media-item .startclosed {
display: none;
}
.media-item .original {
position: relative;
height: 34px;
}
.media-item .progress {
float: left;
height: 22px;
margin: 7px 0 0;
width: 200px;
line-height: 2em;
padding: 0;
overflow: hidden;
margin-bottom: 2px;
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: left;
margin: 5px 15px 0 4px;
}
/*------------------------------------------------------------------------------
14.1 - Media Library
------------------------------------------------------------------------------*/
.find-box {
width: 600px;
height: 300px;
overflow: hidden;
padding: 33px 0 51px;
position: absolute;
z-index: 1000;
}
.find-box-head {
cursor: move;
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%;
}
.find-box-search {
overflow: hidden;
padding: 9px;
position: relative;
}
.find-box-search .spinner {
float: none;
right: 125px;
position: absolute;
top: 9px;
}
#find-posts-input {
float: right;
width: 140px;
height: 24px;
}
#find-posts-search {
float: right;
margin: 1px 3px 0 4px;
}
#find-posts-response {
margin: 8px 0;
padding: 0 1px 6px;
}
#find-posts-response table {
width: 100%;
}
#find-posts-response .found-radio {
padding: 3px 8px 0 0;
width: 15px;
}
.find-box-buttons {
padding: 8px;
overflow: hidden;
}
.find-box #resize-se {
position: absolute;
left: 1px;
bottom: 1px;
}
.ui-find-overlay {
position: absolute;
top: 0;
right: 0;
background-color: #000;
opacity: 0.6;
filter: alpha(opacity=60);
}
ul#dismissed-updates {
display: none;
}
form.upgrade {
margin-top: 8px;
}
form.upgrade .hint {
font-style: italic;
font-size: 85%;
margin: -0.5em 0 2em 0;
}
#poststuff .inside .the-tagcloud {
margin: 5px 0 10px;
padding: 8px;
border-width: 1px;
border-style: solid;
line-height: 1.8em;
word-spacing: 3px;
-webkit-border-radius: 6px;
border-radius: 6px;
}
.drag-drop #drag-drop-area {
2013-11-20 23:48:09 +01:00
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: left;
opacity: 0.7;
filter: alpha(opacity=70);
width: 20px;
height: 20px;
margin: 2px 5px 0;
}
.no-float {
float: none;
}
.media-disabled,
.imgedit-settings .disabled {
color: grey;
}
.wp_attachment_image,
.A1B1 {
overflow: hidden;
}
.wp_attachment_image .button,
.A1B1 .button {
float: right;
}
.no-js .wp_attachment_image .button {
display: none;
}
.wp_attachment_image .spinner,
.A1B1 .spinner {
float: right;
padding: 0 0 4px 0;
vertical-align: bottom;
}
.imgedit-menu {
margin: 0 0 12px;
min-width: 300px;
}
.imgedit-menu div {
float: right;
width: 32px;
background: none;
margin: 0 0 0 8px;
height: 32px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-align: center;
line-height: 28px;
}
.imgedit-menu div:before {
font: normal 20px/1 'dashicons';
speak: none;
vertical-align: middle;
}
.imgedit-crop:before {
content:'\f165';
}
.imgedit-rleft:before {
content:'\f166';
}
.imgedit-rright:before {
content:'\f167';
}
.imgedit-flipv:before {
content:'\f168';
}
.imgedit-fliph:before {
content:'\f169';
}
.imgedit-undo:before {
content:'\f171';
}
.imgedit-redo:before {
content:'\f172';
}
.imgedit-crop-wrap {
position: relative;
}
.imgedit-crop {
margin: 0 0 0 8px;
}
.imgedit-rleft {
margin: 0 3px;
}
.imgedit-rright {
margin: 0 3px 0 8px;
}
.imgedit-flipv {
margin: 0 3px;
}
.imgedit-fliph {
margin: 0 3px 0 8px;
}
.imgedit-undo {
margin: 0 3px;
}
.imgedit-redo {
margin: 0 3px 0 8px;
}
.imgedit-applyto img {
margin: 0 0 0 8px;
}
.imgedit-group-top {
margin: 5px 0;
}
.imgedit-applyto .imgedit-label {
padding: 2px 0 0;
display: block;
}
.imgedit-help {
display: none;
font-style: italic;
margin-bottom: 8px;
}
a.imgedit-help-toggle {
text-decoration: none;
}
.form-table td.imgedit-response {
padding: 0;
}
.imgedit-submit {
margin: 8px 0;
}
.imgedit-submit-btn {
margin-right: 20px;
}
.imgedit-wrap .nowrap {
white-space: nowrap;
}
span.imgedit-scale-warn {
color: red;
font-size: 20px;
font-style: normal;
visibility: hidden;
vertical-align: middle;
}
.imgedit-group {
margin-bottom: 8px;
padding: 2px 10px;
}
/*------------------------------------------------------------------------------
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;
2013-11-20 23:48:09 +01:00
padding: 15px 10px;
line-height: 1.3;
vertical-align: middle;
}
.form-table th,
.form-wrap label {
font-weight: normal;
text-shadow: none;
vertical-align: baseline;
}
.form-table th {
vertical-align: top;
text-align: right;
padding: 20px 0 20px 10px;
width: 200px;
line-height: 1.3;
font-weight: 600;
}
.form-table th.th-full {
width: auto;
font-weight: 400;
}
.form-table input.tog {
margin-top: 2px;
margin-left: 2px;
float: right;
}
.form-table td p {
margin-top: 4px;
margin-bottom: 0;
}
.form-table td fieldset label {
margin: 0.25em 0 0.5em !important;
display: inline-block;
}
.form-table td fieldset label,
.form-table td fieldset p,
.form-table td fieldset li {
line-height: 1.4em;
}
.form-table input.tog,
.form-table input[type=radio] {
margin-top: -4px;
margin-left: 4px;
float: none;
}
.commentlist li {
padding: 1em 1em .2em;
margin: 0;
border-bottom-width: 1px;
border-bottom-style: solid;
}
.commentlist li li {
border-bottom: 0;
padding: 0;
}
.commentlist p {
padding: 0;
margin: 0 0 .8em;
}
/* reply to comments */
#replyrow input {
border-width: 1px;
border-style: solid;
}
#replyrow td {
padding: 2px;
}
#replysubmit {
margin: 0;
padding: 0 5px 3px;
text-align: center;
}
#replysubmit .spinner {
padding: 2px 0 0;
vertical-align: top;
float: left;
}
#replysubmit .button {
margin-left: 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: right;
padding: 3px 5px 2px 0;
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;
}
.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 0 1px 8px;
line-height: 16px;
}
.spam-undo-inside .avatar,
.trash-undo-inside .avatar {
height: 20px;
width: 20px;
margin-left: 8px;
vertical-align: middle;
}
.stuffbox .editcomment {
clear: none;
}
#comment-status-radio p {
margin: 3px 0 5px;
}
#comment-status-radio input {
margin: 2px 0 5px 3px;
vertical-align: middle;
}
#comment-status-radio label {
padding: 5px 0;
}
.commentlist .avatar {
vertical-align: text-top;
}
#the-comment-list .unapproved th.check-column input {
margin-right: 4px;
}
/*------------------------------------------------------------------------------
16.0 - Themes
------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------
16.1 - Manage Themes
------------------------------------------------------------------------------*/
.theme-browser .themes {
clear: both;
padding: 0 0 100px;
}
.themes-php .wrap h2 {
float: right;
margin-bottom: 15px;
}
.themes-php .wrap h2 .button {
margin-right: 20px;
}
.themes-php .theme-count {
color: #fff;
border-radius: 30px;
background: #777;
font-size: 14px;
padding: 4px 10px;
font-weight: 600;
margin-right: 5px;
margin-left: 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: right;
margin: 0 0 4% 4%;
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;
}
.theme-browser .theme:nth-child(3n) {
margin-left: 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 {
opacity: 0;
-webkit-transition: opacity 0.1s ease-in-out;
transition: opacity 0.1s ease-in-out;
position: absolute;
bottom: 0;
left: 0;
height: 38px;
padding: 9px 10px 0 10px;
background: rgba(244, 244, 244, 0.7);
border-right: 1px solid rgba(0,0,0,0.05);
}
.theme-browser .theme:hover .theme-actions {
opacity: 1;
}
.theme-browser .theme .theme-actions .button-primary {
margin-left: 3px;
}
.theme-browser .theme .theme-actions .button-secondary {
float: none;
margin-right: 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;
right: 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;
}
No-JavaScript and no-Customizer support for the new Themes screen. JavaScript is rarely disabled, but graceful degradation is still important. For example, syntax errors can occur, usually with major WP updates that overhaul entire experiences and update external libraries combined with themes or plugins doing weird or old things. If this error is due to their current theme, a user needs to be able to access the themes screen to switch away from the theme. A more subtle issue could make things painful to diagnose. This commit renders the grid in PHP (the template is duplicated, but it lightweight, fairly mundane, and easy to sync). On Backbone render, the grid is then re-rendered from JavaScript so searches can occur. Customize and Live Preview is disabled if JS fails to kick in. If JS is disabled, old-school "Preview" links are displayed. No-Customizer support: The customizer is only supported when the browser supports postMessage (IE8+), and if the frontend is a different domain, CORS (IE10+). We use the .hide-if-no-customize class for this. Pre-customize "Preview" links should use .hide-if-customize. The .load-customize class should be used to declare a link that opens the customizer. This enables customize-loader.js to intercept this link and load the customizer on top of the current window, making for a smoother experience. fixes #25964. Built from https://develop.svn.wordpress.org/trunk@26726 git-svn-id: http://core.svn.wordpress.org/trunk@26615 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-12-06 17:11:10 +01:00
.theme-browser.rendered .theme:hover .theme-screenshot img {
opacity: 0.4;
}
.theme-browser .theme .more-details {
opacity: 0;
position: absolute;
top: 35%;
left: 25%;
right: 25%;
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;
}
No-JavaScript and no-Customizer support for the new Themes screen. JavaScript is rarely disabled, but graceful degradation is still important. For example, syntax errors can occur, usually with major WP updates that overhaul entire experiences and update external libraries combined with themes or plugins doing weird or old things. If this error is due to their current theme, a user needs to be able to access the themes screen to switch away from the theme. A more subtle issue could make things painful to diagnose. This commit renders the grid in PHP (the template is duplicated, but it lightweight, fairly mundane, and easy to sync). On Backbone render, the grid is then re-rendered from JavaScript so searches can occur. Customize and Live Preview is disabled if JS fails to kick in. If JS is disabled, old-school "Preview" links are displayed. No-Customizer support: The customizer is only supported when the browser supports postMessage (IE8+), and if the frontend is a different domain, CORS (IE10+). We use the .hide-if-no-customize class for this. Pre-customize "Preview" links should use .hide-if-customize. The .load-customize class should be used to declare a link that opens the customizer. This enables customize-loader.js to intercept this link and load the customizer on top of the current window, making for a smoother experience. fixes #25964. Built from https://develop.svn.wordpress.org/trunk@26726 git-svn-id: http://core.svn.wordpress.org/trunk@26615 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-12-06 17:11:10 +01:00
.theme-browser.rendered .theme:hover .more-details {
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;
left: 0;
right: 0;
border-bottom: 1px solid rgba(0,0,0,0.25);
overflow: hidden;
}
.theme-browser .theme .theme-update:before {
content: '\f113';
display: inline-block;
font: normal 20px/1 'dashicons';
margin: 0 0 0 6px;
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-left: 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-right: none;
opacity: 1;
}
.theme-browser .theme.active .theme-actions .button-primary {
margin-left: 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: '';
opacity: 1;
background: rgba(0, 0, 0, 0);
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
padding: 10% 0 0 0;
text-shadow: none;
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: 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%;
right: 50%;
margin-right: -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;
}
.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;
right: 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;
right: -20px;
left: 0;
top: 0;
bottom: 0;
background: rgba( 238, 238, 238, 0.9 );
z-index: 10;
}
body.theme-overlay-open {
overflow: hidden;
}
.theme-overlay .theme-header {
position: absolute;
top: 0;
right: 0;
left: 0;
height: 48px;
border-bottom: 1px solid #ddd;
}
.theme-overlay .theme-header .close {
cursor: pointer;
height: 48px;
width: 50px;
text-align: center;
float: left;
border-right: 1px solid #ddd;
}
.theme-overlay .theme-header .close:hover: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;
height: 48px;
width: 54px;
float: right;
text-align: center;
border-left: 1px solid #ddd;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.theme-overlay .theme-header .close:hover,
.theme-overlay .theme-header .right:hover,
.theme-overlay .theme-header .left:hover {
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%;
right: 190px;
left: 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 {
right: 70px;
}
.theme-overlay .theme-about {
position: absolute;
top: 49px;
bottom: 57px;
right: 0;
left: 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;
right: 0;
left: 0;
padding: 10px 25px 5px;
background: #f3f3f3;
z-index: 30;
box-sizing: border-box;
border-top: 1px solid #eee;
}
.theme-overlay .theme-actions a {
margin-left: 5px;
margin-bottom: 5px;
}
.theme-overlay .theme-actions .delete-theme {
color: #a00;
position: absolute;
left: 10px;
bottom: 5px;
text-decoration: none;
border-color: transparent;
box-shadow: none;
background: transparent;
}
.theme-overlay .theme-actions .delete-theme:hover {
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: right;
margin: 0 0 0 30px;
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;
right: 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-right: 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;
right: 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: right;
}
.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-right: 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-left: 5px;
}
/* Theme Updates info */
.theme-overlay .theme-update-message {
background: #fefaf7;
border: 1px solid #eee;
border-right: 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-right: 4px solid #2ea2cc;
font-size: 14px;
font-weight: normal;
margin-top: 30px;
padding: 10px 20px 10px 10px;
}
.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;
right: auto;
left: 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 0 3% 3%;
}
#wpwrap .theme-browser .theme:nth-child(3n),
#wpwrap .theme-browser .theme:nth-child(4n) {
margin-left: 3%;
}
#wpwrap .theme-browser .theme:nth-child(5n) {
margin-left: 0;
}
}
/* Maximum screenshot width reaches 440px */
@media only screen and (min-width: 1640px) {
.theme-browser .theme {
width: 22.7%;
margin: 0 0 3% 3%;
}
.theme-browser .theme .theme-screenshot:after {
padding-top: 75%; /* using a 4/3 aspect ratio */
}
.theme-browser .theme:nth-child(3n) {
margin-left: 3%;
}
.theme-browser .theme:nth-child(4n) {
margin-left: 0;
}
body.folded .theme-overlay .theme-wrap {
left: 15%;
right: 22%;
}
}
/* Maximum screenshot width reaches 440px */
@media only screen and (max-width: 1120px) {
.theme-browser .theme {
width: 47.5%;
margin-left: 0;
}
.theme-browser .theme:nth-child(even) {
margin-left: 0;
}
.theme-browser .theme:nth-child(odd) {
margin-left: 5%;
}
}
/* Admin menu is folded */
@media only screen and (max-width: 900px) {
.theme-overlay .theme-wrap {
right: 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 */
left: 0;
bottom: 0;
right: 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-right: 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-left: 0;
}
.theme-browser .theme:nth-child(2n),
.theme-browser .theme:nth-child(3n) {
margin-left: 0;
}
}
@media only screen and (max-width: 650px) {
.theme-overlay .theme-update,
.theme-overlay .theme-description {
margin-right: 0;
}
.theme-overlay .theme-actions .delete-theme {
position: relative;
left: 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;
right: 0;
top: 0;
left: 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%;
right: 50%;
text-indent: 0;
margin-right: -40px;
}
.single-theme .theme-wrap {
margin: 0 -10px 0 -12px;
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: right;
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-left: 10px;
overflow: hidden;
padding: 20px 0 20px 20px;
vertical-align: top;
width: 300px;
}
.available-theme .screenshot {
width: 300px;
height: 225px;
display: block;
border-width: 1px;
border-style: solid;
margin-bottom: 10px;
overflow: hidden;
}
.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: right;
padding-left: 10px;
margin-left: 10px;
border-left: 1px solid #dfdfdf;
}
.available-theme .action-links li {
padding-left: 8px;
margin-left: 8px;
}
.ie8 .available-theme .action-links li {
padding-left: 7px;
margin-left: 7px;
}
.available-theme .action-links li:last-child {
padding-left: 0;
margin-left: 0;
border-left: 0;
}
.available-theme .action-links .delete-theme {
float: left;
margin-right: 8px;
margin-left: 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: right;
}
/* 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%;
}
}
#post-body ul.add-menu-item-tabs li.tabs a,
#TB_window #TB_title a.tb-theme-preview-link,
#TB_window #TB_title a.tb-theme-preview-link:visited {
font-weight: 600;
text-decoration: none;
}
#TB_window #TB_title {
background-color: #222;
color: #cfcfcf;
}
/*------------------------------------------------------------------------------
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: right;
margin: 0 0 20px 20px;
}
.appearance_page_custom-header .random-header {
clear: both;
margin: 0 0 20px 20px;
vertical-align: middle;
}
.appearance_page_custom-header .available-headers label input,
.appearance_page_custom-header .random-header label input {
margin-left: 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
------------------------------------------------------------------------------*/
#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 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 2em 0 0;
}
.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 .update th,
.plugins .update td {
border-bottom: 0;
}
.plugin-update-tr td {
border-top: 0;
}
#wpbody-content .plugins .plugin-title,
#wpbody-content .plugins .theme-title {
padding-left: 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 {
border: none;
font-size: 13px;
font-weight: normal;
margin: 6px 12px 12px;
padding: 6px 12px;
}
.plugin-update-tr .update-message:before {
content: '\f113';
display: inline-block;
font: normal 20px/1 'dashicons';
speak: none;
margin: 0 -2px 0 8px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
vertical-align: top;
}
.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-left: 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 9px 8px 12px;
}
.pressthis a span:before {
font: normal 20px/1 'dashicons';
content:'\f157';
position: relative;
display: inline-block;
top: 4px;
margin-left: 4px;
}
.pressthis a:after {
content: '';
width: 70%;
height: 55%;
z-index: -1;
position: absolute;
left: 10px;
bottom: 9px;
background: transparent;
-webkit-transform: skew(20deg) rotate(6deg);
-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-right: 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;
right: 0;
left: 0;
padding: 10px 0;
margin-left: 20px;
border-top-width: 1px;
border-top-style: solid;
}
#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 20px 0 40px;
max-width: 1050px; /* readability */
font-size: 15px;
}
.about-wrap hr {
border: 0;
height: 0;
margin: 0;
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.about-wrap img {
margin: 0.5em 5px 0.5em 0;
max-width: 100%;
}
/* Typography */
.about-wrap p {
line-height: 1.6em;
font-size: 14px;
}
.about-wrap h1 {
margin: 0.2em 0 0 200px;
line-height: 1.2em;
font-size: 2.8em;
font-weight: 400;
}
.about-wrap .about-text,
.about-wrap p.about-description,
.about-wrap li.wp-person a.web {
font-weight: normal;
line-height: 1.6em;
font-size: 19px;
}
.about-description {
margin-top: 1.4em;
}
.about-text {
margin: 1em 0 1em 200px;
min-height: 60px;
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;
}
.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: url('../images/w-logo-white.png?ver=20131202') no-repeat;
background: none, url('../images/wordpress-logo-white.svg?ver=20131110') no-repeat;
background-position: center 24px;
background-size: 85px 85px;
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;
}
.about-wrap .wp-badge {
position: absolute;
top: 0;
left: 0;
}
/* Tabs */
.about-wrap h2.nav-tab-wrapper {
padding-right: 6px;
}
.about-wrap h2 .nav-tab {
padding: 4px 15px 6px;
margin: 0 0 -1px 3px;
font-size: 18px;
vertical-align: top;
border-width: 1px;
}
.about-wrap h2 .nav-tab-active {
font-weight: bold;
}
/* Changelog / Update screen */
.about-wrap .feature-section {
padding-bottom: 20px;
}
.about-wrap .feature-section.col {
margin-bottom: 0;
}
.about-wrap .feature-section.center-col > div {
margin: auto;
width: 60%;
}
.about-wrap .about-colors .one-col > div {
width: 100%;
}
.about-wrap .feature-section.two-col > div {
position: relative;
width: 50%;
float: right;
}
.about-wrap .feature-section.three-col > div {
position: relative;
width: 29.95%;
margin-left: 4.999999999%;
float: right;
}
.about-wrap .feature-section.col .last-feature {
margin-left: 0;
}
.about-wrap .about-updates img,
.about-wrap .about-twentyfourteen img {
margin: 2em 0 0 0;
border: 1px solid #ddd;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.about-wrap .about-twentyfourteen img {
margin-top: 1em;
}
.about-wrap .changelog .feature-section {
overflow: hidden;
}
.about-wrap .about-colors .scheme-list {
margin-bottom: 1em;
}
.about-wrap .about-colors .color-option {
padding-top: 10px;
}
.about-wrap .about-colors .color-option label {
display: inline-block;
margin: 0.25em 0 0.5em;
}
.about-wrap .feature-section.two-col div p {
margin-left: 3%;
}
.about-wrap .feature-section div p img {
float: left;
margin-right: 10px;
max-width: 20%;
}
.about-wrap .changelog li {
list-style-type: disc;
margin-right: 3em;
}
/* Return to Dashboard Home link */
.about-wrap .return-to-dashboard {
margin: 30px -5px 0 0;
font-size: 14px;
font-weight: bold;
}
.about-wrap .return-to-dashboard a {
text-decoration: none;
padding: 0 5px;
}
/* Credits */
.about-wrap h4.wp-people-group {
margin-top: 2.6em;
font-size: 16px;
}
.about-wrap ul.wp-people-group {
overflow: hidden;
padding: 0 5px;
margin: 0 -5px 0 -15px;
}
.about-wrap ul.compact {
margin-bottom: 0
}
.about-wrap li.wp-person {
float: right;
margin-left: 10px;
}
.about-wrap li.wp-person img.gravatar {
float: right;
margin: 0 0 10px 10px;
padding: 2px;
width: 60px;
height: 60px;
}
.about-wrap ul.compact li.wp-person img.gravatar {
width: 30px;
height: 30px;
}
.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;
right: 0;
left: 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;
right: 0;
padding: 0;
margin: 0;
z-index: 10;
overflow: auto;
background: transparent;
border-left: none;
}
.wp-full-overlay.collapsed .wp-full-overlay-sidebar {
overflow: visible;
}
.wp-full-overlay.collapsed,
.wp-full-overlay.expanded .wp-full-overlay-sidebar {
margin-right: 0 !important;
}
.wp-full-overlay.expanded {
margin-right: 300px;
}
.wp-full-overlay.collapsed .wp-full-overlay-sidebar {
margin-right: -300px;
}
.wp-full-overlay-sidebar:after {
content: '';
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 3px;
z-index: 1000;
}
.wp-full-overlay-main {
position: absolute;
right: 0;
left: 0;
top: 0;
bottom: 0;
height: 100%;
}
.wp-full-overlay-sidebar .wp-full-overlay-header {
position: absolute;
right: 0;
left: 0;
height: 45px;
2013-11-20 23:48:09 +01:00
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 {
2013-11-20 23:48:09 +01:00
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;
right: 0;
left: 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;
right: 0;
z-index: 50;
display: block;
width: 19px;
height: 19px;
margin-right: 15px;
padding: 0;
border-radius: 50%;
text-decoration: none;
}
.wp-full-overlay.collapsed .collapse-sidebar {
position: absolute;
right: 100%;
}
.wp-full-overlay .collapse-sidebar-arrow {
position: static;
margin-top: 0;
margin-right: 0;
display: block;
width: auto;
height: auto;
background: none;
}
.wp-full-overlay .collapse-sidebar-arrow:before {
border-radius: 50%;
float: right;
content: "\f148";
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;
right: 100%;
line-height: 20px;
margin-right: 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: right, left, top, bottom, width, margin;
-moz-transition-property: right, left, top, bottom, width, margin;
-ms-transition-property: right, left, top, bottom, width, margin;
-o-transition-property: right, left, top, bottom, width, margin;
transition-property: right, left, 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;
right: 0;
left: 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: left;
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: right;
}
.theme-details .star-rating {
margin: 7px 0;
float: left;
}
.theme-details .theme-description {
float: right;
color: #777;
line-height: 20px;
}
#theme-installer .wp-full-overlay-header {
margin-top: 9px;
}
#theme-installer .wp-full-overlay-header .theme-install {
float: left;
/* 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-left: 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-style: solid;
border-width: 1px 1px 0;
font-size: 12px;
line-height: 16px;
display: inline-block;
padding: 4px 14px 6px;
text-decoration: none;
margin: -4px 0 -1px 4px;
}
.nav-tab-active {
border-width: 1px;
}
.nav-tab-active,
.nav-tab-active:hover {
border-bottom-width: 1px;
border-bottom-style: solid;
}
h2.nav-tab-wrapper,
h3.nav-tab-wrapper {
border-bottom-width: 1px;
border-bottom-style: solid;
padding-bottom: 0;
padding-right: 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-left: 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-author img, .column-username img {
float: right;
margin-left: 10px;
margin-top: 1px;
}
.row-actions {
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-right: 14px;
font-size: 12px;
overflow: auto;
}
.tagchecklist br {
display: none;
}
.tagchecklist strong {
margin-right: -8px;
position: absolute;
}
.tagchecklist span {
margin-left: 25px;
display: block;
float: right;
font-size: 13px;
line-height: 1.8em;
white-space: nowrap;
cursor: default;
}
.tagchecklist span a {
margin: 1px -17px 0 0;
cursor: pointer;
width: 20px;
height: 20px;
display: block;
float: right;
text-indent: 0;
overflow: hidden;
position: absolute;
}
#poststuff h2 {
margin-top: 20px;
font-size: 1.5em;
margin-bottom: 15px;
padding: 0 0 3px;
clear: right;
}
#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%;
}
.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 315px 0 15px;
list-style: none;
position: relative;
float: left;
padding-right: 10px;
font-size: 12px;
}
#sidemenu a {
padding: 0 7px;
display: block;
float: right;
line-height: 28px;
border-top-width: 1px;
border-top-style: solid;
border-bottom-width: 1px;
border-bottom-style: solid;
-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;
}
#sidemenu a.current {
font-weight: normal;
padding-right: 6px;
padding-left: 6px;
-webkit-border-top-right-radius: 3px;
-webkit-border-top-left-radius: 3px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
border-width: 1px;
border-style: solid;
}
#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: right;
}
.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-left: 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;
left: 10px;
padding: 0;
top: 5px;
}
.js #dashboard-widgets h3 .postbox-title-action {
left: 33px;
}
#dashboard-widgets h4 {
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 #latest-comments #the-comment-list .comment-item {
padding: 1em 12px;
}
#latest-comments #the-comment-list .pingback {
padding-right: 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-right: 3px;
}
.rss-widget cite {
display: block;
text-align: left;
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-left: 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-right: 0;
padding: 26px 24px 46px;
font-weight: normal;
overflow: hidden;
}
.login form .forgetmenot {
font-weight: normal;
float: right;
margin-bottom: 0;
}
.login .button-primary {
float: left;
}
#login form p {
margin-bottom: 0;
}
#login form p.submit {
margin: 0;
padding: 0;
}
.login label {
color: #777;
font-size: 14px;
}
.login form .forgetmenot label {
font-size: 12px;
line-height: 19px;
}
.login h1 {
text-align: center;
}
.login h1 a {
background-image: url('../images/w-logo-blue.png?ver=20131202');
background-image: none, url('../images/wordpress-logo.svg?ver=20131107');
background-size: 80px 80px;
background-position: center top;
background-repeat: no-repeat;
color: #999;
height: 80px;
font-size: 20px;
font-weight: normal;
line-height: 1.3em;
margin: 0 auto 25px;
padding: 0;
text-decoration: none;
width: 80px;
text-indent: -9999px;
outline: none;
overflow: hidden;
display: block;
}
#login {
width: 320px;
padding: 8% 0 0;
margin: auto;
}
#login_error,
.login .message {
margin-right: 0;
padding: 12px;
}
.login #nav,
.login #backtoblog {
font-size: 13px;
padding: 0 24px 0;
}
.login #nav {
margin: 24px 0 0 0;
}
#backtoblog {
margin: 16px 0 0 0;
}
.login form .input,
.login input[type="text"] {
font-size: 24px;
line-height: 1;
width: 100%;
padding: 3px;
margin: 2px 0 16px 6px;
}
.login #pass-strength-result {
width: 250px;
font-weight: 600;
border-style: solid;
border-width: 1px;
margin: 12px 0 6px;
padding: 6px 5px;
text-align: center;
}
.mobile #login {
padding: 20px 0;
}
.mobile #login form,
.mobile #login .message,
.mobile #login_error {
margin-right: 0;
}
.mobile #login #nav,
.mobile #login #backtoblog {
margin-right: 8px;
}
.mobile #login h1 a {
width: auto;
}
body.interim-login {
height: auto;
}
.interim-login #login {
padding: 0;
margin: 5px auto 20px;
}
.interim-login.login h1 a {
width: auto;
}
.interim-login #login_error,
.interim-login.login .message {
margin: 0 0 16px;
}
.interim-login.login form {
margin: 0;
}
/* 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-right: 300px;
margin-top: 23px;
}
#nav-menus-frame .accordion-section-content .inside {
font-size: 14px;
}
#wpbody-content #menu-settings-column {
display:inline;
width:281px;
margin-right: -300px;
clear: both;
float: right;
padding-top: 0;
}
#menu-settings-column .inside {
clear: both;
margin: 10px 0 0;
}
.metabox-holder-disabled .postbox,
.metabox-holder-disabled .accordion-section-content,
.metabox-holder-disabled .accordion-section-title {
opacity: 0.5;
filter: alpha(opacity=50);
}
.metabox-holder-disabled .button-controls .select-all {
display: none;
}
#wpbody {
position: relative;
}
.blank-slate .menu-name {
height: 2em;
}
.blank-slate .menu-settings {
border: none;
margin-top: 0;
padding-top: 0;
overflow: hidden;
}
.is-submenu {
font-style: italic;
font-weight: normal;
margin-right: 4px;
}
.manage-menus {
margin-top: 23px;
padding: 10px;
overflow: hidden;
}
.manage-menus select {
float: right;
margin-left: 6px;
}
.manage-menus .selected-menu {
float: right;
margin: 5px 0 0 6px;
}
.manage-menus .submit-btn {
float: right;
margin-top: 1px;
}
.menu-edit p {
margin: .3em 0 .6em;
}
.menu-edit #post-body-content h3 {
margin: 1em 0 10px;
}
.menu-settings {
border-top-width: 1px;
border-top-style: solid;
margin-top: 2em;
}
.menu-settings dl {
margin: 0 0 10px;
overflow: hidden;
padding-right: 18%;
}
.menu-settings dd {
float: right;
margin: 0;
width: 100%;
}
.menu-settings dt {
float: right;
clear: both;
width: 21.951%;
padding: 3px 0 0;
margin-right: -21.951%;
}
.menu-settings label {
vertical-align: baseline;
}
.menu-edit .checkbox-input {
margin-top: 4px;
}
.theme-location-set {
font-size: 11px;
}
/* Menu Container */
#menu-management-liquid {
float: right;
min-width: 100%;
margin-top: 3px;
}
#menu-management {
position: relative;
margin-left: 20px;
margin-top: -3px;
width: 100%;
}
#menu-management .menu-edit {
margin-bottom: 20px;
}
.nav-menus-php #post-body {
padding: 0 10px 10px;
border-width: 1px 0;
border-style: solid;
}
#nav-menu-header,
#nav-menu-footer {
padding: 0 10px;
}
#nav-menu-header {
border-bottom: 1px solid;
margin-bottom: 0;
}
#nav-menu-header .menu-name-label {
margin-top: 4px;
}
.nav-menus-php #post-body div.updated,
.nav-menus-php #post-body div.error {
margin: 0;
}
.nav-menus-php #post-body-content {
position: relative;
float: none;
}
#menu-management .menu-add-new abbr {
font-weight:600;
}
#select-nav-menu-container {
text-align: left;
padding: 0 10px 3px 10px;
margin-bottom: 5px;
}
#select-nav-menu {
width: 100px;
display: inline;
}
#menu-name-label {
margin-top: -2px;
}
.widefat td.menu-location-menus {
padding-bottom: 5px;
}
.menu-location-menus select {
float: right;
}
#locations-nav-menu-wrapper {
padding: 5px 0;
}
.locations-nav-menu-select select {
float: right;
width: 160px;
margin-left: 5px;
}
.locations-row-links {
float: right;
margin: 6px 6px 0 0;
}
.locations-edit-menu-link,
.locations-add-menu-link {
margin: 0 3px;
}
.locations-edit-menu-link {
padding-left: 3px;
border-left: 1px solid #ccc;
}
#wpbody .open-label {
display: block;
float:right;
}
#wpbody .open-label span {
padding-left: 10px;
}
.js .input-with-default-title {
font-style: italic;
}
#menu-management .inside {
padding: 0 10px;
}
/* Add Menu Item Boxes */
.postbox .howto input,
.accordion-container .howto input {
width: 180px;
float: left;
}
.accordion-container .outer-border {
margin: 0;
}
.customlinkdiv .howto input {
width: 180px;
}
.customlinkdiv p {
margin-top: 0
}
#nav-menu-theme-locations .howto select {
width: 100%;
}
#nav-menu-theme-locations .button-controls {
text-align: left;
}
.add-menu-item-view-all {
height: 400px;
}
/* Button Primary Actions */
#menu-container .submit {
margin: 0 0 10px;
padding: 0;
}
.nav-menus-php .add-new-menu-action {
float: right;
margin: 6px 6px 0 0;
line-height: 15px;
}
.nav-menus-php .meta-sep,
.nav-menus-php .submitdelete,
.nav-menus-php .submitcancel {
display: block;
float: right;
margin: 6px 0;
line-height: 15px;
}
.meta-sep {
padding: 0 2px;
}
#cancel-save {
text-decoration: underline;
font-size: 12px;
margin-right: 20px;
margin-top: 5px;
}
.button.right, .button-secondary.right, .button-primary.right {
float: left;
}
/* Button Secondary Actions */
.list-controls {
float: right;
margin-top: 5px;
}
.add-to-menu {
float: left;
}
.postbox .spinner {
display: none;
vertical-align: middle;
}
.button-controls {
clear:both;
margin: 10px 0;
}
.show-all,
.hide-all {
cursor: pointer;
}
.hide-all {
display: none;
}
/* Create Menu */
#menu-name {
width: 270px;
}
#manage-menu .inside {
padding: 0px 0px;
}
/* Custom Links */
#available-links dt {
display: block;
}
#add-custom-link .howto {
font-size: 12px;
}
#add-custom-link label span {
display: block;
float: right;
margin-top: 5px;
padding-left: 5px;
}
.menu-item-textbox {
width: 180px;
}
.nav-menus-php .howto span {
margin-top: 6px;
display: block;
float: right;
}
/* Menu item types */
.quick-search {
width: 190px;
}
.nav-menus-php .list-wrap {
display: none;
clear: both;
margin-bottom: 10px;
}
.nav-menus-php .list-container {
max-height: 200px;
overflow-y: auto;
padding: 10px 10px 5px;
}
.nav-menus-php .postbox p.submit {
margin-bottom: 0;
}
/* Listings */
.nav-menus-php .list li {
display: none;
margin: 0;
margin-bottom: 5px;
}
.nav-menus-php .list li .menu-item-title {
cursor: pointer;
display: block;
}
.nav-menus-php .list li .menu-item-title input {
margin-left: 3px;
margin-top: -3px;
}
.menu-item-title input[type=checkbox] {
display: inline-block;
margin-top: -4px;
}
/* Nav Menu */
#menu-container .inside {
padding-bottom: 10px;
}
.menu {
padding-top:1em;
}
#menu-to-edit {
margin: 0;
padding: 0.1em 0;
}
.menu ul {
width: 100%;
}
.menu li {
margin-bottom: 0;
position:relative;
}
.menu-item-bar {
clear:both;
line-height:1.5em;
position:relative;
margin: 9px 0 0;
}
.menu-item-bar .menu-item-handle {
border: 1px solid #dfdfdf;
position: relative;
2013-11-20 23:48:09 +01:00
padding: 10px 15px;
height: auto;
2013-11-20 23:48:09 +01:00
width: 382px;
line-height: 30px;
overflow: hidden;
word-wrap: break-word;
}
#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;
}
.menu-item-handle .item-title {
font-size: 13px;
font-weight: 600;
line-height: 20px;
display: block;
margin-left: 13em;
}
/* Sortables */
li.menu-item.ui-sortable-helper dl {
margin-top: 0;
}
li.menu-item.ui-sortable-helper .menu-item-transport dl {
margin-top: 13px;
}
.menu .sortable-placeholder {
height: 35px;
width: 410px;
margin-top: 13px;
}
/* WARNING: The factor of 30px is hardcoded into the nav-menus javascript. */
.menu-item-depth-0 { margin-right: 0px; }
.menu-item-depth-1 { margin-right: 30px; }
.menu-item-depth-2 { margin-right: 60px; }
.menu-item-depth-3 { margin-right: 90px; }
.menu-item-depth-4 { margin-right: 120px; }
.menu-item-depth-5 { margin-right: 150px; }
.menu-item-depth-6 { margin-right: 180px; }
.menu-item-depth-7 { margin-right: 210px; }
.menu-item-depth-8 { margin-right: 240px; }
.menu-item-depth-9 { margin-right: 270px; }
.menu-item-depth-10 { margin-right: 300px; }
.menu-item-depth-11 { margin-right: 330px; }
.menu-item-depth-0 .menu-item-transport { margin-right: 0px; }
.menu-item-depth-1 .menu-item-transport { margin-right: -30px; }
.menu-item-depth-2 .menu-item-transport { margin-right: -60px; }
.menu-item-depth-3 .menu-item-transport { margin-right: -90px; }
.menu-item-depth-4 .menu-item-transport { margin-right: -120px; }
.menu-item-depth-5 .menu-item-transport { margin-right: -150px; }
.menu-item-depth-6 .menu-item-transport { margin-right: -180px; }
.menu-item-depth-7 .menu-item-transport { margin-right: -210px; }
.menu-item-depth-8 .menu-item-transport { margin-right: -240px; }
.menu-item-depth-9 .menu-item-transport { margin-right: -270px; }
.menu-item-depth-10 .menu-item-transport { margin-right: -300px; }
.menu-item-depth-11 .menu-item-transport { margin-right: -330px; }
body.menu-max-depth-0 { min-width: 950px !important; }
body.menu-max-depth-1 { min-width: 980px !important; }
body.menu-max-depth-2 { min-width: 1010px !important; }
body.menu-max-depth-3 { min-width: 1040px !important; }
body.menu-max-depth-4 { min-width: 1070px !important; }
body.menu-max-depth-5 { min-width: 1100px !important; }
body.menu-max-depth-6 { min-width: 1130px !important; }
body.menu-max-depth-7 { min-width: 1160px !important; }
body.menu-max-depth-8 { min-width: 1190px !important; }
body.menu-max-depth-9 { min-width: 1220px !important; }
body.menu-max-depth-10 { min-width: 1250px !important; }
body.menu-max-depth-11 { min-width: 1280px !important; }
/* Menu item controls */
.item-type {
font-size: 12px;
2013-11-20 23:48:09 +01:00
padding: 12px 10px;
line-height: 18px;
display: block;
}
.item-controls {
font-size: 12px;
position: absolute;
left: 20px;
top: -1px;
}
.item-controls a {
text-decoration: none;
}
.item-controls a:hover {
cursor: pointer;
}
.item-controls .item-order {
padding-left: 10px;
}
.nav-menus-php .item-edit {
position: absolute;
left: -20px;
top: 0;
display: block;
width: 30px;
2013-11-20 23:48:09 +01:00
height: 40px;
margin-left: 0 !important;
text-indent: 100%;
outline: none;
overflow: hidden;
white-space: nowrap;
}
/* Menu editing */
.menu-instructions-inactive {
display: none;
}
.menu-item-settings {
display: block;
width: 402px;
padding: 10px 10px 10px 0;
2013-11-20 23:48:09 +01:00
position: relative;
z-index: 10; /* Keep .item-title's shadow from appearing on top of .menu-item-settings */
}
.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;
font-size: 12px;
font-style: italic;
}
.link-to-original a {
padding-right: 4px;
font-style: normal;
}
.hidden-field {
display: none;
}
.menu-item-settings .description-thin,
.menu-item-settings .description-wide {
margin-left: 10px;
float: right;
}
.description-thin {
width: 190px;
height: 40px;
}
.description-wide {
width: 390px;
}
.menu-item-actions {
padding-top: 15px;
}
#cancel-save {
cursor: pointer;
}
/* Major/minor publishing actions (classes) */
.nav-menus-php .major-publishing-actions {
clear: both;
padding: 3px 0 6px;
}
.nav-menus-php .major-publishing-actions .publishing-action {
text-align: left;
float: left;
line-height: 23px;
margin: 4px 0 1px;
}
.nav-menus-php .blank-slate .menu-settings {
display: none;
}
.nav-menus-php .delete-action {
float: right;
margin-top: 2px;
}
.nav-menus-php .submitbox .submitcancel {
border-bottom: 1px solid;
padding: 1px 2px;
text-decoration: none;
}
.nav-menus-php .major-publishing-actions .form-invalid {
padding-right: 4px;
margin-right: -4px;
border: 0 none;
}
/* 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 right;
}
div.star-holder .star-rating {
background: url('../images/stars.png?ver=20121108') repeat-x top right;
height: 17px;
float: right;
}
/* 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';
}
.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-width: 1px;
border-bottom-style: solid;
height: 2.5em;
}
#plugin-information ul#sidemenu {
font-weight: normal;
margin: 0 5px;
position: absolute;
right: 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-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
#plugin-information .action-button a {
text-align: center;
font-weight: 600;
text-decoration: none;
display: block;
line-height: 2em;
}
#plugin-information h2 {
clear: none !important;
margin-left: 200px;
}
#plugin-information .fyi {
margin: 0 10px 50px;
width: 210px;
}
#plugin-information .fyi h2 {
font-size: 0.9em;
margin-bottom: 0;
margin-left: 0;
}
#plugin-information .fyi h2.mainheader {
padding: 5px;
-webkit-border-top-right-radius: 3px;
border-top-right-radius: 3px;
}
#plugin-information .fyi ul {
padding: 10px 7px 10px 5px;
margin: 0;
list-style: none;
-webkit-border-bottom-right-radius: 3px;
border-bottom-right-radius: 3px;
}
#plugin-information .fyi li {
margin-left: 0;
}
#plugin-information #section-holder {
padding: 10px;
}
#plugin-information .section ul,
#plugin-information .section ol {
margin-right: 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-right: 20px;
padding-bottom: 2em;
}
#plugin-information #section-screenshots ol,
#plugin-information .updated,
#plugin-information pre {
margin-left: 215px;
}
#plugin-information pre {
padding: 7px;
overflow: auto;
border-width: 1px;
border-style: solid;
}
.plugin-version-author-uri {
font-size: 13px;
}
img {
border: none;
}
/* Header */
#wphead {
border-bottom-width: 1px;
border-bottom-style: solid;
}
.press-this #wphead {
height: 32px;
margin-right: 0;
margin-left: 0;
margin-bottom: 5px;
}
.press-this #header-logo {
float: right;
margin: 7px 7px 0;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.press-this #wphead h1 {
font-weight: normal;
font-size: 16px;
line-height: 32px;
margin: 0;
float: right;
}
.press-this #wphead h1 a {
text-decoration: none;
}
.press-this #wphead h1 a:hover {
text-decoration: underline;
}
.press-this #message {
margin: 10px 0;
}
.press-this .posting {
margin-left: 252px;
}
.press-this-sidebar {
float: left;
width: 240px;
padding-top: 10px;
}
.press-this #title {
margin-right: 0;
margin-left: 0;
-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-left: 212px;
position: relative;
}
.press-this .inner-sidebar {
width: 200px;
}
.press-this .inner-sidebar .sleeve {
padding-top: 5px;
}
.press-this #submitdiv p {
margin: 0;
padding: 6px;
}
.press-this #submitdiv #publishing-actions {
border-bottom: 1px solid #dfdfdf;
}
.press-this #publish {
float: left;
}
.press-this #poststuff h2,
.press-this #poststuff h3 {
font-size: 14px;
line-height: 1;
}
.press-this #tagsdiv-post_tag h3,
.press-this #categorydiv h3 {
cursor: pointer;
}
.press-this #submitdiv h3 {
cursor: default;
}
h3.tb {
font-weight: 600;
font-size: 12px;
margin-right: 5px;
}
#TB_window {
border: 1px solid #333;
}
.press-this .postbox,
.press-this .stuffbox {
margin-bottom: 10px;
min-width: 0;
}
.js .meta-box-sortables .postbox:hover .handlediv {
margin-left: 0 !important;
}
/* Metabox collapse arrow indicators */
.js .sidebar-name .sidebar-name-arrow:before,
.js .meta-box-sortables .postbox .handlediv:before {
left: 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 */
2013-11-20 23:48:09 +01:00
.js .sidebar-name .sidebar-name-arrow:before,
.js .meta-box-sortables .postbox .handlediv:before {
content: '\f142';
}
2013-11-20 23:48:09 +01:00
.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-color: #dfdfdf;
}
.press-this .actions {
float: left;
margin: -19px 0 0;
}
.press-this #extra-fields .actions {
margin: -32px 0 0 -7px;
}
.press-this .actions li {
float: right;
list-style: none;
margin-left: 10px;
}
#extra-fields .button {
margin-left: 5px;
}
/* Photo Styles */
#photo_saving {
margin: 0 8px 8px;
vertical-align: middle;
}
#img_container_container {
overflow: auto;
}
#extra-fields {
margin-top: 10px;
position: relative;
}
#extra-fields h2 {
margin: 12px;
}
#waiting {
margin-top: 10px;
overflow: hidden;
}
#waiting span {
float: left;
margin: 0 5px 0 0;
}
#waiting .spinner {
display: block;
}
#extra-fields .postbox {
margin-bottom: 5px;
}
#extra-fields .titlewrap {
padding: 0;
overflow: auto;
height: 120px;
}
#img_container a {
display: block;
float: right;
overflow: hidden;
}
#img_container img,
#img_container a {
width: 68px;
height: 68px;
}
#img_container img {
border: none;
background-color: #f4f4f4;
cursor: pointer;
}
#img_container a,
#img_container a:link,
#img_container a:visited {
border: 1px solid #ccc;
display: block;
position: relative;
}
#img_container a:hover,
#img_container a:active {
border-color: #000;
z-index: 1000;
border-width: 1px;
}
/* Video */
#embed-code {
width: 100%;
height: 98px;
}
/* Categories */
.press-this .categorydiv div.tabs-panel {
height: 100px;
}
/* Tags */
.press-this .tagsdiv .newtag {
width: 120px;
}
.press-this #content {
margin: 5px 0;
padding: 0 5px;
border: 0 none;
height: 345px;
font-family: Consolas, Monaco, monospace;
font-size: 13px;
line-height: 19px;
background: transparent;
}
/* Submit */
.press-this #publishing-actions .spinner {
display: inline;
vertical-align: middle;
}
#TB_ajaxContent #options {
position: absolute;
top: 20px;
left: 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 7px 0 0;
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;
}
#template p {
width: 97%;
}
#templateside {
float: left;
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 12px 3px 3px;
text-decoration: none;
}
.theme-editor-php .highlight {
margin: -3px -12px -3px 3px;
}
#templateside .highlight {
border: none;
font-weight: bold;
}
.nonessential {
font-size: 11px;
font-style: italic;
padding-right: 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: right;
margin: 5px 10px 10px;
}
.feature-filter .feature-group li {
display: inline-block;
vertical-align: top;
list-style-type: none;
padding-left: 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 {
2013-11-20 23:48:09 +01:00
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;
2013-11-20 23:48:09 +01:00
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 {
2013-11-20 23:48:09 +01:00
border-top: none;
padding: 1px 15px 15px 15px;
line-height: 16px;
}
/* Widget Dragging Helpers */
.widget.ui-draggable-dragging {
min-width: 100%;
}
.widget.ui-sortable-helper {
opacity: 0.8;
}
.widget-placeholder {
2013-11-20 23:48:09 +01:00
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 {
border: none;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.sidebar-name-arrow {
position: absolute;
2013-11-20 23:48:09 +01:00
top: 0;
left: 0;
bottom: 0;
}
.js .sidebar-name {
cursor: pointer;
}
.sidebar-name h3 {
margin: 0;
padding: 8px 10px;
overflow: hidden;
white-space: nowrap;
}
.widgets-holder-wrap .description {
padding: 0 0 15px;
margin: 0;
font-style: normal;
color: #777;
}
#widgets-right .widgets-holder-wrap .description {
padding-right: 7px;
padding-left: 7px;
2013-11-20 23:48:09 +01:00
}
/* Widgets 2-col Layout */
div.widget-liquid-left {
margin: 0;
width: 38%;
float: right;
}
div.widget-liquid-right {
float: left;
width: 58%;
}
/* Widgets Left - Available Widgets */
div#widgets-left {
2013-11-20 23:48:09 +01:00
padding-top: 12px;
}
div#widgets-left .closed .sidebar-name,
div#widgets-left .inactive-sidebar.closed .sidebar-name {
margin-bottom: 10px;
}
div#widgets-left .sidebar-name h3 {
padding: 10px 0;
margin: 0 0 0 10px;
}
div#widgets-left .sidebar-name .sidebar-name-arrow:before {
left: 0;
top: 4px;
padding: 4px 4px 4px 6px;
}
div#widgets-left .widget-holder {
background: transparent;
border: none;
}
#available-widgets .widget-action {
display: none;
}
#available-widgets .widget {
2013-11-20 23:48:09 +01:00
margin: 0;
}
2013-11-20 23:48:09 +01:00
#available-widgets .widget:nth-child(odd) {
clear: both;
}
#available-widgets .widget .widget-description {
display: block;
2013-11-20 23:48:09 +01:00
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 {
right: auto;
}
2013-11-20 23:48:09 +01:00
.widget-title-action {
float: left;
position: relative;
}
div#widgets-left .inactive-sidebar .widgets-sortables {
min-height: 42px;
padding: 0;
background: transparent;
margin: 0;
position: relative;
}
/* Widgets Right */
div#widgets-right:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
div#widgets-right .sidebars-column-1,
div#widgets-right .sidebars-column-2 {
max-width: 450px;
}
div#widgets-right .widgets-holder-wrap {
margin: 10px 0 0 0;
}
div#widgets-right .sidebar-description {
min-height: 20px;
margin-top: -5px;
}
div#widgets-right .sidebar-name h3 {
padding: 15px 7px;
}
div#widgets-right .sidebar-name .sidebar-name-arrow:before {
left: 0;
top: 4px;
}
div#widgets-right .widget-top {
padding: 0;
}
div#widgets-right .widgets-sortables {
padding: 0 8px;
margin-bottom: 9px;
position: relative;
min-height: 123px;
}
div#widgets-right .closed .widgets-sortables {
min-height: 0;
margin-bottom: 0;
}
.sidebar-name .spinner {
margin: -5px 5px;
float: none;
}
/* Dragging a widget over a closed sidebar */
#widgets-right .widgets-holder-wrap.widget-hover {
border-color: #777;
box-shadow: 0 1px 2px rgba(0,0,0,0.3);
}
/* Accessibility Mode */
.widgets_access #widgets-left .widget .widget-top {
cursor: auto;
}
.widgets_access #wpwrap .widgets-holder-wrap.closed .sidebar-description,
.widgets_access #wpwrap .widgets-holder-wrap.closed .widget,
.widgets_access #wpwrap .widget-control-edit {
display: block;
}
.widgets_access #widgets-left .widget .widget-top:hover,
.widgets_access #widgets-right .widget .widget-top:hover {
border-color: #ddd;
}
#available-widgets .widget-control-edit .edit,
#widgets-left .inactive-sidebar .widget-control-edit .add,
#widgets-right .widget-control-edit .add {
display: none;
}
.widget-control-edit {
display: block;
color: #666;
background: #EEE;
padding: 0 15px;
line-height: 43px;
border-right: 1px solid #DDD;
}
#widgets-left .widget-control-edit:hover,
#widgets-right .widget-control-edit:hover {
color: #fff;
background: #444;
border-right: 0;
outline: 1px solid #444;
}
.widgets-holder-wrap .sidebar-name,
.widgets-holder-wrap .sidebar-description {
-webkit-user-select: none;
-moz-user-select: none;
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 {
left: 0;
2013-11-20 23:48:09 +01:00
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-top a.widget-action:after {
padding: 12px 12px 0;
}
.nav-menus-php .item-edit:before {
2013-11-20 23:48:09 +01:00
line-height: 2.1;
}
.control-section .accordion-section-title:after,
.accordion-section-title:after {
float: left;
left: 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 {
2013-11-20 23:48:09 +01:00
content: '\f142';
}
/* Hide Widget Settings by Default */
.widget-inside,
.widget-description {
display: none;
}
/* Dragging widgets over the available widget area show's a "Deactivate" message */
#removing-widget {
display: none;
font-weight: normal;
padding-right: 15px;
font-size: 12px;
line-height: 1;
}
.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 {
2013-11-20 23:48:09 +01:00
margin: 0;
list-style-type: none;
max-height: 300px;
overflow: auto;
}
.widgets-chooser {
display: none;
}
.widgets-chooser ul {
2013-11-20 23:48:09 +01:00
border: 1px solid #ccc;
}
.widgets-chooser li {
padding: 10px 35px 10px 15px;
border-bottom: 1px solid #ccc;
2013-11-20 23:48:09 +01:00
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;
right: 5px;
}
.widgets-chooser li:last-child {
2013-11-20 23:48:09 +01:00
border: none;
}
.widgets-chooser li.widgets-chooser-selected {
2013-11-20 23:48:09 +01:00
background: #2ea2cc;
color: #fff;
}
.widgets-chooser li.widgets-chooser-selected:before,
.widgets-chooser li.widgets-chooser-selected:focus:before {
content: '\f147';
display: block;
-webkit-font-smoothing: antialiased;
font: normal 26px/1 'dashicons';
color: #fff;
position: absolute;
top: 7px;
right: 5px;
}
.widgets-chooser .widgets-chooser-actions {
padding: 10px 0 12px 0;
text-align: center;
}
.widgets-chooser button {
margin-left: 5px;
}
#available-widgets .widget .widget-top {
cursor: pointer;
}
/* 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;
border-right: 1px solid #dfdfdf;
border-left: 1px solid #dfdfdf;
}
.accordion-section-title {
margin: 0;
2013-11-20 23:48:09 +01:00
padding: 12px 15px 15px;
position: relative;
border-right: 1px solid #dfdfdf;
border-left: 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;
left: 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-right: none;
border-left: none;
padding: 10px 14px 11px 10px;
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 {
2013-11-20 23:48:09 +01:00
color: #222;
background: #f5f5f5;
}
.control-section.open .accordion-section-title {
/* When expanded */
border-bottom: 1px solid #dfdfdf;
}
.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-left: none;
padding-left: 0;
}
#widgets-left .sidebar-name {
margin-left: 0;
}
#widgets-left #available-widgets .widget-top {
margin-left: 0;
}
#widgets-left .inactive-sidebar .widgets-sortables {
margin-left: 0;
}
div.widget-liquid-right {
width: 100%;
float: none;
}
}
@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: right;
}
.widget.ui-draggable-dragging {
min-width: 49%;
}
#widgets-left #available-widgets .widget:nth-child(even) {
float: left;
}
#widgets-right .sidebars-column-1,
#widgets-right .sidebars-column-2 {
float: right;
width: 49%;
}
#widgets-right .sidebars-column-1 {
margin-left: 2%;
}
#widgets-right.single-sidebar .sidebars-column-1,
#widgets-right.single-sidebar .sidebars-column-2 {
float: none;
width: 100%;
margin: 0;
}
}
/**
* 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 left 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 left bottom;
}
/* Back-compat for pre-3.8 */
div.star-holder {
background: url('../images/stars-2x.png?ver=20121108') repeat-x bottom right;
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 right;
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');
}
}
/* =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-right: 7em; /* default 5em */
}
.locale-de-de #customize-header-actions .button {
padding: 0 5px 1px; /* default 0 10px 1px */
}
.locale-de-de #customize-header-actions .spinner {
margin: 16px 3px 0; /* default 16px 4px 0 5px */
}
/* ru_RU: Text needs more room to breathe. */
.locale-ru-ru .inline-edit-row fieldset label span.title {
width: 8em; /* default 5em */
}
.locale-ru-ru .inline-edit-row fieldset label span.input-text-wrap {
margin-right: 8em; /* default 5em */
}
.locale-ru-ru.press-this .posting {
margin-left: 277px; /* default 252px + 25px */
}
.locale-ru-ru .press-this-sidebar {
width: 265px; /* default 240px + 25px */
}
.locale-ru-ru #customize-header-actions .button {
padding: 0 5px 1px; /* default 0 10px 1px */
}
.locale-ru-ru #customize-header-actions .spinner {
margin: 16px 3px 0; /* default 16px 4px 0 5px */
}
/* lt_LT: QuickEdit */
.locale-lt-lt .inline-edit-row fieldset label span.title {
width: 8em;
}
.locale-lt-lt .inline-edit-row fieldset label span.input-text-wrap {
margin-right: 8em;
}
@-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-right: 0;
padding-right: 10px;
}
.wrap {
margin-left: 12px;
margin-right: 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-right: 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;
right: 0;
z-index: 100;
}
.auto-fold #adminmenuback,
.auto-fold #adminmenuwrap {
right: -200px;
}
.auto-fold #adminmenuwrap,
.auto-fold #adminmenu,
.auto-fold #adminmenuback {
width: 190px;
}
.auto-fold #adminmenu li.menu-top {
width: 100%;
}
/* Resize the admin menu items to a comfortable touch size */
.auto-fold #adminmenu li a {
font-size: 16px;
padding: 5px;
}
.auto-fold #adminmenu li.menu-top .wp-submenu > li > a {
padding: 10px 20px 10px 10px;
}
/* Restore the menu names */
.auto-fold #adminmenu .wp-menu-name {
display: block;
margin-right: 35px;
}
/* Switch the arrow side */
.auto-fold ul#adminmenu a.wp-has-current-submenu:after,
.auto-fold ul#adminmenu > li.current > a.current:after {
border-width: 8px;
margin-top: -8px;
}
.auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after {
display: none;
}
/* Make the submenus appear correctly when tapped. */
#adminmenu .wp-submenu {
position: relative;
display: none;
}
.auto-fold #adminmenu .selected .wp-submenu,
.auto-fold #adminmenu .wp-menu-open .wp-submenu {
position: relative;
display: block;
top: 0;
right: -1px;
-webkit-box-shadow: none;
box-shadow: none;
}
.auto-fold #adminmenu .selected .wp-submenu:after,
.auto-fold #adminmenu .wp-menu-open .wp-submenu:after {
display: none;
}
.auto-fold #adminmenu .opensub .wp-submenu {
display: none;
}
.auto-fold #adminmenu .selected .wp-submenu {
display: block;
}
.auto-fold ul#adminmenu li:hover a.wp-has-current-submenu:after {
display: block;
}
.auto-fold #adminmenu a.menu-top:focus + .wp-submenu,
.auto-fold #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu {
position: relative;
right: -1px;
left: 0;
top: 0;
}
/* Remove submenu headers and adjust sub meu*/
#adminmenu .wp-submenu .wp-submenu-head {
display: none;
}
/* Sidebar Toggle */
#wp-responsive-toggle {
position: fixed;
top: 5px;
right: 4px;
padding-left: 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 {
left: -190px;
}
.auto-fold .wp-responsive-open #adminmenuback,
.auto-fold .wp-responsive-open #adminmenuwrap {
right: 0;
}
/* General New Post Form */
#post-body-content {
min-width: 0;
}
#titlediv #title-prompt-text,
#wp-fullscreen-title-prompt-text {
padding: 10px 10px;
}
.post-format-options {
padding-left: 0;
}
.post-format-options a {
margin-left: 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-left: 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: right !important;
}
.wp_themeSkin a.mceButton {
width: 30px;
height: 30px;
}
.wp_themeSkin .mceButton .mceIcon {
margin-top: 5px;
margin-right: 5px;
}
.wp_themeSkin .mceSplitButton {
margin-top: 1px;
}
.wp_themeSkin .mceSplitButton td a.mceAction {
padding-top: 6px;
padding-bottom: 6px;
padding-right: 6px;
padding-left: 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 0 1px 15px;
top: 1px;
}
a.wp-switch-editor {
font-size: 16px;
line-height: 1em;
margin: 3px 7px 0 0;
padding: 12px 15px;
}
#wp-content-media-buttons a {
font-size: 16px;
line-height: 37px;
height: 39px;
padding: 0 15px 0 20px;
}
.wp-media-buttons span.wp-media-buttons-icon,
.wp-media-buttons span.jetpack-contact-form-icon {
width: 22px !important;
margin-top: -3px !important;
margin-right: -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: left;
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;
left: 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;
}
/* 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-right: 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-left: 10px;
}
textarea,
input {
font-size: 16px;
}
.form-table td input[type="text"],
.form-table td input[type="password"],
.form-table td select,
.form-table td textarea,
.form-table span.description,
#profile-page .form-table textarea {
width: 100%;
font-size: 16px;
line-height: 1.5;
padding: 7px 10px;
display: block;
max-width: none;
box-sizing: border-box;
-mox-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;
-mox-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-right: 0;
}
.form-table input.regular-text {
width: 100%;
}
.form-table label {
font-size: 14px;
}
.form-table fieldset label {
display: block;
}
#utc-time {
margin-top: 10px;
}
#utc-time,
#local-time {
display: block;
float: none;
padding: 0;
line-height: 2;
}
/* 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-right: 0;
float: none;
width: 100%;
}
#wpbody-content #menu-settings-column {
display: block;
width: 100%;
float: none;
margin-right: 0;
}
#side-sortables .add-menu-item-tabs {
margin: 15px 0 14px;
}
ul.add-menu-item-tabs li.tabs {
padding: 13px 15px 14px;
}
.nav-menus-php .item-controls .item-type {
margin-top: 2px;
}
.nav-menus-php .customlinkdiv .howto input {
width: 65%;
}
.nav-menus-php .quick-search {
width: 85%;
}
#menu-management-liquid {
margin-top: 25px;
}
.nav-menus-php .menu-name-label.howto span {
margin-top: 13px
}
.menu-name-label #menu-name {
margin-top: 4px;
}
.nav-menus-php .major-publishing-actions .publishing-action {
margin-top: 6px;
}
.nav-menus-php .delete-action {
font-size: 14px;
line-height: 50px;
margin-top: 12px;
}
.menu-item-bar .menu-item-handle,
.menu-item-settings,
.description-wide {
width: auto;
}
.menu-item-settings {
padding: 10px;
}
.menu-item-settings .description-thin,
.menu-item-settings .description-wide {
width: 100%;
height: auto;
}
.menu-item-settings input {
width: 100%;
}
.menu-settings dl {
padding-right: 0;
}
.menu-settings dd {
float: none;
width: 100%;
margin-bottom: 15px;
}
.menu-settings dt {
float: none;
width: auto;
margin-right: 0;
margin-bottom: 15px;
}
.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-right: -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;
right: 0;
left: 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-left: 12px;
padding-right: 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;
right: 0;
padding-right: 2px;
padding-top: 18px;
}
.wp-list-table.plugins thead th.check-column,
.wp-list-table.plugins tfoot th.check-column {
padding-right: 3px;
padding-top: 11px;
background: none;
}
.widefat tbody th.check-column input[type="checkbox"] {
margin-top: -3px;
margin-right: 9px;
}
.wp-list-table.plugins .active .check-column input,
.wp-list-table.plugins .update .check-column input {
margin-right: 6px;
}
.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 0 5px 10px;
}
/* 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 5px 0 0;
padding: 3px 8px 4px;
}
.press-this #wp-content-media-buttons a {
padding: 0;
line-height: normal;
height: auto;
}
.press-this #wp-content-editor-tools {
padding: 0;
top: 3px;
}
.press-this .category-tabs {
margin-top: 0;
}
.press-this .tagsdiv .newtag {
width: 120px;
padding: 3px 5px;
margin-bottom: 0;
}
.press-this .tagchecklist {
padding: 0;
margin-bottom: 0;
}
.press-this .wp_themeSkin a.mceButton {
width: 20px;
height: 20px;
}
.press-this .wp_themeSkin .mceButton .mceIcon {
margin: 0;
}
.press-this #poststuff h3,
.press-this .metabox-holder h3 {
padding: 7px 12px;
}
.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 -4px 0 0;
}
.press-this input[type=radio]:checked:before {
font: normal 21px/1 'dashicons';
width: 6px;
height: 6px;
margin: 4px;
}
.press-this ul.categorychecklist ul,
.press-this ul.categorychecklist li {
margin-top: 0;
margin-bottom: 0;
}
.press-this div.quicktags-toolbar input {
padding: 2px 4px;
}
.press-this textarea,
.press-this input {
font-size: 14px;
}
.press-this .tagchecklist span {
font-size: 13px;
line-height: 1.8em;
}
}
@media only screen and (max-width: 500px) {
.about-wrap {
margin-left: 20px;
margin-right: 10px;
}
.about-wrap h1,
.about-text {
margin-left: 0;
}
.about-text {
margin-bottom: 0.25em;
}
.about-wrap .wp-badge {
position: relative;
margin-bottom: 1.5em;
width: 100%;
}
.about-wrap .feature-section.three-col div {
width: 100%;
float: none;
}
.about-wrap .three-col.about-updates .col-1 {
padding: 0;
float: none;
}
.about-wrap .three-col.about-updates .col-2 {
margin: 0 0 20px;
width: 100%;
float: none;
}
/* 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-right: -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: right;
font: normal 40px/45px 'Dashicons';
vertical-align: middle;
outline: none;
margin: 0;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
height: 44px;
width: 50px;
padding: 0;
border: none;
text-align: center;
text-decoration: none;
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;
right: 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;
left: 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%;
}
}