styles/1/pageMinichat.css

   1 #page.minichat {
   2         padding: 0px;
   3 }
   4
   5 #page.minichat img {
   6    line-height: normal;
   7         vertical-align: middle;
   8 }
   9
  10 /***** La boite de sélection des smiles *****/
  11 #smiles {
  12         text-align: center;
  13         border: 1px solid;
  14         border-color: #ffffff;
  15         background-color: #f6dfc2;
  16         margin-bottom: 10px;
  17         padding: 1px;
  18         width: 140px;
  19         position: absolute;
  20         display: none
  21 }
  22 #smiles img {
  23         margin: 1px;
  24         cursor: pointer;
  25         opacity: 0.5;
  26 }
  27
  28 /***** La boite permettant de slaper/kicker/bannir une personne *****/
  29 #outilsBan {
  30         border-width: 1px 1px 1px 1px;
  31         border-color: #ffffff;
  32         border-style: dotted;
  33         padding: 2px;
  34         position: absolute;
  35         display: none;
  36 }
  37 #outilsBan img,
  38 #outilsBan form {
  39         float: right;
  40         cursor: pointer
  41 }
  42 #outilsBan p {
  43         font-size: 2px;
  44 }
  45 #outilsBan input {
  46         font-size: 9px;
  47         margin-top: 1px;
  48         margin-left: 1px
  49 }
  50
  51 /***** Le troll courant affiché en haut de la page *****/
  52 #page.minichat #trollCourant {
  53         color: #FFFFFF;
  54         position: absolute;
  55         z-index: 20;
  56         left: 140px;
  57         top: 77px;
  58         line-height: 32px;
  59 }
  60 #page.minichat #trollCourant .troll {
  61         cursor: pointer;
  62         font-style: italic
  63 }
  64
  65 /***** Le formulaire pour poster un message *****/
  66 #page.minichat form#posterMessage {
  67         background-color: #e19671;
  68         padding-left: 10px;
  69 }
  70
  71 #page.minichat.orderReverse form#posterMessage {
  72         padding-bottom: 10px;
  73 }
  74
  75 #page.minichat.orderChrono form#posterMessage {
  76         padding-top: 10px;
  77 }
  78
  79 #page.minichat form#posterMessage p {
  80    margin: 0px;
  81    padding: 0px;
  82 }
  83 #page.minichat form#posterMessage .pseudo {
  84    margin-right: 5px;
  85    width: 12%
  86 }
  87 #page.minichat form#posterMessage input.message {
  88    margin-right: 5px;
  89    width: 75%
  90 }
  91 #page.minichat form#posterMessage .return {
  92         height: 16px;
  93         width: 32px;
  94         background-image: url(img/return.png);
  95         background-repeat: no-repeat;
  96         background-position: 5px 2px;
  97         vertical-align: top;
  98         margin-right: 5px;
  99 }
 100 #page.minichat form#posterMessage .smiles {
 101         height: 16px;
 102         width: 16px;
 103         background-image: url(../../img/bouton_smiles.png);
 104         background-repeat: no-repeat;
 105         background-position: 2px 2px;
 106         vertical-align: top;
 107         margin-right: 5px;
 108 }
 109 #page.minichat form#posterMessage #repondA {
 110         background-color: #f0df95;
 111         border: #841919 1px solid;
 112    margin-right: 5px;
 113    padding-right: 2px;
 114    padding-left: 2px;
 115    cursor: pointer;
 116    display: none;
 117 }
 118 #page.minichat form#posterMessage #repondA .messages {
 119    position: absolute;
 120         border: #841919 1px solid;
 121    width: 50%;
 122    display:none;
 123 }
 124 #page.minichat form#posterMessage #repondA .messages div.message:hover .outilsMess {
 125    display: none
 126 }
 127
 128 /***** Les conversations *****/
 129 /* voir pour l'astuce css "float left" des conversations : http://www.quirksmode.org/css/clearing.html */
 130 #page.minichat #conversations {
 131         overflow: hidden;
 132         width: 100%;
 133    border-spacing: 0px;
 134    background-color:#E19671;
 135 }
 136 #page.minichat.orderChrono #conversations td
 137 {
 138     vertical-align: bottom
 139 }
 140 #page.minichat.orderReverse  #conversations td
 141 {
 142     vertical-align: top
 143 }
 144 #page.minichat.orderChrono #conversations .titre {
 145    border-bottom: 1px dashed white
 146 }
 147 #page.minichat.orderReverse #conversations .titre {
 148    border-top: 1px dashed white
 149 }
 150 #page.minichat #conversations .titre .nav {
 151         text-align: center;
 152         padding-right: 8px;
 153         background-color: #e19671;
 154         color: #ffffff;
 155 }
 156
 157 #page.minichat #conversations .titre .nav .reduire {
 158         margin-top: 1px;
 159         margin-left: 5px;
 160         float: right;
 161         width: 13px;
 162         height: 13px;
 163         background-image: url(img/reduire_conv.png);
 164         cursor: pointer;
 165 }
 166 #page.minichat #conversations .titre .nav .reduire:hover {
 167         background-image: url(img/reduire_conv_hover.png);
 168 }
 169
 170 #page.minichat #conversations .fermer {
 171    background-image: url(img/fermer_conv.png);
 172 }
 173
 174 #page.minichat #conversations .titre .nav .fermer {
 175         margin-top: 1px;
 176         margin-left: 5px;
 177         float: right;
 178         width: 13px;
 179         height: 13px;
 180         background-image: url(img/fermer_conv.png);
 181         cursor: pointer;
 182 }
 183 #page.minichat #conversations .titre .nav .fermer:hover {
 184         background-image: url(img/fermer_conv_hover.png);
 185 }
 186 #page.minichat #conversations .titre .nav .lien {
 187         margin-top: 1px;
 188         margin-left: 5px;
 189         float: right;
 190         width: 13px;
 191         height: 13px;
 192         background-image: url(img/copier_conv.png);
 193         cursor: pointer;
 194 }
 195 #page.minichat #conversations .titre .nav .lien:hover {
 196         background-image: url(img/copier_conv_hover.png);
 197 }
 198 #page.minichat #conversations .titre .nav .next,
 199 #page.minichat #conversations .titre .nav .prev {
 200         display: none;
 201 }
 202 #page.minichat #conversations .titre .nav .next,
 203 #page.minichat #conversations .titre .nav .prev,
 204 #page.minichat #conversations .titre .nav .numPage {
 205         background-color: #841919;
 206         cursor: pointer;
 207         padding-right: 5px;
 208         padding-left: 5px;
 209 }
 210 #page.minichat #conversations .titre .nav .next:hover,
 211 #page.minichat #conversations .titre .nav .prev:hover,
 212 #page.minichat #conversations .titre .nav .numPage:hover {
 213         background-color: #cb2626
 214 }
 215
 216 /***** Les messages *****/
 217 #page.minichat div.message {
 218         padding-right: 5px;
 219         cursor: pointer;
 220         min-height: 18px;
 221         line-height: 18px;
 222 }
 223 #page.minichat div.messageImpair {
 224    background-color: #fbeede;
 225 }
 226 #page.minichat div.messagePair {
 227    background-color: #f6dfc2;
 228 }
 229 #page.minichat div.cache {
 230         opacity: 0.3;
 231
 232         /* Hack IE 7 */
 233         filter: alpha(opacity = 30);
 234         zoom: 1
 235 }
 236 #page.minichat div.message.reponse .entete {
 237         background-color: #846c19
 238 }
 239 #page.minichat div.message.reponse .delimitationEntete,
 240 #page.minichat div.message.reponse .repondA {
 241         background-image: url(img/fleche_reponse.png);
 242 }
 243 #page.minichat div.message.repondu .entete {
 244         background-color: #84196c
 245 }
 246 #page.minichat div.message.repondu .delimitationEntete,
 247 #page.minichat div.message.repondu .repondA {
 248         background-image: url(img/fleche_repondu.png);
 249 }
 250 #page.minichat div.message.proprietaire .entete {
 251         background-color: #350a0a
 252 }
 253 #page.minichat div.message.proprietaire .delimitationEntete,
 254 #page.minichat div.message.proprietaire .repondA {
 255         background-image: url(img/fleche_proprietaire.png);
 256 }
 257 #page.minichat div.message.repondEnEvidence {
 258         background-color: #fce476 !important
 259 }
 260 #page.minichat div.message.systeme {
 261         background-color: #f0df95
 262 }
 263 #page.minichat div.message a {
 264         font-weight: bold;
 265 }
 266 #page.minichat div.message .lienConv {
 267         color: #c62929;
 268         font-weight: bold;
 269         cursor: pointer
 270 }
 271 #page.minichat div.message .lienConv:hover {
 272         color: #e84747
 273 }
 274 #page.minichat .entete {
 275         z-index: 20;
 276         background-color: #841919;
 277         color: #f6dfc2;
 278         display: block;
 279         float: left;
 280         height: 18px;
 281 }
 282 #page.minichat .delimitationEntete {
 283         z-index: 20;
 284         height: 18px;
 285         width: 7px;
 286         background-image: url(img/fleche.png);
 287         display: block;
 288         float: left;
 289 }
 290 #page.minichat .date {
 291    margin-right: 3px;
 292    margin-left: 3px;
 293 }
 294 #page.minichat div.message .pseudo,
 295 /* FIXME : entre en conflit avec une règle précédente */
 296 #page.minichat form .pseudo {
 297    margin-left: 4px;
 298    margin-right: 2px;
 299    font-weight: bold;
 300 }
 301 #page.minichat div.message.ekMasterlight .pseudo {
 302         color: #f0df95
 303 }
 304 #page.minichat div.message.ekMasterheavy .pseudo {
 305    color: #fcd82f;
 306    padding-right: 15px;
 307    background: transparent url(img/marque_ek.png) no-repeat scroll right center
 308 }
 309
 310 #page.minichat div.message .pseudo .login {
 311    margin-left: 2px;
 312    font-size: 8px;
 313 }
 314 #page.minichat .repondA {
 315         z-index: 5;
 316         height: 18px;
 317         margin-left: -7px;
 318         padding-left: 9px;
 319         float: left;
 320         background-color: #cb2626;
 321         color: #ffffff;
 322         display: block;
 323         background-image: url(img/fleche.png);
 324         background-repeat: no-repeat;
 325 }
 326 #page.minichat .delimitationRepondA {
 327         z-index: 20;
 328         height: 18px;
 329         width: 7px;
 330         background-image: url(img/fleche_reponda.png);
 331         display: block;
 332         float: left;
 333 }
 334 #page.minichat .contenu {
 335         margin-left: 5px;
 336 }
 337 #page.minichat .outilsMess {
 338    position: absolute;
 339         display: none;
 340 }
 341 #page.minichat .extraire {
 342         float: right;
 343         width: 13px;
 344         height: 13px;
 345         background-image: url(img/extraction.png);
 346         margin-top: 2px;
 347 }
 348 #page.minichat .extraire:hover {
 349         background-image: url(img/extraction_hover.png);
 350 }
 351 #page.minichat .extraireCompletement {
 352         float: right;
 353         width: 13px;
 354         height: 13px;
 355         background-image: url(img/extraction_complete.png);
 356         margin-top: 2px;
 357    margin-right: 2px;
 358 }
 359 #page.minichat .extraireCompletement:hover {
 360         background-image: url(img/extraction_complete_hover.png);
 361 }