Resource icon

XenForo ] Chalk Board Membercard 2014-11-09

No permission to download

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*/

Conditions of use: This pack may be used on forums, websites but cannot be redistributed or repackaged in any way shape or form for any reason without prior consent of the author.
Author
Shelley
Downloads
2
Views
44
First release
Last update
Rating
0.00 star(s) 0 ratings
Top