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