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 /* Il n'y a plus de mise en evidence
  82 #page.minichat #conversations div.miseEnEvidenceReponse {
  83         background-color: #bd7a11;
  84 }
  85 #page.minichat #conversations div.miseEnEvidenceCourant {
  86         background-color: #bd1129;
  87 }
  88 #page.minichat #conversations div.miseEnEvidenceConversation {
  89         background-color: #b711bd;
  90 }*/
  91
  92 #page.minichat #conversations div.cache {
  93         opacity: 0.3;
  94
  95         /* Hack IE 7 */
  96         filter: alpha(opacity = 30);
  97         zoom: 1
  98 }
  99
 100 #page.minichat #conversations div.reponse {
 101         border-color: #bd7a11
 102 }
 103 #page.minichat #conversations div.repondu {
 104         border-color: #b711bd
 105 }
 106 #page.minichat #conversations div.proprietaire {
 107         border-color: #bd1129
 108 }
 109 #page.minichat #conversations div.systeme {
 110         background-color: #555555
 111 }
 112
 113 #page.minichat div.message a {
 114         font-weight: bold;
 115 }
 116
 117 #page.minichat div.message .lienConv {
 118         color: #db960f;
 119         font-weight: bold;
 120         cursor: pointer
 121 }
 122
 123 #page.minichat div.message .lienConv:hover {
 124         color: #f1c060
 125 }
 126
 127 #page.minichat .date {
 128    color: #fd913b;
 129    margin-right: 3px;
 130    margin-left: 3px;
 131 }
 132
 133 #page.minichat div.message .pseudo,
 134 #page.minichat form .pseudo {
 135    margin-left: 4px;
 136    margin-right: 2px;
 137    font-weight: bold;
 138    color: #76ff33;
 139 }
 140
 141 #page.minichat div.systeme .pseudo {
 142         color: #CCCCCC
 143 }
 144
 145 /* Ca marche pas :(
 146 #page.minichat div.message .pseudo {
 147         min-width: 50px;
 148         height:100px;
 149 }*/
 150
 151 #page.minichat #conversations .repondA {
 152    margin-left: 4px;
 153    color: #bd7a11
 154 }
 155
 156 /*#page.minichat #conversations .contenu {
 157    display: inline;
 158 }*/
 159
 160 #page.minichat #conversations .extraire {
 161         float: right;
 162         padding-right: 2px;
 163         padding-left: 2px;
 164         background-color: #4f5519;
 165 }
 166
 167 #page.minichat #conversations .extraire:hover {
 168         background-color: #818c27
 169 }
 170
 171 #page.minichat #conversations .titre {
 172         padding-right: 8px;
 173         background-color: #4b4215
 174 }
 175
 176 #page.minichat #conversations .titre .fermer {
 177         float: right;
 178         padding-right: 5px;
 179         padding-left: 5px;
 180         background-color: #c90000;
 181         cursor: pointer;
 182 }
 183
 184 #page.minichat #conversations .titre .fermer:hover {
 185         background-color: #c95656
 186 }
 187
 188 #page.minichat #conversations .titre .next,
 189 #page.minichat #conversations .titre .prev {
 190         display: none;
 191 }
 192
 193 #page.minichat #conversations .titre .lien {
 194         float: right
 195 }
 196
 197 #page.minichat #conversations .titre .lien,
 198 #page.minichat #conversations .titre .next,
 199 #page.minichat #conversations .titre .prev,
 200 #page.minichat #conversations .titre .numPage {
 201         background-color: #42380b;
 202         cursor: pointer;
 203         padding-right: 5px;
 204         padding-left: 5px;
 205 }
 206
 207 #page.minichat #conversations .titre .lien:hover,
 208 #page.minichat #conversations .titre .next:hover,
 209 #page.minichat #conversations .titre .prev:hover,
 210 #page.minichat #conversations .titre .numPage:hover {
 211         background-color: #7c6e2e
 212 }
 213
 214 #page.minichat #pages {
 215         margin-top: 10px;
 216 }
 217
 218 #page.minichat #pages span {
 219         padding-right : 4px;
 220         padding-left: 4px;
 221         color: #7664ff;
 222         cursor:pointer;
 223 }
 224
 225 #page.minichat #pages span.pageCourante {
 226         font-weight: bold;
 227         font-size: 150%;
 228 }
 229
 230 #page.minichat #pages span:hover {
 231         font-size: 150%;
 232         color: #ffad0f;
 233 }
 234