|
#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); |
|
} |