PROFILE WIDGET CSS

PASTE THE FOLLOWING UNDER <style type="text/css">


/*-- PROFILE WIDGET BY HUNTER THEMES --*/

#pw_profile {
position:fixed;
top:{text:Profile widget top position};
left:{text:Profile widget left position};
width:290px;
height:auto;
font-family:{font:Profile widget font};
z-index:1000;
}

#pw_profile b {
color:{color:PW icon};
}

/* Titles */

.pw_atitle, .pw_ltitle, .pw_utitle {
margin-top:12px;
margin-left:30px;
width:165px;
height:20px;
line-height:20px;
padding:5px;
padding-left:25px;
font-size:15px;
color:{color:PW title};
background:{color:PW title background};
cursor:pointer;
}

/* Rombs */

.pw_aromb, .pw_lromb, .pw_uromb, .pw_sromb {
position:absolute;
margin-left:-49px;
margin-top:-5px;
width:28px;
height:28px;
line-height:30px;
text-align:center;
background:{color:PW title romb background};
border:1px solid {color:PW title background};
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
transition: .1s ease-in-out;
}

.pw_rotate {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
margin-top:-6px;
width:30px;
height:30px;
}

/* Icons */

.pw_aromb i, .pw_lromb i, .pw_uromb i, .pw_sromb i {
color:{color:PW icon};
width:30px;
height:30px;
line-height:30px;
font-size:15px;
}

.pw_rotate2 {
transform: rotate(315deg);
}

.pw_rotate2 i {
color:{color:PW title background};
}

/*-- About --*/

#pw_about {
margin-top:15px;
margin-left:35px;
width:170px;
height:auto;
padding:10px;
font-size:13px;
line-height:18px;
color:{color:PW about text};
background:{color:PW about background};
display:none;
}

/*-- Links --*/

#pw_links {
margin-top:0px;
margin-left:22px;
width:190px;
height:auto;
padding:5px 0;
overflow:hidden;
display:none;
}

#pw_links a {
display:block;
margin-top:15px;
margin-left:23px;
width:142px;
height:15px;
padding:5px;
padding-left:20px;
line-height:15px;
font-size:13px;
color:{color:PW link};
background:{color:PW link background};
text-decoration:none;
transition:.3s ease-in-out;
}

#pw_links a:nth-child(2n+0) {
margin-left:50px;
}

#pw_links a::before {
content:'';
float:left;
margin-top:-5px;
margin-left:-38px;
width:25px;
height:25px;
background:{color:PW link romb background};
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}

#pw_links a:hover {
color:{color:PW link hover};
background:{color:PW title background};
}

/*-- Updates tab --*/

#pw_updates {
margin-top:15px;
margin-left:35px;
width:170px;
height:auto;
padding:10px;
font-size:13px;
line-height:18px;
color:{color:PW about text};
background:{color:PW about background};
display:none;
}

/*-- Search box --*/

#pw_search {
margin-top:12px;
margin-bottom:12px;
margin-left:30px;
width:165px;
height:20px;
line-height:20px;
padding:5px;
padding-left:25px;
font-size:15px;
background:{color:PW title background};
}

#pw_search input::-webkit-input-placeholder {
font-size:15px;
font-family:{font:Profile widget font};
color:{color:PW title};
}

#pw_search input::-moz-placeholder {
font-size:15px;
font-family:{font:Profile widget font};
color:{color:PW title};
}

#pw_search input:-moz-placeholder {
font-size:15px;
font-family:{font:Profile widget font};
color:{color:PW title};
}

#pw_search input:-ms-input-placeholder {
font-size:15px;
font-family:{font:Profile widget font};
color:{color:PW title};
}

input, textarea, select, a { outline: none; }