Update styles for mes_reasoning

24c16f622fb83c7a723ee0970980188471fd9ea5

Cohee <18619528+Cohee1207@users.noreply.github.com>

Parents: 9a2968d1eb10e1fd6d05e79551ba3258cfadbf4f
1 files changed, +40 -19Ignore whitespace
public/style.css+40 -19
@@ -292,36 +292,44 @@ input[type='checkbox']:focus-visible {
292292 filter: grayscale(25%);
293293}
294294
295295.mes_text table {,
296+.mes_reasoning table {
296297 border-spacing: 0;
297298 border-collapse: collapse;
298299 margin-bottom: 10px;
299300}
300301
301302.mes_text td,
302303.mes_text th {,
304+.mes_reasoning td,
305+.mes_reasoning th {
303306 border: 1px solid;
304307 border-collapse: collapse;
305308 padding: 0.25em;
306309}
307310
308311.mes_text p {,
312+.mes_reasoning p {
309313 margin-top: 0;
310314 margin-bottom: 10px;
311315}
312316
313317.mes_text li tt {,
318+.mes_reasoning li tt {
314319 display: inline-block;
315320}
316321
317322.mes_text ol,
318323.mes_text ul {,
324+.mes_reasoning ol,
325+.mes_reasoning ul {
319326 margin-top: 5px;
320327 margin-bottom: 5px;
321328}
322329
323330.mes_text br,
324331.mes_bias br {,
332+.mes_reasoning br {
325333 content: ' ';
326334}
327335
@@ -340,7 +348,7 @@ input[type='checkbox']:focus-visible {
340348 padding: 5px;
341349 margin: 5px 0;
342350 overflow-y: auto;
343351 max-height: min(50vh, 300px)90vh;
344352}
345353
346354.mes_reasoning_summary {
@@ -370,24 +378,30 @@ input[type='checkbox']:focus-visible {
370378}
371379
372380.mes_text i,
373381.mes_text em {,
382+.mes_reasoning i,
383+.mes_reasoning em {
374384 color: var(--SmartThemeEmColor);
375385}
376386
377387.mes_text u {,
388+.mes_reasoning u {
378389 color: var(--SmartThemeUnderlineColor);
379390}
380391
381392.mes_text q {,
393+.mes_reasoning q {
382394 color: var(--SmartThemeQuoteColor);
383395}
384396
385397.mes_text font[color] em,
386398.mes_text font[color] i {,
387- color: inherit;
399+.mes_text font[color] u,
388-}
400+.mes_text font[color] q,
389-
401+.mes_reasoning font[color] em,
390402.mes_textmes_reasoning font[color] q {i,
403+.mes_reasoning font[color] u,
404+.mes_reasoning font[color] q {
391405 color: inherit;
392406}
393407
@@ -395,7 +409,8 @@ input[type='checkbox']:focus-visible {
395409 display: block;
396410}
397411
398412.mes_text blockquote {,
413+.mes_reasoning blockquote {
399414 border-left: 3px solid var(--SmartThemeQuoteColor);
400415 padding-left: 10px;
401416 background-color: var(--black30a);
@@ -405,18 +420,24 @@ input[type='checkbox']:focus-visible {
405420.mes_text strong em,
406421.mes_text strong,
407422.mes_text h2,
408423.mes_text h1 {,
424+.mes_reasoning strong em,
425+.mes_reasoning strong,
426+.mes_reasoning h2,
427+.mes_reasoning h1 {
409428 font-weight: bold;
410429}
411430
412431.mes_text pre code {,
432+.mes_reasoning pre code {
413433 position: relative;
414434 display: block;
415435 overflow-x: auto;
416436 padding: 1em;
417437}
418438
419439.mes_text img:not(.mes_img) {,
440+.mes_reasoning img:not(.mes_img) {
420441 max-width: 100%;
421442 max-height: var(--doc-height);
422443}