Midnight style for Lolzteam | added backgrounds

1888_hwpo · Jul 19, 2019

Стиль Midnight Dark для Lolzteam - даркпанк творение, созданное мной для вас. Пользуйтесь и наслаждайтесь.

16.01.20. Добавил возможность изменения фона, как на предустановленные, так и на ваш. Также добавил смену цвета ника в шапке, смену лого и отключение/включение рекламы.
1.03.20. Добавил установку улучшенного шрифта INTER. Для корректной работы скачиваете его на свой ПК (ссылка)
ВАЖНО! Все доп.настройки выбираете до установки самого стиля!

Если найдете баги/зеленый текст пишите!

11.11
1. Недавно добавили оформление для закрепленных постов, я решил доработать под свой стиль, получилось так:
Было:

Стало:

2. Оформил под свой стиль стрелки к под-спойлерам
Было:

Стало:

Также пофиксил отсутствие фона на определенных страницах, цвет текста и его размер в профиле с 14 на 13.5

22.07
[Окно создания/редактирования темы] Было -

Стало -

[Окно предварительного просмотра профиля] Было -

Стало -

23.07

Обновил скрытый контент -

[Настройки профиля] Было -

Стало -

Также есть изменения в цветах кнопках, значков.
28.07
Было -

Стало -

Последнее обновление 30.07:

Разделение стиля на 2 стиля (Classic и Fresh) (на данный момент Fresh удален, если сильно хотите профиль сверху, пишите в ЛС)

1) Изменен цвет окна "Пожаловаться", исправлены баги
2) Доработки окон (закругления)
3) Полностью доработано окно "Перевести деньги"
4) Изменены цвета окон в окне отправки смайлов и шаблонов сообщений
5) Изменен цвет начальной страницы диалогов + доработки по теням
6) Изменен цвет таблички заблокированных пользователей в сообщениях темы + доработки по шрифту и цвету текста
7) Полностью доработана страница правил
8) Доработаны окна маркета по выбору товаров , страницы товаров и сайдбар + изменены цвета, исправлены некоторые баги

Инструкция по установке для Google Chrome:

1. Скачиваете расширение из магазина Chrome (кликабельно)
2. Скачиваете мой стиль:
---> Midnight Classic
не забудьте выбрать желаемые настройки в Customize Settings перед установкой
3. Обновляете страницу
4. Радуетесь новому лолзу:

Периодически заходите на страницу стиля и обновляйте его

Aq111 · Jul 19, 2019

Годно, настоящий дизайнер!

RussianMowk · Jul 19, 2019

Супер!:fallout_cool:

Hibits · Jul 19, 2019

Харош

WallStreet_inactive96942 · Jul 19, 2019

1888_hwpo Идею предоставил Whitepump
Я доработал его стиль для себя и получилось вроде неплохо

Если найдете баги/зеленый текст пишите (про галочки знаю, скоро будет фикс)

Инструкция по установке:
1. Скачиваете расширение из магазина Chrome (кликабельно)
2. Копируете этот код:
html.Public.LoggedIn.Sidebar.RunDeferred.Responsive.hasJs.NoTouch.HasDragDrop body {
background-color: #272727;
}

div.mn-15-0-0 {
display: none;
}

html.Public.LoggedIn.Sidebar.Responsive.hasJs.NoTouch.HasDragDrop body {
background-color: #18191e;
}

div.mainContainer {
border-radius: 25px;
}

div.pageContent {
background-color: #1e1f24;
}

div.discussionList {
border-radius: 25px;
}

select.textCtrl.extraLarge {
border-radius: 15px;
}

a.SelectExcludedForumsLink.Tooltip.OverlayTrigger {
border-radius: 15px;
}

div.discussionListItem.unread {
border-radius: 10px;
}

h3.nodeTitle {
color: #ffffff;
}

span.unread {
color: #ffffff;
}

div.header {
background-color: #1e1f24;
}

a.button.block {
border-radius: 15px;
}

div.mainProfileColumn {
border-radius: 15px 15px 15px 15px;
}

a.OverlayTrigger.followContainer.button.red.full {
border-radius: 15px;
}

body.node8.node84.SelectQuotable {
background-color: #18191e;
}

a.crumb {
color: #7a63cc;
}

div.titleBar h1 {
color: #ffffff;
}

