Store
Community Documentation

v3 Knowledgebase

Here is a list of CSS files and what they change.

This is an updated list, one for Density & Cosmic Themes. They are pretty close to the same with just a few small differences.
The list should also follow your CSS file when you edit them.
Extensions, Manage Themes,Edit CSS (choose which style first)
And remember if something goes wrong just click revert.
Updated 02-01-2013

First COSMIC (STYLE)
CUSTOM CSS

to change default image add in front of /image/layout/tree.png') if needed http://www.yoursite.com/theme/frontend/default/style/density_christmas_1

body
{
background:#F5F6F7; (add for picture url('../image/layout/bg.jpg') repeatWink
}

a,
a:hover
{
font-size:20px; (add if needed)
font-weight:bold; (add if needed)
color:#44FF00; (page links color)
}

#logo, #logo:hover
{
font-size:20px; (add if needed)
color:#194DCF; (change color of your logo if txt)
}

#content_holder
{
background:transparent; (change main content backgrond)
margin-top:10px;
padding:0px 8px 0px 8px;
border:0px #dfdfdf solid;

-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;

-moz-box-shadow:0px 0px 0px #EFEFEF;
-webkit-box-shadow:0px 0px 0px #EFEFEF;
box-shadow:0px 0px 0px #EFEFEF;
}

#footer
{
color:#194DCF; (add to change footer text color)
border-top:0px;
padding:0px 10px 10px 10px;
}

#header_menu
{
background:rgb(128, 133, 130) url('../image/layout/cosmic_header_menu.png') repeat-x bottom; (edit to change main menu look)
position:relative;

border:1px #000 solid;

-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;

-moz-box-shadow:3px 3px 3px #CFCFCF;
-webkit-box-shadow:3px 3px 3px #CFCFCF;
box-shadow:3px 3px 3px #CFCFCF;
}

#header_menu ul li a,
#header_menu ul li a:hover
{
color:#fff; (main menu text non-hover)
border:0px;
line-height:36px;
height:40px;
border-right:0px #4F4F4F solid;
font-size:13px;
}

#header_menu ul li a:hover
{
background:#5496D1; (main menu on hover)
color:#fff; (main menu text on hover)
}

#header_menu_holder ul li a,
#header_menu_holder ul li a:hover,
#header_menu_holder ul li a.has_drop_down,
#holder_notify ul li a.notify_drop_link
{
color:#194DCF; (admin, profile, account text )
font-size:12px; (add if needed)
font-weight:bold;

border-right:1px transparent solid;
border-left:1px transparent solid;
}

#header_menu_holder ul li a:hover,
#header_menu_holder ul li a.has_drop_down:hover,
#holder_notify ul li a.notify_drop_link:hover
{
background-color:transparent; (admin, profile, account background on hover)
text-decoration: underline;
}

#header_menu_holder ul li a.active,
#header_menu_holder ul li a.active:hover,
#holder_notify ul li.is_active a.notify_drop_link:hover
{
background-color:#86D3F7; (admin, profile, account background clicked)
border-right:0px #86D3F7 solid;
border-left:0px #86D3F7 solid;
}

#holder_notify ul li a.notify_drop_link:hover
{
background-color:#194DCF; (friends, message, notice on hover)
}

(add after the end of .content3 if needed)
#right
{
background:#000; (recently viewed) (add whole block if needed)
padding:6px;

-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;

-moz-box-shadow:4px 4px 4px #194DCF;
-webkit-box-shadow:4px 4px 4px #194DCF;
box-shadow:4px 4px 4px #194DCF;
}


COMMENT CSS
div.comment_mini_content_holder_icon
{
background:transparent; (small triangle top of comment box)
height:8px;
line-height:8px;
margin-top:4px;
}

div.comment_mini_content_border
{
background:transparent; (main comment box not the top box)
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
}

div.comment_mini
{
padding:4px;
position:relative;
border-bottom:0px #fff solid; (border lines under comments)
}

div.comment_mini_end
{
background:transparent; (bottom of the comment box)
padding:8px 4px 8px 4px;
border-bottom-right-radius:6px;
-moz-border-radius-bottomright:6px;
-webkit-border-bottom-right-radius:6px;
border-bottom-left-radius:6px;
-moz-border-radius-bottomleft:6px;
-webkit-border-bottom-left-radius:6px;
}

js_comment_feed_textarea
{
height:18px;
color:#194DCF; (comment box display txt)
font-size:12px;
background:#fff;
}

