client/css/default.css

   1 body, html {
   2         height: 100%; margin:0px;
   3         font-size:14px;
   4         line-height:1.4em;
   5 }
   6
   7
   8
   9
  10
  11 /* Style resets */
  12 #kiwi * {
  13         padding:0px; margin:0px;
  14 }
  15 #kiwi ul { list-style:none; }
  16
  17 #kiwi a {
  18         color: #36C; text-decoration:none;
  19         cursor: pointer;
  20 }
  21 #kiwi #login a {
  22         color: #8D9713;
  23         text-decoration:none;
  24 }
  25
  26
  27
  28 /* The main app container */
  29 #kiwi {
  30         overflow:hidden; position:relative;
  31         height:100%;
  32         font-family:Arial, Helvetica, sans-serif; font-size:1em;
  33         background:#EBEBEB;
  34 }
  35 #kiwi .messages { font-family:monospace; }
  36 #kiwi.small_kiwi .userlist { right:-100px; }
  37 #kiwi.small_kiwi .messages { right:10px; }
  38
  39
  40 #kiwi .windowlist, #kiwi .utilityviewlist {
  41         /*height: 65px;*/
  42         background-color:#1B1B1B;
  43         font-size:0.9em;
  44 }
  45 #kiwi .windowlist ul, #kiwi .utilityviewlist ul {
  46         overflow: hidden;
  47         margin-right: 50px;
  48         white-space: nowrap;
  49         display:block;
  50         /*height: 35px;*/
  51 }
  52 #kiwi .windowlist ul li, #kiwi .utilityviewlist ul li {
  53         float: left; list-style: inline;
  54         display:inline; position:relative;
  55         padding:5px; margin:3px;
  56         border: 1px solid #333;
  57         background-color: #eee;
  58
  59         cursor: pointer;
  60
  61         line-height: 1.4em;
  62         vertical-align: middle;
  63
  64         border-radius:5px;
  65         -moz-border-radius:5px;
  66         -webkit-border-radius:5px;
  67         -khtml-border-radius:5px;
  68         behavior: url(border-radius.htc);
  69
  70 background-image: -webkit-gradient(
  71     linear,
  72     left top,
  73     left bottom,
  74     color-stop(0.38, rgb(238,238,238)),
  75     color-stop(0.68, rgb(209,209,209))
  76 );
  77 background-image: -moz-linear-gradient(
  78     center top,
  79     rgb(238,238,238) 38%,
  80     rgb(209,209,209) 68%
  81 );
  82 }
  83 #kiwi .windowlist .active, #kiwi .utilityviewlist .active { padding-right:23px; }
  84 #kiwi .windowlist .highlight, #kiwi .utilityviewlist .highlight {
  85         background: #990000;
  86         font-weight: bold;
  87 }
  88 #kiwi .windowlist .activity, #kiwi .utilityviewlist .activity { font-weight: bold; background: #009900; }
  89
  90 #kiwi .windowlist ul li img, #kiwi .utilityviewlist ul li img { width:1em; height:1em; top:7px; right:5px; position:absolute; }
  91 #kiwi .windowlist ul li img.icon, #kiwi .utilityviewlist ul li img.icon { left:5px; top:2px; height:auto; width:auto;}
  92 /*#kiwi .windowlist ul li a {
  93         margin:3px;
  94         border: 1px solid #333;
  95         background-color: #eee;
  96         display: inline;
  97 }*/
  98
  99 #kiwi .poweredby { float:right; margin:8px 15px; cursor:pointer; color:#EBEBEB; font-family: arial;}
 100 #kiwi .poweredby img { height:1.5em; float:right; margin-left:7px; }
 101
 102
 103 #kiwi .userlist {
 104         position: absolute;
 105         width: 100px;
 106         top:92px; right:0px;
 107         bottom: 55px;
 108         overflow-y:auto; overflow-x:hidden;
 109 }
 110 #kiwi .userlist ul { display: none; margin:5px; }
 111 #kiwi .userlist ul.active { display:block; }
 112 #kiwi .userlist ul li { padding:1px 2px; cursor:pointer; }
 113 #kiwi .userlist ul li:hover { background-color:#FAF7D3; }
 114 #kiwi .userlist ul li a.nick { display:block; color:black; }
 115
 116 #kiwi .userlist ul li .userbox { margin:0px 5px 5px 5px; font-size:.9em; }
 117 #kiwi .userlist ul li .userbox a { display:block; text-decoration:none; border-bottom: 1px dashed #aaa; }
 118
 119 #nicklist_resize {
 120         position:absolute; cursor:w-resize; width:5px;
 121         background: url(/img/scroll_handle.png) no-repeat;
 122         background-position: center;
 123 }
 124
 125 #kiwi .cur_topic {
 126         font-family:Verdana, Geneva, sans-serif;
 127         font-size:.85em;
 128         line-height:18px; vertical-align:middle;
 129         /*height:18px;*/
 130         text-align:center;
 131         /*white-space: nowrap;*/ overflow: hidden;
 132         padding: 3px 5px;
 133         border-bottom:3px solid #1B1B1B;
 134
 135 }
 136
 137
 138 #kiwi_menu {
 139         display:none;
 140         position:absolute;
 141         right:0px;
 142         background: gray;
 143         border: 1px solid dark-gray;
 144 }
 145 .cur_topic .edit:hover #kiwi_menu { display:inline; }
 146
 147
 148
 149 #kiwi .windows {
 150         position: absolute;
 151         top:92px; left:0px;
 152         right: 110px; bottom:30px;
 153         outline: none;
 154 }
 155 #kiwi .panel { overflow-y:scroll; height:100%; }
 156 #panel1 { float:left; width:100%;}
 157 #panel2 { float:right; width:0%; }
 158 #kiwi .messages {
 159         overflow-x:wrap;
 160         border:none;
 161         display: none;
 162         height: 100%;
 163 }
 164 #kiwi .messages a {
 165         text-decoration:none;
 166 }
 167 #kiwi .messages.active { display:block; }
 168
 169 #kiwi .messages .msg { border-bottom: 1px solid #CCC; padding:1px; font-size:0.9em; }
 170 #kiwi .messages .msg .time { width:6em; float:left; color:#777; }
 171 #kiwi .messages .msg .nick { width:7em; text-align:right; float:left; font-family:arial; font-size:12px; }
 172 #kiwi .messages .msg .text { margin-left:15em; white-space:pre-wrap; word-wrap:break-word;  }
 173
 174 #kiwi .messages .msg.action .nick { display:none; }
 175 #kiwi .messages .msg.action .text { margin-left:9em; }
 176 #kiwi .messages .msg.status .nick { display:none; }
 177 #kiwi .messages .msg.status .text { color:#990000; margin-left:9em; font-weight:bold; }
 178 #kiwi .messages .msg.topic .nick { display:none; }
 179 #kiwi .messages .msg.topic .text { color:#009900; margin-left:9em; font-style: italic; }
 180 /*#kiwi .messages .msg.motd .nick { display:none; }*/
 181 #kiwi .messages .msg.motd { border:none; }
 182 #kiwi .messages .msg.motd .text { color:#666; }
 183 #kiwi .messages .msg.whois .nick { font-weight:normal; }
 184 #kiwi .messages .msg.whois .text { margin-left:18em; padding-left:1em; border-left:1px dashed #999; }
 185 #kiwi .messages .msg.error .text {
 186         border:1px solid #A33F3F; background-color:#D28A8A;
 187         padding:0.5em; margin-top:1em; margin-bottom:1em; margin-right:2em;
 188 }
 189
 190
 191 /*
 192  * Link tooltips
 193  */
 194 #kiwi .messages a { position: relative; }
 195 #kiwi .messages a .tt {
 196         position: absolute; display:none;
 197         padding: 1em 1.5em;
 198         /*background-image: -webkit-gradient(
 199             linear,
 200             left bottom,
 201             left top,
 202             color-stop(0.04, rgb(164,200,126)),
 203             color-stop(0.52, rgb(197,240,164))
 204         );
 205         background-image: -moz-linear-gradient(
 206             center bottom,
 207             rgb(164,200,126) 4%,
 208             rgb(197,240,164) 52%
 209         );
 210         border: 1px solid #444;
 211         border-radius:5px;
 212         -moz-border-radius:5px;
 213         -webkit-border-radius:5px;*/
 214         font-size: 0.9em;
 215 }
 216 #kiwi .messages a:hover .tt { display:inline; cursor:default; }
 217 #kiwi .messages a:hover .tt a { cursor:pointer; color:inherit; }
 218 #kiwi .messages a:active .tt a { color:inherit; }
 219
 220 #kiwi .messages a.link_img { border: 1px solid gray; }
 221
 222
 223
 224
 225 #kiwi .control {
 226         position: absolute;
 227         bottom:0px; left: 0px;
 228         /*height:55px;*/
 229         /*padding: 3px;*/
 230         width: 100%;
 231         background-color:#1B1B1B;
 232 }
 233 #kiwi .control .msginput {
 234         background-color:#fff; margin:3px;
 235         position:relative; height:1.7em;
 236
 237         border-radius:5px;
 238         -moz-border-radius:5px;
 239         -webkit-border-radius:5px;
 240         -khtml-border-radius:5px;
 241         behavior: url(border-radius.htc);
 242 }
 243 #kiwi .control .nick { text-align: right; width:11em; position:absolute; padding:2px; }
 244 #kiwi .control .nick a { text-decoration:none; }
 245 #kiwi .control #kiwi_msginput_wrapper {
 246         border:none;
 247         position:absolute;
 248     right:5px;
 249     left: 12.2em;
 250         /*padding: 2px 0px;*/
 251     height:1.7em;
 252         outline:none;
 253 }
 254 #kiwi .control input {
 255     width: 100%;
 256     height: 100%;
 257     position: relative;
 258     border: medium none;
 259 }
 260 #kiwi .control .plugins { margin:3px; margin-top:7px; }
 261 #kiwi .control .plugins ul li {
 262         display:inline; font-size:0.8em; margin-left:1em;
 263 }