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