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