]>
Commit | Line | Data |
---|---|---|
1 | topic_background=c,f2f0ff | |
2 | lines_background=c,f2f0ff | |
3 | topic_border=c,c8d2dc | |
4 | tabbar_border=c,c3cee0 | |
5 | tabbar_background=c,e2ecf9 | |
6 | tabbar_text=c,000000 | |
7 | tab_border=c,c8d2dc | |
8 | tab_text=c,000000 | |
9 | tab_hover=c,ffffff | |
10 | tab_selected=c,ffffff | |
11 | tab_selected_border=c,c8d2dc | |
12 | tab_selected_text=c,333333 | |
13 | input_border=c,c3cee0 | |
14 | nicklist_border=c,c8d2dc | |
15 | nicklist_background=c,f2f0ff | |
16 | nicklist_text=c,000000 | |
17 | nicklist_selected_border=c,c8d2dc | |
18 | menu_border=c,c8d2dc | |
19 | menu_background=c,f2f0ff | |
20 | menu_hover_background=c,FFFFFE | |
21 | lastpositionbar=c,C8D2DC | |
22 | timestamp_display=o,SHOW_TIMESTAMPS,inline,none | |
23 | timestamp_padding_left=o,SHOW_TIMESTAMPS,7px,11px | |
24 | timestamp_text_indent=o,SHOW_TIMESTAMPS,-7px,-9px | |
25 | ||
26 | body { | |
27 | margin: 0; | |
28 | height: 100%; | |
29 | overflow: hidden; | |
30 | font-family: Verdana, sans-serif; | |
31 | } | |
32 | ||
33 | html { | |
34 | overflow: hidden; | |
35 | } | |
36 | ||
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 | ||
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 { | |
67 | color: black; | |
68 | overflow: auto; | |
69 | font-size: 0.8em; | |
70 | background: $(lines_background); | |
71 | } | |
72 | ||
73 | .qwebirc-qui .lines .timestamp { | |
74 | display: $(timestamp_display); | |
75 | } | |
76 | ||
77 | .qwebirc-qui .ircwindow div { | |
78 | font-family: Consolas, "Lucida Console", monospace; | |
79 | text-indent: $(timestamp_text_indent); | |
80 | padding-left: $(timestamp_padding_left); | |
81 | word-wrap: break-word; | |
82 | } | |
83 | ||
84 | .qwebirc-qui .tab-invisible { | |
85 | display: none; | |
86 | } | |
87 | ||
88 | .qwebirc-qui .input input.keyboard-input { | |
89 | border: 0px; | |
90 | margin: 2px 0px 0px 0px; | |
91 | width: 99%; | |
92 | } | |
93 | ||
94 | .qwebirc-qui .input input.mobile-input { | |
95 | border: 0px; | |
96 | margin: 2px 0px 0px 0px; | |
97 | } | |
98 | ||
99 | .qwebirc-qui .input input.mobile-button { | |
100 | position: absolute; | |
101 | top: 0px; | |
102 | } | |
103 | ||
104 | .qwebirc-qui form { | |
105 | margin: 0px; | |
106 | padding: 0px; | |
107 | } | |
108 | ||
109 | .qwebirc-qui .topic { | |
110 | position: absolute; | |
111 | left: 0px; | |
112 | top: 0px; | |
113 | right: 0px; | |
114 | background-color: $(topic_background); | |
115 | border-bottom: 1px dashed $(topic_border); | |
116 | } | |
117 | ||
118 | .qwebirc-qui .topic .emptytopic { | |
119 | color: gray; | |
120 | } | |
121 | ||
122 | .qwebirc-qui .topic { | |
123 | color: gray; | |
124 | padding-left: 5px; | |
125 | font-size: 0.7em; | |
126 | cursor: default; | |
127 | } | |
128 | ||
129 | .qwebirc-qui .outertabbar { | |
130 | border-bottom: 1px solid $(tabbar_border); | |
131 | background: $(tabbar_background); | |
132 | } | |
133 | ||
134 | .qwebirc-qui .tabbar { | |
135 | font-size: 0.8em; | |
136 | color: $(tabbar_text); | |
137 | margin-left: 38px; | |
138 | line-height: 24px; | |
139 | } | |
140 | ||
141 | .qwebirc-qui a.tab { | |
142 | border: 1px solid $(tab_border); | |
143 | padding: 2px; | |
144 | cursor: default; | |
145 | -moz-border-radius: 4px; | |
146 | -webkit-border-radius: 4px; | |
147 | border-radius: 4px; | |
148 | margin-right: -2px; | |
149 | white-space: nowrap; | |
150 | text-decoration: none; | |
151 | color: $(tab_text); | |
152 | } | |
153 | ||
154 | .qwebirc-qui .tab:hover { | |
155 | background: $(tab_hover); | |
156 | border: 1px solid #c8d2dc; | |
157 | -moz-border-radius: 4px; | |
158 | -webkit-border-radius: 4px; | |
159 | border-radius: 4px; | |
160 | } | |
161 | ||
162 | .qwebirc-qui .tab-selected { | |
163 | background: $(tab_selected); | |
164 | border: 1px solid $(tab_selected_border); | |
165 | -moz-border-radius: 4px; | |
166 | -webkit-border-radius: 4px; | |
167 | border-radius: 4px; | |
168 | color: $(tab_selected_text); | |
169 | } | |
170 | ||
171 | .qwebirc-qui div.input { | |
172 | border-top: 1px solid $(input_border); | |
173 | padding-left: 3px; | |
174 | padding-right: 3px; | |
175 | } | |
176 | ||
177 | .qwebirc-qui .tabclose { | |
178 | margin-left: 5px; | |
179 | font-size: 0.7em; | |
180 | line-height: 150%; | |
181 | vertical-align: top; | |
182 | padding-left: 3px; | |
183 | -moz-border-radius: 2px; | |
184 | -webkit-border-radius: 2px; | |
185 | border-radius: 2px; | |
186 | } | |
187 | ||
188 | .qwebirc-qui a.tab-hilight-activity { | |
189 | color: #009900; | |
190 | } | |
191 | ||
192 | .qwebirc-qui a.tab-hilight-speech { | |
193 | color: #0000ff; | |
194 | } | |
195 | ||
196 | .qwebirc-qui a.tab-hilight-us { | |
197 | color: #ff0000; | |
198 | } | |
199 | ||
200 | .qwebirc-qui .nicklist { | |
201 | border-left: 1px solid $(nicklist_border); | |
202 | position: absolute; | |
203 | top: 0px; | |
204 | right: 0px; | |
205 | width: 140px; | |
206 | overflow: auto; | |
207 | background: $(nicklist_background); | |
208 | color: $(nicklist_text); | |
209 | font-size: 0.7em; | |
210 | } | |
211 | ||
212 | .qwebirc-qui .nicklist a { | |
213 | display: block; | |
214 | color: black; | |
215 | text-decoration: none; | |
216 | cursor: default; | |
217 | border-top: 1px solid $(nicklist_background); | |
218 | border-bottom: 1px solid $(nicklist_background); | |
219 | padding-left: 1px; | |
220 | } | |
221 | ||
222 | .qwebirc-qui .nicklist a.selected { | |
223 | display: block; | |
224 | color: black; | |
225 | background: white; | |
226 | text-decoration: none; | |
227 | border-bottom: $(nicklist_selected_border) 1px solid; | |
228 | cursor: default; | |
229 | } | |
230 | ||
231 | .qwebirc-qui .nicklist a.selected-middle { | |
232 | border-top: $(nicklist_selected_border) 1px solid; | |
233 | } | |
234 | ||
235 | div#noscript { | |
236 | text-align: center; | |
237 | font-weight: bold; | |
238 | } | |
239 | ||
240 | .qwebirc-qui .nicklist div.menu { | |
241 | margin: 0px 0px 0px 5px; | |
242 | } | |
243 | ||
244 | .qwebirc-qui .nicklist div.menu a { | |
245 | border-bottom: 0; | |
246 | border-top: 0; | |
247 | } | |
248 | ||
249 | .qwebirc-qui .hyperlink-whois, .hyperlink-qwhois, .hyperlink-channel { | |
250 | cursor: pointer; | |
251 | cursor: hand; | |
252 | } | |
253 | ||
254 | .qwebirc-qui .hyperlink-whois:hover, .hyperlink-qwhois:hover, .hyperlink-channel:hover { | |
255 | text-decoration: underline; | |
256 | } | |
257 | ||
258 | .qwebirc-qui .outertabbar .dropdown-tab { | |
259 | cursor: pointer; | |
260 | cursor: hand; | |
261 | float: left; | |
262 | padding: 4px; | |
263 | width: 30px; | |
264 | } | |
265 | ||
266 | .qwebirc-qui .dropdownmenu { | |
267 | z-index: 100; | |
268 | border: 1px solid $(menu_border); | |
269 | position: relative; | |
270 | top: 10px; | |
271 | left: 10px; | |
272 | background: $(menu_background); | |
273 | } | |
274 | ||
275 | .qwebirc-qui .dropdownmenu a { | |
276 | display: block; | |
277 | font-size: 0.7em; | |
278 | color: black; | |
279 | cursor: pointer; | |
280 | cursor: hand; | |
281 | padding-top: 1px; | |
282 | padding-left: 3px; | |
283 | padding-bottom: 1px; | |
284 | padding-right: 3px; | |
285 | } | |
286 | ||
287 | .qwebirc-qui .dropdownmenu a:hover { | |
288 | background: $(menu_hover_background); /* IE is rubbish and doesn't like #FFFFFF or white */ | |
289 | } | |
290 | ||
291 | .qwebirc-qui .dropdownhint { | |
292 | position: relative; | |
293 | left: -500px; | |
294 | z-index: 10; | |
295 | white-space: nowrap; | |
296 | font-size: 0.7em; | |
297 | } | |
298 | ||
299 | .qwebirc-qui hr.lastpos { | |
300 | border: none; | |
301 | border-top: 1px solid $(lastpositionbar); | |
302 | margin-left: 3em; | |
303 | margin-right: 3em; | |
304 | } |