-
Notifications
You must be signed in to change notification settings - Fork 0
/
IRCCloud.css
326 lines (264 loc) · 16.3 KB
/
IRCCloud.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
/* Dark Matter Reloaded
* Version 2 - 02/25/2014
*
* Author: @xupisco - xupisco.net */
*
* modified by: unstablereality
*
/* Square corners, pls */
* {
border-radius: 0 !important;
border-top-right-radius: 0 !important;
border-top-left-radius: 0 !important;
border-bottom-right-radius: 0 !important;
border-bottom-left-radius: 0 !important;
}
::-webkit-scrollbar-thumb, ::-webkit-scrollbar-track-piece { border-radius: 0; }
::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-thumb { background-color: #47545A; border: 0; }
::-webkit-scrollbar-track-piece { background-color: transparent; border: 0; }
::-webkit-scrollbar-thumb:window-inactive { background-color: #202020; }
/* Default links */
a { color: #76C8FF; text-decoration: none; }
a:hover { color: #FFC305; text-decoration: underline; }
/* Buttons */
button b.bullet { color: #FFF; }
button span, button a { background-color: transparent; background-image: none; box-shadow: none; border: 0; border-color: transparent; }
button:not([disabled]):hover span, button:not([disabled]):hover a { border-color: transparent; background-color: #385A88; background-image: none; }
/* Logotype */
h1#title span.logotype { color: #C3C8D5; }
h1#title span.logotype span.cloud { color: #96ACF1; }
#mainwrapper { background-color: #202020; padding-right: 0; padding-left: 201px;}
/* Header */
#headercell { background-color: #262626; font-size: 12px; }
#headercell a, h1#title a, #footer a, #sidebar #limits a { color: #76C8FF; }
#headercell a:hover { color: #FFC305; text-decoration: underline; }
#statusActions { color: #777777; margin-right: 13px; }
#statusActions b, #statusActions strong { color: #97E25C; font-weight: normal; }
#invites span.numInvites { font-size: 90%; border: 0; font-weight: normal; line-height: 1.3; padding: 1px 4px 1px 4px; }
h1#title span.logo { width: 10px; background-image: none; }
/* Topic */
.bufferHead { background-color: #323232; border: 0; }
.mainContainer, table.buffer { border: 0; }
td.statuscell div.status h2.bufferHeading { padding: 0px 0px 4px 1px; font-size: 13px; color: #C7C7C7; }
td.statuscell div.status h2.bufferHeading span.label { font-weight: normal; color: #FAFAFA; }
td.statuscell div.status p.buttons button span, td.statuscell div.status p.buttons button a { background-color: #5F6E7C; color: #F1F1F1; }
td.statuscell div.status p.buttons button span:hover, td.statuscell div.status p.buttons button a:hover { background-color: #385A88; color: #F1F1F1; }
/* Sidebar */
div#sidebarwrapper:hover { opacity: 1; }
#sidebar #limits a { background-color: #383838; font-size: 11px; color: #ccc; }
#sidebar #limits a span.highlight { color: #FFD21E; }
#sidebar #limits h2.limitedTrial { border: 0; background-color: #A7211E; font-size: 12px; }
#sidebar #limits .price { width: 40px ;}
#sidebar #limits .price .badge { width: 43px; height: 28px; line-height: 30px; font-size: 13px; background-color: #A7211E; }
#sidebar #limits a:hover { color: #fff; background-color: #4a4a4a; }
#sidebar #limits a:hover span.highlight { color: #fff; }
#sidebar #limits a:hover h2.limitedTrial { background-color: #A7211E; }
#sidebar #limits a:hover .price .badge { background-color: #A7211E; }
/* Sidebar - Buffers */
#buffers .active a.buffer { color: #9E9E9E; font-size: 14px; }
#buffers a.buffer, #buffers p.join a, #buffers p.archiveToggle a { color: #9CC7FF; font-size: 13px; }
#buffers ul.buffers .active.unread a.buffer, #buffers h2.active.unread { color: #fff; font-weight: normal; }
#buffers li.connection { background-color: #383838; }
#buffers h2 a.buffer { background-color: #5F6E7C; border: 0; color: #fff; }
#bufferList h2 a.buffer span.label { color: #fff; }
#buffers .active.selected a.buffer, #buffers .active.selected a.buffer:hover { border: 0; color: #FFF; font-weight: normal; }
#buffers a.buffer:hover { background-color: #385A88; text-decoration: none; }
.buffers.channels { padding: 5px 0; }
#buffers p.archiveToggle a { padding: 5px 7px 5px 24px; color: #EBEBEB; background-color: #474747; font-size: 12px; }
#buffers p.archiveToggle a:hover { background-color: #385A88; color: #fff }
#buffers span.badge { background-color: #C2130F; font-weight: normal; padding: 0px 4px 0px 4px; }
.buffer.channel.deferred { padding-bottom: 8px; }
#buffers ul.archives { background-color: #38393A; padding: 2px 0; }
#buffers ul.archives .active a.buffer { color: #979797; font-size: 12px; }
#buffers ul.archives a:hover { background-color: #585858; color: #fff; }
#buffers ul.archives .active.selected a.buffer, #buffers ul.archives .active.selected a.buffer:hover { color: #FFF; }
div#buffersFooter p a { background-color: #46515d; color: #FFF; line-height: 1.4; margin-bottom: 1px; font-size: 13px; border: 0; }
div#buffersFooter p a:hover { background-color: #385A88; }
/* Main */
div.buffermain { background-color: #202020 }
.showMembers div.buffermain { background-color: #202020; }
div.dateWrapper { margin-top: -7px; }
div.log { background-color: #202020; }
div.log div.dateChange p, div.dateWrapper table { border: 0; box-shadow: none; background-image: none; font-size: 12px; background-color: #3D4E3D; color: #fff; padding: 4px 0; margin: 7px 0; margin-bottom: 0; }
div.log div.chat, div.log div.status, div.log div.notice, div.log div.groupedLines, div.log div.warning, div.log div.error, div.log div.table, div.log div.me { color: #EEE; }
div.log div.chat a, div.log div.status a, div.log div.notice a, div.log div.groupedLines a, div.log div.warning a, div.log div.error a, div.log div.table a, div.log div.me a { color: #7ABFE6; }
div.log span.date { color: #555; float: left!important;}
div.log div.hover span.date { color: #fff; }
div.log span.prefix { color: #F1F1F1; }
div.log div.highlight { background-color: #29382B; }
div.log div.row.highlight { background-color: #29382B; }
div.log div.highlight span.date { color: #E0E0E0; }
div.log div.row span a.author, td.nickcell a.nick { color: #CBF6A8; }
div.log div.row span a.user.hover, div.log div.row span a.user.hover:hover { color: #CBF6A8; }
div.log div.groupedJoinPart { border-top: 1px dashed #505050; border-bottom: 1px dashed #505050; margin: 7px 0; padding: 2px 0; opacity: 0.3; }
div.log div.groupedJoinPart:hover, div.log div.groupedJoinPart.expanded { background-color: #252525; border-top: 1px dashed #686868; border-bottom: 1px dashed #686868; opacity: 1; }
div.log div.joinPartGroup.expanded { border-bottom: 1px dashed #DDD; margin-top: -8px; margin-bottom: 7px; }
div.log div.joinPartGroup.expanded div.messageRow { background-color: #2B2B2B; }
div.log div.groupedJoinPart span.mode { color: #DDD; }
div.log div.status { color: #383838; background-color: #181818; }
div.log div.backlogDivider hr, div.log div.fetch hr { border-color: #FF9C1E; }
/* HRs */
div.log div.lastSeen hr, div.log div.bottomSeen hr, div.log div.focusSeen hr { border-top: 1px solid #8168A2; margin: 3px 0; }
div.log div.lastSeen p, div.log div.bottomSeen p, div.log div.focusSeen p { margin-top: -5px; margin-bottom: 3px; padding: 0; }
div.log div.lastSeen span.text, div.log div.bottomSeen span, div.log div.focusSeen span { padding: 0 10px; background-color: #8168A2; color: #FFF; padding: 2px 6px; }
div.log div.part hr { border-top: 4px double #414141; margin: 5px; margin-top: 13px; }
div.log div.backlogDivider hr, div.log div.fetch hr { border-color: #8DC57F; margin: 15px 0; margin-bottom: 7px; }
div.log div.messageRow, div.log div.me a.user, div.log div.me a.server { padding: 2px 0; }
div.log div.messageRow { background-color: #262626 }
div.log div.self { background-color: #202020; }
.extras span.extrasBar { background-color: #344C77; font-weight: normal; padding-left: 52px; }
/* Main - Nicks */
div.log div.row span a.author, td.nickcell a.nick { font-weight: normal; }
.nick-colors div.log div.row span a.c0, .nick-colors div.log div.row span a.c0:hover, .nick-colors div.log div.row span a.hover.c0:hover, .nick-colors div.log div.row span a.hover.c0, .nick-colors ul.memberList li.hover a.c0, .nick-colors ul.memberList li a.c0:hover { color: #fc80e2; }
.nick-colors div.log div.row span a.c1, .nick-colors div.log div.row span a.c1:hover, .nick-colors div.log div.row span a.hover.c1:hover, .nick-colors div.log div.row span a.hover.c1, .nick-colors ul.memberList li.hover a.c1, .nick-colors ul.memberList li a.c1:hover { color: #ff7b68; }
.nick-colors div.log div.row span a.c2, .nick-colors div.log div.row span a.c2:hover, .nick-colors div.log div.row span a.hover.c2:hover, .nick-colors div.log div.row span a.hover.c2, .nick-colors ul.memberList li.hover a.c2, .nick-colors ul.memberList li a.c2:hover { color: #d22f37; }
.nick-colors div.log div.row span a.c3, .nick-colors div.log div.row span a.c3:hover, .nick-colors div.log div.row span a.hover.c3:hover, .nick-colors div.log div.row span a.hover.c3, .nick-colors ul.memberList li.hover a.c3, .nick-colors ul.memberList li a.c3:hover { color: #fd8e38; }
.nick-colors div.log div.row span a.c4, .nick-colors div.log div.row span a.c4:hover, .nick-colors div.log div.row span a.hover.c4:hover, .nick-colors div.log div.row span a.hover.c4, .nick-colors ul.memberList li.hover a.c4, .nick-colors ul.memberList li a.c4:hover { color: #c83d4f; }
.nick-colors div.log div.row span a.c5, .nick-colors div.log div.row span a.c5:hover, .nick-colors div.log div.row span a.hover.c5:hover, .nick-colors div.log div.row span a.hover.c5, .nick-colors ul.memberList li.hover a.c5, .nick-colors ul.memberList li a.c5:hover { color: #c74faf; }
.nick-colors div.log div.row span a.c6, .nick-colors div.log div.row span a.c6:hover, .nick-colors div.log div.row span a.hover.c6:hover, .nick-colors div.log div.row span a.hover.c6, .nick-colors ul.memberList li.hover a.c6, .nick-colors ul.memberList li a.c6:hover { color: #9a5ef0; }
.nick-colors div.log div.row span a.c7, .nick-colors div.log div.row span a.c7:hover, .nick-colors div.log div.row span a.hover.c7:hover, .nick-colors div.log div.row span a.hover.c7, .nick-colors ul.memberList li.hover a.c7, .nick-colors ul.memberList li a.c7:hover { color: #7250e2; }
.nick-colors div.log div.row span a.c8, .nick-colors div.log div.row span a.c8:hover, .nick-colors div.log div.row span a.hover.c8:hover, .nick-colors div.log div.row span a.hover.c8, .nick-colors ul.memberList li.hover a.c8, .nick-colors ul.memberList li a.c8:hover { color: #3f74c3; }
.nick-colors div.log div.row span a.c9, .nick-colors div.log div.row span a.c9:hover, .nick-colors div.log div.row span a.hover.c9:hover, .nick-colors div.log div.row span a.hover.c9, .nick-colors ul.memberList li.hover a.c9, .nick-colors ul.memberList li a.c9:hover { color: #5893ff; }
.nick-colors div.log div.row span a.c10, .nick-colors div.log div.row span a.c10:hover, .nick-colors div.log div.row span a.hover.c10:hover, .nick-colors div.log div.row span a.hover.c10, .nick-colors ul.memberList li.hover a.c10, .nick-colors ul.memberList li a.c10:hover { color: #15b8a5; }
.nick-colors div.log div.row span a.c11, .nick-colors div.log div.row span a.c11:hover, .nick-colors div.log div.row span a.hover.c11:hover, .nick-colors div.log div.row span a.hover.c11, .nick-colors ul.memberList li.hover a.c11, .nick-colors ul.memberList li a.c11:hover { color: #49b93a; }
.nick-colors div.log div.row span a.c12, .nick-colors div.log div.row span a.c12:hover, .nick-colors div.log div.row span a.hover.c12:hover, .nick-colors div.log div.row span a.hover.c12, .nick-colors ul.memberList li.hover a.c12, .nick-colors ul.memberList li a.c12:hover { color: #46a139; }
.nick-colors div.log div.row span a.c13, .nick-colors div.log div.row span a.c13:hover, .nick-colors div.log div.row span a.hover.c13:hover, .nick-colors div.log div.row span a.hover.c13, .nick-colors ul.memberList li.hover a.c13, .nick-colors ul.memberList li a.c13:hover { color: #25a694; }
/* Members */
div.memberwrapper { background-color: #202020; border: 0; }
ul.memberList a { color: #AAA; font-size: 12px; }
span.mode_symbol, span.mode_pill { font-style: 12px; }
/* Members - Owner */
ul.memberList li.category.owner h2 { color: #BA1719; background-color: #292929; border: 0; font-size: 12px; padding: 10px 7px; }
ul.memberList li.owner ul { border: 0; background-color: #202020; }
/* Members - Admin */
ul.memberList li.category.admin h2 { color: #D6A4F6; background-color: #292929; border: 0; font-size: 12px; padding: 10px 7px; }
ul.memberList li.admin ul { border: 0; background-color: #202020; }
/* Members - Ops */
ul.memberList li.category.ops h2 { color: #E7AA00; background-color: #292929; border: 0; font-size: 12px; padding: 10px 7px; }
ul.memberList li.ops ul { border: 0; background-color: #202020; }
/* Members - HalfOps */
ul.memberList li.category.halfops h2 { color: #A26D39; background-color: #292929; border: 0; font-size: 12px; padding: 10px 7px; }
ul.memberList li.halfops ul { border: 0; background-color: #202020; }
/* Members - Voiced */
ul.memberList li.category.voiced h2 { color: #66DA48; background-color: #292929; border: 0; font-size: 12px; padding: 10px 7px; }
ul.memberList li.voiced ul { border: 0; background-color: #202020; }
/* Members - Default */
ul.memberList li.category h2 { color: #fff; background-color: #292929; border: 0; font-size: 12px; padding: 10px 7px; }
/* Input */
td.nickcell { border: 0; background-image: none; background-color: transparent; }
div.nickinputwrapper { border: 0; background-color: transparent; background-image: none; }
td.inputcell { background-color: #181818; }
td.inputcell textarea { background-color: #181818; color: #e1e1e1; }
.inputInfo { box-shadow: none; border: 8px solid #202020; margin-left: 0px; margin-bottom: -11px; background-image: none; background-color: #181818; padding: 10px; padding-right: 4px; }
.inputInfo span.item a { text-decoration: none; color: #EEE; }
/* Warnings */
p#xhrWarning { border: 0; padding: 10px; background-color: #B60000; color: #fff; }
p#xhrWarning a { color: #FDDF00; }
p#xhrWarning a:hover { color: #FDDF00; text-decoration: underline; }
/* Popups */
#memberContextMenu, .accountContainer { box-shadow: none; border: 10px solid #1D1D1D; }
.overlayHead { background-color: #319C39; background-image: none; }
.overlaycontainer, .editNetworkOverlay { border: 10px solid #202020; box-shadow: none; }
/* Messages */
div.log div.groupedLines { border: 1px dashed #4E4E4E; background-color: #161616; }
/* Footer */
#footer { color: #CFCFCF; width: 190px; }
#footer a { font-size: 11px; color: #7D848B}
#footer a:hover { color: #FFC305; text-decoration: underline; }
span.author a:before {
content: "<"
}
span.author a:after {
content: ">"
}
.buffer.bufferLink.author.user {
display: inline-block;
border-right: solid 1px;
padding-right: 5px;
text-align: right;
}
span.me_prefix ~ .buffer.bufferLink.author.user {
border-right: none;
}
span.g ~ span.mode_pill {
margin-right: -9px;
}
#mainwrapper {
height: 100%;
padding-right: 201px;
padding-left: 0px;
}
#div .dateWrapper.dateChange {
left: 0px!important;
}
div.date
div.log div.me a.server, div.log div.me a.user, div.log div.messageRow, div.shim, td.inputcell textarea, td.nickcell a.nick {
font-size: 13px;
line-height: 17px;
font-family: "Ubuntu Mono";
}
td.inputcell {
border:none!important;
box-shadow:none;
}
div.log div.loadMore button {
border: 1px solid #3D4E3D;
}
button span {
color: white;
}
.buffer.bufferLink.author.user {
display: inline-block;
width: 110px;
border-right: solid 1px;
padding-right: 5px;
text-align: right;
}
div.log.span.me_prefix {
visibility: hidden;
margin-left: -16px;
}
.mode_symbol.mode_VOICED, .mode_symbol.mode_OP, .mode_symbol.mode_pill {
margin-right: -8px;
}
.me_prefix {
margin-right: -16px;
}
.content .mode_symbol.mode_VOICED, .content .mode_symbol.mode_OP, .content .mode_symbol.mode_pill {
margin-right: 0px;
}
/* fix to align .content text with beginning of line and not with author */
span.date {
float: left!important;
}
span.authorWrap {
float: left!important;
}
span.content {
display: block!important;
overflow: hidden!important;
}
/* style for new upload button */
td.uploadcell {
background-color: #181818!important;
border: none!important;
}
/* fix for close/send as text button styling */
button.sendAsText span, button.close.mainClose span {
border: 1px solid #ddd;
border-color: #ddd #aaa #aaa #ddd;
border-radius 3px;
box-shadow: 0 0 1px #333;
color: #222
}
button.sendAsText span:hover, button.close.mainClose span:hover {
color: white;
}
/* moves chat input box up 10px to avoid behing obscured by the chrome link tooltip */
td#maincell {
padding-bottom: 10px;
}
.me_prefix {
visibility: hidden;
}