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