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