Замечание: Возможно, после публикации вам придётся очистить кэш своего браузера, чтобы увидеть изменения.
- Firefox / Safari: Удерживая клавишу Shift, нажмите на панели инструментов Обновить либо нажмите Ctrl+F5 или Ctrl+R (⌘+R на Mac)
- Google Chrome: Нажмите Ctrl+Shift+R (⌘+Shift+R на Mac)
- Internet Explorer / Edge: Удерживая Ctrl, нажмите Обновить либо нажмите Ctrl+F5
- Opera: Нажмите Ctrl+F5.
/* Бюрократы-администраторы */
/** Цветной ник **/
li[data-user="Камиль123"] .username, /***Камиль***/
li[data-user="Хамачи"] .username, /***Хамачи***/
li[data-user="Manka-Manka"] .username,
li[data-user="Philosopher's Stone"] .username,
li[data-user="Killhtf"] .username {
color:#008080 !important; /*** БИРЮЗОВЫЙ ЦВЕТ ***/
}
/** Звезда **/
li[data-user="Manka-Manka"] .username:after,
li[data-user="RadaOnline"] .username:after,
li[data-user="Philosopher's Stone"] .username:after,
li[data-user="Камиль123"] .username:after,
li[data-user="Хамачи"] .username:after,
li[data-user="Killhtf"] .username:after {
content: url('https://images.wikia.nocookie.net/steven-universe/ru/images/thumb/1/1e/BAstar.png/18px-BAstar.png') !important;
}
/* Модераторы чата */
/** Цветной ник **/
li[data-user="Beexmo"] .username {
color:#057bfb !important; /*** ГОЛУБОЙ ЦВЕТ ***/
font-weight: bold !important; /*** ПОЛУЖИРНЫЙ НИК ***/ }
/** Звезда **/
li[data-user="Beexmo"] .username:after {
content: url('https://images.wikia.nocookie.net/steven-universe/ru/images/thumb/f/fd/CMstar.png/18px-CMstar.png') !important;
}
/* Стандартная звезда модератора чата */
.User.chat-mod .username::after {
background-image: url('https://images.wikia.nocookie.net/steven-universe/ru/images/thumb/1/12/CMSchat.png/18px-CMSchat.png') !important;
}
/* Модераторы форума */
/** Звезда **/
/*** Superr125125 ***/
li[data-user="Superr125125"] .username:after,
/*** Песчанозвёздная ***/
li[data-user="Песчанозвёздная"] .username:after,
/*** ГЮГ-о ***/
li[data-user="ГЮГ-о"] .username:after {
content: url('https://images.wikia.nocookie.net/steven-universe/ru/images/thumb/0/08/CFstar.png/18px-CFstar.png') !important;
}
/** Цветной ник **/
li[data-user="Superr125125"] .username,
/*** Песчанозвёздная ***/
li[data-user="Песчанозвёздная"] .username,
/*** ГЮГ-о ***/
li[data-user="ГЮГ-о"] .username {
color:#54a801 !important; /*** ЗЕЛЕНЫЙ ЦВЕТ ***/ }
/* Боты */
/** Звезда **/
li[data-user="UltyExoExo"] .username:after,
li[data-user="RadaBot"] .username:after,
li[data-user="Max DeForged"] .username:after {
content: url('https://images.wikia.nocookie.net/steven-universe/ru/images/thumb/c/c0/Bstar.png/18px-Bstar.png') !important;
}
/** Цветной ник **/
li[data-user="UltyExoExo"] .username,
li[data-user="RadaBot"] .username,
li[data-user="Max DeForged"] .username {
color:#636363 !important; /*** СЕРЫЙ ЦВЕТ ***/ }
/* фикс при включённых чат хаках */
img.modicon {
display: none;
}
/****************СТИЛЬ ЧАТУ*****************/
/* Фон чата */
body {
background-image: url('https://vignette.wikia.nocookie.net/steven-universe/images/d/d3/ChatBackground-Winter.png/revision/latest?cb=20161210135145&path-prefix=ru'); /** Пикча **/
background-size: cover; /** Автоподгонка изображения **/
background-attachment: fixed !important; /*Фиксация фона*/
background-position: top center; /** Располагаем пикчу по центру сверху **/
background-repeat: no-repeat; /** Изображение не повторяется **/
}
/* Шапка чата */
.ChatHeader {
background-color: rgba(255, 255, 255, 0.5); /** Полупрозрачность **/
border: 1px solid transparent; /** Прозрачная обводка **/
border-radius: 10px;/**Закругление**/ }
/* Окно чата */
#WikiaPage {
background-color: rgba(255, 255, 255, 0.5) !important; /** Полупрозрачность **/
background-image: none !important;
border: none; /** Удаление обводки **/
border-radius:10px;/**Закругление*/
bottom: 10px; /** Типа отступ **/
color: #003a57; /** Цвет текста (какой-то тёмно-синий) **/
left: 30px; /** Отступ слева **/
right: 30px; /** Отступ справа **/ }
/* Границы чата */
.Chat {
border-right: none; /** Удаление края **/
border-bottom: 0px solid #2991d1; } /** Покрас края **/
/* Граница у аватара сверху */
.ChatHeader .User { border-left: 1px solid #2a92d1; }
/* Изображение юзера */
.Write img, /** Снизу около поля ввода текста **/
.Chat .avatar /** В окне чата **/ {
border: 1px solid transparent; /*** Прозрачная обводка ***/
border-radius: 10px; /*** Скругление аватарки ***/ }
/** В шапке **/
.User img { border: 1px solid transparent; /*** Прозрачная обводка ***/
border-radius: 3px; /*** Скругление аватарки ***/ }
/* Поле ввода сообщения */
.Write .message {
background-color: rgba(255, 255, 255, 0.5); /** Цвет поля ввода текста **/
border: 2px solid #fff; /** Удаление обводки **/
box-shadow: 0 0 10px #a5c7ea;
border-radius: 10px;
}
/* Введённое сообщения (ещё не отправленное) */
.Write [name="message"] {
color: #003a57; /** Цвет текста **/
padding: 0 0 0 4px; /** Внутренний отступ чтобы сообщение не приклеивалось к блоку **/ }
/* Сообщения юзера */
.Chat .you { background: none; }
/* Балансировка цветов */
.Chat .inline-alert { color: #6b94ae; } /** ~ Приветсвие юзера ~ **/
.Chat .me-message { color: #6b94ae; } /** Действие /me **/
.Chat .time { color: #6b94ae; } /** Время сообщения **/
.User.away { color: #6b94ae; } /** Сообщение "отсутствует" **/
/* Блок справа (список юзеров и ЛС) */
.Rail {
background: rgba(38,124,170,0.2);
bottom: 2px; /** Поднятие нижней границы правого блока на 2 пикс **/
border-radius: 0 10px 10px 0; /** Скругление в нижнем и верхнем правом углу **/ }
/* Окно слева (список юзеров) */
.Rail .selected {
box-shadow: none; /** Удаление тени **/
background: none; /** Прозрачный фонец **/
border-top-right-radius: 10px !important;
}
/* Строка у списка юзеров "Личное сообщение */
.Rail .private {
background-image: transparent; /** Вырезка градиента **/
background-color: transparent; /** Прозрачный фон **/
border: none; /** Удаление границ ЛС **/
color: #003a57; /** Цвет текста ЛС **/
}
.message.ping {
color: #666 !important;
}
/* кнопка смайликов */
#SmilesMod {
right: 20px !important;
}
#btnTheme {
width: 90% !important;
display: block !important;
margin: 2px !important;
margin-left: 5% !important;}
#btnOpenOptions {
margin: 2px !important;
margin-left: 5% !important;}
#btnRules {margin:4px !important;}
.Rail .public .chevron { top: 70px !important; /* Сдвиг кнопки разворачивания вниз */ }
/* Небольшой костыль, потом уберу */
#SmilesShowButton {zoom: .7;}