From 5bbb1a64a509af9bdbd3639c97081b0856374f77 Mon Sep 17 00:00:00 2001 From: Thomas Hansen Date: Fri, 13 Oct 2023 10:22:45 +0300 Subject: [PATCH] Create minimalistic.css --- .../openai/front.files/chat/minimalistic.css | 395 ++++++++++++++++++ 1 file changed, 395 insertions(+) create mode 100644 backend/files/system/openai/front.files/chat/minimalistic.css diff --git a/backend/files/system/openai/front.files/chat/minimalistic.css b/backend/files/system/openai/front.files/chat/minimalistic.css new file mode 100644 index 0000000000..2dff67782c --- /dev/null +++ b/backend/files/system/openai/front.files/chat/minimalistic.css @@ -0,0 +1,395 @@ + +/* + * Default CSS style for OpenAI chat inclusion. + */ + @import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,700;1,400&display=swap'); +.grecaptcha-badge { + opacity:0 !important; +} +.aista-chat-btn, +.aista-chat-btn i, +.aista-chat-wnd, +.aista-chat-header, +.aista-chat-msg-container, +.aista-chat-answer, +.aista-chat-answer p, +.aista-chat-answer img, +.aista-chat-answer a, +.aista-chat-answer ul, +.aista-chat-answer ol, +.aista-chat-answer li, +.aista-chat-close-btn, +.aista-chat-prompt, +.aista-chat-close-btn i { + all:revert; +} +.aista-chat-btn i, +.aista-chat-close-btn i { + font-style: normal; +} +.aista-chat-btn { + position: fixed; + bottom: 10px; + right: 10px; + border-radius: 23px !important; + border: none !important; + padding: 15px 35px; + font-size: 14px; + z-index: 100000; + color: #fafafa !important; + cursor: pointer !important; + font-weight: bold !important; + border: solid 1px #059595; + font-family: Roboto !important; + text-align: center; + text-decoration: none !important; + font-family: Arial, Helvetica, sans-serif; + box-shadow: 3px 3px 5px rgba(0,0,0,.2); + background: linear-gradient(to right, #0c6e6e, #059595); + background-size: 1px 100px; + transition: background-position .25s ease-in-out, box-shadow .25s ease-in-out; +} +.aista-chat-btn:hover, +.aista-chat-btn:active +.aista-chat-btn:focus { + box-shadow: 1px 1px 2px rgba(0,0,0,.2); + background-position: 50px; + transition: background-position .25s ease-in-out, box-shadow .25s ease-in-out; + text-decoration: none !important; + color: #fafafa !important; +} +.aista-chat-btn i { + font-size: 20px; +} +.aista-chat-wnd { + font-family: Roboto !important; + position: fixed !important; + z-index: 100001 !important; + bottom: 10px !important; + right: 10px !important; + width: 450px !important; + max-width: calc(100% - 20px) !important; + background:linear-gradient(to right, #0c6e6e, #059595) !important; + border-radius: 10px !important; + border: solid 0px #fcfeff !important; + box-shadow: 3px 3px 5px rgba(0,0,0,.2) !important; + display: none; +} +.aista-chat-header { + font-size: 17px !important; + margin: 18px 60px 15px 18px !important; + color: #fafafa !important; +} +.aista-chat-close-btn { + border-radius: 15px !important; + background:linear-gradient(#089191, #029394) !important; + border: solid 0px #c7c7c7 !important; + padding: 5px 7px !important; + font-size: 17px !important; + color: #fcfeff !important; + position: absolute !important; + top: 13px !important; + right: 12px !important; + cursor: pointer !important; + background-size: 1px 50px !important; + transition: color .25s ease-in-out; +} +.aista-chat-close-btn:hover, +.aista-chat-close-btn:active, +.aista-chat-close-btn:focus { + background-position: 25px !important; + transition: color .25s ease-in-out; + color: #100f11 !important; + outline: none !important; + text-decoration: none !important; +} +.aista-chat-msg-container { + height: 400px !important; + margin: 0 0px !important; + background-color: #fcfeff; + border-radius: 0px !important; + padding: 15px !important; + border-left: solid 1px rgba(0,0,0,.2); + border-right: solid 1px rgba(0,0,0,.2); + border-top: solid 1px #fcfeff; + border-bottom: solid 1px #fcfeff; + overflow-y: auto !important; + font-size: 14px !important; + line-height: 20px !important; + color: #212122 !important; +} +.aista-chat-msg-container a { + text-decoration: none !important; + color: #5555ff !important; +} +.aista-chat-msg-container a:visited { + color: #5555ff !important; +} +@keyframes jump { + 0% {bottom: 0px;} + 20% {bottom: 5px;} + 40% {bottom: 0px;} +} +.ainiro-waiting-animation span { + position: relative; + margin-left: auto; + margin-right: auto; + animation: jump 1s infinite; + display: inline-block; +} +.ainiro-waiting-animation .ainiro-dot-1 { + background-color: #474147; + width: 12px; + height: 12px; + border-radius: 50%; + margin-right: 3px; + animation-delay: 200ms; +} +.ainiro-waiting-animation .ainiro-dot-2 { + background-color: #474147; + width: 12px; + height: 12px; + border-radius: 50%; + margin-right: 3px; + animation-delay: 400ms; +} +.ainiro-waiting-animation .ainiro-dot-3 { + background-color: #474147; + width: 12px; + height: 12px; + border-radius: 50%; + margin-right: 3px; + animation-delay: 600ms; +} +.aista-chat-question { + margin-bottom: 25px !important; + margin-left: 60px !important; + border-radius: 7px 7px 0 7px; + background:linear-gradient(to right, #0c6e6e, #059595) !important; + color: #fafafa; + padding: 15px !important; + box-shadow: 3px 3px 5px rgba(0,0,0,.2); +} +.aista-chat-error { + background-color: rgb(255,230,230) !important; + padding: 15px !important; + margin-left: -15px !important; + margin-right: -15px !important; + margin-bottom: 20px !important; +} +.aista-chat-answer { + color: rgb(128,128,128) !important; + border-radius: 7px 7px 7px 0; + margin-right: 60px !important; + margin-bottom: 25px !important; + background-color: #d9d9d9; + padding: 15px !important; + box-shadow: 3px 3px 5px rgba(0,0,0,.2); +} +.aista-chat-answer.stop, +.aista-chat-answer.cached { + color: unset !important; +} +.aista-chat-answer p:first-child, +.aista-chat-answer p:last-child { + margin-top:0 !important; + margin-bottom:0 !important; +} +.aista-chat-answer p img:not(.emoji) { + display: block !important; + width: calc(100% - 20px) !important; + margin-left: 10px !important; + margin-right: 10px !important; + margin-top: 10px !important; + margin-bottom: 10px !important; + cursor: pointer !important; + border-radius: 5px !important; + box-shadow: 3px 3px 5px rgba(0,0,0,.2) !important; +} +.aista-chat-answer img { + max-width: 100%; +} +.aista-chat-answer pre { + margin-top: 20px !important; + margin-bottom: 20px !important; + text-overflow: ellipsis; + overflow: hidden; +} +.aista-chat-answer ol { + padding-left: 20px !important; +} +.aista-chat-answer ul { + padding-left: 0 !important; +} +.aista-chat-answer ul li { + list-style-type: none !important; + margin: 0 !important; +} +@keyframes aista-zoom-image { + 0% { + opacity: 0; + } + 100% { + opacity: 1; + } +} +.aista-zoom-image { + position: fixed !important; + top: 0 !important; + left: 0 !important; + width: 100% !important; + height: 100% !important; + z-index: 100002 !important; + background-color: rgba(0,0,0,.7) !important; + opacity: 0; + animation-name: aista-zoom-image; + animation-duration: .25s; + animation-fill-mode: forwards; +} +@keyframes aista-drop-down { + 0% { + margin-top: -1000px; + opacity: 0; + } + 100% { + margin-top: 25px; + opacity: 1; + } +} +.aista-zoom-image img { + display: block !important; + margin-left: auto !important; + margin-right: auto !important; + width: auto !important; + max-width: calc(100% - 50px) !important; + max-height: calc(100% - 50px) !important; + margin-top: -1000px; + animation-name: aista-drop-down; + animation-duration: .25s; + animation-delay: .25s; + animation-fill-mode: forwards; + border-radius: 5px !important; + box-shadow: 0 0 15px rgba(255,255,0,.5) !important; +} +.aista-references-list { + margin-top: 20px !important; + padding-left: 0 !important; +} +.aista-references-list li { + display: none; +} +.aista-references-list li:nth-child(1), +.aista-references-list li:nth-child(2), +.aista-references-list li:nth-child(3), +.aista-references-list li:nth-child(4), +.aista-references-list li:nth-child(5) { + display: list-item; +} +@keyframes aista_fade_in { + 0% { + margin-left: -100px; + opacity: 0; + } + 100% { + margin-left: 0; + opacity: 1; + } +} +.aista-references-list li { + margin-left: -100px !important; + opacity: 0; + list-style: none !important; + margin-top: 5px !important; + animation-name: aista_fade_in; + animation-duration: .75s; + animation-fill-mode: forwards; + animation-timing-function: ease-in-out; +} +.aista-references-list li:nth-child(1) { + animation-delay: 0s; +} +.aista-references-list li:nth-child(2) { + animation-delay: .25s; +} +.aista-references-list li:nth-child(3) { + animation-delay: .5s; +} +.aista-references-list li:nth-child(4) { + animation-delay: .75s; +} +.aista-references-list li:nth-child(5) { + animation-delay: 1s; +} +.aista-references-list li:nth-child(6) { + animation-delay: 1.25s; +} +.aista-references-list li:nth-child(7) { + animation-delay: 1.5s; +} +.aista-references-list li:nth-child(8) { + animation-delay: 1.75s; +} +.aista-references-list li:nth-child(9) { + animation-delay: 2s; +} +.aista-references-list li:nth-child(10) { + animation-delay: 2.25s; +} +.aista-references-list li a { + text-decoration: none !important; + color: rgb(128,128,255) !important; + transition: color, background-color .25s ease-in-out !important; + padding: 5px 5px 5px 10px !important; + display: block !important; + border-radius: 5px !important; + overflow: hidden !important; + text-overflow: ellipsis !important; + white-space: nowrap !important; +} +.aista-references-list li a:hover, +.aista-references-list li a:active, +.aista-references-list li a:focus { + color: rgb(90,90,235) !important; + transition: color, background-color .25s ease-in-out !important; + background-color: rgba(0,0,0,.1); +} +.aista-chat-form { + padding: 7px !important; + margin: 0 !important; +} +.aista-chat-prompt { + height: 50px; + border-style: solid; + margin: -7px !important; + font-size: 16px !important; + padding: 10px !important; + border: 1px solid rgba(0,0,0,.2) !important; + outline: none !important; + width: 103.16% !important; + box-sizing: border-box !important; + background:linear-gradient(#fcfeff, #fcfeff) !important; + border-radius: 1px 1px 7px 7px !important; +} +.aista-speech-button { + position: absolute; + right: 25px; + bottom: 14px; + height: 25px; + width: 20px; + font-size: 20px; + display: block; + background-color: transparent; + border: none; + cursor: pointer; + color: #059595; + transition: color .25s ease-in-out; +} +.aista-speech-button:hover, +.aista-speech-button:focus, +.aista-speech-button:active { + color: #212122; + transition: color .25s ease-in-out; +} +.aista-chat-prompt::placeholder { + color: rgb(180,181,188) !important; +}