1 |
|
2 |
|
3 |
|
4 |
|
5 |
|
6 |
|
7 |
|
8 |
|
9 |
|
10 |
|
11 |
|
12 |
|
13 |
|
14 |
|
15 |
|
16 |
|
17 |
|
18 |
|
19 |
|
20 |
|
21 | body {
|
22 | color: #ccc;
|
23 | }
|
24 |
|
25 | #main,
|
26 | #chat .sidebar,
|
27 | #windows .chan,
|
28 | #windows .window {
|
29 | background: #333c4a;
|
30 | }
|
31 |
|
32 | #chat .count {
|
33 | background-color: #2e3642;
|
34 | }
|
35 |
|
36 | #chat .search {
|
37 | color: #ccc;
|
38 | padding: 15px 16px;
|
39 | }
|
40 |
|
41 |
|
42 | #chat .content,
|
43 | #windows .header,
|
44 | #chat .user-mode::before,
|
45 | #chat .sidebar {
|
46 | border-color: #2a323d;
|
47 | }
|
48 |
|
49 |
|
50 | #chat .user-mode {
|
51 | color: #fefefe;
|
52 | }
|
53 |
|
54 |
|
55 | #chat .user {
|
56 | color: #b0bacf;
|
57 | }
|
58 |
|
59 | #chat.colored-nicks .user.color-1 { color: #f7adf7; }
|
60 | #chat.colored-nicks .user.color-2 { color: #abf99f; }
|
61 | #chat.colored-nicks .user.color-3 { color: #86efdc; }
|
62 | #chat.colored-nicks .user.color-4 { color: #b76ee5; }
|
63 | #chat.colored-nicks .user.color-5 { color: #f9a4b3; }
|
64 | #chat.colored-nicks .user.color-6 { color: #f7999a; }
|
65 | #chat.colored-nicks .user.color-7 { color: #f497b9; }
|
66 | #chat.colored-nicks .user.color-8 { color: #f9a9d7; }
|
67 | #chat.colored-nicks .user.color-9 { color: #7fa2e2; }
|
68 | #chat.colored-nicks .user.color-10 { color: #a8b8ff; }
|
69 | #chat.colored-nicks .user.color-11 { color: #ad88fc; }
|
70 | #chat.colored-nicks .user.color-12 { color: #f4aead; }
|
71 | #chat.colored-nicks .user.color-13 { color: #fc71ab; }
|
72 | #chat.colored-nicks .user.color-14 { color: #ff72e0; }
|
73 | #chat.colored-nicks .user.color-15 { color: #8cb6ea; }
|
74 | #chat.colored-nicks .user.color-16 { color: #f9857c; }
|
75 | #chat.colored-nicks .user.color-17 { color: #ed9b82; }
|
76 | #chat.colored-nicks .user.color-18 { color: #8df484; }
|
77 | #chat.colored-nicks .user.color-19 { color: #ffcce3; }
|
78 | #chat.colored-nicks .user.color-20 { color: #efcc81; }
|
79 | #chat.colored-nicks .user.color-21 { color: #90a1ed; }
|
80 | #chat.colored-nicks .user.color-22 { color: #f4d484; }
|
81 | #chat.colored-nicks .user.color-23 { color: #97ea70; }
|
82 | #chat.colored-nicks .user.color-24 { color: #fcbbba; }
|
83 | #chat.colored-nicks .user.color-25 { color: #eef975; }
|
84 | #chat.colored-nicks .user.color-26 { color: #c7ff93; }
|
85 | #chat.colored-nicks .user.color-27 { color: #ffade1; }
|
86 | #chat.colored-nicks .user.color-28 { color: #98ecf2; }
|
87 | #chat.colored-nicks .user.color-29 { color: #7187f2; }
|
88 | #chat.colored-nicks .user.color-30 { color: #9676e2; }
|
89 | #chat.colored-nicks .user.color-31 { color: #f2a4eb; }
|
90 | #chat.colored-nicks .user.color-32 { color: #85f27d; }
|
91 |
|
92 | #chat a {
|
93 | color: #428bca;
|
94 | }
|
95 |
|
96 |
|
97 | .irc-fg2 { color: #0074d9; }
|
98 | .irc-fg5 { color: #e969a7; }
|
99 | .irc-fg12 { color: #50a8ff; }
|
100 |
|
101 |
|
102 | #form {
|
103 | background: #2a323d;
|
104 | border-color: #242a33;
|
105 | }
|
106 |
|
107 | #windows #form .input {
|
108 | background-color: #2e3642 !important;
|
109 | border-color: #242a33 !important;
|
110 | color: #ccc;
|
111 | }
|
112 |
|
113 | #form #nick {
|
114 | background: #242a33;
|
115 | color: #ccc;
|
116 | }
|
117 |
|
118 | #form #submit:hover {
|
119 | opacity: 1;
|
120 | }
|
121 |
|
122 |
|
123 | #chat .show-more-button {
|
124 | background: #2e3642;
|
125 | border-color: #242a33;
|
126 | color: #ccc;
|
127 | }
|
128 |
|
129 | #chat .show-more-button:hover {
|
130 | color: #fff;
|
131 | }
|
132 |
|
133 | #chat .header {
|
134 | color: #99a2b4;
|
135 | }
|
136 |
|
137 |
|
138 | #viewport .lt::after {
|
139 | border-color: #333c4a;
|
140 | }
|
141 |
|
142 | #chat .unread-marker-text::before {
|
143 | background-color: #333c4a;
|
144 | }
|
145 |
|
146 | #chat .date-marker::before {
|
147 | border-color: #97ea70;
|
148 | }
|
149 |
|
150 | #chat .date-marker-text::before {
|
151 | background-color: #333c4a;
|
152 | color: #97ea70;
|
153 | }
|
154 |
|
155 |
|
156 | #chat .msg {
|
157 | color: #f3f3f3;
|
158 | }
|
159 |
|
160 | #chat .message {
|
161 | color: #fefefe;
|
162 | }
|
163 |
|
164 | #chat .self .text {
|
165 | color: #99a2b4;
|
166 | }
|
167 |
|
168 | #chat .error,
|
169 | #chat .error .from,
|
170 | #chat .channel .highlight,
|
171 | #chat .channel .highlight .from,
|
172 | #chat .channel .highlight .text {
|
173 | color: #f92772;
|
174 | }
|
175 |
|
176 | #chat .unhandled .from {
|
177 | color: #99a2b4;
|
178 | }
|
179 |
|
180 | #chat .msg.quit .time,
|
181 | #chat .msg.quit .from button {
|
182 | color: #d0907d !important;
|
183 | }
|
184 |
|
185 | #chat .msg.topic {
|
186 | color: #fefefe;
|
187 | }
|
188 |
|
189 | #chat .msg.join .time,
|
190 | #chat .msg.join .from button {
|
191 | color: #84ce88 !important;
|
192 | }
|
193 |
|
194 | #chat table.channel-list td {
|
195 | color: #ccc;
|
196 | }
|
197 |
|
198 |
|
199 | #chat .toggle-content {
|
200 | background: #242a33;
|
201 | color: #f3f3f3;
|
202 | }
|
203 |
|
204 | #chat .toggle-content .body {
|
205 | color: #99a2b4;
|
206 | }
|
207 |
|
208 |
|
209 |
|
210 | #chat-container ::-moz-placeholder {
|
211 | color: #99a2b4;
|
212 | opacity: 0.5;
|
213 | }
|
214 |
|
215 | #chat-container ::-webkit-input-placeholder {
|
216 | color: #99a2b4;
|
217 | opacity: 0.5;
|
218 | }
|
219 |
|
220 | #chat-container :-ms-input-placeholder {
|
221 | color: #99a2b4;
|
222 | opacity: 0.5;
|
223 | }
|
224 |
|
225 |
|
226 |
|
227 | @media (min-width: 480px) {
|
228 | #chat .from::after {
|
229 | background: linear-gradient(to right, rgba(51, 60, 74, 0.5) 0%, rgba(51, 60, 74, 1) 100%);
|
230 | }
|
231 | }
|