client/assets/css/style.css

   1 html, body { height:100%; }
   2 * { margin:0; padding:0; }
   3
   4
   5
   6 /* Few resets for within the kiwi container */
   7 #kiwi {
   8     overflow:hidden; position:relative;
   9     height:100%;
  10 }
  11 #kiwi * { margin:0px; padding:0px; }
  12 #kiwi p { margin:0.5em 0; }
  13 #kiwi a { color:#36C; text-decoration:none; cursor:pointer; }
  14 #kiwi a img { border:none; }
  15
  16
  17 /**
  18  * Main layout blocks
  19  */
  20 #kiwi #toolbar { position:absolute; top:0px; width:100%; display:none; }
  21 #kiwi #panels { position:absolute; left:0px; right:200px; bottom:100px; top:100px; }
  22 #kiwi #memberlists { position:absolute; right:0px; width:200px; bottom:100px; top:100px; overflow-y:auto; }
  23 #kiwi #controlbox { position: absolute; bottom:0px; width:100%; display:none; }
  24 #kiwi #memberlists_resize_handle {
  25     position: absolute; width:10px; z-index:1; cursor:w-resize;
  26 }
  27
  28
  29 #kiwi #toolbar #tabs { margin-right: 200px; }
  30 #kiwi #toolbar .panellist {
  31     overflow: hidden;
  32     display:block;
  33 }
  34 #kiwi #toolbar .panellist li {
  35     float: left; list-style: inline;
  36     display:inline; position:relative;
  37     padding:5px; margin:3px;
  38     cursor: pointer;
  39 }
  40
  41 #kiwi #toolbar .panellist .active { padding-right:23px; }
  42 #kiwi #toolbar .panellist .alert_highlight { font-weight: bold; }
  43 #kiwi #toolbar .panellist .alert_activity { font-weight: bold; }
  44 #kiwi #toolbar .panellist .alert_action { font-weight: bold; }
  45
  46 #kiwi #toolbar .panellist li { width: auto; text-align: left; }
  47 #kiwi #toolbar .panellist li .part { position: absolute; top: 5px; right: 5px; }
  48 #kiwi #toolbar .panellist li .part:before { content:"[x]"; }
  49 #kiwi #toolbar .panellist li .part:hover { color: #900; }
  50 #kiwi #toolbar .panellist li img.icon { left:5px; top:2px; height:auto; width:auto; }
  51
  52 #kiwi #toolbar .connections { overflow:hidden; }
  53 #kiwi #toolbar .connections .connection { float:left; }
  54 #kiwi #toolbar .connections .panellist { display:inline; }
  55 #kiwi #toolbar .connections .panellist:after { content:""; }
  56
  57 #kiwi #status_message {
  58     background: #FFF;
  59     border-bottom: 1px solid;
  60     text-align: center;
  61 }
  62
  63
  64 #kiwi .panel_container { overflow-y:auto; height:100%; }
  65
  66
  67
  68 #kiwi .messages {
  69     overflow-x:wrap;
  70     border:none; display: none;
  71 }
  72 #kiwi .messages a {}
  73 #kiwi .messages.active { display:block; }
  74
  75 #kiwi .messages .msg {}
  76 #kiwi .messages .msg .time { display:inline; }
  77 #kiwi .messages .msg .nick { display:inline; }
  78 #kiwi .messages .msg .text { display:inline; }
  79
  80 #kiwi .messages .msg.action .nick { display:none; }
  81 #kiwi .messages .msg.action .text { }
  82 #kiwi .messages .msg.action.join { }
  83 #kiwi .messages .msg.action.part .text { }
  84 #kiwi .messages .msg.action.quit .text { }
  85 #kiwi .messages .msg.action.kick .text { }
  86 #kiwi .messages .msg.status .nick { display:none; }
  87 #kiwi .messages .msg.status .text { }
  88 #kiwi .messages .msg.topic .nick { display:none; }
  89 #kiwi .messages .msg.topic .text { }
  90 #kiwi .messages .msg.motd { }
  91 #kiwi .messages .msg.motd .nick { }
  92 #kiwi .messages .msg.motd .text { }
  93 #kiwi .messages .msg.whois .nick { }
  94 #kiwi .messages .msg.whois .text { }
  95 #kiwi .messages .msg.error .text { }
  96
  97 #kiwi .messages .msg.global_nick_highlight { }
  98 #kiwi .messages .msg.highlight { }
  99
 100
 101
 102 /* A member/nick list per channel */
 103 #kiwi #memberlists { border-left: 1px solid #8A8A8A; }
 104 #kiwi #memberlists.disabled { display:none; }
 105 #kiwi #memberlists ul { display:none; }
 106
 107 /* The active channels nicklist */
 108 #kiwi #memberlists ul.active { display:block; }
 109 #kiwi #memberlists ul li { overflow-y:auto; overflow-x:hidden; cursor:pointer; }
 110 #kiwi #memberlists ul li a.nick { }
 111
 112 /* The userbox shown when clicking a nick */
 113 #kiwi .userbox { position:relative; }
 114 #kiwi .userbox a { }
 115 #kiwi .userbox a i { }
 116
 117
 118
 119 /**
 120  * Control box
 121  */
 122 #kiwi #controlbox .input {
 123     height:1.7em; position:relative;
 124 }
 125
 126 /* The nick label */
 127 #kiwi #controlbox .input .nick { cursor: pointer; }
 128 #kiwi #controlbox .input .nick a { }
 129
 130 /* Wrapper div around the text area input */
 131 #kiwi #controlbox .input .input_wrap { display:inline; }
 132
 133 /* The textarea input */
 134 #kiwi #controlbox .input .inp { white-space: nowrap; }
 135
 136
 137 /* Nick change dialog showed when clicking the nick label */
 138 #kiwi #controlbox .nickchange {
 139     position: absolute;
 140     background: #FFF;
 141 }
 142 #kiwi #controlbox .nickchange input { }
 143 #kiwi #controlbox .nickchange button { }
 144
 145 /* Plugin tools */
 146 #kiwi #controlbox .input_tools { float:right; }
 147 #kiwi #controlbox .input_tools .tool { margin:0 1em; display:inline; }
 148
 149
 150
 151 /**
 152  * Topic bar
 153  */
 154 #kiwi #topic { position:relative; height:2em; }
 155 #kiwi #topic div {
 156     position:absolute;
 157     top:0; bottom:0; left:0; right:0;
 158     overflow: hidden;
 159 }
 160
 161
 162
 163
 164
 165 /**
 166  * Server selection dialog
 167  */
 168 #kiwi .server_select { width:320px; margin:0 auto; overflow:hidden; }
 169 #kiwi .server_select .more { display: none; }
 170 #kiwi .server_select button {  }
 171 #kiwi .server_select input { }
 172 #kiwi .server_select label { }
 173 #kiwi .server_select br { clear:both; }
 174 #kiwi .server_select .basic input { }
 175 #kiwi .server_select .basic label { }
 176 #kiwi .server_select .basic { border-bottom: 1px solid gray; margin-bottom:1em; }
 177 #kiwi .server_select .basic .show_more { }
 178 #kiwi .server_select .basic tr.pass { display:none; }
 179 #kiwi .server_select.single_server .basic { border:none; }
 180 #kiwi .server_select .status {  }
 181
 182 /* When connected to an IRC server, .ok is set on the status div */
 183 #kiwi .server_select .status.ok { }
 184
 185 /* IRC server connection error, .error is set on the status div */
 186 #kiwi .server_select .status.error { }
 187
 188
 189
 190 /* Logo and title in the server selection dialog */
 191 #kiwi .server_select .kiwi_logo { text-align: center; display:block; }
 192 #kiwi .server_select .kiwi_logo h1 { }
 193 #kiwi .server_select .kiwi_logo img { }
 194
 195
 196
 197 /* Icons in the top right corner */
 198 #kiwi #toolbar .app_tools { float:right; }
 199 #kiwi #toolbar .app_tools ul li {
 200     display:inline; cursor:pointer;
 201 }
 202 #kiwi #toolbar .app_tools img { height:25px; width:25px; margin: 6px 0.7em 0 0; }
 203
 204
 205
 206 /* Settings applet */
 207 #kiwi .settings {
 208     width:900px;
 209     margin:1em auto;
 210 }
 211 #kiwi .settings table td {
 212     padding:0.5em 1em;
 213 }
 214 #kiwi .settings .save .feedback {
 215     display: none;
 216     position: relative;
 217     left: -1.6em;
 218 }
 219
 220
 221
 222
 223 /**
 224  * Reusable componants
 225  */
 226
 227 #kiwi .divider-verticle {
 228     border-left: 1px solid #CFCFCF;
 229     border-right: 1px solid #FFFFFF;
 230     position: absolute;
 231     top:25px; bottom:25px;
 232     right:0;
 233     width:0;
 234 }
 235
 236 #kiwi .divider-horizontal {
 237     border-top: 1px solid #CFCFCF;
 238     border-bottom: 1px solid #FFFFFF;
 239     position: absolute;
 240     left:25px; right:25px;
 241     bottom:0;
 242     height:0;
 243 }
 244
 245
 246
 247 #kiwi .loader {
 248     background:url(../img/loader.gif) no-repeat;
 249     width:43px; height:11px;
 250     display:inline-block;
 251 }
 252
 253
 254
 255
 256 #kiwi .ui_menu {
 257     padding: 0;
 258     z-index:10;
 259     position: absolute;
 260     top: 100px; left: 100px;
 261     background: #fff;
 262     border: 1px solid #bbb;
 263     background-clip: padding-box;
 264 }
 265 #kiwi .ui_menu .ui_menu_title {
 266     padding: 5px 10px 5px 10px; font-weight: bold; overflow:hidden; background:#ddd;
 267 }
 268 #kiwi .ui_menu .ui_menu_content { padding: 5px 10px 5px 10px; border-top:1px solid #e9e9e9; overflow:hidden; position:relative; }
 269 #kiwi .ui_menu .ui_menu_content > a { display: block; }
 270 #kiwi .ui_menu .ui_menu_content > a[class^="icon-"]:before,
 271 #kiwi .ui_menu .ui_menu_content > a[class*=" icon-"]:before { margin-right: 5px; color:#666; }
 272 #kiwi .ui_menu .ui_menu_foot {
 273     padding: 5px; border-top:1px solid #e9e9e9; background:#ddd; overflow:hidden;
 274 }
 275 #kiwi .ui_menu .ui_menu_foot .close { }
 276
 277
 278
 279
 280
 281 /**
 282  * Themes
 283  */
 284
 285
 286 /* Relaxed theme */
 287 #kiwi.theme_relaxed {
 288     background: url(../img/background-light.png) left top repeat-x #E3E3E3;
 289     color: #555555;
 290 }
 291 #kiwi.theme_relaxed,
 292 #kiwi.theme_relaxed input,
 293 #kiwi.theme_relaxed button,
 294 #kiwi.theme_relaxed textarea {
 295     font-family:Arial, Helvetica, sans-serif;
 296     font-size:14px; line-height:1.4em;
 297 }
 298 #kiwi.theme_relaxed input, textarea {
 299     box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.5),0 1px 0px rgba(255, 255, 255, 0.3);
 300     border: none;
 301     border-radius: 3px;
 302 }
 303 #kiwi.theme_relaxed #toolbar {
 304     background-color:#1B1B1B; font-size:0.9em;
 305 }
 306 #kiwi.theme_relaxed #controlbox { background-color:#1B1B1B; }
 307 #kiwi.theme_relaxed #memberlists_resize_handle {
 308     /*background:url('../img/resize_handle.png') no-repeat; background-position:center;*/
 309 }
 310 #kiwi.theme_relaxed #toolbar .panellist li {
 311     line-height: 1.4em;
 312     vertical-align: middle;
 313
 314     -moz-border-radius:5px;
 315     -webkit-border-radius:5px;
 316     -khtml-border-radius:5px;
 317     border-radius:5px;
 318     behavior: url(border-radius.htc);
 319
 320     background-image: -webkit-gradient(
 321         linear,
 322         left top,
 323         left bottom,
 324         color-stop(0.38, rgb(238,238,238)),
 325         color-stop(0.68, rgb(209,209,209))
 326     );
 327     background-image: -moz-linear-gradient(
 328         center top,
 329         rgb(238,238,238) 38%,
 330         rgb(209,209,209) 68%
 331     );
 332
 333     border: 1px solid #333;
 334     background-color: #eee;
 335 }
 336
 337 #kiwi.theme_relaxed #toolbar .panellist .alert_highlight { /*background: #990000;*/ }
 338 #kiwi.theme_relaxed #toolbar .panellist .alert_activity { font-weight:normal; }
 339 #kiwi.theme_relaxed #toolbar .panellist .alert_action { font-weight:normal; }
 340
 341 #kiwi.theme_relaxed #toolbar .panellist .active { padding-right:23px; }
 342 #kiwi.theme_relaxed #toolbar .panellist li .part:before { content:"\f00d"; }
 343
 344 #kiwi.theme_relaxed #toolbar .panellist li.server span { padding-left: 5px; }
 345 #kiwi.theme_relaxed.connected #toolbar .panellist li.server:before { content: "\f0ec"; color:#3F9532; }
 346 #kiwi.theme_relaxed #toolbar .panellist li.server:before { content: "\f06a"; color:#900; font-size:1.5em; line-height:1em; vertical-align:middle; }
 347
 348 /* Tab texts are within a span */
 349 #kiwi.theme_relaxed #toolbar .panellist li span  { line-height:20px; vertical-align:middle; display:inline-block; }
 350
 351 #kiwi.theme_relaxed #toolbar .panellist li.active .activity { display:none; }
 352 #kiwi.theme_relaxed #toolbar .panellist li .activity.zero { visibility:hidden; }
 353 #kiwi.theme_relaxed #toolbar .panellist li .activity {
 354     padding: 1px 3px; margin-left:1em;
 355     border-radius: 4px;
 356     background: #3F9532; color:#000; /*color: #ff5300;*/
 357     text-align: center; font-size: 10px;
 358     display:inline-block;
 359     width:2em;
 360 }
 361 #kiwi.theme_relaxed #toolbar .panellist li.alert_highlight .activity {
 362     color: #fff; background: #a60400;
 363 }
 364
 365 #kiwi.theme_relaxed #status_message {
 366     background: #FEEFB3; color: #9F6000;
 367     border-bottom: 1px solid;
 368     padding: 0.9em;
 369     text-align: center; font-size:1.1em;
 370 }
 371 #kiwi.theme_relaxed #status_message.err { color:#D8000C; background:#FFBABA; }
 372
 373 #kiwi.theme_relaxed .messages { color: #333333; }
 374 #kiwi.theme_relaxed .messages.active { }
 375 #kiwi.theme_relaxed .messages a { text-decoration:none; }
 376
 377 #kiwi.theme_relaxed .messages .msg { border-bottom: 1px solid #DEDEDE; padding: 1px; font-family:arial; font-size:0.9em; }
 378 #kiwi.theme_relaxed .messages .msg .time { width:5em; float:left; color:#777; padding:5px; display:none; }
 379 #kiwi.theme_relaxed .messages .msg .nick { width:11em; float:left; font-size:12px; font-family:Arial; text-align:right; padding: 5px; overflow:hidden; }
 380 #kiwi.theme_relaxed .messages .msg .text { display:block; margin-left:12em; border-left: 1px solid #DEDEDE; white-space:pre-wrap; word-wrap:break-word; font-family:arial; padding:5px; }
 381
 382 #kiwi.theme_relaxed.narrow .messages .msg .nick { width: auto; }
 383 #kiwi.theme_relaxed.narrow .messages .msg .text { margin-left: 1em; border:none; }
 384
 385 #kiwi.theme_relaxed .messages .msg.action .nick { }
 386 #kiwi.theme_relaxed .messages .msg.action .text { color:#009900; border-left:none; font-style:italic; }
 387 #kiwi.theme_relaxed .messages .msg.action.join { color:#009900; }
 388 #kiwi.theme_relaxed .messages .msg.action.part .text { color:#900; }
 389 #kiwi.theme_relaxed .messages .msg.action.quit .text { color:#900; }
 390 #kiwi.theme_relaxed .messages .msg.action.kick .text { color:#900; }
 391 #kiwi.theme_relaxed .messages .msg.status .nick { }
 392 #kiwi.theme_relaxed .messages .msg.status .text { color:#990000; margin-left:9em; border-left:none; font-weight:bold; }
 393 #kiwi.theme_relaxed .messages .msg.topic .nick { display:none; }
 394 #kiwi.theme_relaxed .messages .msg.topic .text { color:#009900; margin-left:9em; font-style: italic; border-left:none; }
 395 #kiwi.theme_relaxed .messages .msg.motd { border:none; }
 396 /*#kiwi.theme_relaxed .messages .msg.motd .nick { display:none; }*/
 397 #kiwi.theme_relaxed .messages .msg.motd .text { color:#666; font-family:monospace; }
 398 #kiwi.theme_relaxed .messages .msg.whois .nick { font-weight:normal; }
 399 #kiwi.theme_relaxed .messages .msg.whois .text { margin-left:18em; padding-left:1em; border-left:1px dashed #999; }
 400 #kiwi.theme_relaxed .messages .msg.error .text {
 401     border:1px solid #A33F3F; background-color:#D28A8A;
 402     padding:0.5em; margin-top:1em; margin-bottom:1em; margin-right:2em;
 403 }
 404
 405 #kiwi.theme_relaxed.timestamps .messages .msg .time { display:block; }
 406 #kiwi.theme_relaxed.timestamps .messages .msg .text { margin-left:17em; }
 407
 408 #kiwi.theme_relaxed .messages .msg.global_nick_highlight,
 409 #kiwi.theme_relaxed .messages .msg.highlight { background:#D9D9D9; }
 410
 411 /* Narrow styling (window width < 400px) */
 412 #kiwi.theme_relaxed.narrow .messages .msg .nick { width: auto; }
 413 #kiwi.theme_relaxed.narrow .messages .msg .text { margin-left: 1em; border:none; }
 414 #kiwi.theme_relaxed.narrow .messages .msg.action .text { margin-left: 1em; }
 415
 416
 417 #kiwi.theme_relaxed .messages .msg .media { margin-left:0.5em; }
 418 #kiwi.theme_relaxed .messages .msg .media .media_close { font-size:0.9em; }
 419 #kiwi.theme_relaxed .messages .msg .media .media_content { margin:10px 0 0 10px; overflow:hidden; }
 420 #kiwi.theme_relaxed .messages .msg .media .media_content img { padding:3px; border:1px solid gray; }
 421 #kiwi.theme_relaxed .messages .msg .media .media_content > .content {
 422     background: white;
 423     overflow: hidden;
 424     padding: 10px;
 425     border: #DDD 1px solid;
 426     border-top-color: #EEE;
 427     border-bottom-color: #BBB;
 428     -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
 429     -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.15);
 430     box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
 431     border-radius: 5px;
 432     float: left;
 433 }
 434
 435 #kiwi.theme_relaxed .messages .msg .media.twitter .media_content > .content {
 436     background: transparent;
 437     border:none;
 438     overflow: hidden;
 439     box-shadow: none;
 440     padding: 0;
 441 }
 442 #kiwi.theme_relaxed .messages .msg .media.reddit .thumbnail_nsfw {
 443     display: inline-block;
 444     float: left;
 445 }
 446 #kiwi.theme_relaxed .messages .msg .media.reddit .thumbnail { float:left; margin-right: 0.5em; }
 447
 448
 449 #kiwi.theme_relaxed #memberlists {
 450     background-color: #DADADA;
 451     border-left: 1px solid #8A8A8A;
 452 }
 453 #kiwi.theme_relaxed.narrow #memberlists { display:none; }
 454 #kiwi.theme_relaxed #memberlists ul { list-style: none; }
 455 #kiwi.theme_relaxed #memberlists ul.active { }
 456 #kiwi.theme_relaxed #memberlists ul li { padding: 0.2em 1em; }
 457 #kiwi.theme_relaxed #memberlists ul li:hover {
 458     border-left: 5px solid #88C56A;
 459     -webkit-transition: 0.2s ease;
 460     -moz-transition: 0.2s ease;
 461     -ms-transition: 0.2s ease;
 462     -o-transition: 0.2s ease;
 463     transition: 0.2s ease;
 464 }
 465 #kiwi.theme_relaxed #memberlists ul li a.nick { display:block; color:black; }
 466
 467 #kiwi.theme_relaxed .userbox { margin:4px 1em 5px 1em; padding-bottom:0.7em; font-size:.9em; }
 468 #kiwi.theme_relaxed .userbox a { display:block; text-decoration:none; margin-bottom:2px; }
 469 #kiwi.theme_relaxed .userbox a i { font-size:1.1em; margin-right:5px; }
 470
 471 /* User mode styles */
 472 #kiwi.theme_relaxed #memberlists ul li .prefix {
 473     display:none;
 474     width:20px; height:20px;
 475     border-radius: 5px;
 476     margin: 0 7px 0 0;
 477     font-size:12px; text-align: center;
 478     color: #E3E3E3;
 479     /* text-indent: -1000px; */
 480 }
 481 /* Most important modes towards the bottom - they override the top ones! */
 482 #kiwi.theme_relaxed #memberlists ul li.mode.v .prefix { display:inline-block; background:#b3b3b3; }
 483 #kiwi.theme_relaxed #memberlists ul li.mode.h .prefix { display:inline-block; background:#b5b447; }
 484 #kiwi.theme_relaxed #memberlists ul li.mode.o .prefix { display:inline-block; background:#47b547; }
 485 #kiwi.theme_relaxed #memberlists ul li.mode.a .prefix { display:inline-block; background:#b54747; }
 486 #kiwi.theme_relaxed #memberlists ul li.mode.q .prefix { display:inline-block; background:#8547b5; }
 487
 488 #kiwi.theme_relaxed #controlbox .input {
 489     background:#fff; margin:3px;
 490     height:1.7em;
 491     border-radius:5px;
 492     -moz-border-radius:5px;
 493     -webkit-border-radius:5px;
 494     -khtml-border-radius:5px;
 495 }
 496 #kiwi.theme_relaxed #controlbox .input .nick { text-align: right; width:11em; left:0px; position:absolute; padding:2px; overflow:hidden; }
 497 #kiwi.theme_relaxed #controlbox .input .nick a { text-decoration:none; color:black; }
 498
 499 #kiwi.theme_relaxed.narrow #controlbox .input .nick { display:none; }
 500 #kiwi.theme_relaxed.narrow #controlbox .input .input_wrap { left:7px; }
 501
 502 #kiwi.theme_relaxed #controlbox .input .input_wrap {
 503     position:absolute;
 504     right:7px; left: 12.2em;
 505     height:1.7em;
 506 }
 507 #kiwi.theme_relaxed #controlbox .input .inp {
 508     line-height:1.7em;
 509     border: medium none;
 510     box-shadow: none;
 511     border-radius: 0;
 512     outline:none; resize:none;
 513     overflow:hidden;
 514     position:relative;
 515     height:100%; width:100%;
 516     display: block;
 517 }
 518
 519
 520 #kiwi.theme_relaxed #controlbox .nickchange {
 521     padding:10px; left: 0px;
 522     background: #1B1B1B; color:#eeeeee;
 523 }
 524 #kiwi.theme_relaxed #controlbox .nickchange input { padding:0.3em 0.5em; }
 525 #kiwi.theme_relaxed #controlbox .nickchange button { padding:0.5em; }
 526
 527
 528
 529 #kiwi.theme_relaxed #topic { background-color:#1B1B1B; padding-bottom:2px; }
 530 #kiwi.theme_relaxed #topic div {
 531     padding: 0.2em 1em;
 532     text-align: center;
 533     box-shadow: none;
 534     border-radius: 0;
 535     background-color:#FFF;
 536     height: 1.5em;
 537     overflow: hidden;
 538     outline: none;
 539     white-space: nowrap;
 540 }
 541 #kiwi.theme_relaxed #topic:hover div {
 542     min-height:1.5em;
 543     white-space:pre-wrap; word-wrap:break-word;
 544     overflow:visible;
 545     background-color:#FFF;
 546     z-index: 1;
 547     height:auto; bottom:auto;
 548     border-bottom: 2px solid #1B1B1B;
 549 }
 550
 551
 552 #kiwi.theme_relaxed #toolbar .app_tools { width:200px; padding-left:10px; color:#D4D4D4; }
 553 #kiwi.theme_relaxed.narrow #toolbar #tabs { margin-right:0; }
 554 #kiwi.theme_relaxed.narrow #toolbar .app_tools { width:auto; }
 555 #kiwi.theme_relaxed #toolbar .app_tools ul li {
 556     font-size:26px;
 557     -webkit-transition: all .3s ease;
 558     -moz-transition: all .3s ease;
 559     transition: all .3s ease;
 560     margin-left:10px;
 561 }
 562 #kiwi.theme_relaxed #toolbar .app_tools ul li:hover { color:#88C56A; }
 563 #kiwi.theme_relaxed #toolbar .app_tools img { }
 564
 565
 566 /* The server select dialog */
 567 #kiwi.theme_relaxed .server_select { padding:3em 0 2em 0; }
 568 #kiwi.theme_relaxed .server_select .more { display: none; width:270px; margin:0 auto; }
 569 #kiwi.theme_relaxed .server_select table tr td { padding:5px; }
 570 #kiwi.theme_relaxed .server_select button { float:right; padding:3px 7px; }
 571 #kiwi.theme_relaxed .server_select input { padding:3px 7px; width:150px; }
 572 #kiwi.theme_relaxed .server_select label { }
 573 #kiwi.theme_relaxed .server_select br { clear:both; }
 574 #kiwi.theme_relaxed .server_select .basic input, .server_select .basic button { font-size:1em; padding:0.5em 1em; }
 575 #kiwi.theme_relaxed .server_select .basic input { width:170px; }
 576 #kiwi.theme_relaxed .server_select .basic label { font-size:1.3em; margin-top:4px; }
 577 #kiwi.theme_relaxed .server_select .basic tr.have_pass { font-size:0.8em; }
 578 #kiwi.theme_relaxed .server_select .basic tr.channel td { padding-top:1em; }
 579 #kiwi.theme_relaxed .server_select .basic { border-bottom: 1px dashed gray; margin-bottom:1em; }
 580 #kiwi.theme_relaxed .server_select .basic .show_more { display: block; width:110px; margin:10px 0 0 0; font-size:0.8em; background: url(../img/more.png) no-repeat right 7px; }
 581 #kiwi.theme_relaxed .server_select.single_server .basic { border:none; }
 582 #kiwi.theme_relaxed .server_select .status { text-align: center; font-weight: bold; padding:1em; }
 583 #kiwi.theme_relaxed .server_select .status.ok { }
 584 #kiwi.theme_relaxed .server_select .status.error {
 585     border:1px solid #A33F3F; background-color:#D28A8A;
 586     padding:0.5em; margin-top:1em; margin-bottom:1em; margin-right:2em;
 587 }
 588
 589
 590 #kiwi.theme_relaxed .server_select .kiwi_logo { margin-top:30px; }
 591 #kiwi.theme_relaxed .server_select .kiwi_logo h1 span {
 592     font-size:14px;
 593     line-height:24px; vertical-align: middle;
 594     color: #555555;
 595 }
 596 #kiwi.theme_relaxed .server_select .kiwi_logo img { display:inline; width:24px; }
 597
 598
 599 #kiwi.theme_relaxed.chanlist_treeview #panels { left:160px; }
 600 #kiwi.theme_relaxed.chanlist_treeview #toolbar { position:static; }
 601 #kiwi.theme_relaxed.chanlist_treeview #toolbar .app_tools { float:none; }
 602 #kiwi.theme_relaxed.chanlist_treeview #toolbar > div { margin-left:160px; }
 603 #kiwi.theme_relaxed.chanlist_treeview #toolbar #tabs { position:absolute; left:0px; bottom:0px; top:0px; margin:0; width:160px; background:#1B1B1B; overflow-y:auto; }
 604 #kiwi.theme_relaxed.chanlist_treeview #tabs ul li { display:block; float:none; }
 605 #kiwi.theme_relaxed.chanlist_treeview #tabs ul li .activity { position:absolute; right:5px; }
 606 #kiwi.theme_relaxed.chanlist_treeview #tabs ul li.active {
 607     margin-right:0;
 608     border-right-width:0;
 609     border-bottom-right-radius:0;
 610     border-top-right-radius:0;
 611 }
 612
 613
 614 #kiwi.theme_relaxed .applet > div.settings button.save {
 615     padding:1em 2em;
 616     border:1px solid gray; border-radius:3px;
 617 }
 618 #kiwi.theme_relaxed .applet > div.settings tr {
 619     border-bottom: 1px dashed black;
 620 }
 621
 622 #kiwi.theme_relaxed .applet > div.settings td.label {
 623     font-weight: bold;
 624 }
 625 #kiwi.theme_relaxed .applet > div.settings tr.save {
 626     text-align: right;
 627 }
 628
 629
 630 #kiwi.theme_relaxed .ui_menu {
 631     border-radius: 3px;
 632     color: #333;
 633     box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
 634 }
 635 #kiwi.theme_relaxed .ui_menu .ui_menu_title {
 636     border-top-left-radius: 3px;
 637     border-top-right-radius: 3px;
 638 }
 639 #kiwi.theme_relaxed .ui_menu .ui_menu_content { }
 640 #kiwi.theme_relaxed .ui_menu .ui_menu_content.hover:hover { background:#f7f7f7; }
 641 #kiwi.theme_relaxed .ui_menu .ui_menu_foot {
 642     border-bottom-left-radius: 3px;
 643     border-bottom-right-radius: 3px;
 644 }
 645 #kiwi.theme_relaxed .ui_menu .ui_menu_foot .close { float:right; font-size:0.9em; margin-right:1em; color: #999; }
 646 #kiwi.theme_relaxed .ui_menu .ui_menu_foot .close:hover { color: #222; }
 647
 648
 649
 650
 651
 652 /**
 653  * Mini theme
 654  */
 655 #kiwi.theme_mini {
 656     background: #FFF;
 657     color: #555555;
 658 }
 659 #kiwi.theme_mini,
 660 #kiwi.theme_mini input,
 661 #kiwi.theme_mini button,
 662 #kiwi.theme_mini textarea {
 663     font-family:Arial, Helvetica, sans-serif;
 664     font-size:14px; line-height:1.4em;
 665 }
 666 #kiwi.theme_mini input, textarea {
 667     box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.5),0 1px 0px rgba(255, 255, 255, 0.3);
 668     border: none;
 669     border-radius: 3px;
 670 }
 671 #kiwi.theme_mini #toolbar {
 672     background-color:#1B1B1B; font-size:0.9em;
 673 }
 674 #kiwi.theme_mini #controlbox { background-color:#1B1B1B; }
 675 #kiwi.theme_mini #memberlists_resize_handle {
 676     display:none; width:0;
 677 }
 678 #kiwi.theme_mini #toolbar .panellist li {
 679     line-height: 1.4em;
 680     vertical-align: middle;
 681
 682     border-radius:5px;
 683     -moz-border-radius:5px;
 684     -webkit-border-radius:5px;
 685     -khtml-border-radius:5px;
 686
 687     border: 1px solid #333;
 688     background-color: #eee;
 689 }
 690
 691 #kiwi.theme_mini #toolbar #tabs { margin-right:0 !important; }
 692 #kiwi.theme_mini #toolbar .panellist .alert_highlight { font-weight:bold; }
 693 #kiwi.theme_mini #toolbar .panellist .alert_activity { font-weight:normal; }
 694 #kiwi.theme_mini #toolbar .panellist .alert_action { font-weight:normal; }
 695
 696 #kiwi.theme_mini #toolbar .panellist .active { padding-right:23px; }
 697 #kiwi.theme_mini #toolbar .panellist li .part:before { content:"\f00d"; }
 698
 699 #kiwi.theme_mini #toolbar .panellist li.server span { padding-left:5px; }
 700 #kiwi.theme_mini.connected #toolbar .panellist li.server:before { content: "\f0ec"; color:#3F9532; }
 701 #kiwi.theme_mini #toolbar .panellist li.server:before { content: "\f06a"; color:#900; }
 702
 703 /* Tab texts are within a span */
 704 #kiwi.theme_mini #toolbar .panellist li span  { line-height:20px; vertical-align:middle; display:inline-block; }
 705
 706 #kiwi.theme_mini #toolbar .panellist li .activity { display:inline; margin-left:0.5em; font-style:italic; font-size:0.8em; }
 707 #kiwi.theme_mini #toolbar .panellist li .activity:before { content:"("; }
 708 #kiwi.theme_mini #toolbar .panellist li .activity:after { content:")"; }
 709
 710 #kiwi.theme_mini #status_message {
 711     background: #FEEFB3; color: #9F6000;
 712     border-bottom: 1px solid;
 713     padding: 0.9em;
 714     text-align: center; font-size:1.1em;
 715 }
 716 #kiwi.theme_mini #status_message.err { color:#D8000C; background:#FFBABA; }
 717
 718 #kiwi.theme_mini .messages { color: #333333; }
 719 #kiwi.theme_mini .messages.active { }
 720 #kiwi.theme_mini .messages a { text-decoration:none; }
 721
 722 #kiwi.theme_mini .messages .msg { border-bottom: 1px solid #DEDEDE; padding: 5px; font-family:arial; font-size:0.9em; }
 723 #kiwi.theme_mini .messages .msg .time { display:none; }
 724 #kiwi.theme_mini .messages .msg .nick { display:block; font-family:Arial; text-transform:capitalize; }
 725 #kiwi.theme_mini .messages .msg .text { display:block; white-space:pre-wrap; word-wrap:break-word; font-family:arial; }
 726
 727 #kiwi.theme_mini .messages .msg.action .nick { }
 728 #kiwi.theme_mini .messages .msg.action .text { color:#009900; border-left:none; font-style:italic; }
 729 #kiwi.theme_mini .messages .msg.action.join { color:#009900; }
 730 #kiwi.theme_mini .messages .msg.action.part .text { color:#900; }
 731 #kiwi.theme_mini .messages .msg.action.quit .text { color:#900; }
 732 #kiwi.theme_mini .messages .msg.action.kick .text { color:#900; }
 733 #kiwi.theme_mini .messages .msg.status .nick { }
 734 #kiwi.theme_mini .messages .msg.status .text { color:#990000; border-left:none; font-weight:bold; }
 735 #kiwi.theme_mini .messages .msg.topic .nick { display:none; }
 736 #kiwi.theme_mini .messages .msg.topic .text { color:#009900; font-style: italic; border-left:none; }
 737 #kiwi.theme_mini .messages .msg.motd { border:none; }
 738 /*#kiwi.theme_mini .messages .msg.motd .nick { display:none; }*/
 739 #kiwi.theme_mini .messages .msg.motd .text { color:#666; }
 740 #kiwi.theme_mini .messages .msg.whois .nick { font-weight:normal; }
 741 #kiwi.theme_mini .messages .msg.whois .text { padding-left:1em; border-left:1px dashed #999; }
 742 #kiwi.theme_mini .messages .msg.error .text {
 743     border:1px solid #A33F3F; background-color:#D28A8A;
 744     padding:0.5em; margin-top:1em; margin-bottom:1em; margin-right:2em;
 745 }
 746
 747 #kiwi.theme_mini .messages .msg.global_nick_highlight,
 748 #kiwi.theme_mini .messages .msg.highlight { background:#D9D9D9; }
 749
 750
 751
 752 #kiwi.theme_mini #memberlists {
 753     background-color: #DADADA;
 754     border-left: 1px solid #8A8A8A;
 755     display:none;
 756     width:0px;
 757 }
 758 #kiwi.theme_mini #memberlists ul { list-style: none; }
 759 #kiwi.theme_mini #memberlists ul.active { }
 760 #kiwi.theme_mini #memberlists ul li { padding: 0.2em 1em; }
 761 #kiwi.theme_mini #memberlists ul li:hover {
 762     border-left: 5px solid #88C56A;
 763     -webkit-transition: 0.2s ease;
 764     -moz-transition: 0.2s ease;
 765     -ms-transition: 0.2s ease;
 766     -o-transition: 0.2s ease;
 767     transition: 0.2s ease;
 768 }
 769 #kiwi.theme_mini #memberlists ul li a.nick { display:block; color:black; }
 770
 771 #kiwi.theme_mini .userbox { margin:0 1em 5px 1em; padding-bottom:0.7em; font-size:.9em; }
 772 #kiwi.theme_mini .userbox a { display:block; text-decoration:none; margin-bottom:2px; }
 773 #kiwi.theme_mini .userbox a i { font-size:1.1em; margin-right:5px; }
 774
 775
 776 #kiwi.theme_mini #controlbox .input {
 777     background:#fff; margin:3px;
 778     height:1.7em;
 779 }
 780 #kiwi.theme_mini #controlbox .input .nick { display:none; }
 781 #kiwi.theme_mini #controlbox .input .nick a { text-decoration:none; color:black; }
 782 #kiwi.theme_mini #controlbox .input .input_wrap {
 783     position:absolute;
 784     right:3px; left:3px;
 785     height:1.7em;
 786 }
 787 #kiwi.theme_mini #controlbox .input .inp {
 788     line-height:1.7em;
 789     border: medium none;
 790     box-shadow: none;
 791     border-radius: 0;
 792     resize:none;
 793     overflow:hidden;
 794     position:relative;
 795     height:100%; width:100%;
 796     display: block;
 797 }
 798
 799
 800 #kiwi.theme_mini #controlbox .nickchange {
 801     padding:10px; left: 0px;
 802     background: #1B1B1B; color:#eeeeee;
 803 }
 804 #kiwi.theme_mini #controlbox .nickchange input { padding:0.3em 0.5em; }
 805 #kiwi.theme_mini #controlbox .nickchange button { padding:0.5em; }
 806
 807
 808
 809 #kiwi.theme_mini #topic { display:none; }
 810 #kiwi.theme_mini #topic div {
 811     top:2; bottom:2px; left:0; width:100%;
 812     padding: 0.2em 1em;
 813     text-align: center;
 814     box-shadow: none;
 815     border-radius: 0;
 816     background-color:#FFF;
 817     height: 1.5em;
 818     overflow: hidden;
 819     outline: none;
 820 }
 821
 822
 823 #kiwi.theme_mini #toolbar .app_tools { padding-left:10px; color:#D4D4D4; }
 824 #kiwi.theme_mini #toolbar .app_tools ul li {
 825     font-size:26px;
 826     -webkit-transition: all .3s ease;
 827     -moz-transition: all .3s ease;
 828     transition: all .3s ease;
 829     margin-left:10px;
 830 }
 831 #kiwi.theme_mini #toolbar .app_tools ul li:hover { color:#88C56A; }
 832 #kiwi.theme_mini #toolbar .app_tools img { }
 833
 834
 835 /* The server select dialog */
 836 #kiwi.theme_mini .server_select { padding:3em 0 2em 0; margin: 0 auto; width:100%; }
 837 #kiwi.theme_mini .server_select .more { display:none; }
 838 #kiwi.theme_mini .server_select button { display:block; padding:3px 7px; margin:1em auto; }
 839 #kiwi.theme_mini .server_select input.nick {
 840     float:none; display:block; width:80%;
 841     padding:0.5em 1em; margin:0 auto;
 842     text-align: center;
 843 }
 844 #kiwi.theme_mini .server_select label { display:none; }
 845 #kiwi.theme_mini .server_select br { clear:both; }
 846 #kiwi.theme_mini .server_select .basic { border:none; }
 847 #kiwi.theme_mini .server_select .basic table { width:100%; }
 848 #kiwi.theme_mini .server_select .basic table tr.channel,
 849 #kiwi.theme_mini .server_select .basic table tr.pass,
 850 #kiwi.theme_mini .server_select .basic table tr.have_pass { display:none; }
 851 #kiwi.theme_mini .server_select .basic .show_more { display:none !important; }
 852 #kiwi.theme_mini .server_select.single_server .basic { border:none; }
 853 #kiwi.theme_mini .server_select .status { text-align: center; font-weight: bold; padding:1em; }
 854 #kiwi.theme_mini .server_select .status.ok { }
 855 #kiwi.theme_mini .server_select .status.error {
 856     border:1px solid #A33F3F; background-color:#D28A8A;
 857     padding:0.5em; margin-top:1em; margin-bottom:1em; margin-right:2em;
 858 }
 859
 860 #kiwi.theme_mini .server_select .kiwi_logo h1 span {
 861     font-size:14px;
 862     line-height:24px; vertical-align: middle;
 863     color: #555555;
 864 }
 865 #kiwi.theme_mini .server_select .kiwi_logo img { display:inline; width:24px; }
 866
 867 #kiwi.theme_mini .server_select .server_details {
 868     position: relative !important;
 869     float: none !important;
 870     width: auto !important;
 871     padding: 0 !important;
 872     margin: 2em 0 0 0 !important;
 873 }
 874
 875
 876
 877
 878
 879
 880
 881
 882 /* CLI theme */
 883 #kiwi.theme_cli { background:#222222; color:#6d6d6d; }
 884 #kiwi.theme_cli,
 885 #kiwi.theme_cli input,
 886 #kiwi.theme_cli button,
 887 #kiwi.theme_cli textarea {
 888     font-family:Arial, Helvetica, sans-serif;
 889     font-size:14px; line-height:1.4em;
 890 }
 891
 892 #kiwi.theme_cli #controlbox { background:#111111; border-top:1px solid #444444; color:#909090; font-size:1.3em; line-height:2em; }
 893 #kiwi.theme_cli #controlbox .input_wrap:before { content:"> " }
 894 #kiwi.theme_cli #controlbox .input { background:none; border:none;}
 895 #kiwi.theme_cli #controlbox .input .nick { line-height:1.7em; padding:0; text-align: right; width:11em; left:0px; position:absolute; overflow:hidden; }
 896 #kiwi.theme_cli #controlbox .input .input_wrap {
 897     position:absolute;
 898     right:7px; left: 12.2em;
 899     height:1.7em;
 900 }
 901 #kiwi.theme_cli #controlbox .input .inp {
 902     line-height:1.4em;
 903     font-size:1.3em;
 904     background:transparent; color:#909090;
 905     border: medium none;
 906     box-shadow: none;
 907     border-radius: 0;
 908     outline:none; resize:none;
 909     overflow:hidden;
 910     position:absolute;
 911     top: 0px;
 912     height:99%; width:98%;
 913     display: inline;
 914     padding-left:0.5em;
 915 }
 916
 917 #kiwi.theme_cli #topic { background:#111111; height:2em; border-bottom:1px solid #444444; border-top:1px solid #444444; }
 918 #kiwi.theme_cli #topic div {
 919     width:100%; height: 1.5em;
 920     padding: 0.2em 1em;
 921     text-align: center;
 922     color:#6d6d6d;
 923     border:none; outline:none;
 924     overflow: hidden;
 925     white-space: nowrap;
 926 }
 927 #kiwi.theme_cli #topic:hover div {
 928     min-height:1.5em;
 929     white-space:pre-wrap; word-wrap:break-word;
 930     overflow:visible;
 931     background-color:#111111;
 932     z-index: 1;
 933     height:auto; bottom:auto;
 934     border-bottom: 1px solid #444444;
 935 }
 936
 937 #kiwi.theme_cli #toolbar .app_tools { width:200px; padding-left:10px; color:#D4D4D4; }
 938 #kiwi.theme_cli #toolbar .app_tools ul li {
 939     font-size:26px;
 940     -webkit-transition: all .3s ease;
 941     -moz-transition: all .3s ease;
 942     transition: all .3s ease;
 943     margin-left:10px;
 944 }
 945 #kiwi.theme_cli #toolbar .app_tools ul li:hover { color:#88C56A; }
 946 #kiwi.theme_cli #toolbar .app_tools img { }
 947
 948 #kiwi.theme_cli #toolbar .panellist li {
 949     line-height: 1.4em;
 950     vertical-align: middle;
 951
 952     border: 1px solid #333;
 953     background-color: #111;
 954 }
 955
 956 #kiwi.theme_cli #toolbar .panellist .alert_highlight { font-weight:bold; }
 957 #kiwi.theme_cli #toolbar .panellist .alert_activity { font-weight:normal; }
 958 #kiwi.theme_cli #toolbar .panellist .alert_action { font-weight:normal; }
 959
 960 #kiwi.theme_cli #toolbar .panellist .active { padding-right:23px; }
 961 #kiwi.theme_cli #toolbar .panellist li .part:before { content:"\f00d"; }
 962
 963 #kiwi.theme_cli #toolbar .panellist li.server span { padding-left:5px; }
 964 #kiwi.theme_cli.connected #toolbar .panellist li.server:before { content: "\f0ec"; color:#3F9532; }
 965 #kiwi.theme_cli #toolbar .panellist li.server:before { content: "\f06a"; color:#900; }
 966
 967 /* Tab texts are within a span */
 968 #kiwi.theme_cli #toolbar .panellist li span  { line-height:20px; vertical-align:middle; display:inline-block; }
 969
 970 #kiwi.theme_cli #toolbar .panellist li .activity { display:inline; margin-left:0.5em; font-style:italic; font-size:0.8em; }
 971 #kiwi.theme_cli #toolbar .panellist li .activity:before { content:"("; }
 972 #kiwi.theme_cli #toolbar .panellist li .activity:after { content:")"; }
 973 #kiwi.theme_cli #toolbar .panellist li.alert_highlight .activity {
 974     color: #fff; background: #a60400; padding:2px; border-radius:3px;
 975 }
 976
 977
 978 #kiwi.theme_cli #memberlists { background:#222222; }
 979 #kiwi.theme_cli #memberlists ul li { padding: 0.2em 1em; }
 980 #kiwi.theme_cli #memberlists ul li a.nick { color:#6d6d6d; }
 981 #kiwi.theme_cli #memberlists ul li:hover {
 982     border-left: 5px solid #88C56A;
 983     -webkit-transition: 0.2s ease;
 984     -moz-transition: 0.2s ease;
 985     -ms-transition: 0.2s ease;
 986     -o-transition: 0.2s ease;
 987     transition: 0.2s ease;
 988 }
 989
 990 #kiwi.theme_cli .userbox { margin:0 1em 0 1em; padding-bottom:0.4em; font-size:.9em; }
 991 #kiwi.theme_cli .userbox a { display:block; text-decoration:none; margin-bottom:2px; }
 992 #kiwi.theme_cli .userbox a i { font-size:1.1em; margin-right:5px; }
 993 #kiwi.theme_cli .userbox .divider-horizontal { display:none; }
 994
 995
 996 #kiwi.theme_cli .messages .msg > div { color:#6d6d6d; font-family: Inconsolata, Consolas, 'courier new', monospace; }
 997 #kiwi.theme_cli .messages .msg { border: none; }
 998 #kiwi.theme_cli .messages .msg .time { display:inline; margin-right:1em; color:#777; }
 999 #kiwi.theme_cli .messages .msg .nick { display:inline; margin-right:1em; }
