css/1/pageMinichat.css

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