Nastia website is more suitable for wide screens.
/* ==UserStyle==
@name Nastia responsive + customizations
@version 1.0.1
@description Nastia website is more suitable for wide screens.
@author BreatFR (https://breat.fr)
@namespace https://gitlab.com/breatfr
@homepageURL https://gitlab.com/breatfr/nastia
@supportURL https://discord.gg/fSgDHmekfG
@license AGPL-3.0-or-later; https://www.gnu.org/licenses/agpl-3.0.txt
@preprocessor stylus
@var text separator1 "🛠️ GENERAL 🛠️" "_"
@var checkbox blurcontent "Blur content" 0
@var text fontsize "Custom font size" 1.2rem
@var checkbox hidename "Hide name" 1
@var checkbox hidepremium "Hide premium" 1
@var checkbox hidescrollbars "Hide scrollbars" 1
@var checkbox hidesidebar "Hide sidebar" 0
@var checkbox hidetopbar "Hide topbar" 0
@var checkbox widemode "Wide mode" 1
@var text separator2 "💇♀️ AVATAR 💇♀️" "_"
@var text avatarcorner "Avatar corner" 1em
@var text avatarposition "Avatar position" 50%
@var text avatarsize "Avatar size" 80px
@var select avatarstyles "Avatar styles" {
"Default": "avatardefault",
"Big": "avatarbig",
"Left": "avatarleft",
"Right": "avatarright"
}
@var text avatarurl "Avatar URL (required for avatar styles other than 'default')" ""URL between quotes""
@var text separator3 "🎨 BACKGROUND 🎨" "_"
@var color backgroundcolor "Background color" rgba(26, 31, 43, 1)
@var text backgroundurl "Background URL (set 2 simple or double quotes without link to remove image)" ""https://gitlab.com/breatfr/nastia/-/raw/main/images/heart-pattern.png""
@var text separator4 "💬 BUBBLES 💬" "_"
@var color aibubblesbg "AI bubbles background" rgba(33, 27, 25, 1)
@var color aibubblescolor "AI bubbles color" #cbcbcb
@var color ourbubblesbg "Our bubbles background" rgba(27, 28, 30, 1)
@var color ourbubblescolor "Our bubbles color" #cbcbcb
==/UserStyle== */
/* === Credits ===
Website https://breat.fr
facebook https://www.facebook.com/breatfroff
mastodon https://mastodon.social/@breat_fr
telegram https://t.me/breatfr
vk https://vk.com/breatfroff
X (twitter) https://x.com/breatfroff
=== Credits === */
@-moz-document url("https://www.nastia.ai/app") {
/* Version */
:root {
--themeversion: 'Theme v1.0.1 by BreatFR (https://breat.fr)';
--install1: ' usercssjs.breat.fr';
--install2: ' gitlab.com/breatfr/nasita';
--support1: ' ko-fi.com/breatfr';
--support2: ' paypal.me/breat';
--avatarposition: avatarposition;
--avatarsize: avatarsize;
}
html:has(.icon-\\[ph--caret-left-bold\\]) body::after {
border-top: 1px solid #ffffff1a;
color: #ffffffb3;
content: var(--themeversion) '\A''\A''Install:\A' url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABGdBTUEAAK/INwWK6QAAAAlwSFlzAAAOwgAADsIBFShKgAAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAARxSURBVDhPvZR5TJNnGMAfBIUFzLSctqWUlqPcCBlQjhpdkGvNWCY2rQfKBihImMc4VgUhoIM4mG5z7MicCROZbBBxICAUHEeG6IRF2nKUwteDclhbbkq/7gO+ZRoy+W+/5P3n+Z7n9z7fm+d94X/DALDF0PC7v7alJVlVW1sir668qaiqKFf8cufG+G+1l2eaW+PQm02WePrrUd6uYg+WlTUKs8+phfHv6QdimLqhUM/FIZb74lC496IolqV/lnp0pb+0QDhaXs7ByzZi6OnZ+qiwuPhx8lH9ANNxQUUHZMEZBlZ2gkhvASJ0OwhRJxDqyCCaMYEhCflNbRf3gK4vvygWV7xKY3o6vzuGaVC7whjqDv3YEi8zYHiFZCTWO2BSexAvEWEYJWByG2y5Qr+UbKJ9wIsVoFcHTHHNOoLMy9R7rEBE4wZy1AdEiJ+16s9w5mQHlzvax96NoG4gHN1PHG2L440P+Lso9V4gxroVrZBhpJXpMdKUVULDVet8eTg+spNmrUEdYLg9xHPqAfdQzdOkU5zmD1J5ze5UGeoCIx0hNElXYub7dfG87yTMHeN4p5KW3TTJT8nnnXHVOmU8nle1K1VVz3CYv8s5xEcj09Z+ITc0NLbDbrsatYexGh/HHjAYjK6FR+3rtCdMoX4gXvABeSXTtVOQ8rPFmugfsDExqotmp/0aw87GQ2vkOzsX9TuaaGYtYfw6zbFyNZbFYKR07TLTYkLhE5KZ5ovAwItryZthyBWYXCJZNmqdQPXMHKay7IgXIgFM+XZWLZP0LRMaF0CuUym9d48kUfCS15PkyWR8bWOGoCQY7qMTFDnRUcIcdkx3vRdRPesMkm/td4xVRLHfwdM350MqPbHBynQOJYJwwnvrqJxhp5Z5kTQ62rZhhGwuLwgJkOeG7Q3G0zengE69I7cxfq61haEffN2U9TTKOGIHMpSCDbitkXjQ1/ZFiYeH7IJfqD9e8t9c2sN2qmBQEJQM0j8YhIkq9oFT7UeOcW7v3dfZ7USa1lOwOcQGu9/RYqk00KdGgJ03XvoqD9MKras+LY24cSzxVh9jp3re3hi5HxrcZgCD0ep3NPczQg2X+03/W+RxbDPRCg2ktX60sR8T+fQ1wcs0JSVRqnmcnvbDB/VP3g1aWLKEwTEGSXU/k9/bfKU0obeo1HU1byrjKrljD0u0bAVSFDuOR0EMpC670HtN8jIPCwvffuzrMjdnDlI9dq2wWyOeJ8KgOIym7uZEox2pJya6CvLauj6/0vQ0LEC5QoUB7KEY7ePu/6uv8JYtrvkXyfflDlJunFhnY6yYY1EV8pTjz1+wgyb0WBfLAOLpbSCTEm00w57kGS02Nqg5CKeD3WaHMrKu4YqNIB9nn1acOalEzmc0SE6e4Uj5OV+pTiTL5yNY03oXogwlvCFFbUylugCqQpMQPSPL/6RVkXDWAS/fyOpLLT543GfMPYiAh0CSks6S5+UVT/Kz702d/ah16txpgTKHX4PkXMyWhkXswtMwAP4GEl0BMY+jC7gAAAAASUVORK5CYII=") var(--install1) '\A'url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAUCAYAAACJfM0wAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwwAADsMBx2+oZAAAAvRJREFUOE+dU0lrU1EUfqhbK4rixiHvvptW+gu0TZqkrQWHhVJpKyoI4lRx3ghdOCwFrS24cwCbmKYtVelCqIorf0NBrGkSWqJkWmgb7Hvv+J37brSxg9UPDuGcb8h5Jy/Gn5hsEv3TodrNul0VZgJyC/t0uxjptvpNX1r8xUxENOvRqpAK+Vuz8JUCOzbqUTVSYauTDtZTOmL16dGqkAnLfvalIlaHHlUDgcP2vl2UDlufKRRap8crgnXwJT2fHNLj3yi0ig0gSl9b/FRoraXpsGjU1IpIhUSA9ezLRGRxEjma8pAJySPf2uqYpDl8Yuv7mloR0PWynn3KH5btmvIAYrASnMcGMHwiw1ij6SWB514L3WQO+gXBcU0bxkdD1qSDspBt9lM6JJmkXHMtJRvlbi1ZEskGa08eOtazj/2ZoMxPGHXrlaD8QBy2r0maPSlo9pRXzlmLih1iKhmQH3D7RcXzYqeYYl3Fw37OKfdah1Swk/DFKG6Rc8n06opJ7lWTqBvheMwS194FhZ7nzLOO9RWvyhn2RQ33ubnVjpozNIpvu2eSfQ510SvnsknZ/Ralm3Ae3LBS3GcPIAB8Rat88HPO/IA5bSB01I0hJApiEHVHiyDmbUpdglLB6mDuS0eF4n+Fsg9+znGQh2DfW0oIoiFsjIGqG6jz3sblMya/+FXB/GPxXG0MndJrL+dwnrqxHdvZ5SREnl5JcuIQPEWx6YJnVufgtwWh6tdHr0LB27gv69mn/AmRw7KdKpjhPtthYviGxiTRCLZ/CEM3zgHjwnOoM6DnOfOsYz374B+fQ46OrIYdN3sgcGnMIvsuNoG5fFqfg9/Xyhk4FDzrWI8z9OiI5fFjwAw6Q2KCXktybyMEd+THnwroM6DnOfNKFxMBbf07cn2yxhk2n9BLi+imoGK7oGSDVJ90C4W5MyIeu4/0v+xfYb/wnXCjokD4R6URTNexJXp71DyuJf8P9/026faJ8e/H5LyDT/fddktTy8AwfgLHRHNkJDm7EgAAAABJRU5ErkJggg==") var(--install2) '\A''\A''Support me:\A' url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAUCAYAAACaq43EAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwwAADsMBx2+oZAAAA2FJREFUSEu1lktIVGEYhqfIXW5ctUkDF250q4jLILLUvBSjzjh285pahoxIK3Fop0iRiWbiNRMUzcvIpI1dNkVGYBckIzTRAkVHCbOyt/f7/Y81alOgvvBw5nzf+b/3/Nc5Jq0I4iKPdpg7xEy2VCSZJtglfpBRkkm85CQoKSlBT0/PjtDf34+BgQG0trYiOzsbAQEBxkvcI/uJ0gMCt9uN3dLs7CzMZrNhPkD2ENOgBHp7e/Vj29P4+DhCQ0MRGBiIkJAQZGRkYH5+XuVSUlIM8ywxlkUAp9Opkl76+BlwjwDPXgPLKzpIjfDe+ZAuEzrwWzLEuvgH8kp+ywssLi7C4/EYw/6S/MW43QXEFwFH84BjF4CCq8CT50DZdSDmHGPpwImzwN0u3WBNg4ODhnGhFKdKCex2u8pbrVbJeSSx2XhqhqYXgcRLQPJljhGviTmMZfB6HkjNBixZgPkMYynAu/e6oZexXYprTYSFhal8ZWWl5FYkuNn4xSgQm0nDAsIep+YSGqcyZqG5hT220tR6Gog7AQwN6YZexsVSXOtpUFCQyjc0NEjuuwQfkw09ngZO0SSZvbJsNOMQW9OANCuvqUASjd++0Q29jAukOHWIeKKiolS+rKxMcl8l4Sbo6+tTiXWVcy6Pn6QB51HM0rRZmgWwaeJjAEcpsLqqGwEul8swvkVsZEzuOzo6VD4iIkJyn4jpviRk43tpaQmwF7M4e2QYGaTzBaSn+ZyCuTndYE3Dw8OGscLPzw8Oh0PlxFzHm8jaydXd3a2SXlrg/isqBBLi1swM46R4IJfTMMMp2aDl5WXU1NSgoqICTU1NmJqaUnGZAn9/fzH9QoLFuEuMOzs71QObJJtfzONjdU9pmsN5n95supXGxsaQn59v9PQbiSVKbQTt7e360S3EjY8rJcCRw0Aeh9eH6eTkJKKjoxEZGYng4GDDUBghUWRdt4k60H2KQ4iaag4v97gPyVqRemSByAnVSJLIXuKlawSNjY266fYk8yv1SLoU96UEog7w7WqV2yo8PFxMf5KDUvxfUn+NNpsNzc3NaGtrU9eWlpZ15F5OHaG+vh51dXWora1FdXU1qqqqUF5eDjkkpA65IUX/RweIfPrIUl/1gXxN/IkcfYKsVmGO3CT7iA+ZTL8ANy582NV4RdEAAAAASUVORK5CYII=") var(--support1) '\A'url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAUCAYAAABroNZJAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwwAADsMBx2+oZAAAAslJREFUOE+Nk0tIVFEYx6WNEC1attA7znXmnHNvpjH3js7GRQ+dKDKTMgx6UOnMvaNZaRAoGD0WRTQPH6Nii6CgRa1yUUGEjo+0mTSkB7UIF0G0aFlUxNd37jmOjo7QH/6cgXu+3/leU7BSxLSvaVXnvhDTWmNqRhap2TqmVbZf1PXDm2RIrjyetkJiWJ9Z5Vmgpr2+/ZFfeOcd8YUaZeiyvKalUtP6y/yt+YNXGLNFnwfiC++U4UII2a1Vta8KiKxjG/RAB2D5T2S4ENZt8w85EMMCYoTXmKJ5NtQXfiPDhZCayEL8EbwcghLWAC5av8Yl9CCoWiOUVoU+GGnYKBEO5KmOdXII74t3+ylQvPvBReryurhoF3iabgAdmX8mET0bsJxPmpwMh3jKj0vIgbxWlCB4O+4BG54DB6H77S1Y/4+lyfBTLTu6DqQelOIacFdjb/qmgcYnBYT5wgGxH6LzvCduvRFcqyHeOlCKasClHwJy5THQgRmgsZSAYD+O6YELAsCNUylx73NeVJRaPLkxWN0L7h2tQK6OAku+QsAEkFjqj4AY1vXl8eJkfCFQgx2g1neDWtcFakMPlJ6MgrfrIdB+fJ07Og7a0ByQ6PiChNiPsplUNAMNdgMdSgMbygAb5Kf47aQfn3AArO8lbL3zFlgi1eBAqGG/zm7rttNAj9wCOjjr1Ltk1jcDrH8WtGTGCdaSaSC3xy45AN1oUbCcr8zfJiBlCGkZzoGwxBS+nvqGk1ikiekMwgZIbNLvALiYYTdhJj+zkyk/A7TzQbbz/GUSTaVd0RebPfGPhTIsV7hk90VD0TgVx5dHxQ4gRB9Z4Fn0y+v5heP9Lv7aaLMNWHUn0JvPgSYmlyGxVLu8nl/MZxnMiNTgWcsqmmvJid4I6+WbiFPg5fAxxsf3yOv/J3r3fVAfnncAvKG4TL898YlS+TmPCgr+AaBy8VrppmCMAAAAAElFTkSuQmCC") var(--support2);
display: inline-block;
font-size: 1.2rem;
left: 0;
padding-top: .625rem;
pointer-events: none;
position: fixed;
text-align: center;
bottom: 10em;
width: 300px;
white-space: pre-line;
}
html:has(.icon-\\[ph--caret-right-bold\\]) body::after {
content: url("data:image/png;base64,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");
bottom: 18.5em;
display: inline-block;
left: 0;
pointer-events: none;
position: fixed;
text-align: center;
width: 80px;
}
/* App */
/* Custom font size */
.chat-text > span,
.typing-indicator,
[aria-label="Edit message"],
[aria-label="Message input"],
[aria-label="Message input"]::placeholder {
font-size: fontsize !important;
line-height: 1.5 !important;
}
/* Background */
.chat-window {
background: transparent;
backdrop-filter: none;
}
body > div:nth-of-type(1) > div:nth-of-type(1) {
background: url(backgroundurl) backgroundcolor center center / cover no-repeat !important;
}
/* Bubbles */
.incoming .chat-bubble,
.incoming .chat-bubble::before {
background: aibubblesbg !important;
color: aibubblescolor !important;
}
.typing-indicator {
background: aibubblesbg !important;
border-radius: 20px;
color: aibubblescolor !important;
gap: 0;
max-width: fit-content !important;
margin: auto !important;
}
.typing-indicator > .typing-indicator {
height: fit-content !important;
padding-right: .5em;
}
.typing-indicator:first-of-type {
padding: .5em !important;
}
.outgoing .chat-bubble,
.outgoing .chat-bubble::before {
background: ourbubblesbg !important;
color: ourbubblescolor !important;
}
/* Chat input */
.chat-input:has([aria-label="Message input"]:focus) {
border-color: rgb(104, 46, 221);
}
if (avatarstyles=="avatardefault") {
.chat-avatar {
align-self: center;
aspect-ratio: 1 / 1;
border-radius: avatarcorner;
height: auto !important;
min-width: avatarsize !important;
transition: .3s linear ease-in-out;
}
}
if (avatarstyles=="avatarbig") {
.chat-avatar {
display: none;
}
.messages-container::before {
align-self: center;
aspect-ratio: 1 / 1;
background: url(avatarurl) center center / cover no-repeat;
border-radius: avatarcorner;
content: "";
display: block;
height: auto;
max-width: calc(100vh - 155.8px - 55.8px - .25em);
min-height: calc(100vh - 155.8px - 55.8px - .25em);
position: fixed;
transition: .3s linear ease-in-out;
top: calc(55.8px + 1.5em);
width: auto;
}
html:has(.icon-\\[ph--caret-left-bold\\]) .messages-container::before {
left: calc(303px + 1.75em);
transition: .3s linear ease-in-out;
}
html:has(.icon-\\[ph--caret-right-bold\\]) .messages-container::before {
left: calc(80px + 2em);
transition: .3s linear ease-in-out;
}
.messages-container,
.typing-indicator {
margin-left: calc(100vh - 155.8px - 55.8px + .75em);
}
if hidesidebar {
.messages-container::before {
left: 1em !important;
min-height: calc(100vh - 155.8px - 2.5em);
min-width: calc(100vh - 155.8px - 2.5em);
top: calc(55.8px + 1em);
}
.messages-container,
.typing-indicator {
margin-left: calc(100vh - 155.8px - 1.75em);
}
}
if hidetopbar {
.messages-container::before {
min-height: calc(100vh - 155.8px - .25em);
min-width: calc(100vh - 155.8px - .25em);
top: 1.5em;
}
.messages-container,
.typing-indicator {
margin-left: calc(100vh - 155.8px + .75em);
}
}
if hidesidebar && hidetopbar {
.messages-container::before {
min-height: calc(100vh - 155.8px + 1em);
min-width: calc(100vh - 155.8px + 1em);
top: 1em;
}
.messages-container,
.typing-indicator {
margin-left: calc(100vh - 155.8px + 2em);
}
}
}
if (avatarstyles=="avatarleft") {
.chat-avatar {
display: none;
}
.messages-container::before {
align-self: center;
aspect-ratio: 1 / 1;
background: url(avatarurl) center center / cover no-repeat;
border-radius: avatarcorner;
content: "";
display: block;
height: auto;
max-width: avatarsize;
min-height: avatarsize;
position: fixed;
top: avatarposition;
transform: translateY(calc(-1 * var(--avatarposition)));
transition: .3s linear ease-in-out;
width: auto;
}
html:has(.icon-\\[ph--caret-left-bold\\]) .messages-container::before {
left: calc(303px + 1.5em);
transition: .3s linear ease-in-out;
}
html:has(.icon-\\[ph--caret-right-bold\\]) .messages-container::before {
left: calc(80px + 1.5em);
transition: .3s linear ease-in-out;
}
.messages-container {
margin-left: calc(var(--avatarsize) + .5em);
}
if hidesidebar {
.messages-container::before {
left: 1em !important;
}
.messages-container {
margin-left: calc(var(--avatarsize) + 1em)
}
}
if hidetopbar {
.messages-container {
margin-left: calc(var(--avatarsize) + 1em)
}
html:has(.icon-\\[ph--caret-left-bold\\]) .messages-container::before {
left: calc(303px + 1.5em) !important;
transition: .3s linear ease-in-out;
}
}
if hidesidebar && hidetopbar {
.messages-container {
margin-left: calc(var(--avatarsize) + 1em);
}
}
}
if (avatarstyles=="avatarright") {
.basic-reactions {
margin-left: auto;
}
.chat-avatar {
display: none;
}
.messages-container::before {
align-self: center;
aspect-ratio: 1 / 1;
background: url(avatarurl) center center / cover no-repeat;
border-radius: avatarcorner;
content: "";
display: block;
height: auto;
left: auto;
max-width: avatarsize;
min-height: avatarsize;
position: fixed;
right: 1em;
top: avatarposition;
transform: translateY(calc(-1 * var(--avatarposition)));
transition: .3s linear ease-in-out;
width: auto;
}
.messages-container {
margin-right: calc(var(--avatarsize) + .5em);
}
}
if blurcontent {
.chat-text > span {
color: transparent !important;
}
.chat-text::before {
color: #cbcbcb;
content: "Hidden text";
font-size: 2rem;
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
white-space: nowrap;
}
}
if hidename {
.chat-name {
display: none;
}
}
if hidepremium {
[href="/app/membership"] {
display: none !important;
}
html:has(.icon-\\[ph--caret-right-bold\\]) body::after {
bottom: 14em !important;
}
}
if hidescrollbars {
*,
:root ::-webkit-scrollbar {
scrollbar-width: none !important;
-ms-overflow-style: none !important;
-moz-overflow-style: none !important;
-webkit-overflow-style: none !important;
}
::-webkit-scrollbar {
display: none;
width: 0;
}
}
if hidesidebar {
.relative.flex.min-h-screen.flex-row > div:nth-of-type(1) {
display: none !important;
}
#main-content {
padding: 0;
}
.chat-window,
.chat-window > div > div:nth-of-type(1) > header {
border-radius: 0;
}
html:has(.icon-\\[ph--caret-right-bold\\]) body::after {
display: none;
}
}
if hidetopbar {
header {
display: none !important;
}
}
if widemode {
aside > label {
bottom: 50vh !important;
transform: translateY(50%);
}
/* Save space */
.messages-container > div > div:nth-of-type(1) {
display: none;
}
/* Some space between bubbles */
.messages-container > div {
display: flex;
flex-direction: column;
gap: 1em;
padding-bottom: 0;
}
/* AI bubbles */
.chat-content {
max-width: 80%;
}
.chat-message {
align-items: center !important;
}
/* AI bubbles tooltips */
.basic-reactions {
align-items: center;
display: flex;
justify-content: space-evenly;
width: avatarsize;
}
[aria-label="Thumbs down reaction"] span,
[aria-label="Thumbs up reaction"] > span {
height: 100% !important;
width: 100% !important;
}
fieldset {
margin: auto;
width: fit-content !important;
}
.extended-controls > label {
margin-bottom: 0;
}
[aria-label="More information"] {
align-self: center;
height: 24px !important;
width: 24px !important;
}
/* AI bubbles 3 dots */
.incoming .message-actions-button {
margin: auto auto auto 0 !important;
}
/* Bubbles */
[aria-label="Edit message"],
.chat-bubble {
padding: 1.25em !important;
}
/* Our bubbles 3 dots */
.outgoing .message-actions-button {
margin: auto 0 auto auto !important;
}
/* Chat input */
#main-content > div > div > div:nth-of-type(3) > div:nth-of-type(3) > div > div:nth-of-type(1) > button:nth-of-type(1) {
margin-left: auto;
}
.icon-\\[ph--cloud-fill\\],
.icon-\\[ph--coins-fill\\] {
min-height: fontsize !important;
min-width: fontsize !important;
}
span[class="text-xs cursor-pointer text-gray-200 hover:text-gray-100"] {
font-size: fontsize;
line-height: 1.5;
margin-left: .3em;
}
[aria-label="Message input"] {
height: auto !important;
}
[aria-label="Add asterisks for roleplay"] span,
[aria-label="Attach image"] span {
min-height: fontsize !important;
min-width: fontsize !important;
}
}
}
@-moz-document regexp("(chrome|moz)-extension://.+") {
/* ===================================================
Stylus popup
=================================================== */
html:has([href*="domain=nastia.ai"]):has(label:nth-of-type(23):last-of-type) {
/* Title */
#stylus-popup #message-box-title {
width: 100%;
}
/* Input content */
#stylus-popup #message-box .config-body > label input {
border-radius: .5em;
text-align: center;
}
/* Range */
#stylus-popup #message-box .config-body > label span:nth-of-type(2) {
text-align: right;
}
/* Color picker size */
#stylus-popup #message-box .config-body > label .colorview-swatch,
#stylus-popup #message-box .config-body > label .colorview-swatch a,
#stylus-popup #message-box .config-body > label .colorview-swatch::before {
border-radius: .5em;
}
/* Select size */
#stylus-popup #message-box .config-body > label select {
border-radius: .5em;
text-align: center;
}
/* Fake spaces to improve presentation */
/* General */
#stylus-popup #message-box .config-body > label:nth-of-type(1) input,
/* Avatar */
#stylus-popup #message-box .config-body > label:nth-of-type(10) input,
/* Background */
#stylus-popup #message-box .config-body > label:nth-of-type(16) input,
/* Bubbles */
#stylus-popup #message-box .config-body > label:nth-of-type(19) input {
height: 0;
max-width: 0;
min-width: 0;
opacity: 0;
padding: 0;
pointer-events: none;
width: 0;
}
/* Avoid move when click on fake titles */
#stylus-popup #message-box .config-body > label:nth-of-type(1),
#stylus-popup #message-box .config-body > label:nth-of-type(10),
#stylus-popup #message-box .config-body > label:nth-of-type(16),
#stylus-popup #message-box .config-body > label:nth-of-type(19) {
pointer-events: none;
}
/* Bigger lines for fake titles */
#stylus-popup #message-box .config-body > label:nth-of-type(1) *,
#stylus-popup #message-box .config-body > label:nth-of-type(10) *,
#stylus-popup #message-box .config-body > label:nth-of-type(16) *,
#stylus-popup #message-box .config-body > label:nth-of-type(19) * {
line-height: 3;
}
/* Center fake titles */
#stylus-popup #message-box .config-body > label:nth-of-type(1) span,
#stylus-popup #message-box .config-body > label:nth-of-type(10) span,
#stylus-popup #message-box .config-body > label:nth-of-type(16) span,
#stylus-popup #message-box .config-body > label:nth-of-type(19) span {
margin-right: 0;
min-width: 100%;
text-align: center;
}
}
}