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: 100px;
  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 .pseudo .login {
 138    margin-left: 2px;
 139    font-size: 8px;
 140    color: #a7d88f;
 141 }
 142
 143 #page.minichat div.systeme .pseudo {
 144         color: #CCCCCC
 145 }
 146
 147 /* Ca marche pas :(
 148 #page.minichat div.message .pseudo {
 149         min-width: 50px;
 150         height:100px;
 151 }*/
 152
 153 #page.minichat #conversations .repondA {
 154    margin-left: 4px;
 155    color: #bd7a11
 156 }
 157
 158 /*#page.minichat #conversations .contenu {
 159    display: inline;
 160 }*/
 161
 162 #page.minichat #conversations .extraire {
 163         float: right;
 164         padding-right: 2px;
 165         padding-left: 2px;
 166         background-color: #4f5519;
 167 }
 168
 169 #page.minichat #conversations .extraire:hover {
 170         background-color: #818c27
 171 }
 172
 173 #page.minichat #conversations .titre {
 174         padding-right: 8px;
 175         background-color: #4b4215
 176 }
 177
 178 #page.minichat #conversations .titre .fermer {
 179         float: right;
 180         padding-right: 5px;
 181         padding-left: 5px;
 182         background-color: #7d1b1b;
 183         cursor: pointer;
 184 }
 185
 186 #page.minichat #conversations .titre .fermer:hover {
 187         background-color: #c95656
 188 }
 189
 190 #page.minichat #conversations .titre .next,
 191 #page.minichat #conversations .titre .prev {
 192         display: none;
 193 }
 194
 195 #page.minichat #conversations .titre .lien {
 196         float: right
 197 }
 198
 199 #page.minichat #conversations .titre .lien,
 200 #page.minichat #conversations .titre .next,
 201 #page.minichat #conversations .titre .prev,
 202 #page.minichat #conversations .titre .numPage {
 203         background-color: #42380b;
 204         cursor: pointer;
 205         padding-right: 5px;
 206         padding-left: 5px;
 207 }
 208
 209 #page.minichat #conversations .titre .lien:hover,
 210 #page.minichat #conversations .titre .next:hover,
 211 #page.minichat #conversations .titre .prev:hover,
 212 #page.minichat #conversations .titre .numPage:hover {
 213         background-color: #7c6e2e
 214 }
 215