css/1/pageMinichat.css

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