b.hiddenNarrowUnder.accountUsername.muted {
color: #ffffff;
}

ul.secondaryContent.blockLinksList li a {
color: #ffffff;
margin-left: 32px;
}

a.button.primary.full.callToAction {
border-radius: 15px;
background-color: #7a63cc;
font-family: Palatino;
}

a.mn-15-0-0.button.primary.block {
background-color: #7a63cc;
}

span.numberStyle {
color: #7a63cc;
}

span.mainc {
color: #7a63cc;
}

div.pageNavLinkGroup {
background-color: #1e1f24;
}

div.messageInfo {
background-color: #1e1f24;
}

div.messageUserInfo {
background-color: #1e1f24;
}

a.currentPage {
background-color: #7a63cc;
}

abbr.DateTime {
color: #7a63cc;
}

p.muted a {
color: #7a63cc;
}

a.item.hashPermalink.OverlayTrigger.Tooltip {
color: #898989;
}

html.Public.LoggedIn.NoSidebar.Responsive.hasJs.NoTouch.HasDragDrop body {
background-color: #18191e;
}

div.profilePage {
background-color: #18191e;
}

div.module.clear.people_module {
border-radius: 15px;
}

div.redactor_box.activated {
background-color: #1e1f24;
color: #1e1f24;
}

li.comment.secondaryContent {
background-color: #1e1f24;
}

div.count {
color: #7a63cc;
}

div.label.muted {
color: #ffffff;
}

span.DateTime {
color: #ffffff;
}

div.labeled {
color: #ffffff;
font-size: 14px;
}

div.labeled a {
color: #ffffff;
}

div.itemCount {
background-color: #7a63cc;
}

h3.nodeTitle a {
border-radius: 15px;
color: #a3a3a3;
}

div.sidebarWrapper {
border-radius: 25px;
}

div.secondaryContent {
border-style: none;
background-color: #1e1f24;
}

input.textCtrl.QuickSearchQuery {
background-color: #23242b;
}

div.sidebar {
background-color: #1e1f24;
}

form.AutoValidator.blendedEditor.simpleRedactor.FloatingRedactor.QuickReplyRedactor.fixed {
background-color: #1e1f24;
}

span.img.s {
border-style: solid;
border-color: #1e1f24;
}

span.forumSearchThreads--Link--Icon {
background-color: #7a63cc;
}

div.scrollBar {
background-color: #1e1f24;
}

a.OverlayTrigger.item.control.report {
color: #ffffff;
}

input.button.primary {
background-color: #7a63cc;
}

div.darkBackground.section {
border-radius: 15px;
}

div.topblock.darkBackground.padding15 {
border-radius: 15px;
background-color: #1e1f24;
}

div.mainContentBlock.section.sectionMain.insideSidebar {
background-color: #1e1f24;
}

a.selected {
background-color: #1e1f24;
}

div.navigationSideBar.ToggleTriggerAnchor ul a {
background-color: #1e1f24;
}

div.navigationSideBar.ToggleTriggerAnchor ul {
background-color: #1e1f24;
}

a.button.primary.OverlayTrigger {
background-color: #7a63cc;
}

h3.textHeading {
color: #7a63cc;
}

div.textHeading {
color: #7a63cc;
}

div.messageMeta.ToggleTriggerAnchor {
background-color: #1e1f24;
}

li.message {
background-color: #1e1f24;
}

div.titleBar {
background-color: #262c3d;
}

form.AutoValidator.blendedEditor.simpleRedactor.FloatingRedactor.QuickReplyRedactor {
background-color: #1e1f24;
}

div.footnote.sectionMain {
background-color: #1e1f24;
}

ol.listInline.commaImplode.sectionMain {
background-color: #1e1f24;
}

a.page_counter {
padding-right: 10px;
padding-left: 10px;
}

span.page_counter {
padding-right: 10px;
padding-left: 10px;
}

a.dottesStyle.buttonStyle.PopupControl.PopupOpen {
border-radius: 15px;
}

a.actionButton--sendMoney.fl_r.withLeftButton.OverlayTrigger {
border-radius: 15px;
background-color: #7a63cc;
}

a.CommentLoader {
color: #7a63cc;
}

div.chatboxStartIcon.Tooltip.icon {
color: #7a63cc;
}

