css/1/pageMinichat.css

   1 #page.minichat {
   2         padding: 0px;
   3 }
   4
   5 #page.minichat img {
   6         margin: 0px;
   7         vertical-align: bottom;
   8 }
   9
  10 #smiles {
  11         text-align: center;
  12         border: 1px solid;
  13         border-color: #ffffff;
  14         background-color: #f6dfc2;
  15         margin-bottom: 10px;
  16         padding: 1px;
  17         width: 140px;
  18         position: absolute;
  19         display: none
  20 }
  21 #smiles img {
  22         margin: 1px;
  23         cursor: pointer;
  24         opacity: 0.5;
  25 }
  26
  27 #outilsBan {
  28         border-width: 1px 1px 1px 1px;
  29         border-color: #ffffff;
  30         border-style: solid;
  31         padding: 2px;
  32         position: absolute;
  33         display: none;
  34 }
  35 #outilsBan img,
  36 #outilsBan form {
  37         float: right;
  38         cursor: pointer
  39 }
  40 #outilsBan p {
  41         font-size: 2px;
  42 }
  43 #outilsBan input {
  44         font-size: 9px;
  45         margin-top: 1px;
  46         margin-left: 1px
  47 }
  48
  49 #page.minichat #trollCourant {
  50         color: #FFFFFF;
  51         position: absolute;
  52         z-index: 20;
  53         left: 140px;
  54         top: 88px;
  55 }
  56
  57 #page.minichat #trollCourant .troll {
  58         cursor: pointer;
  59         font-style: italic
  60 }
  61
  62 #page.minichat .titreSmiles:hover {
  63         background-color: #2d8800;
  64 }
  65
  66 #page.minichat form {
  67         background-color: #e19671;
  68         padding-left: 10px;
  69         padding-bottom: 10px;
  70 }
  71
  72 #page.minichat form p {
  73    margin: 0px;
  74    padding: 0px;
  75 }
  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/css2/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 /* voir pour l'astuce css "float left" des conversations : http://www.quirksmode.org/css/clearing.html */
 105 #page.minichat #conversations {
 106         overflow: hidden;
 107         width: 100%
 108 }
 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
 118 #page.minichat #conversations div.message {
 119         border-left-width: 5px;
 120         border-left-style: solid;
 121         border-color: transparent;
 122         padding-right: 5px;
 123         cursor: pointer;
 124         min-height: 18px;
 125         line-height: 18px;
 126 }
 127
 128 #page.minichat #conversations div.messageImpair {
 129    background-color: #fbeede;
 130 }
 131
 132 #page.minichat #conversations div.messagePair {
 133    background-color: #f6dfc2;
 134 }
 135
 136 #page.minichat #conversations div.cache {
 137         opacity: 0.3;
 138
 139         /* Hack IE 7 */
 140         filter: alpha(opacity = 30);
 141         zoom: 1
 142 }
 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
 157 #page.minichat div.message a {
 158         font-weight: bold;
 159 }
 160
 161 #page.minichat div.message .lienConv {
 162         color: #c62929;
 163         font-weight: bold;
 164         cursor: pointer
 165 }
 166
 167 #page.minichat div.message .lienConv:hover {
 168         color: #e84747
 169 }
 170
 171 #page.minichat .entete {
 172         z-index: 20;
 173         background-color: #841919;
 174         color: #f6dfc2;
 175         display: block;
 176         float: left;
 177         height: 18px;
 178 }
 179
 180 #page.minichat .delimitationEntete {
 181         z-index: 20;
 182         height: 18px;
 183         width: 7px;
 184         background-image: url(../../img/css1/fleche.png);
 185         display: block;
 186         float: left;
 187 }
 188
 189 #page.minichat .date {
 190    margin-right: 3px;
 191    margin-left: 3px;
 192 }
 193
 194 #page.minichat div.message .pseudo,
 195 #page.minichat form .pseudo {
 196    margin-left: 4px;
 197    margin-right: 2px;
 198    font-weight: bold;
 199 }
 200
 201 #page.minichat div.message.ekMaster .pseudo {
 202         color: #f0df95
 203 }
 204
 205 #page.minichat div.message .pseudo .login {
 206    margin-left: 2px;
 207    font-size: 8px;
 208 }
 209
 210 /* Ca marche pas :(
 211 #page.minichat div.message .pseudo {
 212         min-width: 50px;
 213         height:100px;
 214 }*/
 215
 216 #page.minichat #conversations .repondA {
 217         z-index: 5;
 218         height: 18px;
 219         margin-left: -7px;
 220         padding-left: 9px;
 221         float: left;
 222         background-color: #cb2626;
 223         color: #ffffff;
 224         display: block;
 225         background-image: url(../../img/css1/fleche.png);
 226         background-repeat: no-repeat;
 227 }
 228
 229 #page.minichat #conversations .delimitationRepondA {
 230         z-index: 20;
 231         height: 18px;
 232         width: 7px;
 233         background-image: url(../../img/css1/fleche_reponda.png);
 234         display: block;
 235         float: left;
 236 }
 237
 238 #page.minichat #conversations .contenu {
 239         margin-left: 5px;
 240 }
 241
 242 #page.minichat #conversations .extraire {
 243         float: right;
 244         width: 13px;
 245         height: 13px;
 246         background-image: url(../../img/css1/extraction.png);
 247         margin-top: 2px
 248 }
 249
 250 #page.minichat #conversations .extraire:hover {
 251         background-image: url(../../img/css1/extraction_hover.png);
 252 }
 253
 254 #page.minichat #conversations .titre {
 255         text-align: center;
 256         padding-right: 8px;
 257         background-color: #e19671;
 258         color: #ffffff;
 259 }
 260
 261 #page.minichat #conversations .titre .fermer {
 262         margin-top: 1px;
 263         margin-left: 5px;
 264         float: right;
 265         width: 13px;
 266         height: 13px;
 267         background-image: url(../../img/css1/fermer_conv.png);
 268         cursor: pointer;
 269 }
 270 #page.minichat #conversations .titre .fermer:hover {
 271         background-image: url(../../img/css1/fermer_conv_hover.png);
 272 }
 273
 274 #page.minichat #conversations .titre .lien {
 275         margin-top: 1px;
 276         float: right;
 277         width: 13px;
 278         height: 13px;
 279         background-image: url(../../img/css1/copier_conv.png);
 280         cursor: pointer;
 281 }
 282 #page.minichat #conversations .titre .lien:hover {
 283         background-image: url(../../img/css1/copier_conv_hover.png);
 284 }
 285
 286 #page.minichat #conversations .titre .next,
 287 #page.minichat #conversations .titre .prev {
 288         display: none;
 289 }
 290 #page.minichat #conversations .titre .next,
 291 #page.minichat #conversations .titre .prev,
 292 #page.minichat #conversations .titre .numPage {
 293         background-color: #841919;
 294         cursor: pointer;
 295         padding-right: 5px;
 296         padding-left: 5px;
 297 }
 298 #page.minichat #conversations .titre .next:hover,
 299 #page.minichat #conversations .titre .prev:hover,
 300 #page.minichat #conversations .titre .numPage:hover {
 301         background-color: #cb2626
 302 }
 303