1 * { margin:0px; padding:0px; }
2 html
, body
{ height:100%; }
3 a
{ color:#36C; text-decoration:none
; cursor:pointer
; }
9 overflow:hidden
; position:relative
;
11 font-family:Arial
, Helvetica
, sans-serif
;
12 font-size:14px; line-height:1.4em;
19 #toolbar { position:absolute
; top:0px; width:100%; background-color:#1B1B1B; font-size:0.9em; }
20 #panels { position:absolute
; left:0px; right:200px; bottom:100px; top:100px; }
21 #memberlists { position:absolute
; right:0px; width:200px; bottom:100px; top:100px; overflow-y:auto
; }
22 #controlbox { position: absolute
; bottom:0px; width:100%; background-color:#1B1B1B; }
33 #toolbar .panellist li
{
34 float: left
; list-style: inline
;
35 display:inline
; position:relative
;
36 padding:5px; margin:3px;
37 border: 1px solid
#333;
38 background-color: #eee;
43 vertical-align: middle
;
46 -moz-border-radius:5px;
47 -webkit-border-radius:5px;
48 -khtml-border-radius:5px;
49 behavior: url
(border-radius
.htc
);
51 background-image: -webkit-gradient
(
55 color-stop
(0.38, rgb
(238,238,238)),
56 color-stop
(0.68, rgb
(209,209,209))
58 background-image: -moz-linear-gradient
(
64 #toolbar .panellist
.active
{ padding-right:23px; }
65 #toolbar .panellist
.alert_highlight
{
69 #toolbar .panellist
.alert_activity
{ font-weight: bold
; background: #009900; }
71 #toolbar .panellist li img
{ width:1em; height:1em; top:7px; right:5px; position:absolute
; }
72 #toolbar .panellist li img
.icon
{ left:5px; top:2px; height:auto
; width:auto
; }
76 background: #FEEFB3; color: #9F6000;
77 border-bottom: 1px solid
;
79 text-align: center
; font-size:1.1em;
81 #status_message.err
{ color:#D8000C; background:#FFBABA; }
84 .panel_container { overflow-y:scroll
; height:100%; }
90 border:none
; display: none
;
96 .messages.active { display:block
; }
98 .messages .msg { border-bottom: 1px solid
#CCC; padding:1px; font-family:arial
; font-size:0.9em; }
99 .messages .msg .time { width:6em; float:left
; color:#777; }
100 .messages .msg .nick { width:7em; text-align:right
; float:left
; font-size:12px; }
101 .messages .msg .text { margin-left:15em; white-space:pre-wrap
; word-wrap:break-word
; font-family:monospace
; }
103 .messages .msg.action .nick { display:none
; }
104 .messages .msg.action .text { margin-left:9em; color:#009900; font-style:italic
; }
105 .messages .msg.action.join { color:#009900; }
106 .messages .msg.action.part .text { color:#900; }
107 .messages .msg.action.quit .text { color:#900; }
108 .messages .msg.action.kick .text { color:#900; }
109 .messages .msg.status .nick { display:none
; }
110 .messages .msg.status .text { color:#990000; margin-left:9em; font-weight:bold
; }
111 .messages .msg.topic .nick { display:none
; }
112 .messages .msg.topic .text { color:#009900; margin-left:9em; font-style: italic
; }
113 /*.messages .msg.motd .nick { display:none; }*/
114 .messages .msg.motd { border:none
; }
115 .messages .msg.motd .text { color:#666; }
116 .messages .msg.whois .nick { font-weight:normal
; }
117 .messages .msg.whois .text { margin-left:18em; padding-left:1em; border-left:1px dashed
#999; }
118 .messages .msg.error .text {
119 border:1px solid
#A33F3F; background-color:#D28A8A;
120 padding:0.5em; margin-top:1em; margin-bottom:1em; margin-right:2em;
125 #memberlists ul
{ list-style: none
; display:none
; }
126 #memberlists ul
.active
{ display:block
; }
127 #memberlists ul li
{ padding: 0.2em 1em; overflow-y:auto
; overflow-x:hidden
; cursor:pointer
; }
128 #memberlists ul
li:hover
{ background-color:#FAF7D3; }
129 #memberlists ul li a
.nick
{ display:block
; color:black
; }
131 #memberlists ul li
.userbox
{ margin:0 1em 5px 1em; font-size:.9em; }
132 #memberlists ul li
.userbox a
{ display:block
; text-decoration:none
; border-bottom: 1px dashed
#aaa; }
137 background:#fff; margin:3px;
140 -moz-border-radius:5px;
141 -webkit-border-radius:5px;
142 -khtml-border-radius:5px;
144 #controlbox .input
.nick
{ text-align: right
; width:11em; left:0px; position:absolute
; padding:2px; cursor: pointer
; }
145 #controlbox .input
.nick a
{ text-decoration:none
; color:black
; }
146 #controlbox .input
.input_wrap
{
148 right:7px; left: 12.2em;
151 #controlbox .input input
{
155 height:100%; width:100%;
158 #controlbox .nickchange
{
161 background: #1B1B1B; color:#eeeeee;
164 #controlbox .nickchange input
{ padding:0.3em 0.5em; }
165 #controlbox .nickchange button
{ padding:0.5em; }
169 #topic { background-color:#1B1B1B; height:2em; position:relative
; }
172 top:2; bottom:2px; left:0; width:100%;
181 .server_select { width:270px; padding:3em 0 2em 0; margin: 0 auto
; }
182 .server_select .more { display: none
; }
183 .server_select button { float:right
; padding:3px 7px; }
184 .server_select input { float:right
; margin-bottom:5px; padding:3px 7px; }
185 .server_select label { float:left
; width:5em; padding-top:3px }
186 .server_select br { clear:both
; }
187 .server_select .basic { border-bottom: 1px dashed gray
; margin-bottom:1em; }
188 .server_select .basic .show_more { display: block
; width:40px; margin:10px 0 0 0; font-size:0.8em; background: url
(../img/more.png) no-repeat right
7px; }
189 .server_select .status { text-align: center
; font-weight: bold
; padding:1em; }
190 .server_select .status .ok {
191 border:1px solid
#A33F3F; background-color:#D28A8A;
192 padding:0.5em; margin-top:1em; margin-bottom:1em; margin-right:2em;
215 #kiwi.theme_relaxed
.messages
.msg
{ border-bottom: 1px solid
#DEDEDE; font-family:arial
; font-size:0.9em; }
216 #kiwi.theme_relaxed
.messages
.msg
.time
{ width:6em; float:left
; color:#777; display:none
; }
217 #kiwi.theme_relaxed
.messages
.msg
.nick
{ width:11em; float:left
; font-size:12px; font-family:Arial
; text-align:left
; padding: 5px; }
218 #kiwi.theme_relaxed
.messages
.msg
.text
{ margin-left:12em; border-left: 1px solid
#DEDEDE; white-space:pre-wrap
; word-wrap:break-word
; font-family:Arial
; padding:5px; }
220 #kiwi.theme_relaxed
.messages
.msg
.action
.nick
{ display:none
; }
221 #kiwi.theme_relaxed
.messages
.msg
.action
.text
{ margin-left:9em; color:#009900; border-left:none
; font-style:italic
; }
222 #kiwi.theme_relaxed
.messages
.msg
.action
.join
{ color:#009900; }
223 #kiwi.theme_relaxed
.messages
.msg
.action
.part
.text
{ color:#900; }
224 #kiwi.theme_relaxed
.messages
.msg
.action
.quit
.text
{ color:#900; }
225 #kiwi.theme_relaxed
.messages
.msg
.action
.kick
.text
{ color:#900; }
226 #kiwi.theme_relaxed
.messages
.msg
.status
.nick
{ display:none
; }
227 #kiwi.theme_relaxed
.messages
.msg
.status
.text
{ color:#990000; margin-left:9em; border-left:none
; font-weight:bold
; }
228 #kiwi.theme_relaxed
.messages
.msg
.topic
.nick
{ display:none
; }
229 #kiwi.theme_relaxed
.messages
.msg
.topic
.text
{ color:#009900; margin-left:9em; font-style: italic
; border-left:none
; }
230 /*#kiwi.theme_relaxed .messages .msg.motd .nick { display:none; }*/
231 #kiwi.theme_relaxed
.messages
.msg
.motd
{ border:none
; }
232 #kiwi.theme_relaxed
.messages
.msg
.motd
.text
{ color:#666; }
233 #kiwi.theme_relaxed
.messages
.msg
.whois
.nick
{ font-weight:normal
; }
234 #kiwi.theme_relaxed
.messages
.msg
.whois
.text
{ margin-left:18em; padding-left:1em; border-left:1px dashed
#999; }
235 #kiwi.theme_relaxed
.messages
.msg
.error
.text
{
236 border:1px solid
#A33F3F; background-color:#D28A8A;
237 padding:0.5em; margin-top:1em; margin-bottom:1em; margin-right:2em;
245 #kiwi.theme_cli
{ background:#222222; color:#6d6d6d; }
246 #kiwi.theme_cli #controlbox
{ background:#111111; border-top:1px solid
#444444; color:#909090; font-size:1.3em; line-height:2em; }
247 #kiwi.theme_cli #controlbox
.input_wrap:before
{ content:"> " }
248 #kiwi.theme_cli #controlbox
.input
{ background:none
; border:none
; border-radius: none
; }
249 #kiwi.theme_cli #controlbox
.input
.nick
{ line-height:1.7em; padding:0; }
250 #kiwi.theme_cli #controlbox
.input
.inp
{ background:transparent
; color:#909090; font-size:1.3em; width:92%; }
251 /* #kiwi.theme_cli #controlbox .input .inp:before { content:">"; } */
253 #kiwi.theme_cli #topic
{ background:#111111; border-bottom:1px solid
#444444; border-top:1px solid
#444444; }
254 #kiwi.theme_cli #topic input
{ background:transparent
; color:#6d6d6d; border:none
; outline:none
; height:1.5em; }
256 #kiwi.theme_cli #memberlists ul li a
.nick
{ color:#6d6d6d; }
258 #kiwi.theme_cli
.messages
.msg
> div
{ color:#6d6d6d; font-family: Inconsolata
, Consolas
, 'courier new', monospace
; }
259 #kiwi.theme_cli
.messages
.msg
{ border: none
; }
260 #kiwi.theme_cli
.messages
.msg
.time
{ width:6em; }
261 #kiwi.theme_cli
.messages
.msg
.nick
{ }
262 #kiwi.theme_cli
.messages
.msg
.text
{ white-space:pre-wrap
; word-wrap:break-word
; }
264 #kiwi.theme_cli
.messages
.msg
.action
.nick
{ display:none
; }
265 #kiwi.theme_cli
.messages
.msg
.action
.text
{ margin-left:9em; color:#009900; border-left:none
; font-style:italic
; }
266 #kiwi.theme_cli
.messages
.msg
.action
.join
{ color:#009900; }
267 #kiwi.theme_cli
.messages
.msg
.action
.part
.text
{ color:#900; }
268 #kiwi.theme_cli
.messages
.msg
.action
.quit
.text
{ color:#900; }
269 #kiwi.theme_cli
.messages
.msg
.action
.kick
.text
{ color:#900; }
270 #kiwi.theme_cli
.messages
.msg
.status
.nick
{ display:none
; }
271 #kiwi.theme_cli
.messages
.msg
.status
.text
{ color:#990000; margin-left:9em; border-left:none
; font-weight:bold
; }
272 #kiwi.theme_cli
.messages
.msg
.topic
.nick
{ display:none
; }
273 #kiwi.theme_cli
.messages
.msg
.topic
.text
{ color:#009900; margin-left:9em; font-style: italic
; border-left:none
; }
274 /*#kiwi.theme_cli .messages .msg.motd .nick { display:none; }*/
275 #kiwi.theme_cli
.messages
.msg
.motd
{ border:none
; }
276 #kiwi.theme_cli
.messages
.msg
.motd
.text
{ color:#666; }
277 #kiwi.theme_cli
.messages
.msg
.whois
.nick
{ font-weight:normal
; }
278 #kiwi.theme_cli
.messages
.msg
.whois
.text
{ margin-left:18em; padding-left:1em; border-left:1px dashed
#999; }
279 #kiwi.theme_cli
.messages
.msg
.error
.text
{
280 border:1px solid
#A33F3F; background-color:#D28A8A;
281 padding:0.5em; margin-top:1em; margin-bottom:1em; margin-right:2em;