img.size23 {
border-style: none;
border-radius: 0 30px 0 30px;
}

img.size2 {
border-radius: 0 30px 0 30px;
}

img.size21 {
border-radius: 0 30px 0 30px;
}

img.size60 {
border-radius: 0 30px 0 30px;
}

img.size22 {
border-radius: 0 30px 0 30px;
}

img.size139 {
border-radius: 0 30px 0 30px;
}

em.userBanner.Bezdarnost.wrapped {
border-radius: 0 5px 0 5px;
}

img.size127 {
border-radius: 0 30px 0 30px;
}

img.size11 {
border-radius: 0 30px 0 30px;
}

img.size26 {
border-radius: 0 30px 0 30px;
}

#lzt-logo {
background-size: 100%;
background: url(https://i.imgur.com/EVzpuNG.png) no-repeat;
}

input.ChatboxInput.message.textCtrl.extraLarge {
background-color: #1e1f24;
}

div.chatboxWrapper {
background-color: #1e1f24;
}

div.ChatboxScrollbar.scrollbar-macosx.scrollbar-dynamic.cannotBanUser.scroll-content.scroll-scrolly_visible ol {
background-color: #1e1f24;
}

span.closeChatboxButton.icon.element.fl_r {
color: #ffffff;
}

div.primaryControls:before {
color: #7a63cc;
}

button.button.primary.bbCodeSpoilerButton.ToggleTrigger.Tooltip.JsOnly {
background-color: #594896;
border-radius: 10px;
}

li.messageSimple {
background-color: #1e1f24;
border-radius: 15px;
}

form.simpleRedactor.MemberViewRedactor.messageSimple.profilePoster.AutoValidator.primaryContent {
background-color: #1e1f24;
border-radius: 0 0 15px 15px;
}

#page_info_wrap {
}

div.darkBackground {
background-color: #1e1f24;
border-radius: 15px;
}

a.dottesStyle.buttonStyle.PopupControl.PopupClosed {
border-radius: 15px;
}

a.Av981224l.OverlayTrigger img {
border-radius: 0 10px;
}

div.avatarScaler span img {
border-radius: 0 10px;
}

span.style21 {
font-size: 14px;
}

div.label.fl_l {
font-size: 14px;
}

div.clear_fix.profile_info_row {
font-size: 14px;
padding-top: 6px;
}

a.actionButton--sendMoney.fl_r.OverlayTrigger.Tooltip {
background-color: #7a63cc;
}

li.primaryContent {
background-color: #1e1f24;
}

h2.textHeading {
color: #7a63cc;
}

.tabs li.active {
box-shadow: inset 0px -2px 0px 0px rgb(122,99,204);
}

div.counts_module {
border-radius: 25px;
}

ul.tabs.mainTabs.Tabs {
background-color: #1e1f24;
border-radius: 15px 15px 0 0;
}

li.profileContent {
background-color: #1e1f24;
}

div.not-found-block {
background-color: #1e1f24;
}

div.sectionMain {
background-color: #1e1f24;
}

div.primaryContent {
background-color: #1e1f24;
}

th.warningView {
background-color: #1e1f24;
}

th.warningExpiry {
background-color: #1e1f24;
color: #7a63cc;
}

th.warningPoints {
background-color: #1e1f24;
color: #7a63cc;
}

th.warningDate {
background-color: #1e1f24;
color: #7a63cc;
}

th.warningName {
background-color: #1e1f24;
color: #7a63cc;
}

.node.current .nodeText .nodeTitle a::before {
color: rgb(122,99,204);
}

div.pageWidth.withSearch {
background-color: #1e1f24;
}

h2.heading.h1 {
background-color: #7a63cc;
}

button.button.primary.bbCodeSpoilerButton.ToggleTrigger.JsOnly {
background-color: #7a63cc;
}

HTML
html.Public.LoggedIn.Sidebar.RunDeferred.Responsive.hasJs.NoTouch.HasDragDrop body {

    background-color: #272727;

}



div.mn-15-0-0 {

    display: none;

}



html.Public.LoggedIn.Sidebar.Responsive.hasJs.NoTouch.HasDragDrop body {

    background-color: #18191e;

}



div.mainContainer {

    border-radius: 25px;

}



div.pageContent {

    background-color: #1e1f24;

}



