Chat.css

/\* - Background et responsive --------------------------------------- \*/

.WikiaPage {

```
   background: transparent;
   background-color: transparent !important;

```

}
.ChatHeader {

```
       background-color: transparent !important;

```

}
body.ChatWindow {

```
   background-color: #A2F1E8;
   background-image: url(http://img89.xooimage.com/files/6/e/9/etoile-de-givre-e...-du-ciel-3a04685.jpg);
   background-repeat: no-repeat;
   background-attachment: fixed;
   background-position: bottom right;
   -webkit-background-size: 100%;
   -moz-background-size: 100%;
   -o-background-size: 100%;
   background-size: 100%;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;

```

}

/\* Background apparence mobile \*/
html {

```
   height: 97%;

```

}
body {

```
   min-height: 100%;

```

}
@media screen and (max-device-width: 400px) {

```
   .body.ChatWindow {
       background-size: auto 100% !important;
   }

```

}

/\* Couleur Aministrateur \*/
body.ChatWindow .Chat li[data-user="Fleur\_de\_Sueau"],
body.ChatWindow .Chat li[data-user="PlayerH"],
body.ChatWindow .Chat li[data-user="La Pieuvre"],
body.ChatWindow .Chat li[data-user="Geo1997"] {

```
   background: #A4F3A4 !important;

```

}

/\* Couleur Modérateur \*/
body.ChatWindow .Chat li[data-user="Fleur\_de\_Sueau"],
body.ChatWindow .Chat li[data-user="TokyoGirl1622"],
body.ChatWindow .Chat li[data-user="TheFennec15"],
body.ChatWindow .Chat li[data-user="Bichoune0612"],
body.ChatWindow .Chat li[data-user="Tikwis"] {

```
   background: #B0F7B0 !important;

```

}

/\* - Plugin Emoticon et ping ------------------------------------ \*/

/\* Plugin http://kocka.wikia.com/wiki/Emoticons \*/
.EmoticonsWindowButton {

```
   float: right;
   margin-top: 13px !important;
   position: inherit !important;
   margin-left: 0px !important;

```

}

/\*Ping phrase\*/

1. pingspan {

```
   color: #A0522D;
   font-size: 10px !important;

```

}
@media screen and (max-width: 600px) {

1. pingspan {

```
   left: 0px;

```

}
}

/\* Reglage position sur Firefox \*/
.wordmark {

```
   white-space: normal !important;

```

}

/\* - Bulles -------------------------------------------- \*/

body.ChatWindow li.you {

```
   background:#621D1E; !important;

```

}
body.ChatWindow #WikiChatList li:hover {

```
   background: #FFFFFF !important;

```

}
body.ChatWindow .Chat li:last-child{

```
  margin-bottom:10px !important;

```

}
body.ChatWindow .Chat li {

```
  padding:10px 15px 16px 15px;

```

}

/\* Solo mensajes primeros \*/
body.ChatWindow .Chat li:not(.inline-alert):not(.continued) {

```
  margin:10px 20px 0px 80px;
  border-radius:2px 2px 0 0;

```

}
/\* Solo alertas \*/
/\* Solo continuados \*/
body.ChatWindow .Chat li.continued {

```
  margin:0 20px 0 80px;
  top: auto !important;

```

}
body.ChatWindow .Chat li {

```
   background:#ECD1B5;

```

}

body.ChatWindow .Chat li:not(.continued):not(.inline-alert):before {

```
   border-color:#F1E0CF #FFFFFF transparent transparent;
   border-style: solid;
   border-width: 12px;
   content: "";
   position:absolute;
   top:5px;
   left:-24px

```

}

body.ChatWindow .Chat li.continued:not(.inline-alert) {

```
 padding-top:0;

```

}

body.ChatWindow .Chat li[data-user="Yukitwane"]:before,
body.ChatWindow .Chat li[data-user="La Pieuvre"]:before,
body.ChatWindow .Chat li[data-user="PlayerH"]:before,
body.ChatWindow .Chat li[data-user="Geo1997"]:before {

```
    border-color:#FFFFFF #FFFFFF transparent transparent !important;

```

}