.js_comment_feed_textarea_focus
{
color:#194DCF; (comment box typed txt)
height:24px;
}

.feed_share_holder
{
border:0px #D3DAE8 solid;
background:transparent; (shared comments)
padding:5px;
}


COMMON CSS (use this only on your default theme)
.extra_info,
.extra_info_link
{
color:##E4E3E3; (txt color for date in shout box)
padding:4px 0px 4px 0px;
}

.detail_info
{
color:##E4E3E3; (txt color for age behind user in upcoming events)
}


LAYOUT CSS
body
{
margin:0px;
padding:0px;
font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
font-size:12px; (page default txt)
font-weight:bold; (add if needed)
height:100%;
background:#fff;
color:#194DCF;
line-height:1.28;
}

a
{
color:#194DCF; (links names color)
text-decoration:none;
outline:0;
}

a:hover
{
color:#194DCF; (links names color)
text-decoration:underline;
outline:0;
}

input, textarea
{
font-size:13px;
background:#f4f4f4 url('../image/layout/input.png') repeat-x;
padding:4px;
border:1px #194DCF solid; (activity feed comment box non-clicked)
color: #194DCF; (activity feed comment box text non-clicked)
}

input:focus,
textarea:focus
{
border:1px #E40B16 solid; (box border clicked)
}

#logo,
#logo:hover
display:block;
width:180px;
height:40px;
line-height:40px;
text-align:left;
font-size:20px; (change if needed)
font-weight:bold;
text-decoration:none;
color:#E40B16; (Your Logo)

#header_menu_holder ul li
{
float:left;
position:relative;
background:#E40B16; (add to change AdminCP-Profile background)
}
(IF YOU HAVE CHANGED THIS IN THE CUSTOM CSS, CHANGES HERE
WILL HAVE NO AFFECT)
#header_menu_holder ul li a,
#header_menu_holder ul li a:hover
{
display:block;
line-height:40px;
padding:0px 8px 0px 8px;
font-size:12px; (add to change AdminCP-Profile txt)
font-weight:bold;
text-decoration:none;
color:#088308; (admin, profile, account txt non-active)
}

#header_menu_holder ul li a.active,
#header_menu_holder ul li a.active:hover
{
background:#fff url('../image/layout/has_drop_down.png') no-repeat 90% -40px;
color:#fff; (admin, profile txt clicked-active)
}

#header_menu_holder ul li ul
{
position:absolute;
width:200px;
z-index:1000;
right:-1px;
background:#86D3F7; (change for admin, profile, account, drop down non hover)
border:0px #194DCF solid;
border-top:none;
display:none;
-moz-box-shadow:3px 3px 3px #86D3F7;
-webkit-box-shadow:3px 3px 3px #86D3F7;
box-shadow:3px 3px 3px #86D3F7;
}

#header_menu_holder ul li ul li a,
#header_menu_holder ul li ul li a:hover
{
color:#000; (drop down profile, account txt – non-hover)
/*background:#fff;*/
line-height:25px;
position:relative;
font-weight:normal;
}

#header_menu_holder ul li ul li a:hover
{
background:#194DCF; (admin, profile, acct txt background on hover)
color:#fff; (admin, profile, acct txt on hover)
}
#header_menu_holder ul li.header_menu_user_link
{
border-bottom:0px #dfdfdf solid; (border under username – account drop down)
padding:5px 5px 0px 5px;
position:relative;
color:#333;
overflow:hidden;
}

#header_menu_user_profile .user_profile_link_span a,
#header_menu_user_profile .user_profile_link_span a:hover
{
font-size:13px;
font-weight:bold;
color#194DCF; (username under Account)
}

#header_menu_user_profile .user_profile_link_span a:hover
{
text-decoration:underline;
color:#fff; (add to change username on hover under Account)
}

#header_search input
{
width:222px;
height:26px;
line-height:26px;
font-size:12px;
font-weight:bold; (add if needed)
padding:0px;
border:none;
background:transparent;
color:#fff; (search txt)
position:absolute;
padding-left:4px;
}

