THIS CODE IS A GOOD STARTING POINT
/* V:2 */
#pagecontent {
background: url(IMAGE LINK FOR BACKGROUND);
background-repeat: repeat;
background-attachment: fixed;
background-position: center;
}
#userpagecontentstyle div#userprofile_headerbar {
border-radius: 2em;
-moz-border-radius: 2.05em;
border: 5px solid #87c017;
-moz-box-shadow: 0 0 50px rgba(255, 255, 255, 1);
-webkit-box-shadow: 0 0 50px rgba(255, 255, 255, 1);
box-shadow: 0 0 50px rgba(255, 255, 255, 1);
color: #2554C7;
padding: 0px 0px 0px 0px;
overflow: hidden !important;
height: 514px;
background-color: transparent !important;
background-repeat: no-repeat;
background-position: center;
filter: alpha(opacity=99);
-moz-opacity: 0.99;
opacity: 0.99;
-khtml-opacity: 0.99;
background-image: url(IMAGE LINK FOR HEADER);
}
#userpagecontentstyle .profile_module .main {
padding: 13px 13px 22px;
border-radius: 2em;
-moz-border-radius: 2em;
border: 4px solid #87c017;
position: relative;
-moz-box-shadow: 0 0 50px rgba(255, 255, 255, 1);
-webkit-box-shadow: 0 0 50px rgba(255, 255, 255, 1);
box-shadow: 0 0 50px rgba(255, 255, 255, 1);
filter: alpha(opacity=80);
-moz-opacity: 0.80;
opacity: 0.80;
-khtml-opacity: 0.80;
}
#userpagecontentstyle #activated_bling_panel .img_container a {
border: 2px solid #87c017;
-moz-border-radius: 2em;
border-radius: 2em;
display: block;
margin: 0 auto;
width: 50px;
}
#userpagecontentstyle #bling_panel .img_container a {
background-image: url();
display: block;
margin: 0 auto;
width: 50px;
border: 0px;
border style: solid;
}
#userpagecontentstyle #activated_bling_panel .img_container {
border: 2px solid #87c017;
-moz-border-radius: 2em;
border-radius: 2em;
position: relative;
}
#userpagecontentstyle .img_grid .img_container {
border: none;
}
#userpagecontentstyle #bling_panel .img_container {
border: 2px;
border style: solid border color: #87c017;
position: block;
background-image: url();
}
#userpagecontentstyle #activated_bling_panel .img_container img.special_ability_img {
height: 10px;
width: 10px;
float: left;
margin-left: 2px;
left: 0px;
position: relative;
}
#userpagecontentstyle #bling_panel .img_container img.special_ability_img {
height: 10px;
width: 10px;
float: left;
margin-left: 2px;
left: 0px;
position: relative;
}
#userpagecontentstyle #activated_bling_panel .img_container .fromline {
white-space: nowrap;
display: block;
text-align: center;
width: 58px;
padding: 0;
position: relative;
}
#userpagecontentstyle .new_profile_wrapper div.designed_by_shock {
display: NONE;
}
#userpagecontentstyle #bling_panel .img_container .fromline {
white-space: nowrap;
display: block;
text-align: center;
width: 58px;
padding: 0;
position: relative;
}
#userpagecontentstyle #lounge_panel {
min-height: 45px;
background-color: transparent;
border-radius: 2em;
-moz-border-radius: 2em;
border: 4px solid #87c017;
-moz-box-shadow: 0 0 50px rgba(255, 255, 255, 1);
-webkit-box-shadow: 0 0 50px rgba(255, 255, 255, 1);
box-shadow: 0 0 50px rgba(255, 255, 255, 1);
filter: alpha(opacity=80);
-moz-opacity: 0.80;
opacity: 0.80;
-khtml-opacity: 0.80;
}
#userpagecontentstyle #blog_panel {
min-height: 45px;
filter: alpha(opacity=80);
-moz-opacity: 0.80;
opacity: 0.80;
-khtml-opacity: 0.80;
border: 4px solid #87c017;
-moz-border-radius: 2em;
border-radius: 2em;
-moz-box-shadow: 0 0 50px rgba(255, 255, 255, 1);
-webkit-box-shadow: 0 0 50px rgba(255, 255, 255, 1);
box-shadow: 0 0 50px rgba(255, 255, 255, 1);
}
#userpagecontentstyle .news_feed {
background: url();
background-color: #000422;
filter: alpha(opacity=80);
-moz-opacity: 0.80;
opacity: 0.80;
-khtml-opacity: 0.80;
font-family: Arial;
color: #87c017;
border-radius: 2em;
-moz-border-radius: 2em;
border: 4px solid #87c017;
-moz-box-shadow: 0 0 50px rgba(255, 255, 255, 1);
-webkit-box-shadow: 0 0 50px rgba(255, 255, 255, 1);
box-shadow: 0 0 50px rgba(255, 255, 255, 1);
}
#userpagecontentstyle #status_box {
background: url();
background-color: #000422;
filter: alpha(opacity=80);
-moz-opacity: 0.80;
opacity: 0.80;
-khtml-opacity: 0.80;
font-family: Arial;
color: #87c017;
}
#userpagecontentstyle .profile_container a {
color: #87c017;
}
#userpagecontentstyle .profile_display_name {
font-size: 30px;
font-family: Arial;
color: #87c017;
position: center;
height: 60px;
padding: 10px;
background: url(IMAGE LINK FOR BEHIND ID);
background-color: #000422;
filter: alpha(opacity=80);
-moz-opacity: 0.80;
opacity: 0.80;
-khtml-opacity: 0.80;
}
#userpagecontentstyle #ranking_wrapper_profile_new {
background: url(IMAGE LINK FOR THE DAILY RANK TABLE);
background-repeat: repeat;
min-height: 45px;
border-radius: 2em;
-moz-border-radius: 2em;
border: 4px solid #87c017;
-moz-box-shadow: 0 0 50px rgba(255, 255, 255, 1);
-webkit-box-shadow: 0 0 50px rgba(255, 255, 255, 1);
box-shadow: 0 0 50px rgba(255, 255, 255, 1);
font-family: Arial;
font-size: 15px;
font-weight: bold;
color: #FFFFFF;
}
#userpagecontentstyle #profile_box {
border-radius: 2em;
-moz-border-radius: 2em;
border: 4px solid #87c017;
-moz-box-shadow: 0 0 50px rgba(255, 255, 255, 1);
-webkit-box-shadow: 0 0 50px rgba(255, 255, 255, 1);
box-shadow: 0 0 50px rgba(255, 255, 255, 1);
background-image: url(IMAGE LINK FOR THE PROFILE SECTION)!important;
background color: #transparent;
background-repeat: repeat!important;
background-position: 50% 100%!important;
height: 550px;
filter: alpha(opacity=80);
-moz-opacity: 0.80;
opacity: 0.80;
-khtml-opacity: 0.80;
}
#userpagecontentstyle #profile_box .stats {
background: url(THIS PIC GOES WHERE YOUR LIKES SHOW UP ON PAGE) top right repeat-y;
background-color: #000422;
filter: alpha(opacity=80);
-moz-opacity: 0.80;
opacity: 0.80;
-khtml-opacity: 0.80;
}
#userpagecontentstyle #profile_box .stats_bg {
background: url(THIS PIC GOES WHERE YOUR LIKES SHOW UP ON PAGE) top right repeat-y;
background-color: #000422;
filter: alpha(opacity=80);
-moz-opacity: 0.80;
opacity: 0.80;
-khtml-opacity: 0.80;
}
#userpagecontentstyle #main_achievement .achievements {
background: url(/imgs/user/achievements_bg.png) top right repeat-y;
}
#userpagecontentstyle .achievement_desc {
font-weight: bold;
}
#userpagecontentstyle .stat_col .title {
font-size: 8px;
font-family: Arial;
}
#userpagecontentstyle .stat_title {
font-weight: bold;
}
#userpagecontentstyle #buzz_meter .buzz_percent {
font-size: 12px;
font-weight: bold;
}
#userpagecontentstyle #level_meter .level_percent {
font-size: 11px;
font-weight: bold;
}
#userpagecontentstyle #level_meter .user_level_top .current_level {
font-size: 11px;
}
#userpagecontentstyle #level_meter .user_level_top .next_level {
font-size: 11px;
}
#userpagecontentstyle #profile_box #main_achievement .details {
background: url(/imgs/user/achievements_bg.png) repeat-y scroll right top #87c017;
}
#userpagecontentstyle #profile_box #main_achievement .details p {
font-size: 10px;
}
#userpagecontentstyle #profile_box #main_achievement .details .title {
font-size: 11px;
}
#userpagecontentstyle #fumafia {
border: none;
}
#userpagecontentstyle .fumafia_logo {
margin: 0;
}
#userpagecontentstyle .fumafia_logo img {
height: 15px;
}
#userpagecontentstyle .fumafia_info {
text-align: left;
}
#userpagecontentstyle .fumafia_info a {
color: #87c017;
font-family: Arial;
font-size: 13px;
border: 1px solid #87c017;
border-radius: 2em;
}
#userpagecontentstyle .fumafia_turf {
width: 20px;
}
#userpagecontentstyle .fumafia_turf img {
width: 30px;
}
#userpagecontentstyle .bling_fav_rank {
-border-radius: 0 0 0 3px;
-webkit-border-radius: 0 0 0 3px;
-moz-border-radius: 2em;
background: url() repeat scroll 4px -14px transparent;
font-size: 10px;
height: 14px;
line-height: 12px;
opacity: 1;
padding-top: 0;
right: 0;
top: 0;
width: 16px;
border-radius: 2em;
border: 2px solid #87c017;
}
#userpagecontentstyle .friendfam_fav_rank {
-border-radius: 0 0 0 3px;
-webkit-border-radius: 0 0 0 3px;
-moz-border-radius: 2em;
background: url() repeat scroll 4px -14px transparent;
font-size: 10px;
height: 14px;
line-height: 12px;
opacity: 1;
padding-top: 0;
right: 0;
top: 0;
width: 16px;
border-radius: 2em;
border: 2px solid #87c017;
}
#userpagecontentstyle #my_box .main {
background-repeat: repeat;
background-position: top;
border-radius: 2em;
-moz-border-radius: 2em;
border: 5px solid #87c017;
-moz-box-shadow: 0 0 50px rgba(255, 255, 255, 1);
-webkit-box-shadow: 0 0 50px rgba(255, 255, 255, 1);
box-shadow: 0 0 50px rgba(255, 255, 255, 1);
background: url();
background-color: #000422;
filter: alpha(opacity=80);
-moz-opacity: 0.80;
opacity: 0.80;
-khtml-opacity: 0.80;
}
#userpagecontentstyle #my_box .section {
border: 3px solid #fff;
font-family: Arial;
color: #87c017;
font-size: 15px;
font-weight: bold;
background-repeat: repeat;
background-position: center;
background: url();
background-color: #000422;
filter: alpha(opacity=80);
-moz-opacity: 0.80;
opacity: 0.80;
-khtml-opacity: 0.80;
}
#userpagecontentstyle #my_box .section .show_user_demo {
font-size: 10px;
}
#userpagecontentstyle #my_box .section.last {
margin: 0;
border-bottom: 5px;
}
#userpagecontentstyle .section_title {
font-size: 25px;
font-weight: bold;
}
#userpagecontentstyle #left_nav {
background: url(IMAGE LINK FOR WHERE THE ABILITY AND LINKS ARE FOR ADDS FANS ETC.);
background-color: #000422;
filter: alpha(opacity=80);
-moz-opacity: 0.80;
opacity: 0.80;
-khtml-opacity: 0.80;
border-radius: 2em;
-moz-border-radius: 2em;
border: 4px solid #87c017;
-moz-box-shadow: 0 0 50px rgba(255, 255, 255, 1);
-webkit-box-shadow: 0 0 50px rgba(255, 255, 255, 1);
box-shadow: 0 0 50px rgba(255, 255, 255, 1);
padding: 10px 13px;
font-size: 15px;
font-family: verdana;
color: #87c017;
font-weight: bold;
}
#userpagecontentstyle #left_nav ul li a {
font-size: 13px;
font-family: Arial;
color: #87c017;
font-weight: bold;
cursor: pointer;
}
#userpagecontentstyle .left_sub_nav li a {
font-weight: normal;
color: #87c017;
cursor: pointer;
}
#userpagecontentstyle .tabs li {
background: url(IMAGE LINK FOR THE TABS ABOVE EACH TABLE) repeat-x scroll 0 -98px #000421;
float: left;
font-size: 14px;
font-family: Arial;
color: #87c017;
font-weight: bold;
margin-right: 2px;
min-width: 89px;
padding: 7px 10px;
text-align: center;
-moz-border-radius: 2em;
border-radius: 2em;
border: 3px ridge#000421;
-moz-box-shadow: 0 0 50px rgba(255, 255, 255, 1);
-webkit-box-shadow: 0 0 50px rgba(255, 255, 255, 1);
box-shadow: 0 0 50px rgba(255, 255, 255, 1);
}
#userpagecontentstyle .tabs li.on {
background: #333 url(IMAGE LINK FOR THE TABS ABOVE EACH TABLE) 0 -8px repeat-x;
font-family: Arial;
font-size: 14px;
}
#userpagecontentstyle .tabs li a {
color: #87c017;
font-family: Arial;
font-size: 14px;
}
#userpagecontentstyle #status_box .title {
font-family: Arial;
font-size: 25px;
font-weight: bold;
}
#userpagecontentstyle #status_box .user_status_wrapper {
border-radius: 2em;
-moz-border-radius: 2em;
border: 4px solid #000000;
-moz-box-shadow: 0 0 50px rgba(255, 255, 255, 1);
-webkit-box-shadow: 0 0 50px rgba(255, 255, 255, 1);
box-shadow: 0 0 50px rgba(255, 255, 255, 1);
background: url(IMAGE LINK FOR WHERE YOUR STATUS APPEARS);
background-color: #000422;
filter: alpha(opacity=80);
-moz-opacity: 0.80;
opacity: 0.80;
-khtml-opacity: 0.80;
}
#userpagecontentstyle .news_feed ul.user_list li.last {
border: NONE;
}
#userpagecontentstyle .news_feed ul.user_list.mini {
background: url();
background-color: #000422;
filter: alpha(opacity=80);
-moz-opacity: 0.80;
opacity: 0.80;
-khtml-opacity: 0.80;
}
#userpagecontentstyle .news_feed ul.user_list.mini li {
border: 0PX;
}
#userpagecontentstyle .news_feed ul.user_list.mini .nub {
background: url() repeat scroll 17px #000000;
height: 10px;
left: 17px;
top: -5px;
width: 5px;
}
#userpagecontentstyle .news_feed .fb_module_header h2.title {
background: #000422;
font-size: 25px;
font-family: Arial;
color: #87c017;
-moz-box-shadow: 0 0 50px rgba(255, 255, 255, 1);
-webkit-box-shadow: 0 0 50px rgba(255, 255, 255, 1);
box-shadow: 0 0 50px rgba(255, 255, 255, 1);
}
#userpagecontentstyle .simple_status_current {
font-size: 12px;
}
#userpagecontentstyle .simple_status_current_title {
color: #000000;
font-weight: bold;
}
#userpagecontentstyle .simple_status_current_text {
width: 200px;
height: 100px!important;
background-position: center;
background-repeat: no-repeat;
background: url();
background-color: #000422;
filter: alpha(opacity=80);
-moz-opacity: 0.80;
opacity: 0.80;
-khtml-opacity: 0.80;
border-width: 8px;
border-color: #000422;
border-style: double;
-moz-border-radius: 1.05em;
color: #333;
font-family: hobo std;
font-size: 10px;
font-weight: bold;
}
#userpagecontentstyle .simple_status_current_clear {
font-size: 10px;
}
#userpagecontentstyle .stream_message {
font-size: 15px;
background: url(IMAGE LINK FOR COMMENT STREAM AREA ETC.);
background-color: #000422;
filter: alpha(opacity=80);
-moz-opacity: 0.80;
opacity: 0.80;
-khtml-opacity: 0.80;
}
#userpagecontentstyle .stream_source {
font-size: 15px;
}
#userpagecontentstyle textarea {
background-color: #000422;
filter: alpha(opacity=80);
-moz-opacity: 0.80;
opacity: 0.80;
-khtml-opacity: 0.80;
width: 450px;
height: 237px!important;
background-position: center;
background-repeat: repeat;
background-image: url(IMAGE LINK WHERE PEOPLE TYPE);
color: #fff;
font-family: Arial;
font-size: 20px;
font-weight: bold;
}
