/* ==UserStyle==
@name drawaria css
@version 20220703.15.29
@namespace userstyles.world/user/mfti95
@description css for drawaria.online
@author mfti95
@license No License
==/UserStyle== */
/* ==UserStyle==
@name css
@version 20220223.11.36
@namespace userstyles.world/user/insert___text
@description Dark theme for Drawaria.online
@author insert___text
@license No License
==/UserStyle== */
@-moz-document url("https://drawaria.online") {
*/
}
@-moz-document url-prefix("https://drawaria.online") {
/*main page*/
body {
background: url("https://cdn.discordapp.com/attachments/863195570779586562/992493004461977650/1.gif") center fixed !important;
background-color: #000 !important;
color: #fff; /*разный цвет текста*/
} /*фон*/
.btn-primary {
color: #fff;
background-color: #9063ab;
border-color: #9063ab;
}
.btn-primary:hover {
color: #fff;
background-color: #9063ab;
border-color: #9063ab;
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
color: #fff;
background-color: #9063ab;
border-color: #9063ab;
}
.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle:focus {
box-shadow:0 0 0 .2rem #00847870;
}
.btn-primary.focus,
.btn-primary:focus {
box-shadow:0 0 0 .2rem #00847870;
}
.btn-outline-primary {
color: #9063ab;
border-color: #9063ab;
}
.btn-outline-primary:hover {
color: #fff;
background-color: #9063ab;
border-color: #9063ab;
} /*разные кнопки*/
.modal-header {
border-bottom: 1px solid #212122;
} /*разные полоски заголовками*/
.custom-control-input:checked ~ .custom-control-label::before {
border-color: #9063ab;
background-color: #9063ab;
} /*выбранные параметры (галочки)*/
.custom-control-label::before {
background-color: #414142;
border: #414142 solid 1px;
} /*тоже параметры*/
.modal-content {
background-color: #171717;
} /*фоны для разных блоков*/
.dropdown-menu {
color: #fff;
background-color: #171717;
} /*выпадающие меню*/
.dropdown-header {
color: #fff;
} /*заголовок в выпадающем меню*/
.dropdown-item:focus, .dropdown-item {
color: #fff;
background-color: #0000;
}
.dropdown-item:focus, .dropdown-item:hover {
color: #9063ab;
text-decoration: none;
background-color: #141415;
} /*пункты в выпадающем меню*/
.dropdown-divider {
border-top: 1px solid #212122;
} /*полоска в выпадающем меню*/
#login-midcol {
background: #141415;
} /*блок с авой и кнопками*/
#avatarcontainer {
background: #0000;
} /*еще один блок для авы*/
.form-control::placeholder {
color: #fff ;
} /*ник*/
#login-rightcol .loginbox .btn {
background: #9063ab;
}
#login-rightcol .loginbox .btn:hover {
background: #9063ab;
} /*кнопка "параметры аккаунта"*/
#login-rightcol .loginbox {
background: #0000003d;
} /*блок с очками медалями и т.д. от режима "крокодил"*/
.input-group > .input-group-append > .btn,
.input-group > .input-group-append > .input-group-text,
.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child),
.input-group > .input-group-prepend:not(:first-child) > .btn,
.input-group > .input-group-prepend:not(:first-child) > .input-group-text {
background: #000 !important;
} /*кнопки при смене ника и полоска справа*/
.btn-warning {
color: #fff;
background-color: #9063ab;
border-color: #9063ab;
}
.custom-select {
color: #919293;
background-color: rgba(0, 0, 0, 0);
background-color: #0000;
border: 1px solid #414142;
} /*выбор языка*/
.btn-warning:hover {
color: #fff;
background-color: #5000ff;
border-color: #9063ab;
} /*кнопка "играть"*/
.btn-secondary {
color: #fff;
background-color: #0000;
border-color: #6c757d;
} /*кнопки "создать комнату" и "рисовалка"*/
#quickplay div {
color: #fff;
} /*кнопка "войти в комнату" (по ссылке)*/
.btn-info {
color: #fff;
background-color: #0000;
border-color: #9063ab;
}
.btn-info:hover {
color: #fff;
background-color: #008478;
border-color: #008478;
}
.btn-outline-info {
color: #9063ab;
border-color: #9063ab;
}
.btn-outline-info:hover {
color: #fff;
border-color: #9063ab;
background-color: #9063ab;
}
#continueautosaved-run {
color: #fff !important;
}
#continueautosaved-run:hover {
color: #fff !important;
}
.btn-outline-info:not(:disabled):not(.disabled).active,
.btn-outline-info:not(:disabled):not(.disabled):active,
.show>.btn-outline-info.dropdown-toggle {
color:#fff;
background-color:#9063ab;
border-color:#9063ab
} /*кнопка "восстановить рисунок"*/
#continueautosaved-clear {
color: #fff !important;
} /*удалить сохранённое изображение*/
#login-midcol > div:nth-child(1) > div:nth-child(9) {
border-top: #9063ab solid 1px !important;
} /*полоска под этими (^) кнопками*/
.close {
color: #fff;
text-shadow: 0 1px 0 #000;
} /*x в параметрах комнаты*/
.form-control {
color: #fff;
background-color: #141415;
border: 1px solid #414142;
} /*выбранные значения в параметрах комнаты*/
#login-rightcol .loginbox .dropdown .btn {
color: #fff;
padding: 0 1em;
} /*кнопка "параметры аккаунта"*/
#login-midcol > div:nth-child(1) > div:nth-child(9) > a:nth-child(1) {
color: #9063ab !important;
} /*кнопка "таблица рекордов"*/
#login-midcol > div:nth-child(1) > div:nth-child(10) > a:nth-child(1) {
color: #9063ab !important;
} /*кнопка "галерея"*/
#socbuttons > span:nth-child(2) {
background: #9063ab !important;
} /*кнопка "мобильное приложение"*/
#roomlist {
background: #141415;
} /*список комнат рисовалок*/
.roomlist-header {
border-bottom: 1px solid #414142;
} /*полоска под "Комнаты рисовалки"*/
.roomlist-groupheader {
border-bottom: 1px solid #414142;
} /*полоски между разными типами комнат*/
.card {
color: #fff !important;
background-color: #141415;
} /*фон и текст в "Подробнее"/howtoplay*/
div.howtoplay:nth-child(2) > a:nth-child(8) {
color: #9063ab !important;
} /*кнопка "Общие правила" в "Подробнее"/howtoplay*/
.footer a:hover {
color: #9063ab;
white-space: nowrap;
} /*ссылки на сайты*/
.cmp-persistent-link {
background-color: #9063ab !important;
color: #ffffff;
} /*настройки*/
}
#login-midcol {
background-color: rgba(0, 0, 0, .24);
}
@-moz-document url-prefix("https://drawaria.online") {
/*rules and terms pages*/
div.row:nth-child(1) > div:nth-child(1) {
background: #171717 !important;
} /*фон*/
div.row:nth-child(1) > div:nth-child(1) > div:nth-child(1) > a:nth-child(13) {
color: #9063ab!important;
} /*кнопка перехода на TaC*/
}
@-moz-document url-prefix("https://drawaria.online") {
/*pfp/avatar builder*/
.App > header .Button {
background: #9063ab;
border-color: #9063ab;
color: #fff;
}
.App > header .Button:hover {
background: #9063ab;
border-color: #9063ab;
color: #fff;
} /*кнопки сохранения и случайной авы*/
.Library .category {
background: #141415 !important;
} /*заголовки групп предметов*/
.Library {
background: #171717;
} /*блок с предметами*/
.List img.asset {
background: -webkit-radial-gradient(center, circle, #171717 62%, rgba(0, 0, 0, 0) 63%);
background: radial-gradient(circle at center, #141415 62%, rgba(0, 0, 0, 0) 63%);
}
.Library li:hover {
background: #9063ab;
} /*фон для предметов*/
.Canvas {
background: #171717;
box-shadow: 0 3px 12px #9063ab; /*тень*/
} /*фон аватарки*/
.Layers li {
background: #141415;
} /*фон слоёв*/
.Button {
border: 2px solid #212121;
background-color: #141415;
}
.Button:hover {
border: 2px solid #141415;
background-color: #141415;
} /*кнопки для перемещения/увеличения и уменьшения/поворота предметов*/
}
@-moz-document url-prefix("https://drawaria.online") {
/*friendslist*/
#friends-wg {
background: rgba(0, 0, 0, .25);
} /*список др*/
#friends-container > .tab {
color: #fff;
border-top: 1px solid #000;
} /*полоска под заголовком*/
#friends-container > .tab > .header > span {
color: #fff;
} /*надпись*/
#friends-tabfriendlist-filterinput > input {
background: #000;
border-color: #fff;
} /*поиск*/
#friends-wg:hover,
.friendswg-opened {
background: #000 !important;
box-shadow: 0 0 5px 0px #000000a1;
} /*фон для списка др*/
#friends-container .tabrow.menuopen {
background: #009d83;
} /*выбранный друг*/
#friends-container .tabrow > .menubutton {
color: #fff;
}
#friends-container .tabrow > .menubutton:hover {
background: #0047ff;
} /*меню действий*/
#friends-container .tabrow > .statustext > span {
color: #ffffffe0;
} /*статус*/
#friends-container .tabrow > .notification:hover {
background: #7408c7;
box-shadow: 0 0 5px 0px #ffffff2e;
} /*сообщения (в развёрнутом окне)*/
#friends-tabmessages-list {
background: #000;
color: #ffffff;
} /*фон для сообщений*/
#friends-tabmessages-list > .fromself {
background: #9d007100 !important;
} /*фон сообщений от себя*/
#friends-tabmessages-list > .message {
background: #000;
} /*фон сообщений от друга*/
.form-control:focus {
background-color: #171717;
border: 1px solid #fff;
}
#friends-tabmessages-input input {
border-color: #70f;
}
#friends-tabmessages-input input:focus {
border-color: #fff;
} /*чат*/
#friends-header .notifybutton {
c...
