JdrCydsek/open-webui
0
1@font-face {2 font-family: 'Inter';3 src: url('/assets/fonts/Inter-Variable.ttf');4 font-display: swap;5}6 7@font-face {8 font-family: 'Archivo';9 src: url('/assets/fonts/Archivo-Variable.ttf');10 font-display: swap;11}12 13@font-face {14 font-family: 'Mona Sans';15 src: url('/assets/fonts/Mona-Sans.woff2');16 font-display: swap;17}18 19html {20 word-break: break-word;21}22 23code {24 /* white-space-collapse: preserve !important; */25 overflow-x: auto;26 width: auto;27}28 29math {30 margin-top: 1rem;31}32 33.hljs {34 @apply rounded-lg;35}36 37.markdown a {38 @apply underline;39}40 41.font-primary {42 font-family: 'Archivo', sans-serif;43}44 45iframe {46 @apply rounded-lg;47}48 49ol > li {50 counter-increment: list-number;51 display: block;52 margin-bottom: 0;53 margin-top: 0;54 min-height: 28px;55}56 57.prose ol > li::before {58 content: counters(list-number, '.') '.';59 padding-right: 0.5rem;60 color: var(--tw-prose-counters);61 font-weight: 400;62}63 64li p {65 display: inline;66}67 68::-webkit-scrollbar-thumb {69 --tw-border-opacity: 1;70 background-color: rgba(217, 217, 227, 0.8);71 border-color: rgba(255, 255, 255, var(--tw-border-opacity));72 border-radius: 9999px;73 border-width: 1px;74}75 76::-webkit-scrollbar {77 height: 0.4rem;78 width: 0.4rem;79}80 81::-webkit-scrollbar-track {82 background-color: transparent;83 border-radius: 9999px;84}85 86select {87 background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236B7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");88 background-position: right 0.5rem center;89 background-repeat: no-repeat;90 background-size: 1.5em 1.5em;91 padding-right: 2.5rem;92 -webkit-print-color-adjust: exact;93 print-color-adjust: exact;94 /* for Firefox */95 -moz-appearance: none;96 /* for Chrome */97 -webkit-appearance: none;98}99 100.katex-mathml {101 display: none;102}103 104.scrollbar-hidden:active::-webkit-scrollbar-thumb,105.scrollbar-hidden:focus::-webkit-scrollbar-thumb,106.scrollbar-hidden:hover::-webkit-scrollbar-thumb {107 visibility: visible;108}109.scrollbar-hidden::-webkit-scrollbar-thumb {110 visibility: hidden;111}112 113.scrollbar-hidden::-webkit-scrollbar-corner {114 display: none;115}116 117.scrollbar-none::-webkit-scrollbar {118 display: none; /* for Chrome, Safari and Opera */119}120 121.scrollbar-none::-webkit-scrollbar-corner {122 display: none;123}124 125.scrollbar-none {126 -ms-overflow-style: none; /* IE and Edge */127 scrollbar-width: none; /* Firefox */128}129 130input::-webkit-outer-spin-button,131input::-webkit-inner-spin-button {132 /* display: none; <- Crashes Chrome on hover */133 -webkit-appearance: none;134 margin: 0; /* <-- Apparently some margin are still there even though it's hidden */135}136 137input[type='number'] {138 -moz-appearance: textfield; /* Firefox */139}140 141.cm-editor {142 height: 100%;143 width: 100%;144}145 146.cm-scroller {147 @apply scrollbar-hidden;148}149 150.cm-editor.cm-focused {151 outline: none;152}153 154.tippy-box[data-theme~='dark'] {155 @apply rounded-lg bg-gray-950 text-xs border border-gray-900 shadow-xl;156}157 158.absolute.w-full.h-screen.max-h-\[100dvh\].flex.z-\[999\].overflow-hidden {159 opacity: 25%;160 padding: 8px;161 margin-top: 8px;162 z-index: 1000;163 top: 12.8px;164 width: 192px;165 float: right;166}