[Sommaire] [Imprimer]

   1  /*
   2      Copyright 2005 Rolando Gonzalez (rolosworld@gmail.com)
   3  
   4      This program is free software; you can redistribute it and/or modify
   5      it under the terms of the GNU General Public License as published by
   6      the Free Software Foundation; either version 2 of the License, or
   7      (at your option) any later version.
   8      
   9      This program is distributed in the hope that it will be useful,
  10      but WITHOUT ANY WARRANTY; without even the implied warranty of
  11      MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  12      GNU General Public License for more details.
  13      
  14      You should have received a copy of the GNU General Public License
  15      along with this program; if not, write to the Free Software
  16      Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA  02110-1301  USA
  17  */
  18  
  19  /*
  20      table.chat  // don't set width or height
  21      thead.chat
  22      tfoot.chat
  23      tbody.chat
  24      tr.chathea
  25      tr.chatfoot
  26      tr.chatbody
  27      td.chathead
  28      td.chathead1
  29      td.chathead2
  30      td.chatfoot
  31      td.chatfoot1
  32      td.chatfoot2
  33      td.chatbody
  34      td.chatbody1 // don't set width or height
  35      td.chatbody2
  36  
  37      td.chatbox  // don't set width or height or overflow
  38      td.chaticon
  39      td.chattopic
  40      td.chathide
  41      td.chatclose
  42  
  43      div.cumsg
  44      div.csmsg
  45      span.cunick
  46  */
  47  *{
  48    font-family: Verdana, Arial, Helvetica, sans-serif;
  49    font-size: 8pt;
  50  }
  51  
  52  table.chat,table.pchat{
  53    empty-cells:show;
  54  }
  55  table.chat{
  56    position:absolute;
  57  }
  58  thead.chat{
  59    cursor:move;
  60  }
  61  td.chathead,td.chathead2,td.pchathead,td.pchathead2{
  62    width:5px;
  63    height:38px;
  64    padding:0px 5px 0px 0px;
  65  }
  66  td.chathead1,td.pchathead1{
  67    background-image:url(imgs/box_T.gif);
  68    width:100%;
  69  }
  70  td.chathead,td.pchathead{
  71    background-image:url(imgs/box_TL.gif);
  72  }
  73  td.chathead2,td.pchathead2{
  74    background-image:url(imgs/box_TR.gif);
  75  }
  76  
  77  td.chaticon{
  78    background-image:url(imgs/2tbarPrivateChat.gif);
  79  }
  80  td.chattopic{ 
  81    background-image:url(imgs/2tbarPublicChat.gif);
  82    background-repeat:no-repeat;
  83    background-position:center left;
  84    padding:0px 10px 0px 30px;
  85    width:100%;
  86  }
  87  
  88  td.chattopic1{ 
  89    padding:0px 10px 0px 5px;
  90    width:100%;
  91    text-align:left;
  92  }
  93  span.chatTopicNick{ font-weight:900; }
  94  td.chathide,td.chatclose{
  95    cursor:pointer;
  96  }
  97  td.chathide{
  98    background-image:url(imgs/btn_hide.gif);
  99  }
 100  td.chatclose{
 101    background-image:url(imgs/btn_close.gif);
 102  }
 103  td.chaticon,td.chathide,td.chatclose{
 104    height:36px;
 105    width:36px;
 106    padding:31px 31px 5px 0px;
 107    background-repeat:no-repeat;
 108    background-position:center center;
 109  }
 110  
 111  td.chatbody,td.chatbody2,td.pchatbody,td.pchatbody2{
 112    width:5px;
 113    padding:0px 5px 0px 0px;
 114  }
 115  td.chatbody,td.pchatbody{
 116    background-image:url(imgs/box_ML.gif);
 117  }
 118  td.chatbody1,td.pchatbody1{
 119    background-image:url(imgs/box_M.gif);
 120    padding:5px 5px 5px 5px;
 121    vertical-align:top;
 122  }
 123  td.chatbody2,td.pchatbody2{
 124    background-image:url(imgs/box_MR.gif);
 125  }
 126  
 127  td.chatfoot,td.chatfoot2,td.pchatfoot,td.pchatfoot2{
 128    width:5px;
 129    height:60px;
 130    padding:60px 5px 0px 0px;
 131  }
 132  td.chatfoot1,td.pchatfoot1{
 133    background-image:url(imgs/bx_B.gif);
 134  }
 135  td.chatfoot,td.pchatfoot{
 136    background-image:url(imgs/box_BL.gif);
 137  }
 138  td.chatfoot2,td.pchatfoot2{
 139    background-image:url(imgs/box_BR.gif);
 140  }
 141  
 142  
 143  
 144  div.chatbox{
 145    background-color: #FFFFFF;
 146    border: 1px solid #938F86;
 147    color:#000000;
 148    vertical-align:top;
 149  }
 150  
 151  /* UList */
 152  span.cunick{
 153    color:green;
 154  }
 155  div.cumsg,div.csmsg{
 156    color:#0000ff;
 157    margin:2px 2px 4px 2px;
 158  }
 159  div.csmsg{
 160    color:#FF0000;
 161  }
 162  
 163  a.chat{
 164    background-image:url(imgs/user_icon.gif);
 165    background-position:center left;
 166    background-repeat:no-repeat;
 167    color:#000000;
 168    text-decoration:none;
 169    display:block;
 170    width:100px;
 171    height:20px;
 172    background-color:#FFFFFF; 
 173    padding:10px 5px 5px 30px;
 174    vertical-align:middle;
 175  }
 176  a.chat:hover{
 177    background-color:#DFD9CD;
 178  }
 179  
 180  span{
 181      padding:0px;
 182      margin:0px;
 183  }
 184  
 185  /* input */
 186  form.cinput{
 187    display:inline;
 188  }
 189  input.cinput{
 190    background-color: #FFFFFF;
 191    border: 1px solid #938F86;
 192    width: 100%;
 193    height:20px;
 194    font-size:12px;
 195    padding:2px 2px 2px 2px;
 196    font-weight:bold;
 197    color:#333333;
 198  }
 199  table.cinput{
 200    width:100%;
 201  }
 202  tr.cinput{
 203  
 204  }
 205  td.cinput{
 206    width:100%;
 207  }
 208  td.ckeyb{
 209    width:32px;
 210    height:29px;
 211    padding:29px 32px 5px 5px;
 212    background-repeat:no-repeat;
 213    background-position:center center;
 214  }
 215  td.csubmit{
 216    cursor:pointer;
 217    background-image:url(imgs/btn_send.gif);
 218    width:63px;
 219    height:32px;
 220    padding:32px 63px 5px 5px;
 221    background-repeat:no-repeat;
 222    background-position:center center;
 223  }
 224  
 225  
 226  span.sysb{font-weight:900;}
 227  .chatuserlist{
 228      font-size:14px;
 229      text-align:left;
 230      color:white;
 231      background-color:#898475;
 232  }