]> jfr.im git - irc/quakenet/qwebirc.git/blame - css/qui.mcss
normalise line endings
[irc/quakenet/qwebirc.git] / css / qui.mcss
CommitLineData
656385a2
CP
1topic_background=c,f2f0ff,back
2lines_background=c,f2f0ff,back
3topic_border=c,c8d2dc,front
4tabbar_border=c,c3cee0,front
5tabbar_background=c,e2ecf9,back
6tabbar_text=c,000000,front
7tab_border=c,c8d2dc,front
8tab_text=c,000000,front
9tab_hover=c,ffffff,back
10tab_selected=c,ffffff,back
11tab_selected_border=c,c8d2dc,back
12tab_selected_text=c,333333,front
13input_border=c,c3cee0,front
14nicklist_border=c,c8d2dc,front
15nicklist_background=c,f2f0ff,back
16nicklist_text=c,000000,front
17nicklist_selected_border=c,c8d2dc,front
18menu_border=c,c8d2dc,front
19menu_background=c,f2f0ff,back
20menu_hover_background=c,FFFFFE,back
21lastpositionbar=c,C8D2DC,front
a7249843
CP
22timestamp_display=o,SHOW_TIMESTAMPS,inline,none
23timestamp_padding_left=o,SHOW_TIMESTAMPS,7px,11px
24timestamp_text_indent=o,SHOW_TIMESTAMPS,-7px,-9px
656385a2
CP
25nicklist_text=c,000000,front
26lines_text=c,000000,front
27menu_text=c,000000,front
28nicklist_selected_background=c,ffffff,back
4dd199c3 29
b59f2549
CP
30body {
31 margin: 0;
32 height: 100%;
33 overflow: hidden;
e82478eb 34 font-family: Verdana, sans-serif;
b59f2549
CP
35}
36
df07adea
CP
37html {
38 overflow: hidden;
39}
40
b59f2549
CP
41#ircui {
42 position: absolute;
43 left: 0px;
44 right: 0px;
45 top: 0px;
46 height: 100%;
47 width: 100%;
48 overflow: hidden;
49}
50
b1ee83f3
CP
51.qwebirc-qui .dynamicpanel {
52 position: absolute;
53}
a4a71818 54.qwebirc-qui .leftboundpanel {
b1ee83f3 55 left: 0px;
a4a71818
CP
56 width: 150px;
57 height: 100%;
b1ee83f3
CP
58}
59.qwebirc-qui .topboundpanel {
60 top: 0px;
a4a71818
CP
61 width: 100%;
62}
63.qwebirc-qui .topicboundpanel {
64 width: 100%;
b1ee83f3
CP
65}
66.qwebirc-qui .rightboundpanel {
a4a71818
CP
67 right: 0px;
68 width: 140px;
b1ee83f3
CP
69}
70.qwebirc-qui .bottomboundpanel {
a4a71818
CP
71 bottom: 0px;
72 right: 0px;
b1ee83f3
CP
73}
74
75.qwebirc-qui .lines {
656385a2 76 color: $(lines_text);
b1ee83f3 77 overflow: auto;
b1ee83f3 78 font-size: 0.8em;
4dd199c3 79 background: $(lines_background);
b1ee83f3
CP
80}
81
a7249843
CP
82.qwebirc-qui .lines .timestamp {
83 display: $(timestamp_display);
84}
85
06a4f056
CP
86.qwebirc-qui .ircwindow div {
87 font-family: Consolas, "Lucida Console", monospace;
a7249843
CP
88 text-indent: $(timestamp_text_indent);
89 padding-left: $(timestamp_padding_left);
06a4f056 90 word-wrap: break-word;
e82478eb
CP
91}
92
b1ee83f3
CP
93.qwebirc-qui .tab-invisible {
94 display: none;
95}
96
c1416a8d 97.qwebirc-qui .input input.keyboard-input {
b1ee83f3 98 border: 0px;
fc38a626
CP
99 margin: 0px 0px 0px 0px;
100 font-size: 1.2em;
101 padding-left: 4px;
102 padding-top: 3px;
103 padding-bottom: 3px;
b1ee83f3 104 width: 99%;
b1ee83f3
CP
105}
106
fc38a626 107.qwebirc-qui .input-flash {
63494576 108 background: #bbffbb;
fc38a626
CP
109}
110
c1416a8d
CP
111.qwebirc-qui .input input.mobile-input {
112 border: 0px;
113 margin: 2px 0px 0px 0px;
114}
115
116.qwebirc-qui .input input.mobile-button {
117 position: absolute;
118 top: 0px;
119}
120
b1ee83f3
CP
121.qwebirc-qui form {
122 margin: 0px;
123 padding: 0px;
124}
70638ce4
CP
125
126.qwebirc-qui .topic {
127 position: absolute;
128 left: 0px;
129 top: 0px;
130 right: 0px;
4dd199c3
CP
131 background-color: $(topic_background);
132 border-bottom: 1px dashed $(topic_border);
2326e8d5 133/* overflow: hidden;*/
970463d9 134 text-overflow: ellipsis;
2326e8d5 135/* white-space: nowrap;*/
70638ce4
CP
136}
137
138.qwebirc-qui .topic .emptytopic {
52090a1f 139 color: gray;
70638ce4
CP
140}
141
142.qwebirc-qui .topic {
52090a1f 143 color: gray;
70638ce4 144 padding-left: 5px;
a239ff0a
CP
145 padding-bottom: 3px;
146 font-size: 1.1em;
f34d8514 147 cursor: default;
70638ce4
CP
148}
149
941e1642 150.qwebirc-qui .outertabbar {
4dd199c3 151 background: $(tabbar_background);
941e1642
CP
152}
153
5d2e785c
CP
154.qwebirc-qui .outertabbar_top .dropdown-tab {
155 padding: 4px 3px 0 3px;
156}
157
158.qwebirc-qui .outertabbar_left .dropdown-tab {
159 padding: 3px 3px 0 3px;
160 margin-right: 2px;
161}
162
a4a71818
CP
163.qwebirc-qui .outertabbar_left {
164 border-right: 1px solid $(tabbar_border);
165 overflow: auto;
a4a71818
CP
166}
167
168.qwebirc-qui .outertabbar_left .tab {
169 display: block;
170 margin-right: 3px;
5d2e785c 171 margin-top: 1px;
a4a71818
CP
172 line-height: normal;
173 overflow: hidden;
174 text-overflow: ellipsis;
27e6a5de 175 min-height: 15px;
a4a71818
CP
176}
177
a4a71818
CP
178.qwebirc-qui .outertabbar_left .tabclose {
179 float: right;
a67917ff
CP
180 padding-left: 5px;
181 margin-left: 0px;
a4a71818 182 margin-top: -2px;
a67917ff 183 position: relative;
a4a71818
CP
184}
185
186.qwebirc-qui .outertabbar_left .tabbar {
27e6a5de 187 margin-left: 2px;
a4a71818
CP
188}
189
190.qwebirc-qui .outertabbar_top {
191 border-bottom: 1px solid $(tabbar_border);
192}
193
941e1642 194.qwebirc-qui .tabbar {
70638ce4 195 font-size: 0.8em;
4dd199c3 196 color: $(tabbar_text);
321abaf8 197 margin-left: 25px;
ff1c78b3 198 line-height: 24px;
70638ce4
CP
199}
200
201.qwebirc-qui a.tab {
4dd199c3 202 border: 1px solid $(tab_border);
70638ce4
CP
203 padding: 2px;
204 cursor: default;
70638ce4
CP
205 -moz-border-radius: 4px;
206 -webkit-border-radius: 4px;
f1398513 207 border-radius: 4px;
ff1c78b3
CP
208 margin-right: -2px;
209 white-space: nowrap;
70638ce4 210 text-decoration: none;
4dd199c3 211 color: $(tab_text);
70638ce4
CP
212}
213
214.qwebirc-qui .tab:hover {
4dd199c3 215 background: $(tab_hover);
70638ce4
CP
216 border: 1px solid #c8d2dc;
217 -moz-border-radius: 4px;
218 -webkit-border-radius: 4px;
f1398513 219 border-radius: 4px;
70638ce4
CP
220}
221
222.qwebirc-qui .tab-selected {
4dd199c3
CP
223 background: $(tab_selected);
224 border: 1px solid $(tab_selected_border);
70638ce4
CP
225 -moz-border-radius: 4px;
226 -webkit-border-radius: 4px;
f1398513 227 border-radius: 4px;
4dd199c3 228 color: $(tab_selected_text);
70638ce4
CP
229}
230
231.qwebirc-qui div.input {
4dd199c3 232 border-top: 1px solid $(input_border);
70638ce4
CP
233 padding-left: 3px;
234 padding-right: 3px;
235}
236
237.qwebirc-qui .tabclose {
238 margin-left: 5px;
ff1c78b3
CP
239 font-size: 0.7em;
240 line-height: 150%;
70638ce4
CP
241 vertical-align: top;
242 padding-left: 3px;
243 -moz-border-radius: 2px;
244 -webkit-border-radius: 2px;
f1398513 245 border-radius: 2px;
2337a7ff
CP
246 font-weight: normal;
247 color: $(tab_text);
70638ce4 248}
96f28062
CP
249
250.qwebirc-qui a.tab-hilight-activity {
2337a7ff
CP
251 color: #22bb22;
252 font-weight: bold;
96f28062
CP
253}
254
255.qwebirc-qui a.tab-hilight-speech {
2337a7ff
CP
256 color: #2222bb;
257 font-weight: bold;
96f28062
CP
258}
259
260.qwebirc-qui a.tab-hilight-us {
2337a7ff
CP
261 color: #bb4444;
262 font-weight: bold;
96f28062 263}
52090a1f
CP
264
265.qwebirc-qui .nicklist {
4dd199c3 266 border-left: 1px solid $(nicklist_border);
52090a1f 267 overflow: auto;
4dd199c3
CP
268 background: $(nicklist_background);
269 color: $(nicklist_text);
52090a1f
CP
270 font-size: 0.7em;
271}
272
273.qwebirc-qui .nicklist a {
274 display: block;
656385a2 275 color: $(nicklist_text);
52090a1f
CP
276 text-decoration: none;
277 cursor: default;
4dd199c3
CP
278 border-top: 1px solid $(nicklist_background);
279 border-bottom: 1px solid $(nicklist_background);
52090a1f
CP
280 padding-left: 1px;
281}
282
283.qwebirc-qui .nicklist a.selected {
284 display: block;
656385a2
CP
285 color: $(nicklist_text);
286 background: $(nicklist_selected_background);
52090a1f 287 text-decoration: none;
4dd199c3 288 border-bottom: $(nicklist_selected_border) 1px solid;
52090a1f 289 cursor: default;
0b638f3c
CP
290}
291
d8272bcb 292.qwebirc-qui .nicklist a.selected-middle {
4dd199c3 293 border-top: $(nicklist_selected_border) 1px solid;
d8272bcb
CP
294}
295
0b638f3c
CP
296div#noscript {
297 text-align: center;
0b638f3c 298 font-weight: bold;
cffd43cf
CP
299}
300
301.qwebirc-qui .nicklist div.menu {
302 margin: 0px 0px 0px 5px;
303}
304
305.qwebirc-qui .nicklist div.menu a {
306 border-bottom: 0;
307 border-top: 0;
925fc357
CP
308}
309
7cb09779
CP
310.qwebirc-qui .hyperlink-whois, .hyperlink-qwhois, .hyperlink-channel {
311 cursor: pointer;
312 cursor: hand;
313}
314
315.qwebirc-qui .hyperlink-whois:hover, .hyperlink-qwhois:hover, .hyperlink-channel:hover {
316 text-decoration: underline;
f9b2babd 317}
43cb8910 318
941e1642 319.qwebirc-qui .outertabbar .dropdown-tab {
43cb8910
CP
320 cursor: pointer;
321 cursor: hand;
941e1642 322 float: left;
321abaf8 323 width: 17px;
43cb8910
CP
324}
325
e9837dce 326.qwebirc-qui .dropdownmenu {
43cb8910 327 z-index: 100;
4dd199c3 328 border: 1px solid $(menu_border);
43cb8910 329 position: relative;
43cb8910
CP
330 top: 10px;
331 left: 10px;
4dd199c3 332 background: $(menu_background);
43cb8910
CP
333}
334
e9837dce 335.qwebirc-qui .dropdownmenu a {
43cb8910
CP
336 display: block;
337 font-size: 0.7em;
656385a2 338 color: $(menu_text);
43cb8910
CP
339 cursor: pointer;
340 cursor: hand;
341 padding-top: 1px;
4355d625 342 padding-left: 3px;
43cb8910 343 padding-bottom: 1px;
4355d625 344 padding-right: 3px;
43cb8910
CP
345}
346
e9837dce 347.qwebirc-qui .dropdownmenu a:hover {
4dd199c3 348 background: $(menu_hover_background); /* IE is rubbish and doesn't like #FFFFFF or white */
43cb8910
CP
349}
350
e9837dce
CP
351.qwebirc-qui .dropdownhint {
352 position: relative;
353 left: -500px;
43cb8910 354 z-index: 10;
1e9c8714 355 white-space: nowrap;
43cb8910
CP
356 font-size: 0.7em;
357}
5c0b5a6e
CP
358
359.qwebirc-qui hr.lastpos {
360 border: none;
4dd199c3 361 border-top: 1px solid $(lastpositionbar);
5c0b5a6e
CP
362 margin-left: 3em;
363 margin-right: 3em;
364}