Blocks
Block – Solid Color:
*border: none !important; for no border.
div.block {
background-color: #00ff00 !important;
border: 1px solid #000000;
}
Block – Transparent:
*border: none !important; for no border.
div.block {
background-color: transparent !important;
border: 1px solid #000000;
}
Block – Semi-Transparent:
*border: none !important; for no border.
div.block {
background-color: transparent !important;
background-image: url(DIRECT IMAGE URL – SEMI-TRANSPARENT PNG FILE);
background-position: top left;
background-repeat: repeat;
background-attachment: scroll;
border: 1px solid #000000;
}
Block – Rounded Corners (Internet Explorer Not Supported.) :
*This can also be applied to other elements, by changing the selector to the element to be styled.
*No need for normal border declaration if already applied.
div.block {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
Block Titles:
*Notice it is possible to apply a background to the title, by replacing “background-image: none;” with “background-image: url(“DIRECT IMAGE URL”); …Using the correct URL for your image, of course. Use an image that is approx. 600×30. You can also change the repeat value to tile a smaller image.
div.block div.title {
background-color: #00ff00;
background-image: none;
background-position: top left;
background-repeat: no-repeat;
background-attachment: scroll;
color: #ffffff !important;
}
Block Titles – Transparent:
*Change font color as needed.
*border: none !important; for no border.
div.block div.title {
background-color: transparent !important;
color: #ffffff !important;
}
Block Titles – Rounded (Use with rounded block corners code.):
*Change 0 to 5px to affect all corners.
div.block div.title {
-moz-border-radius: 5px 5px 0 0;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-left-radius: 0;
-webkit-border-bottom-right-radius: 0;
}
Block Titles – Remove Text:
div.block div.title {
font-size: 0 !important;
text-indent: -1650px !important;
}
Block – “View More” Style:
div.block div.bottom {
background-color: transparent;
}
div.block div.bottom a {
border: 1px solid #000000;
}
div.block div.bottom a:hover {
background: #777777;
color: #000000;
border: 1px solid #999999;
}
Contact Block – Solid Color:
*border: none !important; for no border.
* “#profile_nav_list a” and “#profile_nav_list a:hover” is for the contact link backgrounds. Change “background-color: transparent !important;” to “background-color: COLOR HERE !important;” for solid color.
#profile_nav_list {
background-color: #00ff00 !important;
border: 1px solid #000000;
}
#profile_nav_list ul li a {
background-color: #ff00ff !important;
color: #999999;
}
#profile_nav_list ul li a:hover {
background-color: #ff0000 !important;
color: #e3e3e3;
}
Contact Block – Transparent:
*border: none !important; for no border.
* “#profile_nav_list a” and “#profile_nav_list a:hover” is for the contact link backgrounds. Change “background-color: transparent !important;” to “background-color: COLOR HERE !important;” for solid color.
#profile_nav_list {
background-color: transparent !important;
border: 1px solid #000000;
}
#profile_nav_list ul li a {
background-color: transparent !important;
color: #999999;
}
#profile_nav_list ul li a:hover {
background-color: transparent !important;
color: #e3e3e3;
}
Contact Block – Semi-Transparent:
*border: none !important; for no border.
* “#profile_nav_list a” and “#profile_nav_list a:hover” is for the contact link backgrounds. Change “background-color: transparent !important;” to “background-color: COLOR HERE !important;” for solid color.
#profile_nav_list {
background-color: transparent !important;
background-image: url(DIRECT IMAGE URL – SEMI-TRANSPARENT PNG FILE);
background-position: top left;
background-repeat: repeat;
background-attachment: scroll;
border: 1px solid #000000;
}
#profile_nav_list ul li a {
background-color: transparent !important;
color: #999999;
}
#profile_nav_list ul li a:hover {
background-color: transparent !important;
color: #e3e3e3;
}
Contact Block – Rounded Corners (Internet Explorer Not Supported.) :
*No need for normal border declaration if already applied.
#profile_nav_list {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
Default Pic Block – Solid Color:
*border: none !important; for no border.
.profile_image_holder {
background-color: #00ff00 !important;
border: 1px solid #000000;
}
Default Pic Block – Transparent:
*border: none !important; for no border.
.profile_image_holder {
background-color: transparent !important;
border: 1px solid #000000;
}
Default Pic Block – Semi-Transparent:
*border: none !important; for no border.
.profile_image_holder {
background-color: transparent !important;
background-image: url(DIRECT IMAGE URL – SEMI-TRANSPARENT PNG FILE);
background-position: top left;
background-repeat: repeat;
background-attachment: scroll;
border: 1px solid #000000;
}
Default Pic Block – Rounded Corners (Internet Explorer Not Supported.) :
*No need for normal border declaration if already applied.
.profile_image_holder {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
Comments Block – Comment Area – Solid Color:
*border: none !important; for no border.
.comment_header {
background-color: #00ff00 !important;
border-top: 1px dotted #333333 !important;
color: #555555 !important;
margin-top: -1px !important;
}
.comment_box {
background-color: #00ff00 !important;
}
.comment_content {
background-color: #ff00ff !important;
}
Comments Block – Comment Area – Transparent:
*border: none !important; for no border.
.comment_header {
background-color: transparent !important;
border-top: 1px dotted #333333 !important;
color: #555555 !important;
margin-top: -1px !important;
}
.comment_box {
background-color: transparent !important;
}
.comment_content {
background-color: transparent !important;
}
Comments Block – Comment Area – Semi-Transparent:
*border: none !important; for no border.
.comment_header {
background-color: transparent !important;
background-image: url(DIRECT IMAGE URL – SEMI-TRANSPARENT PNG FILE);
background-position: top left;
background-repeat: repeat;
background-attachment: scroll;
border-top: 1px dotted #333333 !important;
color: #555555 !important;
margin-top: -1px !important;
}
.comment_box {
background-color: transparent !important;
background-image: url(DIRECT IMAGE URL – SEMI-TRANSPARENT PNG FILE);
background-position: top left;
background-repeat: repeat;
background-attachment: scroll;
}
.comment_content {
background-color: transparent !important;
background-image: url(DIRECT IMAGE URL – SEMI-TRANSPARENT PNG FILE);
background-position: top left;
background-repeat: repeat;
background-attachment: scroll;
}
Remove “Edit” Icons From Title Bars:
*Note: The icons are only visible on your profile while logged in… other people do not see them.
.js_edit_header_bar img {
visibility: hidden;
}