div.discussionList {

    border-radius: 25px;

}



select.textCtrl.extraLarge {

    border-radius: 15px;

}



a.SelectExcludedForumsLink.Tooltip.OverlayTrigger {

    border-radius: 15px;

}



div.discussionListItem.unread {

    border-radius: 10px;

}



h3.nodeTitle {

    color: #ffffff;

}



span.unread {

    color: #ffffff;

}



div.header {

    background-color: #1e1f24;

}



a.button.block {

    border-radius: 15px;

}



div.mainProfileColumn {

    border-radius: 15px 15px 15px 15px;

}



a.OverlayTrigger.followContainer.button.red.full {

    border-radius: 15px;

}



body.node8.node84.SelectQuotable {

    background-color: #18191e;

}



a.crumb {

    color: #7a63cc;

}



div.titleBar h1 {

    color: #ffffff;

}



b.hiddenNarrowUnder.accountUsername.muted {

    color: #ffffff;

}



ul.secondaryContent.blockLinksList li a {

    color: #ffffff;

    margin-left: 32px;

}



a.button.primary.full.callToAction {

    border-radius: 15px;

    background-color: #7a63cc;

    font-family: Palatino;

}



a.mn-15-0-0.button.primary.block {

    background-color: #7a63cc;

}



span.numberStyle {

    color: #7a63cc;

}



span.mainc {

    color: #7a63cc;

}



div.pageNavLinkGroup {

    background-color: #1e1f24;

}



div.messageInfo {

    background-color: #1e1f24;

}



div.messageUserInfo {

    background-color: #1e1f24;

}



a.currentPage {

    background-color: #7a63cc;

}



abbr.DateTime {

    color: #7a63cc;

}



p.muted a {

    color: #7a63cc;

}



a.item.hashPermalink.OverlayTrigger.Tooltip {

    color: #898989;

}



html.Public.LoggedIn.NoSidebar.Responsive.hasJs.NoTouch.HasDragDrop body {

    background-color: #18191e;

}



div.profilePage {

    background-color: #18191e;

}



div.module.clear.people_module {

    border-radius: 15px;

}



div.redactor_box.activated {

    background-color: #1e1f24;

    color: #1e1f24;

}



li.comment.secondaryContent {

    background-color: #1e1f24;

}



div.count {

    color: #7a63cc;

}



div.label.muted {

    color: #ffffff;

}



span.DateTime {

    color: #ffffff;

}



div.labeled {

    color: #ffffff;

    font-size: 14px;

}



div.labeled a {

    color: #ffffff;

}



div.itemCount {

    background-color: #7a63cc;

}



h3.nodeTitle a {

    border-radius: 15px;

    color: #a3a3a3;

}



div.sidebarWrapper {

    border-radius: 25px;

}



div.secondaryContent {

    border-style: none;

    background-color: #1e1f24;

}



input.textCtrl.QuickSearchQuery {

    background-color: #23242b;

}



div.sidebar {

    background-color: #1e1f24;

}



form.AutoValidator.blendedEditor.simpleRedactor.FloatingRedactor.QuickReplyRedactor.fixed {

    background-color: #1e1f24;

}



span.img.s {

    border-style: solid;

    border-color: #1e1f24;

}



span.forumSearchThreads--Link--Icon {

    background-color: #7a63cc;

}



div.scrollBar {

    background-color: #1e1f24;

}



a.OverlayTrigger.item.control.report {

    color: #ffffff;

}



input.button.primary {

    background-color: #7a63cc;

}



div.darkBackground.section {

    border-radius: 15px;

}



div.topblock.darkBackground.padding15 {

    border-radius: 15px;

    background-color: #1e1f24;

}



div.mainContentBlock.section.sectionMain.insideSidebar {

    background-color: #1e1f24;

}



a.selected {

    background-color: #1e1f24;

}



div.navigationSideBar.ToggleTriggerAnchor ul a {

    background-color: #1e1f24;

}



div.navigationSideBar.ToggleTriggerAnchor ul {

    background-color: #1e1f24;

}



a.button.primary.OverlayTrigger {

    background-color: #7a63cc;

}



h3.textHeading {

    color: #7a63cc;

}



div.textHeading {

    color: #7a63cc;

}



div.messageMeta.ToggleTriggerAnchor {

    background-color: #1e1f24;

}



