css/2/pageMinichat.css

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