]> jfr.im git - irc/quakenet/qwebirc.git/blob - static/css/qui.css
dropdown menu is now acceptable.
[irc/quakenet/qwebirc.git] / static / 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", Verdana, monospace, sans-serif, "sans serif";
50 }
51
52 .qwebirc-qui .tab-invisible {
53 display: none;
54 }
55
56 .qwebirc-qui .input input {
57 border: 0px;
58 margin: 2px 0px 0px 0px;
59 width: 99%;
60 }
61
62 .qwebirc-qui form {
63 margin: 0px;
64 padding: 0px;
65 }
66
67 .qwebirc-qui .topic {
68 position: absolute;
69 left: 0px;
70 top: 0px;
71 right: 0px;
72 background-color: #F2F0FF;
73 border-bottom: 1px dashed #c8d2dc;
74 }
75
76 .qwebirc-qui .topic .emptytopic {
77 color: gray;
78 }
79
80 .qwebirc-qui .topic {
81 color: gray;
82 padding-left: 5px;
83 font-size: 0.7em;
84 }
85
86 .qwebirc-qui .outertabbar {
87 border-bottom: 1px solid #c3cee0;
88 background: #e2ecf9;
89 }
90
91 .qwebirc-qui .tabbar {
92 padding: 4px;
93 font-size: 0.8em;
94 color: #000000;
95 }
96
97 .qwebirc-qui a.tab {
98 border: 1px solid #c8d2dc;
99 padding: 2px;
100 cursor: default;
101 margin-right: 2px;
102 -moz-border-radius: 4px;
103 -webkit-border-radius: 4px;
104 }
105
106 .qwebirc-qui a.tab {
107 text-decoration: none;
108 color: #000000;
109 }
110
111 .qwebirc-qui .tab:hover {
112 background: #ffffff;
113 border: 1px solid #c8d2dc;
114 -moz-border-radius: 4px;
115 -webkit-border-radius: 4px;
116 }
117
118 .qwebirc-qui .tab-selected {
119 background: #ffffff;
120 border: 1px solid #c8d2dc;
121 -moz-border-radius: 4px;
122 -webkit-border-radius: 4px;
123 color: #333333;
124 }
125
126 .qwebirc-qui div.input {
127 border-top: 1px solid #c3cee0;
128 padding-left: 3px;
129 padding-right: 3px;
130 }
131
132 .qwebirc-qui .tabclose {
133 margin-left: 5px;
134 font-size: 0.6em;
135 vertical-align: top;
136 padding-left: 3px;
137 -moz-border-radius: 2px;
138 -webkit-border-radius: 2px;
139 }
140
141 .qwebirc-qui a.tab-hilight-activity {
142 color: green;
143 }
144
145 .qwebirc-qui a.tab-hilight-speech {
146 color: blue;
147 }
148
149 .qwebirc-qui a.tab-hilight-us {
150 color: red;
151 }
152
153 .qwebirc-qui .nicklist {
154 border-left: 1px solid #c8d2dc;
155 position: absolute;
156 top: 0px;
157 right: 0px;
158 width: 140px;
159 overflow: auto;
160 background: #f2f0ff;
161 color: black;
162 font-size: 0.7em;
163 }
164
165 .qwebirc-qui .nicklist a {
166 display: block;
167 color: black;
168 text-decoration: none;
169 cursor: default;
170 border-top: 1px solid #f2f0ff;
171 border-bottom: 1px solid #f2f0ff;
172 padding-left: 1px;
173 }
174
175 .qwebirc-qui .nicklist a.selected {
176 display: block;
177 color: black;
178 background: white;
179 text-decoration: none;
180 border-bottom: #c8d2dc 1px solid;
181 cursor: default;
182 }
183
184 .qwebirc-qui .nicklist a.selected-middle {
185 border-top: #c8d2dc 1px solid;
186 }
187
188 div#noscript {
189 text-align: center;
190 font-weight: bold;
191 }
192
193 .qwebirc-qui .nicklist div.menu {
194 margin: 0px 0px 0px 5px;
195 }
196
197 .qwebirc-qui .nicklist div.menu a {
198 border-bottom: 0;
199 border-top: 0;
200 }
201
202 .qwebirc-qui .hyperlink-whois, .hyperlink-qwhois, .hyperlink-channel {
203 cursor: pointer;
204 cursor: hand;
205 }
206
207 .qwebirc-qui .hyperlink-whois:hover, .hyperlink-qwhois:hover, .hyperlink-channel:hover {
208 text-decoration: underline;
209 }
210
211 .qwebirc-qui .outertabbar .dropdown-tab {
212 cursor: pointer;
213 cursor: hand;
214 float: left;
215 padding: 4px;
216 }
217
218 .qwebirc-qui div.dropdownmenu {
219 z-index: 100;
220 border: 1px solid #c8d2dc;
221 position: relative;
222 width: auto;
223 top: 10px;
224 left: 10px;
225 background: #f2f0ff;
226 }
227
228 .qwebirc-qui div.dropdownmenu a {
229 display: block;
230 font-size: 0.7em;
231 color: black;
232 cursor: pointer;
233 cursor: hand;
234 padding-top: 1px;
235 padding-left: 3px;
236 padding-bottom: 1px;
237 padding-right: 3px;
238 }
239
240 .qwebirc-qui div.dropdownmenu a:hover {
241 background: white;
242 }
243
244 .qwebirc-qui div.surface {
245 height: 100%;
246 width: 100%;
247 left: 0px;
248 top: 0px;
249 position: relative;
250 z-index: 50;
251 }
252
253 .qwebirc-qui div.dropdownhint {
254 position: absolute;
255 left: 5px;
256 z-index: 10;
257
258 top: 30px;
259 font-size: 0.7em;
260 }