public/main.css

   1 @font-face {
   2     font-family: 'PTMonoRegular';
   3     src: url('fonts/PTM55FT-webfont.eot');
   4     src: url('fonts/PTM55FT-webfont.eot?#iefix') format('embedded-opentype'),
   5          url('fonts/PTM55FT-webfont.woff') format('woff'),
   6          url('fonts/PTM55FT-webfont.ttf') format('truetype'),
   7          url('fonts/PTM55FT-webfont.svg#PTMonoRegular') format('svg');
   8     font-weight: normal;
   9     font-style: normal;
  10
  11 }
  12
  13 @font-face {
  14     font-family: "Menlo";
  15     font-weight: 100;
  16     font-style: normal;
  17     src: url('fonts/Menlo.ttc');
  18 }
  19
  20 body {
  21     margin:0;
  22     padding:0;
  23     overflow: hidden;
  24     background: #FFF8DD url(body-bg2.jpg) no-repeat fixed center 10px;
  25 }
  26
  27 #dock {
  28     position:absolute;
  29     top:0;
  30     left:0;
  31     width:100%;
  32     height:26px;
  33     background:transparent url(dock-bg.gif) repeat-x 0 0;
  34     z-index: 10000;
  35 }
  36 .con_panel {
  37     position:relative;
  38     top:20px;
  39     left:0;
  40     width:100%;
  41     height:26px;
  42     background:transparent url(dock-bg.gif) repeat-x 0 0;
  43     z-index: 10000;
  44 }
  45
  46 .dock_icon:Active, .icon_active {
  47     border-top: 1px solid #222;
  48     border-left: 1px solid #222;
  49     border-right: 1px solid #fff;
  50     border-bottom: 1px solid #fff;
  51    cursor:pointer;
  52     float:left;
  53     width:102px;
  54     height:21px;
  55     margin-top:3px;
  56     text-align:center;
  57     font-size: 14px;
  58     color: #000;
  59     line-height: 22px;
  60     margin-right:10px;
  61     margin-left:10px;
  62 }
  63
  64 .icon_msg {
  65     cursor:pointer;
  66     float:left;
  67     width:102px;
  68     height:21px;
  69     margin-top:3px;
  70     border-top: 1px solid #fff;
  71     border-left: 1px solid #fff;
  72     border-right: 1px solid #222;
  73     border-bottom: 1px solid #222;
  74     text-align:center;
  75     font-size: 14px;
  76     color: #00f;
  77     text-decoration: blink;
  78     line-height: 22px;
  79     margin-right:10px;
  80     margin-left:10px;
  81 }
  82
  83 .icon_waiting {
  84     cursor:pointer;
  85     float:left;
  86     width:102px;
  87     height:21px;
  88     margin-top:3px;
  89     border-top: 1px solid #fff;
  90     border-left: 1px solid #fff;
  91     border-right: 1px solid #222;
  92     border-bottom: 1px solid #222;
  93     text-align:center;
  94     font-size: 14px;
  95     color: #f00;
  96     text-decoration: blink;
  97     line-height: 22px;
  98     margin-right:10px;
  99     margin-left:10px;
 100 }
 101 .dock_icon {
 102     cursor:pointer;
 103     float:left;
 104     width:102px;
 105     height:21px;
 106     margin-top:3px;
 107     border-top: 1px solid #fff;
 108     border-left: 1px solid #fff;
 109     border-right: 1px solid #222;
 110     border-bottom: 1px solid #222;
 111     text-align:center;
 112     font-size: 14px;
 113     color: #000;
 114     line-height: 22px;
 115     margin-right:10px;
 116     margin-left:10px;
 117 }
 118
 119 .draggable_hover {
 120     cursor:w-resize;
 121     position:relative;
 122     top:0px;
 123     left:0px;
 124     width:2px;
 125     height:178px;
 126     background-color:#f00;
 127 /*    border:1px dashed #fff; */
 128     white-space:nowrap;
 129     z-index:100;
 130 }
 131 .draggable {
 132     cursor:w-resize;
 133     position:relative;
 134     top:0px;
 135     left:0px;
 136     width:2px;
 137     height:178px;
 138     background-color:#fff;
 139 /*    border-left:1px solid #fff; */
 140     white-space:nowrap;
 141     z-index:100;
 142 }
 143
 144 .userlist span {
 145     cursor:pointer;
 146     margin-left:4px;
 147 /*    display: inline;
 148     overflow:hidden;
 149 */
 150 }
 151
 152 .userlist .oper {
 153     color:#777;
 154 }
 155
 156 .userlist .owner {
 157     color:#777;
 158 }
 159
 160 .userlist .admin {
 161     color:#0f0;
 162 }
 163
 164 .userlist .op {
 165     color:#f00;
 166 }
 167
 168 .userlist .hop {
 169     color:#ff0;
 170 }
 171
 172 .userlist .voice {
 173     color:#00f;
 174 }
 175
 176 .userlist .user {
 177     color:#000;
 178 }
 179 .dont_select {
 180     -webkit-touch-callout: none;
 181     -webkit-user-select: none;
 182     -khtml-user-select: none;
 183     -moz-user-select: none;
 184     -ms-user-select: none;
 185     user-select: none;
 186 }
 187
 188 .userlist {
 189     position:relative;
 190     left:0px;
 191     right:0px;
 192     padding-left:5px;
 193     overflow-y:auto;
 194     overflow-x:hidden;
 195     vertical-align:top;
 196     color:#000;
 197     width:100%;
 198     height:178px;
 199     background-color:#fff;
 200     font-size:14px;
 201     font-family:PTMonoRegular;
 202     vertical-align:top;
 203 }
 204
 205 #theme {
 206   float:right;
 207   margin-top:3px;
 208   margin-right:15px;
 209 }
 210
 211 .login_label, .login_input, .login_error
 212 {
 213   padding:10px;
 214   color:#000;
 215   text-align:left;
 216   float:left;
 217   width:100px;
 218   font-size:18px;
 219   color:#64355A;
 220 }
 221
 222 .config_label {
 223   padding:5px;
 224   color:#000;
 225   text-align:left;
 226   float:left;
 227   width:160px;
 228   font-size:18px;
 229   color:#64355A;
 230 }
 231 .login_input, .config_input {
 232   vertical-align:bottom;
 233   padding:10px;
 234   color:#000;
 235   text-align:left;
 236   float:left;
 237   width:100px;
 238   font-size:12px;
 239   color:#64355A;
 240   width:200px;
 241 }
 242
 243 .login_error {
 244   width:250px;
 245   color:#F00;
 246 }
 247
 248 .login_input input {
 249   width:100%;
 250 }
 251 #login {
 252   background:#123;
 253 }
 254
 255 #invite {
 256   color:#000;
 257 }
 258
 259 #invite .invitebutton {
 260   padding:3px;
 261   font-size:20px;
 262   width:100px;
 263 }
 264 #invite .ok_button {
 265   color:#080;
 266 }
 267 #invite .cancel_button {
 268   color:#f00;
 269 }
 270
 271 .querytemplate {
 272     overflow:hidden;
 273     display:none;
 274     background-color:#fff;
 275     width:100%;
 276     height:100%;
 277     padding:0px;
 278     margin:0px;
 279 }
 280 .channeltemplate {
 281     overflow:hidden;
 282     display:none;
 283     background-color:#fff;
 284     width:100%;
 285     height:100%;
 286     padding:0px;
 287     margin:0px;
 288 }
 289
 290 .content {
 291     line-height:1.7em;
 292     width:100%;
 293     height:178px;
 294     border:1px solid #000;
 295     overflow-y:auto;
 296     vertical-align:top;
 297     height:178px;
 298     background-color:#000;
 299     font-size:14px;
 300     font-family:PTMonoRegular;
 301 }
 302
 303 .content img {
 304     width:16px;
 305     position:relative;
 306     top:4px;
 307 }
 308
 309 .statusmessage {
 310     display:block;
 311     color:#777;
 312 }
 313 .time {
 314     color:#777;
 315 }
 316
 317 .noticemessage {
 318     display:block;
 319     background-color: #500;
 320     border-top: 1px solid #f00;
 321     border-bottom: 1px solid #f00;
 322     color: #f00;
 323 }
 324
 325 .logmessage {
 326     display:block;
 327     background-color: #333;
 328     border-top:1px solid #aaa;
 329     border-bottom:1px solid #aaa;
 330     color:#aaa;
 331 }
 332
 333 .usermessage {
 334     display:block;
 335     color:#fff;
 336 }
 337
 338 .channelmessage {
 339     display:block;
 340     color:#aaa;
 341 }
 342
 343 .hlmessage {
 344     display:block;
 345     color:#fff;
 346     border-top:1px solid #988C00;
 347     border-bottom:1px solid #988C00;
 348     background-color:#362C00;
 349 }
 350
 351 .statustemplate{
 352     color:#000;
 353     font-size:14px;
 354     font-family:PTMonoRegular;
 355     display:none;
 356     width:100%;
 357     height:100%;
 358     overflow:hidden;
 359 }
 360
 361 .nick {
 362     font-weight:bolder;
 363 }
 364
 365 .userhost0 .nick { color: #ffa500; }
 366 .userhost1 .nick { color: #0080ff; }
 367 .userhost2 .nick { color: #00DF00; }
 368 .userhost3 .nick { color: #ff0080; }
 369 .userhost4 .nick { color: #dd00ff; }
 370 .userhost5 .nick { color: #76E0BD; }
 371 .userhost6 .nick { color: #7F4FFF; }
 372 .userhost7 .nick { color: #8BC100; }
 373 .userhost8 .nick { color: #cc66ff; }
 374 .userhost9 .nick { color: #BB0008; }
 375 .userhost10 .nick { color: #6F42BC; }
 376 .userhost11 .nick { color: #008080; }
 377 .userhost12 .nick { color: #904000; }
 378 .userhost13 .nick { color: #808000; }
 379 .userhost14 .nick { color: #4ABFD1; }
 380 .userhost15 .nick { color: #3333dd; }
 381 .userhost16 .nick { color: #C19C46; }
 382 .userhost17 .nick { color: #0057DA; }
 383 .userhost18 .nick { color: #008000; }
 384 .userhost19 .nick { color: #608040; }
 385 .userhost20 .nick { color: #ff6fcf; }
 386