css/1/pageMinichat.css

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