OpenMotionLab/MotionGPT

1/* Borrowed from https://huggingface.co/spaces/project-baize/chat-with-baize */2 3:root {4  --chatbot-color-light: #f6f6f6;5  --chatbot-color-dark: #121111;6}7 8/* Light mode (default) */9#mGPT {10  background-color: var(--chatbot-color-light) !important;11  color: #000000 !important;12}13 14[class*='message bot'] {15  background-color: #ffffff !important;16}17[class*='message user'] {18  background-color: #95ec69 !important;19}20 21/* Dark mode */22.dark #mGPT {23  background-color: var(--chatbot-color-dark) !important;24  color: #ffffff !important;25}26.dark [class*='message bot'] {27  background-color: #2c2c2c !important;28}29 30.dark [class*='message user'] {31  background-color: #26b561 !important;32}33 34#mGPT {35  height: 100%;36  min-height: 500px;37}38 39[class*='message-buttons'] {40  visibility: hidden;41}42 43[class*='message'] {44  border: none;45  border-radius: var(--radius-xl) !important;46  /* font-size: var(--text-xl) !important;47  line-height: var(--line-xl) !important; */48}49 50[class*='message user'] {51  max-width: 70%;52  width: auto !important;53  border-bottom-right-radius: 0 !important;54}55 56[class*='message bot'] {57  max-width: 70%;58  width: auto !important;59  border-bottom-left-radius: 0 !important;60}61 62/* Text & Video */63#method {64  line-height: 1.95 !important;65}66 67.side-content {68  max-width: 340px;69}70 71/* Buttom */72 73.videodl-button {74  position: absolute;75  left: 80%;76  top: 5px;77  width: 24px;78  height: 24px;79}80 81.videodl-button svg {82  width: 24px;83  height: 24px;84}85 86.npydl-button {87  position: absolute;88  left: 90%;89  top: 5px;90  width: 24px;91  height: 24px;92}93 94.npydl-button svg {95  width: 24px;96  height: 24px;97}98 99/* Table */100table {101  margin: 1em 0;102  border-collapse: collapse;103  empty-cells: show;104}105td,106th {107  border: 1.2px solid var(--border-color-primary) !important;108  padding: 0.2em;109}110thead {111  background-color: rgba(175, 184, 193, 0.2);112}113thead th {114  padding: 0.5em 0.2em;115}116/* Inline code */117#mGPT code {118  display: inline;119  white-space: break-spaces;120  border-radius: 6px;121  margin: 0 2px 0 2px;122  padding: 0.2em 0.4em 0.1em 0.4em;123  background-color: rgba(175, 184, 193, 0.2);124}125/* Code block */126#mGPT pre code {127  display: block;128  overflow: auto;129  white-space: pre;130  background-color: hsla(0, 0%, 0%, 80%) !important;131  border-radius: 10px;132  padding: 1.4em 1.2em 0em 1.4em;133  margin: 1.2em 2em 1.2em 0.5em;134  color: #fff;135  box-shadow: 6px 6px 16px hsla(0, 0%, 0%, 0.2);136}137/* Hightlight */138#mGPT .highlight {139  background-color: transparent;140}141#mGPT .highlight .hll {142  background-color: #49483e;143}144#mGPT .highlight .c {145  color: #75715e;146} /* Comment */147#mGPT .highlight .err {148  color: #960050;149  background-color: #1e0010;150} /* Error */151#mGPT .highlight .k {152  color: #66d9ef;153} /* Keyword */154#mGPT .highlight .l {155  color: #ae81ff;156} /* Literal */157#mGPT .highlight .n {158  color: #f8f8f2;159} /* Name */160#mGPT .highlight .o {161  color: #f92672;162} /* Operator */163#mGPT .highlight .p {164  color: #f8f8f2;165} /* Punctuation */166#mGPT .highlight .ch {167  color: #75715e;168} /* Comment.Hashbang */169#mGPT .highlight .cm {170  color: #75715e;171} /* Comment.Multiline */172#mGPT .highlight .cp {173  color: #75715e;174} /* Comment.Preproc */175#mGPT .highlight .cpf {176  color: #75715e;177} /* Comment.PreprocFile */178#mGPT .highlight .c1 {179  color: #75715e;180} /* Comment.Single */181#mGPT .highlight .cs {182  color: #75715e;183} /* Comment.Special */184#mGPT .highlight .gd {185  color: #f92672;186} /* Generic.Deleted */187#mGPT .highlight .ge {188  font-style: italic;189} /* Generic.Emph */190#mGPT .highlight .gi {191  color: #a6e22e;192} /* Generic.Inserted */193#mGPT .highlight .gs {194  font-weight: bold;195} /* Generic.Strong */196#mGPT .highlight .gu {197  color: #75715e;198} /* Generic.Subheading */199#mGPT .highlight .kc {200  color: #66d9ef;201} /* Keyword.Constant */202#mGPT .highlight .kd {203  color: #66d9ef;204} /* Keyword.Declaration */205#mGPT .highlight .kn {206  color: #f92672;207} /* Keyword.Namespace */208#mGPT .highlight .kp {209  color: #66d9ef;210} /* Keyword.Pseudo */211#mGPT .highlight .kr {212  color: #66d9ef;213} /* Keyword.Reserved */214#mGPT .highlight .kt {215  color: #66d9ef;216} /* Keyword.Type */217#mGPT .highlight .ld {218  color: #e6db74;219} /* Literal.Date */220#mGPT .highlight .m {221  color: #ae81ff;222} /* Literal.Number */223#mGPT .highlight .s {224  color: #e6db74;225} /* Literal.String */226#mGPT .highlight .na {227  color: #a6e22e;228} /* Name.Attribute */229#mGPT .highlight .nb {230  color: #f8f8f2;231} /* Name.Builtin */232#mGPT .highlight .nc {233  color: #a6e22e;234} /* Name.Class */235#mGPT .highlight .no {236  color: #66d9ef;237} /* Name.Constant */238#mGPT .highlight .nd {239  color: #a6e22e;240} /* Name.Decorator */241#mGPT .highlight .ni {242  color: #f8f8f2;243} /* Name.Entity */244#mGPT .highlight .ne {245  color: #a6e22e;246} /* Name.Exception */247#mGPT .highlight .nf {248  color: #a6e22e;249} /* Name.Function */250#mGPT .highlight .nl {251  color: #f8f8f2;252} /* Name.Label */253#mGPT .highlight .nn {254  color: #f8f8f2;255} /* Name.Namespace */256#mGPT .highlight .nx {257  color: #a6e22e;258} /* Name.Other */259#mGPT .highlight .py {260  color: #f8f8f2;261} /* Name.Property */262#mGPT .highlight .nt {263  color: #f92672;264} /* Name.Tag */265#mGPT .highlight .nv {266  color: #f8f8f2;267} /* Name.Variable */268#mGPT .highlight .ow {269  color: #f92672;270} /* Operator.Word */271#mGPT .highlight .w {272  color: #f8f8f2;273} /* Text.Whitespace */274#mGPT .highlight .mb {275  color: #ae81ff;276} /* Literal.Number.Bin */277#mGPT .highlight .mf {278  color: #ae81ff;279} /* Literal.Number.Float */280#mGPT .highlight .mh {281  color: #ae81ff;282} /* Literal.Number.Hex */283#mGPT .highlight .mi {284  color: #ae81ff;285} /* Literal.Number.Integer */286#mGPT .highlight .mo {287  color: #ae81ff;288} /* Literal.Number.Oct */289#mGPT .highlight .sa {290  color: #e6db74;291} /* Literal.String.Affix */292#mGPT .highlight .sb {293  color: #e6db74;294} /* Literal.String.Backtick */295#mGPT .highlight .sc {296  color: #e6db74;297} /* Literal.String.Char */298#mGPT .highlight .dl {299  color: #e6db74;300} /* Literal.String.Delimiter */301#mGPT .highlight .sd {302  color: #e6db74;303} /* Literal.String.Doc */304#mGPT .highlight .s2 {305  color: #e6db74;306} /* Literal.String.Double */307#mGPT .highlight .se {308  color: #ae81ff;309} /* Literal.String.Escape */310#mGPT .highlight .sh {311  color: #e6db74;312} /* Literal.String.Heredoc */313#mGPT .highlight .si {314  color: #e6db74;315} /* Literal.String.Interpol */316#mGPT .highlight .sx {317  color: #e6db74;318} /* Literal.String.Other */319#mGPT .highlight .sr {320  color: #e6db74;321} /* Literal.String.Regex */322#mGPT .highlight .s1 {323  color: #e6db74;324} /* Literal.String.Single */325#mGPT .highlight .ss {326  color: #e6db74;327} /* Literal.String.Symbol */328#mGPT .highlight .bp {329  color: #f8f8f2;330} /* Name.Builtin.Pseudo */331#mGPT .highlight .fm {332  color: #a6e22e;333} /* Name.Function.Magic */334#mGPT .highlight .vc {335  color: #f8f8f2;336} /* Name.Variable.Class */337#mGPT .highlight .vg {338  color: #f8f8f2;339} /* Name.Variable.Global */340#mGPT .highlight .vi {341  color: #f8f8f2;342} /* Name.Variable.Instance */343#mGPT .highlight .vm {344  color: #f8f8f2;345} /* Name.Variable.Magic */346#mGPT .highlight .il {347  color: #ae81ff;348} /* Literal.Number.Integer.Long */349