Dark MessageUserInfo Enhancement

Тема в разделе "Инструкции и основная информация", создана пользователем jonah, 18.04.16.

  1. jonah

    jonah Новичок

    Сообщения:
    5
    Репутация:
    5
    Рейтинг:
    +0 / -0
    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
     
  2. Capella13

    Capella13 Участник

    Сообщения:
    10
    Репутация:
    6
    Рейтинг:
    +0 / -0
    .messageUserInfo .avatar img {
    background-color: #414141;
    border: 1px solid #1b1b1b; }

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

Похожие темы
  1. Next
    Ответов:
    0
    Просмотров:
    92
  2. Next
    Ответов:
    3
    Просмотров:
    198
  3. android88
    Ответов:
    0
    Просмотров:
    113
  4. Next
    Ответов:
    0
    Просмотров:
    101
  5. TruthFire
    Ответов:
    0
    Просмотров:
    101
Загрузка...