li.message {

    background-color: #1e1f24;

}



div.titleBar {

    background-color: #262c3d;

}



form.AutoValidator.blendedEditor.simpleRedactor.FloatingRedactor.QuickReplyRedactor {

    background-color: #1e1f24;

}



div.footnote.sectionMain {

    background-color: #1e1f24;

}



ol.listInline.commaImplode.sectionMain {

    background-color: #1e1f24;

}



a.page_counter {

    padding-right: 10px;

    padding-left: 10px;

}



span.page_counter {

    padding-right: 10px;

    padding-left: 10px;

}



a.dottesStyle.buttonStyle.PopupControl.PopupOpen {

    border-radius: 15px;

}



a.actionButton--sendMoney.fl_r.withLeftButton.OverlayTrigger {

    border-radius: 15px;

    background-color: #7a63cc;

}



a.CommentLoader {

    color: #7a63cc;

}



div.chatboxStartIcon.Tooltip.icon {

    color: #7a63cc;

}



img.size23 {

    border-style: none;

    border-radius: 0 30px 0 30px;

}



img.size2 {

    border-radius: 0 30px 0 30px;

}



img.size21 {

    border-radius: 0 30px 0 30px;

}



img.size60 {

    border-radius: 0 30px 0 30px;

}



img.size22 {

    border-radius: 0 30px 0 30px;

}



img.size139 {

    border-radius: 0 30px 0 30px;

}



em.userBanner.Bezdarnost.wrapped {

    border-radius: 0 5px 0 5px;

}



img.size127 {

    border-radius: 0 30px 0 30px;

}



img.size11 {

    border-radius: 0 30px 0 30px;

}



img.size26 {

    border-radius: 0 30px 0 30px;

}



#lzt-logo {

    background-size: 100%;

    background: url(https://i.imgur.com/EVzpuNG.png) no-repeat;

}



input.ChatboxInput.message.textCtrl.extraLarge {

    background-color: #1e1f24;

}



div.chatboxWrapper {

    background-color: #1e1f24;

}



div.ChatboxScrollbar.scrollbar-macosx.scrollbar-dynamic.cannotBanUser.scroll-content.scroll-scrolly_visible ol {

    background-color: #1e1f24;

}



span.closeChatboxButton.icon.element.fl_r {

    color: #ffffff;

}



div.primaryControls:before {

    color: #7a63cc;

}



button.button.primary.bbCodeSpoilerButton.ToggleTrigger.Tooltip.JsOnly {

    background-color: #594896;

    border-radius: 10px;

}



li.messageSimple {

    background-color: #1e1f24;

    border-radius: 15px;

}



form.simpleRedactor.MemberViewRedactor.messageSimple.profilePoster.AutoValidator.primaryContent {

    background-color: #1e1f24;

    border-radius: 0 0 15px 15px;

}



#page_info_wrap {

}



div.darkBackground {

    background-color: #1e1f24;

    border-radius: 15px;

}



a.dottesStyle.buttonStyle.PopupControl.PopupClosed {

    border-radius: 15px;

}



a.Av981224l.OverlayTrigger img {

    border-radius: 0 10px;

}



div.avatarScaler span img {

    border-radius: 0 10px;

}



span.style21 {

    font-size: 14px;

}



div.label.fl_l {

    font-size: 14px;

}



div.clear_fix.profile_info_row {

    font-size: 14px;

    padding-top: 6px;

}



a.actionButton--sendMoney.fl_r.OverlayTrigger.Tooltip {

    background-color: #7a63cc;

}



li.primaryContent {

    background-color: #1e1f24;

}



h2.textHeading {

    color: #7a63cc;

}



.tabs li.active {

    box-shadow: inset 0px -2px 0px 0px rgb(122,99,204);

}



div.counts_module {

    border-radius: 25px;

}



ul.tabs.mainTabs.Tabs {

    background-color: #1e1f24;

    border-radius: 15px 15px 0 0;

}



li.profileContent {

    background-color: #1e1f24;

}



div.not-found-block {

    background-color: #1e1f24;

}



div.sectionMain {

    background-color: #1e1f24;

}



div.primaryContent {

    background-color: #1e1f24;

}



th.warningView {

    background-color: #1e1f24;

}