#holder_notify ul li div.holder_notify_drop
{
display:none;
position:absolute;
z-index:1000;
background:#86D3F7; (background notify non-hover)
color:#194DCF; (notify top text & bottom top border)
width:330px;
left:0px;
border-left:0px #000 solid;
border-right:0px #000 solid;
border-bottom:2px #194DCF solid;
}
#holder_notify ul li div.holder_notify_drop a.holder_notify_drop_link,
#holder_notify ul li div.holder_notify_drop a.holder_notify_drop_link:hover,
.js_temp_friend_search_form_holder ul li a.holder_notify_drop_link,
.js_temp_friend_search_form_holder ul li a.holder_notify_drop_link:hover
{
display:block;
text-decoration:none;
line-height:30px;
border-top:1px #E40B16 solid;
background#86D3F7; (friend, message bottom background on non-hover)
width:100%;
text-align:center;
font-weight:bold;
margin:4px 0px 0px 0px;
}

#holder_notify ul li div.holder_notify_drop a.holder_notify_drop_link:hover,
.js_temp_friend_search_form_holder ul li a.holder_notify_drop_link:hover
{
background#194DCF; (friend, message bottom background on hover)
color:#fff;
}

#holder_notify ul li .holder_notify_drop_data ul li.holder_notify_drop_data
{
display:block;
border-top:1px #194DCF solid; (friend, message, message borders)
float:none;
}

#holder_notify ul li .holder_notify_drop_data ul li a.is_new,
#holder_notify ul li .holder_notify_drop_data ul li.is_new
{
background:#194DCF; (background for new message or updates)
color:#fff; (add if needed)
}

#holder_notify ul li .holder_notify_drop_data ul li a.main_link:hover
{
background:#194DCF; (notify, message background on hover)
color:#fff; (notify, message txt on hover)
}

.drop_data_time
{
color:#000; (notify time text none hover)
font-size:9px;
padding-top:4px;
}

.drop_data_user
{
color:#194DCF; (notify username none hover)
font-weight:bold;
position:relative;
}

#holder_notify ul li .holder_notify_drop_data ul li a:hover .drop_data_time,
#holder_notify ul li .holder_notify_drop_data ul li a:hover .drop_data_user
{
color:#fff; (time & username on hover)
}

#header_menu ul li ul
{
position:absolute;
width:180px;
z-index:100;
border-top:none;
left:0px;
display:none;
padding:0px;
background:#333;
-moz-box-shadow:6px 6px 6px #194DCF;
-webkit-box-shadow:6px 6px 6px #194DCF;
box-shadow:6px 6px 6px #194DCF; (explore menu shadow)
}
#header_menu ul li.explore:hover,
#header_menu ul li.explore:hover a,
#header_menu ul li.explore:hover a:hover
{
background:#5496D1; (main menu explore tab on hover, any drop down menus)
color:#fff; (main menu explore text on hover, any drop down menus)
}

#header_menu ul li ul li a,
#header_menu ul li ul li a:hover,
#header_menu ul li.explore:hover ul li a,
#header_menu ul li.explore:hover ul li a:hover
{
background:#5496D1; (explore drop down menu none-hover)
line-height:normal;
color:#fff; (explore drop down menu txt none-hover)
width:160px;
padding-bottom:3px;
padding-top:3px;
}

#header_menu ul li.explore:hover ul li a:hover
{
background:#194DCF; (explore drop down menu hover)
color:#fff; (explore drop down menu txt hover)
}

h1 a,
h1 a:hover,
.h1 a,
.h1 a:hover
{
font-weight:bold; (add if needed)
text-decoration:none;
color:#194DCF; (members username profile page)
}

h1 a:hover,
.h1 a:hover
{
text-decoration:underline; (members username profile page)
}

#section_menu ul li a,
#section_menu ul li a:hover
{
display:block;
line-height:22px;
background:#fff url('../image/layout/section_menu.png') repeat-x bottom;
border:1px #BFBFBF solid;
text-decoration:none;
padding:0px 8px 0px 8px;
margin-left:5px;
color:#194DCF; (add cover, edit profile... button txt)
font-weight:bold;
-moz-box-shadow:2px 2px 2px #194DCF;
-webkit-box-shadow:2px 2px 2px #194DCF;
box-shadow:2px 2px 2px #194DCF;
}

sub_section_menu (wall, info, blogs on the left)
.sub_section_menu ul li a,
.sub_section_menu ul li a:hover
{
display:block;
line-height:22px;
font-size:13px; (add if needed)
font-weight:bold; (add if needed)
text-decoration:none;
color:#088308; (text)
padding:0px 0px 0px 4px;
background-repeat:no-repeat;
}

.sub_section_menu ul li a:hover
{
font-weight:bold; (add if needed)
background:#E40B16; (background on hover main page)
color:#fff; (add if needed text on hover)
}

