css/2/pageMinichat.css

   1 /* coding: utf-8 */
   2
   3 #page.minichat {
   4         padding-top: 5px;
   5    padding-right: 0px;
   6    padding-left: 0px
   7 }
   8
   9 #page.minichat img {
  10         margin: 0px;
  11         vertical-align: middle;
  12 }
  13
  14 /***** La boite de sélection des smiles *****/
  15 #smiles {
  16         text-align: center;
  17         border: 1px solid;
  18         border-color: #253f18;
  19         background-color: #0c2003;
  20         margin-bottom: 10px;
  21         padding: 1px;
  22         width: 140px;
  23         position: absolute;
  24         display: none
  25 }
  26 #smiles img {
  27         margin: 1px;
  28         cursor: pointer;
  29         opacity: 0.5;
  30 }
  31
  32 /***** La boite permettant de slaper/kicker/bannir une personne *****/
  33 #outilsBan {
  34         border-width: 1px 1px 1px 1px;
  35         border-color: #253f18;
  36         border-style: solid;
  37         padding: 2px;
  38         position: absolute;
  39         display: none;
  40 }
  41 #outilsBan img,
  42 #outilsBan form {
  43         float: right;
  44         cursor: pointer
  45 }
  46 #outilsBan p {
  47         font-size: 2px;
  48 }
  49 #outilsBan input {
  50         font-size: 9px;
  51         margin-top: 1px;
  52         margin-left: 1px
  53 }
  54
  55 /***** Le troll courant affiché en haut de la page *****/
  56 #page.minichat #trollCourant {
  57         border-top: 1px solid;
  58         border-bottom: 1px solid;
  59         border-color: #253f18;
  60         background-color: #0c2003;
  61         margin-top: 4px;
  62         margin-bottom: 8px;
  63         padding : 1px 0px 1px 10px
  64 }
  65 #page.minichat #trollCourant .troll {
  66         font-style: italic;
  67         color: #FFFF88;
  68         cursor: pointer;
  69 }
  70
  71 /***** Le formulaire pour poster un message *****/
  72 #page.minichat form#posterMessage  {
  73    margin-bottom: 15px;
  74    padding-left: 10px;
  75 }
  76 #page.minichat form#posterMessage  p {
  77    margin: 0px;
  78    padding: 0px;
  79 }
  80 #page.minichat form#posterMessage .pseudo {
  81    margin-right: 5px;
  82    width: 12%
  83 }
  84 #page.minichat form#posterMessage .message {
  85    margin-right: 5px;
  86    width: 75%
  87 }
  88 #page.minichat form#posterMessage .return {
  89         height: 16px;
  90         width: 32px;
  91         background-image: url(../../img/css2/return.png);
  92         background-repeat: no-repeat;
  93         background-position: 5px 2px;
  94         vertical-align: top;
  95         margin-right: 5px;
  96 }
  97 #page.minichat form#posterMessage .smiles {
  98         height: 16px;
  99         width: 16px;
 100         background-image: url(../../img/css2/bouton_smiles.png);
 101         background-repeat: no-repeat;
 102         background-position: 2px 2px;
 103         vertical-align: top;
 104         margin-right: 5px;
 105 }
 106
 107 /***** Les conversations *****/
 108 /* voir pour l'astuce css "float left" des conversations : http://www.quirksmode.org/css/clearing.html */
 109 #page.minichat #conversations {
 110         overflow: hidden;
 111         width: 100%
 112 }
 113 #page.minichat #conversations .conversation {
 114         border-width: 0px;
 115         border-style: solid;
 116         border-color: white;
 117         float: left;
 118         width: 100%;
 119 }
 120 #page.minichat #conversations div.message {
 121         border-left-width: 5px;
 122         border-left-style: solid;
 123         border-color: transparent;
 124         padding-right: 5px;
 125         padding-left: 4px;
 126         cursor: pointer;
 127 }
 128 #page.minichat #conversations div.messageImpair {
 129    background-color: #05002c;
 130 }
 131 #page.minichat #conversations div.messagePair {
 132    background-color: #080047;
 133 }
 134 #page.minichat #conversations div.cache {
 135         opacity: 0.3;
 136
 137         /* Hack IE 7 */
 138         filter: alpha(opacity = 30);
 139         zoom: 1
 140 }
 141 #page.minichat #conversations div.reponse {
 142         border-color: #bd7a11
 143 }
 144 #page.minichat #conversations div.repondu {
 145         border-color: #b711bd
 146 }
 147 #page.minichat #conversations div.proprietaire {
 148         border-color: #bd1129
 149 }
 150 #page.minichat #conversations div.systeme {
 151         background-color: #555555
 152 }
 153 #page.minichat #conversations .titre {
 154         text-align: center;
 155         padding-right: 8px;
 156         background-color: #4b4215
 157 }
 158 #page.minichat #conversations .titre .fermer {
 159         float: right;
 160         padding-right: 5px;
 161         padding-left: 5px;
 162         background-color: #7d1b1b;
 163         cursor: pointer;
 164 }
 165 #page.minichat #conversations .titre .fermer:after {
 166         content: "x"
 167 }
 168 #page.minichat #conversations .titre .fermer:hover {
 169         background-color: #c95656
 170 }
 171 #page.minichat #conversations .titre .next,
 172 #page.minichat #conversations .titre .prev {
 173         display: none;
 174 }
 175 #page.minichat #conversations .titre .lien {
 176         float: right
 177 }
 178 #page.minichat #conversations .titre .lien:after {
 179         content: "c"
 180 }
 181 #page.minichat #conversations .titre .lien,
 182 #page.minichat #conversations .titre .next,
 183 #page.minichat #conversations .titre .prev,
 184 #page.minichat #conversations .titre .numPage {
 185         background-color: #42380b;
 186         cursor: pointer;
 187         padding-right: 5px;
 188         padding-left: 5px;
 189 }
 190 #page.minichat #conversations .titre .lien:hover,
 191 #page.minichat #conversations .titre .next:hover,
 192 #page.minichat #conversations .titre .prev:hover,
 193 #page.minichat #conversations .titre .numPage:hover {
 194         background-color: #7c6e2e
 195 }
 196
 197 /***** Les messages *****/
 198 #page.minichat div.message a {
 199         font-weight: bold;
 200 }
 201 #page.minichat div.message .lienConv {
 202         color: #db960f;
 203         font-weight: bold;
 204         cursor: pointer
 205 }
 206 #page.minichat div.message .lienConv:hover {
 207         color: #f1c060
 208 }
 209 #page.minichat .date {
 210    color: #fd913b;
 211    margin-right: 3px;
 212    margin-left: 3px;
 213 }
 214 #page.minichat div.message .pseudo:after {
 215         content: ":"
 216 }
 217 #page.minichat div.message .pseudo,
 218 #page.minichat form .pseudo {
 219    margin-left: 4px;
 220    margin-right: 2px;
 221    font-weight: bold;
 222    color: #76ff33;
 223 }
 224 #page.minichat div.message.ekMaster .pseudo {
 225         color: #ffffff;
 226 }
 227 #page.minichat div.message .pseudo .login {
 228    margin-left: 2px;
 229    font-size: 8px;
 230    color: #a7d88f;
 231 }
 232 #page.minichat div.systeme .pseudo {
 233         color: #CCCCCC
 234 }
 235 #page.minichat #conversations .repondA {
 236    color: #bd7a11;
 237    margin-right: 3px;
 238 }
 239 #page.minichat #conversations .repondA:after {
 240         content: ">"
 241 }
 242 #page.minichat #conversations .extraire {
 243         float: right;
 244         padding-right: 2px;
 245         padding-left: 2px;
 246         background-color: #4f5519;
 247 }
 248 #page.minichat #conversations .extraire:after {
 249         content: ">"
 250 }
 251 #page.minichat #conversations .extraire:hover {
 252         background-color: #818c27
 253 }