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