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