]>
Commit | Line | Data |
---|---|---|
4dd199c3 CP |
1 | topic_background=f2f0ff |
2 | lines_background=f2f0ff | |
3 | topic_border=c8d2dc | |
4 | tabbar_border=c3cee0 | |
5 | tabbar_background=e2ecf9 | |
6 | tabbar_text=000000 | |
7 | tab_border=c8d2dc | |
8 | tab_text=000000 | |
9 | tab_hover=ffffff | |
10 | tab_selected=ffffff | |
11 | tab_selected_border=c8d2dc | |
12 | tab_selected_text=333333 | |
13 | input_border=c3cee0 | |
14 | nicklist_border=c8d2dc | |
15 | nicklist_background=f2f0ff | |
16 | hilight_us=FF0000 | |
17 | hilight_speech=0000FF | |
18 | hilight_activity=00FF00 | |
19 | nicklist_text=000000 | |
20 | nicklist_selected_border=c8d2dc | |
21 | menu_border=c8d2dc | |
22 | menu_background=f2f0ff | |
23 | menu_hover_background=FFFFFE | |
24 | lastposition_bar=C8D2DC | |
25 | ||
b59f2549 CP |
26 | body { |
27 | margin: 0; | |
28 | height: 100%; | |
29 | overflow: hidden; | |
e82478eb | 30 | font-family: Verdana, sans-serif; |
b59f2549 CP |
31 | } |
32 | ||
df07adea CP |
33 | html { |
34 | overflow: hidden; | |
35 | } | |
36 | ||
b59f2549 CP |
37 | #ircui { |
38 | position: absolute; | |
39 | left: 0px; | |
40 | right: 0px; | |
41 | top: 0px; | |
42 | height: 100%; | |
43 | width: 100%; | |
44 | overflow: hidden; | |
45 | } | |
46 | ||
b1ee83f3 CP |
47 | .qwebirc-qui .dynamicpanel { |
48 | position: absolute; | |
49 | } | |
50 | .qwebirc-qui .widepanel, .leftboundpanel { | |
51 | left: 0px; | |
52 | } | |
53 | .qwebirc-qui .widepanel { | |
54 | width: 100%; | |
55 | } | |
56 | .qwebirc-qui .topboundpanel { | |
57 | top: 0px; | |
58 | } | |
59 | .qwebirc-qui .rightboundpanel { | |
60 | /*right: 0px;*/ | |
61 | } | |
62 | .qwebirc-qui .bottomboundpanel { | |
63 | color: red; | |
64 | } | |
65 | ||
66 | .qwebirc-qui .lines { | |
925fc357 | 67 | color: black; |
b1ee83f3 | 68 | overflow: auto; |
b1ee83f3 | 69 | font-size: 0.8em; |
4dd199c3 | 70 | background: $(lines_background); |
b1ee83f3 CP |
71 | } |
72 | ||
e82478eb | 73 | .qwebirc-qui .ircwindow { |
b5c39585 | 74 | font-family: Consolas, "Lucida Console", monospace, Verdana, sans-serif, "sans serif"; |
e82478eb CP |
75 | } |
76 | ||
b1ee83f3 CP |
77 | .qwebirc-qui .tab-invisible { |
78 | display: none; | |
79 | } | |
80 | ||
c1416a8d | 81 | .qwebirc-qui .input input.keyboard-input { |
b1ee83f3 CP |
82 | border: 0px; |
83 | margin: 2px 0px 0px 0px; | |
84 | width: 99%; | |
b1ee83f3 CP |
85 | } |
86 | ||
c1416a8d CP |
87 | .qwebirc-qui .input input.mobile-input { |
88 | border: 0px; | |
89 | margin: 2px 0px 0px 0px; | |
90 | } | |
91 | ||
92 | .qwebirc-qui .input input.mobile-button { | |
93 | position: absolute; | |
94 | top: 0px; | |
95 | } | |
96 | ||
b1ee83f3 CP |
97 | .qwebirc-qui form { |
98 | margin: 0px; | |
99 | padding: 0px; | |
100 | } | |
70638ce4 CP |
101 | |
102 | .qwebirc-qui .topic { | |
103 | position: absolute; | |
104 | left: 0px; | |
105 | top: 0px; | |
106 | right: 0px; | |
4dd199c3 CP |
107 | background-color: $(topic_background); |
108 | border-bottom: 1px dashed $(topic_border); | |
70638ce4 CP |
109 | } |
110 | ||
111 | .qwebirc-qui .topic .emptytopic { | |
52090a1f | 112 | color: gray; |
70638ce4 CP |
113 | } |
114 | ||
115 | .qwebirc-qui .topic { | |
52090a1f | 116 | color: gray; |
70638ce4 CP |
117 | padding-left: 5px; |
118 | font-size: 0.7em; | |
f34d8514 | 119 | cursor: default; |
70638ce4 CP |
120 | } |
121 | ||
941e1642 | 122 | .qwebirc-qui .outertabbar { |
4dd199c3 CP |
123 | border-bottom: 1px solid $(tabbar_border); |
124 | background: $(tabbar_background); | |
391f51ff | 125 | white-space: nowrap; |
941e1642 CP |
126 | } |
127 | ||
128 | .qwebirc-qui .tabbar { | |
129 | padding: 4px; | |
70638ce4 | 130 | font-size: 0.8em; |
4dd199c3 | 131 | color: $(tabbar_text); |
70638ce4 CP |
132 | } |
133 | ||
134 | .qwebirc-qui a.tab { | |
4dd199c3 | 135 | border: 1px solid $(tab_border); |
70638ce4 CP |
136 | padding: 2px; |
137 | cursor: default; | |
138 | margin-right: 2px; | |
139 | -moz-border-radius: 4px; | |
140 | -webkit-border-radius: 4px; | |
141 | } | |
142 | ||
143 | .qwebirc-qui a.tab { | |
144 | text-decoration: none; | |
4dd199c3 | 145 | color: $(tab_text); |
70638ce4 CP |
146 | } |
147 | ||
148 | .qwebirc-qui .tab:hover { | |
4dd199c3 | 149 | background: $(tab_hover); |
70638ce4 CP |
150 | border: 1px solid #c8d2dc; |
151 | -moz-border-radius: 4px; | |
152 | -webkit-border-radius: 4px; | |
153 | } | |
154 | ||
155 | .qwebirc-qui .tab-selected { | |
4dd199c3 CP |
156 | background: $(tab_selected); |
157 | border: 1px solid $(tab_selected_border); | |
70638ce4 CP |
158 | -moz-border-radius: 4px; |
159 | -webkit-border-radius: 4px; | |
4dd199c3 | 160 | color: $(tab_selected_text); |
70638ce4 CP |
161 | } |
162 | ||
163 | .qwebirc-qui div.input { | |
4dd199c3 | 164 | border-top: 1px solid $(input_border); |
70638ce4 CP |
165 | padding-left: 3px; |
166 | padding-right: 3px; | |
167 | } | |
168 | ||
169 | .qwebirc-qui .tabclose { | |
170 | margin-left: 5px; | |
171 | font-size: 0.6em; | |
172 | vertical-align: top; | |
173 | padding-left: 3px; | |
174 | -moz-border-radius: 2px; | |
175 | -webkit-border-radius: 2px; | |
176 | } | |
96f28062 CP |
177 | |
178 | .qwebirc-qui a.tab-hilight-activity { | |
4dd199c3 | 179 | color: $(hilight_activity); |
96f28062 CP |
180 | } |
181 | ||
182 | .qwebirc-qui a.tab-hilight-speech { | |
4dd199c3 | 183 | color: $(hilight_speech); |
96f28062 CP |
184 | } |
185 | ||
186 | .qwebirc-qui a.tab-hilight-us { | |
4dd199c3 | 187 | color: $(hilight_us); |
96f28062 | 188 | } |
52090a1f CP |
189 | |
190 | .qwebirc-qui .nicklist { | |
4dd199c3 | 191 | border-left: 1px solid $(nicklist_border); |
52090a1f CP |
192 | position: absolute; |
193 | top: 0px; | |
194 | right: 0px; | |
cffd43cf | 195 | width: 140px; |
52090a1f | 196 | overflow: auto; |
4dd199c3 CP |
197 | background: $(nicklist_background); |
198 | color: $(nicklist_text); | |
52090a1f CP |
199 | font-size: 0.7em; |
200 | } | |
201 | ||
202 | .qwebirc-qui .nicklist a { | |
203 | display: block; | |
204 | color: black; | |
205 | text-decoration: none; | |
206 | cursor: default; | |
4dd199c3 CP |
207 | border-top: 1px solid $(nicklist_background); |
208 | border-bottom: 1px solid $(nicklist_background); | |
52090a1f CP |
209 | padding-left: 1px; |
210 | } | |
211 | ||
212 | .qwebirc-qui .nicklist a.selected { | |
213 | display: block; | |
214 | color: black; | |
215 | background: white; | |
216 | text-decoration: none; | |
4dd199c3 | 217 | border-bottom: $(nicklist_selected_border) 1px solid; |
52090a1f | 218 | cursor: default; |
0b638f3c CP |
219 | } |
220 | ||
d8272bcb | 221 | .qwebirc-qui .nicklist a.selected-middle { |
4dd199c3 | 222 | border-top: $(nicklist_selected_border) 1px solid; |
d8272bcb CP |
223 | } |
224 | ||
0b638f3c CP |
225 | div#noscript { |
226 | text-align: center; | |
0b638f3c | 227 | font-weight: bold; |
cffd43cf CP |
228 | } |
229 | ||
230 | .qwebirc-qui .nicklist div.menu { | |
231 | margin: 0px 0px 0px 5px; | |
232 | } | |
233 | ||
234 | .qwebirc-qui .nicklist div.menu a { | |
235 | border-bottom: 0; | |
236 | border-top: 0; | |
925fc357 CP |
237 | } |
238 | ||
7cb09779 CP |
239 | .qwebirc-qui .hyperlink-whois, .hyperlink-qwhois, .hyperlink-channel { |
240 | cursor: pointer; | |
241 | cursor: hand; | |
242 | } | |
243 | ||
244 | .qwebirc-qui .hyperlink-whois:hover, .hyperlink-qwhois:hover, .hyperlink-channel:hover { | |
245 | text-decoration: underline; | |
f9b2babd | 246 | } |
43cb8910 | 247 | |
941e1642 | 248 | .qwebirc-qui .outertabbar .dropdown-tab { |
43cb8910 CP |
249 | cursor: pointer; |
250 | cursor: hand; | |
941e1642 CP |
251 | float: left; |
252 | padding: 4px; | |
43cb8910 CP |
253 | } |
254 | ||
e9837dce | 255 | .qwebirc-qui .dropdownmenu { |
43cb8910 | 256 | z-index: 100; |
4dd199c3 | 257 | border: 1px solid $(menu_border); |
43cb8910 | 258 | position: relative; |
43cb8910 CP |
259 | top: 10px; |
260 | left: 10px; | |
4dd199c3 | 261 | background: $(menu_background); |
43cb8910 CP |
262 | } |
263 | ||
e9837dce | 264 | .qwebirc-qui .dropdownmenu a { |
43cb8910 CP |
265 | display: block; |
266 | font-size: 0.7em; | |
267 | color: black; | |
268 | cursor: pointer; | |
269 | cursor: hand; | |
270 | padding-top: 1px; | |
4355d625 | 271 | padding-left: 3px; |
43cb8910 | 272 | padding-bottom: 1px; |
4355d625 | 273 | padding-right: 3px; |
43cb8910 CP |
274 | } |
275 | ||
e9837dce | 276 | .qwebirc-qui .dropdownmenu a:hover { |
4dd199c3 | 277 | background: $(menu_hover_background); /* IE is rubbish and doesn't like #FFFFFF or white */ |
43cb8910 CP |
278 | } |
279 | ||
e9837dce CP |
280 | .qwebirc-qui .dropdownhint { |
281 | position: relative; | |
282 | left: -500px; | |
43cb8910 | 283 | z-index: 10; |
1e9c8714 | 284 | white-space: nowrap; |
43cb8910 CP |
285 | font-size: 0.7em; |
286 | } | |
5c0b5a6e CP |
287 | |
288 | .qwebirc-qui hr.lastpos { | |
289 | border: none; | |
4dd199c3 | 290 | border-top: 1px solid $(lastpositionbar); |
5c0b5a6e CP |
291 | margin-left: 3em; |
292 | margin-right: 3em; | |
293 | } |