CoolFace
Apppublic

JdrCydsek/open-webui

sourceHugging Faceupdated 2y agoView on Hugging Face
0likes
app.css166 linesDownload Raw Back to src
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}