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