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