-
-
Notifications
You must be signed in to change notification settings - Fork 137
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
1 changed file
with
395 additions
and
0 deletions.
There are no files selected for viewing
395 changes: 395 additions & 0 deletions
395
backend/files/system/openai/front.files/chat/minimalistic.css
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -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; | ||
| } |