Замечание: Возможно, после публикации вам придётся очистить кэш своего браузера, чтобы увидеть изменения.
- 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.
/* Body */
.ChatWindow {
font-family: Trebuchet MS, Helvetica, sans-serif;
background-image: url('https://vignette.wikia.nocookie.net/geometry-dash/images/1/18/Wiki-background-rotated-1.png/revision/latest?cb=20170908105347&path-prefix=ru');
background-repeat: repeat-y;
background-size: 100% auto;
}
.ChatWindow .UserStatsMenu {right: 190px !important;}
/* ID */
.ChatWindow .User {
max-width: 120px;
height: 25px;
top: 0;
padding: 7.5px 10px 7.5px 45px;
border: none;
line-height: 12.5px;
color: #3A3A3A;
}
.ChatWindow .User img {
width: 25px;
height: 25px;
left: 10px;
border: none;
border-radius: 5px;
}
.ChatWindow .chat-toolbar.wds-button-group .chat-toolbar__button, .ChatWindow .chat-toolbar.wds-button-group .chat-toolbar__button:hover {
font-size: 8px;
padding: 2px 5px !important;
}
.wds-button-group.chat-toolbar {
margin-right: 30px;
}
/* Header Block */
.ChatHeader {
position: absolute;
min-width: 580px;
top: 10px;
right: 10px;
left: 10px;
margin: 0;
border: none;
border-radius: 10px 10px 0 0;
background-color: rgba(217, 217, 237, 0.6);
}
.ChatHeader h1 {
margin: 0;
padding: 0 180px 0 10px !important;
line-height: 40px !important;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-size: 18px !important;
}
.ChatHeader h1 button {
top: 9px;
margin-left: 10px;
}
.ChatHeader h1 #pingspan {
top: 20px;
right: 180px;
font-size: 12px;
}
.ChatHeader h1 #pingspan #pings {
position: absolute;
top: 15px;
right: 0;
padding: 5px;
border: none;
border-radius: 10px;
background-color: rgba(217, 217, 237, 0.9);
box-shadow: 0 0 5px #000;
}
.ChatHeader .wikia-button {
margin-left: 5px;
color: #FFF;
opacity: 1;
}
.ChatHeader .wordmark a img {
vertical-align: top;
margin-left: -5px;
}
.ChatHeader .User {width: 120px;}
.ChatHeader #cws-trigger {
position: absolute;
width: auto;
height: auto;
top: 7.5px;
right: 140px;
padding: 12px 0 0 12px;
border-radius: 5px 0 5px;
line-height: 13px;
background-image: none;
box-shadow: none;
}
.ChatHeader #cws-trigger::after {
vertical-align: top;
padding: 0 4.5px;
border-radius: 5px 0 5px;
font-size: 10px;
color: #FFF;
background-color: rgba(0, 0, 0, 0.6);
content: '!';
}
/* Content Block */
.WikiaPage {
min-width: 580px;
min-height: 85px;
padding: 0 !important;
border: none !important;
background: none !important;
}
/* Chat Section */
.Chat {
right: 180px;
bottom: 90px !important;
border: none;
background-color: rgba(217, 217, 237, 0.6);
}
.Chat li {
top: 0 !important;
margin: 0 !important;
padding: 15px 15px 15px 60px;
line-height: normal;
overflow: hidden;
text-overflow: ellipsis;
color: #3A3A3A !important;
}
.Chat li.you {background-color: rgba(255, 255, 255, 0.2);}
.Chat li .message {white-space: normal;}
.Chat li .avatar {
width: 30px;
height: 30px;
top: 15px;
}
.Chat li .time {
font-size: 13px;
color: #3A3A3A;
}
.Chat li .me-message {color: #666;}
/* Input Section */
.Write {
height: 85px;
right: 180px;
padding-left: 60px;
border-bottom-left-radius: 10px;
background-color: rgba(217, 217, 237, 0.6);
}
.Write img {
width: 40px;
height: 40px;
top: 10px;
left: 10px;
border: none;
border-radius: 5px;
}
.Write .message {
position: absolute;
height: 60px;
top: 10px;
right: 10px;
left: 60px;
padding: 0;
border: none;
border-radius: 10px;
background-color: rgba(217, 217, 237, 0.6);
}
.Write .message textarea {
box-sizing: border-box;
width: 100%;
padding: 5px 10px;
line-height: normal;
}
.Write .wikia-button {
position: relative !important;
top: 70px !important;
bottom: 0 !important;
margin-right: 5px;
padding: 0;
color: #00A;
line-height: normal !important;
font-size: 10px;
background: none !important;
}
.Write .wikia-button:nth-of-type(1) {display: none;}
.Write .limit-reached-msg {
top: auto;
right: 30px;
bottom: 2px;
left: auto !important;
line-height: normal;
font-size: 10px;
color: #3A3A3A !important;
}
.Write .remaining {
display: block;
top: auto;
right: 10px;
bottom: 2px;
line-height: normal;
font-size: 10px;
color: #3A3A3A !important;
}
/* Rail Section */
.Rail {
width: 175px;
border-bottom-right-radius: 10px;
background-color: rgba(217, 217, 237, 0.6);
}
.Rail .public {
height: auto;
margin-top: 0;
padding: 5px 0;
line-height: normal;
text-align: center;
}
.Rail .public .chevron {
top: 28px !important;
left: 10px !important;
}
.Rail .private {
padding: 5px;
border: none;
font-size: 12px;
background: rgba(217, 217, 237, 0.6);
}
.Rail .selected, .Rail .public:hover, .Rail .User:hover {
background-color: rgba(255, 255, 255, 0.2);
box-shadow: none;
}
.Rail .splotch {
min-width: 0;
height: auto;
top: 13px;
right: 10px;
padding: 0 5px;
border: none;
line-height: 15px;
font-size: 10px;
background-color: #08F;
background-image: none;
}
#user-Killhtf .details::after, #user-Сирвейл .details::after {
content: "Бюрократ";
font-size: 10px;
}
#user-Realistik .details::after, #user-NowNoNamer .details::after, #user-ILordantI .details::after {
content: "Администратор";
font-size: 10px;
}
#user-TimurGM858 .details::after, #user-Catalyze .details::after, #user-Sledgehammer135 .details::after {
content: "Модератор контента";
font-size: 10px;
}
#user-TheDionis .details::after, #user-MyLittleMiracle .details::after {
content: "Модератор Обсуждений";
font-size: 10px;
}
#user-Vlados005 .details::after, #user-Ultrapulse .details::after {
content: "Откатчик";
font-size: 10px;
}
#user-CookiesBot .details::after {
content: "Бот-редактор";
font-size: 10px;
}
#user-Bottovodstvo .details:after {
content: "Чат-бот";
font-size: 10px;
}