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 {
  73    margin-bottom: 15px;
  74    padding-left: 10px;
  75 }
  76 #page.minichat form p {
  77    margin: 0px;
  78    padding: 0px;
  79 }
  80 #page.minichat form .pseudo {
  81    margin-right: 5px;
  82    width: 12%
  83 }
  84 #page.minichat form .message {
  85    margin-right: 5px;
  86    width: 75%
  87 }
  88 #page.minichat form .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 .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
 172 #page.minichat #conversations .titre .next,
 173 #page.minichat #conversations .titre .prev {
 174         display: none;
 175 }
 176
 177 #page.minichat #conversations .titre .lien {
 178         float: right
 179 }
 180 #page.minichat #conversations .titre .lien:after {
 181         content: "c"
 182 }
 183
 184 #page.minichat #conversations .titre .lien,
 185 #page.minichat #conversations .titre .next,
 186 #page.minichat #conversations .titre .prev,
 187 #page.minichat #conversations .titre .numPage {
 188         background-color: #42380b;
 189         cursor: pointer;
 190         padding-right: 5px;
 191         padding-left: 5px;
 192 }
 193 #page.minichat #conversations .titre .lien:hover,
 194 #page.minichat #conversations .titre .next:hover,
 195 #page.minichat #conversations .titre .prev:hover,
 196 #page.minichat #conversations .titre .numPage:hover {
 197         background-color: #7c6e2e
 198 }
 199
 200 /***** Les messages *****/
 201 #page.minichat div.message a {
 202         font-weight: bold;
 203 }
 204 #page.minichat div.message .lienConv {
 205         color: #db960f;
 206         font-weight: bold;
 207         cursor: pointer
 208 }
 209 #page.minichat div.message .lienConv:hover {
 210         color: #f1c060
 211 }
 212 #page.minichat .date {
 213    color: #fd913b;
 214    margin-right: 3px;
 215    margin-left: 3px;
 216 }
 217 #page.minichat div.message .pseudo:after {
 218         content: ":"
 219 }
 220 #page.minichat div.message .pseudo,
 221 #page.minichat form .pseudo {
 222    margin-left: 4px;
 223    margin-right: 2px;
 224    font-weight: bold;
 225    color: #76ff33;
 226 }
 227 #page.minichat div.message.ekMaster .pseudo {
 228         color: #ffffff;
 229 }
 230 #page.minichat div.message .pseudo .login {
 231    margin-left: 2px;
 232    font-size: 8px;
 233    color: #a7d88f;
 234 }
 235 #page.minichat div.systeme .pseudo {
 236         color: #CCCCCC
 237 }
 238 #page.minichat #conversations .repondA {
 239    color: #bd7a11;
 240    margin-right: 3px;
 241 }
 242 #page.minichat #conversations .repondA:after {
 243         content: ">"
 244 }
 245 #page.minichat #conversations .extraire {
 246         float: right;
 247         padding-right: 2px;
 248         padding-left: 2px;
 249         background-color: #4f5519;
 250 }
 251 #page.minichat #conversations .extraire:after {
 252         content: ">"
 253 }
 254 #page.minichat #conversations .extraire:hover {
 255         background-color: #818c27
 256 }
 257