sqlpage--sqlpage/sqlpage/sqlpage.css

/* !include https://cdn.jsdelivr.net/npm/@tabler/core@1.4.0/dist/css/tabler.min.css */
/* !include https://cdn.jsdelivr.net/npm/tom-select@2.6.1/dist/css/tom-select.bootstrap5.css */
/* !include https://cdn.jsdelivr.net/npm/@tabler/core@1.4.0/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;
}

.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;
}