Dark MessageUserInfo Enhancement

jonah

Регистрация
16.04.16
Сообщения
5
Симпатии
0
#1
Summary: This is a simple enhancement that will give your MessageUserInfo area (as seen in the screenshot) a dark look to it.

Install: Paste the following CSS into your EXTRA.CSStemplate
Код:
        /* START DARK MESSAGEUSERINFO ENHANCEMENT START */

        .messageUserInfo .messageUserBlock {
        background: none #444444;
          border: 1px solid #1b1b1b;
          border-radius: 5px;
          box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.4) inset; }

        .messageUserInfo .avatar img {
          background-color: #414141;
          border: 1px solid #1b1b1b; }

        .messageUserInfo .messageUserBlock .avatarHolder {
        background: -moz-linear-gradient(left, #282828 0%, #3d3d3d 50%, #282828 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, right top, color-stop(0%,#282828), color-stop(50%,#3d3d3d), color-stop(100%,#282828)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(left, #282828 0%,#3d3d3d 50%,#282828 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(left, #282828 0%,#3d3d3d 50%,#282828 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(left, #282828 0%,#3d3d3d 50%,#282828 100%); /* IE10+ */
        background: linear-gradient(to right, #282828 0%,#3d3d3d 50%,#282828 100%); /* W3C */
          background-color: #343434; /* old Browsers */
          border-bottom: 1px solid #1b1b1b;
          border-bottom-left-radius: 6px;
          border-bottom-right-radius: 6px;}

        .messageUserBlock h3.userText { text-align: center; }
        .messageUserInfo .messageUserBlock .userTitle { color: #b2b2b2; text-shadow:0 0 2px #000; }

        .messageUserInfo .messageUserBlock .extraUserInfo {
        background: -moz-linear-gradient(left, #282828 0%, #3d3d3d 50%, #282828 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, right top, color-stop(0%,#282828), color-stop(50%,#3d3d3d), color-stop(100%,#282828)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(left, #282828 0%,#3d3d3d 50%,#282828 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(left, #282828 0%,#3d3d3d 50%,#282828 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(left, #282828 0%,#3d3d3d 50%,#282828 100%); /* IE10+ */
        background: linear-gradient(to right, #282828 0%,#3d3d3d 50%,#282828 100%); /* W3C */
          background-color: #343434; /* old Browsers */
          border-top: 1px solid #2a2a2a;
          border-top-left-radius: 6px;
          border-top-right-radius: 6px;}

        .messageUserInfo .extraUserInfo { color: #eaeaea; }


        .messageUserInfo .messageUserBlock .arrow { -moz-border-left-colors: black; border-left-color: black;}
        .messageUserInfo .messageUserBlock .arrow span { -moz-border-left-colors: #282828; border-left-color: #282828;}


        /* END DARK MESSAGEUSERINFO ENHANCEMENT END */
9YPUh9r.png
 

Capella13

Регистрация
26.09.16
Сообщения
20
Симпатии
1
#2
.messageUserInfo .avatar img {
background-color: #414141;
border: 1px solid #1b1b1b; }

Данный код влияет на отступ или нет?