165 lines
2.7 KiB
CSS
165 lines
2.7 KiB
CSS
@tailwind base;
|
|
@tailwind components;
|
|
@tailwind utilities;
|
|
|
|
body{
|
|
margin: 0;
|
|
padding: 0;
|
|
margin-top: 0px;
|
|
background-color: var(--risu-theme-bgcolor);
|
|
overflow-y: hidden;
|
|
overflow-x: hidden;
|
|
}
|
|
|
|
:root{
|
|
--FontColorStandard: #fafafa;
|
|
--FontColorBold : ##e5e5e5;
|
|
--FontColorItalic : #8C8D93;
|
|
--FontColorItalicBold : #8C8D93;
|
|
--risu-animation-speed: 0.2s;
|
|
--risu-theme-bgcolor: #282a36;
|
|
--risu-theme-darkbg: #21222c;
|
|
--risu-theme-borderc: #6272a4;
|
|
--risu-theme-selected: #44475a;
|
|
--risu-theme-draculared: #ff5555;
|
|
--risu-theme-textcolor: #f5f5f5;
|
|
--risu-theme-textcolor2: #64748b;
|
|
--risu-theme-darkborderc: #4b5563;
|
|
--risu-theme-darkbutton: #374151;
|
|
|
|
}
|
|
|
|
.x-risu-language-json{
|
|
overflow-x: hidden;
|
|
white-space: pre-wrap;
|
|
|
|
}
|
|
|
|
html, body{
|
|
height: 100%
|
|
}
|
|
|
|
.chattext p{
|
|
color: var(--FontColorStandard);
|
|
}
|
|
|
|
.chattext2 pre{
|
|
background-color: var(--risu-theme-bgcolor);
|
|
padding: 0.5rem;
|
|
overflow-x: auto;
|
|
}
|
|
|
|
.chattext em{
|
|
color: var(--FontColorItalic);
|
|
}
|
|
|
|
.chattext strong{
|
|
color: var(--FontColorBold);
|
|
}
|
|
|
|
.chattext strong em{
|
|
color: var(--FontColorItalicBold);
|
|
}
|
|
|
|
.chattext em strong{
|
|
color: var(--FontColorItalicBold);
|
|
}
|
|
|
|
.chattext x-em{
|
|
color: var(--FontColorItalicBold);
|
|
font-style: italic;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.strokeme {
|
|
color: #000;
|
|
text-shadow: -1px -1px 0 white, 1px -1px 0 white, -1px 1px 0 white, 1px 1px 0 white;
|
|
}
|
|
|
|
::-webkit-scrollbar {
|
|
width: 5px;
|
|
height: 5px;
|
|
}
|
|
|
|
/* Track */
|
|
::-webkit-scrollbar-track {
|
|
background: transparent;
|
|
}
|
|
|
|
/* Handle */
|
|
::-webkit-scrollbar-thumb {
|
|
background: rgba(136, 136, 136, 0.5);
|
|
}
|
|
|
|
/* Handle on hover */
|
|
::-webkit-scrollbar-thumb:hover {
|
|
background: rgba(85, 85, 85, 0.5);
|
|
}
|
|
|
|
.n-scroll::-webkit-scrollbar-thumb {
|
|
visibility: hidden;
|
|
opacity: 0;
|
|
transition: visibility 0.5s, opacity 0.5s linear;
|
|
}
|
|
|
|
.n-scroll:hover::-webkit-scrollbar-thumb {
|
|
visibility: visible;
|
|
opacity: 1;
|
|
}
|
|
|
|
.n-scroll:focus::-webkit-scrollbar-thumb {
|
|
visibility: visible;
|
|
opacity: 1;
|
|
}
|
|
|
|
*{
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
}
|
|
|
|
.setting-area textarea{
|
|
height: 10rem;
|
|
min-height: 10rem;
|
|
}
|
|
|
|
.chattext p:first-child{
|
|
margin-top: 0.3rem;
|
|
}
|
|
|
|
.items-start {
|
|
-webkit-box-align: start;
|
|
-ms-flex-align: start;
|
|
-webkit-align-items: flex-start;
|
|
align-items: flex-start;
|
|
}
|
|
.items-start {
|
|
-webkit-box-align: start;
|
|
-ms-flex-align: start;
|
|
-webkit-align-items: flex-start;
|
|
align-items: flex-start;
|
|
}
|
|
|
|
.items-center {
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
-webkit-align-items: center;
|
|
align-items: center;
|
|
}
|
|
|
|
#app{
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.input-text{
|
|
border: none;
|
|
outline: 0;
|
|
border-bottom: 1px solid var(--risu-theme-borderc);
|
|
}
|
|
|
|
.bgc{
|
|
border-top: 1px solid rgba(98, 114, 164, 0.7);
|
|
}
|
|
|
|
.text-bordered{
|
|
-webkit-text-stroke: 1px #000;
|
|
} |