AlkantarClanX12
Current Path : /proc/self/root/home/thanudqk/siamfreetour.com/wp-content/plugins/tablepress/admin/css/ |
Current File : //proc/self/root/home/thanudqk/siamfreetour.com/wp-content/plugins/tablepress/admin/css/common.scss |
/** * 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; } }