css/1/pageMinichat.css

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