Basic Furvilla Villager Template - SIDE ABOUT

/**TEMPLATE BY CRO
http://crovilla.tumblr.com/
If you have any questions, feel free to ask.
**/

.content {
color:#111;
background-image:url("https://66.media.tumblr.com/c9c259ee7cfe61779dc4a3a7cfb99628/tumblr_oa30k1H4qI1qev5lgo1_r1_500.png");
background-repeat:repeat;
}

.content a{
color:#821729;
}

.villager-data-wrapper {
background:transparent;
}

.clearfix h1{
color:white;
font:14px, arial;
font-weight:bold;
text-transform:uppercase;
text-align:center;
margin:auto;
}

/**About**/
/**Use the Villager image's width as margin-left and adjust width accordingly.**/
.villager-data-info-wide {
max-height:400px;
overflow:auto;
width:450px;
margin-top: -422px;
margin-left:249px;
position:absolute;
}

/**Villager Image**/
.villager-data-avatar{
text-align:left;
}

/**Information Boxes**/
.villager-data-info-box villager-general, .villager-data-info-wide villager-data-desc villager-description, .user-comment{
background:rgba(255,255,255,0.5);
border:none;
}

.villager-general{
margin-left:15px;
}

.villager-career{
width:180px;
}

.villager-paintie{
width:180px;
}

.villager-data-minipet {
background:rgba(255, 255, 255, 0.5);
border:0;
position:absolute;
margin: 0 -60px -280px 0;
}

.content .villager-paintie a {
color:#fff;
background-color:#821729;
}

.label-success, .label-primary, .label-default{
color:#fff !important;
background-color:#821729;
}

.label-primary:hover, .label-success:hover, .label-warning:hover, .villager-paintie .label-default:hover, .villager-data-minipet  .label-default:hover {
background-color:#5e5e5e !important;
}

.content h3{
color:#821729;
}

.content .clearfix p span, strong{
font-size:10px;
margin-bottom:-6px;
text-transform:lowercase;
}

/**Users' Comments**/
h2 {
color:#fff !important;
background-color:#1c1c1c;
font-size:18px;
font-family:arial;
font-weight:bold;
text-transform:uppercase;
text-align:center;
width:700px;
margin-left:auto !important;
margin-right:auto !important;
padding-top:3px;
border-radius:8px 8px 0 0;
}

.counter{
border-color:#fff;
}

.textarea{
background:url("https://67.media.tumblr.com/8f68a6f288a9be4c057f754a39206398/tumblr_oa31hriGwH1qev5lgo2_r1_100.png");
margin-top:-20px;
border:3px 0 0 0 solid #1c1c1c;
border-radius:0 0 8px 8px;
}

.user-comments .user-comment{
background:rgba(255,255,255,0.5);
}

.user-comments .user-comment .footer{
color:#111
}

.user-comments .user-comment .footer a{
color:#fff;
}

.report-comment{
color:#821729 !important;
}

.btn medium pull-right {
background-image:none;
background:#878787;
}

.btn:hover {
background-image:none;
background:#5e5e5e;
}

/**Comments Pagination**/
.pagination a{
color:#821729 !important;
}

.active span {
z-index:3;
background-color:#821729 !important;
border:#821729 !important;
}


/**Right Sidebar**/
.widget-header {
border-bottom:3px solid #1c1c1c;}

.widget-header h3 {
color:#fff;
background-image:none;
background:#1c1c1c;
font-weight:bold;
text-transform:uppercase;
text-align:center;
}

.user-info h4 {
color:#111 !important;
font-weight:bold;}


.btn-link {
color:#ffffff !important;
}

.btn-link:hover {
color:#ffffff !important;
}

.forum-posts li{
background:transparent !important;
}
.widget .forum-posts p, .widget .forum-posts p a{
color:#111;
font-weight:normal;
}

.widget .forum-posts li{
border:0;
}


/**Notifications**/
.table tr:nth-child(even) td {
background:url("https://65.media.tumblr.com/fc190edb7076462c1546c19a8d393e6f/tumblr_oa31hriGwH1qev5lgo1_r1_100.png") !important;
border-bottom:0px}

.table tr:nth-child(odd) td {
background:url("https://65.media.tumblr.com/fc190edb7076462c1546c19a8d393e6f/tumblr_oa31hriGwH1qev5lgo1_r1_100.png") !important;
border-bottom:0px }

.table tr:hover td {
background:url("https://67.media.tumblr.com/8f68a6f288a9be4c057f754a39206398/tumblr_oa31hriGwH1qev5lgo2_r1_100.png") !important;
border-bottom:0px;
}

/**CSS Editor**/
.modal-header h2{
color: #37317e !important;
font-size: 48px;
background:none;
text-transform:none;
}