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 .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
 104 /***** Les conversations *****/
 105 /* voir pour l'astuce css "float left" des conversations : http://www.quirksmode.org/css/clearing.html */
 106 #page.minichat #conversations {
 107         overflow: hidden;
 108         width: 100%
 109 }
 110 #page.minichat #conversations .conversation {
 111         border-width: 0px;
 112         border-style: solid;
 113         border-color: white;
 114         float: left;
 115         width: 100%;
 116 }
 117 #page.minichat #conversations div.messageImpair {
 118    background-color: #fbeede;
 119 }
 120 #page.minichat #conversations div.messagePair {
 121    background-color: #f6dfc2;
 122 }
 123 #page.minichat #conversations div.cache {
 124         opacity: 0.3;
 125
 126         /* Hack IE 7 */
 127         filter: alpha(opacity = 30);
 128         zoom: 1
 129 }
 130 #page.minichat #conversations .titre {
 131         text-align: center;
 132         padding-right: 8px;
 133         background-color: #e19671;
 134         color: #ffffff;
 135 }
 136 #page.minichat #conversations .titre .fermer {
 137         margin-top: 1px;
 138         margin-left: 5px;
 139         float: right;
 140         width: 13px;
 141         height: 13px;
 142         background-image: url(../../img/css1/fermer_conv.png);
 143         cursor: pointer;
 144 }
 145 #page.minichat #conversations .titre .fermer:hover {
 146         background-image: url(../../img/css1/fermer_conv_hover.png);
 147 }
 148 #page.minichat #conversations .titre .lien {
 149         margin-top: 1px;
 150         float: right;
 151         width: 13px;
 152         height: 13px;
 153         background-image: url(../../img/css1/copier_conv.png);
 154         cursor: pointer;
 155 }
 156 #page.minichat #conversations .titre .lien:hover {
 157         background-image: url(../../img/css1/copier_conv_hover.png);
 158 }
 159 #page.minichat #conversations .titre .next,
 160 #page.minichat #conversations .titre .prev {
 161         display: none;
 162 }
 163 #page.minichat #conversations .titre .next,
 164 #page.minichat #conversations .titre .prev,
 165 #page.minichat #conversations .titre .numPage {
 166         background-color: #841919;
 167         cursor: pointer;
 168         padding-right: 5px;
 169         padding-left: 5px;
 170 }
 171 #page.minichat #conversations .titre .next:hover,
 172 #page.minichat #conversations .titre .prev:hover,
 173 #page.minichat #conversations .titre .numPage:hover {
 174         background-color: #cb2626
 175 }
 176
 177 /***** Les messages *****/
 178 #page.minichat #conversations div.message {
 179         padding-right: 5px;
 180         cursor: pointer;
 181         min-height: 18px;
 182         line-height: 18px;
 183 }
 184 #page.minichat #conversations div.message.reponse .entete {
 185         background-color: #bf2911
 186 }
 187 #page.minichat #conversations div.message.reponse .delimitationEntete,
 188 #page.minichat #conversations div.message.reponse .repondA {
 189         background-image: url(../../img/css1/fleche_reponse.png);
 190 }
 191 #page.minichat #conversations div.message.repondu .entete {
 192         background-color: #84196c
 193 }
 194 #page.minichat #conversations div.message.repondu .delimitationEntete,
 195 #page.minichat #conversations div.message.repondu .repondA {
 196         background-image: url(../../img/css1/fleche_repondu.png);
 197 }
 198 #page.minichat #conversations div.message.proprietaire .entete {
 199         background-color: #31732f
 200 }
 201 #page.minichat #conversations div.message.proprietaire .delimitationEntete,
 202 #page.minichat #conversations div.message.proprietaire .repondA {
 203         background-image: url(../../img/css1/fleche_proprietaire.png);
 204 }
 205 #page.minichat #conversations div.message.repondEnEvidence {
 206         background-color: #fce476
 207 }
 208 #page.minichat #conversations div.message.systeme {
 209         background-color: #f0df95
 210 }
 211 #page.minichat div.message a {
 212         font-weight: bold;
 213 }
 214 #page.minichat div.message .lienConv {
 215         color: #c62929;
 216         font-weight: bold;
 217         cursor: pointer
 218 }
 219 #page.minichat div.message .lienConv:hover {
 220         color: #e84747
 221 }
 222 #page.minichat .entete {
 223         z-index: 20;
 224         background-color: #841919;
 225         color: #f6dfc2;
 226         display: block;
 227         float: left;
 228         height: 18px;
 229 }
 230 #page.minichat .delimitationEntete {
 231         z-index: 20;
 232         height: 18px;
 233         width: 7px;
 234         background-image: url(../../img/css1/fleche.png);
 235         display: block;
 236         float: left;
 237 }
 238 #page.minichat .date {
 239    margin-right: 3px;
 240    margin-left: 3px;
 241 }
 242 #page.minichat div.message .pseudo,
 243 /* FIXME : entre en conflit avec une règle précédente */
 244 #page.minichat form .pseudo {
 245    margin-left: 4px;
 246    margin-right: 2px;
 247    font-weight: bold;
 248 }
 249 #page.minichat div.message.ekMaster .pseudo {
 250         color: #f0df95
 251 }
 252 #page.minichat div.message .pseudo .login {
 253    margin-left: 2px;
 254    font-size: 8px;
 255 }
 256 #page.minichat #conversations .repondA {
 257         z-index: 5;
 258         height: 18px;
 259         margin-left: -7px;
 260         padding-left: 9px;
 261         float: left;
 262         background-color: #cb2626;
 263         color: #ffffff;
 264         display: block;
 265         background-image: url(../../img/css1/fleche.png);
 266         background-repeat: no-repeat;
 267 }
 268 #page.minichat #conversations .delimitationRepondA {
 269         z-index: 20;
 270         height: 18px;
 271         width: 7px;
 272         background-image: url(../../img/css1/fleche_reponda.png);
 273         display: block;
 274         float: left;
 275 }
 276 #page.minichat #conversations .contenu {
 277         margin-left: 5px;
 278 }
 279 #page.minichat #conversations .outilsMess {
 280         float: right;
 281         display: none;
 282 }
 283 #page.minichat #conversations div.message:hover .outilsMess {
 284         display: block
 285 }
 286 #page.minichat #conversations .extraire {
 287         float: right;
 288         width: 13px;
 289         height: 13px;
 290         background-image: url(../../img/css1/extraction.png);
 291         margin-top: 2px
 292 }
 293 #page.minichat #conversations .extraire:hover {
 294         background-image: url(../../img/css1/extraction_hover.png);
 295 }
 296 #page.minichat #conversations .extraireCompletement {
 297         float: right;
 298         width: 13px;
 299         height: 13px;
 300         background-image: url(../../img/css1/extraction.png);
 301         margin-top: 2px
 302 }
 303 #page.minichat #conversations .extraireCompletement:hover {
 304         background-image: url(../../img/css1/extraction_hover.png);
 305 }