css/1/pageMinichat.css

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