1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.
  2. Please donate today & help us with our growing server costs or buy premium for access to our premium products
    Dismiss Notice

FREE Dark MessageUserInfo Enhancement

Discussion in 'Xenforo Template Mods & Extras' started by Armaan Ali, Mar 14, 2016.

  1. Armaan Ali

    Armaan Ali Guest

    [​IMG] [​IMG]

    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

    Code:

    /* 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 */
     
    steve74 likes this.
  2. steve74

    steve74 Registered REGISTERED

    Likes Received:
    0
    Trophy Points:
    1
    Gender:
    Male
    Thanks
     

Share This Page

Post thread