Spaces:
Sleeping
Sleeping
| .gradio-container { | |
| background-color: #82ff5e | |
| } | |
| .apikey { | |
| background: #aaaaaa; | |
| color: white; | |
| font-family: 'Comic Sans MS', cursive, sans-serif; | |
| } | |
| .apikey textarea { | |
| background: gray; | |
| color: white; | |
| padding: 10px 20px; | |
| border: 3px solid #6a6a6a; | |
| cursor: pointer; | |
| font-family: 'Comic Sans MS', cursive, sans-serif; | |
| font-size: 16px; | |
| box-shadow: 3px 3px 0 #4a4a4a; | |
| } | |
| .chatbox { | |
| background: #ffac11; | |
| color: white; | |
| padding: 10px 20px; | |
| border: 0 | |
| cursor: pointer; | |
| font-family: 'Comic Sans MS', cursive, sans-serif; | |
| font-size: 16px; | |
| box-shadow: 3px 3px 0 #a65300; | |
| transition: all 0.3s; | |
| } | |
| .message.user { | |
| border: 3px solid #ca7000; | |
| background: darkorange; | |
| cursor: pointer; | |
| font-size: 16px; | |
| box-shadow: 3px 3px 0 #954a00; | |
| } | |
| .message.bot { | |
| border: 3px solid #bfbfbf; | |
| background: white; | |
| color: black; | |
| cursor: pointer; | |
| font-size: 16px; | |
| box-shadow: 3px 3px 0 #9f9f9f; | |
| } | |
| .txtmsg { | |
| background: #ff8080; | |
| color: white; | |
| font-family: 'Comic Sans MS', cursive, sans-serif; | |
| } | |
| .txtmsg textarea { | |
| background: #ff5555; | |
| color: white; | |
| padding: 10px 20px; | |
| border: 3px solid #ff3737; | |
| cursor: pointer; | |
| font-family: 'Comic Sans MS', cursive, sans-serif; | |
| font-size: 16px; | |
| box-shadow: 3px 3px 0 #c40000; | |
| } | |
| .submit { | |
| background: #11b1ff; | |
| color: white; | |
| padding: 10px 20px; | |
| border: 3px solid #0080c0; | |
| cursor: pointer; | |
| font-family: 'Comic Sans MS', sans-serif; | |
| font-size: 16px; | |
| text-shadow: -1px -1px 0 #000, 1px 1px 0 #000; | |
| box-shadow: 3px 3px 0 #000; | |
| transition: all 0.3s; | |
| } | |
| .submit:hover { | |
| background-color: #006b77; /* A darker shade for hover state */ | |
| box-shadow: 1px 1px 0 #000; /* Less pronounced shadow to simulate button press */ | |
| } | |
| .submit:active { | |
| box-shadow: inset 1px 1px 2px #000; /* Inner shadow to simulate the button being pressed */ | |
| position: relative; | |
| top: 2px; /* Slightly offset the button to make it look like it's being pressed */ | |
| left: 2px; | |
| } | |
| .clear { | |
| background: #00cc00; | |
| color: white; | |
| padding: 10px 20px; | |
| border: 3px solid green; | |
| cursor: pointer; | |
| font-family: 'Comic Sans MS', cursive, sans-serif; | |
| font-size: 16px; | |
| text-shadow: -1px -1px 0 #000, 1px 1px 0 #000; | |
| box-shadow: 3px 3px 0 #000; | |
| transition: all 0.3s; | |
| } | |
| .clear:hover { | |
| background-color: #007d00; | |
| box-shadow: 1px 1px 0 #000; | |
| } | |
| .clear:active { | |
| box-shadow: inset 1px 1px 2px #000; | |
| position: relative; | |
| top: 2px; | |
| left: 2px; | |
| } | |
| .aiperson{ | |
| background: #9f40ff; | |
| color: white; | |
| font-family: 'Comic Sans MS', cursive, sans-serif; | |
| } | |
| .aiperson textarea{ | |
| background: #6a00d5; | |
| color: white; | |
| padding: 10px 20px; | |
| border: 3px solid #6000bf; | |
| cursor: pointer; | |
| font-family: 'Comic Sans MS', cursive, sans-serif; | |
| font-size: 16px; | |
| box-shadow: 3px 3px 0 #4a0095; | |
| } |