Follow along with the video below to see how to install our site as a web app on your home screen.
Примечание: This feature currently requires accessing the site using the built-in Safari browser.
@-moz-document domain("auction.cerberus-games.com") {
body,
html {
background-color: rgb(46, 46, 46);
color: #e1e1e1;
}
.light-theme a,
.light-theme span {
color: #fff;
border: 1px solid #2e2e2e;
background: #2d2d2d;
background: -moz-linear-gradient(top, #2d2d2d 0%, #585858 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2d2d2d), color-stop(100%, #585858));
background: -webkit-linear-gradient(top, #2d2d2d 0%, #585858 100%);
background: -o-linear-gradient(top, #2d2d2d 0%, #585858 100%);
background: -ms-linear-gradient(top, #2d2d2d 0%, #585858 100%);
background: linear-gradient(top, #2d2d2d 0%, #585858 100%);
}
.light-theme .current {
box-shadow: 0 1px 0 #2e2e2e, 0 0 2px #0000004d inset;
}
.progress-bar-striped,
.progress-striped .progress-bar {
background-image: unset
}
.panel {
background-color: #2e2e2e;
}
.Character {
-webkit-filter: invert(1);
filter: invert(1);
}
.table-striped > tbody > tr:nth-of-type(odd) {
background-color: #3c3c3c;
}
.popover {
background-color: #3c3c3c;
}
}
Настрочил на коленке, за 5 минут, стиль для расширения Stylus.
Собственно ставим расширение Stylus ( есть на opera, chrome, firefox, насчет остальных хз)
HTML:@-moz-document domain("auction.cerberus-games.com") { body, html { background-color: rgb(46, 46, 46); color: #e1e1e1; } .light-theme a, .light-theme span { color: #fff; border: 1px solid #2e2e2e; background: #2d2d2d; background: -moz-linear-gradient(top, #2d2d2d 0%, #585858 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2d2d2d), color-stop(100%, #585858)); background: -webkit-linear-gradient(top, #2d2d2d 0%, #585858 100%); background: -o-linear-gradient(top, #2d2d2d 0%, #585858 100%); background: -ms-linear-gradient(top, #2d2d2d 0%, #585858 100%); background: linear-gradient(top, #2d2d2d 0%, #585858 100%); } .light-theme .current { box-shadow: 0 1px 0 #2e2e2e, 0 0 2px #0000004d inset; } .progress-bar-striped, .progress-striped .progress-bar { background-image: unset } .panel { background-color: #2e2e2e; } .Character { -webkit-filter: invert(1); filter: invert(1); } .table-striped > tbody > tr:nth-of-type(odd) { background-color: #3c3c3c; } .popover { background-color: #3c3c3c; }[/SIZE] }
На какие-то PRO навыки в написании css-стилей не претендую, вообще почти не шарю, но я в целом доволен.
- Открываем менеджер тем
- Тык Создать стиль
- Сверху копируем код стиля
- Тык Импорт или клац Ctrl+V
- Тык Заменить стиль
- В поле Название пишем соответственно любое название
- Сохраняем.
- Пользуемся
Само собой более шарящие могут допилить адекватно (к примеру я не смог понять как в персонажах заинвертить только картинку, а не весь блок)
Это редактор поста добавил лишний тег, исправилВыдает мне такое Посмотреть вложение 9932