1000 #kiwi.theme_cli .messages .msg .nick:before { content:"<"; }
1001 #kiwi.theme_cli .messages .msg .nick:after { content:">"; }
1002 #kiwi.theme_cli .messages .msg .text { white-space:pre-wrap; word-wrap:break-word; }
1003
1004 #kiwi.theme_cli .messages .msg.action .nick { display:none; }
1005 #kiwi.theme_cli .messages .msg.action .text { color:#009900; border-left:none; font-style:italic; }
1006 #kiwi.theme_cli .messages .msg.action.join { color:#009900; }
1007 #kiwi.theme_cli .messages .msg.action.part .text { color:#900; }
1008 #kiwi.theme_cli .messages .msg.action.quit .text { color:#900; }
1009 #kiwi.theme_cli .messages .msg.action.kick .text { color:#900; }
1010 #kiwi.theme_cli .messages .msg.status .nick { display:none; }
1011 #kiwi.theme_cli .messages .msg.status .text { color:#990000; border-left:none; font-weight:bold; }
1012 #kiwi.theme_cli .messages .msg.topic .nick { display:none; }
1013 #kiwi.theme_cli .messages .msg.topic .text { color:#009900; font-style: italic; border-left:none; }
1014 /*#kiwi.theme_cli .messages .msg.motd .nick { display:none; }*/
1015 #kiwi.theme_cli .messages .msg.motd { border:none; }
1016 #kiwi.theme_cli .messages .msg.motd .text { color:#666; }
1017 #kiwi.theme_cli .messages .msg.whois .nick { font-weight:normal; }
1018 #kiwi.theme_cli .messages .msg.whois .text { padding-left:1em; border-left:1px dashed #999; }
1019 #kiwi.theme_cli .messages .msg.error .text {
1020     border:1px solid #A33F3F; background-color:#D28A8A;
1021     padding:0.5em; margin-top:1em; margin-bottom:1em; margin-right:2em;
1022 }
1023
1024 #kiwi.theme_cli .messages .msg.global_nick_highlight { background:#111111; }
1025 #kiwi.theme_cli .messages .msg.highlight { background:#111111; }
1026
1027
1028
1029 #kiwi.theme_cli .messages .msg .media { margin-left:0.5em; }
1030 #kiwi.theme_cli .messages .msg .media .media_close { font-size:0.9em; }
1031 #kiwi.theme_cli .messages .msg .media .media_content { margin:10px 0 0 6em; overflow:hidden; }
1032 #kiwi.theme_cli .messages .msg .media .media_content img { padding:3px; border:1px solid gray; }
1033 #kiwi.theme_cli .messages .msg .media .media_content > .content {
1034     background: white;
1035     overflow: hidden;
1036     padding: 10px;
1037     border: #DDD 1px solid;
1038     border-top-color: #EEE;
1039     border-bottom-color: #BBB;
1040     -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
1041     -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.15);
1042     box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
1043     border-radius: 5px;
1044     float: left;
1045 }
1046
1047 #kiwi.theme_cli .messages .msg .media.twitter .media_content > .content {
1048     background: transparent;
1049     border:none;
1050     overflow: hidden;
1051     box-shadow: none;
1052     padding: 0;
1053 }
1054 #kiwi.theme_cli .messages .msg .media.reddit .thumbnail_nsfw {
1055     display: inline-block;
1056     float: left;
1057 }
1058 #kiwi.theme_cli .messages .msg .media.reddit .thumbnail { float:left; margin-right: 0.5em; }
1059
1060
1061
1062 /* The server select dialog */
1063 #kiwi.theme_cli .server_select { width:320px;  padding:3em 0 2em 0; margin: 0 auto; color:#eee; }
1064 #kiwi.theme_cli .server_select .more { display: none; width:270px; margin:0 auto; }
1065 #kiwi.theme_cli .server_select table tr td { padding:5px; }
1066 #kiwi.theme_cli .server_select button { float:right; padding:3px 7px; margin-top:10px; }
1067 #kiwi.theme_cli .server_select input { padding:3px 7px; width:150px; }
1068 #kiwi.theme_cli .server_select label { width:5em; padding-top:3px }
1069 #kiwi.theme_cli .server_select br { clear:both; }
1070 #kiwi.theme_cli .server_select .basic input, .server_select .basic button { font-size:1em; padding:0.5em 1em; }
1071 #kiwi.theme_cli .server_select .basic input { width:170px; }
1072 #kiwi.theme_cli .server_select .basic label { font-size:1.3em; margin-top:4px; }
1073 #kiwi.theme_cli .server_select .basic tr.have_pass { font-size:0.8em; }
1074 #kiwi.theme_cli .server_select .basic tr.channel td { padding-top:1em; }
1075 #kiwi.theme_cli .server_select .basic { border-bottom: 1px dashed gray; margin-bottom:1em; }
1076 #kiwi.theme_cli .server_select .basic .show_more { display: block; width:116px; margin:10px 0 0 0; font-size:0.8em; background: url(../img/more.png) no-repeat right 7px; }
1077 #kiwi.theme_cli .server_select.single_server .basic { border:none; }
1078 #kiwi.theme_cli .server_select .status { text-align: center; font-weight: bold; padding:1em; }
1079 #kiwi.theme_cli .server_select .status.ok { }
1080 #kiwi.theme_cli .server_select .status.error {
1081     border:1px solid #A33F3F; background-color:#D28A8A;
1082     padding:0.5em; margin-top:1em; margin-bottom:1em; margin-right:2em;
1083 }
1084
1085
1086 #kiwi.theme_cli .server_select .kiwi_logo { margin-top:30px; text-align:center; display:block; }
1087 #kiwi.theme_cli .server_select .kiwi_logo h1 {
1088     font-size:20px;
1089     line-height:48px; vertical-align: middle;
1090     color: #bbb;
1091 }
1092 #kiwi.theme_cli .server_select .kiwi_logo img { display:inline; width:24px; }
1093
1094
1095 #kiwi.theme_cli .divider-verticle {
1096     border-left: 1px solid #303030;
1097     border-right: 1px solid #1B1B1B;
1098 }
1099
1100 #kiwi.theme_cli .divider-horizontal {
1101     border-top: 1px solid #303030;
1102     border-bottom: 1px solid #1B1B1B;
1103 }
1104
1105
1106
1107 #kiwi.theme_cli.chanlist_treeview #panels { left:200px; }
1108 #kiwi.theme_cli.chanlist_treeview #toolbar { position:static; }
1109 #kiwi.theme_cli.chanlist_treeview #toolbar .app_tools { float:none; }
1110 #kiwi.theme_cli.chanlist_treeview #toolbar > div { }
1111 #kiwi.theme_cli.chanlist_treeview #toolbar #tabs { position:absolute; left:0px; bottom:0px; top:0px; margin:0; width:200px; background:#1B1B1B; overflow-y:auto; }
1112 #kiwi.theme_cli.chanlist_treeview #tabs ul li { display:block; float:none; }
1113 #kiwi.theme_cli.chanlist_treeview #tabs ul li .activity { float:right; }
1114 #kiwi.theme_cli.chanlist_treeview #tabs ul li.active { padding-left:1em; }
1115
1116
1117 #kiwi.theme_cli .ui_menu {
1118     color: #333;
1119 }
1120 #kiwi.theme_cli .ui_menu .ui_menu_title { }
1121 #kiwi.theme_cli .ui_menu .ui_menu_content { }
1122 #kiwi.theme_cli .ui_menu .ui_menu_content.hover:hover { background:#f7f7f7; }
1123 #kiwi.theme_cli .ui_menu .ui_menu_foot {
1124     border-bottom-left-radius: 3px;
1125     border-bottom-right-radius: 3px;
1126 }
1127 #kiwi.theme_cli .ui_menu .ui_menu_foot .close { float:right; font-size:0.9em; margin-right:1em; color: #999; }
1128 #kiwi.theme_cli .ui_menu .ui_menu_foot .close:hover { color: #222; }
1129
1130
1131
1132
1133
1134
1135
1136
1137
1138 /**
1139  * Basic theme
1140  */
1141 #kiwi.theme_basic {
1142     background: url(../img/background-light.png) left top repeat-x #E3E3E3;
1143     color: #555555;
1144 }
1145 #kiwi.theme_basic,
1146 #kiwi.theme_basic input,
1147 #kiwi.theme_basic button,
1148 #kiwi.theme_basic textarea {
1149     font-family:Arial, Helvetica, sans-serif;
1150     font-size:14px; line-height:1.4em;
1151 }
1152 #kiwi.theme_basic input, textarea {
1153     box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.5),0 1px 0px rgba(255, 255, 255, 0.3);
1154     border: none;
1155     border-radius: 3px;
1156 }
1157 #kiwi.theme_basic #toolbar {
1158     background-color:#1B1B1B; font-size:0.9em;
1159 }
1160 #kiwi.theme_basic #controlbox { background-color:#1B1B1B; }
1161 #kiwi.theme_basic #memberlists_resize_handle {
1162     /*display:none; width:0;*/
1163 }
1164 #kiwi.theme_basic #toolbar .panellist li {
1165     line-height: 1.4em;
1166     vertical-align: middle;
1167
1168     border-radius:5px;
1169     -moz-border-radius:5px;
1170     -webkit-border-radius:5px;
1171     -khtml-border-radius:5px;
1172
1173     border: 1px solid #333;
1174     background-color: #eee;
1175 }
1176
1177 #kiwi.theme_basic #toolbar #tabs { margin-right:0 !important; }
1178 #kiwi.theme_basic #toolbar .panellist .alert_highlight { font-weight:bold; color:red; }
1179 #kiwi.theme_basic #toolbar .panellist .alert_activity { font-weight:normal; color:green; }
1180 #kiwi.theme_basic #toolbar .panellist .alert_action { font-weight:normal; color:green; }
1181
1182 #kiwi.theme_basic #toolbar .panellist .active { padding-right:25px; }
1183 #kiwi.theme_basic #toolbar .panellist li .part {}
1184 #kiwi.theme_basic #toolbar .panellist li .part:before { content:"[x]"; }
1185
1186 #kiwi.theme_basic #toolbar .panellist li.server span { }
1187
1188 /* Tab texts are within a span */
1189 #kiwi.theme_basic #toolbar .panellist li span  { line-height:20px; vertical-align:middle; display:inline-block; }
1190
1191 #kiwi.theme_basic #toolbar .panellist li .activity { display:inline; margin-left:0.5em; font-style:italic; font-size:0.8em; }
1192 #kiwi.theme_basic #toolbar .panellist li .activity:before { content:"("; }
1193 #kiwi.theme_basic #toolbar .panellist li .activity:after { content:")"; }
1194
1195 #kiwi.theme_basic #status_message {
1196     background: #FEEFB3; color: #9F6000;
1197     border-bottom: 1px solid;
1198     padding: 0.9em;
1199     text-align: center; font-size:1.1em;
1200 }
1201 #kiwi.theme_basic #status_message.err { color:#D8000C; background:#FFBABA; }
1202
1203 #kiwi.theme_basic .messages {  }
1204 #kiwi.theme_basic .messages.active { }
1205 #kiwi.theme_basic .messages a { text-decoration:underline; }
1206
1207 #kiwi.theme_basic .messages .msg { }
1208 #kiwi.theme_basic .messages .msg > div { font-family: Consolas, "Lucida Console", monospace; font-size:0.9em; }
1209 #kiwi.theme_basic .messages .msg { border: none; }
1210 #kiwi.theme_basic .messages .msg .time { display:none; margin-right:1em; margin-left:2px; color:gray; }
1211 #kiwi.theme_basic .messages .msg .nick { display:inline; margin-right:1em; }
1212 #kiwi.theme_basic .messages .msg .nick:before { content:"<"; }
1213 #kiwi.theme_basic .messages .msg .nick:after { content:">"; }
1214 #kiwi.theme_basic .messages .msg .text { white-space:pre-wrap; word-wrap:break-word; color:#1e1e1e; }
1215
1216 #kiwi.theme_basic .messages .msg.action .nick,
1217 #kiwi.theme_basic .messages .msg.static .nick,
1218 #kiwi.theme_basic .messages .msg.topic .nick { display:none; }
1219
1220 #kiwi.theme_basic .messages .msg.action .text { color:#009900; font-style:italic; }
1221 #kiwi.theme_basic .messages .msg.action.join { color:#009900; }
1222 #kiwi.theme_basic .messages .msg.action.part .text { color:#900; }
1223 #kiwi.theme_basic .messages .msg.action.quit .text { color:#900; }
1224 #kiwi.theme_basic .messages .msg.action.kick .text { color:#900; }
1225
1226 #kiwi.theme_basic .messages .msg.motd { border:none; }
1227 /*#kiwi.theme_basic .messages .msg.motd .nick { display:none; }*/
1228 #kiwi.theme_basic .messages .msg.motd .text { color:#666; }
1229 #kiwi.theme_basic .messages .msg.whois .nick { font-weight:normal; }
1230 #kiwi.theme_basic .messages .msg.whois .text { padding-left:1em; border-left:1px dashed #999; }
1231 #kiwi.theme_basic .messages .msg.error .text {
1232     border:1px solid #A33F3F; background-color:#D28A8A;
1233     padding:0.5em; margin-top:1em; margin-bottom:1em; margin-right:2em;
1234 }
1235
1236 #kiwi.theme_basic.timestamps .messages .msg .time { display:inline; }
1237 #kiwi.theme_basic.timestamps .messages .msg .text { }
1238
1239 #kiwi.theme_basic .messages .msg.global_nick_highlight,
1240 #kiwi.theme_basic .messages .msg.highlight { background:#D9D9D9; }
1241
1242 /* Narrow styling (window width < 400px) */
1243 #kiwi.theme_basic.narrow .messages .msg .nick { width: auto; }
1244 #kiwi.theme_basic.narrow .messages .msg .text { margin-left: 1em; border:none; }
1245 #kiwi.theme_basic.narrow .messages .msg.action .text { margin-left: 1em; }
1246
1247 #kiwi.theme_basic .messages .msg .media { margin-left:0.5em; }
1248 #kiwi.theme_basic .messages .msg .media a { text-decoration:none; }
1249 #kiwi.theme_basic .messages .msg .media .media_close { font-size:0.9em; }
1250 #kiwi.theme_basic .messages .msg .media .media_content { margin:10px 0 0 2em; overflow:hidden; }
1251 #kiwi.theme_basic .messages .msg .media .media_content img { padding:3px; border:1px solid gray; }
1252 #kiwi.theme_basic .messages .msg .media .media_content > .content {
1253     background: white;
1254     overflow: hidden;
1255     padding: 10px;
1256     border: #DDD 1px solid;
1257     border-top-color: #EEE;
1258     border-bottom-color: #BBB;
1259     -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
1260     -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.15);
1261     box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
1262     border-radius: 5px;
1263     float: left;
1264 }
1265
1266 #kiwi.theme_basic .messages .msg .media.twitter .media_content > .content {
1267     background: transparent;
1268     border:none;
1269     overflow: hidden;
1270     box-shadow: none;
1271     padding: 0;
1272 }
1273 #kiwi.theme_basic .messages .msg .media.reddit .thumbnail_nsfw {
1274     display: inline-block;
1275     float: left;
1276 }
1277 #kiwi.theme_basic .messages .msg .media.reddit .thumbnail { float:left; margin-right: 0.5em; }
1278
1279
1280
1281 #kiwi.theme_basic #memberlists {
1282     background-color: #DADADA;
1283     border-left: 1px dashed #8A8A8A;
1284 }
1285 #kiwi.theme_basic #memberlists ul { list-style: none; margin-left:2px; }
1286 #kiwi.theme_basic #memberlists ul.active { }
1287 #kiwi.theme_basic #memberlists ul li { padding:0 2px; }
1288 #kiwi.theme_basic #memberlists ul li:hover {}
1289 #kiwi.theme_basic #memberlists ul li a.nick { display:block; color:black; }
1290
1291 #kiwi.theme_basic .userbox { margin:0 1em 5px 1em; padding-bottom:0.7em; font-size:.9em; }
1292 #kiwi.theme_basic .userbox a { display:block; text-decoration:none; margin-bottom:2px; }
1293 #kiwi.theme_basic .userbox a i { font-size:1.1em; margin-right:5px; }
1294
1295
1296 #kiwi.theme_basic #controlbox .input {
1297     background:#fff; margin:3px;
1298     height:1.7em;
1299 }
1300 #kiwi.theme_basic #controlbox .input .nick {
1301     text-align: right;
1302     width: 11em;
1303     left: 0px;
1304     position: absolute;
1305     padding: 2px;
1306     overflow: hidden;
1307 }
1308 #kiwi.theme_basic #controlbox .input .nick:after { content:">"; margin-left:3px; top:2px; }
1309 #kiwi.theme_basic #controlbox .input .nick a { text-decoration:none; color:black; }
1310 #kiwi.theme_basic #controlbox .input .input_wrap {
1311     position:absolute;
1312     right:3px; left:12em;
1313     height:1.7em;
1314 }
1315 #kiwi.theme_basic #controlbox .input .inp {
1316     line-height:1.7em;
1317     border: medium none;
1318     box-shadow: none;
1319     border-radius: 0;
1320     resize:none;
1321     overflow:hidden;
1322     position:relative;
1323     height:100%; width:100%;
1324     display: block;
1325     outline: none;
1326 }
1327
1328
1329 #kiwi.theme_basic #controlbox .nickchange {
1330     padding:10px; left: 0px;
1331     background: #1B1B1B; color:#eeeeee;
1332 }
1333 #kiwi.theme_basic #controlbox .nickchange input { padding:0.3em 0.5em; }
1334 #kiwi.theme_basic #controlbox .nickchange button { padding:0.5em; }
1335
1336
1337
1338 #kiwi.theme_basic #topic {  }
1339 #kiwi.theme_basic #topic div {
1340     top:2; bottom:2px; left:0; width:100%;
1341     padding: 0.2em 1em;
1342     text-align: center;
1343     box-shadow: none;
1344     border-radius: 0;
1345     background-color:#FFF;
1346     height: 1.5em;
1347     overflow: hidden;
1348     outline: none;
1349 }
1350 #kiwi.theme_basic #topic:hover div {
1351     min-height:1.5em;
1352     white-space:pre-wrap; word-wrap:break-word;
1353     overflow:visible;
1354     background-color:#FFF;
1355     z-index: 1;
1356     height:auto; bottom:auto;
1357     border-bottom: 1px dotted #1B1B1B;
1358 }
1359
1360
1361 #kiwi.theme_basic #toolbar .app_tools { padding-left:10px; color:#D4D4D4; }
1362 #kiwi.theme_basic #toolbar .app_tools ul li {
1363     font-size:26px;
1364     -webkit-transition: all .3s ease;
1365     -moz-transition: all .3s ease;
1366     transition: all .3s ease;
1367     margin-left:10px;
1368 }
1369 #kiwi.theme_basic #toolbar .app_tools ul li:hover { color:#88C56A; }
1370 #kiwi.theme_basic #toolbar .app_tools img { }
1371
1372
1373 /* The server select dialog */
1374 #kiwi.theme_basic .server_select { width:320px;  padding:3em 0 2em 0; margin: 0 auto; }
1375 #kiwi.theme_basic .server_select a { text-decoration: none; }
1376 #kiwi.theme_basic .server_select .more { display: none; width:270px; margin:0 auto; }
1377 #kiwi.theme_basic .server_select table tr td { padding:5px; }
1378 #kiwi.theme_basic .server_select button { float:right; padding:3px 7px; }
1379 #kiwi.theme_basic .server_select input { padding:3px 7px; width:150px; }
1380 #kiwi.theme_basic .server_select label { }
1381 #kiwi.theme_basic .server_select br { clear:both; }
1382 #kiwi.theme_basic .server_select .basic input, .server_select .basic button { font-size:1em; padding:0.5em 1em; }
1383 #kiwi.theme_basic .server_select .basic input { width:170px; }
1384 #kiwi.theme_basic .server_select .basic label { font-size:1.3em; margin-top:4px; }
1385 #kiwi.theme_basic .server_select .basic tr.have_pass { font-size:0.8em; }
1386 #kiwi.theme_basic .server_select .basic tr.channel td { padding-top:1em; }
1387 #kiwi.theme_basic .server_select .basic { border-bottom: 1px dashed gray; margin-bottom:1em; }
1388 #kiwi.theme_basic .server_select .basic .show_more { display: block; width:110px; margin:10px 0 0 0; font-size:0.8em; background: url(../img/more.png) no-repeat right 7px; }
1389 #kiwi.theme_basic .server_select.single_server .basic { border:none; }
1390 #kiwi.theme_basic .server_select .status { text-align: center; font-weight: bold; padding:1em; }
1391 #kiwi.theme_basic .server_select .status.ok { }
1392 #kiwi.theme_basic .server_select .status.error {
1393     border:1px solid #A33F3F; background-color:#D28A8A;
1394     padding:0.5em; margin-top:1em; margin-bottom:1em; margin-right:2em;
1395 }
1396
1397
1398 #kiwi.theme_basic .server_select .kiwi_logo { margin-top:30px; text-align:center; display:block; }
1399 #kiwi.theme_basic .server_select .kiwi_logo h1 {
1400     font-size:14px;
1401     line-height:48px; vertical-align: middle;
1402     color: #555555;
1403 }
1404 #kiwi.theme_basic .server_select .kiwi_logo img { display:inline; width:24px; }
1405
1406
1407 #kiwi.theme_basic.chanlist_treeview #panels { left:160px; }
1408 #kiwi.theme_basic.chanlist_treeview #toolbar { position:static; }
1409 #kiwi.theme_basic.chanlist_treeview #toolbar .app_tools { float:none; }
1410 #kiwi.theme_basic.chanlist_treeview #toolbar > div { margin-left:160px; }
1411 #kiwi.theme_basic.chanlist_treeview #toolbar #tabs { position:absolute; left:0px; bottom:0px; top:0px; margin:0; width:160px; background:#1B1B1B; overflow-y:auto; }
1412 #kiwi.theme_basic.chanlist_treeview #tabs ul li { display:block; float:none; }
1413 #kiwi.theme_basic.chanlist_treeview #tabs ul li .activity { float:right; }
1414 #kiwi.theme_basic.chanlist_treeview #tabs ul li.active {
1415     margin-right:0;
1416     border-right-width:0;
1417     border-bottom-right-radius:0;
1418     border-top-right-radius:0;
1419 }
1420
1421
1422 #kiwi.theme_basic .ui_menu .ui_menu_foot .close { float:right; font-size:0.9em; margin-right:1em; color: #999; }
1423 #kiwi.theme_basic .ui_menu .ui_menu_foot .close:hover { color: #222; }