AlkantarClanX12
Your IP : 18.191.9.9
/**
* CSS code for all TablePress admin screens
*
* @package TablePress
* @subpackage Views CSS
* @author Tobias Bäthge
* @since 1.0.0
*/
/* Load WordPress color schemes, which normally are only loaded on WP admin screens that use the block editor. */
@use "~@wordpress/base-styles/colors";
@use "~@wordpress/base-styles/mixins";
@include mixins.wordpress-admin-schemes();
/* Move down the header when the Screen Options or Help tabs are opened. */
#screen-meta[style$="block;"] ~ #tablepress-page {
margin-top: 40px;
}
/* Move the Screen Options and Help link to their original position. Needed due to the full-width header. */
#screen-meta-links {
position: absolute;
right: 0;
z-index: 10001; /* Ensure that the tab is always above the arrow of WP feature pointers. */
}
#tablepress-page {
margin: 0 0 0 -20px;
/* Add space between WP core update nag and header navigation. */
.update-nag ~ & {
margin-top: 25px;
}
#tablepress-body {
padding: 0 20px;
}
.header {
background: #ffffff;
border-bottom: 1px solid #dedae6;
align-items: center;
display: flex;
flex-wrap: wrap;
padding-right: 260px; /* Space for the screen meta links. */
.name {
border-right: 1px solid #dedae6;
padding: 7px 20px;
line-height: 0;
}
}
#tablepress-nav {
background: #ffffff;
padding: 0 0 0 20px;
}
.nav-menu {
margin: 0;
padding: 0;
list-style-type: none;
list-style-image: none;
display: flex;
flex-wrap: wrap;
.nav-item {
margin-bottom: 0;
}
li:hover > a,
li > a:focus {
border-bottom-color: var(--wp-admin-theme-color);
background-color: #f9f9f9;
}
}
.nav-link {
white-space: nowrap;
border-bottom: 5px solid #ffffff;
padding: 18px 18px 12px;
font-size: 14px;
display: inline-block;
text-decoration: none;
color: #1e1e1e;
&.active {
border-bottom-color: var(--wp-admin-theme-color);
}
&.separator {
margin-right: 20px;
}
}
.buttons {
padding: 0 12px;
.tablepress-button {
cursor: pointer;
border: 1px solid #ffffff;
border-radius: 3px;
align-items: center;
margin: 10px 12px;
padding: 6px 4px 6px 12px;
font-size: 14px;
line-height: 1;
text-decoration: none;
transition: color 0.1s, background-color 0.1s, border-color 0.1s;
display: inline-flex;
color: #ffffff;
background-color: #8ab547;
border-color: #8ab547;
&:hover,
&:active,
&:focus {
color: #ffffff;
background-color: #69b547;
border-color: #69b547;
}
&.renew {
background-color: #dba617;
border-color: #dba617;
&:hover,
&:active,
&:focus {
background-color: #ebb72a;
border-color: #ebb72a;
}
}
.dashicons {
margin: 0 6px 0 4px;
}
}
}
/* Margins for messages on screens */
div.notice {
margin: 20px 0 0;
}
.postbox ul {
list-style: disc inside;
margin: 0;
> li {
margin: 0;
}
}
/* Styling for the "Info" icon next to descriptions/notices. */
.components-h-stack {
svg {
min-width: 24px;
}
}
.code input,
.code textarea {
font-family: Consolas, Monaco, monospace;
direction: ltr;
unicode-bidi: embed;
}
/* Reset style from postboxes that pollute components' styles. */
.components-panel__body {
> .components-panel__body-title {
padding: 0;
}
&.is-opened > .components-panel__body-title {
margin: -16px -16px 5px;
}
}
.components-card {
box-shadow: none;
border-radius: 0;
.components-card-header {
h2 {
padding: 0;
line-height: normal;
}
}
.card-title {
font-size: 13px;
font-weight: 500;
padding: 0 0 18px;
margin-left: -8px;
}
}
.components-checkbox-control__input,
.components-radio-control__input {
&:checked:disabled {
opacity: 0.4;
}
&:not(:checked):disabled {
background: #f0f0f0;
border-color: #cccccc;
}
}
.components-text-control__input:disabled {
background: #f0f0f0;
border-color: #cccccc;
}
/* Alignment of selects inside of checkbox labels. */
.checkbox-select-in-label {
.components-h-stack {
align-items: center;
}
.components-checkbox-control__label {
display: flex;
gap: 8px;
align-items: center;
}
}
}
/* Width of the columns on the "All Tables" list. */
.tablepress-all-tables {
thead {
.column-table_id {
width: 50px;
}
.column-table_name {
width: 30%;
}
.column-table_author {
width: 12%;
}
.column-table_last_modified {
width: 15%;
}
}
/* Font weight for the table ID column. */
tbody .column-table_id {
font-weight: bold;
}
/* Responsiveness on the All Tables screen. */
@media screen and (max-width: 782px) {
.column-table_id {
display: none !important;
padding: 3px 8px 3px 35%;
}
}
}
/* Positioning of Search results of WP_List_Tables. */
#tablepress-page .subtitle {
float: left;
padding: 8px 0 0 0;
}
/* Tables in postboxes (on the "Edit" and "Plugin Options" screens). */
.tablepress-postbox-table {
border-spacing: 0;
max-width: 1000px;
width: 100%;
/* Default column widths */
.column-1 {
width: 25%;
}
.column-2 {
width: 75%;
}
th {
text-align: left;
font-weight: normal;
}
th,
td {
padding: 2px;
}
.top-border {
th,
td {
padding-top: 6px;
}
}
.bottom-border {
th,
td {
padding-bottom: 6px;
border-bottom: 1px solid #eeeeee;
}
}
.top-align {
vertical-align: top;
padding-top: 6px;
}
}
/* Select dropdown alignment. */
#tablepress-page select {
vertical-align: baseline;
}
/* Alignment of textareas and buttons in postboxes. */
#tablepress-page textarea:not(.components-textarea-control__input),
.tablepress-postbox-table .button {
margin: 1px;
}
/* Styling of pills in postbox headings. */
.postbox .postbox-header .hndle {
display: inline;
.pill-label {
display: inline-block;
vertical-align: top;
box-sizing: border-box;
margin: 1px 0 -1px 6px;
padding: 0 5px;
min-width: 18px;
height: 18px;
border-radius: 9px;
background-color: var(--wp-admin-theme-color);
color: #ffffff;
font-size: 11px;
line-height: 1.6;
text-align: center;
z-index: 26;
}
}