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: bottom;
  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: solid;
  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
  68 #page.minichat .titreSmiles:hover {
  69         background-color: #2d8800;
  70 }
  71
  72 /***** Le formulaire pour poster un message *****/
  73 #page.minichat form {
  74         background-color: #e19671;
  75         padding-left: 10px;
  76         padding-bottom: 10px;
  77 }
  78 #page.minichat form p {
  79    margin: 0px;
  80    padding: 0px;
  81 }
  82 #page.minichat form .pseudo {
  83    margin-right: 5px;
  84    width: 12%
  85 }
  86 #page.minichat form .message {
  87    margin-right: 5px;
  88    width: 75%
  89 }
  90 #page.minichat form .return {
  91         height: 16px;
  92         width: 32px;
  93         background-image: url(../../img/css1/return.png);
  94         background-repeat: no-repeat;
  95         background-position: 5px 2px;
  96         vertical-align: top;
  97         margin-right: 5px;
  98 }
  99 #page.minichat form .smiles {
 100         height: 16px;
 101         width: 16px;
 102         background-image: url(../../img/css2/bouton_smiles.png);
 103         background-repeat: no-repeat;
 104         background-position: 2px 2px;
 105         vertical-align: top;
 106         margin-right: 5px;
 107 }
 108
 109 /***** Les conversations *****/
 110 /* voir pour l'astuce css "float left" des conversations : http://www.quirksmode.org/css/clearing.html */
 111 #page.minichat #conversations {
 112         overflow: hidden;
 113         width: 100%
 114 }
 115 #page.minichat #conversations .conversation {
 116         border-width: 0px;
 117         border-style: solid;
 118         border-color: white;
 119         float: left;
 120         width: 100%;
 121 }
 122 #page.minichat #conversations div.message {
 123         border-left-width: 5px;
 124         border-left-style: solid;
 125         border-color: transparent;
 126         padding-right: 5px;
 127         cursor: pointer;
 128         min-height: 18px;
 129         line-height: 18px;
 130 }
 131 #page.minichat #conversations div.messageImpair {
 132    background-color: #fbeede;
 133 }
 134 #page.minichat #conversations div.messagePair {
 135    background-color: #f6dfc2;
 136 }
 137 #page.minichat #conversations div.cache {
 138         opacity: 0.3;
 139
 140         /* Hack IE 7 */
 141         filter: alpha(opacity = 30);
 142         zoom: 1
 143 }
 144 #page.minichat #conversations div.reponse {
 145         border-color: #bd7a11
 146 }
 147 #page.minichat #conversations div.repondu {
 148         border-color: #b711bd
 149 }
 150 #page.minichat #conversations div.proprietaire {
 151         border-color: #bd1129
 152 }
 153 #page.minichat #conversations div.systeme {
 154         background-color: #f0df95
 155 }
 156 #page.minichat #conversations .titre {
 157         text-align: center;
 158         padding-right: 8px;
 159         background-color: #e19671;
 160         color: #ffffff;
 161 }
 162 #page.minichat #conversations .titre .fermer {
 163         margin-top: 1px;
 164         margin-left: 5px;
 165         float: right;
 166         width: 13px;
 167         height: 13px;
 168         background-image: url(../../img/css1/fermer_conv.png);
 169         cursor: pointer;
 170 }
 171 #page.minichat #conversations .titre .fermer:hover {
 172         background-image: url(../../img/css1/fermer_conv_hover.png);
 173 }
 174 #page.minichat #conversations .titre .lien {
 175         margin-top: 1px;
 176         float: right;
 177         width: 13px;
 178         height: 13px;
 179         background-image: url(../../img/css1/copier_conv.png);
 180         cursor: pointer;
 181 }
 182 #page.minichat #conversations .titre .lien:hover {
 183         background-image: url(../../img/css1/copier_conv_hover.png);
 184 }
 185 #page.minichat #conversations .titre .next,
 186 #page.minichat #conversations .titre .prev {
 187         display: none;
 188 }
 189 #page.minichat #conversations .titre .next,
 190 #page.minichat #conversations .titre .prev,
 191 #page.minichat #conversations .titre .numPage {
 192         background-color: #841919;
 193         cursor: pointer;
 194         padding-right: 5px;
 195         padding-left: 5px;
 196 }
 197 #page.minichat #conversations .titre .next:hover,
 198 #page.minichat #conversations .titre .prev:hover,
 199 #page.minichat #conversations .titre .numPage:hover {
 200         background-color: #cb2626
 201 }
 202
 203 /***** Les messages *****/
 204 #page.minichat div.message a {
 205         font-weight: bold;
 206 }
 207 #page.minichat div.message .lienConv {
 208         color: #c62929;
 209         font-weight: bold;
 210         cursor: pointer
 211 }
 212 #page.minichat div.message .lienConv:hover {
 213         color: #e84747
 214 }
 215 #page.minichat .entete {
 216         z-index: 20;
 217         background-color: #841919;
 218         color: #f6dfc2;
 219         display: block;
 220         float: left;
 221         height: 18px;
 222 }
 223 #page.minichat .delimitationEntete {
 224         z-index: 20;
 225         height: 18px;
 226         width: 7px;
 227         background-image: url(../../img/css1/fleche.png);
 228         display: block;
 229         float: left;
 230 }
 231 #page.minichat .date {
 232    margin-right: 3px;
 233    margin-left: 3px;
 234 }
 235 #page.minichat div.message .pseudo,
 236 /* FIXME : entre en conflit avec une règle précédente */
 237 #page.minichat form .pseudo {
 238    margin-left: 4px;
 239    margin-right: 2px;
 240    font-weight: bold;
 241 }
 242 #page.minichat div.message.ekMaster .pseudo {
 243         color: #f0df95
 244 }
 245 #page.minichat div.message .pseudo .login {
 246    margin-left: 2px;
 247    font-size: 8px;
 248 }
 249 #page.minichat #conversations .repondA {
 250         z-index: 5;
 251         height: 18px;
 252         margin-left: -7px;
 253         padding-left: 9px;
 254         float: left;
 255         background-color: #cb2626;
 256         color: #ffffff;
 257         display: block;
 258         background-image: url(../../img/css1/fleche.png);
 259         background-repeat: no-repeat;
 260 }
 261 #page.minichat #conversations .delimitationRepondA {
 262         z-index: 20;
 263         height: 18px;
 264         width: 7px;
 265         background-image: url(../../img/css1/fleche_reponda.png);
 266         display: block;
 267         float: left;
 268 }
 269 #page.minichat #conversations .contenu {
 270         margin-left: 5px;
 271 }
 272 #page.minichat #conversations .extraire {
 273         float: right;
 274         width: 13px;
 275         height: 13px;
 276         background-image: url(../../img/css1/extraction.png);
 277         margin-top: 2px
 278 }
 279 #page.minichat #conversations .extraire:hover {
 280         background-image: url(../../img/css1/extraction_hover.png);
 281 }
 282