body.ChatWindow li.you:before {

```
    border-color:#FFFFFF #FFFFFF transparent transparent !important;

```

}

/\* UserStatsMenu \*/
body.ChatWindow #UserStatsMenu {

```
   border: 2px solid forestgreen;
   border-radius: 2px;
   box-shadow:0 0 10px #FFFFFF inset;

```

}

body.ChatWindow #UserStatsMenu .info {

```
   border-radius:2px 2px 0 0;
   padding:7px !important;

```

}
body.ChatWindow #UserStatsMenu li:hover,
body.ChatWindow #UserStatsMenu .info {

```
   background: #FFFFFF !important;

```

}

body.ChatWindow #normasChat ul {

```
   list-style: disc outside;
   margin:3px 30px;

```

}
body.ChatWindow .Chat {

```
  overflow-x:hidden !important;

```

}

1. ChatHeader,

.WikiaPage {

```
    border: 1px solid #046604;
    box-shadow: 0 0 1em #046604;

```

}

body.ChatWindow .Rail .selected {

```
   background: #abc2ab;
   box-shadow:0 0 10px #859985 inset;

```

}

body.ChatWindow .continued + .continued {

```
    margin-top:-15px !important;

```

}

body.ChatWindow .inline-alert + .inline-alert {

```
    margin-top:-15px !important;

```

}

body.ChatWindow .continued + li:not(.continued):not(.inline-alert) {

```
 margin-top: 0 !important;

```

}

body.ChatWindow .Chat .avatar {

```
  left:-50px !important;
  top:0px !important;
  border-radius: 50%;

```

}

body.ChatWindow .Chat .username {

```
  letter-spacing:.3px;

```

}

