]> jfr.im git - irc/quakenet/qwebirc.git/blob - static/css/qui.css
Add about pane.
[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 .dynamicpanel {
22 position: absolute;
23 }
24 .qwebirc-qui .widepanel, .leftboundpanel {
25 left: 0px;
26 }
27 .qwebirc-qui .widepanel {
28 width: 100%;
29 }
30 .qwebirc-qui .topboundpanel {
31 top: 0px;
32 }
33 .qwebirc-qui .rightboundpanel {
34 /*right: 0px;*/
35 }
36 .qwebirc-qui .bottomboundpanel {
37 color: red;
38 }
39
40 .qwebirc-qui .lines {
41 color: black;
42 overflow: auto;
43 font-family: Consolas, "Lucida Console", Verdana, monospace, sans-serif, "sans serif";
44 font-size: 0.8em;
45 background: #f2f0ff;
46 }
47
48 .qwebirc-qui .tabbar {
49 border-bottom: 1px solid #c3cee0;
50 background: #e2ecf9;
51 font-size: 0.8em;
52 font-family: Verdana, sans-serif;
53 color: #000000;
54 }
55
56 .qwebirc-qui .tab-invisible {
57 display: none;
58 }
59
60 .qwebirc-qui .input input {
61 border: 0px;
62 margin: 2px 0px 0px 0px;
63 width: 99%;
64 font-family: Verdana, sans-serif;
65 }
66
67 .qwebirc-qui form {
68 margin: 0px;
69 padding: 0px;
70 }
71
72 .qwebirc-qui .topic {
73 position: absolute;
74 left: 0px;
75 top: 0px;
76 right: 0px;
77 background-color: #F2F0FF;
78 border-bottom: 1px dashed #c8d2dc;
79 }
80
81 .qwebirc-qui .topic .emptytopic {
82 color: gray;
83 }
84
85 .qwebirc-qui .topic {
86 color: gray;
87 font-family: Verdana, sans-serif;
88 padding-left: 5px;
89 font-size: 0.7em;
90 }
91
92 .qwebirc-qui .tabbar {
93 border-bottom: 1px solid #c3cee0;
94 padding: 4px;
95 background: #e2ecf9;
96 font-size: 0.8em;
97 font-family: Verdana, sans-serif;
98 color: #000000;
99 }
100
101 .qwebirc-qui a.tab {
102 border: 1px solid #c8d2dc;
103 padding: 2px;
104 cursor: default;
105 margin-right: 2px;
106 -moz-border-radius: 4px;
107 -webkit-border-radius: 4px;
108 }
109
110 .qwebirc-qui a.tab {
111 text-decoration: none;
112 color: #000000;
113 }
114
115 .qwebirc-qui .tab:hover {
116 background: #ffffff;
117 border: 1px solid #c8d2dc;
118 -moz-border-radius: 4px;
119 -webkit-border-radius: 4px;
120 }
121
122 .qwebirc-qui .tab-selected {
123 background: #ffffff;
124 border: 1px solid #c8d2dc;
125 -moz-border-radius: 4px;
126 -webkit-border-radius: 4px;
127 color: #333333;
128 }
129
130 .qwebirc-qui div.input {
131 border-top: 1px solid #c3cee0;
132 padding-left: 3px;
133 padding-right: 3px;
134 }
135
136 .qwebirc-qui .tabclose {
137 margin-left: 5px;
138 font-size: 0.6em;
139 vertical-align: top;
140 padding-left: 3px;
141 -moz-border-radius: 2px;
142 -webkit-border-radius: 2px;
143 }
144
145 .qwebirc-qui a.tab-hilight-activity {
146 color: green;
147 }
148
149 .qwebirc-qui a.tab-hilight-speech {
150 color: blue;
151 }
152
153 .qwebirc-qui a.tab-hilight-us {
154 color: red;
155 }
156
157 .qwebirc-qui .nicklist {
158 border-left: 1px solid #c8d2dc;
159 position: absolute;
160 top: 0px;
161 right: 0px;
162 width: 140px;
163 overflow: auto;
164 background: #f2f0ff;
165 color: black;
166 font-family: Verdana, sans-serif;
167 font-size: 0.7em;
168 }
169
170 .qwebirc-qui .nicklist a {
171 display: block;
172 color: black;
173 text-decoration: none;
174 cursor: default;
175 border-top: 1px solid #f2f0ff;
176 border-bottom: 1px solid #f2f0ff;
177 padding-left: 1px;
178 }
179
180 .qwebirc-qui .nicklist a.selected {
181 display: block;
182 color: black;
183 background: white;
184 text-decoration: none;
185 border-bottom: #c8d2dc 1px solid;
186 cursor: default;
187 }
188
189 .qwebirc-qui .nicklist a.selected-middle {
190 border-top: #c8d2dc 1px solid;
191 }
192
193 div#noscript {
194 text-align: center;
195 font-family: Verdana, sans-serif;
196 font-weight: bold;
197 }
198
199 .qwebirc-qui .nicklist div.menu {
200 margin: 0px 0px 0px 5px;
201 }
202
203 .qwebirc-qui .nicklist div.menu a {
204 border-bottom: 0;
205 border-top: 0;
206 }
207
208 .qwebirc-qui .hyperlink-whois, .hyperlink-qwhois, .hyperlink-channel {
209 cursor: pointer;
210 cursor: hand;
211 }
212
213 .qwebirc-qui .hyperlink-whois:hover, .hyperlink-qwhois:hover, .hyperlink-channel:hover {
214 text-decoration: underline;
215 }