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: 77px;
  55         line-height: 32px;
  56 }
  57
  58 #page.minichat #trollCourant .troll {
  59         cursor: pointer;
  60         font-style: italic
  61 }
  62
  63 #page.minichat .titreSmiles:hover {
  64         background-color: #2d8800;
  65 }
  66
  67 #page.minichat form {
  68         background-color: #e19671;
  69         padding-left: 10px;
  70         padding-bottom: 10px;
  71 }
  72
  73 #page.minichat form p {
  74    margin: 0px;
  75    padding: 0px;
  76 }
  77
  78 #page.minichat form .pseudo {
  79    margin-right: 5px;
  80    width: 12%
  81 }
  82 #page.minichat form .message {
  83    margin-right: 5px;
  84    width: 75%
  85 }
  86 #page.minichat form .return {
  87         height: 16px;
  88         width: 32px;
  89         background-image: url(../../img/css2/return.png);
  90         background-repeat: no-repeat;
  91         background-position: 5px 2px;
  92         vertical-align: top;
  93         margin-right: 5px;
  94 }
  95 #page.minichat form .smiles {
  96         height: 16px;
  97         width: 16px;
  98         background-image: url(../../img/css2/bouton_smiles.png);
  99         background-repeat: no-repeat;
 100         background-position: 2px 2px;
 101         vertical-align: top;
 102         margin-right: 5px;
 103 }
 104
 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
 111 #page.minichat #conversations .conversation {
 112         border-width: 0px;
 113         border-style: solid;
 114         border-color: white;
 115         float: left;
 116         width: 100%;
 117 }
 118
 119 #page.minichat #conversations div.message {
 120         border-left-width: 5px;
 121         border-left-style: solid;
 122         border-color: transparent;
 123         padding-right: 5px;
 124         cursor: pointer;
 125         min-height: 18px;
 126         line-height: 18px;
 127 }
 128
 129 #page.minichat #conversations div.messageImpair {
 130    background-color: #fbeede;
 131 }
 132
 133 #page.minichat #conversations div.messagePair {
 134    background-color: #f6dfc2;
 135 }
 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
 145 #page.minichat #conversations div.reponse {
 146         border-color: #bd7a11
 147 }
 148 #page.minichat #conversations div.repondu {
 149         border-color: #b711bd
 150 }
 151 #page.minichat #conversations div.proprietaire {
 152         border-color: #bd1129
 153 }
 154 #page.minichat #conversations div.systeme {
 155         background-color: #f0df95
 156 }
 157
 158 #page.minichat div.message a {
 159         font-weight: bold;
 160 }
 161
 162 #page.minichat div.message .lienConv {
 163         color: #c62929;
 164         font-weight: bold;
 165         cursor: pointer
 166 }
 167
 168 #page.minichat div.message .lienConv:hover {
 169         color: #e84747
 170 }
 171
 172 #page.minichat .entete {
 173         z-index: 20;
 174         background-color: #841919;
 175         color: #f6dfc2;
 176         display: block;
 177         float: left;
 178         height: 18px;
 179 }
 180
 181 #page.minichat .delimitationEntete {
 182         z-index: 20;
 183         height: 18px;
 184         width: 7px;
 185         background-image: url(../../img/css1/fleche.png);
 186         display: block;
 187         float: left;
 188 }
 189
 190 #page.minichat .date {
 191    margin-right: 3px;
 192    margin-left: 3px;
 193 }
 194
 195 #page.minichat div.message .pseudo,
 196 #page.minichat form .pseudo {
 197    margin-left: 4px;
 198    margin-right: 2px;
 199    font-weight: bold;
 200 }
 201
 202 #page.minichat div.message.ekMaster .pseudo {
 203         color: #f0df95
 204 }
 205
 206 #page.minichat div.message .pseudo .login {
 207    margin-left: 2px;
 208    font-size: 8px;
 209 }
 210
 211 /* Ca marche pas :(
 212 #page.minichat div.message .pseudo {
 213         min-width: 50px;
 214         height:100px;
 215 }*/
 216
 217 #page.minichat #conversations .repondA {
 218         z-index: 5;
 219         height: 18px;
 220         margin-left: -7px;
 221         padding-left: 9px;
 222         float: left;
 223         background-color: #cb2626;
 224         color: #ffffff;
 225         display: block;
 226         background-image: url(../../img/css1/fleche.png);
 227         background-repeat: no-repeat;
 228 }
 229
 230 #page.minichat #conversations .delimitationRepondA {
 231         z-index: 20;
 232         height: 18px;
 233         width: 7px;
 234         background-image: url(../../img/css1/fleche_reponda.png);
 235         display: block;
 236         float: left;
 237 }
 238
 239 #page.minichat #conversations .contenu {
 240         margin-left: 5px;
 241 }
 242
 243 #page.minichat #conversations .extraire {
 244         float: right;
 245         width: 13px;
 246         height: 13px;
 247         background-image: url(../../img/css1/extraction.png);
 248         margin-top: 2px
 249 }
 250
 251 #page.minichat #conversations .extraire:hover {
 252         background-image: url(../../img/css1/extraction_hover.png);
 253 }
 254
 255 #page.minichat #conversations .titre {
 256         text-align: center;
 257         padding-right: 8px;
 258         background-color: #e19671;
 259         color: #ffffff;
 260 }
 261
 262 #page.minichat #conversations .titre .fermer {
 263         margin-top: 1px;
 264         margin-left: 5px;
 265         float: right;
 266         width: 13px;
 267         height: 13px;
 268         background-image: url(../../img/css1/fermer_conv.png);
 269         cursor: pointer;
 270 }
 271 #page.minichat #conversations .titre .fermer:hover {
 272         background-image: url(../../img/css1/fermer_conv_hover.png);
 273 }
 274
 275 #page.minichat #conversations .titre .lien {
 276         margin-top: 1px;
 277         float: right;
 278         width: 13px;
 279         height: 13px;
 280         background-image: url(../../img/css1/copier_conv.png);
 281         cursor: pointer;
 282 }
 283 #page.minichat #conversations .titre .lien:hover {
 284         background-image: url(../../img/css1/copier_conv_hover.png);
 285 }
 286
 287 #page.minichat #conversations .titre .next,
 288 #page.minichat #conversations .titre .prev {
 289         display: none;
 290 }
 291 #page.minichat #conversations .titre .next,
 292 #page.minichat #conversations .titre .prev,
 293 #page.minichat #conversations .titre .numPage {
 294         background-color: #841919;
 295         cursor: pointer;
 296         padding-right: 5px;
 297         padding-left: 5px;
 298 }
 299 #page.minichat #conversations .titre .next:hover,
 300 #page.minichat #conversations .titre .prev:hover,
 301 #page.minichat #conversations .titre .numPage:hover {
 302         background-color: #cb2626
 303 }
 304