Restyle welcome
| @@ -4,7 +4,6 @@ | |||
| 4 | <a href="https://docs.sillytavern.app/usage/update/" target="_blank" data-i18n="Want to update?"> | 4 | <a href="https://docs.sillytavern.app/usage/update/" target="_blank" data-i18n="Want to update?"> |
| 5 | Want to update? | 5 | Want to update? |
| 6 | </a> | 6 | </a> |
| 7 | <hr> | ||
| 8 | <h3 data-i18n="How to start chatting?">How to start chatting?</h3> | 7 | <h3 data-i18n="How to start chatting?">How to start chatting?</h3> |
| 9 | <ol> | 8 | <ol> |
| 10 | <li> | 9 | <li> |
| @@ -13,10 +12,10 @@ | |||
| 13 | <i class="fa-solid fa-plug"></i> | 12 | <i class="fa-solid fa-plug"></i> |
| 14 | <span data-i18n="[title]API Connections">API Connections</span> | 13 | <span data-i18n="[title]API Connections">API Connections</span> |
| 15 | </button> | 14 | </button> |
| 16 | <span data-i18n="and select a">and select a</span> | 15 | <span data-i18n="and connect to an">and connect to an</span> |
| 17 | <a href="https://docs.sillytavern.app/usage/api-connections/" target="_blank"> | 16 | <a href="https://docs.sillytavern.app/usage/api-connections/" target="_blank"> |
| 18 | <span class="fa-solid fa-circle-question"></span> | 17 | <span class="fa-solid fa-circle-question"></span> |
| 19 | <span data-i18n="Chat API">Chat API</span></a>. | 18 | <span data-i18n="API">API</span></a>. |
| 20 | </li> | 19 | </li> |
| 21 | <li> | 20 | <li> |
| 22 | <span data-i18n="Click _space">Click </span> | 21 | <span data-i18n="Click _space">Click </span> |
| @@ -28,7 +27,7 @@ | |||
| 28 | </li> | 27 | </li> |
| 29 | </ol> | 28 | </ol> |
| 30 | 29 | ||
| 31 | <p> | 30 | <div> |
| 32 | <span data-i18n="You can add more">You can add more</span> | 31 | <span data-i18n="You can add more">You can add more</span> |
| 33 | <button class="open_characters_library menu_button menu_button_icon inline-flex"> | 32 | <button class="open_characters_library menu_button menu_button_icon inline-flex"> |
| 34 | <i class="fa-solid fa-image-portrait"></i> | 33 | <i class="fa-solid fa-image-portrait"></i> |
| @@ -40,7 +39,8 @@ | |||
| 40 | <span data-i18n="Import Characters">Import characters</span> | 39 | <span data-i18n="Import Characters">Import characters</span> |
| 41 | </button> | 40 | </button> |
| 42 | <span data-i18n="from other websites">from other websites.</span> | 41 | <span data-i18n="from other websites">from other websites.</span> |
| 43 | 42 | </div> | |
| 43 | <div> | ||
| 44 | <span data-i18n="Go to the">Go to the</span> | 44 | <span data-i18n="Go to the">Go to the</span> |
| 45 | 45 | ||
| 46 | <i data-i18n="Download Extensions & Assets">Download Extensions & Assets</i> | 46 | <i data-i18n="Download Extensions & Assets">Download Extensions & Assets</i> |
| @@ -52,15 +52,14 @@ | |||
| 52 | </button> | 52 | </button> |
| 53 | 53 | ||
| 54 | <span data-i18n="to install additional features.">to install additional features.</span> | 54 | <span data-i18n="to install additional features.">to install additional features.</span> |
| 55 | </p> | 55 | </div> |
| 56 | 56 | ||
| 57 | <hr> | ||
| 58 | <h3 data-i18n="Confused or lost?">Confused or lost?</h3> | 57 | <h3 data-i18n="Confused or lost?">Confused or lost?</h3> |
| 59 | <ul> | 58 | <ul> |
| 60 | <li> | 59 | <li> |
| 61 | <span class="note-link-span"><a class="fa-solid fa-circle-question" target="_blank" | 60 | <span class="note-link-span"><a class="fa-solid fa-circle-question" target="_blank" |
| 62 | href="https://docs.sillytavern.app/"></a></span> - <span | 61 | href="https://docs.sillytavern.app/"></a></span> - <span data-i18n="click these icons!">click these |
| 63 | data-i18n="click these icons!">click these icons!</span> | 62 | icons!</span> |
| 64 | </li> | 63 | </li> |
| 65 | <li> | 64 | <li> |
| 66 | <span data-i18n="Enter">Enter </span><code>/?</code><span data-i18n="in the chat bar"> in the chat bar</span> | 65 | <span data-i18n="Enter">Enter </span><code>/?</code><span data-i18n="in the chat bar"> in the chat bar</span> |
| @@ -72,7 +71,6 @@ | |||
| 72 | </li> | 71 | </li> |
| 73 | </ul> | 72 | </ul> |
| 74 | 73 | ||
| 75 | <hr> | ||
| 76 | <h3 data-i18n="Still have questions?">Still have questions?</h3> | 74 | <h3 data-i18n="Still have questions?">Still have questions?</h3> |
| 77 | <ul> | 75 | <ul> |
| 78 | <li> | 76 | <li> |
| @@ -92,4 +90,3 @@ | |||
| 92 | </a> | 90 | </a> |
| 93 | </li> | 91 | </li> |
| 94 | </ul> | 92 | </ul> |
| 95 | |||
| @@ -314,6 +314,12 @@ input[type='checkbox']:focus-visible { | |||
| 314 | display: inline-block; | 314 | display: inline-block; |
| 315 | } | 315 | } |
| 316 | 316 | ||
| 317 | .mes_text ol, | ||
| 318 | .mes_text ul { | ||
| 319 | margin-top: 5px; | ||
| 320 | margin-bottom: 5px; | ||
| 321 | } | ||
| 322 | |||
| 317 | .mes_text br, | 323 | .mes_text br, |
| 318 | .mes_bias br { | 324 | .mes_bias br { |
| 319 | content: ' '; | 325 | content: ' '; |