@teipublisher/pb-components/dist/demo/components.css

Collection of webcomponents underlying TEI Publisher

dialog {
    min-width: var(--pb-dialog-min-width, 300px);
    max-width: 100vw;
    max-height: 100vh;
    border-radius: var(--pb-dialog-border-radius, 6px);
    box-shadow: var(--pb-dialog-box-shadow, 0 2px 16px rgba(0, 0, 0, 0.3));
    border: var(--pb-dialog-border, none);
    padding: 0;
}

dialog::backdrop {
    background: var(--pb-dialog-backdrop-color, rgba(0, 0, 0, 0.4));
}

dialog>article>*,
dialog>article>::slotted(*) {
    padding-left: var(--pb-dialog-padding-horizontal, 1rem);
    padding-right: var(--pb-dialog-padding-horizontal, 1rem);
}

dialog>article>header {
    border-bottom: 1px solid var(--pb-dialog-border-color, #e0e0e0);
    margin-bottom: var(--pb-dialog-padding-vertical, 1rem);    align-items: center;
}

dialog>article>footer {
    padding-top: var(--pb-dialog-padding-vertical, 1rem);
    padding-bottom: var(--pb-dialog-padding-vertical, 1rem);
    border-top: 1px solid var(--pb-dialog-border-color, #e0e0e0);
}

.table-grid thead th.gridjs-th {
    color: #CC9900;
    text-align: center;
}

.code-white-bg pre {
    background-color: darkseagreen;
}

.code-white-bg code {
    font-family: 'Arial', Arial, Helvetica, sans-serif;
}

.code-white-bg .token.keyword {
    color: purple;
}

@media (min-width: 1024px) {
    .code-white-bg pre {
        background-color: white;
    }
}

pb-browse-docs .toolbar > div {
    display: none;
}

input[type="search"] {
    display: inline-flex;
    gap: 0.25rem;
    height: 36px;
    justify-content: center;
    align-items: center;
    padding: 0px 12px 0px 1.875rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-search' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001q.044.06.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1 1 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0'/%3E%3C/svg%3E");
    background-position: center left 0.75rem;
    background-size: .875rem auto;
    background-repeat: no-repeat;
    appearance: none;
}