css/1/pageMinichat.css

   1 #page.minichat {
   2    padding-right: 0px;
   3    padding-left: 0px
   4 }
   5
   6 #page.minichat img {
   7         margin: 0px;
   8         vertical-align: bottom;
   9 }
  10
  11 #smiles {
  12         text-align: center;
  13         border: 1px solid;
  14         border-color: #253f18;
  15         background-color: #0c2003;
  16         margin-bottom: 10px;
  17         padding: 1px;
  18         width: 140px;
  19         position: absolute;
  20         display: none
  21 }
  22 #smiles img {
  23         margin: 1px;
  24         cursor: pointer;
  25         opacity: 0.5;
  26 }
  27
  28 #outilsBan {
  29         border-width: 1px 1px 1px 1px;
  30         border-color: #253f18;
  31         border-style: solid;
  32         padding: 2px;
  33         position: absolute;
  34         display: none;
  35 }
  36 #outilsBan img,
  37 #outilsBan form {
  38         float: right;
  39         cursor: pointer
  40 }
  41 #outilsBan p {
  42         font-size: 2px;
  43 }
  44 #outilsBan input {
  45         font-size: 9px;
  46         margin-top: 1px;
  47         margin-left: 1px
  48 }
  49
  50 #page.minichat #trollCourant {
  51         border-top: 1px solid;
  52         border-bottom: 1px solid;
  53         border-color: #253f18;
  54         background-color: #0c2003;
  55         margin-top: 4px;
  56         margin-bottom: 8px;
  57         padding : 1px 0px 1px 10px
  58 }
  59
  60 #page.minichat #trollCourant .troll {
  61         font-style: italic;
  62         color: #FFFF88
  63 }
  64
  65 #page.minichat .titreSmiles:hover {
  66         background-color: #2d8800;
  67 }
  68
  69 #page.minichat form {
  70    margin-bottom: 15px;
  71    padding-left: 10px;
  72 }
  73
  74 #page.minichat form p {
  75    margin: 0px;
  76    padding: 0px;
  77 }
  78
  79 #page.minichat form .pseudo {
  80    margin-right: 5px;
  81    width: 12%
  82 }
  83 #page.minichat form .message {
  84    margin-right: 5px;
  85    width: 75%
  86 }
  87 #page.minichat form .return {
  88         height: 16px;
  89         width: 32px;
  90         background-image: url(../../img/css1/return.png);
  91         background-repeat: no-repeat;
  92         background-position: 5px 2px;
  93         vertical-align: top;
  94         margin-right: 5px;
  95 }
  96 #page.minichat form .smiles {
  97         height: 16px;
  98         width: 16px;
  99         background-image: url(../../img/css1/bouton_smiles.png);
 100         background-repeat: no-repeat;
 101         background-position: 2px 2px;
 102         vertical-align: top;
 103         margin-right: 5px;
 104 }
 105
 106 /* voir pour l'astuce css "float left" des conversations : http://www.quirksmode.org/css/clearing.html */
 107 #page.minichat #conversations {
 108         overflow: hidden;
 109         width: 100%
 110 }
 111
 112 #page.minichat #conversations .conversation {
 113         border-width: 0px;
 114         border-style: solid;
 115         border-color: white;
 116         float: left;
 117         width: 100%;
 118 }
 119
 120 #page.minichat #conversations div.message {
 121         border-left-width: 5px;
 122         border-left-style: solid;
 123         border-color: transparent;
 124         padding-right: 5px;
 125         padding-left: 4px;
 126         cursor: pointer;
 127 }
 128
 129 #page.minichat #conversations div.messageImpair {
 130    background-color: #05002c;
 131 }
 132
 133 #page.minichat #conversations div.messagePair {
 134    background-color: #080047;
 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: #555555
 156 }
 157
 158 #page.minichat div.message a {
 159         font-weight: bold;
 160 }
 161
 162 #page.minichat div.message .lienConv {
 163         color: #db960f;
 164         font-weight: bold;
 165         cursor: pointer
 166 }
 167
 168 #page.minichat div.message .lienConv:hover {
 169         color: #f1c060
 170 }
 171
 172 #page.minichat .date {
 173    color: #fd913b;
 174    margin-right: 3px;
 175    margin-left: 3px;
 176 }
 177
 178 #page.minichat div.message .pseudo,
 179 #page.minichat form .pseudo {
 180    margin-left: 4px;
 181    margin-right: 2px;
 182    font-weight: bold;
 183    color: #76ff33;
 184 }
 185
 186 #page.minichat div.message.ekMaster .pseudo {
 187         color: #ffffff;
 188 }
 189
 190 #page.minichat div.message .pseudo .login {
 191    margin-left: 2px;
 192    font-size: 8px;
 193    color: #a7d88f;
 194 }
 195
 196 #page.minichat div.systeme .pseudo {
 197         color: #CCCCCC
 198 }
 199
 200 /* Ca marche pas :(
 201 #page.minichat div.message .pseudo {
 202         min-width: 50px;
 203         height:100px;
 204 }*/
 205
 206 #page.minichat #conversations .repondA {
 207    margin-left: 4px;
 208    color: #bd7a11
 209 }
 210
 211 /*#page.minichat #conversations .contenu {
 212    display: inline;
 213 }*/
 214
 215 #page.minichat #conversations .extraire {
 216         float: right;
 217         padding-right: 2px;
 218         padding-left: 2px;
 219         background-color: #4f5519;
 220 }
 221
 222 #page.minichat #conversations .extraire:hover {
 223         background-color: #818c27
 224 }
 225
 226 #page.minichat #conversations .titre {
 227         text-align: center;
 228         padding-right: 8px;
 229         background-color: #4b4215
 230 }
 231
 232 #page.minichat #conversations .titre .fermer {
 233         float: right;
 234         padding-right: 5px;
 235         padding-left: 5px;
 236         background-color: #7d1b1b;
 237         cursor: pointer;
 238 }
 239
 240 #page.minichat #conversations .titre .fermer:hover {
 241         background-color: #c95656
 242 }
 243
 244 #page.minichat #conversations .titre .next,
 245 #page.minichat #conversations .titre .prev {
 246         display: none;
 247 }
 248
 249 #page.minichat #conversations .titre .lien {
 250         float: right
 251 }
 252
 253 #page.minichat #conversations .titre .lien,
 254 #page.minichat #conversations .titre .next,
 255 #page.minichat #conversations .titre .prev,
 256 #page.minichat #conversations .titre .numPage {
 257         background-color: #42380b;
 258         cursor: pointer;
 259         padding-right: 5px;
 260         padding-left: 5px;
 261 }
 262
 263 #page.minichat #conversations .titre .lien:hover,
 264 #page.minichat #conversations .titre .next:hover,
 265 #page.minichat #conversations .titre .prev:hover,
 266 #page.minichat #conversations .titre .numPage:hover {
 267         background-color: #7c6e2e
 268 }
 269