styles/2/pageMinichat.css

   1 /* coding: utf-8 */
   2
   3 #page.minichat {
   4         padding-top: 5px;
   5    padding-right: 0px;
   6    padding-left: 0px
   7 }
   8
   9 #page.minichat img {
  10         margin: 0px;
  11         vertical-align: middle;
  12 }
  13
  14 /***** L'aide sur les commandes *****/
  15 #aideCommandes h1 {
  16         font-size: 14px;
  17         font-weight: bold;
  18 }
  19 #aideCommandes .usage {
  20         font-weight: bold;
  21 }
  22 #aideCommandes li {
  23         list-style-type: none;
  24 }
  25
  26 /***** La boite de sélection des smiles *****/
  27 #smiles {
  28         text-align: center;
  29         border: 1px solid;
  30         border-color: #253f18;
  31         background-color: #0c2003;
  32         margin-bottom: 10px;
  33         padding: 1px;
  34         width: 140px;
  35         position: absolute;
  36         display: none
  37 }
  38 #smiles img {
  39         margin: 1px;
  40         cursor: pointer;
  41         opacity: 0.5;
  42 }
  43
  44 /***** La boite permettant de slaper/kicker/bannir une personne *****/
  45 #outilsBan {
  46         border-width: 1px 1px 1px 1px;
  47         border-color: #253f18;
  48         border-style: solid;
  49         padding: 2px;
  50         position: absolute;
  51         display: none;
  52 }
  53 #outilsBan img,
  54 #outilsBan form {
  55         float: right;
  56         cursor: pointer
  57 }
  58 #outilsBan p {
  59         font-size: 2px;
  60 }
  61 #outilsBan input {
  62         font-size: 9px;
  63         margin-top: 1px;
  64         margin-left: 1px
  65 }
  66
  67 /***** Le troll courant affiché en haut de la page *****/
  68 #page.minichat #trollCourant {
  69         border-top: 1px solid;
  70         border-bottom: 1px solid;
  71         border-color: #253f18;
  72         background-color: #0c2003;
  73         margin-top: 4px;
  74         margin-bottom: 8px;
  75         padding : 1px 0px 1px 10px
  76 }
  77 #page.minichat #trollCourant .troll {
  78         font-style: italic;
  79         color: #FFFF88;
  80         cursor: pointer;
  81 }
  82
  83 /***** Le formulaire pour poster un message *****/
  84 #page.minichat form#posterMessage  {
  85    padding-left: 10px;
  86 }
  87 #page.minichat.orderReverse form#posterMessage  {
  88    margin-bottom: 15px;
  89 }
  90 #page.minichat.orderChrono form#posterMessage  {
  91    margin-top : 15px;
  92 }
  93 #page.minichat form#posterMessage  p {
  94    margin: 0px;
  95    padding: 0px;
  96 }
  97 #page.minichat form#posterMessage .nick {
  98    margin-right: 5px;
  99    width: 12%
 100 }
 101 #page.minichat form#posterMessage input.message {
 102    margin-right: 5px;
 103    width: 75%
 104 }
 105 #page.minichat form#posterMessage .return {
 106         height: 16px;
 107         width: 32px;
 108         background-image: url(img/return.png);
 109         background-repeat: no-repeat;
 110         background-position: 5px 2px;
 111         vertical-align: top;
 112         margin-right: 5px;
 113 }
 114 #page.minichat form#posterMessage .smiles {
 115         height: 16px;
 116         width: 16px;
 117         background-image: url(../../img/bouton_smiles.png);
 118         background-repeat: no-repeat;
 119         background-position: 2px 2px;
 120         vertical-align: top;
 121         margin-right: 5px;
 122 }
 123 /* La boite montrant les messages auquels l'utilisateur répond */
 124 #page.minichat form#posterMessage #repondA {
 125         background-color: #164200;
 126         border: #2d8800 1px solid;
 127     margin-right: 5px;
 128     padding-right: 2px;
 129     padding-left: 2px;
 130     cursor: pointer;
 131     display: none;
 132 }
 133 #page.minichat form#posterMessage #repondA .messages {
 134     position: absolute;
 135         border: #2d8800 1px solid;
 136     width: 50%;
 137     display:none;
 138 }
 139 #page.minichat form#posterMessage #repondA .messages div.message:hover #outilsMess {
 140     display: none
 141 }
 142
 143 /***** Les conversations *****/
 144 /* voir pour l'astuce css "float left" des conversations : http://www.quirksmode.org/css/clearing.html */
 145 #page.minichat #conversations {
 146         overflow: hidden;
 147         width: 100%;
 148     border-spacing: 0px;
 149     background-color:#000000;
 150 }
 151 #page.minichat.orderChrono #conversations td
 152 {
 153     vertical-align: bottom
 154 }
 155 #page.minichat.orderReverse  #conversations td
 156 {
 157     vertical-align: top
 158 }
 159 #page.minichat.orderChrono #conversations .titre {
 160    border-bottom: 1px dashed white
 161 }
 162 #page.minichat.orderReverse #conversations .titre {
 163    border-top: 1px dashed white
 164 }
 165 #page.minichat #conversations .titre .nav {
 166         text-align: center;
 167         padding-right: 8px;
 168         background-color: #4b4215;
 169 }
 170 /*#page.minichat #conversations .conversation {
 171         border-width: 0px;
 172         border-style: solid;
 173         border-color: white;
 174         float: left;
 175         width: 100%;
 176 }*/
 177 #page.minichat #conversations .titre .nav .close {
 178         float: right;
 179         padding-right: 5px;
 180         padding-left: 5px;
 181         background-color: #7d1b1b;
 182         cursor: pointer;
 183 }
 184 #page.minichat #conversations .titre .nav .close:after {
 185         content: "x"
 186 }
 187 #page.minichat #conversations .titre .nav .close:hover {
 188         background-color: #c95656
 189 }
 190 #page.minichat #conversations .titre .nav .creerLien {
 191         float: right
 192 }
 193 #page.minichat #conversations .titre .nav .creerLien:after {
 194         content: "c"
 195 }
 196 #page.minichat #conversations .titre .nav .next,
 197 #page.minichat #conversations .titre .nav .prev {
 198         display: none;
 199 }
 200 #page.minichat #conversations .titre .nav .creerLien,
 201 #page.minichat #conversations .titre .nav .next,
 202 #page.minichat #conversations .titre .nav .prev,
 203 #page.minichat #conversations .titre .nav .numPage {
 204         background-color: #42380b;
 205         cursor: pointer;
 206         padding-right: 5px;
 207         padding-left: 5px;
 208 }
 209 #page.minichat #conversations .titre .nav .creerLien:hover,
 210 #page.minichat #conversations .titre .nav .next:hover,
 211 #page.minichat #conversations .titre .nav .prev:hover,
 212 #page.minichat #conversations .titre .nav .numPage:hover {
 213         background-color: #7c6e2e
 214 }
 215
 216 /***** Les messages *****/
 217 #page.minichat div.message {
 218         border-left-width: 5px;
 219         border-left-style: solid;
 220         border-color: transparent;
 221         padding-right: 5px;
 222         padding-left: 4px;
 223         cursor: pointer;
 224 }
 225 #page.minichat div.messageImpair {
 226    background-color: #05002c;
 227 }
 228 #page.minichat div.messagePair {
 229    background-color: #080047;
 230 }
 231 #page.minichat div.cache {
 232         opacity: 0.3;
 233
 234         /* Hack IE 7 */
 235         filter: alpha(opacity = 30);
 236         zoom: 1
 237 }
 238 #page.minichat div.message.reponse {
 239         border-color: #bf2911
 240 }
 241 #page.minichat div.message.repondu {
 242         border-color: #84196c
 243 }
 244 #page.minichat div.message.proprietaire {
 245         border-color: #31732f
 246 }
 247 #page.minichat div.message.repondEnEvidence {
 248         background-color: #261983 !important
 249 }
 250 #page.minichat div.message.systeme {
 251         background-color: #931212
 252 }
 253 #page.minichat div.message a {
 254         font-weight: bold;
 255 }
 256 #page.minichat div.message .lienConv {
 257         color: #db960f;
 258         font-weight: bold;
 259         cursor: pointer
 260 }
 261 #page.minichat div.message .lienConv:hover {
 262         color: #f1c060
 263 }
 264 #page.minichat .date {
 265    color: #fd913b;
 266    margin-right: 3px;
 267    margin-left: 3px;
 268 }
 269 #page.minichat div.message .nick:after {
 270         content: ":"
 271 }
 272 #page.minichat div.message .nick,
 273 #page.minichat form .nick {
 274    margin-left: 4px;
 275    margin-right: 2px;
 276    font-weight: bold;
 277    color: #76ff33;
 278 }
 279 #page.minichat div.message.ekMasterlight .nick {
 280         color: #ffffff;
 281 }
 282 #page.minichat div.message.ekMasterheavy .nick {
 283         color: #ffffff;
 284    text-decoration: underline
 285 }
 286
 287 #page.minichat div.message .nick .login {
 288    margin-left: 2px;
 289    font-size: 8px;
 290    color: #a7d88f;
 291 }
 292 #page.minichat div.systeme .nick {
 293         color: #CCCCCC
 294 }
 295 #page.minichat .repondA {
 296    color: #bd7a11;
 297    margin-right: 3px;
 298 }
 299 #page.minichat .repondA:after {
 300         content: ">"
 301 }
 302 #page.minichat #outilsMess {
 303    width: 30px;
 304         position: absolute;
 305         display: none
 306 }
 307 #page.minichat #outilsMess .extraire,
 308 #page.minichat #outilsMess .extraireCompletement {
 309         float: right;
 310         padding-right: 2px;
 311         padding-left: 2px;
 312         background-color: #4f5519;
 313 }
 314 #page.minichat #outilsMess .extraire:hover,
 315 #page.minichat #outilsMess .extraireCompletement:hover:hover {
 316         background-color: #818c27
 317 }
 318 #page.minichat #outilsMess .extraire:after {
 319         content: ">"
 320 }
 321 #page.minichat #outilsMess .extraireCompletement:after {
 322         content: "#"
 323 }