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