Files
sqlpage--sqlpage/sqlpage/sqlpage.css
T

155 lines
3.9 KiB
CSS

/* !include https://cdn.jsdelivr.net/npm/@tabler/core@1.3.1/dist/css/tabler.min.css */
/* !include https://cdn.jsdelivr.net/npm/tom-select@2.4.3/dist/css/tom-select.bootstrap5.css */
/* !include https://cdn.jsdelivr.net/npm/@tabler/core@1.3.1/dist/css/tabler-vendors.min.css */
.navbar {
/* https://github.com/sqlpage/SQLPage/issues/822 */
--tblr-navbar-color: rgba(var(--tblr-body-color-rgb), 0.8);
}
[data-bs-theme="dark"] .alert:not(.alert-important) {
/* See https://github.com/tabler/tabler/issues/1607 */
background-color: var(--tblr-bg-surface);
color: inherit;
}
td > p {
margin: 0;
}
/** Removes the margin-bottom from the last element */
.remove-bottom-margin > :last-child {
margin-bottom: 0 !important;
}
/* https://github.com/tabler/tabler/issues/1648 */
* {
scrollbar-color: var(--tblr-primary) var(--tblr-bg-surface-dark) !important;
}
::-webkit-scrollbar {
width: 4px !important;
}
::-webkit-scrollbar-thumb {
background: var(--tblr-primary) !important;
}
.text-secondary a {
color: inherit;
text-decoration: underline;
}
/* orchidjs/tom-select#712 */
.ts-wrapper.multi .ts-control > div.active {
border: 1px solid transparent !important;
}
/* remove the ugly text highlight in the default tom-select */
.ts-dropdown [data-selectable] .highlight {
background: inherit;
color: inherit;
text-decoration: underline;
}
.page {
/* Leave space for the footer */
min-height: calc(100% - 3rem);
}
.datagrid {
--tblr-datagrid-padding: 1.25rem;
--tblr-datagrid-item-width: 6rem;
}
code {
font-size: 100%;
}
.apexcharts-text,
.apexcharts-datalabel {
fill: var(--tblr-body-color) !important;
font-weight: var(--tblr-body-font-weight);
}
/** table **/
.table-freeze-headers thead {
position: sticky;
top: 0;
z-index: 2;
}
.table-freeze-footers tfoot {
position: sticky;
bottom: 0;
z-index: 2;
}
.table-freeze-headers {
max-height: 50vh;
}
.table-freeze-footers {
max-height: 50vh;
}
.table-freeze-columns th:first-child {
position: sticky;
left: 0;
z-index: 2;
}
.table-freeze-columns td:first-child {
position: sticky;
left: 0;
background: var(--tblr-bg-surface-secondary);
box-shadow: 3px 0 3px var(--tblr-border-color);
}
/* Prevent the fixed headers from hiding the selected target row */
.table-freeze-headers tr[id] {
scroll-margin-top: 2.1rem;
}
.article-text {
font-size: 1.2em;
line-height: 1.5em;
font-family: "Times New Roman", serif;
width: 65ch;
max-width: 100%;
margin: 1.5em auto;
}
.article-text p::first-letter {
font-size: 1.2em;
font-weight: 500;
}
li p {
margin: 0;
}
.leaflet-container {
background: var(--tblr-active-bg) !important;
}
/*
See https://github.com/tabler/tabler/issues/2404
*/
.status-x{--tblr-status-color:#000000;--tblr-status-color-rgb:0,0,0}
.status-facebook{--tblr-status-color:#1877f2;--tblr-status-color-rgb:24,119,242}
.status-twitter{--tblr-status-color:#1da1f2;--tblr-status-color-rgb:29,161,242}
.status-linkedin{--tblr-status-color:#0a66c2;--tblr-status-color-rgb:10,102,194}
.status-google{--tblr-status-color:#dc4e41;--tblr-status-color-rgb:220,78,65}
.status-youtube{--tblr-status-color:#ff0000;--tblr-status-color-rgb:255,0,0}
.status-vimeo{--tblr-status-color:#1ab7ea;--tblr-status-color-rgb:26,183,234}
.status-dribbble{--tblr-status-color:#ea4c89;--tblr-status-color-rgb:234,76,137}
.status-github{--tblr-status-color:#181717;--tblr-status-color-rgb:24,23,23}
.status-instagram{--tblr-status-color:#e4405f;--tblr-status-color-rgb:228,64,95}
.status-pinterest{--tblr-status-color:#bd081c;--tblr-status-color-rgb:189,8,28}
.status-vk{--tblr-status-color:#6383a8;--tblr-status-color-rgb:99,131,168}
.status-rss{--tblr-status-color:#ffa500;--tblr-status-color-rgb:255,165,0}
.status-flickr{--tblr-status-color:#0063dc;--tblr-status-color-rgb:0,99,220}
.status-bitbucket{--tblr-status-color:#0052cc;--tblr-status-color-rgb:0,82,204}
.status-tabler{--tblr-status-color:#066fd1;--tblr-status-color-rgb:6,111,209}
.text-black-fg{color:var(--tblr-dark-fg)!important}