User:Marchewka97/chat.css

@import url(http://fonts.googleapis.com/css?family=Ubuntu);

.ChatWindow { background: url(http://i.ytimg.com/vi/dE3uFXJmJ5U/maxresdefault.jpg) !important;
	      background-attachment: fixed !important;
}

body { font-family: 'Ubuntu', sans-serif; }

.Chat .inline-alert, .Chat .time, .User .username {
  color: #fff;
  text-shadow: 0 0 5px #000;

.Chat .message, .Chat .username, .User.away .status {
  text-shadow: 0 0 10px #000;
}

.User.away .status { color: #ccc; }

.Chat li {
  background: #1c1e6b;
  background: -moz-linear-gradient(left, #1c1e6b 0%, #443a9e 25%, #25067a 50%, #443a9e 79%, #1c1e6b 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,#1c1e6b), color-stop(25%,#443a9e), color-stop(50%,#25067a), color-stop(79%,#443a9e), color-stop(100%,#1c1e6b));
  background: -webkit-linear-gradient(left, #1c1e6b 0%,#443a9e 25%,#25067a 50%,#443a9e 79%,#1c1e6b 100%);
  background: -o-linear-gradient(left, #1c1e6b 0%,#443a9e 25%,#25067a 50%,#443a9e 79%,#1c1e6b 100%);
  background: -ms-linear-gradient(left, #1c1e6b 0%,#443a9e 25%,#25067a 50%,#443a9e 79%,#1c1e6b 100%);
  background: linear-gradient(to right, #1c1e6b 0%,#443a9e 25%,#25067a 50%,#443a9e 79%,#1c1e6b 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c1e6b', endColorstr='#1c1e6b',GradientType=1 );
}

.Chat .you {
  background: #0e1931;
  background: #4d1c6b;
  background: -moz-linear-gradient(left, #4d1c6b 0%, #573899 25%, #4d067a 50%, #573899 79%, #4d1c6b 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,#4d1c6b), color-stop(25%,#573899), color-stop(50%,#4d067a), color-stop(79%,#573899), color-stop(100%,#4d1c6b));
  background: -webkit-linear-gradient(left, #4d1c6b 0%,#573899 25%,#4d067a 50%,#573899 79%,#4d1c6b 100%);
  background: -o-linear-gradient(left, #4d1c6b 0%,#573899 25%,#4d067a 50%,#573899 79%,#4d1c6b 100%);
  background: -ms-linear-gradient(left, #4d1c6b 0%,#573899 25%,#4d067a 50%,#573899 79%,#4d1c6b 100%);
  background: linear-gradient(to right, #4d1c6b 0%,#573899 25%,#4d067a 50%,#573899 79%,#4d1c6b 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d1c6b', endColorstr='#4d1c6b',GradientType=1 );
}

.ChatHeader {
  background-color: rgba(255, 255, 255, 0.38);

#WikiaPage {
  background: transparent;
  background-color: rgba(255, 255, 255, 0);
  border: none;
  color: #FFF;
  text-shadow: 0 0 4px #000;
}

.Write .message {
  background-color: rgba(255, 255, 255, 0.17);
  border-radius: 10px;
}

.Write img {
  border: none;
  box-shadow: 0 0 10px #FFFFFF;
  border-radius: 10px;
}