css/1/pageMinichat.css

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