| #col-container {max-width: 80%; margin-left: auto; margin-right: auto;} |
| #chatbox {min-height: 400px;} |
| #header {text-align: center;} |
| #prompt_template_preview {padding: 1em; border-width: 1px; border-style: solid; border-color: #e0e0e0; border-radius: 4px;} |
| #total_tokens_str {text-align: right; font-size: 0.8em; color: #666;} |
| #label {font-size: 0.8em; padding: 0.5em; margin: 0;} |
| #ids{visibility: hidden;} |
| footer {visibility: hidden;} |
|
|
| .message { |
| white-space: pre-line !important; |
| } |
|
|
| |
| table { |
| margin: 1em 0; |
| border-collapse: separate; |
| border-spacing: 0px 0px; |
| border: 1px solid #333; |
| empty-cells: show; |
| width: 100%; |
| } |
| td,th { |
| border: 1px solid #697070 !important; |
| padding: 0.2em; |
| } |
| thead { |
| background-color: rgba(175,184,193,0.2); |
| } |
| thead th { |
| padding: .5em .2em; |
| } |
| tbody td { |
| text-indent: .5em; |
| } |
| |
| code { |
| display: inline; |
| white-space: break-spaces; |
| border-radius: 6px; |
| margin: 0 2px 0 2px; |
| padding: .2em .4em .1em .4em; |
| background-color: rgba(175,184,193,0.2); |
| } |
| |
| pre code { |
| display: block; |
| white-space: pre-wrap; |
| word-wrap: break-word; |
| background-color: hsla(0, 0%, 0%, 80%)!important; |
| border-radius: 10px; |
| padding: 1rem 1.2rem 1rem; |
| margin: 1.2em 2em 1.2em 0.5em; |
| font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace; |
| color: #FFF; |
| box-shadow: 6px 6px 16px hsla(0, 0%, 0%, 0.2); |
| } |
