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