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