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