Resource icon

XenForo Membercard - Chalkboard 2014-11-11

No permission to download
PSD Supplied?
No
Changes made upon request?
No
Preview





Summary: A chalkboard themed membercard to use on your xenforo sites. Your able to see (time of writing) see a live preview of the chalkboard membercard here at bbsmiley.com
Board Software: This release is for people using xenforo forums only.
Install Upload all the contents of the .zip archive into your /overlay folder or the overlay folder of that custom style.

After you've uploaded the contents of the archive copy the following css into your EXTRA.CSS template and your done.


Code:
/*MEMBERCARD ENHANCEMENTS*/

.xenOverlay.memberCard {
        background: url("@imagePath/xenforo/overlay/member-card.png") no-repeat scroll 0 0 transparent;
        font-family: helvetica;
}
.xenOverlay.memberCard .avatarCropper {
        background-color: transparent !important;
        border: 0px solid #181818 !important;
        top: 87px !important;
        left: 70px !important;
        height: 96px;
        width: 96px;
        transform:rotate(-20deg);
        -o-transform:rotate(0deg);
}

.xenOverlay.memberCard .avatar img {
        background-color: transparent !important;
        box-shadow: 0  0 3px #ffffff inset;
        border-width: 4px 4px 15px 4px;
        border-color: #f6f7f7;
        border-style: solid;
        box-shadow: 0 0 5px #092a1c;
        height: 96px;
        width: 96px;
        top: 0px !important;
        left: 0px !important;
}

.xenOverlay.memberCard .userInfo {
        top: 60px !important;
        right: 50px !important;
        width: 320px !important;
        height: 190px !important;
        margin: 0 auto;
}

.xenOverlay.memberCard .userLinks {
        background: url("@imagePath/xenforo/overlay/membercard-space.png") no-repeat bottom !important;
        border-bottom: 1px dashed #5b8071!important;
        padding-bottom: 5px !important;
}

.xenOverlay.memberCard .userLinks a {
        color: #cfdf96!important;
}

.xenOverlay.memberCard .lastActivity {
        background: url("@imagePath/xenforo/overlay/membercard-space.png") no-repeat top!important;
        border-top: 1px dashed #5b8071!important;
        margin-bottom: 5px !important;
}

.xenOverlay.memberCard a.close {
        background-image: url("@imagePath/xenforo/overlay/mclose.png") !important;
        right: 20px !important;
        top: 60px !important;
        width: 15px !important;
        height: 15px !important;
}

.xenOverlay.memberCard .userInfo h3 a {
        color: #cfdf96!important;
        font-size: 18px !important;
}

.xenOverlay.memberCard .username {

}

.xenOverlay.memberCard .userInfo h4 {
        color: #cfdf96!important;
}

.xenOverlay.memberCard .userInfo .status {
        color: #f7fce5!important;
}

.xenOverlay.memberCard .pairsInline dt  {
        color: #D8E3B2 !important;
}

.xenOverlay.memberCard .userStats dd  {
        color: #b5c875!important;
}

.xenOverlay.memberCard .lastActivity {
        color: #f7fce5!important;
}

.xenOverlay.memberCard .lastActivity .DateTime  {
        color: #D8E3B2 !important;
}

.xenOverlay.memberCard .muted {
        color: #B5C875 !important;
}

/*MEMBERCARD ENHANCEMENTS*/
Author
Shelley
Downloads
1
Views
24
First release
Last update
Rating
0.00 star(s) 0 ratings
Top