/\* Nouvelles bulles \*/
body.ChatWindow .Chat li:not(.inline-alert):not(.continued) {

```
   margin-top: 40px !important;
   -webkit-box-sizing: content-box;
   -moz-box-sizing: content-box;
   box-sizing: content-box;
   z-index: 2;
   cursor: default;
   opacity: 1;
   overflow: visible;

```

/\* border: 2px solid rgba(174,224,58,1);\*/

```
   border-right-width: 3px;
   border-bottom-width: 3px;
   border-radius: 6px;
   padding-bottom: 9px;
   min-height: 20px;

```

/\* - Emoticones -------------------------------------------- \*/

/\* Taille emoticones tchat \*/
.Chat .message > img[title^="onion"] /\* tous les smilez commencant par onion sont un peu plus gros\*/
{

```
   width:30px;
   height:auto;

```

}
.Chat .message > img[title^="(big-"] /\* tous les smilez commencant par onion sont un peu plus gros\*/
{

```
   width:50px;
   height:auto;

```

}
.Chat .message > img[title="(B\)"]
{

```
   width:35px;
   height:auto;

```

}
.Chat .message > img[title="(diable)"]
{

```
   width:30px;
   height:auto;

```

}
.Chat .message > img[title="(nothinghere)"]
{

```
   width:30px;
   height:auto;

```

}
.Chat .message > img[title="(miku)"]
{

```
   width:auto;
   height:50px;

```

}
.Chat .message > img[title="(FeelsBadMan)"]
{

```
   width:30px;
   height:auto;

```

}
.Chat .message > img[title="(FeelsGoodMan)"]
{

```
   width:30px;
   height:auto;

```

}
.Chat .message > img[title="(yao)"]
{

```
   width:40px;
   height:auto;

```

}
.Chat .message > img[title="(fatigue)"]
{

```
   width:auto;
   height:40px;

```

}
.Chat .message > img[title="(raisins)"]
{

```
   width:28px;
   height:auto;

```

}
.Chat .message > img[title="(raisins2)"]
{

```
   width:28px;
   height:auto;

```

}
.Chat .message > img[title="(nutella)"]
{

```
   width:auto;
   height:40px;

```

}
.Chat .message > img[title="(kfc)"]
{

```
   width:auto;
   height:40px;

```

}
.Chat .message > img[title="(merci)"]
{

```
   width:40px;
   height:auto;

```

}
.Chat .message > img[title="(siffle)"]
{

```
   width:23px;
   height:auto;

```

}
.Chat .message > img[title="(pika)"]
{

```
   width:50px;
   height:auto;

```

}
.Chat .message > img[title="(pendu)"]
{

```
   width:25px;
   height:auto;

```

}
.Chat .message > img[title="(chut)"]
{

```
   width:20px;
   height:23px;

```

}
.Chat .message > img[title="(nyan)"]
{

```
   width:50px;
   height:auto;

```

}
.Chat .message > img[title="onionp"]
{

```
   width:40px;
   height:auto;

```

}
.Chat .message > img[title="(poursuite)"]
{

```
   width:100px;
   height:auto;

```

}
.Chat .message > img[title="(carglass)"]
{

```
   width:auto;
   height:19px;

```

}
.Chat .message > img[title="(kiwi)"]
{

```
   width:35px;
   height:auto;

```

}
.Chat .message > img[title="(+1)"]
{

```
   width:35px;
   height:auto;

```

}
.Chat .message > img[title="onion1"]
{

```
   width:35px;
   height:auto;

```

}
.Chat .message > img[title="onion4"]
{

```
   width:35px;
   height:auto;

```

}
.Chat .message > img[title="onionM"]
{

```
   width:35px;
   height:auto;

```

}
.Chat .message > img[title="(tyran)"]
{

```
   width:145px;
   height:auto;

```

}
.Chat .message > img[title="(excitation)"]
{

```
   width:auto;
   height:40px;

```

}
.Chat .message > img[title="(marre)"]
{

```
   width:40px;
   height:auto;

```

}
.Chat .message > img[title="(grr)"]
{

```
   width:33px;
   height:auto;

```

}
.Chat .message > img[title="(popcorn)"]
{

```
   width:70px;
   height:auto;

```

}
.Chat .message > img[title="(fail)"]
{

```
   width:30px;
   height:auto;

```

}
.Chat .message > img[title="(up)"]
{

```
   width:30px;
   height:auto;

```

}
.Chat .message > img[title="(weekend)"]
{

```
   width:70px;
   height:auto;

```

}
.Chat .message > img[title="(freddie)"]
{

```
   width:auto;
   height:70px;

```

}
.Chat .message > img[title="(fouet)"]
{

```
   width:auto;
   height:50px;

```

}
.Chat .message > img[title="(snoop)"]
{

```
   width:auto;
   height:65px;

```

}
.Chat .message > img[title="(doge)"]
{

```
   width:auto;
   height:30px;

```

}
.Chat .message > img[title="(deskflip)"]
{

```
   width:auto;
   height:35px;

```

}
.Chat .message > img[title=":\*"]
{

```
   width:auto;
   height:30px;

```

}
.Chat .message > img[title="(later)"]
{

```
   width:auto;
   height:50px;

```

}
.Chat .message > img[title="(music)"]
{

```
   width:auto;
   height:50px;

```

}
.Chat .message > img[title="(monkey)"]
{

```
   width:auto;
   height:50px;

```

}
.Chat .message > img[title="(:D)"]
{

```
   width:auto;
   height:22px;

```

}
.Chat .message > img[title="(swagsheep)"]
{

```
   width:auto;
   height:50px;

```

}
.Chat .message > img[title="(ok)"]
{

```
   width:auto;
   height:50px;

```

}
.Chat .message > img[title="(ah)"]
{

```
   width:auto;
   height:50px;

```

}
.Chat .message > img[title="(ah !)"]
{

```
   width:auto;
   height:50px;

```

}
.Chat .message > img[title="(ah2)"]
{

```
   width:auto;
   height:50px;

```

}
.Chat .message > img[title="(yaoming)"]
{

```
   width:auto;
   height:25px;

```

}
.Chat .message > img[title="(coeur)"]
{

```
   width:auto;
   height:50px;

```

}
.Chat .message > img[title="(Maret)"]
{

```
   width:auto;
   height:50px;

```

}
.Chat .message > img[title="(Kéké)"]
{

```
   width:auto;
   height:50px;

```

}
.Chat .message > img[title="(evadabpistolet)"]
{

```
   width:auto;
   height:50px;

```

}

@import url("http://fr.la-memoire-des-etoiles.wikia.com/wiki/Wiki\_La\_Mémoire\_des\_Etoiles");