__ __ __ __ _____ _ _ _____ _ _ _ | \/ | \ \ / / | __ \ (_) | | / ____| | | | | | \ / |_ __\ V / | |__) | __ ___ ____ _| |_ ___ | (___ | |__ ___| | | | |\/| | '__|> < | ___/ '__| \ \ / / _` | __/ _ \ \___ \| '_ \ / _ \ | | | | | | |_ / . \ | | | | | |\ V / (_| | || __/ ____) | | | | __/ | | |_| |_|_(_)_/ \_\ |_| |_| |_| \_/ \__,_|\__\___| |_____/|_| |_|\___V 2.1 if you need WebShell for Seo everyday contact me on Telegram Telegram Address : @jackleetFor_More_Tools:
home/eliteafr/www/languages/wp-admin-20260529230927/css/common.css 0000666 00000227644 15216562576 0020027 0 ustar 00 /* 2 column liquid layout */
#wpwrap {
height: auto;
min-height: 100%;
width: 100%;
position: relative;
-webkit-font-smoothing: subpixel-antialiased;
}
#wpcontent {
height: 100%;
padding-left: 20px;
}
#wpcontent,
#wpfooter {
margin-left: 160px;
}
.folded #wpcontent,
.folded #wpfooter {
margin-left: 36px;
}
#wpbody-content {
padding-bottom: 65px;
float: left;
width: 100%;
overflow: visible;
}
/* inner 2 column liquid layout */
.inner-sidebar {
float: right;
clear: right;
display: none;
width: 281px;
position: relative;
}
.columns-2 .inner-sidebar {
margin-right: auto;
width: 286px;
display: block;
}
.inner-sidebar #side-sortables,
.columns-2 .inner-sidebar #side-sortables {
min-height: 300px;
width: 280px;
padding: 0;
}
.has-right-sidebar .inner-sidebar {
display: block;
}
.has-right-sidebar #post-body {
float: left;
clear: left;
width: 100%;
margin-right: -2000px;
}
.has-right-sidebar #post-body-content {
margin-right: 300px;
float: none;
width: auto;
}
/* 2 columns main area */
#col-left {
float: left;
width: 35%;
}
#col-right {
float: right;
width: 65%;
}
#col-left .col-wrap {
padding: 0 6px 0 0;
}
#col-right .col-wrap {
padding: 0 0 0 6px;
}
/* utility classes */
.alignleft {
float: left;
}
.alignright {
float: right;
}
.textleft {
text-align: left;
}
.textright {
text-align: right;
}
.clear {
clear: both;
}
/* modern clearfix */
.wp-clearfix:after {
content: "";
display: table;
clear: both;
}
/* Hide visually but not from screen readers */
.screen-reader-text,
.screen-reader-text span,
.ui-helper-hidden-accessible {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
word-wrap: normal !important; /* many screen reader and browser combinations announce broken words as they would appear visually */
}
.button .screen-reader-text {
height: auto; /* Fixes a Safari+VoiceOver bug, see ticket #42006 */
}
.screen-reader-text + .dashicons-external {
margin-top: -1px;
margin-left: 2px;
}
.screen-reader-shortcut {
position: absolute;
top: -1000em;
left: 6px;
height: auto;
width: auto;
display: block;
font-size: 14px;
font-weight: 600;
padding: 15px 23px 14px;
/* Background and color set to prevent false positives in automated accessibility tests. */
background: #f0f0f1;
color: #2271b1;
z-index: 100000;
line-height: normal;
}
.screen-reader-shortcut:focus {
top: -25px;
/* Overrides a:focus in the admin. See ticket #56789. */
color: #2271b1;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
text-decoration: none;
/* Only visible in Windows High Contrast mode */
outline: 2px solid transparent;
outline-offset: -2px;
}
.hidden,
.js .closed .inside,
.js .hide-if-js,
.no-js .hide-if-no-js,
.js.wp-core-ui .hide-if-js,
.js .wp-core-ui .hide-if-js,
.no-js.wp-core-ui .hide-if-no-js,
.no-js .wp-core-ui .hide-if-no-js {
display: none;
}
/* @todo: Take a second look. Large chunks of shared color, from the colors.css merge */
.widget-top,
.menu-item-handle,
.widget-inside,
#menu-settings-column .accordion-container,
#menu-management .menu-edit,
.manage-menus,
table.widefat,
.stuffbox,
p.popular-tags,
.widgets-holder-wrap,
.wp-editor-container,
.popular-tags,
.feature-filter,
.comment-ays {
border: 1px solid #c3c4c7;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
}
table.widefat,
.wp-editor-container,
.stuffbox,
p.popular-tags,
.widgets-holder-wrap,
.popular-tags,
.feature-filter,
.comment-ays {
background: #fff;
}
/* general */
html,
body {
height: 100%;
margin: 0;
padding: 0;
}
body {
background: #f0f0f1;
color: #3c434a;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 13px;
line-height: 1.4em;
min-width: 600px;
}
body.iframe {
min-width: 0;
padding-top: 1px;
}
body.modal-open {
overflow: hidden;
}
body.mobile.modal-open #wpwrap {
overflow: hidden;
position: fixed;
height: 100%;
}
iframe,
img {
border: 0;
}
td {
font-family: inherit;
font-size: inherit;
font-weight: inherit;
line-height: inherit;
}
/* Any change to the default link style must be applied to button-link too. */
a {
color: #2271b1;
transition-property: border, background, color;
transition-duration: .05s;
transition-timing-function: ease-in-out;
}
a,
div {
outline: 0;
}
a:hover,
a:active {
color: #135e96;
}
a:focus,
a:focus .media-icon img,
a:focus .plugin-icon,
.wp-person a:focus .gravatar {
color: #043959;
box-shadow: 0 0 0 2px #2271b1;
/* Only visible in Windows High Contrast mode */
outline: 2px solid transparent;
}
#adminmenu a:focus {
box-shadow: none;
/* Only visible in Windows High Contrast mode */
outline: 1px solid transparent;
outline-offset: -1px;
}
.screen-reader-text:focus {
box-shadow: none;
outline: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: "";
content: none;
}
p,
.wp-die-message {
font-size: 13px;
line-height: 1.5;
margin: 1em 0;
}
blockquote {
margin: 1em;
}
li,
dd {
margin-bottom: 6px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
display: block;
font-weight: 600;
}
h1 {
color: #1d2327;
font-size: 2em;
margin: .67em 0;
}
h2,
h3 {
color: #1d2327;
font-size: 1.3em;
margin: 1em 0;
}
.update-core-php h2 {
margin-top: 4em;
}
.update-php h2,
.update-messages h2,
h4 {
font-size: 1em;
margin: 1.33em 0;
}
h5 {
font-size: 0.83em;
margin: 1.67em 0;
}
h6 {
font-size: 0.67em;
margin: 2.33em 0;
}
ul,
ol {
padding: 0;
}
ul {
list-style: none;
}
ol {
list-style-type: decimal;
margin-left: 2em;
}
ul.ul-disc {
list-style: disc outside;
}
ul.ul-square {
list-style: square outside;
}
ol.ol-decimal {
list-style: decimal outside;
}
ul.ul-disc,
ul.ul-square,
ol.ol-decimal {
margin-left: 1.8em;
}
ul.ul-disc > li,
ul.ul-square > li,
ol.ol-decimal > li {
margin: 0 0 0.5em;
}
/* rtl:ignore */
.ltr {
direction: ltr;
}
/* rtl:ignore */
.code,
code {
font-family: Consolas, Monaco, monospace;
direction: ltr;
unicode-bidi: embed;
}
kbd,
code {
padding: 3px 5px 2px;
margin: 0 1px;
background: #f0f0f1;
background: rgba(0, 0, 0, 0.07);
font-size: 13px;
}
.subsubsub {
list-style: none;
margin: 8px 0 0;
padding: 0;
font-size: 13px;
float: left;
color: #646970;
}
.subsubsub a {
line-height: 2;
padding: .2em;
text-decoration: none;
}
.subsubsub a .count,
.subsubsub a.current .count {
color: #50575e; /* #f1f1f1 background */
font-weight: 400;
}
.subsubsub a.current {
font-weight: 600;
border: none;
}
.subsubsub li {
display: inline-block;
margin: 0;
padding: 0;
white-space: nowrap;
}
/* .widefat - main style for tables */
.widefat {
border-spacing: 0;
width: 100%;
clear: both;
margin: 0;
}
.widefat * {
word-wrap: break-word;
}
.widefat a,
.widefat button.button-link {
text-decoration: none;
}
.widefat td,
.widefat th {
padding: 8px 10px;
}
.widefat thead th,
.widefat thead td {
border-bottom: 1px solid #c3c4c7;
}
.widefat tfoot th,
.widefat tfoot td {
border-top: 1px solid #c3c4c7;
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,
.widefat thead td,
.widefat tfoot td {
text-align: left;
line-height: 1.3em;
font-size: 14px;
}
.widefat th input,
.updates-table td input,
.widefat thead td input,
.widefat tfoot td input {
margin: 0 0 0 8px;
padding: 0;
vertical-align: text-top;
}
.widefat .check-column {
width: 2.2em;
padding: 6px 0 25px;
vertical-align: top;
}
.widefat tbody th.check-column {
padding: 9px 0 22px;
}
.widefat thead td.check-column,
.widefat tbody th.check-column,
.updates-table tbody td.check-column,
.widefat tfoot td.check-column {
padding: 11px 0 0 3px;
}
.widefat thead td.check-column,
.widefat tfoot td.check-column {
padding-top: 4px;
vertical-align: middle;
}
.update-php div.updated,
.update-php div.error {
margin-left: 0;
}
.js-update-details-toggle .dashicons {
text-decoration: none;
}
.js-update-details-toggle[aria-expanded="true"] .dashicons::before {
content: "\f142";
}
.no-js .widefat thead .check-column input,
.no-js .widefat tfoot .check-column input {
display: none;
}
.widefat .num,
.column-comments,
.column-links,
.column-posts {
text-align: center;
}
.widefat th#comments {
vertical-align: middle;
}
.wrap {
margin: 10px 20px 0 2px;
}
.wrap > h2:first-child, /* Back-compat for pre-4.4 */
.wrap [class$="icon32"] + h2, /* Back-compat for pre-4.4 */
.postbox .inside h2, /* Back-compat for pre-4.4 */
.wrap h1 {
font-size: 23px;
font-weight: 400;
margin: 0;
padding: 9px 0 4px;
line-height: 1.3;
}
.wrap h1.wp-heading-inline {
display: inline-block;
margin-right: 5px;
}
.wp-header-end {
visibility: hidden;
margin: -2px 0 0;
}
.subtitle {
margin: 0;
padding-left: 25px;
color: #50575e;
font-size: 14px;
font-weight: 400;
line-height: 1;
}
.subtitle strong {
word-break: break-all;
}
.wrap .add-new-h2, /* deprecated */
.wrap .add-new-h2:active, /* deprecated */
.wrap .page-title-action,
.wrap .page-title-action:active {
display: inline-block;
position: relative;
box-sizing: border-box;
cursor: pointer;
white-space: nowrap;
text-decoration: none;
text-shadow: none;
top: -3px;
margin-left: 4px;
border: 1px solid #2271b1;
border-radius: 3px;
background: #f6f7f7;
font-size: 13px;
font-weight: 400;
line-height: 2.15384615;
color: #2271b1; /* use the standard color used for buttons */
padding: 0 10px;
min-height: 30px;
-webkit-appearance: none;
}
.wrap .wp-heading-inline + .page-title-action {
margin-left: 0;
}
.wrap .add-new-h2:hover, /* deprecated */
.wrap .page-title-action:hover {
background: #f0f0f1;
border-color: #0a4b78;
color: #0a4b78;
}
/* lower specificity: color needs to be overridden by :hover and :active */
.page-title-action:focus {
color: #0a4b78;
}
/* Dashicon for language options on General Settings and Profile screens */
.form-table th label[for="locale"] .dashicons,
.form-table th label[for="WPLANG"] .dashicons {
margin-left: 5px;
}
.wrap .page-title-action:focus {
border-color: #3582c4;
box-shadow: 0 0 0 1px #3582c4;
/* Only visible in Windows High Contrast mode */
outline: 2px solid transparent;
}
.wrap h1.long-header {
padding-right: 0;
}
.wp-dialog {
background-color: #fff;
}
.widgets-chooser ul,
#widgets-left .widget-in-question .widget-top,
#available-widgets .widget-top:hover,
div#widgets-right .widget-top:hover,
#widgets-left .widget-top:hover {
border-color: #8c8f94;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.sorthelper {
background-color: #c5d9ed;
}
.ac_match,
.subsubsub a.current {
color: #000;
}
.striped > tbody > :nth-child(odd),
ul.striped > :nth-child(odd),
.alternate {
background-color: #f6f7f7;
}
.bar {
background-color: #f0f0f1;
border-right-color: #4f94d4;
}
/* Helper classes for plugins to leverage the active WordPress color scheme */
.highlight {
background-color: #f0f6fc;
color: #3c434a;
}
.wp-ui-primary {
color: #fff;
background-color: #2c3338;
}
.wp-ui-text-primary {
color: #2c3338;
}
.wp-ui-highlight {
color: #fff;
background-color: #2271b1;
}
.wp-ui-text-highlight {
color: #2271b1;
}
.wp-ui-notification {
color: #fff;
background-color: #d63638;
}
.wp-ui-text-notification {
color: #d63638;
}
.wp-ui-text-icon {
color: #8c8f94; /* same as new icons */
}
/* For emoji replacement images */
img.emoji {
display: inline !important;
border: none !important;
height: 1em !important;
width: 1em !important;
margin: 0 .07em !important;
vertical-align: -0.1em !important;
background: none !important;
padding: 0 !important;
box-shadow: none !important;
}
/*------------------------------------------------------------------------------
1.0 - Text Styles
------------------------------------------------------------------------------*/
.widget .widget-top,
.postbox .hndle,
.stuffbox .hndle,
.control-section .accordion-section-title,
.sidebar-name,
#nav-menu-header,
#nav-menu-footer,
.menu-item-handle,
.checkbox,
.side-info,
#your-profile #rich_editing,
.widefat thead th,
.widefat thead td,
.widefat tfoot th,
.widefat tfoot td {
line-height: 1.4em;
}
.widget .widget-top,
.menu-item-handle {
background: #f6f7f7;
color: #1d2327;
}
.stuffbox .hndle {
border-bottom: 1px solid #c3c4c7;
}
.quicktags {
background-color: #c3c4c7;
color: #000;
font-size: 12px;
}
.icon32 {
display: none;
}
/* @todo can we combine these into a class or use an existing dashicon one? */
.welcome-panel .welcome-panel-close:before,
.tagchecklist .ntdelbutton .remove-tag-icon:before,
#bulk-titles .ntdelbutton:before,
.notice-dismiss:before {
background: none;
color: #787c82;
content: "\f153";
display: block;
font: normal 16px/20px dashicons;
speak: never;
height: 20px;
text-align: center;
width: 20px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.welcome-panel .welcome-panel-close:before {
margin: 0;
}
.tagchecklist .ntdelbutton .remove-tag-icon:before {
margin-left: 2px;
border-radius: 50%;
color: #2271b1;
/* vertically center the icon cross browsers */
line-height: 1.28;
}
.tagchecklist .ntdelbutton:focus {
outline: 0;
}
.tagchecklist .ntdelbutton:hover .remove-tag-icon:before,
.tagchecklist .ntdelbutton:focus .remove-tag-icon:before,
#bulk-titles .ntdelbutton:hover:before,
#bulk-titles .ntdelbutton:focus:before {
color: #d63638;
}
.tagchecklist .ntdelbutton:focus .remove-tag-icon:before {
box-shadow: 0 0 0 2px #2271b1;
/* Only visible in Windows High Contrast mode */
outline: 2px solid transparent;
}
.key-labels label {
line-height: 24px;
}
strong, b {
font-weight: 600;
}
.pre {
/* https://developer.mozilla.org/en-US/docs/CSS/white-space */
white-space: pre-wrap; /* css-3 */
word-wrap: break-word; /* IE 5.5 - 7 */
}
.howto {
color: #646970;
display: block;
}
p.install-help {
margin: 8px 0;
font-style: italic;
}
.no-break {
white-space: nowrap;
}
hr {
border: 0;
border-top: 1px solid #dcdcde;
border-bottom: 1px solid #f6f7f7;
}
.row-actions span.delete a,
.row-actions span.trash a,
.row-actions span.spam a,
.plugins a.delete,
#all-plugins-table .plugins a.delete,
#search-plugins-table .plugins a.delete,
.submitbox .submitdelete,
#media-items a.delete,
#media-items a.delete-permanently,
#nav-menu-footer .menu-delete,
#delete-link a.delete,
a#remove-post-thumbnail,
.privacy_requests .remove-personal-data .remove-personal-data-handle {
color: #b32d2e;
}
abbr.required,
span.required,
.file-error,
.row-actions .delete a:hover,
.row-actions .trash a:hover,
.row-actions .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,
#delete-link a.delete:hover,
a#remove-post-thumbnail:hover,
.privacy_requests .remove-personal-data .remove-personal-data-handle:hover {
color: #b32d2e;
border: none;
}
.application-password-display .success {
color: #007017;
margin-left: 0.5rem;
}
/*------------------------------------------------------------------------------
3.0 - Actions
------------------------------------------------------------------------------*/
#major-publishing-actions {
padding: 10px;
clear: both;
border-top: 1px solid #dcdcde;
background: #f6f7f7;
}
#delete-action {
float: left;
line-height: 2.30769231; /* 30px */
}
#delete-link {
line-height: 2.30769231; /* 30px */
vertical-align: middle;
text-align: left;
margin-left: 8px;
}
#delete-link a {
text-decoration: none;
}
#publishing-action {
text-align: right;
float: right;
line-height: 1.9;
}
#publishing-action .spinner {
float: none;
margin-top: 5px;
}
#misc-publishing-actions {
padding: 6px 0 0;
}
.misc-pub-section {
padding: 6px 10px 8px;
}
.word-wrap-break-word,
.misc-pub-filename {
word-wrap: break-word;
}
#minor-publishing-actions {
padding: 10px 10px 0;
text-align: right;
}
#save-post {
float: left;
}
.preview {
float: right;
}
#sticky-span {
margin-left: 18px;
}
.approve,
.unapproved .unapprove {
display: none;
}
.unapproved .approve,
.spam .approve,
.trash .approve {
display: inline;
}
td.action-links,
th.action-links {
text-align: right;
}
#misc-publishing-actions .notice {
margin-left: 10px;
margin-right: 10px;
}
/* Filter bar */
.wp-filter {
display: inline-block;
position: relative;
box-sizing: border-box;
margin: 12px 0 25px;
padding: 0 10px;
width: 100%;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
border: 1px solid #c3c4c7;
background: #fff;
color: #50575e;
font-size: 13px;
}
.wp-filter a {
text-decoration: none;
}
.filter-count {
display: inline-block;
vertical-align: middle;
min-width: 4em;
}
.title-count,
.filter-count .count {
display: inline-block;
position: relative;
top: -1px;
padding: 4px 10px;
border-radius: 30px;
background: #646970;
color: #fff;
font-size: 14px;
font-weight: 600;
}
/* not a part of filter bar, but derived from it, so here for now */
.title-count {
display: inline;
top: -3px;
margin-left: 5px;
margin-right: 20px;
}
.filter-items {
float: left;
}
.filter-links {
display: inline-block;
margin: 0;
}
.filter-links li {
display: inline-block;
margin: 0;
}
.filter-links li > a {
display: inline-block;
margin: 0 10px;
padding: 15px 0;
border-bottom: 4px solid #fff;
color: #646970;
cursor: pointer;
}
.filter-links .current {
box-shadow: none;
border-bottom: 4px solid #646970;
color: #1d2327;
}
.filter-links li > a:hover,
.filter-links li > a:focus,
.show-filters .filter-links a.current:hover,
.show-filters .filter-links a.current:focus {
color: #135e96;
}
.wp-filter .search-form {
float: right;
display: flex;
align-items: center;
column-gap: .5rem;
}
.wp-filter .search-form input[type="search"] {
width: 280px;
max-width: 100%;
}
.wp-filter .search-form select {
margin: 0;
}
/* Use flexbox only on the plugins install page. The `filter-links` and search form children will become flex items. */
.plugin-install-php .wp-filter {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
.wp-filter .search-form.search-plugins {
/* This element is a flex item: the inherited float won't have any effect. */
margin-top: 0;
}
.wp-filter .search-form.search-plugins select,
.wp-filter .search-form.search-plugins .wp-filter-search,
.no-js .wp-filter .search-form.search-plugins .button {
display: inline-block;
vertical-align: top;
}
.wp-filter .button.drawer-toggle {
margin: 10px 9px 0;
padding: 0 10px 0 6px;
border-color: transparent;
background-color: transparent;
color: #646970;
vertical-align: baseline;
box-shadow: none;
}
.wp-filter .drawer-toggle:before {
content: "\f111";
margin: 0 5px 0 0;
color: #646970;
font: normal 16px/1 dashicons;
vertical-align: text-bottom;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.wp-filter .button.drawer-toggle:hover,
.wp-filter .drawer-toggle:hover:before,
.wp-filter .button.drawer-toggle:focus,
.wp-filter .drawer-toggle:focus:before {
background-color: transparent;
color: #135e96;
}
.wp-filter .button.drawer-toggle:hover,
.wp-filter .button.drawer-toggle:focus:active {
border-color: transparent;
}
.wp-filter .button.drawer-toggle:focus {
border-color: #4f94d4;
}
.wp-filter .button.drawer-toggle:active {
background: transparent;
box-shadow: none;
transform: none;
}
.wp-filter .drawer-toggle.current:before {
color: #fff;
}
.filter-drawer,
.wp-filter .favorites-form {
display: none;
margin: 0 -10px 0 -20px;
padding: 20px;
border-top: 1px solid #f0f0f1;
background: #f6f7f7;
overflow: hidden;
}
.wp-filter .favorites-form .favorites-username {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 0.5rem;
}
.wp-filter .favorites-form .favorites-username input {
margin: 0;
}
.show-filters .filter-drawer,
.show-favorites-form .favorites-form {
display: block;
}
.show-filters .filter-links a.current {
border-bottom: none;
}
.show-filters .wp-filter .button.drawer-toggle {
border-radius: 2px;
background: #646970;
color: #fff;
}
.show-filters .wp-filter .drawer-toggle:hover,
.show-filters .wp-filter .drawer-toggle:focus {
background: #2271b1;
}
.show-filters .wp-filter .drawer-toggle:before {
color: #fff;
}
.filter-group {
box-sizing: border-box;
position: relative;
float: left;
margin: 0 1% 0 0;
padding: 20px 10px 10px;
width: 24%;
background: #fff;
border: 1px solid #dcdcde;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
}
.filter-group legend {
position: absolute;
top: 10px;
display: block;
margin: 0;
padding: 0;
font-size: 1em;
font-weight: 600;
}
.filter-drawer .filter-group-feature {
margin: 28px 0 0;
list-style-type: none;
font-size: 12px;
}
.filter-drawer .filter-group-feature input,
.filter-drawer .filter-group-feature label {
line-height: 1.4;
}
.filter-drawer .filter-group-feature input {
position: absolute;
margin: 0;
}
.filter-group .filter-group-feature label {
display: block;
margin: 14px 0 14px 23px;
}
.filter-drawer .buttons {
clear: both;
margin-bottom: 20px;
}
.filter-drawer .filter-group + .buttons {
margin-bottom: 0;
padding-top: 20px;
}
.filter-drawer .buttons .button span {
display: inline-block;
opacity: 0.8;
font-size: 12px;
text-indent: 10px;
}
.wp-filter .button.clear-filters {
display: none;
margin-left: 10px;
}
.wp-filter .button-link.edit-filters {
padding: 0 5px;
line-height: 2.2;
}
.filtered-by {
display: none;
margin: 0;
}
.filtered-by > span {
font-weight: 600;
}
.filtered-by a {
margin-left: 10px;
}
.filtered-by .tags {
display: flex;
align-items: flex-start;
flex-wrap: wrap;
gap: 8px;
}
.filtered-by .tag {
padding: 4px 8px;
border: 1px solid #dcdcde;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
background: #fff;
font-size: 11px;
}
.filters-applied .filter-group,
.filters-applied .filter-drawer .buttons,
.filters-applied .filter-drawer br {
display: none;
}
.filters-applied .filtered-by {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 10px;
}
.filters-applied .filter-drawer {
padding: 20px;
}
.show-filters .favorites-form,
.show-filters .content-filterable,
.show-filters.filters-applied.loading-content .content-filterable,
.loading-content .content-filterable,
.error .content-filterable {
display: none;
}
.show-filters.filters-applied .content-filterable {
display: block;
}
.loading-content .spinner {
display: block;
margin: 40px auto 0;
float: none;
}
@media only screen and (max-width: 1120px) {
.filter-drawer {
border-bottom: 1px solid #f0f0f1;
}
.filter-group {
margin-bottom: 0;
margin-top: 5px;
width: 100%;
}
.filter-group li {
margin: 10px 0;
}
}
@media only screen and (max-width: 1000px) {
.filter-items {
float: none;
}
.wp-filter .media-toolbar-primary,
.wp-filter .media-toolbar-secondary,
.wp-filter .search-form {
float: none; /* Remove float from media-views.css */
position: relative;
max-width: 100%;
}
.wp-filter .search-form {
margin: 11px 0;
flex-wrap: wrap;
row-gap: 10px;
}
}
@media only screen and (max-width: 782px) {
.filter-group li {
padding: 0;
width: 50%;
}
}
@media only screen and (max-width: 320px) {
.filter-count {
display: none;
}
.wp-filter .drawer-toggle {
margin: 10px 0;
}
.filter-group li,
.wp-filter .search-form input[type="search"] {
width: 100%;
}
}
/*------------------------------------------------------------------------------
4.0 - Notifications
------------------------------------------------------------------------------*/
.notice,
div.updated,
div.error {
background: #fff;
border: 1px solid #c3c4c7;
border-left-width: 4px;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
margin: 5px 15px 2px;
padding: 1px 12px;
}
div[class="update-message"] { /* back-compat for pre-4.6 */
padding: 0.5em 12px 0.5em 0;
}
.notice p,
.notice-title,
div.updated p,
div.error p,
.form-table td .notice p {
margin: 0.5em 0;
padding: 2px;
}
.error a {
text-decoration: underline;
}
.updated a {
padding-bottom: 2px;
}
.notice-alt {
box-shadow: none;
}
.notice-large {
padding: 10px 20px;
}
.notice-title {
display: inline-block;
color: #1d2327;
font-size: 18px;
}
.wp-core-ui .notice.is-dismissible {
padding-right: 38px;
position: relative;
}
.notice-dismiss {
position: absolute;
top: 0;
right: 1px;
border: none;
margin: 0;
padding: 9px;
background: none;
color: #787c82;
cursor: pointer;
}
.notice-dismiss:hover:before,
.notice-dismiss:active:before,
.notice-dismiss:focus:before {
color: #d63638;
}
.notice-dismiss:focus {
box-shadow: 0 0 0 2px #2271b1;
/* Only visible in Windows High Contrast mode */
outline: 2px solid transparent;
}
.notice-success,
div.updated {
border-left-color: #00a32a;
}
.notice-success.notice-alt {
background-color: #edfaef;
}
.notice-warning {
border-left-color: #dba617;
}
.notice-warning.notice-alt {
background-color: #fcf9e8;
}
.notice-error,
div.error {
border-left-color: #d63638;
}
.notice-error.notice-alt {
background-color: #fcf0f1;
}
.notice-info {
border-left-color: #72aee6;
}
.notice-info.notice-alt {
background-color: #f0f6fc;
}
#plugin-information-footer .update-now:not(.button-disabled):before {
color: #d63638;
content: "\f463";
display: inline-block;
font: normal 20px/1 dashicons;
margin: -3px 5px 0 -2px;
speak: never;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
vertical-align: middle;
}
#plugin-information-footer .notice {
margin-top: -5px;
}
.update-message p:before,
.updating-message p:before,
.updated-message p:before,
.import-php .updating-message:before,
.button.updating-message:before,
.button.updated-message:before,
.button.installed:before,
.button.installing:before,
.button.activating-message:before,
.button.activated-message:before {
display: inline-block;
font: normal 20px/1 'dashicons';
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
vertical-align: top;
}
.wrap .notice,
.wrap div.updated,
.wrap div.error,
.media-upload-form .notice,
.media-upload-form div.error {
margin: 5px 0 15px;
}
.wrap #templateside .notice {
display: block;
margin: 0;
padding: 5px 8px;
font-weight: 600;
text-decoration: none;
}
.wrap #templateside span.notice {
margin-left: -12px;
}
#templateside li.notice a {
padding: 0;
}
/* Update icon. */
.update-message p:before,
.updating-message p:before,
.import-php .updating-message:before,
.button.updating-message:before,
.button.installing:before,
.button.activating-message:before {
color: #d63638;
content: "\f463";
}
/* Spins the update icon. */
.updating-message p:before,
.import-php .updating-message:before,
.button.updating-message:before,
.button.installing:before,
.button.activating-message:before,
.plugins .column-auto-updates .dashicons-update.spin,
.theme-overlay .theme-autoupdate .dashicons-update.spin {
animation: rotation 2s infinite linear;
}
@media (prefers-reduced-motion: reduce) {
.updating-message p:before,
.import-php .updating-message:before,
.button.updating-message:before,
.button.installing:before,
.button.activating-message:before,
.plugins .column-auto-updates .dashicons-update.spin,
.theme-overlay .theme-autoupdate .dashicons-update.spin {
animation: none;
}
}
.theme-overlay .theme-autoupdate .dashicons-update.spin {
margin-right: 3px;
}
/* Updated icon (check mark). */
.updated-message p:before,
.installed p:before,
.button.updated-message:before,
.button.activated-message:before {
color: #68de7c;
content: "\f147";
}
/* Error icon. */
.update-message.notice-error p:before {
color: #d63638;
content: "\f534";
}
.wrap .notice p:before,
.import-php .updating-message:before {
margin-right: 6px;
}
.import-php .updating-message:before {
vertical-align: bottom;
}
#update-nag,
.update-nag {
display: inline-block;
line-height: 1.4;
padding: 11px 15px;
font-size: 14px;
margin: 25px 20px 0 2px;
}
ul#dismissed-updates {
display: none;
}
#dismissed-updates li > p {
margin-top: 0;
}
#dismiss,
#undismiss {
margin-left: 0.5em;
}
form.upgrade {
margin-top: 8px;
}
form.upgrade .hint {
font-style: italic;
font-size: 85%;
margin: -0.5em 0 2em;
}
.update-php .spinner {
float: none;
margin: -4px 0;
}
h2.wp-current-version {
margin-bottom: .3em;
}
p.update-last-checked {
margin-top: 0;
}
p.auto-update-status {
margin-top: 2em;
line-height: 1.8;
}
#ajax-loading,
.ajax-loading,
.ajax-feedback,
.imgedit-wait-spin,
.list-ajax-loading { /* deprecated */
visibility: hidden;
}
#ajax-response.alignleft {
margin-left: 2em;
}
.button.updating-message:before,
.button.updated-message:before,
.button.installed:before,
.button.installing:before,
.button.activated-message:before,
.button.activating-message:before {
margin: 3px 5px 0 -2px;
}
#plugin-information-footer .button {
padding: 0 14px;
line-height: 2.71428571; /* 38px */
font-size: 14px;
vertical-align: middle;
min-height: 40px;
margin-bottom: 4px;
}
#plugin-information-footer .button.installed:before,
#plugin-information-footer .button.installing:before,
#plugin-information-footer .button.updating-message:before,
#plugin-information-footer .button.updated-message:before,
#plugin-information-footer .button.activated-message:before,
#plugin-information-footer .button.activating-message:before {
margin: 9px 5px 0 -2px;
}
#plugin-information-footer .button.update-now.updating-message:before {
margin: -3px 5px 0 -2px;
}
.button-primary.updating-message:before,
.button-primary.activating-message:before {
color: #fff;
}
.button-primary.updated-message:before,
.button-primary.activated-message:before {
color: #9ec2e6;
}
.button.updated-message,
.button.activated-message {
transition-property: border, background, color;
transition-duration: .05s;
transition-timing-function: ease-in-out;
}
@media aural {
.wrap .notice p:before,
.button.installing:before,
.button.installed:before,
.update-message p:before {
speak: never;
}
}
/* @todo: this does not need its own section anymore */
/*------------------------------------------------------------------------------
6.0 - Admin Header
------------------------------------------------------------------------------*/
#adminmenu a,
#taglist a,
#catlist a {
text-decoration: none;
}
/*------------------------------------------------------------------------------
6.1 - Screen Options Tabs
------------------------------------------------------------------------------*/
#screen-options-wrap,
#contextual-help-wrap {
margin: 0;
padding: 8px 20px 12px;
position: relative;
}
#contextual-help-wrap {
overflow: auto;
margin-left: 0;
}
#screen-meta-links {
float: right;
margin: 0 20px 0 0;
}
/* screen options and help tabs revert */
#screen-meta {
display: none;
margin: 0 20px -1px 0;
position: relative;
background-color: #fff;
border: 1px solid #c3c4c7;
border-top: none;
box-shadow: 0 0 0 transparent;
}
#screen-options-link-wrap,
#contextual-help-link-wrap {
float: left;
margin: 0 0 0 6px;
}
#screen-meta-links .screen-meta-toggle {
position: relative;
top: 0;
}
#screen-meta-links .show-settings {
border: 1px solid #c3c4c7;
border-top: none;
height: auto;
margin-bottom: 0;
padding: 3px 6px 3px 16px;
background: #fff;
border-radius: 0 0 4px 4px;
color: #646970;
line-height: 1.7;
box-shadow: 0 0 0 transparent;
transition: box-shadow 0.1s linear;
}
#screen-meta-links .show-settings:hover,
#screen-meta-links .show-settings:active,
#screen-meta-links .show-settings:focus {
color: #2c3338;
}
#screen-meta-links .show-settings:focus {
border-color: #2271b1;
box-shadow: 0 0 0 1px #2271b1;
/* Only visible in Windows High Contrast mode */
outline: 2px solid transparent;
}
#screen-meta-links .show-settings:active {
transform: none;
}
#screen-meta-links .show-settings:after {
right: 0;
content: "\f140";
font: normal 20px/1 dashicons;
speak: never;
display: inline-block;
padding: 0 5px 0 0;
bottom: 2px;
position: relative;
vertical-align: bottom;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-decoration: none;
}
#screen-meta-links .screen-meta-active:after {
content: "\f142";
}
/* end screen options and help tabs */
.toggle-arrow {
background-repeat: no-repeat;
background-position: top left;
background-color: transparent;
height: 22px;
line-height: 22px;
display: block;
}
.toggle-arrow-active {
background-position: bottom left;
}
#screen-options-wrap h5, /* Back-compat for old plugins */
#screen-options-wrap legend,
#contextual-help-wrap h5 {
margin: 0;
padding: 8px 0;
font-size: 13px;
font-weight: 600;
}
.metabox-prefs label {
display: inline-block;
padding-right: 15px;
line-height: 2.35;
}
#number-of-columns {
display: inline-block;
vertical-align: middle;
line-height: 30px;
}
.metabox-prefs input[type=checkbox] {
margin-top: 0;
margin-right: 6px;
}
.metabox-prefs label input,
.metabox-prefs label input[type=checkbox] {
margin: -4px 5px 0 0;
}
.metabox-prefs .columns-prefs label input {
margin: -1px 2px 0 0;
}
.metabox-prefs label a {
display: none;
}
.metabox-prefs .screen-options input,
.metabox-prefs .screen-options label {
margin-top: 0;
margin-bottom: 0;
vertical-align: middle;
}
.metabox-prefs .screen-options .screen-per-page {
margin-right: 15px;
padding-right: 0;
}
.metabox-prefs .screen-options label {
line-height: 2.2;
padding-right: 0;
}
.screen-options + .screen-options {
margin-top: 10px;
}
.metabox-prefs .submit {
margin-top: 1em;
padding: 0;
}
/*------------------------------------------------------------------------------
6.2 - Help Menu
------------------------------------------------------------------------------*/
#contextual-help-wrap {
padding: 0;
}
#contextual-help-columns {
position: relative;
}
#contextual-help-back {
position: absolute;
top: 0;
bottom: 0;
left: 150px;
right: 170px;
border: 1px solid #c3c4c7;
border-top: none;
border-bottom: none;
background: #f0f6fc;
}
#contextual-help-wrap.no-sidebar #contextual-help-back {
right: 0;
border-right-width: 0;
border-bottom-right-radius: 2px;
}
.contextual-help-tabs {
float: left;
width: 150px;
margin: 0;
}
.contextual-help-tabs ul {
margin: 1em 0;
}
.contextual-help-tabs li {
margin-bottom: 0;
list-style-type: none;
border-style: solid;
border-width: 0 0 0 2px;
border-color: transparent;
}
.contextual-help-tabs a {
display: block;
padding: 5px 5px 5px 12px;
line-height: 1.4;
text-decoration: none;
border: 1px solid transparent;
border-right: none;
border-left: none;
}
.contextual-help-tabs a:hover {
color: #2c3338;
}
.contextual-help-tabs .active {
padding: 0;
margin: 0 -1px 0 0;
border-left: 2px solid #72aee6;
background: #f0f6fc;
box-shadow: 0 2px 0 rgba(0, 0, 0, 0.02), 0 1px 0 rgba(0, 0, 0, 0.02);
}
.contextual-help-tabs .active a {
border-color: #c3c4c7;
color: #2c3338;
}
.contextual-help-tabs-wrap {
padding: 0 20px;
overflow: auto;
}
.help-tab-content {
display: none;
margin: 0 22px 12px 0;
line-height: 1.6;
}
.help-tab-content.active {
display: block;
}
.help-tab-content ul li {
list-style-type: disc;
margin-left: 18px;
}
.contextual-help-sidebar {
width: 150px;
float: right;
padding: 0 8px 0 12px;
overflow: auto;
}
/*------------------------------------------------------------------------------
8.0 - Layout Blocks
------------------------------------------------------------------------------*/
html.wp-toolbar {
padding-top: var(--wp-admin--admin-bar--height);
box-sizing: border-box;
-ms-overflow-style: scrollbar; /* See ticket #48545 */
}
.widefat th,
.widefat td {
color: #50575e;
}
.widefat th,
.widefat thead td,
.widefat tfoot td {
font-weight: 400;
}
.widefat thead tr th,
.widefat thead tr td,
.widefat tfoot tr th,
.widefat tfoot tr td {
color: #2c3338;
}
.widefat td p {
margin: 2px 0 0.8em;
}
.widefat p,
.widefat ol,
.widefat ul {
color: #2c3338;
}
.widefat .column-comment p {
margin: 0.6em 0;
}
.widefat .column-comment ul {
list-style: initial;
margin-left: 2em;
}
/* Screens with postboxes */
.postbox-container {
float: left;
}
.postbox-container .meta-box-sortables {
box-sizing: border-box;
}
#wpbody-content .metabox-holder {
padding-top: 10px;
}
.metabox-holder .postbox-container .meta-box-sortables {
/* The jQuery UI Sortables need some initial height to work properly. */
min-height: 1px;
position: relative;
}
#post-body-content {
width: 100%;
min-width: 463px;
float: left;
}
#post-body.columns-2 #postbox-container-1 {
float: right;
margin-right: -300px;
width: 280px;
}
#post-body.columns-2 #side-sortables {
min-height: 250px;
}
/* one column on the dash */
@media only screen and (max-width: 799px) {
#wpbody-content .metabox-holder .postbox-container .empty-container {
outline: none;
height: 0;
min-height: 0;
}
}
.js .widget .widget-top,
.js .postbox .hndle {
cursor: move;
}
.js .widget .widget-top.is-non-sortable,
.js .postbox .hndle.is-non-sortable {
cursor: auto;
}
/* Configurable dashboard widgets "Configure" edit-box link. */
.hndle a {
font-size: 12px;
font-weight: 400;
}
.postbox-header {
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid #c3c4c7;
}
.postbox-header .hndle {
flex-grow: 1;
/* Handle the alignment for the configurable dashboard widgets "Configure" edit-box link. */
display: flex;
justify-content: space-between;
align-items: center;
}
.postbox-header .handle-actions {
flex-shrink: 0;
}
/* Post box order and toggle buttons. */
.postbox .handle-order-higher,
.postbox .handle-order-lower,
.postbox .handlediv {
width: 1.62rem;
height: 1.62rem;
margin: 0;
padding: 0;
border: 0;
background: none;
cursor: pointer;
}
.postbox .handle-order-higher,
.postbox .handle-order-lower {
color: #787c82;
width: 1.62rem;
}
/* Post box order buttons in the block editor meta boxes area. */
.edit-post-meta-boxes-area .postbox .handle-order-higher,
.edit-post-meta-boxes-area .postbox .handle-order-lower {
width: 44px;
height: 44px;
color: #1d2327
}
.postbox .handle-order-higher[aria-disabled="true"],
.postbox .handle-order-lower[aria-disabled="true"] {
cursor: default;
color: #a7aaad;
}
.sortable-placeholder {
border: 1px dashed #c3c4c7;
margin-bottom: 20px;
}
.postbox,
.stuffbox {
margin-bottom: 20px;
padding: 0;
line-height: 1;
}
.postbox.closed {
border-bottom: 0;
}
/* user-select is not a part of the CSS standard - may change behavior in the future */
.postbox .hndle,
.stuffbox .hndle {
-webkit-user-select: none;
user-select: none;
}
.postbox .inside {
padding: 0 12px 12px;
line-height: 1.4;
font-size: 13px;
}
.stuffbox .inside {
padding: 0;
line-height: 1.4;
font-size: 13px;
margin-top: 0;
}
.postbox .inside {
margin: 11px 0;
position: relative;
}
.postbox .inside > p:last-child,
.rss-widget ul li:last-child {
margin-bottom: 1px !important;
}
.postbox.closed h3 {
border: none;
box-shadow: none;
}
.postbox table.form-table {
margin-bottom: 0;
}
.postbox table.widefat {
box-shadow: none;
}
.temp-border {
border: 1px dotted #c3c4c7;
}
.columns-prefs label {
padding: 0 10px 0 0;
}
/* @todo: what is this doing here */
#dashboard_right_now .versions .b,
#post-status-display,
#post-visibility-display,
#adminmenu .wp-submenu li.current,
#adminmenu .wp-submenu li.current a,
#adminmenu .wp-submenu li.current a:hover,
.media-item .percent,
.plugins .name,
#pass-strength-result.strong,
#pass-strength-result.short,
#ed_reply_toolbar #ed_reply_strong,
.item-controls .item-order a,
.feature-filter .feature-name,
#comment-status-display {
font-weight: 600;
}
/*------------------------------------------------------------------------------
21.0 - Admin Footer
------------------------------------------------------------------------------*/
#wpfooter {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 10px 20px;
color: #50575e;
}
#wpfooter p {
font-size: 13px;
margin: 0;
line-height: 1.55;
}
#footer-thankyou {
font-style: italic;
}
/*------------------------------------------------------------------------------
25.0 - Tabbed Admin Screen Interface (Experimental)
------------------------------------------------------------------------------*/
.nav-tab {
float: left;
border: 1px solid #c3c4c7;
border-bottom: none;
margin-left: 0.5em; /* half the font size so set the font size properly */
padding: 5px 10px;
font-size: 14px;
line-height: 1.71428571;
font-weight: 600;
background: #dcdcde;
color: #50575e;
text-decoration: none;
white-space: nowrap;
}
h3 .nav-tab, /* Back-compat for pre-4.4 */
.nav-tab-small .nav-tab {
padding: 5px 14px;
font-size: 12px;
line-height: 1.33;
}
.nav-tab:hover,
.nav-tab:focus {
background-color: #fff;
color: #3c434a;
}
.nav-tab-active,
.nav-tab:focus:active {
box-shadow: none;
}
.nav-tab-active {
margin-bottom: -1px;
color: #3c434a;
}
.nav-tab-active,
.nav-tab-active:hover,
.nav-tab-active:focus,
.nav-tab-active:focus:active {
border-bottom: 1px solid #f0f0f1;
background: #f0f0f1;
color: #000;
}
h1.nav-tab-wrapper, /* Back-compat for pre-4.4 */
.wrap h2.nav-tab-wrapper, /* higher specificity to override .wrap > h2:first-child */
.nav-tab-wrapper {
border-bottom: 1px solid #c3c4c7;
margin: 0;
padding-top: 9px;
padding-bottom: 0;
line-height: inherit;
}
/* Back-compat for plugins. Deprecated. Use .wp-clearfix instead. */
.nav-tab-wrapper:not(.wp-clearfix):after {
content: "";
display: table;
clear: both;
}
/*------------------------------------------------------------------------------
26.0 - Misc
------------------------------------------------------------------------------*/
.spinner {
background: url(../images/spinner.gif) no-repeat;
background-size: 20px 20px;
display: inline-block;
visibility: hidden;
float: right;
vertical-align: middle;
opacity: 0.7;
filter: alpha(opacity=70);
width: 20px;
height: 20px;
margin: 4px 10px 0;
}
.spinner.is-active,
.loading-content .spinner {
visibility: visible;
}
#template > div {
margin-right: 16em;
}
#template .notice {
margin-top: 1em;
margin-right: 3%;
}
#template .notice p {
width: auto;
}
#template .submit .spinner {
float: none;
}
.metabox-holder .stuffbox > h3, /* Back-compat for pre-4.4 */
.metabox-holder .postbox > h3, /* Back-compat for pre-4.4 */
.metabox-holder h3.hndle, /* Back-compat for pre-4.4 */
.metabox-holder h2.hndle {
font-size: 14px;
padding: 8px 12px;
margin: 0;
line-height: 1.4;
}
/* Back-compat for nav-menus screen */
.nav-menus-php .metabox-holder h3 {
padding: 0;
}
.accordion-container h3.accordion-section-title {
padding: 0 !important;
}
.accordion-section-title button.accordion-trigger,
.nav-menus-php .metabox-holder .accordion-section-title button.accordion-trigger {
background: inherit;
color: #1d2327;
display: block;
position: relative;
text-align: left;
width: 100%;
outline: none;
border: 0;
padding: 10px 10px 11px 14px;
line-height: 1.5;
cursor: pointer;
}
.accordion-section-title button.accordion-trigger:focus,
.nav-menus-php .metabox-holder .accordion-section-title button.accordion-trigger:focus {
box-shadow: 0 0 0 2px #2271b1;
outline: 2px solid transparent;
}
.accordion-section-title span.dashicons.dashicons-arrow-down,
.nav-menus-php .metabox-holder .accordion-section-title span.dashicons.dashicons-arrow-down {
position: absolute;
right: 10px;
left: auto;
color: #787c82;
border-radius: 50px;
top: 50%;
transform: translateY(-50%);
}
.accordion-section-title:hover span.dashicons.dashicons-arrow-down,
.nav-menus-php .metabox-holder .accordion-section-title:hover span.dashicons.dashicons-arrow-down {
color: #1d2327;
}
.accordion-section-title span.dashicons.dashicons-arrow-down::before,
.nav-menus-php .metabox-holder .accordion-section-title span.dashicons.dashicons-arrow-down::before {
position: relative;
left: -1px;
}
.accordion-section.open .accordion-section-title span.dashicons.dashicons-arrow-down,
.nav-menus-php .metabox-holder .accordion-section.open .accordion-section-title span.dashicons.dashicons-arrow-down {
transform: rotate(180deg) translate(0, 50%);
}
#templateside ul li a {
text-decoration: none;
}
.plugin-install #description,
.plugin-install-network #description {
width: 60%;
}
table .vers,
table .column-visible,
table .column-rating {
text-align: left;
}
.attention,
.error-message {
color: #d63638;
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
------------------------------------------------------------------------------*/
.media-icon {
width: 62px; /* icon + border */
text-align: center;
}
.media-icon img {
border: 1px solid #dcdcde;
border: 1px solid rgba(0, 0, 0, 0.07);
}
#howto {
font-size: 11px;
margin: 0 5px;
display: block;
}
.importers {
font-size: 16px;
width: auto;
}
.importers td {
padding-right: 14px;
line-height: 1.4;
}
.importers .import-system {
max-width: 250px;
}
.importers td.desc {
max-width: 500px;
}
.importer-title,
.importer-desc,
.importer-action {
display: block;
}
.importer-title {
color: #000;
font-size: 14px;
font-weight: 400;
margin-bottom: .2em;
}
.importer-action {
line-height: 1.55; /* Same as with .updating-message */
color: #50575e;
margin-bottom: 1em;
}
#post-body #post-body-content #namediv h3, /* Back-compat for pre-4.4 */
#post-body #post-body-content #namediv h2 {
margin-top: 0;
}
.edit-comment-author {
color: #1d2327;
border-bottom: 1px solid #f0f0f1;
}
#namediv h3 label, /* Back-compat for pre-4.4 */
#namediv h2 label {
vertical-align: baseline;
}
#namediv table {
width: 100%;
}
#namediv td.first {
width: 10px;
white-space: nowrap;
}
#namediv input {
width: 100%;
}
#namediv p {
margin: 10px 0;
}
/* - 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: 0.15;
}
.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;
}
/* Star Ratings - Back-compat for pre-3.8 */
div.star-holder {
position: relative;
height: 17px;
width: 100px;
background: url(../images/stars.png?ver=20121108) repeat-x bottom left;
}
div.star-holder .star-rating {
background: url(../images/stars.png?ver=20121108) repeat-x top left;
height: 17px;
float: left;
}
/* Star Ratings */
.star-rating {
white-space: nowrap;
}
.star-rating .star {
display: inline-block;
width: 20px;
height: 20px;
-webkit-font-smoothing: antialiased;
font-size: 20px;
line-height: 1;
font-family: dashicons;
text-decoration: inherit;
font-weight: 400;
font-style: normal;
vertical-align: top;
transition: color .1s ease-in;
text-align: center;
color: #dba617;
}
.star-rating .star-full:before {
content: "\f155";
}
.star-rating .star-half:before {
content: "\f459";
}
.rtl .star-rating .star-half {
transform: rotateY(180deg);
}
.star-rating .star-empty:before {
content: "\f154";
}
div.action-links {
font-weight: 400;
margin: 6px 0 0;
}
/* Plugin install thickbox */
#plugin-information {
background: #fff;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
height: 100%;
padding: 0;
}
#plugin-information-scrollable {
overflow: auto;
-webkit-overflow-scrolling: touch;
height: 100%;
}
#plugin-information-title {
padding: 0 26px;
background: #f6f7f7;
font-size: 22px;
font-weight: 600;
line-height: 2.4;
position: relative;
height: 56px;
}
#plugin-information-title.with-banner {
margin-right: 0;
height: 250px;
background-size: cover;
}
#plugin-information-title h2 {
font-size: 1em;
font-weight: 600;
padding: 0;
margin: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
#plugin-information-title.with-banner h2 {
position: relative;
font-family: "Helvetica Neue", sans-serif;
display: inline-block;
font-size: 30px;
line-height: 1.68;
box-sizing: border-box;
max-width: 100%;
padding: 0 15px;
margin-top: 174px;
color: #fff;
background: rgba(29, 35, 39, 0.9);
text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
box-shadow: 0 0 30px rgba(255, 255, 255, 0.1);
border-radius: 8px;
}
#plugin-information-title div.vignette {
display: none;
}
#plugin-information-title.with-banner div.vignette {
position: absolute;
display: block;
top: 0;
left: 0;
height: 250px;
width: 100%;
background: transparent;
box-shadow: inset 0 0 50px 4px rgba(0, 0, 0, 0.2), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
}
#plugin-information-tabs {
padding: 0 16px;
position: relative;
right: 0;
left: 0;
min-height: 36px;
font-size: 0;
z-index: 1;
border-bottom: 1px solid #dcdcde;
background: #f6f7f7;
}
#plugin-information-tabs a {
position: relative;
display: inline-block;
padding: 9px 10px;
margin: 0;
height: 18px;
line-height: 1.3;
font-size: 14px;
text-decoration: none;
transition: none;
}
#plugin-information-tabs a.current {
margin: 0 -1px -1px;
background: #fff;
border: 1px solid #dcdcde;
border-bottom-color: #fff;
padding-top: 8px;
color: #2c3338;
}
#plugin-information-tabs.with-banner a.current {
border-top: none;
padding-top: 9px;
}
#plugin-information-tabs a:active,
#plugin-information-tabs a:focus {
outline: none;
}
#plugin-information-content {
overflow: hidden; /* equal height column trick */
background: #fff;
position: relative;
top: 0;
right: 0;
left: 0;
min-height: 100%;
/* Height of title + tabs + install now */
min-height: calc( 100% - 152px );
}
#plugin-information-content.with-banner {
/* Height of banner + tabs + install now */
min-height: calc( 100% - 346px );
}
#section-holder {
position: relative;
top: 0;
right: 250px;
bottom: 0;
left: 0;
margin-top: 10px;
margin-right: 250px; /* FYI box */
padding: 10px 26px 99999px; /* equal height column trick */
margin-bottom: -99932px; /* 67px less than the padding below to accommodate footer height */
}
#section-holder .notice {
margin: 5px 0 15px;
}
#section-holder .updated {
margin: 16px 0;
}
#plugin-information .fyi {
float: right;
position: relative;
top: 0;
right: 0;
padding: 16px 16px 99999px; /* equal height column trick */
margin-bottom: -99932px; /* 67px less than the padding below to accommodate footer height */
width: 217px;
border-left: 1px solid #dcdcde;
background: #f6f7f7;
color: #646970;
}
#plugin-information .fyi strong {
color: #3c434a;
}
#plugin-information .fyi h3 {
font-weight: 600;
text-transform: uppercase;
font-size: 12px;
color: #646970;
margin: 24px 0 8px;
}
#plugin-information .fyi h2 {
font-size: 0.9em;
margin-bottom: 0;
margin-right: 0;
}
#plugin-information .fyi ul {
padding: 0;
margin: 0;
list-style: none;
}
#plugin-information .fyi li {
margin: 0 0 10px;
}
#plugin-information .fyi-description {
margin-top: 0;
}
#plugin-information .counter-container {
margin: 3px 0;
}
#plugin-information .counter-label {
float: left;
margin-right: 5px;
min-width: 55px;
}
#plugin-information .counter-back {
height: 17px;
width: 92px;
background-color: #dcdcde;
float: left;
}
#plugin-information .counter-bar {
height: 17px;
background-color: #f0c33c; /* slightly lighter than stars due to larger expanse */
float: left;
}
#plugin-information .counter-count {
margin-left: 5px;
}
#plugin-information .fyi ul.contributors {
margin-top: 10px;
}
#plugin-information .fyi ul.contributors li {
display: inline-block;
margin-right: 8px;
vertical-align: middle;
}
#plugin-information .fyi ul.contributors li {
display: inline-block;
margin-right: 8px;
vertical-align: middle;
}
#plugin-information .fyi ul.contributors li img {
vertical-align: middle;
margin-right: 4px;
}
#plugin-information-footer {
padding: 13px 16px;
position: absolute;
right: 0;
bottom: 0;
left: 0;
height: 40px; /* actual height: 40+13+13+1=67 */
border-top: 1px solid #dcdcde;
background: #f6f7f7;
}
/* rtl:ignore */
#plugin-information .section {
direction: ltr;
}
/* rtl:ignore */
#plugin-information .section ul,
#plugin-information .section ol {
list-style-type: disc;
margin-left: 24px;
}
#plugin-information .section,
#plugin-information .section p {
font-size: 14px;
line-height: 1.7;
}
#plugin-information #section-screenshots ol {
list-style: none;
margin: 0;
}
#plugin-information #section-screenshots li img {
vertical-align: text-top;
margin-top: 16px;
max-width: 100%;
width: auto;
height: auto;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
/* rtl:ignore */
#plugin-information #section-screenshots li p {
font-style: italic;
padding-left: 20px;
}
#plugin-information pre {
padding: 7px;
overflow: auto;
border: 1px solid #c3c4c7;
}
#plugin-information blockquote {
border-left: 2px solid #dcdcde;
color: #646970;
font-style: italic;
margin: 1em 0;
padding: 0 0 0 1em;
}
/* rtl:ignore */
#plugin-information .review {
overflow: hidden; /* clearfix */
width: 100%;
margin-bottom: 20px;
border-bottom: 1px solid #dcdcde;
}
#plugin-information .review-title-section {
overflow: hidden; /* clearfix */
}
/* rtl:ignore */
#plugin-information .review-title-section h4 {
display: inline-block;
float: left;
margin: 0 6px 0 0;
}
#plugin-information .reviewer-info p {
clear: both;
margin: 0;
padding-top: 2px;
}
/* rtl:ignore */
#plugin-information .reviewer-info .avatar {
float: left;
margin: 4px 6px 0 0;
}
/* rtl:ignore */
#plugin-information .reviewer-info .star-rating {
float: left;
}
/* rtl:ignore */
#plugin-information .review-meta {
float: left;
margin-left: 0.75em;
}
/* rtl:ignore */
#plugin-information .review-body {
float: left;
width: 100%;
}
.plugin-version-author-uri {
font-size: 13px;
}
/* For non-js plugin installation screen ticket #36430. */
.update-php .button.button-primary {
margin-right: 1em;
}
@media screen and (max-width: 771px) {
#plugin-information-title.with-banner {
height: 100px;
}
#plugin-information-title.with-banner h2 {
margin-top: 30px;
font-size: 20px;
line-height: 2;
max-width: 85%;
}
#plugin-information-title.with-banner div.vignette {
height: 100px;
}
#plugin-information-tabs {
overflow: hidden; /* clearfix */
padding: 0;
height: auto; /* let tabs wrap */
}
#plugin-information-tabs a.current {
margin-bottom: 0;
border-bottom: none;
}
#plugin-information .fyi {
float: none;
border: 1px solid #dcdcde;
position: static;
width: auto;
margin: 26px 26px 0;
padding-bottom: 0; /* reset from the two column height fix */
}
#section-holder {
position: static;
margin: 0;
padding-bottom: 70px; /* reset from the two column height fix, plus accommodate footer */
}
#plugin-information .fyi h3,
#plugin-information .fyi small {
display: none;
}
#plugin-information-footer {
padding: 12px 16px 0;
height: 46px;
}
}
/* Thickbox for the Plugin details modal. */
#TB_window.plugin-details-modal {
background: #fff;
}
#TB_window.plugin-details-modal.thickbox-loading:before {
content: "";
display: block;
width: 20px;
height: 20px;
position: absolute;
left: 50%;
top: 50%;
z-index: -1;
margin: -10px 0 0 -10px;
background: #fff url(../images/spinner.gif) no-repeat center;
background-size: 20px 20px;
transform: translateZ(0);
}
@media print,
(min-resolution: 120dpi) {
#TB_window.plugin-details-modal.thickbox-loading:before {
background-image: url(../images/spinner-2x.gif);
}
}
.plugin-details-modal #TB_title {
float: left;
height: 1px;
}
.plugin-details-modal #TB_ajaxWindowTitle {
display: none;
}
.plugin-details-modal #TB_closeWindowButton {
left: auto;
right: -30px;
color: #f0f0f1;
}
.plugin-details-modal #TB_closeWindowButton:hover,
.plugin-details-modal #TB_closeWindowButton:focus {
outline: none;
box-shadow: none;
}
.plugin-details-modal #TB_closeWindowButton:hover::after,
.plugin-details-modal #TB_closeWindowButton:focus::after {
outline: 2px solid;
outline-offset: -4px;
border-radius: 4px;
}
.plugin-details-modal .tb-close-icon {
display: none;
}
.plugin-details-modal #TB_closeWindowButton:after {
content: "\f335";
font: normal 32px/29px 'dashicons';
speak: never;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* move plugin install close icon to top on narrow screens */
@media screen and (max-width: 830px) {
.plugin-details-modal #TB_closeWindowButton {
right: 0;
top: -30px;
}
}
/* @todo: move this. */
img {
border: none;
}
/* Metabox collapse arrow indicators */
.sidebar-name .toggle-indicator::before,
.meta-box-sortables .postbox .toggle-indicator::before,
.meta-box-sortables .postbox .order-higher-indicator::before,
.meta-box-sortables .postbox .order-lower-indicator::before,
.bulk-action-notice .toggle-indicator::before,
.privacy-text-box .toggle-indicator::before {
content: "\f142";
display: inline-block;
font: normal 20px/1 dashicons;
speak: never;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-decoration: none;
}
.js .widgets-holder-wrap.closed .toggle-indicator::before,
.meta-box-sortables .postbox.closed .handlediv .toggle-indicator::before,
.bulk-action-notice .bulk-action-errors-collapsed .toggle-indicator::before,
.privacy-text-box.closed .toggle-indicator::before {
content: "\f140";
}
.postbox .handle-order-higher .order-higher-indicator::before {
content: "\f343";
color: inherit;
}
.postbox .handle-order-lower .order-lower-indicator::before {
content: "\f347";
color: inherit;
}
.postbox .handle-order-higher .order-higher-indicator::before,
.postbox .handle-order-lower .order-lower-indicator::before {
position: relative;
top: 0.11rem;
width: 20px;
height: 20px;
}
.postbox .handlediv .toggle-indicator::before {
width: 20px;
border-radius: 50%;
}
.postbox .handlediv .toggle-indicator::before {
position: relative;
top: 0.05rem;
text-indent: -1px; /* account for the dashicon glyph uneven horizontal alignment */
}
.rtl .postbox .handlediv .toggle-indicator::before {
text-indent: 1px; /* account for the dashicon glyph uneven horizontal alignment */
}
.bulk-action-notice .toggle-indicator::before {
line-height: 16px;
vertical-align: top;
color: #787c82;
}
.postbox .handle-order-higher:focus,
.postbox .handle-order-lower:focus,
.postbox .handlediv:focus {
box-shadow: inset 0 0 0 2px #2271b1;
border-radius: 50%;
/* Only visible in Windows High Contrast mode */
outline: 2px solid transparent;
}
.postbox .handle-order-higher:focus .order-higher-indicator::before,
.postbox .handle-order-lower:focus .order-lower-indicator::before,
.postbox .handlediv:focus .toggle-indicator::before {
box-shadow: none;
/* Only visible in Windows High Contrast mode */
outline: 1px solid transparent;
}
/* @todo: appears to be Press This only and overridden */
#photo-add-url-div input[type="text"] {
width: 300px;
}
/* Theme/Plugin file editor */
.alignleft h2 {
margin: 0;
}
#template textarea {
font-family: Consolas, Monaco, monospace;
font-size: 13px;
background: #f6f7f7;
tab-size: 4;
}
#template textarea,
#template .CodeMirror {
width: 100%;
min-height: 60vh;
height: calc( 100vh - 295px );
border: 1px solid #dcdcde;
box-sizing: border-box;
}
#templateside > h2 {
padding-top: 6px;
padding-bottom: 7px;
margin: 0;
}
#templateside ol,
#templateside ul {
margin: 0;
padding: 0;
}
#templateside > ul {
box-sizing: border-box;
margin-top: 0;
overflow: auto;
padding: 0;
min-height: 60vh;
height: calc(100vh - 295px);
background-color: #f6f7f7;
border: 1px solid #dcdcde;
border-left: none;
}
#templateside ul ul {
padding-left: 12px;
}
#templateside > ul > li > ul[role=group] {
padding-left: 0;
}
/*
* Styles for Theme and Plugin file editors.
*/
/* Hide collapsed items. */
[role="treeitem"][aria-expanded="false"] > ul {
display: none;
}
/* Use arrow dashicons for folder states, but hide from screen readers. */
[role="treeitem"] span[aria-hidden] {
display: inline;
font-family: dashicons;
font-size: 20px;
position: absolute;
pointer-events: none;
}
[role="treeitem"][aria-expanded="false"] > .folder-label .icon:after {
content: "\f139";
}
[role="treeitem"][aria-expanded="true"] > .folder-label .icon:after {
content: "\f140";
}
[role="treeitem"] .folder-label {
display: block;
padding: 3px 3px 3px 12px;
cursor: pointer;
}
/* Remove outline, and create our own focus and hover styles */
[role="treeitem"] {
outline: 0;
}
[role="treeitem"] a:focus,
[role="treeitem"] .folder-label.focus {
color: #043959;
/* Reset default focus style. */
box-shadow: none;
/* Use an inset outline instead, so it's visible also over the current file item. */
outline: 2px solid #2271b1;
outline-offset: -2px;
}
[role="treeitem"].hover,
[role="treeitem"] .folder-label.hover {
background-color: #f0f0f1;
}
.tree-folder {
margin: 0;
position: relative;
}
[role="treeitem"] li {
position: relative;
}
/* Styles for folder indicators/depth */
.tree-folder .tree-folder::after {
content: "";
display: block;
position: absolute;
left: 2px;
border-left: 1px solid #c3c4c7;
top: -13px;
bottom: 10px;
}
.tree-folder > li::before {
content: "";
position: absolute;
display: block;
border-left: 1px solid #c3c4c7;
left: 2px;
top: -5px;
height: 18px;
width: 7px;
border-bottom: 1px solid #c3c4c7;
}
.tree-folder > li::after {
content: "";
position: absolute;
display: block;
border-left: 1px solid #c3c4c7;
left: 2px;
bottom: -7px;
top: 0;
}
/* current-file needs to adjustment for .notice styles */
#templateside .current-file {
margin: -4px 0 -2px;
}
.tree-folder > .current-file::before {
left: 4px;
height: 15px;
width: 0;
border-left: none;
top: 3px;
}
.tree-folder > .current-file::after {
bottom: -4px;
height: 7px;
left: 2px;
top: auto;
}
/* Lines shouldn't continue on last item */
.tree-folder > li:last-child::after,
.tree-folder li:last-child > .tree-folder::after {
display: none;
}
#theme-plugin-editor-selector,
#theme-plugin-editor-label,
#documentation label {
font-weight: 600;
}
#theme-plugin-editor-label {
display: inline-block;
margin-bottom: 1em;
}
/* rtl:ignore */
#template textarea,
#docs-list {
direction: ltr;
}
.fileedit-sub #theme,
.fileedit-sub #plugin {
max-width: 40%;
}
.fileedit-sub .alignright {
text-align: right;
}
#template p {
width: 97%;
}
#file-editor-linting-error {
margin-top: 1em;
margin-bottom: 1em;
}
#file-editor-linting-error > .notice {
margin: 0;
display: inline-block;
}
#file-editor-linting-error > .notice > p {
width: auto;
}
#template .submit {
margin-top: 1em;
padding: 0;
}
#template .submit input[type=submit][disabled] {
cursor: not-allowed;
}
#templateside {
float: right;
width: 16em;
word-wrap: break-word;
}
#postcustomstuff p.submit {
margin: 0;
}
#templateside h4 {
margin: 1em 0 0;
}
#templateside li {
margin: 4px 0;
}
#templateside li:not(.howto) a,
.theme-editor-php .highlight {
display: block;
padding: 3px 0 3px 12px;
text-decoration: none;
}
#templateside li.current-file > a {
padding-bottom: 0;
}
#templateside li:not(.howto) > a:first-of-type {
padding-top: 0;
}
#templateside li.howto {
padding: 6px 12px 12px;
}
.theme-editor-php .highlight {
margin: -3px 3px -3px -12px;
}
#templateside .highlight {
border: none;
font-weight: 600;
}
.nonessential {
color: #646970;
font-size: 11px;
font-style: italic;
padding-left: 12px;
}
#documentation {
margin-top: 10px;
}
#documentation label {
line-height: 1.8;
vertical-align: baseline;
}
.fileedit-sub {
padding: 10px 0 8px;
line-height: 180%;
}
#file-editor-warning .file-editor-warning-content {
margin: 25px;
}
/* @todo: can we use a common class for these? */
.nav-menus-php .item-edit:before,
.wp-customizer .control-section .accordion-section-title:after,
.wp-customizer .accordion-section-title:after,
.widget-top .widget-action .toggle-indicator:before {
content: "\f140";
font: normal 20px/1 dashicons;
speak: never;
display: block;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-decoration: none;
}
.widget-top .widget-action .toggle-indicator:before {
padding: 1px 2px 1px 0;
border-radius: 50%;
}
.handlediv,
.postbox .handlediv.button-link,
.item-edit,
.toggle-indicator {
color: #787c82;
}
.widget-action {
color: #50575e; /* #fafafa background in the Widgets screen */
}
.widget-top:hover .widget-action,
.widget-action:focus,
.handlediv:hover,
.handlediv:focus,
.postbox .handlediv.button-link:hover,
.postbox .handlediv.button-link:focus,
.item-edit:hover,
.item-edit:focus,
.sidebar-name:hover .toggle-indicator {
color: #1d2327;
/* Only visible in Windows High Contrast mode */
outline: 2px solid transparent;
}
.widget-top .widget-action:focus .toggle-indicator:before {
box-shadow: 0 0 0 2px #2271b1;
/* Only visible in Windows High Contrast mode */
outline: 2px solid transparent;
}
#customize-info.open .accordion-section-title:after,
.nav-menus-php .menu-item-edit-active .item-edit:before,
.widget.open .widget-top .widget-action .toggle-indicator:before,
.widget.widget-in-question .widget-top .widget-action .toggle-indicator:before {
content: "\f142";
}
/*!
* jQuery UI Draggable/Sortable 1.11.4
* http://jqueryui.com
*
* Copyright jQuery Foundation and other contributors
* Released under the MIT license.
* http://jquery.org/license
*/
.ui-draggable-handle,
.ui-sortable-handle {
touch-action: none;
}
/* Accordion */
.accordion-section {
border-bottom: 1px solid #dcdcde;
margin: 0;
}
.accordion-section.open .accordion-section-content,
.no-js .accordion-section .accordion-section-content {
display: block;
}
.accordion-section.open:hover {
border-bottom-color: #dcdcde;
}
.accordion-section-content {
display: none;
padding: 10px 20px 15px;
overflow: hidden;
background: #fff;
}
.accordion-section-title {
margin: 0;
position: relative;
border-left: 1px solid #dcdcde;
border-right: 1px solid #dcdcde;
-webkit-user-select: none;
user-select: none;
}
.js .accordion-section-title {
cursor: pointer;
}
.js .accordion-section-title:after {
position: absolute;
top: 12px;
right: 10px;
z-index: 1;
}
.accordion-section-title:focus {
/* Only visible in Windows High Contrast mode */
outline: 1px solid transparent;
}
.accordion-section-title:hover:after,
.accordion-section-title:focus:after {
border-color: #a7aaad transparent;
/* Only visible in Windows High Contrast mode */
outline: 1px solid transparent;
}
.cannot-expand .accordion-section-title {
cursor: auto;
}
.cannot-expand .accordion-section-title:after {
display: none;
}
.control-section .accordion-section-title,
.customize-pane-child .accordion-section-title {
border-left: none;
border-right: none;
padding: 10px 10px 11px 14px;
line-height: 1.55;
background: #fff;
}
.control-section .accordion-section-title:after,
.customize-pane-child .accordion-section-title:after {
top: calc(50% - 10px); /* Arrow height is 20px, so use half of that to vertically center */
}
.js .control-section:hover .accordion-section-title,
.js .control-section .accordion-section-title:hover,
.js .control-section.open .accordion-section-title,
.js .control-section .accordion-section-title:focus {
color: #1d2327;
background: #f6f7f7;
}
.control-section.open .accordion-section-title {
/* When expanded */
border-bottom: 1px solid #dcdcde;
}
/* Edit Site */
.network-admin .edit-site-actions {
margin-top: 0;
}
/* My Sites */
.my-sites {
display: block;
overflow: auto;
zoom: 1;
}
.my-sites li {
display: block;
padding: 8px 3%;
min-height: 130px;
margin: 0;
}
@media only screen and (max-width: 599px) {
.my-sites li {
min-height: 0;
}
}
@media only screen and (min-width: 600px) {
.my-sites.striped li {
background-color: #fff;
position: relative;
}
.my-sites.striped li:after {
content: "";
width: 1px;
height: 100%;
position: absolute;
top: 0;
right: 0;
background: #c3c4c7;
}
}
@media only screen and (min-width: 600px) and (max-width: 699px) {
.my-sites li{
float: left;
width: 44%;
}
.my-sites.striped li {
background-color: #fff;
}
.my-sites.striped li:nth-of-type(2n+1) {
clear: left;
}
.my-sites.striped li:nth-of-type(2n+2):after {
content: none;
}
.my-sites li:nth-of-type(4n+1),
.my-sites li:nth-of-type(4n+2) {
background-color: #f6f7f7;
}
}
@media only screen and (min-width: 700px) and (max-width: 1199px) {
.my-sites li {
float: left;
width: 27.333333%;
background-color: #fff;
}
.my-sites.striped li:nth-of-type(3n+3):after {
content: none;
}
.my-sites li:nth-of-type(6n+1),
.my-sites li:nth-of-type(6n+2),
.my-sites li:nth-of-type(6n+3) {
background-color: #f6f7f7;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.my-sites li {
float: left;
width: 21%;
padding: 8px 2%;
background-color: #fff;
}
.my-sites.striped li:nth-of-type(4n+1) {
clear: left;
}
.my-sites.striped li:nth-of-type(4n+4):after {
content: none;
}
.my-sites li:nth-of-type(8n+1),
.my-sites li:nth-of-type(8n+2),
.my-sites li:nth-of-type(8n+3),
.my-sites li:nth-of-type(8n+4) {
background-color: #f6f7f7;
}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.my-sites li {
float: left;
width: 16%;
padding: 8px 2%;
background-color: #fff;
}
.my-sites.striped li:nth-of-type(5n+1) {
clear: left;
}
.my-sites.striped li:nth-of-type(5n+5):after {
content: none;
}
.my-sites li:nth-of-type(10n+1),
.my-sites li:nth-of-type(10n+2),
.my-sites li:nth-of-type(10n+3),
.my-sites li:nth-of-type(10n+4),
.my-sites li:nth-of-type(10n+5) {
background-color: #f6f7f7;
}
}
@media only screen and (min-width: 1600px) {
.my-sites li {
float: left;
width: 12.666666%;
padding: 8px 2%;
background-color: #fff;
}
.my-sites.striped li:nth-of-type(6n+1) {
clear: left;
}
.my-sites.striped li:nth-of-type(6n+6):after {
content: none;
}
.my-sites li:nth-of-type(12n+1),
.my-sites li:nth-of-type(12n+2),
.my-sites li:nth-of-type(12n+3),
.my-sites li:nth-of-type(12n+4),
.my-sites li:nth-of-type(12n+5),
.my-sites li:nth-of-type(12n+6) {
background-color: #f6f7f7;
}
}
.my-sites li a {
text-decoration: none;
}
/* =Media Queries
-------------------------------------------------------------- */
/**
* HiDPI Displays
*/
@media print,
(min-resolution: 120dpi) {
/* Back-compat for pre-3.8 */
div.star-holder,
div.star-holder .star-rating {
background: url(../images/stars-2x.png?ver=20121108) repeat-x bottom left;
background-size: 21px 37px;
}
.spinner {
background-image: url(../images/spinner-2x.gif);
}
}
@media screen and (max-width: 782px) {
html.wp-toolbar {
padding-top: var(--wp-admin--admin-bar--height);
}
.screen-reader-shortcut:focus {
top: -39px;
}
body {
min-width: 240px;
overflow-x: hidden;
}
body * {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
}
#wpcontent {
position: relative;
margin-left: 0;
padding-left: 10px;
}
#wpbody-content {
padding-bottom: 100px;
}
.wrap {
clear: both;
margin-right: 12px;
margin-left: 0;
}
/* categories */
#col-left,
#col-right {
float: none;
width: auto;
}
#col-left .col-wrap,
#col-right .col-wrap {
padding: 0;
}
/* Hidden Elements */
#collapse-menu,
.post-format-select {
display: none !important;
}
.wrap h1.wp-heading-inline {
margin-bottom: 0.5em;
}
.wrap .add-new-h2, /* deprecated */
.wrap .add-new-h2:active, /* deprecated */
.wrap .page-title-action,
.wrap .page-title-action:active {
padding: 10px 15px;
font-size: 14px;
white-space: nowrap;
}
/* Feedback Messages */
.notice,
.wrap div.updated,
.wrap div.error,
.media-upload-form div.error {
margin: 20px 0 10px;
padding: 5px 10px;
font-size: 14px;
line-height: 175%;
}
.wp-core-ui .notice.is-dismissible {
padding-right: 46px;
}
.notice-dismiss {
padding: 13px;
}
.wrap .icon32 + h2 {
margin-top: -2px;
}
.wp-responsive-open #wpbody {
right: -16em;
}
code {
word-wrap: break-word;
word-wrap: anywhere; /* Firefox. Allow breaking long words anywhere */
word-break: break-word; /* Webkit: Treated similarly to word-wrap: break-word */
}
/* General Metabox */
.postbox {
font-size: 14px;
}
.metabox-holder h3.hndle, /* Back-compat for pre-4.4 */
.metabox-holder .stuffbox > h3, /* Back-compat for pre-4.4 */
.metabox-holder .postbox > h3, /* Back-compat for pre-4.4 */
.metabox-holder h2 {
padding: 12px;
}
.nav-menus-php .metabox-holder h3 {
padding: 0;
}
.postbox .handlediv {
margin-top: 3px;
}
/* Subsubsub Nav */
.subsubsub {
font-size: 16px;
text-align: center;
margin-bottom: 15px;
}
/* Theme/Plugin File Editor */
#template textarea,
#template .CodeMirror {
box-sizing: border-box;
}
#templateside {
float: none;
width: auto;
}
#templateside > ul {
border-left: 1px solid #dcdcde;
}
#templateside li {
margin: 0;
}
#templateside li:not(.howto) a {
display: block;
padding: 5px;
}
#templateside li.howto {
padding: 12px;
}
#templateside .highlight {
padding: 5px;
margin-left: -5px;
margin-top: -5px;
}
#template > div,
#template .notice {
float: none;
margin: 1em 0;
width: auto;
}
#template .CodeMirror,
#template textarea {
width: 100%;
}
#templateside ul ul {
padding-left: 1.5em;
}
[role="treeitem"] .folder-label {
display: block;
padding: 5px;
}
.tree-folder > li::before,
.tree-folder > li::after,
.tree-folder .tree-folder::after {
left: -8px;
}
.tree-folder > li::before {
top: 0;
height: 13px;
}
.tree-folder > .current-file::before {
left: -5px;
top: 7px;
width: 4px;
}
.tree-folder > .current-file::after {
height: 9px;
left: -8px;
}
.wrap #templateside span.notice {
margin-left: -5px;
width: 100%;
}
.fileedit-sub .alignright {
float: left;
margin-top: 15px;
width: 100%;
text-align: left;
}
.fileedit-sub .alignright label {
display: block;
}
.fileedit-sub #theme,
.fileedit-sub #plugin {
margin-left: 0;
max-width: 70%;
}
.fileedit-sub input[type="submit"] {
margin-bottom: 0;
}
#documentation label[for="docs-list"] {
display: block;
}
#documentation select[name="docs-list"] {
margin-left: 0;
max-width: 60%;
}
#documentation input[type="button"] {
margin-bottom: 0;
}
#wpfooter {
display: none;
}
#comments-form .checkforspam {
display: none;
}
.edit-comment-author {
margin: 2px 0 0;
}
.filter-drawer .filter-group-feature input,
.filter-drawer .filter-group-feature label {
line-height: 2.1;
}
.filter-drawer .filter-group-feature label {
margin-left: 32px;
}
.wp-filter .button.drawer-toggle {
font-size: 13px;
line-height: 2;
height: 28px;
}
/* Fix help tab columns for smaller screens */
#screen-meta #contextual-help-wrap {
overflow: visible;
}
#screen-meta #contextual-help-back,
#screen-meta .contextual-help-sidebar {
display: none;
}
#screen-meta .contextual-help-tabs {
clear: both;
width: 100%;
float: none;
}
#screen-meta .contextual-help-tabs ul {
margin: 0 0 1em;
padding: 1em 0 0;
}
#screen-meta .contextual-help-tabs .active {
margin: 0;
}
#screen-meta .contextual-help-tabs-wrap {
clear: both;
max-width: 100%;
float: none;
}
#screen-meta,
#screen-meta-links {
margin-right: 10px;
}
#screen-meta-links {
margin-bottom: 20px; /* Add margins beneath links for better spacing between boxes and elements */
}
.wp-filter .search-form input[type="search"] {
font-size: 1rem;
}
.wp-filter .search-form.search-plugins {
/* This element is a flex item. */
min-width: 100%;
}
}
/* Smartphone */
@media screen and (max-width: 600px) {
/* 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;
}
.screen-reader-shortcut:focus {
top: 7px;
}
#wpbody {
padding-top: 46px;
}
/* Keep full-width boxes on Edit Post page from causing horizontal scroll */
div#post-body.metabox-holder.columns-1 {
overflow-x: hidden;
}
h1.nav-tab-wrapper,
.wrap h2.nav-tab-wrapper,
.nav-tab-wrapper {
border-bottom: 0;
}
h1 .nav-tab,
h2 .nav-tab,
h3 .nav-tab,
nav .nav-tab {
margin: 10px 10px 0 0;
border-bottom: 1px solid #c3c4c7;
}
.nav-tab-active:hover,
.nav-tab-active:focus,
.nav-tab-active:focus:active {
border-bottom: 1px solid #c3c4c7;
}
.wp-filter .search-form.search-plugins label {
width: 100%;
}
}
@media screen and (max-width: 480px) {
.metabox-prefs-container {
display: grid;
}
.metabox-prefs-container > * {
display: inline-block;
padding: 2px;
}
}
@media screen and (max-width: 320px) {
/* Prevent default center alignment and larger font for the Right Now widget when
the network dashboard is viewed on a small mobile device. */
#network_dashboard_right_now .subsubsub {
font-size: 14px;
text-align: left;
}
}
home/eliteafr/pmb/opac_css/styles/common/dsi/common.css 0000666 00000002157 15220477203 0017246 0 ustar 00 /* +--------------------------------------------------------------------------+
// ? 2002-2013 PMB Services / www.sigb.net pmb@sigb.net et contributeurs (voir www.sigb.net)
// +-------------------------------------------------+
// $Id: common.css,v 1.1 2013-07-26 12:17:59 dgoron Exp $ */
/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/
/* ATTRIBUTS DSI */
/* */
/* mise en forme du mail */
/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/
.vignetteimg {
max-width: 140px;
max-height: 200px;
width: expression(this.width > 140 ? "140px" : true);
height: expression(this.height > 200 ? "200px" : true);
-moz-box-shadow: 1px 1px 5px #666666;
-webkit-box-shadow: 1px 1px 5px #666666;
box-shadow: 1px 1px 5px #666666;
}
home/eliteafr/pmb/styles/common/common.css 0000666 00000111066 15220627406 0014677 0 ustar 00 /* +--------------------------------------------------------------------------+
// ? 2002-2007 PMB Services / www.sigb.net pmb@sigb.net et contributeurs (voir www.sigb.net)
// +-------------------------------------------------+
// $Id: common.css,v 1.34.2.11 2016-09-19 15:13:00 cgil Exp $ */
/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/
/* ATTRIBUTS GENERAUX */
/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/
body {
font-size: 12px;
font-family: Arial,Helvetica,Sans-serif;
background-color: #ffffff;
}
input, select{
font-family: Arial,Helvetica,Sans-serif;
}
.row {
clear:both;
}
a {
}
img {
border: none;
vertical-align: middle;
}
ul {
list-style-position: inside;
}
/* ----------- titres et paragraphes ----------- */
h1 {
font-size: 15px;
}
h2, h3 {
font-size: 13px;
}
p {
margin-bottom: 20px;
}
hr {
clear:both;
margin-top: 15px;
margin-bottom: 15px;
}
/* ----------------- tableaux ----------------- */
table {
width: 100%;
clear: both;
}
table.sortable {
margin-top: 0px;
margin-bottom: 0px;
}
tr {
}
td {
padding-left: 5px;
padding-right: 5px;
padding-bottom: 3px;
padding-top: 3px;
vertical-align: top;
}
/* ------------------ input ------------------ */
input, select, textarea {
margin: 2px;
}
input, textarea {
padding: 2px;
}
textarea {
max-width: 95%;
min-width: 50%;
}
input.bouton, input.bouton_small {
cursor: pointer;
}
input[type="radio"]{
vertical-align: middle;
}
/* ------------------ formulaires --------------- */
form {
padding-left: 20px;
padding-right: 20px;
padding-top: 5px;
padding-bottom: 5px;
margin-top: 10px;
margin-bottom: 10px;
}
.form-contenu {
margin-top: 20px;
margin-bottom: 20px;
}
.form-contenu label {
font-weight: bold;
}
/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/
/* NAVBAR */
/* menu onglet */
/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/
#navbar {
}
#navbar ul li {
display: inline
}
/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/
/* EXTRA */
/* icones preferences */
/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/
#extra {
}
#extra img {
}
/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/
/* Style par themes */
/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/
/* General */
/* ---------------------------------------------------------------------------*/
table th {
padding-left: 5px;
padding-right: 5px;
padding-top: 2px;
padding-bottom: 2px;
}
/* ---------------------------------------------------------------------------*/
/* Circulation */
/* ---------------------------------------------------------------------------*/
body.circ {
}
/* ---------------------------------------------------------------------------*/
/* Catalogue */
/* ---------------------------------------------------------------------------*/
body.catalog {
}
/* ---------------------------------------------------------------------------*/
/* Autorites */
/* ---------------------------------------------------------------------------*/
body.autorites {
}
/* ---------------------------------------------------------------------------*/
/* Editions */
/* ---------------------------------------------------------------------------*/
body.edit {
}
/* ---------------------------------------------------------------------------*/
/* DSI */
/* ---------------------------------------------------------------------------*/
body.dsi {
}
/* ---------------------------------------------------------------------------*/
/* Acquisitions */
/* ---------------------------------------------------------------------------*/
body.acquisition {
}
body.acquisition table.act_cell {
width: inherit;
}
body.acquisition .tab_sug td input, body.acquisition .tab_sug td select {
width: 90%;
}
body.acquisition .tab_sug td textarea {
width: 90%;
max-width: 100%;
}
body.acquisition .tab_sug td input.bouton {
width: inherit;
}
body .acq_sel_display_middle img, body .acq_sel_display_middle input[type='checkbox']{
vertical-align: middle;
}
/* ---------------------------------------------------------------------------*/
/* Demandes */
/* ---------------------------------------------------------------------------*/
body.demandes {
}
/* ---------------------------------------------------------------------------*/
/* Fiches */
/* ---------------------------------------------------------------------------*/
body.fichier {
}
/* ---------------------------------------------------------------------------*/
/* Portail */
/* ---------------------------------------------------------------------------*/
body.cms {
}
body.cms .dijitAccordionInnerContainerSelected .dijitAccordionChildWrapper, body.cms .dijitAccordionInnerContainerSelectedHover .dijitAccordionChildWrapper, body.cms .dijitAccordionInnerContainerSelectedActive .dijitAccordionChildWrapper {
border: none !important;
}
/* ---------------------------------------------------------------------------*/
/* Administration */
/* ---------------------------------------------------------------------------*/
body.admin {
}
body.admin table th.brd {
background-image: none;
background-color: inherit;
}
/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/
/* Conteneur */
/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/
#conteneur {
}
/* ---------------------------------------------------------------------------*/
/* Menu */
/* ---------------------------------------------------------------------------*/
#conteneur #menu {
}
#menu h3 {
cursor: pointer;
}
#div_alert {
margin-left: 10px;
margin-right: 10px;
margin-top: 20px;
margin-bottom: 10px;
}
/* ---------------------------------------------------------------------------*/
/* HMenu */
/* ---------------------------------------------------------------------------*/
#contenu .hmenu {
margin-bottom: 10px;
}
/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/
/* Saisie des champs */
/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/
.child .colonne10 {
width: 15%;
}
.child .colonne_suite .saisie-60em {
width: 95%;
}
.child .colonne10 .saisie-20em {
width: 150%;
}
.saisie-inline {
width: 80%;
}
.saisie-2em {
width: 2em;
}
.saisie-5em, .saisie-5emr, .saisie-5emd {
width: 5em;
}
.saisie-10em, .saisie-10emr, .saisie-10emd {
width: 7.5em;
}
.saisie-15em, .saisie-15emr, .saisie-15emd {
width: 10em;
}
.saisie-20em, .saisie-20emr, .saisie-20emd {
width: 15em;
/*width: 60%;*/
}
.saisie-30em, .saisie-30emr, .saisie-30emd {
width: 30em;
/*width: 70%;*/
}
.saisie-40em, .saisie-40emr, .saisie-40emd {
width: 40em;
}
.saisie-50em, .saisie-50emr, .saisie-50emd {
width: 35em;
}
.saisie-60em {
width: 85%;
}
.saisie-80em, .saisie-80emr, .saisie-80emd {
width: 40em;
/*width: 90%;*/
}
#notice .form-contenu .child .saisie-80em {
width: 90%;
}
.saisie-85 {
width: 95%;
}
.right, .right-50, .right-15, .right-85 {
float: right;
}
.right-50 {
width:50%;
}
.right-15 {
width:15%;
}
.right-85 {
width:85%;
}
.right-clear-right, .right-50-clear-right {
float: right;
clear: right;
}
.left-clear-left, .left-50-clear-left {
float: left;
clear: left;
}
.left, .left-50, .left-15 {
float: left;
}
.left-50 {
width:50%;
}
.left-15 {
width:15%;
}
.left-85 {
width: 85%;
}
.spacer {
clear: both;
display: none;
}
/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/
/* Statut des notices */
/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/
.statutnot1 {
}
.statutnot2 {
background-color: #BB0000;
}
.statutnot3 {
background-color: #00BB00;
}
.statutnot4 {
background-color: #0000BB;
}
.statutnot5 {
background-color: #D0686F;
}
.statutnot6 {
background-color: #A6DCDC;
}
.statutnot7 {
background-color: #816492;
}
.statutnot8 {
background-color: #BCB964;
}
.statutnot9 {
background-color: #6C75AC;
}
.statutnot10 {
background-color: #FFC587;}
.statutnot11 {
background-color: #70C173;
}
.statutnot12 {
background-color: #660000;
}
.statutnot13 {
background-color: #006600;
}
.statutnot14 {
background-color: #000066;
}
.statutnot15 {
background-color: #80181F;
}
.statutnot16 {
background-color: #668C8C;
}
.statutnot17 {
background-color: #311442;
}
.statutnot18 {
background-color: #7C7914;
}
.statutnot19 {
background-color: #2C356C;
}
.statutnot20 {
background-color: #BF8547;
}
/* -----------------------------------------------------------------------------*/
/* -----------------------------------------------------------------------------*/
/* MODIFICATIONS POUR L'IMPRESSION */
/* -----------------------------------------------------------------------------*/
/* -----------------------------------------------------------------------------*/
@media print {
#conteneur{
position: relative;
clear:both;
}
#navbar {
display: none;
}
#menu {
display: none;
}
#deconnexion {
display: none;
}
#extra {
display: none;
}
.bouton {
display:none;
}
.bouton_small {
display:none;
}
}
/* -----------------------------------------------------------------------------*/
/* -----------------------------------------------------------------------------*/
/* Calendrier */
/* -----------------------------------------------------------------------------*/
/* -----------------------------------------------------------------------------*/
.dom_div {
overflow: auto;
}
.dom_tab {
table-layout: fixed;
}
.dom_col {
overflow: hidden;
}
.dom_cell_tab {
overflow: hidden;
}
.dom_tab2 {
display: table;
}
.dom_row2 {
display: table-row;
height: 140px;
}
.dom_col2 {
display: table-cell;
}
.dom_cell2_h {
display: block;
width: 200px;
height: 140px;
overflow: hidden;
}
.dom_cell2 {
display: block;
height: 140px;
overflow: hidden;
}
.dom_sel {
width:200px;
}
/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/
/* FRAME */
/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/
#recept_frame {
z-Index: 1000;
}
iframe#alerte {
visibility: hidden;
}
#frame_notice_preview {
z-Index: 1000;
}
#up_frame{
z-Index: 1000;
}
#expl-form {
margin-top: 0px;
margin-bottom: 0px;
}
#expl-form .left {
float: none;
}
#frame_trans_expls, #frame_abts {
z-Index: 1000;
}
#frame_list_items {
border:2px solid #777799;
border-radius:5px 5px;
-moz-border-radius:10px;
padding:10px;
z-Index:1000;
position:absolute;
display:none;
width:500px;
height:250px;
}
#frame_help {
border:2px solid #777799;
border-radius:5px 5px;
-moz-border-radius:10px;
padding:10px;
z-Index:1000;
position:absolute;
display:none;
width:250px;
height:125px;
}
/* -----------------FRAME MAJ------------------- */
body.alter h2 .bdd_version {
font-size: 17px;
}
/* ----------Frame Raccourcis Clavier----------- */
#frame_shortcuts {
border:2px solid #777799;
border-radius:5px 5px;
z-index: 1000;
position: absolute;
width: 800px;
height: 500px;
}
.shortcuts_list {
box-sizing: border-box;
float: left;
width: 50%;
padding: 5px;
line-height: 30px;
list-style-type: none;
margin: 0;
font-family: Arial,Helvetica,sans-serif;
font-size: 12px;
}
.shortcuts_list kbd {
display: inline-block;
min-width: 10px;
height: 18px;
padding: 0 4px;
margin: 0 2px;
line-height: 18px;
color: #fff;
text-align: center;
background-color: #3c3c3c;
background-image: -moz-linear-gradient(top,#3c3c3c 0,#505050 100%);
background-image: -webkit-linear-gradient(top,#3c3c3c 0,#505050 100%);
background-image: linear-gradient(top,#3c3c3c 0,#505050 100%);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: inset 0 -2px 0 rgba(0,0,0,0.25);
-moz-box-shadow: inset 0 -2px 0 rgba(0,0,0,0.25);
box-shadow: inset 0 -2px 0 rgba(0,0,0,0.25);
}
.shortcuts_list kbd:nth-child(2n) {
margin-right: 10px;
}
/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/
/* Notices */
/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/
#notice .form-contenu .child .colonne_suite {
width: 50%;
}
#notice .form-contenu .child .colonne2 .saisie-30emr {
width: 70%;
}
#notice .form-contenu .child .colonne_suite .saisie-15emr {
width: 40%;
}
.notice-perio {
padding: 1em;
margin-bottom: 1em;
margin-top: 1em;
}
#content_onglet_perio {
margin-top: 20px;
}
.depouillements-perio {
padding: 1em;
margin-bottom: 1em;
margin-top: 1em;
}
.msg-perio {
font-weight: bold;
color: #ff0000;
}
.bulletins-perio div[id$="Child"] tbody tr:first-child{
font-size: 14px;
font-weight: 300;
color: #525252;
}
.perio-barre {
font-weight: bold;
}
.notice-heada {
font-weight: bold;
}
.notice-parent {
margin-bottom: 7px;
margin-top: 7px;
}
.notice-parent .notice-heada blockquote {
margin-left: 50px;
}
.notice-parent img {
vertical-align: bottom;
}
.notice-parent .left {
margin-left: 5px;
float: none;
}
.notice-parent .right {
margin-top: -15px;
text-align: right;
float: none;
}
.notice-parent h1 .left {
float: none;
}
.notice-parent h1 .right {
clear: both;
margin-top: -17px;
text-align: right;
}
.img_notice {
max-width: 140px;
max-height: 200px;
width: expression(this.width > 140 ? "140px" : true);
height: expression(this.height > 200 ? "200px" : true);
}
.heada {
font-weight: bold;
}
.parent {
clear: both;
}
.bu {
margin-top: 15px;
}
.titre-panier {
padding: 1em;
margin-bottom: 1em;
margin-top: 1em;
}
.gris {
color: #cccccc;
}
.message_important {
color: #ff0000;
font-weight: bold;
font-size: 1.5em;
padding: 5px;
margin: 5px;
}
.expl_comment {
color: #ff0000;
font-weight: bold;
font-size: 16px;
padding: 5px;
margin: 5px;
}
/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/
/* Cell */
/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/
.req_cell th, .req_cell td {
padding-right: 5px;
}
.req_cell .col_ali {
width: 10%;
}
.req_cell .col_get, .req_cell .col_vis, .req_cell .col_grp, .req_cell .col_tri {
width: 20px;
padding-right: 0px;
}
.req_cell .col_act, .req_cell .col_obl {
width: 50px;
padding-right: 0px;
}
.req_cell .up_bt {
vertical-align: top;
cursor: pointer;
}
.req_cell .down_bt {
vertical-align: bottom;
cursor: pointer;
}
.req_cell .stop_bt, .req_cell .cross_bt {
vertical-align: middle;
width: 16px;
cursor: pointer;
}
.in_cell_nb, .in_cell_nb_ro, .in_cell_rd {
text-align: right;
}
.in_cell_nb {
width: 30px;;
}
.in_cell_ro {
width: 60px;;
}
.in_cell_ld {
text-align:left;
}
.req_ajax_div {
z-Index: 1000;
overflow: auto;
}
.req_row_handler {
margin-left: 5px;
cursor: pointer;
}
#req_frame {
display: none;
padding: 5px;
z-Index: 1000;
}
.req_cell .bt_cross_elt {
vertical-align: bottom;
cursor: pointer;
}
.act_cell {
table-layout: fixed;
}
.act_cell_chkbox {
width: 25px;
}
/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/
/* Index */
/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/
.index #noconteneur {
}
.index #navbar ul li {
margin-bottom: 4px;
}
.index #navbar ul li {
margin-bottom: 4px;
}
.index #extra {
padding-left: 5px;
padding-right: 5px;
width: 230px;
}
#noconteneur #footer {
padding-bottom: 15px;
clear: both;
bottom: 0px;
position: absolute;
width: 100%;
}
#noconteneur #footer a {
margin-left: 10px;
}
/* ------------ Login-box ---------------*/
#nocontenu #login-box {
width: auto;
margin-left: auto;
margin-right: auto;
margin-top: 120px;
min-width: 250px;
position: absolute;
left: 50%;
-moz-transform-origin: 50%;
-webkit-transform-origin: 50%;
-o-transform-origin: 50%;
-ms-transform-origin: 50%;
transform-origin: 50%;
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-o-transform: translateX(-50%);
-ms-transform:: translateX(-50%);
transform: translateX(-50%);
}
#login-box form#login {
background-color: transparent;
margin-bottom: 0px;
margin-top: 0px;
padding: 5px 20px;
}
#login-box form#login .form-contenu {
margin-top: 0px;
}
#login-box form#login .form-contenu #user, #login-box form#login .form-contenu #password {
width: 97%;
}
#login-box .erreur {
padding-left: 22px;
padding-bottom: 10px;
padding-top: 10px;
}
#login-box .colonne10 {
padding-left: 20px;
}
#login-box label {
font-weight: bold;
}
#login-box input#user, #login-box input#password {
margin-bottom: 10px;
width: 90%;
}
.login_page {
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
.login_page>div {
-webkit-box-flex: 1; /* OLD - iOS 6-, Safari 3.1-6 */
-moz-box-flex: 1; /* OLD - Firefox 19- */
-webkit-flex: 1; /* Chrome */
-ms-flex: 1; /* IE 10 */
flex: 1 0 33%;
box-sizing: border-box;
min-width: 320px;
}
.login_page .pmb_login_message > *, .login_page .login_message > * {
padding-left: 20px;
padding-right: 20px;
}
.login_page #login_message:empty, .login_page #pmb_login_message:empty {
display:none;
}
/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/
/* Attributs divers */
/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/
/* -------------- Erreur ----------------*/
.erreur_saisie {
background-color: #ff0000;
}
.erreur {
color: #f00;
font-weight: bold;
font-size: 16px;
}
.hide {
display: none;
}
.aide {
cursor: help;
}
/* -------------- Z39.50 ----------------*/
.z3950_succeed:before {
content: "";
display: inline-block;
background: url('../../images/sauv_succeed.png');
background-size: 15px;
width: 15px;
height: 15px;
margin: 0 5px 0 0;
vertical-align: bottom;
}
.z3950_failed:before {
content: "";
display: inline-block;
background: url('../../images/sauv_failed.png');
background-size: 15px;
width: 15px;
height: 15px;
margin: 0 5px 0 0;
vertical-align: bottom;
}
/* ------------ autre ------------- */
.tab_sug th, .tab_sug td {
text-align: center;
overflow: scroll;
}
.vmenu span a {
display: block;
}
.col {
float: left;
width: 100%;
padding: 1em;
margin: 1em;
}
.bool {
font-weight: bold;
}
ul.sel_navbar li {
display: inline-block;
width: auto!important;
width: 10px;
}
ul.sel_navbar li a {
display: block;
padding: 6px 10px 2px 10px;
}
.table-no-border td {
vertical-align: middle;
}
.child_tab {
margin-left: 30px;
}
.form-empr-fgrp {
border-bottom : 2px solid #CCCCCC;
}
table.sortable th {
cursor : pointer;
}
.edit table.sortable td {
text-align : center;
}
.vertical {
writing-mode: bt-rl;
}
#exer {
width: 100%;
}
#mnt_bud, #seuil {
width: 70%;
}
/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/
/* Attributs Colonnes */
/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/
.colonne2 {
float: left;
width: 50%;
}
.colonne60 {
float: left;
width: 60%;
}
.colonne40 {
float: left;
width: 40%;
}
.colonne_suite {
float: left;
}
.colonne_scroll {
margin-left: 1%;
overflow-x: scroll;
overflow-y: hidden;
width: 73%;
border: 2px solid #CCCCCC;
float: left;
}
/* pour les mises en pages sur 3 colonnes */
.colonne3 {
float: left;
width: 33%;
}
.colonne3 select {
max-width: 90%;
}
/* pour les mises en pages sur 4 colonnes */
.colonne4 {
float: left;
width: 25%;
}
/* pour les mises en pages sur 5 colonnes */
.colonne5 {
float: left;
width: 20%;
}
/* pour avoir une colonne toute petite ! */
.colonne10 {
float: left;
width: 10%;
}
.colonne80 {
float: left;
width: 80%;
}
.colonne75 {
float: left;
width: 75%;
}
.colonne25 {
float: left;
width: 25%;
}
/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/
/* Uploader Portail */
/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/
#document_list:after{
content:"";
display:block;
clear:both;
}
.document_item {
text-align: center;
height:200px;
width:200px;
line-height:200px;
float:left;
margin: 5px;
padding : 5px;
position:relative;
padding: 4px;
border: 5px solid #FFFFFF;
background: #F5F5F5;
border-radius: 2px;
box-shadow: 0 1px 3px rgba(0,0,0,.05),
0 0 0px 1px #e5e5e5;
}
.document_item_selected {
background-color: rgb(250, 249, 249);
box-shadow: 0 1px 4px 2px rgba(0,0,0,0.05), 0 0 0px 1px #e5e5e5;
}
.document_item_content {
line-height: normal;
display:inline-block;
word-break : break-all;
vertical-align:middle;
max-width: 100%;
}
.dropTarget {
height:100px;
width:97%;
overflow:hidden;
line-height:100px;
border-radius: 4px;
border: 4px solid #FFFFFF;
background-color: #E0E0E0;
float :left;
cursor: pointer;
font-size: 1.1em;
letter-spacing: 0.05em;
}
.targetActive {
-moz-box-shadow: 0 0 15px #006666;
-webkit-box-shadow: 0 0 15px #006666;
box-shadow: 0 0 15px #006666;
}
.document_item .document_checkbox{
position:absolute;
width:100%;
bottom:2px;
line-height:1em;
}
.document_list{
max-height:500px;
overflow-y:scroll;
}
.document_item_content>p>a{
display:inline-block;
padding:5px 0px;
}
.document_item_content>p>a:before{
content:url('./../../images/b_edit.png');
vertical-align: sub;
margin-right: 6px;
}
.dropTarget:first-letter {
text-transform:capitalize;
}
.document_item_selected:after{
content:"";
display:block;
height:20px;
width:20px;
border-radius:50%;
position:absolute;
top: 7px;
right: 7px;
border: solid 1px #62C51A;
background: rgb(180,227,145); /* Old browsers */
background: -moz-radial-gradient( top left, ellipse cover, rgba(180,227,145,1) 0%, rgba(97,196,25,1) 50%, rgba(180,227,145,1) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient( top left, ellipse cover, rgba(180,227,145,1) 0%,rgba(97,196,25,1) 50%,rgba(180,227,145,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at top left, rgba(180,227,145,1) 0%,rgba(97,196,25,1) 50%,rgba(180,227,145,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4e391', endColorstr='#b4e391',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/
/* Notes Dialogue */
/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/
*{
margin:0px;
padding:0px;
}
#dialog_wrapper {
width:100%;
height:350px;
overflow:auto;
padding-right:15px;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: 14px;
}
.note_gest p{
color:#fff;
}
.note_opac p{
color:#fff;
}
.note_gest{
background: rgb(104,196,127);
background: -moz-linear-gradient(top, rgba(104,196,127,1) 0%, rgba(82,192,115,1) 30%, rgba(67,167,115,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(104,196,127,1)), color-stop(30%,rgba(82,192,115,1)), color-stop(100%,rgba(67,167,115,1)));
background: -webkit-linear-gradient(top, rgba(104,196,127,1) 0%,rgba(82,192,115,1) 30%,rgba(67,167,115,1) 100%);
background: -o-linear-gradient(top, rgba(104,196,127,1) 0%,rgba(82,192,115,1) 30%,rgba(67,167,115,1) 100%);
background: -ms-linear-gradient(top, rgba(104,196,127,1) 0%,rgba(82,192,115,1) 30%,rgba(67,167,115,1) 100%);
background: linear-gradient(to bottom, rgba(104,196,127,1) 0%,rgba(82,192,115,1) 30%,rgba(67,167,115,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#68c47f', endColorstr='#43a773',GradientType=0 );
max-width: 69%;
padding: 10px 10px 0px 15px;
border-radius: 0px 18px 18px 18px;
border: solid 1px rgb(60, 153, 89);
box-shadow: 2px 2px 2px 0px rgb(39, 102, 59);
margin: 5px 0px 15px;
position:relative;
text-align:right;
}
.note_opac {
background: rgb(104,168,196);
background: -moz-linear-gradient(top, rgba(104,168,196,1) 0%, rgba(82,154,192,1) 30%, rgba(67,114,167,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(104,168,196,1)), color-stop(30%,rgba(82,154,192,1)), color-stop(100%,rgba(67,114,167,1)));
background: -webkit-linear-gradient(top, rgba(104,168,196,1) 0%,rgba(82,154,192,1) 30%,rgba(67,114,167,1) 100%);
background: -o-linear-gradient(top, rgba(104,168,196,1) 0%,rgba(82,154,192,1) 30%,rgba(67,114,167,1) 100%);
background: -ms-linear-gradient(top, rgba(104,168,196,1) 0%,rgba(82,154,192,1) 30%,rgba(67,114,167,1) 100%);
background: linear-gradient(to bottom, rgba(104,168,196,1) 0%,rgba(82,154,192,1) 30%,rgba(67,114,167,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#68a8c4', endColorstr='#4372a7',GradientType=0 );
max-width: 69%;
padding: 10px 10px 0px 15px;
border-radius: 18px 0px 18px 18px;
border: solid 1px rgb(74, 117, 167);
box-shadow: -2px 2px 2px 0px #355B88;
margin: 5px 0px 15px 30%;
position:relative;
}
.entete_note{
margin-bottom:5px;
}
.entete_note {
margin-bottom: 4px;
color: #26364D;
font-weight: 700;
}
#dialog_wrapper input[type="image"]{
height:16px;
width:16px;
border:none;
}
.btn_note {
position:absolute;
top:0px;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: 8px;
}
.btn_note input[type="image"]{
box-shadow: 0px 0px 0px #734D2B inset;
}
.note_opac .btn_note {
right: 16px;
}
.note_gest .btn_note {
left: 16px;
}
form[name="modif_notes"] {
width:60%;
height:40%;
border: solid 1px rgb(74, 117, 167);
box-shadow: -2px 2px 2px 0px #355B88;
}
form[name="modif_notes"] textarea{
float:left;
margin-top:10px;
padding:0;
top:0px;
width:65%;
}
form[name="modif_notes"] input{
margin-top:10px;
}
.vignette_doc_num {
position: relative;
}
.docnum_statutnot1 {
}
.docnum_statutnot2 {
position: absolute;
top: -10px;
background-color: #BB0000;
}
.docnum_statutnot3 {
position: absolute;
top: -10px;
background-color: #00BB00;
}
.docnum_statutnot4 {
position: absolute;
top: -10px;
background-color: #0000BB;
}
.docnum_statutnot5 {
position: absolute;
top: -10px;
background-color: #D0686F;
}
.docnum_statutnot6 {
position: absolute;
top: -10px;
background-color: #A6DCDC;
}
.docnum_statutnot7 {
position: absolute;
top: -10px;
background-color: #816492;
}
.docnum_statutnot8 {
position: absolute;
top: -10px;
background-color: #BCB964;
}
.docnum_statutnot9 {
position: absolute;
top: -10px;
background-color: #6C75AC;
}
.docnum_statutnot10 {
position: absolute;
top: -10px;
background-color: #FFC587;}
.docnum_statutnot11 {
position: absolute;
top: -10px;
background-color: #70C173;
}
.docnum_statutnot12 {
position: absolute;
top: -10px;
background-color: #660000;
}
.docnum_statutnot13 {
position: absolute;
top: -10px;
background-color: #006600;
}
.docnum_statutnot14 {
position: absolute;
top: -10px;
background-color: #000066;
}
.docnum_statutnot15 {
position: absolute;
top: -10px;
background-color: #80181F;
}
.docnum_statutnot16 {
position: absolute;
top: -10px;
background-color: #668C8C;
}
.docnum_statutnot17 {
position: absolute;
top: -10px;
background-color: #311442;
}
.docnum_statutnot18 {
position: absolute;
top: -10px;
background-color: #7C7914;
}
.docnum_statutnot19 {
position: absolute;
top: -10px;
background-color: #2C356C;
}
.docnum_statutnot20 {
position: absolute;
top: -10px;
background-color: #BF8547;
}
input.switch:empty{
margin-left: -999px;
}
input.switch:empty ~ label{
position: relative;
float: left;
line-height: 1.6em;
text-indent: 4em;
margin: 0.2em 0;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
input.switch:empty ~ label:before,
input.switch:empty ~ label:after{
position: absolute;
display: block;
top: 0;
bottom: 0;
left: 0;
content: ' ';
width: 3.6em;
background-color: #c33;
border-radius: 0.3em;
box-shadow: inset 0 0.2em 0 rgba(0,0,0,0.3);
-webkit-transition: all 100ms ease-in;
transition: all 100ms ease-in;
}
input.switch:empty ~ label:after{
width: 1.4em;
top: 0.1em;
bottom: 0.1em;
margin-left: 0.1em;
background-color: #fff;
border-radius: 0.15em;
box-shadow: inset 0 -0.2em 0 rgba(0,0,0,0.2);
}
input.switch:checked ~ label:before{
background-color: #393;
}
input.switch:checked ~ label:after{
margin-left: 2.1em;
}
#dialog_wrapper input[type="image"]{
height:16px;
width:16px;
border:none;
display: inline;
padding: 0px;
margin: 10px 5px 0px 0px;
}
#dialog_wrapper a[href^="javascript"]{
display: inline-block;
margin-top: 10px;
padding: 0px;
vertical-align: top;
}
/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/
/* TABLEAUX */
/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/
.classementGen_tableau{
text-align: left;
}
.classementGen_tableau th.classement5,
.classementGen_tableau td.classement5{
width: 5%;
}
.classementGen_tableau th.classement10,
.classementGen_tableau td.classement10{
width: 10%;
}
.classementGen_tableau th.classement15,
.classementGen_tableau td.classement15{
width: 15%;
}
.classementGen_tableau th.classement20,
.classementGen_tableau td.classement20{
width: 20%;
}
.classementGen_tableau th.classement30,
.classementGen_tableau td.classement30{
width: 30%;
}
.classementGen_tableau th.classement35,
.classementGen_tableau td.classement35{
width: 35%;
}
.classementGen_tableau th.classement40,
.classementGen_tableau td.classement40{
width: 40%;
}
.classementGen_tableau th.classement60,
.classementGen_tableau td.classement60{
width: 60%;
}
/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/
/* Menu Editorial tree */
/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/
.liLike{
float:left;
display:block;
}
.cache.liLike{
float:right;
display:block;
}
.clear{
clear:both;
}
/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/
/* Avis - choix sous forme d'etoiles */
/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/
.echelle_avis_text:not(:checked) {
display: none;
}
.echelle_avis_stars {
position: relative;
font-size: medium;
top: 2px;
}
.echelle_avis_star:not(:checked) {
font-size: 0.1px; /*0px bug sous IE*/
}
.echelle_avis_star:not(:checked) input {
position: absolute;
top: 0;
opacity: 0;
width: 16px;
height: 16px;
margin: 0;
padding: 0;
font-size: 0;
border-radius: 0;
display: inline-block;
cursor: pointer;
}
.echelle_avis_star:not(:checked) label {
width: 16px;
height: 16px;
margin: 0;
padding: 0;
display: inline-block;
background: url('../../images/star_rating.png') no-repeat -16px 0;
}
.echelle_avis_star input:checked + label {
background-position: -16px 0;
}
.echelle_avis_star input:checked + label ~ label {
background-position: 0;
}
.echelle_avis_star:hover label {
background-position: -16px 0 !important;
}
.echelle_avis_star input[type='radio']:hover + label ~ label {
background-position: 0 !important;
}
/* ========================================================================
Construction part wlair
========================================================================== */
input[name="cms_module_common_module_css_class"]{
width: 60%;
}
/* Recadrage des documents numériques cgil */
.docnum a{
display:block;
word-break: break-all;
padding: 0px 10px;
} home/eliteafr/www/files-20260621171226/wp-admin/css/common.css 0000666 00000227644 15220642474 0017137 0 ustar 00 /* 2 column liquid layout */
#wpwrap {
height: auto;
min-height: 100%;
width: 100%;
position: relative;
-webkit-font-smoothing: subpixel-antialiased;
}
#wpcontent {
height: 100%;
padding-left: 20px;
}
#wpcontent,
#wpfooter {
margin-left: 160px;
}
.folded #wpcontent,
.folded #wpfooter {
margin-left: 36px;
}
#wpbody-content {
padding-bottom: 65px;
float: left;
width: 100%;
overflow: visible;
}
/* inner 2 column liquid layout */
.inner-sidebar {
float: right;
clear: right;
display: none;
width: 281px;
position: relative;
}
.columns-2 .inner-sidebar {
margin-right: auto;
width: 286px;
display: block;
}
.inner-sidebar #side-sortables,
.columns-2 .inner-sidebar #side-sortables {
min-height: 300px;
width: 280px;
padding: 0;
}
.has-right-sidebar .inner-sidebar {
display: block;
}
.has-right-sidebar #post-body {
float: left;
clear: left;
width: 100%;
margin-right: -2000px;
}
.has-right-sidebar #post-body-content {
margin-right: 300px;
float: none;
width: auto;
}
/* 2 columns main area */
#col-left {
float: left;
width: 35%;
}
#col-right {
float: right;
width: 65%;
}
#col-left .col-wrap {
padding: 0 6px 0 0;
}
#col-right .col-wrap {
padding: 0 0 0 6px;
}
/* utility classes */
.alignleft {
float: left;
}
.alignright {
float: right;
}
.textleft {
text-align: left;
}
.textright {
text-align: right;
}
.clear {
clear: both;
}
/* modern clearfix */
.wp-clearfix:after {
content: "";
display: table;
clear: both;
}
/* Hide visually but not from screen readers */
.screen-reader-text,
.screen-reader-text span,
.ui-helper-hidden-accessible {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
word-wrap: normal !important; /* many screen reader and browser combinations announce broken words as they would appear visually */
}
.button .screen-reader-text {
height: auto; /* Fixes a Safari+VoiceOver bug, see ticket #42006 */
}
.screen-reader-text + .dashicons-external {
margin-top: -1px;
margin-left: 2px;
}
.screen-reader-shortcut {
position: absolute;
top: -1000em;
left: 6px;
height: auto;
width: auto;
display: block;
font-size: 14px;
font-weight: 600;
padding: 15px 23px 14px;
/* Background and color set to prevent false positives in automated accessibility tests. */
background: #f0f0f1;
color: #2271b1;
z-index: 100000;
line-height: normal;
}
.screen-reader-shortcut:focus {
top: -25px;
/* Overrides a:focus in the admin. See ticket #56789. */
color: #2271b1;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
text-decoration: none;
/* Only visible in Windows High Contrast mode */
outline: 2px solid transparent;
outline-offset: -2px;
}
.hidden,
.js .closed .inside,
.js .hide-if-js,
.no-js .hide-if-no-js,
.js.wp-core-ui .hide-if-js,
.js .wp-core-ui .hide-if-js,
.no-js.wp-core-ui .hide-if-no-js,
.no-js .wp-core-ui .hide-if-no-js {
display: none;
}
/* @todo: Take a second look. Large chunks of shared color, from the colors.css merge */
.widget-top,
.menu-item-handle,
.widget-inside,
#menu-settings-column .accordion-container,
#menu-management .menu-edit,
.manage-menus,
table.widefat,
.stuffbox,
p.popular-tags,
.widgets-holder-wrap,
.wp-editor-container,
.popular-tags,
.feature-filter,
.comment-ays {
border: 1px solid #c3c4c7;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
}
table.widefat,
.wp-editor-container,
.stuffbox,
p.popular-tags,
.widgets-holder-wrap,
.popular-tags,
.feature-filter,
.comment-ays {
background: #fff;
}
/* general */
html,
body {
height: 100%;
margin: 0;
padding: 0;
}
body {
background: #f0f0f1;
color: #3c434a;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 13px;
line-height: 1.4em;
min-width: 600px;
}
body.iframe {
min-width: 0;
padding-top: 1px;
}
body.modal-open {
overflow: hidden;
}
body.mobile.modal-open #wpwrap {
overflow: hidden;
position: fixed;
height: 100%;
}
iframe,
img {
border: 0;
}
td {
font-family: inherit;
font-size: inherit;
font-weight: inherit;
line-height: inherit;
}
/* Any change to the default link style must be applied to button-link too. */
a {
color: #2271b1;
transition-property: border, background, color;
transition-duration: .05s;
transition-timing-function: ease-in-out;
}
a,
div {
outline: 0;
}
a:hover,
a:active {
color: #135e96;
}
a:focus,
a:focus .media-icon img,
a:focus .plugin-icon,
.wp-person a:focus .gravatar {
color: #043959;
box-shadow: 0 0 0 2px #2271b1;
/* Only visible in Windows High Contrast mode */
outline: 2px solid transparent;
}
#adminmenu a:focus {
box-shadow: none;
/* Only visible in Windows High Contrast mode */
outline: 1px solid transparent;
outline-offset: -1px;
}
.screen-reader-text:focus {
box-shadow: none;
outline: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: "";
content: none;
}
p,
.wp-die-message {
font-size: 13px;
line-height: 1.5;
margin: 1em 0;
}
blockquote {
margin: 1em;
}
li,
dd {
margin-bottom: 6px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
display: block;
font-weight: 600;
}
h1 {
color: #1d2327;
font-size: 2em;
margin: .67em 0;
}
h2,
h3 {
color: #1d2327;
font-size: 1.3em;
margin: 1em 0;
}
.update-core-php h2 {
margin-top: 4em;
}
.update-php h2,
.update-messages h2,
h4 {
font-size: 1em;
margin: 1.33em 0;
}
h5 {
font-size: 0.83em;
margin: 1.67em 0;
}
h6 {
font-size: 0.67em;
margin: 2.33em 0;
}
ul,
ol {
padding: 0;
}
ul {
list-style: none;
}
ol {
list-style-type: decimal;
margin-left: 2em;
}
ul.ul-disc {
list-style: disc outside;
}
ul.ul-square {
list-style: square outside;
}
ol.ol-decimal {
list-style: decimal outside;
}
ul.ul-disc,
ul.ul-square,
ol.ol-decimal {
margin-left: 1.8em;
}
ul.ul-disc > li,
ul.ul-square > li,
ol.ol-decimal > li {
margin: 0 0 0.5em;
}
/* rtl:ignore */
.ltr {
direction: ltr;
}
/* rtl:ignore */
.code,
code {
font-family: Consolas, Monaco, monospace;
direction: ltr;
unicode-bidi: embed;
}
kbd,
code {
padding: 3px 5px 2px;
margin: 0 1px;
background: #f0f0f1;
background: rgba(0, 0, 0, 0.07);
font-size: 13px;
}
.subsubsub {
list-style: none;
margin: 8px 0 0;
padding: 0;
font-size: 13px;
float: left;
color: #646970;
}
.subsubsub a {
line-height: 2;
padding: .2em;
text-decoration: none;
}
.subsubsub a .count,
.subsubsub a.current .count {
color: #50575e; /* #f1f1f1 background */
font-weight: 400;
}
.subsubsub a.current {
font-weight: 600;
border: none;
}
.subsubsub li {
display: inline-block;
margin: 0;
padding: 0;
white-space: nowrap;
}
/* .widefat - main style for tables */
.widefat {
border-spacing: 0;
width: 100%;
clear: both;
margin: 0;
}
.widefat * {
word-wrap: break-word;
}
.widefat a,
.widefat button.button-link {
text-decoration: none;
}
.widefat td,
.widefat th {
padding: 8px 10px;
}
.widefat thead th,
.widefat thead td {
border-bottom: 1px solid #c3c4c7;
}
.widefat tfoot th,
.widefat tfoot td {
border-top: 1px solid #c3c4c7;
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,
.widefat thead td,
.widefat tfoot td {
text-align: left;
line-height: 1.3em;
font-size: 14px;
}
.widefat th input,
.updates-table td input,
.widefat thead td input,
.widefat tfoot td input {
margin: 0 0 0 8px;
padding: 0;
vertical-align: text-top;
}
.widefat .check-column {
width: 2.2em;
padding: 6px 0 25px;
vertical-align: top;
}
.widefat tbody th.check-column {
padding: 9px 0 22px;
}
.widefat thead td.check-column,
.widefat tbody th.check-column,
.updates-table tbody td.check-column,
.widefat tfoot td.check-column {
padding: 11px 0 0 3px;
}
.widefat thead td.check-column,
.widefat tfoot td.check-column {
padding-top: 4px;
vertical-align: middle;
}
.update-php div.updated,
.update-php div.error {
margin-left: 0;
}
.js-update-details-toggle .dashicons {
text-decoration: none;
}
.js-update-details-toggle[aria-expanded="true"] .dashicons::before {
content: "\f142";
}
.no-js .widefat thead .check-column input,
.no-js .widefat tfoot .check-column input {
display: none;
}
.widefat .num,
.column-comments,
.column-links,
.column-posts {
text-align: center;
}
.widefat th#comments {
vertical-align: middle;
}
.wrap {
margin: 10px 20px 0 2px;
}
.wrap > h2:first-child, /* Back-compat for pre-4.4 */
.wrap [class$="icon32"] + h2, /* Back-compat for pre-4.4 */
.postbox .inside h2, /* Back-compat for pre-4.4 */
.wrap h1 {
font-size: 23px;
font-weight: 400;
margin: 0;
padding: 9px 0 4px;
line-height: 1.3;
}
.wrap h1.wp-heading-inline {
display: inline-block;
margin-right: 5px;
}
.wp-header-end {
visibility: hidden;
margin: -2px 0 0;
}
.subtitle {
margin: 0;
padding-left: 25px;
color: #50575e;
font-size: 14px;
font-weight: 400;
line-height: 1;
}
.subtitle strong {
word-break: break-all;
}
.wrap .add-new-h2, /* deprecated */
.wrap .add-new-h2:active, /* deprecated */
.wrap .page-title-action,
.wrap .page-title-action:active {
display: inline-block;
position: relative;
box-sizing: border-box;
cursor: pointer;
white-space: nowrap;
text-decoration: none;
text-shadow: none;
top: -3px;
margin-left: 4px;
border: 1px solid #2271b1;
border-radius: 3px;
background: #f6f7f7;
font-size: 13px;
font-weight: 400;
line-height: 2.15384615;
color: #2271b1; /* use the standard color used for buttons */
padding: 0 10px;
min-height: 30px;
-webkit-appearance: none;
}
.wrap .wp-heading-inline + .page-title-action {
margin-left: 0;
}
.wrap .add-new-h2:hover, /* deprecated */
.wrap .page-title-action:hover {
background: #f0f0f1;
border-color: #0a4b78;
color: #0a4b78;
}
/* lower specificity: color needs to be overridden by :hover and :active */
.page-title-action:focus {
color: #0a4b78;
}
/* Dashicon for language options on General Settings and Profile screens */
.form-table th label[for="locale"] .dashicons,
.form-table th label[for="WPLANG"] .dashicons {
margin-left: 5px;
}
.wrap .page-title-action:focus {
border-color: #3582c4;
box-shadow: 0 0 0 1px #3582c4;
/* Only visible in Windows High Contrast mode */
outline: 2px solid transparent;
}
.wrap h1.long-header {
padding-right: 0;
}
.wp-dialog {
background-color: #fff;
}
.widgets-chooser ul,
#widgets-left .widget-in-question .widget-top,
#available-widgets .widget-top:hover,
div#widgets-right .widget-top:hover,
#widgets-left .widget-top:hover {
border-color: #8c8f94;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.sorthelper {
background-color: #c5d9ed;
}
.ac_match,
.subsubsub a.current {
color: #000;
}
.striped > tbody > :nth-child(odd),
ul.striped > :nth-child(odd),
.alternate {
background-color: #f6f7f7;
}
.bar {
background-color: #f0f0f1;
border-right-color: #4f94d4;
}
/* Helper classes for plugins to leverage the active WordPress color scheme */
.highlight {
background-color: #f0f6fc;
color: #3c434a;
}
.wp-ui-primary {
color: #fff;
background-color: #2c3338;
}
.wp-ui-text-primary {
color: #2c3338;
}
.wp-ui-highlight {
color: #fff;
background-color: #2271b1;
}
.wp-ui-text-highlight {
color: #2271b1;
}
.wp-ui-notification {
color: #fff;
background-color: #d63638;
}
.wp-ui-text-notification {
color: #d63638;
}
.wp-ui-text-icon {
color: #8c8f94; /* same as new icons */
}
/* For emoji replacement images */
img.emoji {
display: inline !important;
border: none !important;
height: 1em !important;
width: 1em !important;
margin: 0 .07em !important;
vertical-align: -0.1em !important;
background: none !important;
padding: 0 !important;
box-shadow: none !important;
}
/*------------------------------------------------------------------------------
1.0 - Text Styles
------------------------------------------------------------------------------*/
.widget .widget-top,
.postbox .hndle,
.stuffbox .hndle,
.control-section .accordion-section-title,
.sidebar-name,
#nav-menu-header,
#nav-menu-footer,
.menu-item-handle,
.checkbox,
.side-info,
#your-profile #rich_editing,
.widefat thead th,
.widefat thead td,
.widefat tfoot th,
.widefat tfoot td {
line-height: 1.4em;
}
.widget .widget-top,
.menu-item-handle {
background: #f6f7f7;
color: #1d2327;
}
.stuffbox .hndle {
border-bottom: 1px solid #c3c4c7;
}
.quicktags {
background-color: #c3c4c7;
color: #000;
font-size: 12px;
}
.icon32 {
display: none;
}
/* @todo can we combine these into a class or use an existing dashicon one? */
.welcome-panel .welcome-panel-close:before,
.tagchecklist .ntdelbutton .remove-tag-icon:before,
#bulk-titles .ntdelbutton:before,
.notice-dismiss:before {
background: none;
color: #787c82;
content: "\f153";
display: block;
font: normal 16px/20px dashicons;
speak: never;
height: 20px;
text-align: center;
width: 20px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.welcome-panel .welcome-panel-close:before {
margin: 0;
}
.tagchecklist .ntdelbutton .remove-tag-icon:before {
margin-left: 2px;
border-radius: 50%;
color: #2271b1;
/* vertically center the icon cross browsers */
line-height: 1.28;
}
.tagchecklist .ntdelbutton:focus {
outline: 0;
}
.tagchecklist .ntdelbutton:hover .remove-tag-icon:before,
.tagchecklist .ntdelbutton:focus .remove-tag-icon:before,
#bulk-titles .ntdelbutton:hover:before,
#bulk-titles .ntdelbutton:focus:before {
color: #d63638;
}
.tagchecklist .ntdelbutton:focus .remove-tag-icon:before {
box-shadow: 0 0 0 2px #2271b1;
/* Only visible in Windows High Contrast mode */
outline: 2px solid transparent;
}
.key-labels label {
line-height: 24px;
}
strong, b {
font-weight: 600;
}
.pre {
/* https://developer.mozilla.org/en-US/docs/CSS/white-space */
white-space: pre-wrap; /* css-3 */
word-wrap: break-word; /* IE 5.5 - 7 */
}
.howto {
color: #646970;
display: block;
}
p.install-help {
margin: 8px 0;
font-style: italic;
}
.no-break {
white-space: nowrap;
}
hr {
border: 0;
border-top: 1px solid #dcdcde;
border-bottom: 1px solid #f6f7f7;
}
.row-actions span.delete a,
.row-actions span.trash a,
.row-actions span.spam a,
.plugins a.delete,
#all-plugins-table .plugins a.delete,
#search-plugins-table .plugins a.delete,
.submitbox .submitdelete,
#media-items a.delete,
#media-items a.delete-permanently,
#nav-menu-footer .menu-delete,
#delete-link a.delete,
a#remove-post-thumbnail,
.privacy_requests .remove-personal-data .remove-personal-data-handle {
color: #b32d2e;
}
abbr.required,
span.required,
.file-error,
.row-actions .delete a:hover,
.row-actions .trash a:hover,
.row-actions .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,
#delete-link a.delete:hover,
a#remove-post-thumbnail:hover,
.privacy_requests .remove-personal-data .remove-personal-data-handle:hover {
color: #b32d2e;
border: none;
}
.application-password-display .success {
color: #007017;
margin-left: 0.5rem;
}
/*------------------------------------------------------------------------------
3.0 - Actions
------------------------------------------------------------------------------*/
#major-publishing-actions {
padding: 10px;
clear: both;
border-top: 1px solid #dcdcde;
background: #f6f7f7;
}
#delete-action {
float: left;
line-height: 2.30769231; /* 30px */
}
#delete-link {
line-height: 2.30769231; /* 30px */
vertical-align: middle;
text-align: left;
margin-left: 8px;
}
#delete-link a {
text-decoration: none;
}
#publishing-action {
text-align: right;
float: right;
line-height: 1.9;
}
#publishing-action .spinner {
float: none;
margin-top: 5px;
}
#misc-publishing-actions {
padding: 6px 0 0;
}
.misc-pub-section {
padding: 6px 10px 8px;
}
.word-wrap-break-word,
.misc-pub-filename {
word-wrap: break-word;
}
#minor-publishing-actions {
padding: 10px 10px 0;
text-align: right;
}
#save-post {
float: left;
}
.preview {
float: right;
}
#sticky-span {
margin-left: 18px;
}
.approve,
.unapproved .unapprove {
display: none;
}
.unapproved .approve,
.spam .approve,
.trash .approve {
display: inline;
}
td.action-links,
th.action-links {
text-align: right;
}
#misc-publishing-actions .notice {
margin-left: 10px;
margin-right: 10px;
}
/* Filter bar */
.wp-filter {
display: inline-block;
position: relative;
box-sizing: border-box;
margin: 12px 0 25px;
padding: 0 10px;
width: 100%;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
border: 1px solid #c3c4c7;
background: #fff;
color: #50575e;
font-size: 13px;
}
.wp-filter a {
text-decoration: none;
}
.filter-count {
display: inline-block;
vertical-align: middle;
min-width: 4em;
}
.title-count,
.filter-count .count {
display: inline-block;
position: relative;
top: -1px;
padding: 4px 10px;
border-radius: 30px;
background: #646970;
color: #fff;
font-size: 14px;
font-weight: 600;
}
/* not a part of filter bar, but derived from it, so here for now */
.title-count {
display: inline;
top: -3px;
margin-left: 5px;
margin-right: 20px;
}
.filter-items {
float: left;
}
.filter-links {
display: inline-block;
margin: 0;
}
.filter-links li {
display: inline-block;
margin: 0;
}
.filter-links li > a {
display: inline-block;
margin: 0 10px;
padding: 15px 0;
border-bottom: 4px solid #fff;
color: #646970;
cursor: pointer;
}
.filter-links .current {
box-shadow: none;
border-bottom: 4px solid #646970;
color: #1d2327;
}
.filter-links li > a:hover,
.filter-links li > a:focus,
.show-filters .filter-links a.current:hover,
.show-filters .filter-links a.current:focus {
color: #135e96;
}
.wp-filter .search-form {
float: right;
display: flex;
align-items: center;
column-gap: .5rem;
}
.wp-filter .search-form input[type="search"] {
width: 280px;
max-width: 100%;
}
.wp-filter .search-form select {
margin: 0;
}
/* Use flexbox only on the plugins install page. The `filter-links` and search form children will become flex items. */
.plugin-install-php .wp-filter {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
.wp-filter .search-form.search-plugins {
/* This element is a flex item: the inherited float won't have any effect. */
margin-top: 0;
}
.wp-filter .search-form.search-plugins select,
.wp-filter .search-form.search-plugins .wp-filter-search,
.no-js .wp-filter .search-form.search-plugins .button {
display: inline-block;
vertical-align: top;
}
.wp-filter .button.drawer-toggle {
margin: 10px 9px 0;
padding: 0 10px 0 6px;
border-color: transparent;
background-color: transparent;
color: #646970;
vertical-align: baseline;
box-shadow: none;
}
.wp-filter .drawer-toggle:before {
content: "\f111";
margin: 0 5px 0 0;
color: #646970;
font: normal 16px/1 dashicons;
vertical-align: text-bottom;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.wp-filter .button.drawer-toggle:hover,
.wp-filter .drawer-toggle:hover:before,
.wp-filter .button.drawer-toggle:focus,
.wp-filter .drawer-toggle:focus:before {
background-color: transparent;
color: #135e96;
}
.wp-filter .button.drawer-toggle:hover,
.wp-filter .button.drawer-toggle:focus:active {
border-color: transparent;
}
.wp-filter .button.drawer-toggle:focus {
border-color: #4f94d4;
}
.wp-filter .button.drawer-toggle:active {
background: transparent;
box-shadow: none;
transform: none;
}
.wp-filter .drawer-toggle.current:before {
color: #fff;
}
.filter-drawer,
.wp-filter .favorites-form {
display: none;
margin: 0 -10px 0 -20px;
padding: 20px;
border-top: 1px solid #f0f0f1;
background: #f6f7f7;
overflow: hidden;
}
.wp-filter .favorites-form .favorites-username {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 0.5rem;
}
.wp-filter .favorites-form .favorites-username input {
margin: 0;
}
.show-filters .filter-drawer,
.show-favorites-form .favorites-form {
display: block;
}
.show-filters .filter-links a.current {
border-bottom: none;
}
.show-filters .wp-filter .button.drawer-toggle {
border-radius: 2px;
background: #646970;
color: #fff;
}
.show-filters .wp-filter .drawer-toggle:hover,
.show-filters .wp-filter .drawer-toggle:focus {
background: #2271b1;
}
.show-filters .wp-filter .drawer-toggle:before {
color: #fff;
}
.filter-group {
box-sizing: border-box;
position: relative;
float: left;
margin: 0 1% 0 0;
padding: 20px 10px 10px;
width: 24%;
background: #fff;
border: 1px solid #dcdcde;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
}
.filter-group legend {
position: absolute;
top: 10px;
display: block;
margin: 0;
padding: 0;
font-size: 1em;
font-weight: 600;
}
.filter-drawer .filter-group-feature {
margin: 28px 0 0;
list-style-type: none;
font-size: 12px;
}
.filter-drawer .filter-group-feature input,
.filter-drawer .filter-group-feature label {
line-height: 1.4;
}
.filter-drawer .filter-group-feature input {
position: absolute;
margin: 0;
}
.filter-group .filter-group-feature label {
display: block;
margin: 14px 0 14px 23px;
}
.filter-drawer .buttons {
clear: both;
margin-bottom: 20px;
}
.filter-drawer .filter-group + .buttons {
margin-bottom: 0;
padding-top: 20px;
}
.filter-drawer .buttons .button span {
display: inline-block;
opacity: 0.8;
font-size: 12px;
text-indent: 10px;
}
.wp-filter .button.clear-filters {
display: none;
margin-left: 10px;
}
.wp-filter .button-link.edit-filters {
padding: 0 5px;
line-height: 2.2;
}
.filtered-by {
display: none;
margin: 0;
}
.filtered-by > span {
font-weight: 600;
}
.filtered-by a {
margin-left: 10px;
}
.filtered-by .tags {
display: flex;
align-items: flex-start;
flex-wrap: wrap;
gap: 8px;
}
.filtered-by .tag {
padding: 4px 8px;
border: 1px solid #dcdcde;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
background: #fff;
font-size: 11px;
}
.filters-applied .filter-group,
.filters-applied .filter-drawer .buttons,
.filters-applied .filter-drawer br {
display: none;
}
.filters-applied .filtered-by {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 10px;
}
.filters-applied .filter-drawer {
padding: 20px;
}
.show-filters .favorites-form,
.show-filters .content-filterable,
.show-filters.filters-applied.loading-content .content-filterable,
.loading-content .content-filterable,
.error .content-filterable {
display: none;
}
.show-filters.filters-applied .content-filterable {
display: block;
}
.loading-content .spinner {
display: block;
margin: 40px auto 0;
float: none;
}
@media only screen and (max-width: 1120px) {
.filter-drawer {
border-bottom: 1px solid #f0f0f1;
}
.filter-group {
margin-bottom: 0;
margin-top: 5px;
width: 100%;
}
.filter-group li {
margin: 10px 0;
}
}
@media only screen and (max-width: 1000px) {
.filter-items {
float: none;
}
.wp-filter .media-toolbar-primary,
.wp-filter .media-toolbar-secondary,
.wp-filter .search-form {
float: none; /* Remove float from media-views.css */
position: relative;
max-width: 100%;
}
.wp-filter .search-form {
margin: 11px 0;
flex-wrap: wrap;
row-gap: 10px;
}
}
@media only screen and (max-width: 782px) {
.filter-group li {
padding: 0;
width: 50%;
}
}
@media only screen and (max-width: 320px) {
.filter-count {
display: none;
}
.wp-filter .drawer-toggle {
margin: 10px 0;
}
.filter-group li,
.wp-filter .search-form input[type="search"] {
width: 100%;
}
}
/*------------------------------------------------------------------------------
4.0 - Notifications
------------------------------------------------------------------------------*/
.notice,
div.updated,
div.error {
background: #fff;
border: 1px solid #c3c4c7;
border-left-width: 4px;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
margin: 5px 15px 2px;
padding: 1px 12px;
}
div[class="update-message"] { /* back-compat for pre-4.6 */
padding: 0.5em 12px 0.5em 0;
}
.notice p,
.notice-title,
div.updated p,
div.error p,
.form-table td .notice p {
margin: 0.5em 0;
padding: 2px;
}
.error a {
text-decoration: underline;
}
.updated a {
padding-bottom: 2px;
}
.notice-alt {
box-shadow: none;
}
.notice-large {
padding: 10px 20px;
}
.notice-title {
display: inline-block;
color: #1d2327;
font-size: 18px;
}
.wp-core-ui .notice.is-dismissible {
padding-right: 38px;
position: relative;
}
.notice-dismiss {
position: absolute;
top: 0;
right: 1px;
border: none;
margin: 0;
padding: 9px;
background: none;
color: #787c82;
cursor: pointer;
}
.notice-dismiss:hover:before,
.notice-dismiss:active:before,
.notice-dismiss:focus:before {
color: #d63638;
}
.notice-dismiss:focus {
box-shadow: 0 0 0 2px #2271b1;
/* Only visible in Windows High Contrast mode */
outline: 2px solid transparent;
}
.notice-success,
div.updated {
border-left-color: #00a32a;
}
.notice-success.notice-alt {
background-color: #edfaef;
}
.notice-warning {
border-left-color: #dba617;
}
.notice-warning.notice-alt {
background-color: #fcf9e8;
}
.notice-error,
div.error {
border-left-color: #d63638;
}
.notice-error.notice-alt {
background-color: #fcf0f1;
}
.notice-info {
border-left-color: #72aee6;
}
.notice-info.notice-alt {
background-color: #f0f6fc;
}
#plugin-information-footer .update-now:not(.button-disabled):before {
color: #d63638;
content: "\f463";
display: inline-block;
font: normal 20px/1 dashicons;
margin: -3px 5px 0 -2px;
speak: never;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
vertical-align: middle;
}
#plugin-information-footer .notice {
margin-top: -5px;
}
.update-message p:before,
.updating-message p:before,
.updated-message p:before,
.import-php .updating-message:before,
.button.updating-message:before,
.button.updated-message:before,
.button.installed:before,
.button.installing:before,
.button.activating-message:before,
.button.activated-message:before {
display: inline-block;
font: normal 20px/1 'dashicons';
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
vertical-align: top;
}
.wrap .notice,
.wrap div.updated,
.wrap div.error,
.media-upload-form .notice,
.media-upload-form div.error {
margin: 5px 0 15px;
}
.wrap #templateside .notice {
display: block;
margin: 0;
padding: 5px 8px;
font-weight: 600;
text-decoration: none;
}
.wrap #templateside span.notice {
margin-left: -12px;
}
#templateside li.notice a {
padding: 0;
}
/* Update icon. */
.update-message p:before,
.updating-message p:before,
.import-php .updating-message:before,
.button.updating-message:before,
.button.installing:before,
.button.activating-message:before {
color: #d63638;
content: "\f463";
}
/* Spins the update icon. */
.updating-message p:before,
.import-php .updating-message:before,
.button.updating-message:before,
.button.installing:before,
.button.activating-message:before,
.plugins .column-auto-updates .dashicons-update.spin,
.theme-overlay .theme-autoupdate .dashicons-update.spin {
animation: rotation 2s infinite linear;
}
@media (prefers-reduced-motion: reduce) {
.updating-message p:before,
.import-php .updating-message:before,
.button.updating-message:before,
.button.installing:before,
.button.activating-message:before,
.plugins .column-auto-updates .dashicons-update.spin,
.theme-overlay .theme-autoupdate .dashicons-update.spin {
animation: none;
}
}
.theme-overlay .theme-autoupdate .dashicons-update.spin {
margin-right: 3px;
}
/* Updated icon (check mark). */
.updated-message p:before,
.installed p:before,
.button.updated-message:before,
.button.activated-message:before {
color: #68de7c;
content: "\f147";
}
/* Error icon. */
.update-message.notice-error p:before {
color: #d63638;
content: "\f534";
}
.wrap .notice p:before,
.import-php .updating-message:before {
margin-right: 6px;
}
.import-php .updating-message:before {
vertical-align: bottom;
}
#update-nag,
.update-nag {
display: inline-block;
line-height: 1.4;
padding: 11px 15px;
font-size: 14px;
margin: 25px 20px 0 2px;
}
ul#dismissed-updates {
display: none;
}
#dismissed-updates li > p {
margin-top: 0;
}
#dismiss,
#undismiss {
margin-left: 0.5em;
}
form.upgrade {
margin-top: 8px;
}
form.upgrade .hint {
font-style: italic;
font-size: 85%;
margin: -0.5em 0 2em;
}
.update-php .spinner {
float: none;
margin: -4px 0;
}
h2.wp-current-version {
margin-bottom: .3em;
}
p.update-last-checked {
margin-top: 0;
}
p.auto-update-status {
margin-top: 2em;
line-height: 1.8;
}
#ajax-loading,
.ajax-loading,
.ajax-feedback,
.imgedit-wait-spin,
.list-ajax-loading { /* deprecated */
visibility: hidden;
}
#ajax-response.alignleft {
margin-left: 2em;
}
.button.updating-message:before,
.button.updated-message:before,
.button.installed:before,
.button.installing:before,
.button.activated-message:before,
.button.activating-message:before {
margin: 3px 5px 0 -2px;
}
#plugin-information-footer .button {
padding: 0 14px;
line-height: 2.71428571; /* 38px */
font-size: 14px;
vertical-align: middle;
min-height: 40px;
margin-bottom: 4px;
}
#plugin-information-footer .button.installed:before,
#plugin-information-footer .button.installing:before,
#plugin-information-footer .button.updating-message:before,
#plugin-information-footer .button.updated-message:before,
#plugin-information-footer .button.activated-message:before,
#plugin-information-footer .button.activating-message:before {
margin: 9px 5px 0 -2px;
}
#plugin-information-footer .button.update-now.updating-message:before {
margin: -3px 5px 0 -2px;
}
.button-primary.updating-message:before,
.button-primary.activating-message:before {
color: #fff;
}
.button-primary.updated-message:before,
.button-primary.activated-message:before {
color: #9ec2e6;
}
.button.updated-message,
.button.activated-message {
transition-property: border, background, color;
transition-duration: .05s;
transition-timing-function: ease-in-out;
}
@media aural {
.wrap .notice p:before,
.button.installing:before,
.button.installed:before,
.update-message p:before {
speak: never;
}
}
/* @todo: this does not need its own section anymore */
/*------------------------------------------------------------------------------
6.0 - Admin Header
------------------------------------------------------------------------------*/
#adminmenu a,
#taglist a,
#catlist a {
text-decoration: none;
}
/*------------------------------------------------------------------------------
6.1 - Screen Options Tabs
------------------------------------------------------------------------------*/
#screen-options-wrap,
#contextual-help-wrap {
margin: 0;
padding: 8px 20px 12px;
position: relative;
}
#contextual-help-wrap {
overflow: auto;
margin-left: 0;
}
#screen-meta-links {
float: right;
margin: 0 20px 0 0;
}
/* screen options and help tabs revert */
#screen-meta {
display: none;
margin: 0 20px -1px 0;
position: relative;
background-color: #fff;
border: 1px solid #c3c4c7;
border-top: none;
box-shadow: 0 0 0 transparent;
}
#screen-options-link-wrap,
#contextual-help-link-wrap {
float: left;
margin: 0 0 0 6px;
}
#screen-meta-links .screen-meta-toggle {
position: relative;
top: 0;
}
#screen-meta-links .show-settings {
border: 1px solid #c3c4c7;
border-top: none;
height: auto;
margin-bottom: 0;
padding: 3px 6px 3px 16px;
background: #fff;
border-radius: 0 0 4px 4px;
color: #646970;
line-height: 1.7;
box-shadow: 0 0 0 transparent;
transition: box-shadow 0.1s linear;
}
#screen-meta-links .show-settings:hover,
#screen-meta-links .show-settings:active,
#screen-meta-links .show-settings:focus {
color: #2c3338;
}
#screen-meta-links .show-settings:focus {
border-color: #2271b1;
box-shadow: 0 0 0 1px #2271b1;
/* Only visible in Windows High Contrast mode */
outline: 2px solid transparent;
}
#screen-meta-links .show-settings:active {
transform: none;
}
#screen-meta-links .show-settings:after {
right: 0;
content: "\f140";
font: normal 20px/1 dashicons;
speak: never;
display: inline-block;
padding: 0 5px 0 0;
bottom: 2px;
position: relative;
vertical-align: bottom;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-decoration: none;
}
#screen-meta-links .screen-meta-active:after {
content: "\f142";
}
/* end screen options and help tabs */
.toggle-arrow {
background-repeat: no-repeat;
background-position: top left;
background-color: transparent;
height: 22px;
line-height: 22px;
display: block;
}
.toggle-arrow-active {
background-position: bottom left;
}
#screen-options-wrap h5, /* Back-compat for old plugins */
#screen-options-wrap legend,
#contextual-help-wrap h5 {
margin: 0;
padding: 8px 0;
font-size: 13px;
font-weight: 600;
}
.metabox-prefs label {
display: inline-block;
padding-right: 15px;
line-height: 2.35;
}
#number-of-columns {
display: inline-block;
vertical-align: middle;
line-height: 30px;
}
.metabox-prefs input[type=checkbox] {
margin-top: 0;
margin-right: 6px;
}
.metabox-prefs label input,
.metabox-prefs label input[type=checkbox] {
margin: -4px 5px 0 0;
}
.metabox-prefs .columns-prefs label input {
margin: -1px 2px 0 0;
}
.metabox-prefs label a {
display: none;
}
.metabox-prefs .screen-options input,
.metabox-prefs .screen-options label {
margin-top: 0;
margin-bottom: 0;
vertical-align: middle;
}
.metabox-prefs .screen-options .screen-per-page {
margin-right: 15px;
padding-right: 0;
}
.metabox-prefs .screen-options label {
line-height: 2.2;
padding-right: 0;
}
.screen-options + .screen-options {
margin-top: 10px;
}
.metabox-prefs .submit {
margin-top: 1em;
padding: 0;
}
/*------------------------------------------------------------------------------
6.2 - Help Menu
------------------------------------------------------------------------------*/
#contextual-help-wrap {
padding: 0;
}
#contextual-help-columns {
position: relative;
}
#contextual-help-back {
position: absolute;
top: 0;
bottom: 0;
left: 150px;
right: 170px;
border: 1px solid #c3c4c7;
border-top: none;
border-bottom: none;
background: #f0f6fc;
}
#contextual-help-wrap.no-sidebar #contextual-help-back {
right: 0;
border-right-width: 0;
border-bottom-right-radius: 2px;
}
.contextual-help-tabs {
float: left;
width: 150px;
margin: 0;
}
.contextual-help-tabs ul {
margin: 1em 0;
}
.contextual-help-tabs li {
margin-bottom: 0;
list-style-type: none;
border-style: solid;
border-width: 0 0 0 2px;
border-color: transparent;
}
.contextual-help-tabs a {
display: block;
padding: 5px 5px 5px 12px;
line-height: 1.4;
text-decoration: none;
border: 1px solid transparent;
border-right: none;
border-left: none;
}
.contextual-help-tabs a:hover {
color: #2c3338;
}
.contextual-help-tabs .active {
padding: 0;
margin: 0 -1px 0 0;
border-left: 2px solid #72aee6;
background: #f0f6fc;
box-shadow: 0 2px 0 rgba(0, 0, 0, 0.02), 0 1px 0 rgba(0, 0, 0, 0.02);
}
.contextual-help-tabs .active a {
border-color: #c3c4c7;
color: #2c3338;
}
.contextual-help-tabs-wrap {
padding: 0 20px;
overflow: auto;
}
.help-tab-content {
display: none;
margin: 0 22px 12px 0;
line-height: 1.6;
}
.help-tab-content.active {
display: block;
}
.help-tab-content ul li {
list-style-type: disc;
margin-left: 18px;
}
.contextual-help-sidebar {
width: 150px;
float: right;
padding: 0 8px 0 12px;
overflow: auto;
}
/*------------------------------------------------------------------------------
8.0 - Layout Blocks
------------------------------------------------------------------------------*/
html.wp-toolbar {
padding-top: var(--wp-admin--admin-bar--height);
box-sizing: border-box;
-ms-overflow-style: scrollbar; /* See ticket #48545 */
}
.widefat th,
.widefat td {
color: #50575e;
}
.widefat th,
.widefat thead td,
.widefat tfoot td {
font-weight: 400;
}
.widefat thead tr th,
.widefat thead tr td,
.widefat tfoot tr th,
.widefat tfoot tr td {
color: #2c3338;
}
.widefat td p {
margin: 2px 0 0.8em;
}
.widefat p,
.widefat ol,
.widefat ul {
color: #2c3338;
}
.widefat .column-comment p {
margin: 0.6em 0;
}
.widefat .column-comment ul {
list-style: initial;
margin-left: 2em;
}
/* Screens with postboxes */
.postbox-container {
float: left;
}
.postbox-container .meta-box-sortables {
box-sizing: border-box;
}
#wpbody-content .metabox-holder {
padding-top: 10px;
}
.metabox-holder .postbox-container .meta-box-sortables {
/* The jQuery UI Sortables need some initial height to work properly. */
min-height: 1px;
position: relative;
}
#post-body-content {
width: 100%;
min-width: 463px;
float: left;
}
#post-body.columns-2 #postbox-container-1 {
float: right;
margin-right: -300px;
width: 280px;
}
#post-body.columns-2 #side-sortables {
min-height: 250px;
}
/* one column on the dash */
@media only screen and (max-width: 799px) {
#wpbody-content .metabox-holder .postbox-container .empty-container {
outline: none;
height: 0;
min-height: 0;
}
}
.js .widget .widget-top,
.js .postbox .hndle {
cursor: move;
}
.js .widget .widget-top.is-non-sortable,
.js .postbox .hndle.is-non-sortable {
cursor: auto;
}
/* Configurable dashboard widgets "Configure" edit-box link. */
.hndle a {
font-size: 12px;
font-weight: 400;
}
.postbox-header {
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid #c3c4c7;
}
.postbox-header .hndle {
flex-grow: 1;
/* Handle the alignment for the configurable dashboard widgets "Configure" edit-box link. */
display: flex;
justify-content: space-between;
align-items: center;
}
.postbox-header .handle-actions {
flex-shrink: 0;
}
/* Post box order and toggle buttons. */
.postbox .handle-order-higher,
.postbox .handle-order-lower,
.postbox .handlediv {
width: 1.62rem;
height: 1.62rem;
margin: 0;
padding: 0;
border: 0;
background: none;
cursor: pointer;
}
.postbox .handle-order-higher,
.postbox .handle-order-lower {
color: #787c82;
width: 1.62rem;
}
/* Post box order buttons in the block editor meta boxes area. */
.edit-post-meta-boxes-area .postbox .handle-order-higher,
.edit-post-meta-boxes-area .postbox .handle-order-lower {
width: 44px;
height: 44px;
color: #1d2327
}
.postbox .handle-order-higher[aria-disabled="true"],
.postbox .handle-order-lower[aria-disabled="true"] {
cursor: default;
color: #a7aaad;
}
.sortable-placeholder {
border: 1px dashed #c3c4c7;
margin-bottom: 20px;
}
.postbox,
.stuffbox {
margin-bottom: 20px;
padding: 0;
line-height: 1;
}
.postbox.closed {
border-bottom: 0;
}
/* user-select is not a part of the CSS standard - may change behavior in the future */
.postbox .hndle,
.stuffbox .hndle {
-webkit-user-select: none;
user-select: none;
}
.postbox .inside {
padding: 0 12px 12px;
line-height: 1.4;
font-size: 13px;
}
.stuffbox .inside {
padding: 0;
line-height: 1.4;
font-size: 13px;
margin-top: 0;
}
.postbox .inside {
margin: 11px 0;
position: relative;
}
.postbox .inside > p:last-child,
.rss-widget ul li:last-child {
margin-bottom: 1px !important;
}
.postbox.closed h3 {
border: none;
box-shadow: none;
}
.postbox table.form-table {
margin-bottom: 0;
}
.postbox table.widefat {
box-shadow: none;
}
.temp-border {
border: 1px dotted #c3c4c7;
}
.columns-prefs label {
padding: 0 10px 0 0;
}
/* @todo: what is this doing here */
#dashboard_right_now .versions .b,
#post-status-display,
#post-visibility-display,
#adminmenu .wp-submenu li.current,
#adminmenu .wp-submenu li.current a,
#adminmenu .wp-submenu li.current a:hover,
.media-item .percent,
.plugins .name,
#pass-strength-result.strong,
#pass-strength-result.short,
#ed_reply_toolbar #ed_reply_strong,
.item-controls .item-order a,
.feature-filter .feature-name,
#comment-status-display {
font-weight: 600;
}
/*------------------------------------------------------------------------------
21.0 - Admin Footer
------------------------------------------------------------------------------*/
#wpfooter {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 10px 20px;
color: #50575e;
}
#wpfooter p {
font-size: 13px;
margin: 0;
line-height: 1.55;
}
#footer-thankyou {
font-style: italic;
}
/*------------------------------------------------------------------------------
25.0 - Tabbed Admin Screen Interface (Experimental)
------------------------------------------------------------------------------*/
.nav-tab {
float: left;
border: 1px solid #c3c4c7;
border-bottom: none;
margin-left: 0.5em; /* half the font size so set the font size properly */
padding: 5px 10px;
font-size: 14px;
line-height: 1.71428571;
font-weight: 600;
background: #dcdcde;
color: #50575e;
text-decoration: none;
white-space: nowrap;
}
h3 .nav-tab, /* Back-compat for pre-4.4 */
.nav-tab-small .nav-tab {
padding: 5px 14px;
font-size: 12px;
line-height: 1.33;
}
.nav-tab:hover,
.nav-tab:focus {
background-color: #fff;
color: #3c434a;
}
.nav-tab-active,
.nav-tab:focus:active {
box-shadow: none;
}
.nav-tab-active {
margin-bottom: -1px;
color: #3c434a;
}
.nav-tab-active,
.nav-tab-active:hover,
.nav-tab-active:focus,
.nav-tab-active:focus:active {
border-bottom: 1px solid #f0f0f1;
background: #f0f0f1;
color: #000;
}
h1.nav-tab-wrapper, /* Back-compat for pre-4.4 */
.wrap h2.nav-tab-wrapper, /* higher specificity to override .wrap > h2:first-child */
.nav-tab-wrapper {
border-bottom: 1px solid #c3c4c7;
margin: 0;
padding-top: 9px;
padding-bottom: 0;
line-height: inherit;
}
/* Back-compat for plugins. Deprecated. Use .wp-clearfix instead. */
.nav-tab-wrapper:not(.wp-clearfix):after {
content: "";
display: table;
clear: both;
}
/*------------------------------------------------------------------------------
26.0 - Misc
------------------------------------------------------------------------------*/
.spinner {
background: url(../images/spinner.gif) no-repeat;
background-size: 20px 20px;
display: inline-block;
visibility: hidden;
float: right;
vertical-align: middle;
opacity: 0.7;
filter: alpha(opacity=70);
width: 20px;
height: 20px;
margin: 4px 10px 0;
}
.spinner.is-active,
.loading-content .spinner {
visibility: visible;
}
#template > div {
margin-right: 16em;
}
#template .notice {
margin-top: 1em;
margin-right: 3%;
}
#template .notice p {
width: auto;
}
#template .submit .spinner {
float: none;
}
.metabox-holder .stuffbox > h3, /* Back-compat for pre-4.4 */
.metabox-holder .postbox > h3, /* Back-compat for pre-4.4 */
.metabox-holder h3.hndle, /* Back-compat for pre-4.4 */
.metabox-holder h2.hndle {
font-size: 14px;
padding: 8px 12px;
margin: 0;
line-height: 1.4;
}
/* Back-compat for nav-menus screen */
.nav-menus-php .metabox-holder h3 {
padding: 0;
}
.accordion-container h3.accordion-section-title {
padding: 0 !important;
}
.accordion-section-title button.accordion-trigger,
.nav-menus-php .metabox-holder .accordion-section-title button.accordion-trigger {
background: inherit;
color: #1d2327;
display: block;
position: relative;
text-align: left;
width: 100%;
outline: none;
border: 0;
padding: 10px 10px 11px 14px;
line-height: 1.5;
cursor: pointer;
}
.accordion-section-title button.accordion-trigger:focus,
.nav-menus-php .metabox-holder .accordion-section-title button.accordion-trigger:focus {
box-shadow: 0 0 0 2px #2271b1;
outline: 2px solid transparent;
}
.accordion-section-title span.dashicons.dashicons-arrow-down,
.nav-menus-php .metabox-holder .accordion-section-title span.dashicons.dashicons-arrow-down {
position: absolute;
right: 10px;
left: auto;
color: #787c82;
border-radius: 50px;
top: 50%;
transform: translateY(-50%);
}
.accordion-section-title:hover span.dashicons.dashicons-arrow-down,
.nav-menus-php .metabox-holder .accordion-section-title:hover span.dashicons.dashicons-arrow-down {
color: #1d2327;
}
.accordion-section-title span.dashicons.dashicons-arrow-down::before,
.nav-menus-php .metabox-holder .accordion-section-title span.dashicons.dashicons-arrow-down::before {
position: relative;
left: -1px;
}
.accordion-section.open .accordion-section-title span.dashicons.dashicons-arrow-down,
.nav-menus-php .metabox-holder .accordion-section.open .accordion-section-title span.dashicons.dashicons-arrow-down {
transform: rotate(180deg) translate(0, 50%);
}
#templateside ul li a {
text-decoration: none;
}
.plugin-install #description,
.plugin-install-network #description {
width: 60%;
}
table .vers,
table .column-visible,
table .column-rating {
text-align: left;
}
.attention,
.error-message {
color: #d63638;
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
------------------------------------------------------------------------------*/
.media-icon {
width: 62px; /* icon + border */
text-align: center;
}
.media-icon img {
border: 1px solid #dcdcde;
border: 1px solid rgba(0, 0, 0, 0.07);
}
#howto {
font-size: 11px;
margin: 0 5px;
display: block;
}
.importers {
font-size: 16px;
width: auto;
}
.importers td {
padding-right: 14px;
line-height: 1.4;
}
.importers .import-system {
max-width: 250px;
}
.importers td.desc {
max-width: 500px;
}
.importer-title,
.importer-desc,
.importer-action {
display: block;
}
.importer-title {
color: #000;
font-size: 14px;
font-weight: 400;
margin-bottom: .2em;
}
.importer-action {
line-height: 1.55; /* Same as with .updating-message */
color: #50575e;
margin-bottom: 1em;
}
#post-body #post-body-content #namediv h3, /* Back-compat for pre-4.4 */
#post-body #post-body-content #namediv h2 {
margin-top: 0;
}
.edit-comment-author {
color: #1d2327;
border-bottom: 1px solid #f0f0f1;
}
#namediv h3 label, /* Back-compat for pre-4.4 */
#namediv h2 label {
vertical-align: baseline;
}
#namediv table {
width: 100%;
}
#namediv td.first {
width: 10px;
white-space: nowrap;
}
#namediv input {
width: 100%;
}
#namediv p {
margin: 10px 0;
}
/* - 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: 0.15;
}
.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;
}
/* Star Ratings - Back-compat for pre-3.8 */
div.star-holder {
position: relative;
height: 17px;
width: 100px;
background: url(../images/stars.png?ver=20121108) repeat-x bottom left;
}
div.star-holder .star-rating {
background: url(../images/stars.png?ver=20121108) repeat-x top left;
height: 17px;
float: left;
}
/* Star Ratings */
.star-rating {
white-space: nowrap;
}
.star-rating .star {
display: inline-block;
width: 20px;
height: 20px;
-webkit-font-smoothing: antialiased;
font-size: 20px;
line-height: 1;
font-family: dashicons;
text-decoration: inherit;
font-weight: 400;
font-style: normal;
vertical-align: top;
transition: color .1s ease-in;
text-align: center;
color: #dba617;
}
.star-rating .star-full:before {
content: "\f155";
}
.star-rating .star-half:before {
content: "\f459";
}
.rtl .star-rating .star-half {
transform: rotateY(180deg);
}
.star-rating .star-empty:before {
content: "\f154";
}
div.action-links {
font-weight: 400;
margin: 6px 0 0;
}
/* Plugin install thickbox */
#plugin-information {
background: #fff;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
height: 100%;
padding: 0;
}
#plugin-information-scrollable {
overflow: auto;
-webkit-overflow-scrolling: touch;
height: 100%;
}
#plugin-information-title {
padding: 0 26px;
background: #f6f7f7;
font-size: 22px;
font-weight: 600;
line-height: 2.4;
position: relative;
height: 56px;
}
#plugin-information-title.with-banner {
margin-right: 0;
height: 250px;
background-size: cover;
}
#plugin-information-title h2 {
font-size: 1em;
font-weight: 600;
padding: 0;
margin: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
#plugin-information-title.with-banner h2 {
position: relative;
font-family: "Helvetica Neue", sans-serif;
display: inline-block;
font-size: 30px;
line-height: 1.68;
box-sizing: border-box;
max-width: 100%;
padding: 0 15px;
margin-top: 174px;
color: #fff;
background: rgba(29, 35, 39, 0.9);
text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
box-shadow: 0 0 30px rgba(255, 255, 255, 0.1);
border-radius: 8px;
}
#plugin-information-title div.vignette {
display: none;
}
#plugin-information-title.with-banner div.vignette {
position: absolute;
display: block;
top: 0;
left: 0;
height: 250px;
width: 100%;
background: transparent;
box-shadow: inset 0 0 50px 4px rgba(0, 0, 0, 0.2), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
}
#plugin-information-tabs {
padding: 0 16px;
position: relative;
right: 0;
left: 0;
min-height: 36px;
font-size: 0;
z-index: 1;
border-bottom: 1px solid #dcdcde;
background: #f6f7f7;
}
#plugin-information-tabs a {
position: relative;
display: inline-block;
padding: 9px 10px;
margin: 0;
height: 18px;
line-height: 1.3;
font-size: 14px;
text-decoration: none;
transition: none;
}
#plugin-information-tabs a.current {
margin: 0 -1px -1px;
background: #fff;
border: 1px solid #dcdcde;
border-bottom-color: #fff;
padding-top: 8px;
color: #2c3338;
}
#plugin-information-tabs.with-banner a.current {
border-top: none;
padding-top: 9px;
}
#plugin-information-tabs a:active,
#plugin-information-tabs a:focus {
outline: none;
}
#plugin-information-content {
overflow: hidden; /* equal height column trick */
background: #fff;
position: relative;
top: 0;
right: 0;
left: 0;
min-height: 100%;
/* Height of title + tabs + install now */
min-height: calc( 100% - 152px );
}
#plugin-information-content.with-banner {
/* Height of banner + tabs + install now */
min-height: calc( 100% - 346px );
}
#section-holder {
position: relative;
top: 0;
right: 250px;
bottom: 0;
left: 0;
margin-top: 10px;
margin-right: 250px; /* FYI box */
padding: 10px 26px 99999px; /* equal height column trick */
margin-bottom: -99932px; /* 67px less than the padding below to accommodate footer height */
}
#section-holder .notice {
margin: 5px 0 15px;
}
#section-holder .updated {
margin: 16px 0;
}
#plugin-information .fyi {
float: right;
position: relative;
top: 0;
right: 0;
padding: 16px 16px 99999px; /* equal height column trick */
margin-bottom: -99932px; /* 67px less than the padding below to accommodate footer height */
width: 217px;
border-left: 1px solid #dcdcde;
background: #f6f7f7;
color: #646970;
}
#plugin-information .fyi strong {
color: #3c434a;
}
#plugin-information .fyi h3 {
font-weight: 600;
text-transform: uppercase;
font-size: 12px;
color: #646970;
margin: 24px 0 8px;
}
#plugin-information .fyi h2 {
font-size: 0.9em;
margin-bottom: 0;
margin-right: 0;
}
#plugin-information .fyi ul {
padding: 0;
margin: 0;
list-style: none;
}
#plugin-information .fyi li {
margin: 0 0 10px;
}
#plugin-information .fyi-description {
margin-top: 0;
}
#plugin-information .counter-container {
margin: 3px 0;
}
#plugin-information .counter-label {
float: left;
margin-right: 5px;
min-width: 55px;
}
#plugin-information .counter-back {
height: 17px;
width: 92px;
background-color: #dcdcde;
float: left;
}
#plugin-information .counter-bar {
height: 17px;
background-color: #f0c33c; /* slightly lighter than stars due to larger expanse */
float: left;
}
#plugin-information .counter-count {
margin-left: 5px;
}
#plugin-information .fyi ul.contributors {
margin-top: 10px;
}
#plugin-information .fyi ul.contributors li {
display: inline-block;
margin-right: 8px;
vertical-align: middle;
}
#plugin-information .fyi ul.contributors li {
display: inline-block;
margin-right: 8px;
vertical-align: middle;
}
#plugin-information .fyi ul.contributors li img {
vertical-align: middle;
margin-right: 4px;
}
#plugin-information-footer {
padding: 13px 16px;
position: absolute;
right: 0;
bottom: 0;
left: 0;
height: 40px; /* actual height: 40+13+13+1=67 */
border-top: 1px solid #dcdcde;
background: #f6f7f7;
}
/* rtl:ignore */
#plugin-information .section {
direction: ltr;
}
/* rtl:ignore */
#plugin-information .section ul,
#plugin-information .section ol {
list-style-type: disc;
margin-left: 24px;
}
#plugin-information .section,
#plugin-information .section p {
font-size: 14px;
line-height: 1.7;
}
#plugin-information #section-screenshots ol {
list-style: none;
margin: 0;
}
#plugin-information #section-screenshots li img {
vertical-align: text-top;
margin-top: 16px;
max-width: 100%;
width: auto;
height: auto;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
/* rtl:ignore */
#plugin-information #section-screenshots li p {
font-style: italic;
padding-left: 20px;
}
#plugin-information pre {
padding: 7px;
overflow: auto;
border: 1px solid #c3c4c7;
}
#plugin-information blockquote {
border-left: 2px solid #dcdcde;
color: #646970;
font-style: italic;
margin: 1em 0;
padding: 0 0 0 1em;
}
/* rtl:ignore */
#plugin-information .review {
overflow: hidden; /* clearfix */
width: 100%;
margin-bottom: 20px;
border-bottom: 1px solid #dcdcde;
}
#plugin-information .review-title-section {
overflow: hidden; /* clearfix */
}
/* rtl:ignore */
#plugin-information .review-title-section h4 {
display: inline-block;
float: left;
margin: 0 6px 0 0;
}
#plugin-information .reviewer-info p {
clear: both;
margin: 0;
padding-top: 2px;
}
/* rtl:ignore */
#plugin-information .reviewer-info .avatar {
float: left;
margin: 4px 6px 0 0;
}
/* rtl:ignore */
#plugin-information .reviewer-info .star-rating {
float: left;
}
/* rtl:ignore */
#plugin-information .review-meta {
float: left;
margin-left: 0.75em;
}
/* rtl:ignore */
#plugin-information .review-body {
float: left;
width: 100%;
}
.plugin-version-author-uri {
font-size: 13px;
}
/* For non-js plugin installation screen ticket #36430. */
.update-php .button.button-primary {
margin-right: 1em;
}
@media screen and (max-width: 771px) {
#plugin-information-title.with-banner {
height: 100px;
}
#plugin-information-title.with-banner h2 {
margin-top: 30px;
font-size: 20px;
line-height: 2;
max-width: 85%;
}
#plugin-information-title.with-banner div.vignette {
height: 100px;
}
#plugin-information-tabs {
overflow: hidden; /* clearfix */
padding: 0;
height: auto; /* let tabs wrap */
}
#plugin-information-tabs a.current {
margin-bottom: 0;
border-bottom: none;
}
#plugin-information .fyi {
float: none;
border: 1px solid #dcdcde;
position: static;
width: auto;
margin: 26px 26px 0;
padding-bottom: 0; /* reset from the two column height fix */
}
#section-holder {
position: static;
margin: 0;
padding-bottom: 70px; /* reset from the two column height fix, plus accommodate footer */
}
#plugin-information .fyi h3,
#plugin-information .fyi small {
display: none;
}
#plugin-information-footer {
padding: 12px 16px 0;
height: 46px;
}
}
/* Thickbox for the Plugin details modal. */
#TB_window.plugin-details-modal {
background: #fff;
}
#TB_window.plugin-details-modal.thickbox-loading:before {
content: "";
display: block;
width: 20px;
height: 20px;
position: absolute;
left: 50%;
top: 50%;
z-index: -1;
margin: -10px 0 0 -10px;
background: #fff url(../images/spinner.gif) no-repeat center;
background-size: 20px 20px;
transform: translateZ(0);
}
@media print,
(min-resolution: 120dpi) {
#TB_window.plugin-details-modal.thickbox-loading:before {
background-image: url(../images/spinner-2x.gif);
}
}
.plugin-details-modal #TB_title {
float: left;
height: 1px;
}
.plugin-details-modal #TB_ajaxWindowTitle {
display: none;
}
.plugin-details-modal #TB_closeWindowButton {
left: auto;
right: -30px;
color: #f0f0f1;
}
.plugin-details-modal #TB_closeWindowButton:hover,
.plugin-details-modal #TB_closeWindowButton:focus {
outline: none;
box-shadow: none;
}
.plugin-details-modal #TB_closeWindowButton:hover::after,
.plugin-details-modal #TB_closeWindowButton:focus::after {
outline: 2px solid;
outline-offset: -4px;
border-radius: 4px;
}
.plugin-details-modal .tb-close-icon {
display: none;
}
.plugin-details-modal #TB_closeWindowButton:after {
content: "\f335";
font: normal 32px/29px 'dashicons';
speak: never;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* move plugin install close icon to top on narrow screens */
@media screen and (max-width: 830px) {
.plugin-details-modal #TB_closeWindowButton {
right: 0;
top: -30px;
}
}
/* @todo: move this. */
img {
border: none;
}
/* Metabox collapse arrow indicators */
.sidebar-name .toggle-indicator::before,
.meta-box-sortables .postbox .toggle-indicator::before,
.meta-box-sortables .postbox .order-higher-indicator::before,
.meta-box-sortables .postbox .order-lower-indicator::before,
.bulk-action-notice .toggle-indicator::before,
.privacy-text-box .toggle-indicator::before {
content: "\f142";
display: inline-block;
font: normal 20px/1 dashicons;
speak: never;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-decoration: none;
}
.js .widgets-holder-wrap.closed .toggle-indicator::before,
.meta-box-sortables .postbox.closed .handlediv .toggle-indicator::before,
.bulk-action-notice .bulk-action-errors-collapsed .toggle-indicator::before,
.privacy-text-box.closed .toggle-indicator::before {
content: "\f140";
}
.postbox .handle-order-higher .order-higher-indicator::before {
content: "\f343";
color: inherit;
}
.postbox .handle-order-lower .order-lower-indicator::before {
content: "\f347";
color: inherit;
}
.postbox .handle-order-higher .order-higher-indicator::before,
.postbox .handle-order-lower .order-lower-indicator::before {
position: relative;
top: 0.11rem;
width: 20px;
height: 20px;
}
.postbox .handlediv .toggle-indicator::before {
width: 20px;
border-radius: 50%;
}
.postbox .handlediv .toggle-indicator::before {
position: relative;
top: 0.05rem;
text-indent: -1px; /* account for the dashicon glyph uneven horizontal alignment */
}
.rtl .postbox .handlediv .toggle-indicator::before {
text-indent: 1px; /* account for the dashicon glyph uneven horizontal alignment */
}
.bulk-action-notice .toggle-indicator::before {
line-height: 16px;
vertical-align: top;
color: #787c82;
}
.postbox .handle-order-higher:focus,
.postbox .handle-order-lower:focus,
.postbox .handlediv:focus {
box-shadow: inset 0 0 0 2px #2271b1;
border-radius: 50%;
/* Only visible in Windows High Contrast mode */
outline: 2px solid transparent;
}
.postbox .handle-order-higher:focus .order-higher-indicator::before,
.postbox .handle-order-lower:focus .order-lower-indicator::before,
.postbox .handlediv:focus .toggle-indicator::before {
box-shadow: none;
/* Only visible in Windows High Contrast mode */
outline: 1px solid transparent;
}
/* @todo: appears to be Press This only and overridden */
#photo-add-url-div input[type="text"] {
width: 300px;
}
/* Theme/Plugin file editor */
.alignleft h2 {
margin: 0;
}
#template textarea {
font-family: Consolas, Monaco, monospace;
font-size: 13px;
background: #f6f7f7;
tab-size: 4;
}
#template textarea,
#template .CodeMirror {
width: 100%;
min-height: 60vh;
height: calc( 100vh - 295px );
border: 1px solid #dcdcde;
box-sizing: border-box;
}
#templateside > h2 {
padding-top: 6px;
padding-bottom: 7px;
margin: 0;
}
#templateside ol,
#templateside ul {
margin: 0;
padding: 0;
}
#templateside > ul {
box-sizing: border-box;
margin-top: 0;
overflow: auto;
padding: 0;
min-height: 60vh;
height: calc(100vh - 295px);
background-color: #f6f7f7;
border: 1px solid #dcdcde;
border-left: none;
}
#templateside ul ul {
padding-left: 12px;
}
#templateside > ul > li > ul[role=group] {
padding-left: 0;
}
/*
* Styles for Theme and Plugin file editors.
*/
/* Hide collapsed items. */
[role="treeitem"][aria-expanded="false"] > ul {
display: none;
}
/* Use arrow dashicons for folder states, but hide from screen readers. */
[role="treeitem"] span[aria-hidden] {
display: inline;
font-family: dashicons;
font-size: 20px;
position: absolute;
pointer-events: none;
}
[role="treeitem"][aria-expanded="false"] > .folder-label .icon:after {
content: "\f139";
}
[role="treeitem"][aria-expanded="true"] > .folder-label .icon:after {
content: "\f140";
}
[role="treeitem"] .folder-label {
display: block;
padding: 3px 3px 3px 12px;
cursor: pointer;
}
/* Remove outline, and create our own focus and hover styles */
[role="treeitem"] {
outline: 0;
}
[role="treeitem"] a:focus,
[role="treeitem"] .folder-label.focus {
color: #043959;
/* Reset default focus style. */
box-shadow: none;
/* Use an inset outline instead, so it's visible also over the current file item. */
outline: 2px solid #2271b1;
outline-offset: -2px;
}
[role="treeitem"].hover,
[role="treeitem"] .folder-label.hover {
background-color: #f0f0f1;
}
.tree-folder {
margin: 0;
position: relative;
}
[role="treeitem"] li {
position: relative;
}
/* Styles for folder indicators/depth */
.tree-folder .tree-folder::after {
content: "";
display: block;
position: absolute;
left: 2px;
border-left: 1px solid #c3c4c7;
top: -13px;
bottom: 10px;
}
.tree-folder > li::before {
content: "";
position: absolute;
display: block;
border-left: 1px solid #c3c4c7;
left: 2px;
top: -5px;
height: 18px;
width: 7px;
border-bottom: 1px solid #c3c4c7;
}
.tree-folder > li::after {
content: "";
position: absolute;
display: block;
border-left: 1px solid #c3c4c7;
left: 2px;
bottom: -7px;
top: 0;
}
/* current-file needs to adjustment for .notice styles */
#templateside .current-file {
margin: -4px 0 -2px;
}
.tree-folder > .current-file::before {
left: 4px;
height: 15px;
width: 0;
border-left: none;
top: 3px;
}
.tree-folder > .current-file::after {
bottom: -4px;
height: 7px;
left: 2px;
top: auto;
}
/* Lines shouldn't continue on last item */
.tree-folder > li:last-child::after,
.tree-folder li:last-child > .tree-folder::after {
display: none;
}
#theme-plugin-editor-selector,
#theme-plugin-editor-label,
#documentation label {
font-weight: 600;
}
#theme-plugin-editor-label {
display: inline-block;
margin-bottom: 1em;
}
/* rtl:ignore */
#template textarea,
#docs-list {
direction: ltr;
}
.fileedit-sub #theme,
.fileedit-sub #plugin {
max-width: 40%;
}
.fileedit-sub .alignright {
text-align: right;
}
#template p {
width: 97%;
}
#file-editor-linting-error {
margin-top: 1em;
margin-bottom: 1em;
}
#file-editor-linting-error > .notice {
margin: 0;
display: inline-block;
}
#file-editor-linting-error > .notice > p {
width: auto;
}
#template .submit {
margin-top: 1em;
padding: 0;
}
#template .submit input[type=submit][disabled] {
cursor: not-allowed;
}
#templateside {
float: right;
width: 16em;
word-wrap: break-word;
}
#postcustomstuff p.submit {
margin: 0;
}
#templateside h4 {
margin: 1em 0 0;
}
#templateside li {
margin: 4px 0;
}
#templateside li:not(.howto) a,
.theme-editor-php .highlight {
display: block;
padding: 3px 0 3px 12px;
text-decoration: none;
}
#templateside li.current-file > a {
padding-bottom: 0;
}
#templateside li:not(.howto) > a:first-of-type {
padding-top: 0;
}
#templateside li.howto {
padding: 6px 12px 12px;
}
.theme-editor-php .highlight {
margin: -3px 3px -3px -12px;
}
#templateside .highlight {
border: none;
font-weight: 600;
}
.nonessential {
color: #646970;
font-size: 11px;
font-style: italic;
padding-left: 12px;
}
#documentation {
margin-top: 10px;
}
#documentation label {
line-height: 1.8;
vertical-align: baseline;
}
.fileedit-sub {
padding: 10px 0 8px;
line-height: 180%;
}
#file-editor-warning .file-editor-warning-content {
margin: 25px;
}
/* @todo: can we use a common class for these? */
.nav-menus-php .item-edit:before,
.wp-customizer .control-section .accordion-section-title:after,
.wp-customizer .accordion-section-title:after,
.widget-top .widget-action .toggle-indicator:before {
content: "\f140";
font: normal 20px/1 dashicons;
speak: never;
display: block;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-decoration: none;
}
.widget-top .widget-action .toggle-indicator:before {
padding: 1px 2px 1px 0;
border-radius: 50%;
}
.handlediv,
.postbox .handlediv.button-link,
.item-edit,
.toggle-indicator {
color: #787c82;
}
.widget-action {
color: #50575e; /* #fafafa background in the Widgets screen */
}
.widget-top:hover .widget-action,
.widget-action:focus,
.handlediv:hover,
.handlediv:focus,
.postbox .handlediv.button-link:hover,
.postbox .handlediv.button-link:focus,
.item-edit:hover,
.item-edit:focus,
.sidebar-name:hover .toggle-indicator {
color: #1d2327;
/* Only visible in Windows High Contrast mode */
outline: 2px solid transparent;
}
.widget-top .widget-action:focus .toggle-indicator:before {
box-shadow: 0 0 0 2px #2271b1;
/* Only visible in Windows High Contrast mode */
outline: 2px solid transparent;
}
#customize-info.open .accordion-section-title:after,
.nav-menus-php .menu-item-edit-active .item-edit:before,
.widget.open .widget-top .widget-action .toggle-indicator:before,
.widget.widget-in-question .widget-top .widget-action .toggle-indicator:before {
content: "\f142";
}
/*!
* jQuery UI Draggable/Sortable 1.11.4
* http://jqueryui.com
*
* Copyright jQuery Foundation and other contributors
* Released under the MIT license.
* http://jquery.org/license
*/
.ui-draggable-handle,
.ui-sortable-handle {
touch-action: none;
}
/* Accordion */
.accordion-section {
border-bottom: 1px solid #dcdcde;
margin: 0;
}
.accordion-section.open .accordion-section-content,
.no-js .accordion-section .accordion-section-content {
display: block;
}
.accordion-section.open:hover {
border-bottom-color: #dcdcde;
}
.accordion-section-content {
display: none;
padding: 10px 20px 15px;
overflow: hidden;
background: #fff;
}
.accordion-section-title {
margin: 0;
position: relative;
border-left: 1px solid #dcdcde;
border-right: 1px solid #dcdcde;
-webkit-user-select: none;
user-select: none;
}
.js .accordion-section-title {
cursor: pointer;
}
.js .accordion-section-title:after {
position: absolute;
top: 12px;
right: 10px;
z-index: 1;
}
.accordion-section-title:focus {
/* Only visible in Windows High Contrast mode */
outline: 1px solid transparent;
}
.accordion-section-title:hover:after,
.accordion-section-title:focus:after {
border-color: #a7aaad transparent;
/* Only visible in Windows High Contrast mode */
outline: 1px solid transparent;
}
.cannot-expand .accordion-section-title {
cursor: auto;
}
.cannot-expand .accordion-section-title:after {
display: none;
}
.control-section .accordion-section-title,
.customize-pane-child .accordion-section-title {
border-left: none;
border-right: none;
padding: 10px 10px 11px 14px;
line-height: 1.55;
background: #fff;
}
.control-section .accordion-section-title:after,
.customize-pane-child .accordion-section-title:after {
top: calc(50% - 10px); /* Arrow height is 20px, so use half of that to vertically center */
}
.js .control-section:hover .accordion-section-title,
.js .control-section .accordion-section-title:hover,
.js .control-section.open .accordion-section-title,
.js .control-section .accordion-section-title:focus {
color: #1d2327;
background: #f6f7f7;
}
.control-section.open .accordion-section-title {
/* When expanded */
border-bottom: 1px solid #dcdcde;
}
/* Edit Site */
.network-admin .edit-site-actions {
margin-top: 0;
}
/* My Sites */
.my-sites {
display: block;
overflow: auto;
zoom: 1;
}
.my-sites li {
display: block;
padding: 8px 3%;
min-height: 130px;
margin: 0;
}
@media only screen and (max-width: 599px) {
.my-sites li {
min-height: 0;
}
}
@media only screen and (min-width: 600px) {
.my-sites.striped li {
background-color: #fff;
position: relative;
}
.my-sites.striped li:after {
content: "";
width: 1px;
height: 100%;
position: absolute;
top: 0;
right: 0;
background: #c3c4c7;
}
}
@media only screen and (min-width: 600px) and (max-width: 699px) {
.my-sites li{
float: left;
width: 44%;
}
.my-sites.striped li {
background-color: #fff;
}
.my-sites.striped li:nth-of-type(2n+1) {
clear: left;
}
.my-sites.striped li:nth-of-type(2n+2):after {
content: none;
}
.my-sites li:nth-of-type(4n+1),
.my-sites li:nth-of-type(4n+2) {
background-color: #f6f7f7;
}
}
@media only screen and (min-width: 700px) and (max-width: 1199px) {
.my-sites li {
float: left;
width: 27.333333%;
background-color: #fff;
}
.my-sites.striped li:nth-of-type(3n+3):after {
content: none;
}
.my-sites li:nth-of-type(6n+1),
.my-sites li:nth-of-type(6n+2),
.my-sites li:nth-of-type(6n+3) {
background-color: #f6f7f7;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.my-sites li {
float: left;
width: 21%;
padding: 8px 2%;
background-color: #fff;
}
.my-sites.striped li:nth-of-type(4n+1) {
clear: left;
}
.my-sites.striped li:nth-of-type(4n+4):after {
content: none;
}
.my-sites li:nth-of-type(8n+1),
.my-sites li:nth-of-type(8n+2),
.my-sites li:nth-of-type(8n+3),
.my-sites li:nth-of-type(8n+4) {
background-color: #f6f7f7;
}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.my-sites li {
float: left;
width: 16%;
padding: 8px 2%;
background-color: #fff;
}
.my-sites.striped li:nth-of-type(5n+1) {
clear: left;
}
.my-sites.striped li:nth-of-type(5n+5):after {
content: none;
}
.my-sites li:nth-of-type(10n+1),
.my-sites li:nth-of-type(10n+2),
.my-sites li:nth-of-type(10n+3),
.my-sites li:nth-of-type(10n+4),
.my-sites li:nth-of-type(10n+5) {
background-color: #f6f7f7;
}
}
@media only screen and (min-width: 1600px) {
.my-sites li {
float: left;
width: 12.666666%;
padding: 8px 2%;
background-color: #fff;
}
.my-sites.striped li:nth-of-type(6n+1) {
clear: left;
}
.my-sites.striped li:nth-of-type(6n+6):after {
content: none;
}
.my-sites li:nth-of-type(12n+1),
.my-sites li:nth-of-type(12n+2),
.my-sites li:nth-of-type(12n+3),
.my-sites li:nth-of-type(12n+4),
.my-sites li:nth-of-type(12n+5),
.my-sites li:nth-of-type(12n+6) {
background-color: #f6f7f7;
}
}
.my-sites li a {
text-decoration: none;
}
/* =Media Queries
-------------------------------------------------------------- */
/**
* HiDPI Displays
*/
@media print,
(min-resolution: 120dpi) {
/* Back-compat for pre-3.8 */
div.star-holder,
div.star-holder .star-rating {
background: url(../images/stars-2x.png?ver=20121108) repeat-x bottom left;
background-size: 21px 37px;
}
.spinner {
background-image: url(../images/spinner-2x.gif);
}
}
@media screen and (max-width: 782px) {
html.wp-toolbar {
padding-top: var(--wp-admin--admin-bar--height);
}
.screen-reader-shortcut:focus {
top: -39px;
}
body {
min-width: 240px;
overflow-x: hidden;
}
body * {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
}
#wpcontent {
position: relative;
margin-left: 0;
padding-left: 10px;
}
#wpbody-content {
padding-bottom: 100px;
}
.wrap {
clear: both;
margin-right: 12px;
margin-left: 0;
}
/* categories */
#col-left,
#col-right {
float: none;
width: auto;
}
#col-left .col-wrap,
#col-right .col-wrap {
padding: 0;
}
/* Hidden Elements */
#collapse-menu,
.post-format-select {
display: none !important;
}
.wrap h1.wp-heading-inline {
margin-bottom: 0.5em;
}
.wrap .add-new-h2, /* deprecated */
.wrap .add-new-h2:active, /* deprecated */
.wrap .page-title-action,
.wrap .page-title-action:active {
padding: 10px 15px;
font-size: 14px;
white-space: nowrap;
}
/* Feedback Messages */
.notice,
.wrap div.updated,
.wrap div.error,
.media-upload-form div.error {
margin: 20px 0 10px;
padding: 5px 10px;
font-size: 14px;
line-height: 175%;
}
.wp-core-ui .notice.is-dismissible {
padding-right: 46px;
}
.notice-dismiss {
padding: 13px;
}
.wrap .icon32 + h2 {
margin-top: -2px;
}
.wp-responsive-open #wpbody {
right: -16em;
}
code {
word-wrap: break-word;
word-wrap: anywhere; /* Firefox. Allow breaking long words anywhere */
word-break: break-word; /* Webkit: Treated similarly to word-wrap: break-word */
}
/* General Metabox */
.postbox {
font-size: 14px;
}
.metabox-holder h3.hndle, /* Back-compat for pre-4.4 */
.metabox-holder .stuffbox > h3, /* Back-compat for pre-4.4 */
.metabox-holder .postbox > h3, /* Back-compat for pre-4.4 */
.metabox-holder h2 {
padding: 12px;
}
.nav-menus-php .metabox-holder h3 {
padding: 0;
}
.postbox .handlediv {
margin-top: 3px;
}
/* Subsubsub Nav */
.subsubsub {
font-size: 16px;
text-align: center;
margin-bottom: 15px;
}
/* Theme/Plugin File Editor */
#template textarea,
#template .CodeMirror {
box-sizing: border-box;
}
#templateside {
float: none;
width: auto;
}
#templateside > ul {
border-left: 1px solid #dcdcde;
}
#templateside li {
margin: 0;
}
#templateside li:not(.howto) a {
display: block;
padding: 5px;
}
#templateside li.howto {
padding: 12px;
}
#templateside .highlight {
padding: 5px;
margin-left: -5px;
margin-top: -5px;
}
#template > div,
#template .notice {
float: none;
margin: 1em 0;
width: auto;
}
#template .CodeMirror,
#template textarea {
width: 100%;
}
#templateside ul ul {
padding-left: 1.5em;
}
[role="treeitem"] .folder-label {
display: block;
padding: 5px;
}
.tree-folder > li::before,
.tree-folder > li::after,
.tree-folder .tree-folder::after {
left: -8px;
}
.tree-folder > li::before {
top: 0;
height: 13px;
}
.tree-folder > .current-file::before {
left: -5px;
top: 7px;
width: 4px;
}
.tree-folder > .current-file::after {
height: 9px;
left: -8px;
}
.wrap #templateside span.notice {
margin-left: -5px;
width: 100%;
}
.fileedit-sub .alignright {
float: left;
margin-top: 15px;
width: 100%;
text-align: left;
}
.fileedit-sub .alignright label {
display: block;
}
.fileedit-sub #theme,
.fileedit-sub #plugin {
margin-left: 0;
max-width: 70%;
}
.fileedit-sub input[type="submit"] {
margin-bottom: 0;
}
#documentation label[for="docs-list"] {
display: block;
}
#documentation select[name="docs-list"] {
margin-left: 0;
max-width: 60%;
}
#documentation input[type="button"] {
margin-bottom: 0;
}
#wpfooter {
display: none;
}
#comments-form .checkforspam {
display: none;
}
.edit-comment-author {
margin: 2px 0 0;
}
.filter-drawer .filter-group-feature input,
.filter-drawer .filter-group-feature label {
line-height: 2.1;
}
.filter-drawer .filter-group-feature label {
margin-left: 32px;
}
.wp-filter .button.drawer-toggle {
font-size: 13px;
line-height: 2;
height: 28px;
}
/* Fix help tab columns for smaller screens */
#screen-meta #contextual-help-wrap {
overflow: visible;
}
#screen-meta #contextual-help-back,
#screen-meta .contextual-help-sidebar {
display: none;
}
#screen-meta .contextual-help-tabs {
clear: both;
width: 100%;
float: none;
}
#screen-meta .contextual-help-tabs ul {
margin: 0 0 1em;
padding: 1em 0 0;
}
#screen-meta .contextual-help-tabs .active {
margin: 0;
}
#screen-meta .contextual-help-tabs-wrap {
clear: both;
max-width: 100%;
float: none;
}
#screen-meta,
#screen-meta-links {
margin-right: 10px;
}
#screen-meta-links {
margin-bottom: 20px; /* Add margins beneath links for better spacing between boxes and elements */
}
.wp-filter .search-form input[type="search"] {
font-size: 1rem;
}
.wp-filter .search-form.search-plugins {
/* This element is a flex item. */
min-width: 100%;
}
}
/* Smartphone */
@media screen and (max-width: 600px) {
/* 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;
}
.screen-reader-shortcut:focus {
top: 7px;
}
#wpbody {
padding-top: 46px;
}
/* Keep full-width boxes on Edit Post page from causing horizontal scroll */
div#post-body.metabox-holder.columns-1 {
overflow-x: hidden;
}
h1.nav-tab-wrapper,
.wrap h2.nav-tab-wrapper,
.nav-tab-wrapper {
border-bottom: 0;
}
h1 .nav-tab,
h2 .nav-tab,
h3 .nav-tab,
nav .nav-tab {
margin: 10px 10px 0 0;
border-bottom: 1px solid #c3c4c7;
}
.nav-tab-active:hover,
.nav-tab-active:focus,
.nav-tab-active:focus:active {
border-bottom: 1px solid #c3c4c7;
}
.wp-filter .search-form.search-plugins label {
width: 100%;
}
}
@media screen and (max-width: 480px) {
.metabox-prefs-container {
display: grid;
}
.metabox-prefs-container > * {
display: inline-block;
padding: 2px;
}
}
@media screen and (max-width: 320px) {
/* Prevent default center alignment and larger font for the Right Now widget when
the network dashboard is viewed on a small mobile device. */
#network_dashboard_right_now .subsubsub {
font-size: 14px;
text-align: left;
}
}
home/eliteafr/pmb/opac_css/styles/common/common.css 0000666 00000127744 15220751740 0016502 0 ustar 00 /* +--------------------------------------------------------------------------+
// ? 2002-2013 PMB Services / www.sigb.net pmb@sigb.net et contributeurs (voir www.sigb.net)
// +-------------------------------------------------+
// $Id: common.css,v 1.86.2.14 2016-11-21 15:55:37 vtouchard Exp $ */
/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/
/* ATTRIBUTS GENERAUX */
/* */
/* attributs generaux de la page */
/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/
* {
margin: 0px;
padding: 0px;
word-wrap: break-word;
}
body {
font-size : 12px;
}
.clear {
clear: both;
}
/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/
/* IFRAME */
/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/
/* -----------------------------------------------------*/
/* Panier */
/* -----------------------------------------------------*/
#resume_panier {
}
body.cart_info_body {
background-color : transparent;
}
#iframe_resume_panier {
width:100%;
height:35px;
border:none;
}
#cart_action {
margin-bottom: 20px;
}
/* -----------------------------------------------------*/
/* Tris */
/* -----------------------------------------------------*/
#frame_notice_preview {
border: 2px solid #777799;
z-Index: 9001;
position: absolute;
background-color: #f8f8f8;
width:800px;
height:600px;
}
/* -----------------------------------------------------*/
/* Authentification */
/* -----------------------------------------------------*/
#frame_auth_popup {
width:250px;
height:200px;
}
/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/
/* Contenu du Bandeau */
/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/
/* -----------------------------------------------------*/
/* Accueil */
/* -----------------------------------------------------*/
/* -----------------------------------------------------*/
/* Connexion */
/* -----------------------------------------------------*/
/* ---------------Input---------------*/
#login_form input.bouton {
text-transform: uppercase;
text-align: center;
}
input[type="password"].password {
margin-right:10px;
}
/* -----------------------------------------------------*/
/* Adresse */
/* -----------------------------------------------------*/
#adresse {
}
/* -----------------------------------------------------*/
/* biblio_post_adress */
/* -----------------------------------------------------*/
#post_adress {
}
/* -----------------------------------------------------*/
/* facettes */
/* -----------------------------------------------------*/
#facette table td:first-child {
width: 16px;
}
#facette table#active_facette td:first-child {
width: 90%;
}
/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/
/* Contenu du Main */
/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/
/* -----------------------------------------------------*/
/* Navigator */
/* -----------------------------------------------------*/
.empty {
visibility: hidden !important;
height: 0px !important;
margin: 0px !important;
padding: 0px !important;
}
/* -----------------------------------------------------*/
/* Search */
/* -----------------------------------------------------*/
#search p.p1 {
margin-bottom: 5px;
}
#search_crl {
clear: left;
}
#search form select {
margin-right: 10px;
}
#search input.text_query {
width: 60%;
}
#simple_search_zone {
margin-top: 10px;
}
#zsimples {
border-bottom: none !important;
padding-bottom: 0px;
}
#zsimplesChild {
width: auto !important;
}
/*----Recherche multi-criteres----*/
.ext_search_txt {
width: 260px;
}
#external_simple_search_zone {
margin-top: 15px;
}
/*------Recherche par termes------*/
.colonne_suite a, .colonne2 a {
font-size: 12px;
}
/*-------Recherche externe-------*/
#search .row form .row span {
padding-top: 5px;
}
/*-----Resultats de recherche-----*/
#search_result {
margin-bottom: 20px;
}
#resultatrech h3 span {
font-size: 13px;
}
#resultatrech h3 img {
vertical-align: middle;
}
#resultatrech_liste blockquote {
margin-top: 20px;
margin-left: 0px;
padding-left: 0;
border-left: 0px;
line-height: normal;
font-style: normal;
}
/* -----------------------------------------------------*/
/* Liste periodiques */
/* -----------------------------------------------------*/
#perio_a2z_search {
width: 50%;
}
#perio_a2z .onglets_isbd_public {
padding-bottom: 0px;
}
table.a2z_contens {
margin-top: 10px;
}
table.a2z_contens .a2z_perio_list {
height: 300px;
overflow-x: hidden;
overflow-y: scroll;
}
table.a2z_perio_list {
width: 200px;
}
#a2z_perio b .header_title {
font-size: 16px;
text-transform: uppercase;
}
#a2z_perio .notice-child h3 span {
padding-left: 0px;
}
#a2z_perio .navbar {
margin-top: 10px;
}
input#a2z_abt_actif {
vertical-align: middle;
margin-left: 2px;
margin-right: 2px;
}
.perio_title {
margin-left: 4px;
}
/* -----------------------------------------------------*/
/* Categories */
/* -----------------------------------------------------*/
#categories-container h2 {
font-size: 13px;
}
#categories-container h2 img {
margin-right: 3px;
}
#categories-container li:after {
content: " - ";
}
#aut_see {
margin-top: 10px;
margin-bottom: 15px;
}
#aut_see table {
width: 93%;
}
#aut_details_liste {
margin-top: 20px;
}
/* -----------------------------------------------------*/
/* Localisations */
/* -----------------------------------------------------*/
#location-container table tr td a b {
font-weight: normal;
font-size: 14px;
}
.loc_comment {
margin-bottom: 10px;
}
/* -----------------------------------------------------*/
/* Dernieres Acquisitions */
/* -----------------------------------------------------*/
#last_entries {
}
/* -----------------------------------------------------*/
/* Etageres */
/* -----------------------------------------------------*/
#etagere-titre h1 {
font-size: 16px;
}
#etagere-comment h2 {
font-style: italic;
font-size: 15px;
text-align: right;
font-weight: normal;
}
#etagere-notice-list {
clear: left;
}
/* -----------------------------------------------------*/
/* Footer */
/* -----------------------------------------------------*/
#footer {
text-align: center;
}
/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/
/* Balises HTML de base */
/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/
a {
}
img {
border: none;
}
ul, ol {
list-style-position: inside;
}
input {
background-color: #ffffff;
}
select {
margin-top: 3px;
margin-bottom: 3px;
background-color: #ffffff;
}
textarea {
max-width: 100%;
background-color: #ffffff;
}
input[type=checkbox] {
border: none;
}
hr {
height: 1px;
margin-bottom: 5px;
}
.row {
clear: both;
border-bottom: none !important;
margin-bottom: 0px !important;
padding-bottom: 0px !important;
}
/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/
/* Menu */
/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/
#menuDeroulant, .cms_menu_deep0 {
}
#menuDeroulant li, .cms_menu_deep0 li {
display: block;
float: left;
position: relative;
}
/******************* sous-menu ********************/
#menuDeroulant .sousMenu, .cms_menu_deep1 {
display: none;
width: 150px;
position: absolute;
left: 0px;
top: 36px;
z-index: 1;
}
#menuDeroulant .sousMenu li, .cms_menu_deep1 li {
display: block;
width: 100%;
}
#menuDeroulant .sousMenu li a, .cms_menu_deep1 li a {
text-decoration: none;
}
#menuDeroulant .sousMenu li a:hover, .cms_menu_deep1 li a:hover, #menuDeroulant .sousMenu li a:focus, .cms_menu_deep1 li a:focus {
}
#menuDeroulant li:hover > .sousMenu, .cms_menu_deep0 li:hover > .cms_menu_deep1, #menuDeroulant li:focus > .sousMenu, .cms_menu_deep0 li:focus > .cms_menu_deep1 {
display: block;
}
/****************** sous-menu 2 *******************/
#menuDeroulant .sousMenu2, .cms_menu_deep2 {
display: none;
width: 150px;
position: absolute;
margin-left: 160px;
top: 0px;
z-index: 1;
}
#menuDeroulant li:hover > .sousMenu2, .cms_menu_deep1 li:hover > .cms_menu_deep2, #menuDeroulant li:focus > .sousMenu2, .cms_menu_deep1 li:focus > .cms_menu_deep2 {
display: block;
}
/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/
/* Tableaux */
/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/
table {
border-collapse: separate;
width: 100%;
clear: both;
}
th {
text-align: left;
padding-top: 1px;
padding-bottom: 1px;
padding-right: 1px;
padding-left: 1px;
}
td {
vertical-align: top;
}
/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/
/* Petit module de recherche */
/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/
.searchbox {
text-align: center;
}
.searchbox input[name="user_query"] {
width: 89%;
margin-bottom: 5px;
}
.searchbox .search_radio_button {
display: inline-block;
}
.searchbox .search_radio_button input {
margin-right: 5px;
}
/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/
/* Facettes */
/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/
#facette table th {
padding-top: 1px;
padding-bottom: 1px;
padding-left: 5px;
padding-right: 5px;
}
/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/
/* Page Inscription */
/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/
#subs_form table td h4 {
margin: 0px;
}
#subs_form table td input.subsform {
width: 195px;
}
/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/
/* Carrousel */
/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/
.bx-window ul li a img {
height: 160px;
background-repeat: no-repeat;
background-position: center center;
background-image: url("../../images/no_image.jpg");
}
/*next button*/
.bx-next {
z-index: 999;
width: 20px;
height: 20px;
background-image: url("../../images/images/next.png");
background-repeat: no-repeat;
background-position: 0 0px;
}
/*previous button*/
.bx-prev {
z-index:999;
width: 20px;
height: 20px;
background-image: url("../../images/images/prev.png");
background-repeat: no-repeat;
background-position: center center;
}
.bx-pager {
text-align: center;
}
.bx-pager a {
margin-right: 7px;
width: 13px;
height: 13px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
background-color: #cccccc;
text-indent: -9999px;
display: inline-block;
-moz-box-shadow: 0px 1px 2px #000000 inset;
-webkit-box-shadow: 0px 1px 2px #000000 inset;
box-shadow: 0px 1px 2px #000000 inset;
text-decoration: none;
}
.bx-pager a.pager-active {
background-color: #333333;
}
/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/
/* Carroussel bulletin */
/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/
.carroussel_bulletin {
text-align : center;
}
.carroussel_bulletin img {
border: none;
}
.carroussel_bulletin .active a {
cursor : pointer;
}
.carroussel_bulletin .current_bull_carroussel {
font-weight: bold;
}
/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/
/* Mise en forme de la fiche emprunteur */
/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/
#empr-all, #empr-late, #empr-old, #empr-resa, #empr-dsi, #empr-sugg,
#empr-list, #empr-dema {
margin-top: 25px;
}
#list_cadre {
border: none !important;
padding-top: 15px !important;
height: auto ! important;
clear: both;
}
#list_cadre img {
vertical-align: bottom;
}
.form_liste_lecture .form-contenu .row .colonne2 .row textarea {
max-width: 100%;
}
.form_liste_lecture h3 {
margin-top: 20px;
}
#fiche-empr h3 {
margin-bottom: 10px;
}
#inscrit_list {
padding-left: 5px;
padding-right: 5px;
padding-top: 2px;
padding-bottom: 2px;
}
#make_sugg-container table tr td {
padding-bottom: 5px;
}
/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/
/* Notices affichage */
/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/
.bg-grey {
padding-right: 0.2em;
width: 150px;
}
#resultatrech_liste tbody tr td table, #resultatrech_liste tbody {
padding-top:5px;
}
.notice-parent .notices_depliables {
cursor: pointer;
}
.notice-parent .img_plus {
margin-right: 5px;
max-width: 13px;
max-height: 13px;
}
.notice-parent span a img {
vertical-align: bottom;
}
.notice-child table table, #notice table table {
clear: both;
}
.notice-child table table td, #notice table table td {
padding-left: 2px;
padding-right: 2px;
padding-top: 1px;
padding-bottom: 1px;
}
#notice table div {
clear: both;
}
.notice-child h3, #notice h3, .parent h3 {
margin-top: 10px;
margin-left: 2px;
margin-bottom: 0px;
font-size: 16px;
}
#bt_resa {
margin-left: 3px;
}
.vignetteimg {
max-width: 140px;
max-height: 200px;
width: expression(this.width > 140 ? "140px" : true);
height: expression(this.height > 200 ? "200px" : true);
-moz-box-shadow: 1px 1px 5px #666666;
-webkit-box-shadow: 1px 1px 5px #666666;
box-shadow: 1px 1px 5px #666666;
}
.child {
margin-left: 25px;
padding-left: 4px;
padding-right: 4px;
text-align: justify;
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: #c0c0c0;
border-left-style: solid;
border-left-width: 1px;
border-left-color: #c0c0c0;
border-right-style: none;
border-top-style: none;
}
.liste_bulletins {
padding-left: 3px;
padding-right: 3px;
float: left;
width: 31%;
}
/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/
/* Onglets de l'affichage public/ISBD */
/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/
ul.onglets_isbd_public {
}
ul.onglets_isbd_public li img {
vertical-align: bottom;
}
/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/
/* Pop-up */
/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/
body.popup {
background-color: #ffffff;
margin-left: 10px;
margin-right: 10px;
margin-top: 10px;
margin-bottom: 10px;
padding-top: 15px;
padding-left: 25px;
padding-right: 25px;
padding-bottom: 15px;
}
#make_sugg {
}
#titre-popup {
}
form#f {
margin-left: 10px;
}
.echelle_avis {
padding: 7px;
}
.alerte {
color: #ff0000;
font-size: 14px;
}
#print_options {
margin-right: 10px;
margin-left: 10px;
margin-top: 10px;
margin-bottom: 20px;
}
#print_options b {
}
#print_options blockquote {
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
text-align: justify;
}
#print_options textarea {
margin-top: 5px;
max-width: 90%;
}
#help-container h2 {
font-size: 22px;
font-weight: bold;
margin-bottom: 10px;
margin-left: 10px;
margin-right: 10px;
padding-bottom: 3px;
}
#help-container p, #help-container ul {
margin-bottom: 10px;
margin-top: 0px;
margin-right: 10px;
margin-left: 10px;
}
/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/
/* Avis bb-code */
/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/
.quotebox blockquote{
margin: 0px!important;
display: block!important;
-webkit-margin-before: 1em!important;
-webkit-margin-after: 1em!important;
-webkit-margin-start: 40px!important;
-webkit-margin-end: 40px!important;
}
/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/
/* Liens Sociaux */
/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/
a.addthis_button_facebook_like iframe {
height: 20px !important;
width: 100px !important;
}
a.addthis_button_tweet iframe {
width: 85px !important;
}
a.addthis_button_compact {
padding-top: 2px;
}
/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/
/* Visionneuse */
/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/
#visionneuse #visionneuseIframe {
-moz-box-shadow: 0px 0px 5px #333333;
-webkit-box-shadow: 0px 0px 5px #333333;
box-shadow: 0px 0px 5px #333333;
overflow: hidden;
}
#next, #previous {
cursor: pointer;
}
#visionneuseBackground {
-moz-opacity: 0.5;
opacity: 0.5;
filter: alpha(opacity=50);
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index:9001;
background-color: #333333;
}
#visio_current_object {
padding: 1em;
margin-top: 1.4em;
text-align: center;
}
#visio_current_description {
text-align: left;
margin-top: 1em;
}
#visio_current_doc a {
cursor: pointer;
}
#visio_navigator {
height: 40px;
width: 100%;
margin-top: 0.8em;
}
.linkFullscreen {
position: absolute;
right: 2%;
bottom: 1%;
}
.close {
position: absolute;
right: 2%;
top: 0%;
}
#wait {
position: absolute;
top: 200px;
left: 50%;
margin-left: -16px;
}
#videojs {
margin: auto;
}
/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/
/* Galerie photo */
/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/
.notice-global-photo {
float: left;
min-height: 230px;
width: 280px;
margin: 4px;
padding: 4px;
vertical-align: bottom;
display: table-cell;
vertical-align: bottom;
}
.notice-global-nophoto {
float: left;
min-height: 230px;
width: 280px;
margin: 4px;
padding: 4px;
}
.notice-global-nophoto .child,
.notice-global-photo .child,
.notice-global-photo .notice-child {
text-align: justify;
margin: 0;
padding: 0;
border: none;
}
.notice-global-photo A IMG {
margin-top: 10px;
margin-bottom: 10px;
}
#form_values_block {
clear: both;
display: block;
}
/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/
/* Chargement de la page */
/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/
.chargement_en_cours {
background-color: #000000;
/*background-color: rgba(0, 0, 0, 0.5);*/
opacity:0.5;
filter : alpha(opacity=50);
height: 100%;
position: absolute;
width: 100%;
z-index: 10000;
top: 0px;
left: 0px;
}
.chargement_en_cours div {
top: 49%;
left: 50%;
position: absolute;
z-index: 10001;
background-repeat: no-repeat;
background-position: center center;
background-image:url('../../images/loader.gif');
height: 55px;
width: 55px;
}
/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/
/* tags */
/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/
a.TagF1 {
font-size:12px;
color:#000;
}
a.TagF2 {
font-size:14px;
color:#000;
}
a.TagF3 {
font-size:16px;
color:#000;
}
a.TagF4 {
font-size:18px;
color:#000;
}
.tagQuery{
color:#104DA0;
}
/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/
/* colonnes */
/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/
/* pour les mises en pages sur deux colonnes */
.colonne {
float: left;
}
.colonne2 {
width: 100%;
}
.colonne60 {
float: left;
width: 60%;
}
.colonne40 {
float: left;
width: 40%;
}
/* pour les mises en pages sur 4 colonnes */
.colonne4 {
float: left;
width: 25%;
}
/* pour les mises en pages sur 5 colonnes */
.colonne5 {
float: left;
width: 20%;
}
/* pour les mises en pages sur 3 colonnes */
.colonne3 {
float: left;
width: 33%;
}
/* autres colonnes */
.colonne10 {
float: left;
width: 10%;
}
.colonne80 {
float: left;
width: 80%;
}
.content {
position: relative;
padding: 10px;
width: 100%;
}
.content .padder {
height: 200px;
}
div.tabs {
font-size: 14px;
line-height: 16px;
position: absolute;
top: 20px;
left: 50px;
z-index: 1000;
}
.tab {
padding: 3px;
z-index: 100;
}
.tabHover {
z-index: 1200;
}
.tabActive {
padding: 3px;
z-index: 10000;
}
#viewsrc{
width: 130px;
margin: 5px;
}
.child_tab {
margin-left: 30px;
}
/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/
/* MODIFICATIONS POUR L'IMRPESSION */
/* */
/* pour l'impression, masquage de tags */
/* necessite necessite @media screen sur #main (uniquement racine) */
/* necessite necessite @media screen sur #container (uniquement racine) */
/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/
@media print {
#all_footer,
#bandeau,
#navigator,
#intro .p1,
#intro .p2,
#footer {
display: none;
}
#main #search_crl {
clear: both;
}
}
/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/
/* CLASSES GENERIQUES */
/* divers pour les affichages simples de texte */
/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/
.right-50 {
width: 50%;
}
.right-15 {
width: 15%;
}
.right-85 {
width: 85%;
}
.right-clear-right, .right-50-clear-right {
float: right;
clear: right;
}
.left-clear-left, .left-50-clear-left {
float: left;
clear: left;
}
.left, .left-50, .left-15 {
float: left;
}
.left-50 {
width: 50%;
}
.left-15 {
width: 15%;
}
.left-85 {
width: 85%;
}
.spacer {
clear: both;
visibility: hidden;
display: none;
margin-bottom: -10px;
margin-top: -10px;
}
/* Bannettes */
.bannette {
padding: 5px;
}
.bannette-container {
margin-bottom: 20px;
}
/*Suggestion Multiple*/
.tab_sug {
table-layout: fixed;
}
.tab_sug th, .tab_sug td {
border:1px solid #CCCCCC;
border-collapse:collapse;
overflow:hidden;
vertical-align: middle;
text-align: center;
width: 100%;
}
.tab_sug input, .tab_sug textarea {
width:95%;
height:100%;
}
.tab_sug select{
width:95%;
}
.erreur_saisie {
background-color: #ff0000;
}
.categmouseout {
position: absolute;
visibility:hidden;
z-index: 2000;
}
.categmouseover {
position: absolute;
visibility:visible;
z-index: 2000;
margin-top: 2px;
}
.listedescription {
background-color: #ffffff;
position: absolute;
visibility:hidden;
z-index: 2000;
}
#aut_details_container table img {
margin-right: 2px;
vertical-align: baseline;
}
#history_action {
margin-bottom: 15px;
}
.cms_drag {
/*outline: 2px solid red;*/
/*box-shadow:inset 0px 0px 0px 5px rgba(255,0,0,0.5);*/
cursor: move;
z-index: 1999;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
border: solid 10px #F77777 !important;
}
.etiq_champ {
font-weight:bold;
}
.vignetteimg_simili {
height: 95px;
max-width: 110px;
background-repeat: no-repeat;
background-image: url("../../images/no_image.jpg");
background-size: 95px auto;
}
/*
Portfolio
*/
.document_item {
text-align: center;
height:200px;
width:200px;
line-height:200px;
float:left;
margin: 5px;
padding : 5px;
position:relative;
padding: 4px;
border: 5px solid #FFFFFF;
background: #F5F5F5;
border-radius: 2px;
box-shadow: 0 1px 3px rgba(0,0,0,.05),
0 0 0px 1px #e5e5e5;
}
.document_item_selected {
background-color: #ffe;
}
.document_item_content {
line-height:1.2;
display:inline-block;
vertical-align:middle;
word-break : break-all;
clear:both;
}
.dropTarget {
height:100px;
width:97%;
overflow:hidden;
line-height:100px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
border: 1px solid #ccc;
background-color: #ddd;
float :left;
}
.targetActive {
-moz-box-shadow: 0 0 15px #006666;
-webkit-box-shadow: 0 0 15px #006666;
box-shadow: 0 0 15px #006666;
}
.document_item .document_checkbox{
position:absolute;
width:100%;
text-align:center;
overflow:hidden;
top : 100px;
}
/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/
/* FAQ */
/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/
#main_hors_footer .faq div.bg-grey, .faq div.bg-grey {
width: auto;
margin-bottom : 5px;
padding : 5px;
cursor: pointer;
}
#main_hors_footer .faq div.faq_child, .faq div.faq_child {
border-left : 1px solid;
border-bottom : 1px solid;
padding : 5px;
margin-bottom : 10px;
}
#main_hors_footer .faq_filters div.faq_user_query_filter input, .faq_filters div.faq_user_query_filter input{
width : 80%;
}
/*
Facette FAQ
*/
#facette .faq_filters_allowed table td:first-child {
width:auto;
}
/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/
/* Notes Dialogue */
/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/
*{
margin:0px;
padding:0px;
}
#dialog_wrapper {
width:100%;
height:350px;
overflow:auto;
padding-right:15px;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: 14px;
}
.note_gest p{
color:#fff;
}
.note_opac p{
color:#fff;
}
.note_gest{
background: rgb(104,196,127);
background: -moz-linear-gradient(top, rgba(104,196,127,1) 0%, rgba(82,192,115,1) 30%, rgba(67,167,115,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(104,196,127,1)), color-stop(30%,rgba(82,192,115,1)), color-stop(100%,rgba(67,167,115,1)));
background: -webkit-linear-gradient(top, rgba(104,196,127,1) 0%,rgba(82,192,115,1) 30%,rgba(67,167,115,1) 100%);
background: -o-linear-gradient(top, rgba(104,196,127,1) 0%,rgba(82,192,115,1) 30%,rgba(67,167,115,1) 100%);
background: -ms-linear-gradient(top, rgba(104,196,127,1) 0%,rgba(82,192,115,1) 30%,rgba(67,167,115,1) 100%);
background: linear-gradient(to bottom, rgba(104,196,127,1) 0%,rgba(82,192,115,1) 30%,rgba(67,167,115,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#68c47f', endColorstr='#43a773',GradientType=0 );
max-width: 69%;
padding: 10px 10px 0px 15px;
border-radius: 0px 18px 18px 18px;
border: solid 1px rgb(60, 153, 89);
box-shadow: 2px 2px 2px 0px rgb(39, 102, 59);
margin: 5px 0px 15px;
position:relative;
text-align:right;
}
.note_opac {
background: rgb(104,168,196);
background: -moz-linear-gradient(top, rgba(104,168,196,1) 0%, rgba(82,154,192,1) 30%, rgba(67,114,167,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(104,168,196,1)), color-stop(30%,rgba(82,154,192,1)), color-stop(100%,rgba(67,114,167,1)));
background: -webkit-linear-gradient(top, rgba(104,168,196,1) 0%,rgba(82,154,192,1) 30%,rgba(67,114,167,1) 100%);
background: -o-linear-gradient(top, rgba(104,168,196,1) 0%,rgba(82,154,192,1) 30%,rgba(67,114,167,1) 100%);
background: -ms-linear-gradient(top, rgba(104,168,196,1) 0%,rgba(82,154,192,1) 30%,rgba(67,114,167,1) 100%);
background: linear-gradient(to bottom, rgba(104,168,196,1) 0%,rgba(82,154,192,1) 30%,rgba(67,114,167,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#68a8c4', endColorstr='#4372a7',GradientType=0 );
max-width: 69%;
padding: 10px 10px 0px 15px;
border-radius: 18px 0px 18px 18px;
border: solid 1px rgb(74, 117, 167);
box-shadow: -2px 2px 2px 0px #355B88;
margin: 5px 0px 15px 30%;
position:relative;
}
.entete_note{
margin-bottom:5px;
}
.entete_note {
margin-bottom: 4px;
color: #26364D;
font-weight: 700;
}
#dialog_wrapper input[type="image"]{
height:16px;
width:16px;
border:none;
}
.btn_note {
position:absolute;
top:0px;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: 8px;
}
.btn_note input[type="image"]{
box-shadow: 0px 0px 0px #734D2B inset;
}
.note_opac .btn_note {
right: 16px;
}
.note_gest .btn_note {
left: 16px;
}
form[name="modif_notes"] {
width:100%;
height:40%;
border: solid 1px rgb(74, 117, 167);
box-shadow: -2px 2px 2px 0px #355B88;
}
form[name="modif_notes"] textarea{
float:left;
margin-top:10px;
padding:0;
top:0px;
width:75%;
}
form[name="modif_notes"] input{
margin-top:10px;
}
/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/
/* Result compare */
/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/
#facette_wrapper img:hover {
cursor:pointer;
}
#facette_wrapper #facette_compare_not_clickable:hover {
cursor:default;
}
#compare_wrapper {
border-collapse: collapse;
text-align: center;
}
#compare_wrapper td, #compare_wrapper th{
padding:3px 2px 3px 5px;
line-height: 20px;
}
#compare_hearders th,#compare_hearders {
font-size: 14px;
text-align: center;
min-height: 30px;
}
tr#compare_hearders {
background-color: #fff;
}
#compare_hearders th {
background-color: #F5F5F5;
}
th.compare_hearder:nth-child(2){
border-radius: 10px 0px 0px 0px;
}
th.compare_hearder:last-child{
border-radius: 0px 10px 0px 0px;
}
#compare_wrapper tr.odd {
background-color: #F8F8F8;
border-top: solid 1px #E0E0E0;
}
#compare_wrapper tr.even {
background-color: #EEEEEE;
}
#compare_hearders th{
border-top: solid 0px #3C3C3C;
}
#compare_hearders th.first_collumn {
background-color: #fff;
border-top: none;
}
td.first_collumn {
text-align:left;
font-weight: 700;
}
td.first_collumn img {
margin-right:4px;
}
#compare_wrapper tr.compare_hidden_line, #compare_wrapper tr.compare_line_toggled{
background-color: #FCFCFC;
border: solid 1px #D1D1D1;
}
.compare_line_toggled td {
}
.compare_line_toggled td {
background-color:#fff;
border-bottom: none;
}
.compare_hidden_element{
padding:2px;
text-align: left;
}
.compare_hidden_element a:hover {
cursor:pointer;
}
#compare_body {
}
.first_collumn {
}
.compare_hearder {
}
.compare_line {
}
.compare_element {
}
.popup_preview {
position:absolute;
z-index:2000;
background-color:#fff;
border:1px solid black;
padding:10px;
box-shadow:0px 0px 0px 999px rgba(0,0,0,0.30);
}
.popup_preview .vignetteimg{
margin-top:20px;
}
.popup_preview_close {
position:absolute;
top:0;
right:10px;
width:auto;
height: auto;
text-align: center;
font-size:18px;
background-color:#F96265;
color:#fff;
padding:3px;
}
.popup_preview_close:hover {
cursor:pointer;
}
.vignette_doc_num {
position: relative;
}
.docnum_statutnot1 {
}
.docnum_statutnot2 {
position: absolute;
top: -10px;
background-color: #BB0000;
}
.docnum_statutnot3 {
position: absolute;
top: -10px;
background-color: #00BB00;
}
.docnum_statutnot4 {
position: absolute;
top: -10px;
background-color: #0000BB;
}
.docnum_statutnot5 {
position: absolute;
top: -10px;
background-color: #D0686F;
}
.docnum_statutnot6 {
position: absolute;
top: -10px;
background-color: #A6DCDC;
}
.docnum_statutnot7 {
position: absolute;
top: -10px;
background-color: #816492;
}
.docnum_statutnot8 {
position: absolute;
top: -10px;
background-color: #BCB964;
}
.docnum_statutnot9 {
position: absolute;
top: -10px;
background-color: #6C75AC;
}
.docnum_statutnot10 {
position: absolute;
top: -10px;
background-color: #FFC587;}
.docnum_statutnot11 {
position: absolute;
top: -10px;
background-color: #70C173;
}
.docnum_statutnot12 {
position: absolute;
top: -10px;
background-color: #660000;
}
.docnum_statutnot13 {
position: absolute;
top: -10px;
background-color: #006600;
}
.docnum_statutnot14 {
position: absolute;
top: -10px;
background-color: #000066;
}
.docnum_statutnot15 {
position: absolute;
top: -10px;
background-color: #80181F;
}
.docnum_statutnot16 {
position: absolute;
top: -10px;
background-color: #668C8C;
}
.docnum_statutnot17 {
position: absolute;
top: -10px;
background-color: #311442;
}
.docnum_statutnot18 {
position: absolute;
top: -10px;
background-color: #7C7914;
}
.docnum_statutnot19 {
position: absolute;
top: -10px;
background-color: #2C356C;
}
.docnum_statutnot20 {
position: absolute;
top: -10px;
background-color: #BF8547;
}
/* ---------------------------------------------------------------------------*/
/* Affichage rss aut */
/* ---------------------------------------------------------------------------*/
#main_rss_item #aut_see>table{
width: 100%;
}
.rss_section{
}
.rss_articles{
width: auto;
background-color: #fff;
float: none;
height: auto;
margin: 0px 0px 10px 0px;
list-style: none;
border: solid 1px #bbb;
font-size: 1.2em;
line-height: 20px;
position: relative;
padding: 0px 15px 17px 15px;
}
.rss_articles p{
width: auto;
float: none;
margin: 0px;
font-size: 1.2em;
line-height: normal;
padding: 7px 17px;
}
.rss_descriptions{
height: auto;
text-align: justify;
background-color: transparent;
max-width: 100%;
overflow: hidden;
position: static;
}
.rss_articles img{
display:block;
border: solid 2px #A5A5A5;
float: left;
margin: 0px 20px 0px 0px;
max-width: 200px;
left: 17px;
max-height: 170px;
}
.rss_articles:after{
content:"";
display:block;
clear:both;
}
#main_rss_item #aut_see {
}
#dialog_wrapper input[type="image"]{
height:16px;
width:16px;
border:none;
display: inline;
padding: 0px;
margin: 10px 5px 0px 0px;
}
#dialog_wrapper a[href^="javascript"]{
display: inline-block;
margin-top: 10px;
padding: 0px;
vertical-align: top;
}
#script_analytics {
width:100%;
}
#script_analytics_content {
text-align:center;
padding:10px;
font-size:16px;
color: white;
background-color: black;
}
/* ---------------------------------------------------------------------------*/
/* Affichage accessibilitee */
/* ---------------------------------------------------------------------------*/
#accessibility {
display: inline-block;
}
.accessibility_font_size li {
float: left;
display: block;
padding-left:5px;
}
.accessibility_font_size_small {
font-size : 0.9em;
}
.accessibility_font_size_normal {
font-size : 1em;
}
.accessibility_font_size_big {
font-size : 1.1em;
}
/* ---------------------------------------------------------------------------*/
/* selecteur de mode d affichage */
/* ---------------------------------------------------------------------------*/
.mode_selector_list li{
list-style-type: none;
display: inline;
}
.mode_selector_list li img{
border: 1px solid #ececec;
padding: 5px;
margin-right: 5px;
border-radius: 3px;
width: 20px;
}
.mode_selector_list .mode_selector_selected img{
background-color: #f1f1f1;
}
.mode_selector{
cursor: pointer;
}
/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/
/* Avis - choix sous forme d'etoiles */
/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/
.echelle_avis_text:not(:checked) {
display: none;
}
.echelle_avis_stars {
position: relative;
font-size: medium;
top: 2px;
}
.echelle_avis_star:not(:checked) {
font-size: 0.1px; /*0px bug sous IE*/
}
.echelle_avis_star:not(:checked) input {
position: absolute;
top: 0;
opacity: 0;
width: 16px;
height: 16px;
margin: 0;
padding: 0;
font-size: 0;
border-radius: 0;
display: inline-block;
cursor: pointer;
}
.echelle_avis_star:not(:checked) label {
width: 16px;
height: 16px;
margin: 0;
padding: 0;
display: inline-block;
background: url('../../images/star_rating.png') no-repeat -16px 0;
}
.echelle_avis_star input:checked + label {
background-position: -16px 0;
}
.echelle_avis_star input:checked + label ~ label {
background-position: 0;
}
.echelle_avis_star:hover label {
background-position: -16px 0 !important;
}
.echelle_avis_star input[type='radio']:hover + label ~ label {
background-position: 0 !important;
}
/*input panier
---------------------------------------------------------------------------*/
input.checkboxNot {
float: left;
}
/* ---------------------------------------------------------------------------*/
/* avis */
/* ---------------------------------------------------------------------------*/
.avis_creator{
color: #6c6c6c;
display: inline-block;
padding: 5px 0px;
}
.avis_display{
padding: 10px 0px;
line-height: 20px;
}
.avis_display_header{
padding: 2px 0px;
}
#notice .avis_detail,
#notice .avis-parent>span>h3{
border-bottom:1px solid #e5e5e5;
padding-bottom:7px;
}
.avis_form_edit{
padding: 15px;
background: #fafafa;
color: #666;
border: 1px solid #e5e5e5;
border-radius: 4px;
}
.avis_form_edit_content{
margin: 7px 0px;
}
.avis_form_edit_content textarea{
width:90%
}
/* ---------------------------------------------------------------------------*/
/* Liste de lecture */
/* ---------------------------------------------------------------------------*/
.liste_tag{
font-size: 1.12em;
padding: 5px 0px;
margin: 10px 0px;
display: block;
border-bottom: solid 1px rgb(233, 233, 233);
font-weight: 500;
}
/* ---------------------------------------------------------------------------*/
/* Partie construire drag and drop */
/* ---------------------------------------------------------------------------*/
/*
.cms_drag:after,
.cms_drag:before {
content: " ";
display: block;
clear: both;
}
*/
/* Calendrier */
.dijitReset.dijitCalendarMonthContainer {
text-align: center;
padding: 4px;
}
.dijitReset.dijitCalendarDecrementArrow {
float: left;
}
.dijitReset.dijitCalendarIncrementArrow {
float: right;
} home/eliteafr/www/wp-content/plugins/elementor/assets/css/common.css 0000666 00000063611 15220760224 0021773 0 ustar 00 /*! elementor - v3.26.0 - 07-01-2025 */
.elementor-hidden {
display: none;
}
.elementor-visibility-hidden {
visibility: hidden;
}
.elementor-screen-only,
.screen-reader-text,
.screen-reader-text span,
.ui-helper-hidden-accessible {
position: absolute;
top: -10000em;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.elementor-clearfix:after {
content: "";
display: block;
clear: both;
width: 0;
height: 0;
}
.e-logo-wrapper {
background: var(--e-a-bg-logo);
display: inline-block;
padding: 0.75em;
border-radius: 50%;
line-height: 1;
}
.e-logo-wrapper i {
color: var(--e-a-color-logo);
font-size: 1em;
}
.dialog-widget-content {
background-color: var(--e-a-bg-default);
position: absolute;
border-radius: 3px;
box-shadow: 2px 8px 23px 3px rgba(0, 0, 0, 0.2);
overflow: hidden;
}
.dialog-message {
line-height: 1.5;
box-sizing: border-box;
}
.dialog-close-button {
cursor: pointer;
position: absolute;
margin-block-start: 15px;
inset-inline-end: 15px;
color: var(--e-a-color-txt);
font-size: 15px;
line-height: 1;
transition: var(--e-a-transition-hover);
}
.dialog-close-button:hover {
color: var(--e-a-color-txt-hover);
}
.dialog-prevent-scroll {
overflow: hidden;
max-height: 100vh;
}
.dialog-type-lightbox {
position: fixed;
height: 100%;
width: 100%;
bottom: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.8);
z-index: 9999;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.elementor-editor-active .elementor-popup-modal {
background-color: initial;
}
.dialog-type-confirm .dialog-widget-content,
.dialog-type-alert .dialog-widget-content {
margin: auto;
width: 400px;
padding: 20px;
}
.dialog-type-confirm .dialog-header,
.dialog-type-alert .dialog-header {
font-size: 15px;
font-weight: 500;
}
.dialog-type-confirm .dialog-header:after,
.dialog-type-alert .dialog-header:after {
content: "";
display: block;
border-block-end: var(--e-a-border);
padding-block-end: 10px;
margin-block-end: 10px;
margin-inline-start: -20px;
margin-inline-end: -20px;
}
.dialog-type-confirm .dialog-message,
.dialog-type-alert .dialog-message {
min-height: 50px;
}
.dialog-type-confirm .dialog-buttons-wrapper,
.dialog-type-alert .dialog-buttons-wrapper {
padding-block-start: 10px;
display: flex;
justify-content: flex-end;
gap: 15px;
}
.dialog-type-confirm .dialog-buttons-wrapper .dialog-button,
.dialog-type-alert .dialog-buttons-wrapper .dialog-button {
font-size: 12px;
font-weight: 500;
line-height: 1.2;
padding: 8px 16px;
outline: none;
border: none;
border-radius: var(--e-a-border-radius);
background-color: var(--e-a-btn-bg);
color: var(--e-a-btn-color-invert);
transition: var(--e-a-transition-hover);
}
.dialog-type-confirm .dialog-buttons-wrapper .dialog-button:hover,
.dialog-type-alert .dialog-buttons-wrapper .dialog-button:hover {
border: none;
}
.dialog-type-confirm .dialog-buttons-wrapper .dialog-button:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button:focus,
.dialog-type-alert .dialog-buttons-wrapper .dialog-button:hover,
.dialog-type-alert .dialog-buttons-wrapper .dialog-button:focus {
background-color: var(--e-a-btn-bg-hover);
color: var(--e-a-btn-color-invert);
}
.dialog-type-confirm .dialog-buttons-wrapper .dialog-button:active,
.dialog-type-alert .dialog-buttons-wrapper .dialog-button:active {
background-color: var(--e-a-btn-bg-active);
}
.dialog-type-confirm .dialog-buttons-wrapper .dialog-button:not([disabled]),
.dialog-type-alert .dialog-buttons-wrapper .dialog-button:not([disabled]) {
cursor: pointer;
}
.dialog-type-confirm .dialog-buttons-wrapper .dialog-button:disabled,
.dialog-type-alert .dialog-buttons-wrapper .dialog-button:disabled {
background-color: var(--e-a-btn-bg-disabled);
color: var(--e-a-btn-color-disabled);
}
.dialog-type-confirm .dialog-buttons-wrapper .dialog-button:not(.elementor-button-state) .elementor-state-icon,
.dialog-type-alert .dialog-buttons-wrapper .dialog-button:not(.elementor-button-state) .elementor-state-icon {
display: none;
}
.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-btn-txt, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-cancel,
.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt,
.dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-cancel {
background: transparent;
color: var(--e-a-color-txt);
}
.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-btn-txt:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-cancel:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-btn-txt:focus, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-cancel:focus,
.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt:hover,
.dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-cancel:hover,
.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt:focus,
.dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-cancel:focus {
background: var(--e-a-bg-hover);
color: var(--e-a-color-txt-hover);
}
.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-btn-txt:disabled, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-cancel:disabled,
.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt:disabled,
.dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-cancel:disabled {
background: transparent;
color: var(--e-a-color-txt-disabled);
}
.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-btn-txt-border,
.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt-border {
border: 1px solid var(--e-a-color-txt-muted);
}
.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-success, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-success,
.dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-success,
.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-success {
background-color: var(--e-a-btn-bg-success);
}
.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-success:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-success:focus, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-success:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-success:focus,
.dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-success:hover,
.dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-success:focus,
.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-success:hover,
.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-success:focus {
background-color: var(--e-a-btn-bg-success-hover);
}
.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-primary, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-take_over, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-ok,
.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary,
.dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-take_over,
.dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-ok {
background-color: var(--e-a-btn-bg-primary);
color: var(--e-a-btn-color);
}
.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-primary:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-take_over:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-ok:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-primary:focus, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-take_over:focus, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-ok:focus,
.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary:hover,
.dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-take_over:hover,
.dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-ok:hover,
.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary:focus,
.dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-take_over:focus,
.dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-ok:focus {
background-color: var(--e-a-btn-bg-primary-hover);
color: var(--e-a-btn-color);
}
.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-primary.e-btn-txt, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-take_over, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-primary.dialog-cancel, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-cancel.dialog-take_over, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-ok, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-ok.dialog-cancel,
.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary.e-btn-txt,
.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-take_over,
.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary.dialog-cancel,
.dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-cancel.dialog-take_over,
.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-ok,
.dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-ok.dialog-cancel {
background: transparent;
color: var(--e-a-color-primary-bold);
}
.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-primary.e-btn-txt:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-take_over:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-primary.dialog-cancel:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-cancel.dialog-take_over:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-ok:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-ok.dialog-cancel:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-primary.e-btn-txt:focus, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-take_over:focus, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-primary.dialog-cancel:focus, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-cancel.dialog-take_over:focus, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-ok:focus, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-ok.dialog-cancel:focus,
.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary.e-btn-txt:hover,
.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-take_over:hover,
.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary.dialog-cancel:hover,
.dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-cancel.dialog-take_over:hover,
.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-ok:hover,
.dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-ok.dialog-cancel:hover,
.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary.e-btn-txt:focus,
.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-take_over:focus,
.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary.dialog-cancel:focus,
.dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-cancel.dialog-take_over:focus,
.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-ok:focus,
.dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-ok.dialog-cancel:focus {
background: var(--e-a-bg-primary);
}
.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.go-pro, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-accent,
.dialog-type-alert .dialog-buttons-wrapper .dialog-button.go-pro,
.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-accent {
background-color: var(--e-a-btn-bg-accent);
}
.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.go-pro:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.go-pro:focus, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-accent:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-accent:focus,
.dialog-type-alert .dialog-buttons-wrapper .dialog-button.go-pro:hover,
.dialog-type-alert .dialog-buttons-wrapper .dialog-button.go-pro:focus,
.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-accent:hover,
.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-accent:focus {
background-color: var(--e-a-btn-bg-accent-hover);
}
.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.go-pro:active, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-accent:active,
.dialog-type-alert .dialog-buttons-wrapper .dialog-button.go-pro:active,
.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-accent:active {
background-color: var(--e-a-btn-bg-accent-active);
}
.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-info, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-info,
.dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-info,
.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-info {
background-color: var(--e-a-btn-bg-info);
}
.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-info:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-info:focus, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-info:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-info:focus,
.dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-info:hover,
.dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-info:focus,
.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-info:hover,
.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-info:focus {
background-color: var(--e-a-btn-bg-info-hover);
}
.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-warning, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-warning,
.dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-warning,
.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-warning {
background-color: var(--e-a-btn-bg-warning);
}
.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-warning:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-warning:focus, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-warning:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-warning:focus,
.dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-warning:hover,
.dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-warning:focus,
.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-warning:hover,
.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-warning:focus {
background-color: var(--e-a-btn-bg-warning-hover);
}
.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-danger, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-danger,
.dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-danger,
.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-danger {
background-color: var(--e-a-btn-bg-danger);
}
.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-danger:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-danger:focus, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-danger:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-danger:focus,
.dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-danger:hover,
.dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-danger:focus,
.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-danger:hover,
.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-danger:focus {
background-color: var(--e-a-btn-bg-danger-hover);
}
.dialog-type-confirm .dialog-buttons-wrapper .dialog-button i,
.dialog-type-alert .dialog-buttons-wrapper .dialog-button i {
margin-inline-end: 5px;
}
.dialog-type-confirm .dialog-buttons-wrapper .dialog-button:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button:focus, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button:visited,
.dialog-type-alert .dialog-buttons-wrapper .dialog-button:hover,
.dialog-type-alert .dialog-buttons-wrapper .dialog-button:focus,
.dialog-type-alert .dialog-buttons-wrapper .dialog-button:visited {
color: initial;
}
#elementor-change-exit-preference-dialog .dialog-message a {
cursor: pointer;
}
#elementor-change-exit-preference-dialog .dialog-message > div {
margin-block-end: 10px;
}
#e-experiments-messages-dialog .dialog-confirm-header {
font-weight: 600;
}
#e-kit-elements-defaults-create-dialog label {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
margin-block-start: 20px;
}
@media (min-width: 1024px) {
body.admin-bar .dialog-lightbox-widget {
height: calc(100vh - 32px);
}
}
@media (max-width: 1024px) {
body.admin-bar .dialog-type-lightbox {
position: sticky;
height: 100vh;
}
}
.elementor-templates-modal .dialog-widget-content {
font-family: Roboto, Arial, Helvetica, sans-serif;
background-color: var(--e-a-bg-default);
width: 100%;
}
@media (max-width: 1439px) {
.elementor-templates-modal .dialog-widget-content {
max-width: 990px;
}
}
@media (min-width: 1440px) {
.elementor-templates-modal .dialog-widget-content {
max-width: 1200px;
}
}
.elementor-templates-modal .dialog-header {
border-block-end: var(--e-a-border);
padding: 0;
z-index: 1;
}
.elementor-templates-modal .dialog-buttons-wrapper {
border-block-start: var(--e-a-border);
padding: 10px;
display: flex;
justify-content: flex-end;
gap: 15px;
}
.elementor-templates-modal .dialog-message {
height: 750px;
max-height: 85vh;
overflow-y: auto;
padding: 20px;
}
.elementor-templates-modal .dialog-content {
height: 100%;
text-align: center;
}
.elementor-templates-modal .dialog-loading {
display: none;
}
.elementor-templates-modal__header {
display: flex;
align-items: center;
justify-content: space-between;
height: 50px;
}
.elementor-templates-modal__header__logo {
line-height: 1;
text-transform: uppercase;
font-weight: bold;
cursor: pointer;
}
.elementor-templates-modal__header__logo-area {
text-align: start;
padding-inline-start: 15px;
}
.elementor-templates-modal__header__logo-area > * {
display: flex;
align-items: center;
}
.elementor-templates-modal__header__logo__icon-wrapper {
margin-inline-end: 10px;
font-size: 12px;
}
.elementor-templates-modal__header__logo__title {
color: var(--e-a-color-txt-active);
padding-block-start: 2px;
}
.elementor-templates-modal__header__items-area {
display: flex;
flex-direction: row-reverse;
}
.elementor-templates-modal__header__item {
position: relative;
display: flex;
align-items: center;
justify-content: center;
box-sizing: content-box;
}
.elementor-templates-modal__header__item > i {
font-size: 20px;
transition: var(--e-a-transition-hover);
cursor: pointer;
}
.elementor-templates-modal__header__item > i:hover {
color: var(--e-a-color-txt-hover);
}
.elementor-templates-modal__header__close--normal {
width: 47px;
border-inline-start: var(--e-a-border);
}
.elementor-templates-modal__header__close--normal i {
font-size: 18px;
}
.elementor-templates-modal__header__close--skip {
padding: 10px;
padding-inline-start: 20px;
margin-inline-end: 10px;
font-size: 11px;
font-weight: normal;
line-height: 1;
border-radius: var(--e-a-border-radius);
cursor: pointer;
}
.elementor-templates-modal__header__close--skip > i {
font-size: inherit;
padding-inline-start: 10px;
margin-inline-start: 15px;
border-inline-start: 1px solid;
}
.elementor-templates-modal__header__close--skip > i:not(:hover) {
color: var(--e-a-color-white);
}
.elementor-templates-modal__sidebar {
flex-shrink: 0;
width: 25%;
border-inline-end: var(--e-a-border);
}
.elementor-templates-modal__content {
flex-grow: 1;
}
#elementor-toast {
position: absolute;
width: 280px;
padding: 20px;
border-radius: 5px;
color: var(--e-a-dark-color-txt);
background-color: rgba(0, 0, 0, 0.8);
z-index: 10000;
}
#elementor-toast.dialog-position-window {
position: fixed;
}
#elementor-toast .dialog-message {
font-size: 13px;
}
#elementor-toast .dialog-buttons-wrapper {
display: flex;
justify-content: flex-end;
}
#elementor-toast .dialog-buttons-wrapper:not(:empty) {
margin-top: 15px;
}
#elementor-toast .dialog-button {
font-size: 12px;
font-weight: 500;
line-height: 1.2;
padding: 8px 16px;
margin-inline-end: 10px;
color: var(--e-a-dark-color-txt);
border-radius: var(--e-a-border-radius);
transition: var(--e-a-transition-hover);
cursor: pointer;
}
#elementor-toast .dialog-button:hover {
background: var(--e-a-bg-hover);
color: var(--e-a-color-txt-hover);
}
#elementor-toast .dialog-button:last-child {
margin-inline-end: 0;
}
/* Will select next element after last '.elementor-general-section' */
#wpadminbar #wp-admin-bar-elementor_edit_page .elementor-general-section + .elementor-second-section {
border-block-start: 1px solid #464b50;
margin-block-start: 6px;
}
.e-logo-wrapper {
background: var(--e-a-bg-logo);
display: inline-block;
padding: 0.75em;
border-radius: 50%;
line-height: 1;
}
.e-logo-wrapper i {
color: var(--e-a-color-logo);
font-size: 1em;
}
#elementor-finder__modal {
background: none;
z-index: 99999;
}
#elementor-finder__modal .dialog-widget-content {
width: 650px;
max-width: 98%;
top: 18vh;
left: calc(50% - 650px / 2);
}
#elementor-finder__modal .dialog-content {
text-align: start;
}
#elementor-finder__modal .dialog-message {
height: initial;
min-height: 0;
padding: 0;
text-align: start;
}
#elementor-finder__search {
padding: 15px;
display: flex;
}
#elementor-finder__search i {
font-size: 16px;
margin-inline-end: 15px;
}
#elementor-finder__search__input {
border: none;
background: none;
outline: none;
padding: 0;
margin: 0;
flex-grow: 1;
font-size: 14px;
box-shadow: none;
}
#elementor-finder__search__input::-moz-placeholder {
font-style: italic;
font-weight: 300;
}
#elementor-finder__search__input::placeholder {
font-style: italic;
font-weight: 300;
}
#elementor-finder__results {
max-height: 50vh;
overflow: auto;
}
#elementor-finder__no-results {
display: none;
padding: 20px;
}
#elementor-finder__lock-dialog {
z-index: 100000;
}
.elementor-finder__results__category {
position: relative;
}
.elementor-finder__results__category__title {
padding: 5px 25px;
font-size: 10px;
border-block-end: var(--e-a-border);
}
.elementor-finder__results__category--dynamic .elementor-finder__results__category__items {
min-height: 26px;
}
.elementor-finder__results__category .eicon-loading {
display: none;
position: absolute;
right: 10px;
top: 30px;
color: var(--e-a-color-info);
font-size: 14px;
}
.elementor-finder__results__item {
display: flex;
}
.elementor-finder__results__item a {
text-decoration: none;
color: inherit;
}
.elementor-finder__results__item.elementor-active {
background-color: var(--e-a-bg-hover);
}
.elementor-finder__results__item.elementor-active a {
color: inherit;
}
.elementor-finder__results__item:not(.elementor-active) .elementor-finder__results__item__actions {
display: none;
}
.elementor-finder__results__item__link {
display: flex;
align-items: center;
height: 35px;
flex-grow: 1;
}
.elementor-finder__results__item__icon {
width: 60px;
text-align: center;
font-size: 17px;
}
.elementor-finder__results__item__title {
font-size: 13px;
}
.elementor-finder__results__item__description {
margin-inline-start: 5px;
font-style: italic;
}
.elementor-finder__results__item__badge {
text-transform: uppercase;
position: absolute;
inset-inline-end: 16px;
font-size: 8px;
font-weight: 500;
display: flex;
align-items: center;
gap: 4px;
}
.elementor-finder__results__item__actions {
display: flex;
}
.elementor-finder__results__item__action {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
width: 35px;
}
.elementor-finder__results__item__action:hover {
background-color: rgba(0, 0, 0, 0.07);
}
.tipsy {
font-size: 10px;
position: absolute;
padding: 5px;
z-index: 100000;
}
.tipsy-inner {
background-color: #000;
color: #FFF;
font-weight: 500;
max-width: 200px;
padding: 5px 12px;
text-align: center;
border-radius: 3px;
box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
}
.tipsy-arrow {
position: absolute;
width: 0;
height: 0;
line-height: 0;
border: 5px dashed #000;
}
.tipsy-arrow-n {
border-bottom-color: #000;
}
.tipsy-arrow-s {
border-top-color: #000;
}
.tipsy-arrow-e {
border-left-color: #000;
}
.tipsy-arrow-w {
border-right-color: #000;
}
.tipsy-n .tipsy-arrow, .tipsy-nw .tipsy-arrow {
border-left-color: transparent;
border-right-color: transparent;
top: 0;
border-bottom-style: solid;
border-top: none;
}
.tipsy-n .tipsy-arrow {
left: 50%;
margin-left: -5px;
}
.tipsy-nw .tipsy-arrow {
left: 10px;
}
.tipsy-ne .tipsy-arrow {
top: 0;
right: 10px;
border-bottom-style: solid;
border-top: none;
border-left-color: transparent;
border-right-color: transparent;
}
.tipsy-s .tipsy-arrow, .tipsy-se .tipsy-arrow, .tipsy-sw .tipsy-arrow {
bottom: 0;
border-top-style: solid;
border-bottom: none;
border-left-color: transparent;
border-right-color: transparent;
}
.tipsy-s .tipsy-arrow {
left: 50%;
margin-left: -5px;
}
.tipsy-sw .tipsy-arrow {
left: 10px;
}
.tipsy-se .tipsy-arrow {
right: 10px;
}
.tipsy-e .tipsy-arrow, .tipsy-w .tipsy-arrow {
top: 50%;
margin-top: -5px;
border-top-color: transparent;
border-bottom-color: transparent;
}
.tipsy-e .tipsy-arrow {
right: 0;
border-left-style: solid;
border-right: none;
}
.tipsy-w .tipsy-arrow {
left: 0;
border-right-style: solid;
border-left: none;
}
/*# sourceMappingURL=common.css.map */ home/eliteafr/www/wp-content/plugins/wp-file-manager/lib/css/common.css 0000666 00000015356 15221156140 0022220 0 ustar 00 /*********************************************/
/* COMMON ELFINDER STUFFS */
/*********************************************/
/* for old jQuery UI */
@font-face {
font-family: 'Noto Sans';
src: url('./../fonts/notosans/NotoSans-Regular.eot');
src: url('./../fonts/notosans/NotoSans-Regular.eot?#iefix') format('embedded-opentype'),
url('./../fonts/notosans/NotoSans-Regular.woff2') format('woff2'),
url('./../fonts/notosans/NotoSans-Regular.woff') format('woff'),
url('./../fonts/notosans/NotoSans-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
font-display: swap;
}
.ui-front {
z-index: 100;
}
/* style reset */
div.elfinder *,
div.elfinder :after,
div.elfinder :before {
box-sizing: content-box;
}
div.elfinder fieldset {
display: block;
margin-inline-start: 2px;
margin-inline-end: 2px;
padding-block-start: 0.35em;
padding-inline-start: 0.75em;
padding-inline-end: 0.75em;
padding-block-end: 0.625em;
min-inline-size: min-content;
border-width: 2px;
border-style: groove;
border-color: threedface;
border-image: initial;
}
div.elfinder legend {
display: block;
padding-inline-start: 2px;
padding-inline-end: 2px;
border-width: initial;
border-style: none;
border-color: initial;
border-image: initial;
width: auto;
margin-bottom: 0;
}
/* base container */
div.elfinder {
padding: 0;
position: relative;
display: block;
visibility: visible;
font-size: 18px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
/* prevent auto zoom on iOS */
.elfinder-ios input,
.elfinder-ios select,
.elfinder-ios textarea {
font-size: 16px !important;
}
/* full screen mode */
.elfinder.elfinder-fullscreen > .ui-resizable-handle {
display: none;
}
.elfinder-font-mono {
line-height: 2ex;
}
/* in lazy execution status */
.elfinder.elfinder-processing * {
cursor: progress !important
}
.elfinder.elfinder-processing.elfinder-touch .elfinder-workzone:after {
position: absolute;
top: 0;
width: 100%;
height: 3px;
content: '';
left: 0;
background-image: url(../img/progress.gif);
opacity: .6;
pointer-events: none;
}
/* for disable select of Touch devices */
.elfinder *:not(input):not(textarea):not(select):not([contenteditable=true]),
.elfinder-contextmenu *:not(input):not(textarea):not(select):not([contenteditable=true]) {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
}
.elfinder .overflow-scrolling-touch {
-webkit-overflow-scrolling: touch;
}
/* right to left enviroment */
.elfinder-rtl {
text-align: right;
direction: rtl;
}
/* nav and cwd container */
.elfinder-workzone {
padding: 0;
position: relative;
overflow: hidden;
}
/* dir/file permissions and symlink markers */
.elfinder-lock,
.elfinder-perms,
.elfinder-symlink {
position: absolute;
width: 16px;
height: 16px;
background-image: url(../img/toolbar.png);
background-repeat: no-repeat;
background-position: 0 -528px;
}
.elfinder-symlink {
}
/* noaccess */
.elfinder-na .elfinder-perms {
background-position: 0 -96px;
}
/* read only */
.elfinder-ro .elfinder-perms {
background-position: 0 -64px;
}
/* write only */
.elfinder-wo .elfinder-perms {
background-position: 0 -80px;
}
/* volume type group */
.elfinder-group .elfinder-perms {
background-position: 0 0px;
}
/* locked */
.elfinder-lock {
background-position: 0 -656px;
}
/* drag helper */
.elfinder-drag-helper {
top: 0px;
left: 0px;
width: 70px;
height: 60px;
padding: 0 0 0 25px;
z-index: 100000;
will-change: left, top;
}
.elfinder-drag-helper.html5-native {
position: absolute;
top: -1000px;
left: -1000px;
}
/* drag helper status icon (default no-drop) */
.elfinder-drag-helper-icon-status {
position: absolute;
width: 16px;
height: 16px;
left: 42px;
top: 60px;
background: url('../img/toolbar.png') 0 -96px no-repeat;
display: block;
}
/* show "up-arrow" icon for move item */
.elfinder-drag-helper-move .elfinder-drag-helper-icon-status {
background-position: 0 -720px;
}
/* show "plus" icon when ctrl/shift pressed */
.elfinder-drag-helper-plus .elfinder-drag-helper-icon-status {
background-position: 0 -544px;
}
/* files num in drag helper */
.elfinder-drag-num {
display: inline-box;
position: absolute;
top: 0;
left: 0;
width: auto;
height: 14px;
text-align: center;
padding: 1px 3px 1px 3px;
font-weight: bold;
color: #fff;
background-color: red;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
}
/* icon in drag helper */
.elfinder-drag-helper .elfinder-cwd-icon {
margin: 0 0 0 -24px;
float: left;
}
/* transparent overlay */
.elfinder-overlay {
position: absolute;
opacity: .2;
filter: Alpha(Opacity=20);
}
/* panels under/below cwd (for search field etc) */
.elfinder .elfinder-panel {
position: relative;
background-image: none;
padding: 7px 12px;
}
/* for html5 drag and drop */
[draggable=true] {
-khtml-user-drag: element;
}
/* for place holder to content editable elements */
.elfinder [contentEditable=true]:empty:not(:focus):before {
content: attr(data-ph);
}
/* bottom tray */
.elfinder div.elfinder-bottomtray {
position: fixed;
bottom: 0;
max-width: 100%;
opacity: .8;
}
.elfinder div.elfinder-bottomtray > div {
top: initial;
right: initial;
left: initial;
}
.elfinder.elfinder-ltr div.elfinder-bottomtray {
left: 0;
}
.elfinder.elfinder-rtl div.elfinder-bottomtray {
right: 0;
}
/* tooltip */
.elfinder-ui-tooltip,
.elfinder .elfinder-ui-tooltip {
font-size: 14px;
padding: 2px 4px;
}
/* progressbar */
.elfinder-ui-progressbar {
pointer-events: none;
position: absolute;
width: 0;
height: 2px;
top: 0px;
border-radius: 2px;
filter: blur(1px);
}
.elfinder-ltr .elfinder-ui-progressbar {
left: 0;
}
.elfinder-rtl .elfinder-ui-progressbar {
right: 0;
}
/* Word Break Pop*/
.ui-dialog.elfinder-dialog-info .elfinder-info-title .elfinder-cwd-icon + strong{ float: left; width: calc(100% - 65px); word-break: break-all; display: block; }
.ui-dialog.elfinder-dialog-info .elfinder-info-tb .elfinder-info-path,
.ui-dialog.elfinder-dialog-info .elfinder-info-tb .elfinder-info-link{
word-break: break-all;
}
/*for default theme css*/
.wrap.wp-filemanager-wrap .ui-front.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable.std42-dialog .ui-dialog-content.ui-widget-content .ui-helper-clearfix.elfinder-rm-title span.elfinder-cwd-icon:before {
left: 0;
top: 6px;
}
home/eliteafr/www/wp-admin-20260529230927-20260621143653/css/common.css 0000666 00000227644 15221332151 0017423 0 ustar 00 /* 2 column liquid layout */
#wpwrap {
height: auto;
min-height: 100%;
width: 100%;
position: relative;
-webkit-font-smoothing: subpixel-antialiased;
}
#wpcontent {
height: 100%;
padding-left: 20px;
}
#wpcontent,
#wpfooter {
margin-left: 160px;
}
.folded #wpcontent,
.folded #wpfooter {
margin-left: 36px;
}
#wpbody-content {
padding-bottom: 65px;
float: left;
width: 100%;
overflow: visible;
}
/* inner 2 column liquid layout */
.inner-sidebar {
float: right;
clear: right;
display: none;
width: 281px;
position: relative;
}
.columns-2 .inner-sidebar {
margin-right: auto;
width: 286px;
display: block;
}
.inner-sidebar #side-sortables,
.columns-2 .inner-sidebar #side-sortables {
min-height: 300px;
width: 280px;
padding: 0;
}
.has-right-sidebar .inner-sidebar {
display: block;
}
.has-right-sidebar #post-body {
float: left;
clear: left;
width: 100%;
margin-right: -2000px;
}
.has-right-sidebar #post-body-content {
margin-right: 300px;
float: none;
width: auto;
}
/* 2 columns main area */
#col-left {
float: left;
width: 35%;
}
#col-right {
float: right;
width: 65%;
}
#col-left .col-wrap {
padding: 0 6px 0 0;
}
#col-right .col-wrap {
padding: 0 0 0 6px;
}
/* utility classes */
.alignleft {
float: left;
}
.alignright {
float: right;
}
.textleft {
text-align: left;
}
.textright {
text-align: right;
}
.clear {
clear: both;
}
/* modern clearfix */
.wp-clearfix:after {
content: "";
display: table;
clear: both;
}
/* Hide visually but not from screen readers */
.screen-reader-text,
.screen-reader-text span,
.ui-helper-hidden-accessible {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
word-wrap: normal !important; /* many screen reader and browser combinations announce broken words as they would appear visually */
}
.button .screen-reader-text {
height: auto; /* Fixes a Safari+VoiceOver bug, see ticket #42006 */
}
.screen-reader-text + .dashicons-external {
margin-top: -1px;
margin-left: 2px;
}
.screen-reader-shortcut {
position: absolute;
top: -1000em;
left: 6px;
height: auto;
width: auto;
display: block;
font-size: 14px;
font-weight: 600;
padding: 15px 23px 14px;
/* Background and color set to prevent false positives in automated accessibility tests. */
background: #f0f0f1;
color: #2271b1;
z-index: 100000;
line-height: normal;
}
.screen-reader-shortcut:focus {
top: -25px;
/* Overrides a:focus in the admin. See ticket #56789. */
color: #2271b1;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
text-decoration: none;
/* Only visible in Windows High Contrast mode */
outline: 2px solid transparent;
outline-offset: -2px;
}
.hidden,
.js .closed .inside,
.js .hide-if-js,
.no-js .hide-if-no-js,
.js.wp-core-ui .hide-if-js,
.js .wp-core-ui .hide-if-js,
.no-js.wp-core-ui .hide-if-no-js,
.no-js .wp-core-ui .hide-if-no-js {
display: none;
}
/* @todo: Take a second look. Large chunks of shared color, from the colors.css merge */
.widget-top,
.menu-item-handle,
.widget-inside,
#menu-settings-column .accordion-container,
#menu-management .menu-edit,
.manage-menus,
table.widefat,
.stuffbox,
p.popular-tags,
.widgets-holder-wrap,
.wp-editor-container,
.popular-tags,
.feature-filter,
.comment-ays {
border: 1px solid #c3c4c7;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
}
table.widefat,
.wp-editor-container,
.stuffbox,
p.popular-tags,
.widgets-holder-wrap,
.popular-tags,
.feature-filter,
.comment-ays {
background: #fff;
}
/* general */
html,
body {
height: 100%;
margin: 0;
padding: 0;
}
body {
background: #f0f0f1;
color: #3c434a;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 13px;
line-height: 1.4em;
min-width: 600px;
}
body.iframe {
min-width: 0;
padding-top: 1px;
}
body.modal-open {
overflow: hidden;
}
body.mobile.modal-open #wpwrap {
overflow: hidden;
position: fixed;
height: 100%;
}
iframe,
img {
border: 0;
}
td {
font-family: inherit;
font-size: inherit;
font-weight: inherit;
line-height: inherit;
}
/* Any change to the default link style must be applied to button-link too. */
a {
color: #2271b1;
transition-property: border, background, color;
transition-duration: .05s;
transition-timing-function: ease-in-out;
}
a,
div {
outline: 0;
}
a:hover,
a:active {
color: #135e96;
}
a:focus,
a:focus .media-icon img,
a:focus .plugin-icon,
.wp-person a:focus .gravatar {
color: #043959;
box-shadow: 0 0 0 2px #2271b1;
/* Only visible in Windows High Contrast mode */
outline: 2px solid transparent;
}
#adminmenu a:focus {
box-shadow: none;
/* Only visible in Windows High Contrast mode */
outline: 1px solid transparent;
outline-offset: -1px;
}
.screen-reader-text:focus {
box-shadow: none;
outline: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: "";
content: none;
}
p,
.wp-die-message {
font-size: 13px;
line-height: 1.5;
margin: 1em 0;
}
blockquote {
margin: 1em;
}
li,
dd {
margin-bottom: 6px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
display: block;
font-weight: 600;
}
h1 {
color: #1d2327;
font-size: 2em;
margin: .67em 0;
}
h2,
h3 {
color: #1d2327;
font-size: 1.3em;
margin: 1em 0;
}
.update-core-php h2 {
margin-top: 4em;
}
.update-php h2,
.update-messages h2,
h4 {
font-size: 1em;
margin: 1.33em 0;
}
h5 {
font-size: 0.83em;
margin: 1.67em 0;
}
h6 {
font-size: 0.67em;
margin: 2.33em 0;
}
ul,
ol {
padding: 0;
}
ul {
list-style: none;
}
ol {
list-style-type: decimal;
margin-left: 2em;
}
ul.ul-disc {
list-style: disc outside;
}
ul.ul-square {
list-style: square outside;
}
ol.ol-decimal {
list-style: decimal outside;
}
ul.ul-disc,
ul.ul-square,
ol.ol-decimal {
margin-left: 1.8em;
}
ul.ul-disc > li,
ul.ul-square > li,
ol.ol-decimal > li {
margin: 0 0 0.5em;
}
/* rtl:ignore */
.ltr {
direction: ltr;
}
/* rtl:ignore */
.code,
code {
font-family: Consolas, Monaco, monospace;
direction: ltr;
unicode-bidi: embed;
}
kbd,
code {
padding: 3px 5px 2px;
margin: 0 1px;
background: #f0f0f1;
background: rgba(0, 0, 0, 0.07);
font-size: 13px;
}
.subsubsub {
list-style: none;
margin: 8px 0 0;
padding: 0;
font-size: 13px;
float: left;
color: #646970;
}
.subsubsub a {
line-height: 2;
padding: .2em;
text-decoration: none;
}
.subsubsub a .count,
.subsubsub a.current .count {
color: #50575e; /* #f1f1f1 background */
font-weight: 400;
}
.subsubsub a.current {
font-weight: 600;
border: none;
}
.subsubsub li {
display: inline-block;
margin: 0;
padding: 0;
white-space: nowrap;
}
/* .widefat - main style for tables */
.widefat {
border-spacing: 0;
width: 100%;
clear: both;
margin: 0;
}
.widefat * {
word-wrap: break-word;
}
.widefat a,
.widefat button.button-link {
text-decoration: none;
}
.widefat td,
.widefat th {
padding: 8px 10px;
}
.widefat thead th,
.widefat thead td {
border-bottom: 1px solid #c3c4c7;
}
.widefat tfoot th,
.widefat tfoot td {
border-top: 1px solid #c3c4c7;
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,
.widefat thead td,
.widefat tfoot td {
text-align: left;
line-height: 1.3em;
font-size: 14px;
}
.widefat th input,
.updates-table td input,
.widefat thead td input,
.widefat tfoot td input {
margin: 0 0 0 8px;
padding: 0;
vertical-align: text-top;
}
.widefat .check-column {
width: 2.2em;
padding: 6px 0 25px;
vertical-align: top;
}
.widefat tbody th.check-column {
padding: 9px 0 22px;
}
.widefat thead td.check-column,
.widefat tbody th.check-column,
.updates-table tbody td.check-column,
.widefat tfoot td.check-column {
padding: 11px 0 0 3px;
}
.widefat thead td.check-column,
.widefat tfoot td.check-column {
padding-top: 4px;
vertical-align: middle;
}
.update-php div.updated,
.update-php div.error {
margin-left: 0;
}
.js-update-details-toggle .dashicons {
text-decoration: none;
}
.js-update-details-toggle[aria-expanded="true"] .dashicons::before {
content: "\f142";
}
.no-js .widefat thead .check-column input,
.no-js .widefat tfoot .check-column input {
display: none;
}
.widefat .num,
.column-comments,
.column-links,
.column-posts {
text-align: center;
}
.widefat th#comments {
vertical-align: middle;
}
.wrap {
margin: 10px 20px 0 2px;
}
.wrap > h2:first-child, /* Back-compat for pre-4.4 */
.wrap [class$="icon32"] + h2, /* Back-compat for pre-4.4 */
.postbox .inside h2, /* Back-compat for pre-4.4 */
.wrap h1 {
font-size: 23px;
font-weight: 400;
margin: 0;
padding: 9px 0 4px;
line-height: 1.3;
}
.wrap h1.wp-heading-inline {
display: inline-block;
margin-right: 5px;
}
.wp-header-end {
visibility: hidden;
margin: -2px 0 0;
}
.subtitle {
margin: 0;
padding-left: 25px;
color: #50575e;
font-size: 14px;
font-weight: 400;
line-height: 1;
}
.subtitle strong {
word-break: break-all;
}
.wrap .add-new-h2, /* deprecated */
.wrap .add-new-h2:active, /* deprecated */
.wrap .page-title-action,
.wrap .page-title-action:active {
display: inline-block;
position: relative;
box-sizing: border-box;
cursor: pointer;
white-space: nowrap;
text-decoration: none;
text-shadow: none;
top: -3px;
margin-left: 4px;
border: 1px solid #2271b1;
border-radius: 3px;
background: #f6f7f7;
font-size: 13px;
font-weight: 400;
line-height: 2.15384615;
color: #2271b1; /* use the standard color used for buttons */
padding: 0 10px;
min-height: 30px;
-webkit-appearance: none;
}
.wrap .wp-heading-inline + .page-title-action {
margin-left: 0;
}
.wrap .add-new-h2:hover, /* deprecated */
.wrap .page-title-action:hover {
background: #f0f0f1;
border-color: #0a4b78;
color: #0a4b78;
}
/* lower specificity: color needs to be overridden by :hover and :active */
.page-title-action:focus {
color: #0a4b78;
}
/* Dashicon for language options on General Settings and Profile screens */
.form-table th label[for="locale"] .dashicons,
.form-table th label[for="WPLANG"] .dashicons {
margin-left: 5px;
}
.wrap .page-title-action:focus {
border-color: #3582c4;
box-shadow: 0 0 0 1px #3582c4;
/* Only visible in Windows High Contrast mode */
outline: 2px solid transparent;
}
.wrap h1.long-header {
padding-right: 0;
}
.wp-dialog {
background-color: #fff;
}
.widgets-chooser ul,
#widgets-left .widget-in-question .widget-top,
#available-widgets .widget-top:hover,
div#widgets-right .widget-top:hover,
#widgets-left .widget-top:hover {
border-color: #8c8f94;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.sorthelper {
background-color: #c5d9ed;
}
.ac_match,
.subsubsub a.current {
color: #000;
}
.striped > tbody > :nth-child(odd),
ul.striped > :nth-child(odd),
.alternate {
background-color: #f6f7f7;
}
.bar {
background-color: #f0f0f1;
border-right-color: #4f94d4;
}
/* Helper classes for plugins to leverage the active WordPress color scheme */
.highlight {
background-color: #f0f6fc;
color: #3c434a;
}
.wp-ui-primary {
color: #fff;
background-color: #2c3338;
}
.wp-ui-text-primary {
color: #2c3338;
}
.wp-ui-highlight {
color: #fff;
background-color: #2271b1;
}
.wp-ui-text-highlight {
color: #2271b1;
}
.wp-ui-notification {
color: #fff;
background-color: #d63638;
}
.wp-ui-text-notification {
color: #d63638;
}
.wp-ui-text-icon {
color: #8c8f94; /* same as new icons */
}
/* For emoji replacement images */
img.emoji {
display: inline !important;
border: none !important;
height: 1em !important;
width: 1em !important;
margin: 0 .07em !important;
vertical-align: -0.1em !important;
background: none !important;
padding: 0 !important;
box-shadow: none !important;
}
/*------------------------------------------------------------------------------
1.0 - Text Styles
------------------------------------------------------------------------------*/
.widget .widget-top,
.postbox .hndle,
.stuffbox .hndle,
.control-section .accordion-section-title,
.sidebar-name,
#nav-menu-header,
#nav-menu-footer,
.menu-item-handle,
.checkbox,
.side-info,
#your-profile #rich_editing,
.widefat thead th,
.widefat thead td,
.widefat tfoot th,
.widefat tfoot td {
line-height: 1.4em;
}
.widget .widget-top,
.menu-item-handle {
background: #f6f7f7;
color: #1d2327;
}
.stuffbox .hndle {
border-bottom: 1px solid #c3c4c7;
}
.quicktags {
background-color: #c3c4c7;
color: #000;
font-size: 12px;
}
.icon32 {
display: none;
}
/* @todo can we combine these into a class or use an existing dashicon one? */
.welcome-panel .welcome-panel-close:before,
.tagchecklist .ntdelbutton .remove-tag-icon:before,
#bulk-titles .ntdelbutton:before,
.notice-dismiss:before {
background: none;
color: #787c82;
content: "\f153";
display: block;
font: normal 16px/20px dashicons;
speak: never;
height: 20px;
text-align: center;
width: 20px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.welcome-panel .welcome-panel-close:before {
margin: 0;
}
.tagchecklist .ntdelbutton .remove-tag-icon:before {
margin-left: 2px;
border-radius: 50%;
color: #2271b1;
/* vertically center the icon cross browsers */
line-height: 1.28;
}
.tagchecklist .ntdelbutton:focus {
outline: 0;
}
.tagchecklist .ntdelbutton:hover .remove-tag-icon:before,
.tagchecklist .ntdelbutton:focus .remove-tag-icon:before,
#bulk-titles .ntdelbutton:hover:before,
#bulk-titles .ntdelbutton:focus:before {
color: #d63638;
}
.tagchecklist .ntdelbutton:focus .remove-tag-icon:before {
box-shadow: 0 0 0 2px #2271b1;
/* Only visible in Windows High Contrast mode */
outline: 2px solid transparent;
}
.key-labels label {
line-height: 24px;
}
strong, b {
font-weight: 600;
}
.pre {
/* https://developer.mozilla.org/en-US/docs/CSS/white-space */
white-space: pre-wrap; /* css-3 */
word-wrap: break-word; /* IE 5.5 - 7 */
}
.howto {
color: #646970;
display: block;
}
p.install-help {
margin: 8px 0;
font-style: italic;
}
.no-break {
white-space: nowrap;
}
hr {
border: 0;
border-top: 1px solid #dcdcde;
border-bottom: 1px solid #f6f7f7;
}
.row-actions span.delete a,
.row-actions span.trash a,
.row-actions span.spam a,
.plugins a.delete,
#all-plugins-table .plugins a.delete,
#search-plugins-table .plugins a.delete,
.submitbox .submitdelete,
#media-items a.delete,
#media-items a.delete-permanently,
#nav-menu-footer .menu-delete,
#delete-link a.delete,
a#remove-post-thumbnail,
.privacy_requests .remove-personal-data .remove-personal-data-handle {
color: #b32d2e;
}
abbr.required,
span.required,
.file-error,
.row-actions .delete a:hover,
.row-actions .trash a:hover,
.row-actions .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,
#delete-link a.delete:hover,
a#remove-post-thumbnail:hover,
.privacy_requests .remove-personal-data .remove-personal-data-handle:hover {
color: #b32d2e;
border: none;
}
.application-password-display .success {
color: #007017;
margin-left: 0.5rem;
}
/*------------------------------------------------------------------------------
3.0 - Actions
------------------------------------------------------------------------------*/
#major-publishing-actions {
padding: 10px;
clear: both;
border-top: 1px solid #dcdcde;
background: #f6f7f7;
}
#delete-action {
float: left;
line-height: 2.30769231; /* 30px */
}
#delete-link {
line-height: 2.30769231; /* 30px */
vertical-align: middle;
text-align: left;
margin-left: 8px;
}
#delete-link a {
text-decoration: none;
}
#publishing-action {
text-align: right;
float: right;
line-height: 1.9;
}
#publishing-action .spinner {
float: none;
margin-top: 5px;
}
#misc-publishing-actions {
padding: 6px 0 0;
}
.misc-pub-section {
padding: 6px 10px 8px;
}
.word-wrap-break-word,
.misc-pub-filename {
word-wrap: break-word;
}
#minor-publishing-actions {
padding: 10px 10px 0;
text-align: right;
}
#save-post {
float: left;
}
.preview {
float: right;
}
#sticky-span {
margin-left: 18px;
}
.approve,
.unapproved .unapprove {
display: none;
}
.unapproved .approve,
.spam .approve,
.trash .approve {
display: inline;
}
td.action-links,
th.action-links {
text-align: right;
}
#misc-publishing-actions .notice {
margin-left: 10px;
margin-right: 10px;
}
/* Filter bar */
.wp-filter {
display: inline-block;
position: relative;
box-sizing: border-box;
margin: 12px 0 25px;
padding: 0 10px;
width: 100%;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
border: 1px solid #c3c4c7;
background: #fff;
color: #50575e;
font-size: 13px;
}
.wp-filter a {
text-decoration: none;
}
.filter-count {
display: inline-block;
vertical-align: middle;
min-width: 4em;
}
.title-count,
.filter-count .count {
display: inline-block;
position: relative;
top: -1px;
padding: 4px 10px;
border-radius: 30px;
background: #646970;
color: #fff;
font-size: 14px;
font-weight: 600;
}
/* not a part of filter bar, but derived from it, so here for now */
.title-count {
display: inline;
top: -3px;
margin-left: 5px;
margin-right: 20px;
}
.filter-items {
float: left;
}
.filter-links {
display: inline-block;
margin: 0;
}
.filter-links li {
display: inline-block;
margin: 0;
}
.filter-links li > a {
display: inline-block;
margin: 0 10px;
padding: 15px 0;
border-bottom: 4px solid #fff;
color: #646970;
cursor: pointer;
}
.filter-links .current {
box-shadow: none;
border-bottom: 4px solid #646970;
color: #1d2327;
}
.filter-links li > a:hover,
.filter-links li > a:focus,
.show-filters .filter-links a.current:hover,
.show-filters .filter-links a.current:focus {
color: #135e96;
}
.wp-filter .search-form {
float: right;
display: flex;
align-items: center;
column-gap: .5rem;
}
.wp-filter .search-form input[type="search"] {
width: 280px;
max-width: 100%;
}
.wp-filter .search-form select {
margin: 0;
}
/* Use flexbox only on the plugins install page. The `filter-links` and search form children will become flex items. */
.plugin-install-php .wp-filter {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
.wp-filter .search-form.search-plugins {
/* This element is a flex item: the inherited float won't have any effect. */
margin-top: 0;
}
.wp-filter .search-form.search-plugins select,
.wp-filter .search-form.search-plugins .wp-filter-search,
.no-js .wp-filter .search-form.search-plugins .button {
display: inline-block;
vertical-align: top;
}
.wp-filter .button.drawer-toggle {
margin: 10px 9px 0;
padding: 0 10px 0 6px;
border-color: transparent;
background-color: transparent;
color: #646970;
vertical-align: baseline;
box-shadow: none;
}
.wp-filter .drawer-toggle:before {
content: "\f111";
margin: 0 5px 0 0;
color: #646970;
font: normal 16px/1 dashicons;
vertical-align: text-bottom;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.wp-filter .button.drawer-toggle:hover,
.wp-filter .drawer-toggle:hover:before,
.wp-filter .button.drawer-toggle:focus,
.wp-filter .drawer-toggle:focus:before {
background-color: transparent;
color: #135e96;
}
.wp-filter .button.drawer-toggle:hover,
.wp-filter .button.drawer-toggle:focus:active {
border-color: transparent;
}
.wp-filter .button.drawer-toggle:focus {
border-color: #4f94d4;
}
.wp-filter .button.drawer-toggle:active {
background: transparent;
box-shadow: none;
transform: none;
}
.wp-filter .drawer-toggle.current:before {
color: #fff;
}
.filter-drawer,
.wp-filter .favorites-form {
display: none;
margin: 0 -10px 0 -20px;
padding: 20px;
border-top: 1px solid #f0f0f1;
background: #f6f7f7;
overflow: hidden;
}
.wp-filter .favorites-form .favorites-username {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 0.5rem;
}
.wp-filter .favorites-form .favorites-username input {
margin: 0;
}
.show-filters .filter-drawer,
.show-favorites-form .favorites-form {
display: block;
}
.show-filters .filter-links a.current {
border-bottom: none;
}
.show-filters .wp-filter .button.drawer-toggle {
border-radius: 2px;
background: #646970;
color: #fff;
}
.show-filters .wp-filter .drawer-toggle:hover,
.show-filters .wp-filter .drawer-toggle:focus {
background: #2271b1;
}
.show-filters .wp-filter .drawer-toggle:before {
color: #fff;
}
.filter-group {
box-sizing: border-box;
position: relative;
float: left;
margin: 0 1% 0 0;
padding: 20px 10px 10px;
width: 24%;
background: #fff;
border: 1px solid #dcdcde;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
}
.filter-group legend {
position: absolute;
top: 10px;
display: block;
margin: 0;
padding: 0;
font-size: 1em;
font-weight: 600;
}
.filter-drawer .filter-group-feature {
margin: 28px 0 0;
list-style-type: none;
font-size: 12px;
}
.filter-drawer .filter-group-feature input,
.filter-drawer .filter-group-feature label {
line-height: 1.4;
}
.filter-drawer .filter-group-feature input {
position: absolute;
margin: 0;
}
.filter-group .filter-group-feature label {
display: block;
margin: 14px 0 14px 23px;
}
.filter-drawer .buttons {
clear: both;
margin-bottom: 20px;
}
.filter-drawer .filter-group + .buttons {
margin-bottom: 0;
padding-top: 20px;
}
.filter-drawer .buttons .button span {
display: inline-block;
opacity: 0.8;
font-size: 12px;
text-indent: 10px;
}
.wp-filter .button.clear-filters {
display: none;
margin-left: 10px;
}
.wp-filter .button-link.edit-filters {
padding: 0 5px;
line-height: 2.2;
}
.filtered-by {
display: none;
margin: 0;
}
.filtered-by > span {
font-weight: 600;
}
.filtered-by a {
margin-left: 10px;
}
.filtered-by .tags {
display: flex;
align-items: flex-start;
flex-wrap: wrap;
gap: 8px;
}
.filtered-by .tag {
padding: 4px 8px;
border: 1px solid #dcdcde;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
background: #fff;
font-size: 11px;
}
.filters-applied .filter-group,
.filters-applied .filter-drawer .buttons,
.filters-applied .filter-drawer br {
display: none;
}
.filters-applied .filtered-by {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 10px;
}
.filters-applied .filter-drawer {
padding: 20px;
}
.show-filters .favorites-form,
.show-filters .content-filterable,
.show-filters.filters-applied.loading-content .content-filterable,
.loading-content .content-filterable,
.error .content-filterable {
display: none;
}
.show-filters.filters-applied .content-filterable {
display: block;
}
.loading-content .spinner {
display: block;
margin: 40px auto 0;
float: none;
}
@media only screen and (max-width: 1120px) {
.filter-drawer {
border-bottom: 1px solid #f0f0f1;
}
.filter-group {
margin-bottom: 0;
margin-top: 5px;
width: 100%;
}
.filter-group li {
margin: 10px 0;
}
}
@media only screen and (max-width: 1000px) {
.filter-items {
float: none;
}
.wp-filter .media-toolbar-primary,
.wp-filter .media-toolbar-secondary,
.wp-filter .search-form {
float: none; /* Remove float from media-views.css */
position: relative;
max-width: 100%;
}
.wp-filter .search-form {
margin: 11px 0;
flex-wrap: wrap;
row-gap: 10px;
}
}
@media only screen and (max-width: 782px) {
.filter-group li {
padding: 0;
width: 50%;
}
}
@media only screen and (max-width: 320px) {
.filter-count {
display: none;
}
.wp-filter .drawer-toggle {
margin: 10px 0;
}
.filter-group li,
.wp-filter .search-form input[type="search"] {
width: 100%;
}
}
/*------------------------------------------------------------------------------
4.0 - Notifications
------------------------------------------------------------------------------*/
.notice,
div.updated,
div.error {
background: #fff;
border: 1px solid #c3c4c7;
border-left-width: 4px;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
margin: 5px 15px 2px;
padding: 1px 12px;
}
div[class="update-message"] { /* back-compat for pre-4.6 */
padding: 0.5em 12px 0.5em 0;
}
.notice p,
.notice-title,
div.updated p,
div.error p,
.form-table td .notice p {
margin: 0.5em 0;
padding: 2px;
}
.error a {
text-decoration: underline;
}
.updated a {
padding-bottom: 2px;
}
.notice-alt {
box-shadow: none;
}
.notice-large {
padding: 10px 20px;
}
.notice-title {
display: inline-block;
color: #1d2327;
font-size: 18px;
}
.wp-core-ui .notice.is-dismissible {
padding-right: 38px;
position: relative;
}
.notice-dismiss {
position: absolute;
top: 0;
right: 1px;
border: none;
margin: 0;
padding: 9px;
background: none;
color: #787c82;
cursor: pointer;
}
.notice-dismiss:hover:before,
.notice-dismiss:active:before,
.notice-dismiss:focus:before {
color: #d63638;
}
.notice-dismiss:focus {
box-shadow: 0 0 0 2px #2271b1;
/* Only visible in Windows High Contrast mode */
outline: 2px solid transparent;
}
.notice-success,
div.updated {
border-left-color: #00a32a;
}
.notice-success.notice-alt {
background-color: #edfaef;
}
.notice-warning {
border-left-color: #dba617;
}
.notice-warning.notice-alt {
background-color: #fcf9e8;
}
.notice-error,
div.error {
border-left-color: #d63638;
}
.notice-error.notice-alt {
background-color: #fcf0f1;
}
.notice-info {
border-left-color: #72aee6;
}
.notice-info.notice-alt {
background-color: #f0f6fc;
}
#plugin-information-footer .update-now:not(.button-disabled):before {
color: #d63638;
content: "\f463";
display: inline-block;
font: normal 20px/1 dashicons;
margin: -3px 5px 0 -2px;
speak: never;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
vertical-align: middle;
}
#plugin-information-footer .notice {
margin-top: -5px;
}
.update-message p:before,
.updating-message p:before,
.updated-message p:before,
.import-php .updating-message:before,
.button.updating-message:before,
.button.updated-message:before,
.button.installed:before,
.button.installing:before,
.button.activating-message:before,
.button.activated-message:before {
display: inline-block;
font: normal 20px/1 'dashicons';
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
vertical-align: top;
}
.wrap .notice,
.wrap div.updated,
.wrap div.error,
.media-upload-form .notice,
.media-upload-form div.error {
margin: 5px 0 15px;
}
.wrap #templateside .notice {
display: block;
margin: 0;
padding: 5px 8px;
font-weight: 600;
text-decoration: none;
}
.wrap #templateside span.notice {
margin-left: -12px;
}
#templateside li.notice a {
padding: 0;
}
/* Update icon. */
.update-message p:before,
.updating-message p:before,
.import-php .updating-message:before,
.button.updating-message:before,
.button.installing:before,
.button.activating-message:before {
color: #d63638;
content: "\f463";
}
/* Spins the update icon. */
.updating-message p:before,
.import-php .updating-message:before,
.button.updating-message:before,
.button.installing:before,
.button.activating-message:before,
.plugins .column-auto-updates .dashicons-update.spin,
.theme-overlay .theme-autoupdate .dashicons-update.spin {
animation: rotation 2s infinite linear;
}
@media (prefers-reduced-motion: reduce) {
.updating-message p:before,
.import-php .updating-message:before,
.button.updating-message:before,
.button.installing:before,
.button.activating-message:before,
.plugins .column-auto-updates .dashicons-update.spin,
.theme-overlay .theme-autoupdate .dashicons-update.spin {
animation: none;
}
}
.theme-overlay .theme-autoupdate .dashicons-update.spin {
margin-right: 3px;
}
/* Updated icon (check mark). */
.updated-message p:before,
.installed p:before,
.button.updated-message:before,
.button.activated-message:before {
color: #68de7c;
content: "\f147";
}
/* Error icon. */
.update-message.notice-error p:before {
color: #d63638;
content: "\f534";
}
.wrap .notice p:before,
.import-php .updating-message:before {
margin-right: 6px;
}
.import-php .updating-message:before {
vertical-align: bottom;
}
#update-nag,
.update-nag {
display: inline-block;
line-height: 1.4;
padding: 11px 15px;
font-size: 14px;
margin: 25px 20px 0 2px;
}
ul#dismissed-updates {
display: none;
}
#dismissed-updates li > p {
margin-top: 0;
}
#dismiss,
#undismiss {
margin-left: 0.5em;
}
form.upgrade {
margin-top: 8px;
}
form.upgrade .hint {
font-style: italic;
font-size: 85%;
margin: -0.5em 0 2em;
}
.update-php .spinner {
float: none;
margin: -4px 0;
}
h2.wp-current-version {
margin-bottom: .3em;
}
p.update-last-checked {
margin-top: 0;
}
p.auto-update-status {
margin-top: 2em;
line-height: 1.8;
}
#ajax-loading,
.ajax-loading,
.ajax-feedback,
.imgedit-wait-spin,
.list-ajax-loading { /* deprecated */
visibility: hidden;
}
#ajax-response.alignleft {
margin-left: 2em;
}
.button.updating-message:before,
.button.updated-message:before,
.button.installed:before,
.button.installing:before,
.button.activated-message:before,
.button.activating-message:before {
margin: 3px 5px 0 -2px;
}
#plugin-information-footer .button {
padding: 0 14px;
line-height: 2.71428571; /* 38px */
font-size: 14px;
vertical-align: middle;
min-height: 40px;
margin-bottom: 4px;
}
#plugin-information-footer .button.installed:before,
#plugin-information-footer .button.installing:before,
#plugin-information-footer .button.updating-message:before,
#plugin-information-footer .button.updated-message:before,
#plugin-information-footer .button.activated-message:before,
#plugin-information-footer .button.activating-message:before {
margin: 9px 5px 0 -2px;
}
#plugin-information-footer .button.update-now.updating-message:before {
margin: -3px 5px 0 -2px;
}
.button-primary.updating-message:before,
.button-primary.activating-message:before {
color: #fff;
}
.button-primary.updated-message:before,
.button-primary.activated-message:before {
color: #9ec2e6;
}
.button.updated-message,
.button.activated-message {
transition-property: border, background, color;
transition-duration: .05s;
transition-timing-function: ease-in-out;
}
@media aural {
.wrap .notice p:before,
.button.installing:before,
.button.installed:before,
.update-message p:before {
speak: never;
}
}
/* @todo: this does not need its own section anymore */
/*------------------------------------------------------------------------------
6.0 - Admin Header
------------------------------------------------------------------------------*/
#adminmenu a,
#taglist a,
#catlist a {
text-decoration: none;
}
/*------------------------------------------------------------------------------
6.1 - Screen Options Tabs
------------------------------------------------------------------------------*/
#screen-options-wrap,
#contextual-help-wrap {
margin: 0;
padding: 8px 20px 12px;
position: relative;
}
#contextual-help-wrap {
overflow: auto;
margin-left: 0;
}
#screen-meta-links {
float: right;
margin: 0 20px 0 0;
}
/* screen options and help tabs revert */
#screen-meta {
display: none;
margin: 0 20px -1px 0;
position: relative;
background-color: #fff;
border: 1px solid #c3c4c7;
border-top: none;
box-shadow: 0 0 0 transparent;
}
#screen-options-link-wrap,
#contextual-help-link-wrap {
float: left;
margin: 0 0 0 6px;
}
#screen-meta-links .screen-meta-toggle {
position: relative;
top: 0;
}
#screen-meta-links .show-settings {
border: 1px solid #c3c4c7;
border-top: none;
height: auto;
margin-bottom: 0;
padding: 3px 6px 3px 16px;
background: #fff;
border-radius: 0 0 4px 4px;
color: #646970;
line-height: 1.7;
box-shadow: 0 0 0 transparent;
transition: box-shadow 0.1s linear;
}
#screen-meta-links .show-settings:hover,
#screen-meta-links .show-settings:active,
#screen-meta-links .show-settings:focus {
color: #2c3338;
}
#screen-meta-links .show-settings:focus {
border-color: #2271b1;
box-shadow: 0 0 0 1px #2271b1;
/* Only visible in Windows High Contrast mode */
outline: 2px solid transparent;
}
#screen-meta-links .show-settings:active {
transform: none;
}
#screen-meta-links .show-settings:after {
right: 0;
content: "\f140";
font: normal 20px/1 dashicons;
speak: never;
display: inline-block;
padding: 0 5px 0 0;
bottom: 2px;
position: relative;
vertical-align: bottom;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-decoration: none;
}
#screen-meta-links .screen-meta-active:after {
content: "\f142";
}
/* end screen options and help tabs */
.toggle-arrow {
background-repeat: no-repeat;
background-position: top left;
background-color: transparent;
height: 22px;
line-height: 22px;
display: block;
}
.toggle-arrow-active {
background-position: bottom left;
}
#screen-options-wrap h5, /* Back-compat for old plugins */
#screen-options-wrap legend,
#contextual-help-wrap h5 {
margin: 0;
padding: 8px 0;
font-size: 13px;
font-weight: 600;
}
.metabox-prefs label {
display: inline-block;
padding-right: 15px;
line-height: 2.35;
}
#number-of-columns {
display: inline-block;
vertical-align: middle;
line-height: 30px;
}
.metabox-prefs input[type=checkbox] {
margin-top: 0;
margin-right: 6px;
}
.metabox-prefs label input,
.metabox-prefs label input[type=checkbox] {
margin: -4px 5px 0 0;
}
.metabox-prefs .columns-prefs label input {
margin: -1px 2px 0 0;
}
.metabox-prefs label a {
display: none;
}
.metabox-prefs .screen-options input,
.metabox-prefs .screen-options label {
margin-top: 0;
margin-bottom: 0;
vertical-align: middle;
}
.metabox-prefs .screen-options .screen-per-page {
margin-right: 15px;
padding-right: 0;
}
.metabox-prefs .screen-options label {
line-height: 2.2;
padding-right: 0;
}
.screen-options + .screen-options {
margin-top: 10px;
}
.metabox-prefs .submit {
margin-top: 1em;
padding: 0;
}
/*------------------------------------------------------------------------------
6.2 - Help Menu
------------------------------------------------------------------------------*/
#contextual-help-wrap {
padding: 0;
}
#contextual-help-columns {
position: relative;
}
#contextual-help-back {
position: absolute;
top: 0;
bottom: 0;
left: 150px;
right: 170px;
border: 1px solid #c3c4c7;
border-top: none;
border-bottom: none;
background: #f0f6fc;
}
#contextual-help-wrap.no-sidebar #contextual-help-back {
right: 0;
border-right-width: 0;
border-bottom-right-radius: 2px;
}
.contextual-help-tabs {
float: left;
width: 150px;
margin: 0;
}
.contextual-help-tabs ul {
margin: 1em 0;
}
.contextual-help-tabs li {
margin-bottom: 0;
list-style-type: none;
border-style: solid;
border-width: 0 0 0 2px;
border-color: transparent;
}
.contextual-help-tabs a {
display: block;
padding: 5px 5px 5px 12px;
line-height: 1.4;
text-decoration: none;
border: 1px solid transparent;
border-right: none;
border-left: none;
}
.contextual-help-tabs a:hover {
color: #2c3338;
}
.contextual-help-tabs .active {
padding: 0;
margin: 0 -1px 0 0;
border-left: 2px solid #72aee6;
background: #f0f6fc;
box-shadow: 0 2px 0 rgba(0, 0, 0, 0.02), 0 1px 0 rgba(0, 0, 0, 0.02);
}
.contextual-help-tabs .active a {
border-color: #c3c4c7;
color: #2c3338;
}
.contextual-help-tabs-wrap {
padding: 0 20px;
overflow: auto;
}
.help-tab-content {
display: none;
margin: 0 22px 12px 0;
line-height: 1.6;
}
.help-tab-content.active {
display: block;
}
.help-tab-content ul li {
list-style-type: disc;
margin-left: 18px;
}
.contextual-help-sidebar {
width: 150px;
float: right;
padding: 0 8px 0 12px;
overflow: auto;
}
/*------------------------------------------------------------------------------
8.0 - Layout Blocks
------------------------------------------------------------------------------*/
html.wp-toolbar {
padding-top: var(--wp-admin--admin-bar--height);
box-sizing: border-box;
-ms-overflow-style: scrollbar; /* See ticket #48545 */
}
.widefat th,
.widefat td {
color: #50575e;
}
.widefat th,
.widefat thead td,
.widefat tfoot td {
font-weight: 400;
}
.widefat thead tr th,
.widefat thead tr td,
.widefat tfoot tr th,
.widefat tfoot tr td {
color: #2c3338;
}
.widefat td p {
margin: 2px 0 0.8em;
}
.widefat p,
.widefat ol,
.widefat ul {
color: #2c3338;
}
.widefat .column-comment p {
margin: 0.6em 0;
}
.widefat .column-comment ul {
list-style: initial;
margin-left: 2em;
}
/* Screens with postboxes */
.postbox-container {
float: left;
}
.postbox-container .meta-box-sortables {
box-sizing: border-box;
}
#wpbody-content .metabox-holder {
padding-top: 10px;
}
.metabox-holder .postbox-container .meta-box-sortables {
/* The jQuery UI Sortables need some initial height to work properly. */
min-height: 1px;
position: relative;
}
#post-body-content {
width: 100%;
min-width: 463px;
float: left;
}
#post-body.columns-2 #postbox-container-1 {
float: right;
margin-right: -300px;
width: 280px;
}
#post-body.columns-2 #side-sortables {
min-height: 250px;
}
/* one column on the dash */
@media only screen and (max-width: 799px) {
#wpbody-content .metabox-holder .postbox-container .empty-container {
outline: none;
height: 0;
min-height: 0;
}
}
.js .widget .widget-top,
.js .postbox .hndle {
cursor: move;
}
.js .widget .widget-top.is-non-sortable,
.js .postbox .hndle.is-non-sortable {
cursor: auto;
}
/* Configurable dashboard widgets "Configure" edit-box link. */
.hndle a {
font-size: 12px;
font-weight: 400;
}
.postbox-header {
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid #c3c4c7;
}
.postbox-header .hndle {
flex-grow: 1;
/* Handle the alignment for the configurable dashboard widgets "Configure" edit-box link. */
display: flex;
justify-content: space-between;
align-items: center;
}
.postbox-header .handle-actions {
flex-shrink: 0;
}
/* Post box order and toggle buttons. */
.postbox .handle-order-higher,
.postbox .handle-order-lower,
.postbox .handlediv {
width: 1.62rem;
height: 1.62rem;
margin: 0;
padding: 0;
border: 0;
background: none;
cursor: pointer;
}
.postbox .handle-order-higher,
.postbox .handle-order-lower {
color: #787c82;
width: 1.62rem;
}
/* Post box order buttons in the block editor meta boxes area. */
.edit-post-meta-boxes-area .postbox .handle-order-higher,
.edit-post-meta-boxes-area .postbox .handle-order-lower {
width: 44px;
height: 44px;
color: #1d2327
}
.postbox .handle-order-higher[aria-disabled="true"],
.postbox .handle-order-lower[aria-disabled="true"] {
cursor: default;
color: #a7aaad;
}
.sortable-placeholder {
border: 1px dashed #c3c4c7;
margin-bottom: 20px;
}
.postbox,
.stuffbox {
margin-bottom: 20px;
padding: 0;
line-height: 1;
}
.postbox.closed {
border-bottom: 0;
}
/* user-select is not a part of the CSS standard - may change behavior in the future */
.postbox .hndle,
.stuffbox .hndle {
-webkit-user-select: none;
user-select: none;
}
.postbox .inside {
padding: 0 12px 12px;
line-height: 1.4;
font-size: 13px;
}
.stuffbox .inside {
padding: 0;
line-height: 1.4;
font-size: 13px;
margin-top: 0;
}
.postbox .inside {
margin: 11px 0;
position: relative;
}
.postbox .inside > p:last-child,
.rss-widget ul li:last-child {
margin-bottom: 1px !important;
}
.postbox.closed h3 {
border: none;
box-shadow: none;
}
.postbox table.form-table {
margin-bottom: 0;
}
.postbox table.widefat {
box-shadow: none;
}
.temp-border {
border: 1px dotted #c3c4c7;
}
.columns-prefs label {
padding: 0 10px 0 0;
}
/* @todo: what is this doing here */
#dashboard_right_now .versions .b,
#post-status-display,
#post-visibility-display,
#adminmenu .wp-submenu li.current,
#adminmenu .wp-submenu li.current a,
#adminmenu .wp-submenu li.current a:hover,
.media-item .percent,
.plugins .name,
#pass-strength-result.strong,
#pass-strength-result.short,
#ed_reply_toolbar #ed_reply_strong,
.item-controls .item-order a,
.feature-filter .feature-name,
#comment-status-display {
font-weight: 600;
}
/*------------------------------------------------------------------------------
21.0 - Admin Footer
------------------------------------------------------------------------------*/
#wpfooter {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 10px 20px;
color: #50575e;
}
#wpfooter p {
font-size: 13px;
margin: 0;
line-height: 1.55;
}
#footer-thankyou {
font-style: italic;
}
/*------------------------------------------------------------------------------
25.0 - Tabbed Admin Screen Interface (Experimental)
------------------------------------------------------------------------------*/
.nav-tab {
float: left;
border: 1px solid #c3c4c7;
border-bottom: none;
margin-left: 0.5em; /* half the font size so set the font size properly */
padding: 5px 10px;
font-size: 14px;
line-height: 1.71428571;
font-weight: 600;
background: #dcdcde;
color: #50575e;
text-decoration: none;
white-space: nowrap;
}
h3 .nav-tab, /* Back-compat for pre-4.4 */
.nav-tab-small .nav-tab {
padding: 5px 14px;
font-size: 12px;
line-height: 1.33;
}
.nav-tab:hover,
.nav-tab:focus {
background-color: #fff;
color: #3c434a;
}
.nav-tab-active,
.nav-tab:focus:active {
box-shadow: none;
}
.nav-tab-active {
margin-bottom: -1px;
color: #3c434a;
}
.nav-tab-active,
.nav-tab-active:hover,
.nav-tab-active:focus,
.nav-tab-active:focus:active {
border-bottom: 1px solid #f0f0f1;
background: #f0f0f1;
color: #000;
}
h1.nav-tab-wrapper, /* Back-compat for pre-4.4 */
.wrap h2.nav-tab-wrapper, /* higher specificity to override .wrap > h2:first-child */
.nav-tab-wrapper {
border-bottom: 1px solid #c3c4c7;
margin: 0;
padding-top: 9px;
padding-bottom: 0;
line-height: inherit;
}
/* Back-compat for plugins. Deprecated. Use .wp-clearfix instead. */
.nav-tab-wrapper:not(.wp-clearfix):after {
content: "";
display: table;
clear: both;
}
/*------------------------------------------------------------------------------
26.0 - Misc
------------------------------------------------------------------------------*/
.spinner {
background: url(../images/spinner.gif) no-repeat;
background-size: 20px 20px;
display: inline-block;
visibility: hidden;
float: right;
vertical-align: middle;
opacity: 0.7;
filter: alpha(opacity=70);
width: 20px;
height: 20px;
margin: 4px 10px 0;
}
.spinner.is-active,
.loading-content .spinner {
visibility: visible;
}
#template > div {
margin-right: 16em;
}
#template .notice {
margin-top: 1em;
margin-right: 3%;
}
#template .notice p {
width: auto;
}
#template .submit .spinner {
float: none;
}
.metabox-holder .stuffbox > h3, /* Back-compat for pre-4.4 */
.metabox-holder .postbox > h3, /* Back-compat for pre-4.4 */
.metabox-holder h3.hndle, /* Back-compat for pre-4.4 */
.metabox-holder h2.hndle {
font-size: 14px;
padding: 8px 12px;
margin: 0;
line-height: 1.4;
}
/* Back-compat for nav-menus screen */
.nav-menus-php .metabox-holder h3 {
padding: 0;
}
.accordion-container h3.accordion-section-title {
padding: 0 !important;
}
.accordion-section-title button.accordion-trigger,
.nav-menus-php .metabox-holder .accordion-section-title button.accordion-trigger {
background: inherit;
color: #1d2327;
display: block;
position: relative;
text-align: left;
width: 100%;
outline: none;
border: 0;
padding: 10px 10px 11px 14px;
line-height: 1.5;
cursor: pointer;
}
.accordion-section-title button.accordion-trigger:focus,
.nav-menus-php .metabox-holder .accordion-section-title button.accordion-trigger:focus {
box-shadow: 0 0 0 2px #2271b1;
outline: 2px solid transparent;
}
.accordion-section-title span.dashicons.dashicons-arrow-down,
.nav-menus-php .metabox-holder .accordion-section-title span.dashicons.dashicons-arrow-down {
position: absolute;
right: 10px;
left: auto;
color: #787c82;
border-radius: 50px;
top: 50%;
transform: translateY(-50%);
}
.accordion-section-title:hover span.dashicons.dashicons-arrow-down,
.nav-menus-php .metabox-holder .accordion-section-title:hover span.dashicons.dashicons-arrow-down {
color: #1d2327;
}
.accordion-section-title span.dashicons.dashicons-arrow-down::before,
.nav-menus-php .metabox-holder .accordion-section-title span.dashicons.dashicons-arrow-down::before {
position: relative;
left: -1px;
}
.accordion-section.open .accordion-section-title span.dashicons.dashicons-arrow-down,
.nav-menus-php .metabox-holder .accordion-section.open .accordion-section-title span.dashicons.dashicons-arrow-down {
transform: rotate(180deg) translate(0, 50%);
}
#templateside ul li a {
text-decoration: none;
}
.plugin-install #description,
.plugin-install-network #description {
width: 60%;
}
table .vers,
table .column-visible,
table .column-rating {
text-align: left;
}
.attention,
.error-message {
color: #d63638;
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
------------------------------------------------------------------------------*/
.media-icon {
width: 62px; /* icon + border */
text-align: center;
}
.media-icon img {
border: 1px solid #dcdcde;
border: 1px solid rgba(0, 0, 0, 0.07);
}
#howto {
font-size: 11px;
margin: 0 5px;
display: block;
}
.importers {
font-size: 16px;
width: auto;
}
.importers td {
padding-right: 14px;
line-height: 1.4;
}
.importers .import-system {
max-width: 250px;
}
.importers td.desc {
max-width: 500px;
}
.importer-title,
.importer-desc,
.importer-action {
display: block;
}
.importer-title {
color: #000;
font-size: 14px;
font-weight: 400;
margin-bottom: .2em;
}
.importer-action {
line-height: 1.55; /* Same as with .updating-message */
color: #50575e;
margin-bottom: 1em;
}
#post-body #post-body-content #namediv h3, /* Back-compat for pre-4.4 */
#post-body #post-body-content #namediv h2 {
margin-top: 0;
}
.edit-comment-author {
color: #1d2327;
border-bottom: 1px solid #f0f0f1;
}
#namediv h3 label, /* Back-compat for pre-4.4 */
#namediv h2 label {
vertical-align: baseline;
}
#namediv table {
width: 100%;
}
#namediv td.first {
width: 10px;
white-space: nowrap;
}
#namediv input {
width: 100%;
}
#namediv p {
margin: 10px 0;
}
/* - 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: 0.15;
}
.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;
}
/* Star Ratings - Back-compat for pre-3.8 */
div.star-holder {
position: relative;
height: 17px;
width: 100px;
background: url(../images/stars.png?ver=20121108) repeat-x bottom left;
}
div.star-holder .star-rating {
background: url(../images/stars.png?ver=20121108) repeat-x top left;
height: 17px;
float: left;
}
/* Star Ratings */
.star-rating {
white-space: nowrap;
}
.star-rating .star {
display: inline-block;
width: 20px;
height: 20px;
-webkit-font-smoothing: antialiased;
font-size: 20px;
line-height: 1;
font-family: dashicons;
text-decoration: inherit;
font-weight: 400;
font-style: normal;
vertical-align: top;
transition: color .1s ease-in;
text-align: center;
color: #dba617;
}
.star-rating .star-full:before {
content: "\f155";
}
.star-rating .star-half:before {
content: "\f459";
}
.rtl .star-rating .star-half {
transform: rotateY(180deg);
}
.star-rating .star-empty:before {
content: "\f154";
}
div.action-links {
font-weight: 400;
margin: 6px 0 0;
}
/* Plugin install thickbox */
#plugin-information {
background: #fff;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
height: 100%;
padding: 0;
}
#plugin-information-scrollable {
overflow: auto;
-webkit-overflow-scrolling: touch;
height: 100%;
}
#plugin-information-title {
padding: 0 26px;
background: #f6f7f7;
font-size: 22px;
font-weight: 600;
line-height: 2.4;
position: relative;
height: 56px;
}
#plugin-information-title.with-banner {
margin-right: 0;
height: 250px;
background-size: cover;
}
#plugin-information-title h2 {
font-size: 1em;
font-weight: 600;
padding: 0;
margin: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
#plugin-information-title.with-banner h2 {
position: relative;
font-family: "Helvetica Neue", sans-serif;
display: inline-block;
font-size: 30px;
line-height: 1.68;
box-sizing: border-box;
max-width: 100%;
padding: 0 15px;
margin-top: 174px;
color: #fff;
background: rgba(29, 35, 39, 0.9);
text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
box-shadow: 0 0 30px rgba(255, 255, 255, 0.1);
border-radius: 8px;
}
#plugin-information-title div.vignette {
display: none;
}
#plugin-information-title.with-banner div.vignette {
position: absolute;
display: block;
top: 0;
left: 0;
height: 250px;
width: 100%;
background: transparent;
box-shadow: inset 0 0 50px 4px rgba(0, 0, 0, 0.2), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
}
#plugin-information-tabs {
padding: 0 16px;
position: relative;
right: 0;
left: 0;
min-height: 36px;
font-size: 0;
z-index: 1;
border-bottom: 1px solid #dcdcde;
background: #f6f7f7;
}
#plugin-information-tabs a {
position: relative;
display: inline-block;
padding: 9px 10px;
margin: 0;
height: 18px;
line-height: 1.3;
font-size: 14px;
text-decoration: none;
transition: none;
}
#plugin-information-tabs a.current {
margin: 0 -1px -1px;
background: #fff;
border: 1px solid #dcdcde;
border-bottom-color: #fff;
padding-top: 8px;
color: #2c3338;
}
#plugin-information-tabs.with-banner a.current {
border-top: none;
padding-top: 9px;
}
#plugin-information-tabs a:active,
#plugin-information-tabs a:focus {
outline: none;
}
#plugin-information-content {
overflow: hidden; /* equal height column trick */
background: #fff;
position: relative;
top: 0;
right: 0;
left: 0;
min-height: 100%;
/* Height of title + tabs + install now */
min-height: calc( 100% - 152px );
}
#plugin-information-content.with-banner {
/* Height of banner + tabs + install now */
min-height: calc( 100% - 346px );
}
#section-holder {
position: relative;
top: 0;
right: 250px;
bottom: 0;
left: 0;
margin-top: 10px;
margin-right: 250px; /* FYI box */
padding: 10px 26px 99999px; /* equal height column trick */
margin-bottom: -99932px; /* 67px less than the padding below to accommodate footer height */
}
#section-holder .notice {
margin: 5px 0 15px;
}
#section-holder .updated {
margin: 16px 0;
}
#plugin-information .fyi {
float: right;
position: relative;
top: 0;
right: 0;
padding: 16px 16px 99999px; /* equal height column trick */
margin-bottom: -99932px; /* 67px less than the padding below to accommodate footer height */
width: 217px;
border-left: 1px solid #dcdcde;
background: #f6f7f7;
color: #646970;
}
#plugin-information .fyi strong {
color: #3c434a;
}
#plugin-information .fyi h3 {
font-weight: 600;
text-transform: uppercase;
font-size: 12px;
color: #646970;
margin: 24px 0 8px;
}
#plugin-information .fyi h2 {
font-size: 0.9em;
margin-bottom: 0;
margin-right: 0;
}
#plugin-information .fyi ul {
padding: 0;
margin: 0;
list-style: none;
}
#plugin-information .fyi li {
margin: 0 0 10px;
}
#plugin-information .fyi-description {
margin-top: 0;
}
#plugin-information .counter-container {
margin: 3px 0;
}
#plugin-information .counter-label {
float: left;
margin-right: 5px;
min-width: 55px;
}
#plugin-information .counter-back {
height: 17px;
width: 92px;
background-color: #dcdcde;
float: left;
}
#plugin-information .counter-bar {
height: 17px;
background-color: #f0c33c; /* slightly lighter than stars due to larger expanse */
float: left;
}
#plugin-information .counter-count {
margin-left: 5px;
}
#plugin-information .fyi ul.contributors {
margin-top: 10px;
}
#plugin-information .fyi ul.contributors li {
display: inline-block;
margin-right: 8px;
vertical-align: middle;
}
#plugin-information .fyi ul.contributors li {
display: inline-block;
margin-right: 8px;
vertical-align: middle;
}
#plugin-information .fyi ul.contributors li img {
vertical-align: middle;
margin-right: 4px;
}
#plugin-information-footer {
padding: 13px 16px;
position: absolute;
right: 0;
bottom: 0;
left: 0;
height: 40px; /* actual height: 40+13+13+1=67 */
border-top: 1px solid #dcdcde;
background: #f6f7f7;
}
/* rtl:ignore */
#plugin-information .section {
direction: ltr;
}
/* rtl:ignore */
#plugin-information .section ul,
#plugin-information .section ol {
list-style-type: disc;
margin-left: 24px;
}
#plugin-information .section,
#plugin-information .section p {
font-size: 14px;
line-height: 1.7;
}
#plugin-information #section-screenshots ol {
list-style: none;
margin: 0;
}
#plugin-information #section-screenshots li img {
vertical-align: text-top;
margin-top: 16px;
max-width: 100%;
width: auto;
height: auto;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
/* rtl:ignore */
#plugin-information #section-screenshots li p {
font-style: italic;
padding-left: 20px;
}
#plugin-information pre {
padding: 7px;
overflow: auto;
border: 1px solid #c3c4c7;
}
#plugin-information blockquote {
border-left: 2px solid #dcdcde;
color: #646970;
font-style: italic;
margin: 1em 0;
padding: 0 0 0 1em;
}
/* rtl:ignore */
#plugin-information .review {
overflow: hidden; /* clearfix */
width: 100%;
margin-bottom: 20px;
border-bottom: 1px solid #dcdcde;
}
#plugin-information .review-title-section {
overflow: hidden; /* clearfix */
}
/* rtl:ignore */
#plugin-information .review-title-section h4 {
display: inline-block;
float: left;
margin: 0 6px 0 0;
}
#plugin-information .reviewer-info p {
clear: both;
margin: 0;
padding-top: 2px;
}
/* rtl:ignore */
#plugin-information .reviewer-info .avatar {
float: left;
margin: 4px 6px 0 0;
}
/* rtl:ignore */
#plugin-information .reviewer-info .star-rating {
float: left;
}
/* rtl:ignore */
#plugin-information .review-meta {
float: left;
margin-left: 0.75em;
}
/* rtl:ignore */
#plugin-information .review-body {
float: left;
width: 100%;
}
.plugin-version-author-uri {
font-size: 13px;
}
/* For non-js plugin installation screen ticket #36430. */
.update-php .button.button-primary {
margin-right: 1em;
}
@media screen and (max-width: 771px) {
#plugin-information-title.with-banner {
height: 100px;
}
#plugin-information-title.with-banner h2 {
margin-top: 30px;
font-size: 20px;
line-height: 2;
max-width: 85%;
}
#plugin-information-title.with-banner div.vignette {
height: 100px;
}
#plugin-information-tabs {
overflow: hidden; /* clearfix */
padding: 0;
height: auto; /* let tabs wrap */
}
#plugin-information-tabs a.current {
margin-bottom: 0;
border-bottom: none;
}
#plugin-information .fyi {
float: none;
border: 1px solid #dcdcde;
position: static;
width: auto;
margin: 26px 26px 0;
padding-bottom: 0; /* reset from the two column height fix */
}
#section-holder {
position: static;
margin: 0;
padding-bottom: 70px; /* reset from the two column height fix, plus accommodate footer */
}
#plugin-information .fyi h3,
#plugin-information .fyi small {
display: none;
}
#plugin-information-footer {
padding: 12px 16px 0;
height: 46px;
}
}
/* Thickbox for the Plugin details modal. */
#TB_window.plugin-details-modal {
background: #fff;
}
#TB_window.plugin-details-modal.thickbox-loading:before {
content: "";
display: block;
width: 20px;
height: 20px;
position: absolute;
left: 50%;
top: 50%;
z-index: -1;
margin: -10px 0 0 -10px;
background: #fff url(../images/spinner.gif) no-repeat center;
background-size: 20px 20px;
transform: translateZ(0);
}
@media print,
(min-resolution: 120dpi) {
#TB_window.plugin-details-modal.thickbox-loading:before {
background-image: url(../images/spinner-2x.gif);
}
}
.plugin-details-modal #TB_title {
float: left;
height: 1px;
}
.plugin-details-modal #TB_ajaxWindowTitle {
display: none;
}
.plugin-details-modal #TB_closeWindowButton {
left: auto;
right: -30px;
color: #f0f0f1;
}
.plugin-details-modal #TB_closeWindowButton:hover,
.plugin-details-modal #TB_closeWindowButton:focus {
outline: none;
box-shadow: none;
}
.plugin-details-modal #TB_closeWindowButton:hover::after,
.plugin-details-modal #TB_closeWindowButton:focus::after {
outline: 2px solid;
outline-offset: -4px;
border-radius: 4px;
}
.plugin-details-modal .tb-close-icon {
display: none;
}
.plugin-details-modal #TB_closeWindowButton:after {
content: "\f335";
font: normal 32px/29px 'dashicons';
speak: never;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* move plugin install close icon to top on narrow screens */
@media screen and (max-width: 830px) {
.plugin-details-modal #TB_closeWindowButton {
right: 0;
top: -30px;
}
}
/* @todo: move this. */
img {
border: none;
}
/* Metabox collapse arrow indicators */
.sidebar-name .toggle-indicator::before,
.meta-box-sortables .postbox .toggle-indicator::before,
.meta-box-sortables .postbox .order-higher-indicator::before,
.meta-box-sortables .postbox .order-lower-indicator::before,
.bulk-action-notice .toggle-indicator::before,
.privacy-text-box .toggle-indicator::before {
content: "\f142";
display: inline-block;
font: normal 20px/1 dashicons;
speak: never;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-decoration: none;
}
.js .widgets-holder-wrap.closed .toggle-indicator::before,
.meta-box-sortables .postbox.closed .handlediv .toggle-indicator::before,
.bulk-action-notice .bulk-action-errors-collapsed .toggle-indicator::before,
.privacy-text-box.closed .toggle-indicator::before {
content: "\f140";
}
.postbox .handle-order-higher .order-higher-indicator::before {
content: "\f343";
color: inherit;
}
.postbox .handle-order-lower .order-lower-indicator::before {
content: "\f347";
color: inherit;
}
.postbox .handle-order-higher .order-higher-indicator::before,
.postbox .handle-order-lower .order-lower-indicator::before {
position: relative;
top: 0.11rem;
width: 20px;
height: 20px;
}
.postbox .handlediv .toggle-indicator::before {
width: 20px;
border-radius: 50%;
}
.postbox .handlediv .toggle-indicator::before {
position: relative;
top: 0.05rem;
text-indent: -1px; /* account for the dashicon glyph uneven horizontal alignment */
}
.rtl .postbox .handlediv .toggle-indicator::before {
text-indent: 1px; /* account for the dashicon glyph uneven horizontal alignment */
}
.bulk-action-notice .toggle-indicator::before {
line-height: 16px;
vertical-align: top;
color: #787c82;
}
.postbox .handle-order-higher:focus,
.postbox .handle-order-lower:focus,
.postbox .handlediv:focus {
box-shadow: inset 0 0 0 2px #2271b1;
border-radius: 50%;
/* Only visible in Windows High Contrast mode */
outline: 2px solid transparent;
}
.postbox .handle-order-higher:focus .order-higher-indicator::before,
.postbox .handle-order-lower:focus .order-lower-indicator::before,
.postbox .handlediv:focus .toggle-indicator::before {
box-shadow: none;
/* Only visible in Windows High Contrast mode */
outline: 1px solid transparent;
}
/* @todo: appears to be Press This only and overridden */
#photo-add-url-div input[type="text"] {
width: 300px;
}
/* Theme/Plugin file editor */
.alignleft h2 {
margin: 0;
}
#template textarea {
font-family: Consolas, Monaco, monospace;
font-size: 13px;
background: #f6f7f7;
tab-size: 4;
}
#template textarea,
#template .CodeMirror {
width: 100%;
min-height: 60vh;
height: calc( 100vh - 295px );
border: 1px solid #dcdcde;
box-sizing: border-box;
}
#templateside > h2 {
padding-top: 6px;
padding-bottom: 7px;
margin: 0;
}
#templateside ol,
#templateside ul {
margin: 0;
padding: 0;
}
#templateside > ul {
box-sizing: border-box;
margin-top: 0;
overflow: auto;
padding: 0;
min-height: 60vh;
height: calc(100vh - 295px);
background-color: #f6f7f7;
border: 1px solid #dcdcde;
border-left: none;
}
#templateside ul ul {
padding-left: 12px;
}
#templateside > ul > li > ul[role=group] {
padding-left: 0;
}
/*
* Styles for Theme and Plugin file editors.
*/
/* Hide collapsed items. */
[role="treeitem"][aria-expanded="false"] > ul {
display: none;
}
/* Use arrow dashicons for folder states, but hide from screen readers. */
[role="treeitem"] span[aria-hidden] {
display: inline;
font-family: dashicons;
font-size: 20px;
position: absolute;
pointer-events: none;
}
[role="treeitem"][aria-expanded="false"] > .folder-label .icon:after {
content: "\f139";
}
[role="treeitem"][aria-expanded="true"] > .folder-label .icon:after {
content: "\f140";
}
[role="treeitem"] .folder-label {
display: block;
padding: 3px 3px 3px 12px;
cursor: pointer;
}
/* Remove outline, and create our own focus and hover styles */
[role="treeitem"] {
outline: 0;
}
[role="treeitem"] a:focus,
[role="treeitem"] .folder-label.focus {
color: #043959;
/* Reset default focus style. */
box-shadow: none;
/* Use an inset outline instead, so it's visible also over the current file item. */
outline: 2px solid #2271b1;
outline-offset: -2px;
}
[role="treeitem"].hover,
[role="treeitem"] .folder-label.hover {
background-color: #f0f0f1;
}
.tree-folder {
margin: 0;
position: relative;
}
[role="treeitem"] li {
position: relative;
}
/* Styles for folder indicators/depth */
.tree-folder .tree-folder::after {
content: "";
display: block;
position: absolute;
left: 2px;
border-left: 1px solid #c3c4c7;
top: -13px;
bottom: 10px;
}
.tree-folder > li::before {
content: "";
position: absolute;
display: block;
border-left: 1px solid #c3c4c7;
left: 2px;
top: -5px;
height: 18px;
width: 7px;
border-bottom: 1px solid #c3c4c7;
}
.tree-folder > li::after {
content: "";
position: absolute;
display: block;
border-left: 1px solid #c3c4c7;
left: 2px;
bottom: -7px;
top: 0;
}
/* current-file needs to adjustment for .notice styles */
#templateside .current-file {
margin: -4px 0 -2px;
}
.tree-folder > .current-file::before {
left: 4px;
height: 15px;
width: 0;
border-left: none;
top: 3px;
}
.tree-folder > .current-file::after {
bottom: -4px;
height: 7px;
left: 2px;
top: auto;
}
/* Lines shouldn't continue on last item */
.tree-folder > li:last-child::after,
.tree-folder li:last-child > .tree-folder::after {
display: none;
}
#theme-plugin-editor-selector,
#theme-plugin-editor-label,
#documentation label {
font-weight: 600;
}
#theme-plugin-editor-label {
display: inline-block;
margin-bottom: 1em;
}
/* rtl:ignore */
#template textarea,
#docs-list {
direction: ltr;
}
.fileedit-sub #theme,
.fileedit-sub #plugin {
max-width: 40%;
}
.fileedit-sub .alignright {
text-align: right;
}
#template p {
width: 97%;
}
#file-editor-linting-error {
margin-top: 1em;
margin-bottom: 1em;
}
#file-editor-linting-error > .notice {
margin: 0;
display: inline-block;
}
#file-editor-linting-error > .notice > p {
width: auto;
}
#template .submit {
margin-top: 1em;
padding: 0;
}
#template .submit input[type=submit][disabled] {
cursor: not-allowed;
}
#templateside {
float: right;
width: 16em;
word-wrap: break-word;
}
#postcustomstuff p.submit {
margin: 0;
}
#templateside h4 {
margin: 1em 0 0;
}
#templateside li {
margin: 4px 0;
}
#templateside li:not(.howto) a,
.theme-editor-php .highlight {
display: block;
padding: 3px 0 3px 12px;
text-decoration: none;
}
#templateside li.current-file > a {
padding-bottom: 0;
}
#templateside li:not(.howto) > a:first-of-type {
padding-top: 0;
}
#templateside li.howto {
padding: 6px 12px 12px;
}
.theme-editor-php .highlight {
margin: -3px 3px -3px -12px;
}
#templateside .highlight {
border: none;
font-weight: 600;
}
.nonessential {
color: #646970;
font-size: 11px;
font-style: italic;
padding-left: 12px;
}
#documentation {
margin-top: 10px;
}
#documentation label {
line-height: 1.8;
vertical-align: baseline;
}
.fileedit-sub {
padding: 10px 0 8px;
line-height: 180%;
}
#file-editor-warning .file-editor-warning-content {
margin: 25px;
}
/* @todo: can we use a common class for these? */
.nav-menus-php .item-edit:before,
.wp-customizer .control-section .accordion-section-title:after,
.wp-customizer .accordion-section-title:after,
.widget-top .widget-action .toggle-indicator:before {
content: "\f140";
font: normal 20px/1 dashicons;
speak: never;
display: block;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-decoration: none;
}
.widget-top .widget-action .toggle-indicator:before {
padding: 1px 2px 1px 0;
border-radius: 50%;
}
.handlediv,
.postbox .handlediv.button-link,
.item-edit,
.toggle-indicator {
color: #787c82;
}
.widget-action {
color: #50575e; /* #fafafa background in the Widgets screen */
}
.widget-top:hover .widget-action,
.widget-action:focus,
.handlediv:hover,
.handlediv:focus,
.postbox .handlediv.button-link:hover,
.postbox .handlediv.button-link:focus,
.item-edit:hover,
.item-edit:focus,
.sidebar-name:hover .toggle-indicator {
color: #1d2327;
/* Only visible in Windows High Contrast mode */
outline: 2px solid transparent;
}
.widget-top .widget-action:focus .toggle-indicator:before {
box-shadow: 0 0 0 2px #2271b1;
/* Only visible in Windows High Contrast mode */
outline: 2px solid transparent;
}
#customize-info.open .accordion-section-title:after,
.nav-menus-php .menu-item-edit-active .item-edit:before,
.widget.open .widget-top .widget-action .toggle-indicator:before,
.widget.widget-in-question .widget-top .widget-action .toggle-indicator:before {
content: "\f142";
}
/*!
* jQuery UI Draggable/Sortable 1.11.4
* http://jqueryui.com
*
* Copyright jQuery Foundation and other contributors
* Released under the MIT license.
* http://jquery.org/license
*/
.ui-draggable-handle,
.ui-sortable-handle {
touch-action: none;
}
/* Accordion */
.accordion-section {
border-bottom: 1px solid #dcdcde;
margin: 0;
}
.accordion-section.open .accordion-section-content,
.no-js .accordion-section .accordion-section-content {
display: block;
}
.accordion-section.open:hover {
border-bottom-color: #dcdcde;
}
.accordion-section-content {
display: none;
padding: 10px 20px 15px;
overflow: hidden;
background: #fff;
}
.accordion-section-title {
margin: 0;
position: relative;
border-left: 1px solid #dcdcde;
border-right: 1px solid #dcdcde;
-webkit-user-select: none;
user-select: none;
}
.js .accordion-section-title {
cursor: pointer;
}
.js .accordion-section-title:after {
position: absolute;
top: 12px;
right: 10px;
z-index: 1;
}
.accordion-section-title:focus {
/* Only visible in Windows High Contrast mode */
outline: 1px solid transparent;
}
.accordion-section-title:hover:after,
.accordion-section-title:focus:after {
border-color: #a7aaad transparent;
/* Only visible in Windows High Contrast mode */
outline: 1px solid transparent;
}
.cannot-expand .accordion-section-title {
cursor: auto;
}
.cannot-expand .accordion-section-title:after {
display: none;
}
.control-section .accordion-section-title,
.customize-pane-child .accordion-section-title {
border-left: none;
border-right: none;
padding: 10px 10px 11px 14px;
line-height: 1.55;
background: #fff;
}
.control-section .accordion-section-title:after,
.customize-pane-child .accordion-section-title:after {
top: calc(50% - 10px); /* Arrow height is 20px, so use half of that to vertically center */
}
.js .control-section:hover .accordion-section-title,
.js .control-section .accordion-section-title:hover,
.js .control-section.open .accordion-section-title,
.js .control-section .accordion-section-title:focus {
color: #1d2327;
background: #f6f7f7;
}
.control-section.open .accordion-section-title {
/* When expanded */
border-bottom: 1px solid #dcdcde;
}
/* Edit Site */
.network-admin .edit-site-actions {
margin-top: 0;
}
/* My Sites */
.my-sites {
display: block;
overflow: auto;
zoom: 1;
}
.my-sites li {
display: block;
padding: 8px 3%;
min-height: 130px;
margin: 0;
}
@media only screen and (max-width: 599px) {
.my-sites li {
min-height: 0;
}
}
@media only screen and (min-width: 600px) {
.my-sites.striped li {
background-color: #fff;
position: relative;
}
.my-sites.striped li:after {
content: "";
width: 1px;
height: 100%;
position: absolute;
top: 0;
right: 0;
background: #c3c4c7;
}
}
@media only screen and (min-width: 600px) and (max-width: 699px) {
.my-sites li{
float: left;
width: 44%;
}
.my-sites.striped li {
background-color: #fff;
}
.my-sites.striped li:nth-of-type(2n+1) {
clear: left;
}
.my-sites.striped li:nth-of-type(2n+2):after {
content: none;
}
.my-sites li:nth-of-type(4n+1),
.my-sites li:nth-of-type(4n+2) {
background-color: #f6f7f7;
}
}
@media only screen and (min-width: 700px) and (max-width: 1199px) {
.my-sites li {
float: left;
width: 27.333333%;
background-color: #fff;
}
.my-sites.striped li:nth-of-type(3n+3):after {
content: none;
}
.my-sites li:nth-of-type(6n+1),
.my-sites li:nth-of-type(6n+2),
.my-sites li:nth-of-type(6n+3) {
background-color: #f6f7f7;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.my-sites li {
float: left;
width: 21%;
padding: 8px 2%;
background-color: #fff;
}
.my-sites.striped li:nth-of-type(4n+1) {
clear: left;
}
.my-sites.striped li:nth-of-type(4n+4):after {
content: none;
}
.my-sites li:nth-of-type(8n+1),
.my-sites li:nth-of-type(8n+2),
.my-sites li:nth-of-type(8n+3),
.my-sites li:nth-of-type(8n+4) {
background-color: #f6f7f7;
}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.my-sites li {
float: left;
width: 16%;
padding: 8px 2%;
background-color: #fff;
}
.my-sites.striped li:nth-of-type(5n+1) {
clear: left;
}
.my-sites.striped li:nth-of-type(5n+5):after {
content: none;
}
.my-sites li:nth-of-type(10n+1),
.my-sites li:nth-of-type(10n+2),
.my-sites li:nth-of-type(10n+3),
.my-sites li:nth-of-type(10n+4),
.my-sites li:nth-of-type(10n+5) {
background-color: #f6f7f7;
}
}
@media only screen and (min-width: 1600px) {
.my-sites li {
float: left;
width: 12.666666%;
padding: 8px 2%;
background-color: #fff;
}
.my-sites.striped li:nth-of-type(6n+1) {
clear: left;
}
.my-sites.striped li:nth-of-type(6n+6):after {
content: none;
}
.my-sites li:nth-of-type(12n+1),
.my-sites li:nth-of-type(12n+2),
.my-sites li:nth-of-type(12n+3),
.my-sites li:nth-of-type(12n+4),
.my-sites li:nth-of-type(12n+5),
.my-sites li:nth-of-type(12n+6) {
background-color: #f6f7f7;
}
}
.my-sites li a {
text-decoration: none;
}
/* =Media Queries
-------------------------------------------------------------- */
/**
* HiDPI Displays
*/
@media print,
(min-resolution: 120dpi) {
/* Back-compat for pre-3.8 */
div.star-holder,
div.star-holder .star-rating {
background: url(../images/stars-2x.png?ver=20121108) repeat-x bottom left;
background-size: 21px 37px;
}
.spinner {
background-image: url(../images/spinner-2x.gif);
}
}
@media screen and (max-width: 782px) {
html.wp-toolbar {
padding-top: var(--wp-admin--admin-bar--height);
}
.screen-reader-shortcut:focus {
top: -39px;
}
body {
min-width: 240px;
overflow-x: hidden;
}
body * {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
}
#wpcontent {
position: relative;
margin-left: 0;
padding-left: 10px;
}
#wpbody-content {
padding-bottom: 100px;
}
.wrap {
clear: both;
margin-right: 12px;
margin-left: 0;
}
/* categories */
#col-left,
#col-right {
float: none;
width: auto;
}
#col-left .col-wrap,
#col-right .col-wrap {
padding: 0;
}
/* Hidden Elements */
#collapse-menu,
.post-format-select {
display: none !important;
}
.wrap h1.wp-heading-inline {
margin-bottom: 0.5em;
}
.wrap .add-new-h2, /* deprecated */
.wrap .add-new-h2:active, /* deprecated */
.wrap .page-title-action,
.wrap .page-title-action:active {
padding: 10px 15px;
font-size: 14px;
white-space: nowrap;
}
/* Feedback Messages */
.notice,
.wrap div.updated,
.wrap div.error,
.media-upload-form div.error {
margin: 20px 0 10px;
padding: 5px 10px;
font-size: 14px;
line-height: 175%;
}
.wp-core-ui .notice.is-dismissible {
padding-right: 46px;
}
.notice-dismiss {
padding: 13px;
}
.wrap .icon32 + h2 {
margin-top: -2px;
}
.wp-responsive-open #wpbody {
right: -16em;
}
code {
word-wrap: break-word;
word-wrap: anywhere; /* Firefox. Allow breaking long words anywhere */
word-break: break-word; /* Webkit: Treated similarly to word-wrap: break-word */
}
/* General Metabox */
.postbox {
font-size: 14px;
}
.metabox-holder h3.hndle, /* Back-compat for pre-4.4 */
.metabox-holder .stuffbox > h3, /* Back-compat for pre-4.4 */
.metabox-holder .postbox > h3, /* Back-compat for pre-4.4 */
.metabox-holder h2 {
padding: 12px;
}
.nav-menus-php .metabox-holder h3 {
padding: 0;
}
.postbox .handlediv {
margin-top: 3px;
}
/* Subsubsub Nav */
.subsubsub {
font-size: 16px;
text-align: center;
margin-bottom: 15px;
}
/* Theme/Plugin File Editor */
#template textarea,
#template .CodeMirror {
box-sizing: border-box;
}
#templateside {
float: none;
width: auto;
}
#templateside > ul {
border-left: 1px solid #dcdcde;
}
#templateside li {
margin: 0;
}
#templateside li:not(.howto) a {
display: block;
padding: 5px;
}
#templateside li.howto {
padding: 12px;
}
#templateside .highlight {
padding: 5px;
margin-left: -5px;
margin-top: -5px;
}
#template > div,
#template .notice {
float: none;
margin: 1em 0;
width: auto;
}
#template .CodeMirror,
#template textarea {
width: 100%;
}
#templateside ul ul {
padding-left: 1.5em;
}
[role="treeitem"] .folder-label {
display: block;
padding: 5px;
}
.tree-folder > li::before,
.tree-folder > li::after,
.tree-folder .tree-folder::after {
left: -8px;
}
.tree-folder > li::before {
top: 0;
height: 13px;
}
.tree-folder > .current-file::before {
left: -5px;
top: 7px;
width: 4px;
}
.tree-folder > .current-file::after {
height: 9px;
left: -8px;
}
.wrap #templateside span.notice {
margin-left: -5px;
width: 100%;
}
.fileedit-sub .alignright {
float: left;
margin-top: 15px;
width: 100%;
text-align: left;
}
.fileedit-sub .alignright label {
display: block;
}
.fileedit-sub #theme,
.fileedit-sub #plugin {
margin-left: 0;
max-width: 70%;
}
.fileedit-sub input[type="submit"] {
margin-bottom: 0;
}
#documentation label[for="docs-list"] {
display: block;
}
#documentation select[name="docs-list"] {
margin-left: 0;
max-width: 60%;
}
#documentation input[type="button"] {
margin-bottom: 0;
}
#wpfooter {
display: none;
}
#comments-form .checkforspam {
display: none;
}
.edit-comment-author {
margin: 2px 0 0;
}
.filter-drawer .filter-group-feature input,
.filter-drawer .filter-group-feature label {
line-height: 2.1;
}
.filter-drawer .filter-group-feature label {
margin-left: 32px;
}
.wp-filter .button.drawer-toggle {
font-size: 13px;
line-height: 2;
height: 28px;
}
/* Fix help tab columns for smaller screens */
#screen-meta #contextual-help-wrap {
overflow: visible;
}
#screen-meta #contextual-help-back,
#screen-meta .contextual-help-sidebar {
display: none;
}
#screen-meta .contextual-help-tabs {
clear: both;
width: 100%;
float: none;
}
#screen-meta .contextual-help-tabs ul {
margin: 0 0 1em;
padding: 1em 0 0;
}
#screen-meta .contextual-help-tabs .active {
margin: 0;
}
#screen-meta .contextual-help-tabs-wrap {
clear: both;
max-width: 100%;
float: none;
}
#screen-meta,
#screen-meta-links {
margin-right: 10px;
}
#screen-meta-links {
margin-bottom: 20px; /* Add margins beneath links for better spacing between boxes and elements */
}
.wp-filter .search-form input[type="search"] {
font-size: 1rem;
}
.wp-filter .search-form.search-plugins {
/* This element is a flex item. */
min-width: 100%;
}
}
/* Smartphone */
@media screen and (max-width: 600px) {
/* 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;
}
.screen-reader-shortcut:focus {
top: 7px;
}
#wpbody {
padding-top: 46px;
}
/* Keep full-width boxes on Edit Post page from causing horizontal scroll */
div#post-body.metabox-holder.columns-1 {
overflow-x: hidden;
}
h1.nav-tab-wrapper,
.wrap h2.nav-tab-wrapper,
.nav-tab-wrapper {
border-bottom: 0;
}
h1 .nav-tab,
h2 .nav-tab,
h3 .nav-tab,
nav .nav-tab {
margin: 10px 10px 0 0;
border-bottom: 1px solid #c3c4c7;
}
.nav-tab-active:hover,
.nav-tab-active:focus,
.nav-tab-active:focus:active {
border-bottom: 1px solid #c3c4c7;
}
.wp-filter .search-form.search-plugins label {
width: 100%;
}
}
@media screen and (max-width: 480px) {
.metabox-prefs-container {
display: grid;
}
.metabox-prefs-container > * {
display: inline-block;
padding: 2px;
}
}
@media screen and (max-width: 320px) {
/* Prevent default center alignment and larger font for the Right Now widget when
the network dashboard is viewed on a small mobile device. */
#network_dashboard_right_now .subsubsub {
font-size: 14px;
text-align: left;
}
}
