]> jfr.im git - irc/quakenet/qwebirc.git/blob - css/qui.css
Put Verdana behind monospace in QUI css.
[irc/quakenet/qwebirc.git] / css / qui.css
1 body {
2 margin: 0;
3 height: 100%;
4 overflow: hidden;
5 font-family: Verdana, sans-serif;
6 }
7
8 html {
9 overflow: hidden;
10 }
11
12 #ircui {
13 position: absolute;
14 left: 0px;
15 right: 0px;
16 top: 0px;
17 height: 100%;
18 width: 100%;
19 overflow: hidden;
20 }
21
22 .qwebirc-qui .dynamicpanel {
23 position: absolute;
24 }
25 .qwebirc-qui .widepanel, .leftboundpanel {
26 left: 0px;
27 }
28 .qwebirc-qui .widepanel {
29 width: 100%;
30 }
31 .qwebirc-qui .topboundpanel {
32 top: 0px;
33 }
34 .qwebirc-qui .rightboundpanel {
35 /*right: 0px;*/
36 }
37 .qwebirc-qui .bottomboundpanel {
38 color: red;
39 }
40
41 .qwebirc-qui .lines {
42 color: black;
43 overflow: auto;
44 font-size: 0.8em;
45 background: #f2f0ff;
46 }
47
48 .qwebirc-qui .ircwindow {
49 font-family: Consolas, "Lucida Console", monospace, Verdana, sans-serif, "sans serif";
50 }
51
52 .qwebirc-qui .tab-invisible {
53 display: none;
54 }
55
56 .qwebirc-qui .input input.keyboard-input {
57 border: 0px;
58 margin: 2px 0px 0px 0px;
59 width: 99%;
60 }
61
62 .qwebirc-qui .input input.mobile-input {
63 border: 0px;
64 margin: 2px 0px 0px 0px;
65 }
66
67 .qwebirc-qui .input input.mobile-button {
68 position: absolute;
69 top: 0px;
70 }
71
72 .qwebirc-qui form {
73 margin: 0px;
74 padding: 0px;
75 }
76
77 .qwebirc-qui .topic {
78 position: absolute;
79 left: 0px;
80 top: 0px;
81 right: 0px;
82 background-color: #F2F0FF;
83 border-bottom: 1px dashed #c8d2dc;
84 }
85
86 .qwebirc-qui .topic .emptytopic {
87 color: gray;
88 }
89
90 .qwebirc-qui .topic {
91 color: gray;
92 padding-left: 5px;
93 font-size: 0.7em;
94 cursor: default;
95 }
96
97 .qwebirc-qui .outertabbar {
98 border-bottom: 1px solid #c3cee0;
99 background: #e2ecf9;
100 white-space: nowrap;
101 }
102
103 .qwebirc-qui .tabbar {
104 padding: 4px;
105 font-size: 0.8em;
106 color: #000000;
107 }
108
109 .qwebirc-qui a.tab {
110 border: 1px solid #c8d2dc;
111 padding: 2px;
112 cursor: default;
113 margin-right: 2px;
114 -moz-border-radius: 4px;
115 -webkit-border-radius: 4px;
116 }
117
118 .qwebirc-qui a.tab {
119 text-decoration: none;
120 color: #000000;
121 }
122
123 .qwebirc-qui .tab:hover {
124 background: #ffffff;
125 border: 1px solid #c8d2dc;
126 -moz-border-radius: 4px;
127 -webkit-border-radius: 4px;
128 }
129
130 .qwebirc-qui .tab-selected {
131 background: #ffffff;
132 border: 1px solid #c8d2dc;
133 -moz-border-radius: 4px;
134 -webkit-border-radius: 4px;
135 color: #333333;
136 }
137
138 .qwebirc-qui div.input {
139 border-top: 1px solid #c3cee0;
140 padding-left: 3px;
141 padding-right: 3px;
142 }
143
144 .qwebirc-qui .tabclose {
145 margin-left: 5px;
146 font-size: 0.6em;
147 vertical-align: top;
148 padding-left: 3px;
149 -moz-border-radius: 2px;
150 -webkit-border-radius: 2px;
151 }
152
153 .qwebirc-qui a.tab-hilight-activity {
154 color: green;
155 }
156
157 .qwebirc-qui a.tab-hilight-speech {
158 color: blue;
159 }
160
161 .qwebirc-qui a.tab-hilight-us {
162 color: red;
163 }
164
165 .qwebirc-qui .nicklist {
166 border-left: 1px solid #c8d2dc;
167 position: absolute;
168 top: 0px;
169 right: 0px;
170 width: 140px;
171 overflow: auto;
172 background: #f2f0ff;
173 color: black;
174 font-size: 0.7em;
175 }
176
177 .qwebirc-qui .nicklist a {
178 display: block;
179 color: black;
180 text-decoration: none;
181 cursor: default;
182 border-top: 1px solid #f2f0ff;
183 border-bottom: 1px solid #f2f0ff;
184 padding-left: 1px;
185 }
186
187 .qwebirc-qui .nicklist a.selected {
188 display: block;
189 color: black;
190 background: white;
191 text-decoration: none;
192 border-bottom: #c8d2dc 1px solid;
193 cursor: default;
194 }
195
196 .qwebirc-qui .nicklist a.selected-middle {
197 border-top: #c8d2dc 1px solid;
198 }
199
200 div#noscript {
201 text-align: center;
202 font-weight: bold;
203 }
204
205 .qwebirc-qui .nicklist div.menu {
206 margin: 0px 0px 0px 5px;
207 }
208
209 .qwebirc-qui .nicklist div.menu a {
210 border-bottom: 0;
211 border-top: 0;
212 }
213
214 .qwebirc-qui .hyperlink-whois, .hyperlink-qwhois, .hyperlink-channel {
215 cursor: pointer;
216 cursor: hand;
217 }
218
219 .qwebirc-qui .hyperlink-whois:hover, .hyperlink-qwhois:hover, .hyperlink-channel:hover {
220 text-decoration: underline;
221 }
222
223 .qwebirc-qui .outertabbar .dropdown-tab {
224 cursor: pointer;
225 cursor: hand;
226 float: left;
227 padding: 4px;
228 }
229
230 .qwebirc-qui .dropdownmenu {
231 z-index: 100;
232 border: 1px solid #c8d2dc;
233 position: relative;
234 top: 10px;
235 left: 10px;
236 background: #f2f0ff;
237 }
238
239 .qwebirc-qui .dropdownmenu a {
240 display: block;
241 font-size: 0.7em;
242 color: black;
243 cursor: pointer;
244 cursor: hand;
245 padding-top: 1px;
246 padding-left: 3px;
247 padding-bottom: 1px;
248 padding-right: 3px;
249 }
250
251 .qwebirc-qui .dropdownmenu a:hover {
252 background: #FFFFFE; /* IE is rubbish and doesn't like #FFFFFF or white */
253 }
254
255 .qwebirc-qui .dropdownhint {
256 position: relative;
257 left: -500px;
258 z-index: 10;
259 white-space: nowrap;
260 font-size: 0.7em;
261 }
262
263 .qwebirc-qui hr.lastpos {
264 border: none;
265 border-top: 1px solid #C8D2DC;
266 margin-left: 3em;
267 margin-right: 3em;
268 }