.sub_section_menu ul li.active a,
.sub_section_menu ul li.active a:hover
{
font-weight:bold;
background:#E40B16; (active link “Wall”)
color:#fff; (add if needed)
}

.sub_section_menu ul li a span
{
padding-left:4px;
color:#000; (little numbers on the side)
}

#left .block .title,
#right .block .title
{
padding:0px 0px 0px 4px;
line-height:25px;
height:25px;
font-weight:bold;
color:#fff; (recently viewed title)
border-bottom:0px #DFDFDF solid;
background:transparent; (background friends left side & recently viewed)
}

#left .block .bottom ul li a,
#left .block .bottom ul li a:hover,
#right .block .bottom ul li a,
#right .block .bottom ul li a:hover
{
display:block;
color:#86D3F7; (mutual friends View All none-hover)
border-bottom:1px #5496D1 solid;
text-align:right;
text-decoration:none;
padding:0px 8px 0px 0px;
position:relative;
}

#left .block .bottom ul li a:hover,
#right .block .bottom ul li a:hover
{
background:transparent; (mutual friends View All hover)
color:#fff; (add if needed)
}

.activity_feed_form textarea
{
height:40px;
width:98%;
color:#194DCF; (top activity feed box display txt)
}

.activity_feed_form textarea.focus
{
color:#194DCF; (top activity feed box typed txt)
}

.activity_feed_form_button
{
position:relative;
border-top:0px #DFDFDF solid; (top border on top activity feed box)
background:#F1F1F1 url('../image/layout/activity_feed_form_button.png') repeat-x bottom;
-moz-border-radius-bottomleft:8px;
-moz-border-radius-bottomright:8px;
padding:5px;
display:none;
}

ul.activity_feed_form_attach li.share
{
color:#E40B16; (share right of picture)
margin-right:8px;
}

ul.activity_feed_form_attach li a.active,
ul.activity_feed_form_attach li a.active:hover
{
color:#fff; (status right side of share)
text-decoration:none;
cursor:auto;
}

.activity_feed_content_text
{
font-weight:bold; (add if needed main content txt)
color:#fff; (add if needed main content txt)
margin-bottom:10px;
margin-right:0px;
}

.activity_feed_content_info
{
font-size:13px;
color:#194DCF; (posted comment on...)
margin-bottom:6px;
overflow:hidden;
}

a.activity_feed_content_link_title,
a.activity_feed_content_link_title:hover
{
font-weight:bold;
color:#194DCF; (add if needed)
}

.activity_feed_content_display
{
font-weight:bold; (add if needed)
color:#000; (text from posted link or share)
padding-top:4px;
}

.comment_mini_action
{
margin:0px;
padding:12px 0px 0px 0px;
color:#000; (mini comment - replies on comments date color)
}

.row_feed_loop .js_feed_comment_border ul li a,
.row_feed_loop .js_feed_comment_border ul li a:hover,
.comment_mini_action ul li a,
.comment_mini_action ul li a:hover,
.activity_feed_content_status ul li a,
.activity_feed_content_status ul li a:hover
{
color:#194DCF; (like, comment, report, links)
}

.js_feed_comment_border ul li.feed_entry_time_stamp a,
.js_feed_comment_border ul li.feed_entry_time_stamp a:hover,
.comment_mini_action ul li.comment_mini_entry_time_stamp a,
.comment_mini_action ul li.comment_mini_entry_time_stamp a:hover
{
color:#000; (main activity feed time stamp txt)
}

