css/2/pageMinichat.css

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