th.warningExpiry {

    background-color: #1e1f24;

    color: #7a63cc;

}



th.warningPoints {

    background-color: #1e1f24;

    color: #7a63cc;

}



th.warningDate {

    background-color: #1e1f24;

    color: #7a63cc;

}



th.warningName {

    background-color: #1e1f24;

    color: #7a63cc;

}



.node.current .nodeText .nodeTitle a::before {

    color: rgb(122,99,204);

}



div.pageWidth.withSearch {

    background-color: #1e1f24;

}



h2.heading.h1 {

    background-color: #7a63cc;

}



button.button.primary.bbCodeSpoilerButton.ToggleTrigger.JsOnly {

    background-color: #7a63cc;

}
3. Вставляете его в окно расширения
4. Нажимаете значок кнопки сверху, чтобы цвет поменялся на золотой
Должно получиться так:

5. Радуетесь новому лолзу
Скоро выложу на Stylish , будет удобнее применять
Всем спасибо я пошел какать
Click to expand...
для нового дизайна не запилил(там криво всё) + согласен Ярославчик06, что всё криво(
а реализация сама по себе ахуенная

Aimer_aek · Jul 19, 2019

пизда рекламе ?

N3V3RB0RN · Jul 19, 2019

Поставлю лике, но вот такая ебала http://prntscr.com/oh1nph

renameduser_312301 · Jul 19, 2019

Ого охуеть. Я кончил

1888_hwpo · Jul 19, 2019

N3V3RB0RN Поставлю лике, но вот такая ебала http://prntscr.com/oh1nph
Click to expand...

все фиксы будут завтра )

N3V3RB0RN · Jul 19, 2019

1888_hwpo, ок

vi14 · Jul 19, 2019

Быстрее попробовать надо

WallStreet_inactive96942 · Jul 19, 2019

RaysMorgan хатим такое жи. Запили

1888_hwpo · Jul 19, 2019

Hidden content. You need to be registered to see it.
Click to expand...

esl · Jul 19, 2019

http://prntscr.com/oh1px9

RaysMorgan · Jul 19, 2019

WallStreet_inactive96942 RaysMorgan хатим такое жи. Запили
Click to expand...

читаешь первый пост и следуешь инструкции)

Aimer_aek · Jul 19, 2019

RaysMorgan, Уже поставил себе красный стиль ?)

D1scovery · Jul 19, 2019

крута )

esl · Jul 19, 2019

laner http://prntscr.com/oh1px9
Click to expand...

подскажите помогите что за паебота...?

1888_hwpo · Jul 19, 2019

Aq111, RussianMowk, Hibits, Ярославчик06, WallStreet_inactive96942, N3V3RB0RN, renameduser_312301, vi14, @laner, я выложил стиль на Stylish, теперь обновления буду приходить автоматически , чекайте новую инструкцию (старое расширение можете удалить, оно вам больше не понадобиться)

D1scovery · Jul 19, 2019

1888_hwpo Aq111, RussianMowk, Hibits, Ярославчик06, WallStreet_inactive96942, N3V3RB0RN, renameduser_312301, vi14, @laner, я выложил стиль на Stylish, теперь обновления буду приходить автоматически , чекайте новую инструкцию (старое расширение можете удалить, оно вам больше не понадобиться)
Click to expand...

у них на сайте 3 темы, красная твоя?

Rate 3D motion for the product)

Logo assessment

Paradice

Paradice

Avatar from PA

Paradice

Paradice

Armdesign design of the topic #5

Armdesign design of the topic #6

Armdesign Avatar #9

Evaluate an animated avatar in two versions please

Banner on the estate

[1337] How do you like my new Krutetsk job

A bit remade the banner

Avatar on the assessment

Evaluate the banner for the site

Evaluate the preview, crypt

Evaluate the banner

Evaluate the forum

Small animated banner for social networks

Made a banner for a future topic in a paid design

[1337] New Forum Banner for Tima

[1337] Beautiful red forum banner

[1337] GFX assessment of Gothic style work

[1337] Urgent assessment of the new banner, you need the opinion of professionals

Evaluate my old-new banner

Banner on the estate

Banner on the estate

Banner on the estate

Banner on the estate

Midnight style for Lolzteam | added backgrounds

Please note that the contacts in the job/topic may not belong to the user. Check the contacts in the user profile!