.js_like_link_holder a,
.js_like_link_holder a:hover
(add if your image is not working in front of /image/…..http://www.yoursite.com/theme/frontend/default/style/your_style_name)
{
background:url('../image/layout/like_small.png') no-repeat;
padding-left:16px;
}

a.global_view_more,
a.global_view_more:hover
{
display:block;
background:#fff url('../image/layout/global_view_more.png') repeat-x bottom;
font-size:12px;
text-decoration:none;
line-height:30px;
height:30px;
position:relative;
margin-top:15px;
padding:0px 5px 0px 5px;
text-align:center;
color:#194DCF; (text on none hover)
font-weight:bold;
border-top:0px #86D3F7 solid;
border-left:0px #86D3F7 solid;
border-right:0px #86D3F7 solid;
border-bottom:0px #86D3F7 solid;
}

a.global_view_more:hover
{
color:#194DCF; (add if needed text on hover)
border:1px #194DCF solid;
}

#js_global_tooltip_display
{
background:#5496D1; (mouse over background on recently viewed)
line-height:22px;
height:22px;
min-width:30px;
padding:0px 6px 0px 6px;
color:#fff; (mouse over text on recently viewed)
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
}

#js_global_tooltip
{
position:absolute;
background:transparent; (little down arrow mouse over background on recently viewed)
display:block;
z-index:9000;
padding:0px 0px 8px 0px;
}


PROFILE CSS
#js_is_user_profile .profile_header
{
color:#333;
margin:0px 0px 6px 0px;
padding:0px 0px 12px 0px;
position:relative;
border-bottom:0px #D7D7D7 solid; (remove border line under username)
min-height:38px;
}

#js_is_user_profile .profile_online_status
{
font-size:12px;
color:#194DCF; (text showing online)
font-weight:bold;
position:absolute;
right:0px;
top:0px;
}

#js_is_user_profile .profile_image .p_4
{
position:absolute;
right:0px;
top:0px;
background:#194DCF; (background display for txt on user photo on mouse over)
display:none;
}

#js_is_user_profile .profile_image .p_4 a,
#js_is_user_profile .profile_image .p_4 a:hover
{
color:#86D3F7; (change picture txt on mouse over)

}

#js_is_user_profile .profile_info
{
font-weight:bold; (add if needed)
color:#000; (location under name)
margin-top:4px;
}


DENSITY THEME CSS
Comment CSS

.js_comment_feed_textarea
{
height:18px;
color:#088308; (comment box display txt)
font-size:12px;
background:#fff;
}

.js_comment_feed_textarea_focus
{
color:#088308; (comment box typed txt)
height:24px;
}

div.comment_mini_content_holder_icon
{
background:transparent; (small triangle top of comment box)
height:8px;
line-height:8px;
margin-top:4px;
}

div.comment_mini_content_border
{
background:transparent; (main comment box not the top box)
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
}

div.comment_mini
{
padding:4px;
position:relative;
border-bottom:0px #fff solid; (border lines under comments)
}

div.comment_mini_end
{
background:transparent; (bottom of the comment box)
padding:8px 4px 8px 4px;
border-bottom-right-radius:6px;
-moz-border-radius-bottomright:6px;
-webkit-border-bottom-right-radius:6px;
border-bottom-left-radius:6px;
-moz-border-radius-bottomleft:6px;
-webkit-border-bottom-left-radius:6px;
}

.feed_share_holder
{
border:0px #D3DAE8 solid;
background:transparent; (shared comments)
padding:5px;
}


CUSTOM CSS
to change default image add in front of /image/layout/santa.png') if needed
http://www.yoursite.com/theme/frontend/default/style/density_christmas_1

body
background:#000 url('../image/layout/bg.jpg') repeat; (add or reanme)

a,
a:hover
{
font-size:20px; (add if needed)
font-weight:bold; (add if needed)
color:#44FF00; (page links color)
}

#main_content_holder
background:transparent;
border-top:0px #5F5F5F solid; (border under main menu)

#header
background:transparent;

#header_menu ul li a,
#header_menu ul li a:hover
color:#000; (main menu txt none hover)
border-right:0px #CFCFCF solid;

#header_menu ul li a:hover
background:#1EB91E; (main menu color on hover)

#header_menu_holder ul li a,
#header_menu_holder ul li a:hover,
#header_menu_holder ul li a.has_drop_down,
#holder_notify ul li a.notify_drop_link
{
color:#fff; (admin, profile, account text )
font-size:12px; (add if needed)
font-weight:normal;

border-right:1px transparent solid;
border-left:1px transparent solid;
}

#header_menu_holder ul li a:hover,
#header_menu_holder ul li a.has_drop_down:hover,
#holder_notify ul li a.notify_drop_link:hover
background-color:#E40B16; (admin, profile, account background on hover)
text-decoration:underline;

#header_menu_holder ul li a.active,
#header_menu_holder ul li a.active:hover,
#holder_notify ul li.is_active a.notify_drop_link:hover
background-color:#329E32; (admin, profile, account background clicked)

#content_holder
background:#fff;
padding:4px 6px;


-moz-border-radius-bottomright:10px;
-moz-border-radius-bottomleft:10px;
-webkit-border-bottom-right-radius:10px;
-webkit-border-bottom-left-radius:10px;
border-bottom-right-radius:10px;
border-bottom-left-radius:10px;

-moz-box-shadow:6px 6px 6px #329E32;
-webkit-box-shadow:6px 6px 6px #329E32;
box-shadow:6px 6px 6px #329E32;

.content4
width:690px;

#right
{
background:#000; (recently viewed) (add whole block if needed)
padding:6px;

-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;

-moz-box-shadow:4px 4px 4px #194DCF;
-webkit-box-shadow:4px 4px 4px #194DCF;
box-shadow:4px 4px 4px #194DCF;
}

#footer
{
border:0px;
margin-top:0px;
padding:15px 10px 10px 10px;
color:#fff;
}

#footer a,
#footer a:hover
{
color:#fff;
}

#footer ul#footer_menu li a, #footer ul#footer_menu li a:hover
{
border-left:1px #fff solid;
}


LAYOUT CSS
body
{
margin:0px;
padding:0px;
font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
font-size:12px; (page default txt)
font-weight:bold; (add if needed)
height:100%;
background:#fff;
color:#333;
line-height:1.28;
}

a
color:#088308; (links names)
text-decoration:none;
outline:0;

a:hover
color:#088308; (links name)
text-decoration:underline;
outline:0;

input, textarea
font-size:13px;
background:#f4f4f4 url('../image/layout/input.png') repeat-x;
padding:4px;
border:1px #329E32 solid; (box border)
color: #333;

input:focus,
textarea:focus
{
border:1px #E40B16 solid; (box border clicked)
}

#logo,
#logo:hover
display:block;
width:180px;
height:40px;
line-height:40px;
text-align:left;
font-size:20px; (change if needed)
font-weight:bold;
text-decoration:none;
color:#E40B16; (Happy As Is logo)

#header_menu_holder ul li
float:left;
position:relative;
background:#E40B16; (add to change AdminCP-Profile background)

#header_menu_holder ul li a,
#header_menu_holder ul li a:hover
display:block;
line-height:40px;
padding:0px 8px 0px 8px;
font-size:12px; (add to change AdminCP-Profile txt)
font-weight:bold;
text-decoration:none;
color:#088308; (admin, profile, account txt non-active)
#header_menu_holder ul li a.active,
#header_menu_holder ul li a.active:hover
{
background:#fff url('../image/layout/has_drop_down.png') no-repeat 90% -40px;
color:#fff; (admin, profile txt clicked-active)
}

#header_menu_holder ul li ul
{
position:absolute;
width:200px;
z-index:1000;
right:-1px;
background:#fff; (change for admin, profile, account, drop down non hover)
border:0px #000 solid;
border-top:none;
display:none;
-moz-box-shadow:3px 3px 3px #CFCFCF;
-webkit-box-shadow:3px 3px 3px #088308;
box-shadow:3px 3px 3px #088308;
}

#header_menu_holder ul li ul li a,
#header_menu_holder ul li ul li a:hover
{
color:#088308; (drop down profile txt – non-hover)
/*background:#fff;*/
line-height:25px;
position:relative;
font-weight:normal;
}

#header_menu_holder ul li ul li a:hover
background:#CC39C7; (admin, profile, acct txt background on hover)
color:#fff

#header_menu_holder ul li.header_menu_user_link
{
border-bottom:1px #44FF00 solid; (border under username – account drop down)
padding:5px 5px 0px 5px;
position:relative;
color:#333; (not used)
overflow:hidden;
}

#header_menu_holder ul li.header_menu_user_link a,
#header_menu_holder ul li.header_menu_user_link a:hover
{
background:none;
padding:0px;
display:inline;
}

#header_menu_user_profile .user_profile_link_span a,
#header_menu_user_profile .user_profile_link_span a:hover
{
font-size:13px;
font-weight:bold;
color:#AD070F; (username under Account)
}

#header_menu_user_profile .user_profile_link_span a:hover
{
text-decoration:underline;
color:#fff; (add to change username on hover under Account)
}

#header_search input
width:222px;
height:26px;
line-height:26px;
font-size:12px;
padding:0px;
border:none;
background:transparent;
color:#000000; (search txt)
position:absolute;
padding-left:4px;

#holder_notify ul li div.holder_notify_drop
{
display:none;
position:absolute;
z-index:1000;
background:#000; (background notify top & bottom top border)
color:#fff; (txt notify top & bottom top border)
width:330px;
left:0px;
border-left:1px #000 solid;
border-right:1px #000 solid;
border-bottom:2px #000 solid;
}

#holder_notify ul li div.holder_notify_drop a.holder_notify_drop_link,
#holder_notify ul li div.holder_notify_drop a.holder_notify_drop_link:hover,
.js_temp_friend_search_form_holder ul li a.holder_notify_drop_link,
.js_temp_friend_search_form_holder ul li a.holder_notify_drop_link:hover
{
display:block;
text-decoration:none;
line-height:30px;
border-top:1px #E40B16 solid;
background:#fff; (friend, message bottom background on non-hover)
width:100%;
text-align:center;
font-weight:bold;
margin:4px 0px 0px 0px;
}

#holder_notify ul li div.holder_notify_drop a.holder_notify_drop_link:hover,
.js_temp_friend_search_form_holder ul li a.holder_notify_drop_link:hover
{
background:#fff; (friend, message bottom background on hover)
color:#fff;
}

#holder_notify ul li .holder_notify_drop_data ul li.holder_notify_drop_data
display:block;
border-top:1px #E40B16 solid;
float:none;

#holder_notify ul li .holder_notify_drop_data ul li a.main_link,
#holder_notify ul li .holder_notify_drop_data ul li a.main_link:hover
display:block;
padding:4px 6px 4px 6px;
text-decoration:none;
color:#088308; (txt none hover)

#holder_notify ul li .holder_notify_drop_data ul li a.is_new,
#holder_notify ul li .holder_notify_drop_data ul li.is_new
{
background:#E40B16; (background for new message or updates)
}

#holder_notify ul li .holder_notify_drop_data ul li a.main_link:hover
background:#088308;
color:#fff; (txt on hover)

.drop_data_time
{
color:#000; (notify time txt)
font-size:9px;
padding-top:4px;
}

.drop_data_user
color:#E40B16; (notify username none hover)
font-weight:bold;
position:relative;

#holder_notify ul li .holder_notify_drop_data ul li a:hover .drop_data_time,
#holder_notify ul li .holder_notify_drop_data ul li a:hover .drop_data_user
color:#fff; (time & username on hover)

#header_menu ul li ul
position:absolute;
width:180px;
z-index:100;
border-top:none;
left:0px;
display:none;
padding:0px;
background:#333;
-moz-box-shadow:6px 6px 6px #F01DE9;
-webkit-box-shadow:6px 6px 6px #F01DE9;
box-shadow:6px 6px 6px #F01DE9; (explore shadow)

#header_menu ul li.explore:hover,
#header_menu ul li.explore:hover a,
#header_menu ul li.explore:hover a:hover
{
background:#088308; (explore tab on hover)
color:#fff; (explore tab txt on hover)
}

#header_menu ul li.explore:hover,
#header_menu ul li.explore:hover a,
#header_menu ul li.explore:hover a:hover
background:#088308; (main menu tab)
color:#fff;

#header_menu ul li ul li a,
#header_menu ul li ul li a:hover,
#header_menu ul li.explore:hover ul li a,
#header_menu ul li.explore:hover ul li a:hover
{
background:#E40B16; (explore drop down menu none-hover)
line-height:normal;
color:#000; (explore drop down menu txt none-hover)
width:160px;
padding-bottom:3px;
padding-top:3px;
}

#header_menu ul li.explore:hover ul li a:hover
background:#E40B16; (explore drop down menu hover)
color:#fff; (explore drop down menu txt hover)

h1 a,
h1 a:hover,
.h1 a,
.h1 a:hover
font-weight:bold; (add if needed)
text-decoration:none;
color:#088308; (user name)

h1 a:hover,
.h1 a:hover
text-decoration:underline;

#section_menu ul li a,
#section_menu ul li a:hover
{
display:block;
line-height:22px;
background:#fff url('../image/layout/section_menu.png') repeat-x bottom;
border:1px #BFBFBF solid;
text-decoration:none;
padding:0px 8px 0px 8px;
margin-left:5px;
color:#088308; (add cover, edit profile... button txt)
font-weight:bold;
-moz-box-shadow:2px 2px 2px #f1f1f1;
-webkit-box-shadow:2px 2px 2px #f1f1f1;
box-shadow:2px 2px 2px #f1f1f1;
}

sub_section_menu (wall, info, blogs on the left)

.sub_section_menu ul li a,
.sub_section_menu ul li a:hover
display:block;
line-height:22px;
font-size:13px; (add if needed)
font-weight:bold; (add if needed)
text-decoration:none;
color:#088308; (text)
padding:0px 0px 0px 4px;
background-repeat:no-repeat;

.sub_section_menu ul li a:hover
font-weight:bold; (add if needed)
background:#E40B16; (background on hover main page)
color:#fff; (add if needed)

.sub_section_menu ul li.active a,
.sub_section_menu ul li.active a:hover
font-weight:bold;
background:#E40B16; (active link “Wall”)
color:#fff; (add if needed)

.sub_section_menu ul li a span (little numbers on the side)
padding-left:4px;
color:#000;

#left .block .title,
#right .block .title
{
padding:0px 0px 0px 4px;
line-height:25px;
height:25px;
font-weight:bold;
color:#333; (recently viewed title)
border-bottom:1px #DFDFDF solid;
background:#5496D1; (background friends left side & recently viewed)
}

#left .block .bottom ul li a,
#left .block .bottom ul li a:hover,
#right .block .bottom ul li a,
#right .block .bottom ul li a:hover
{
display:block;
color:#000; (mutual friends View All)
border-bottom:1px #EFEFEF solid;
text-align:right;
text-decoration:none;
padding:0px 8px 0px 0px;
position:relative;
}

.activity_feed_form textarea
height:40px;
width:98%;
color:#088308; (top activity box display txt)

.activity_feed_form textarea.focus
color:#088308; (top activity box typed txt)

.activity_feed_form_button
{
position:relative;
border-top:0px #AD070F solid; (top border on top activity feed box)
background:#F1F1F1 url('../image/layout/activity_feed_form_button.png') repeat-x bottom;
-moz-border-radius-bottomleft:8px;
-moz-border-radius-bottomright:8px;
padding:5px;
display:none;
}

ul.activity_feed_form_attach li.share
{
color:#E40B16; (share right of picture)
margin-right:8px;
}

ul.activity_feed_form_attach li a.active,
ul.activity_feed_form_attach li a.active:hover
{
color:#fff; (status right side of share)
text-decoration:none;
cursor:auto;
}

.activity_feed_content_text
{
font-weight:bold; (add if needed main content txt)
color:#fff; (add if needed main content txt)
margin-bottom:10px;
margin-right:0px;
}

.activity_feed_content_info
font-size:13px;
color:#000; (posted comment on...)

a.activity_feed_content_link_title,
a.activity_feed_content_link_title:hover
font-weight:bold;
color:#000; (add if needed)

.activity_feed_content_display
font-weight:bold; (add if needed)
color:#000;

.comment_mini_action
{
margin:0px;
padding:12px 0px 0px 0px;
color:#fff; (mini comment date color)
}

.row_feed_loop .js_feed_comment_border ul li a,
.row_feed_loop .js_feed_comment_border ul li a:hover,
.comment_mini_action ul li a,
.comment_mini_action ul li a:hover,
.activity_feed_content_status ul li a,
.activity_feed_content_status ul li a:hover
color:#194DCF; (like, comment, links)

.js_feed_comment_border ul li.feed_entry_time_stamp a,
.js_feed_comment_border ul li.feed_entry_time_stamp a:hover,
.comment_mini_action ul li.comment_mini_entry_time_stamp a,
.comment_mini_action ul li.comment_mini_entry_time_stamp a:hover
color:#000; (time stamp txt)

js_like_link_holder a,
.js_like_link_holder a:hover
background:url('http://happyasis.org/theme/frontend/default/style/density_christmas_1/image/layout/like_small.png') no-repeat;

a.global_view_more,
a.global_view_more:hover
display:block;
background: url('../image/layout/global_view_more.png') repeat-x bottom;
color:#194DCF;

a.global_view_more:hover
border:1px #194DCF solid;


Profile CSS
#js_is_user_profile .profile_header
{
color:#333;
margin:0px 0px 6px 0px;
padding:0px 0px 12px 0px;
position:relative;
border-bottom:0px #D7D7D7 solid; (remove border line under username)
min-height:38px;

#js_is_user_profile .profile_image .p_4
{
position:absolute;
right:0px;
top:0px;
background:#AD070F; (background display for txt on user photo on hover)
display:none;
}

#js_is_user_profile .profile_image .p_4 a,
#js_is_user_profile .profile_image .p_4 a:hover
{
color:#1EB91E; (change picture txt)
}

#js_is_user_profile .profile_info
{
font-weight:bold; (add if needed)
color:#000; (location under name)
margin-top:4px;
}