Buddypress Profile CSS

[AnGella]

Just throwing this out here for now, will get a better tutorial eventually.

To add CSS
Click on your Avatar in the Who’s Online widget.
Click on Profile Button
Click on Edit
Click on Appearance Tab
Add CSS to CSS Textarea
Click Save
Click Profile to view

body {
background:#000000 url(http://) bottom center repeat fixed !important;
}
a:link,
a:visited,
a:active,
.widget-area .widget a {
color:#00c000 !important;
font-size:14px !important;
}
a:hover,
.widget-area .widget a:hover {
color:#ffffff !important;
font-size:14px !important;
}
#latest-update {
color: #fff;
}
#masthead /*Top Image*/{
background:#000000 url(http://) bottom center no-repeat scroll;
height:60px;
}
body .site /*Wrap*/{
background:#111111 !important;
color:#999999 !important;
padding: 0;
margin-top: 5px;
border:1px solid #999999 !important;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
-webkit-box-shadow: 0px 0px 34px 14px #999 !important;
box-shadow: 0px 0px 34px 14px #999 !important;
}
.widget-area .widget,
.site-content article /*Modules*/{
background:#222222 none top left no-repeat fixed !important;
border:3px solid #999999 !important;
-webkit-border-radius:9px;
-moz-border-radius:9px;
border-radius:9px;
-webkit-box-shadow: inset 0px 0px 4px 4px #999999;
box-shadow: inset 0px 0px 4px 4px #999999;
color:#999999 !important;
}
h2,
h3,
.widget-area .widget h3 /*Headers*/{
background:#555555 url(http://) top left repeat scroll !important;
font-size:15px !important;
color:#ffffff !important;
border:3px solid #999999 !important;
-webkit-box-shadow: inset 0px 0px 4px 4px #999999 !important;
box-shadow: inset 0px 0px 4px 4px #999999 !important;
-webkit-border-radius:9px;
-moz-border-radius:9px;
border-radius:9px;
}
h2 a:hover,
h3 a:hover /*Header links Hovered*/{
background:#999999 none repeat top left scroll !important;
color:#000000 !important;
font-weight:bold;
border:3px solid #555555 !important;
-webkit-box-shadow: inset 0px 0px 4px 4px #555555;
box-shadow: inset 0px 0px 4px 4px #555555;
}
.main-navigation /*Top Navbar*/{
background:#000000 url(http://) top left repeat scroll !important;
3px solid #999999;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
padding-left: 1.31429rem;
padding-right: 1.31429rem;
}
.main-navigation li /*Top Navbar buttons*/{
font-family: ‘Impact’,’Haettenschweiler’,’Arial Narrow Bold’,sans-serif;
font-size: 20px;
padding: 0px 8px;
margin: 0 .45714rem 0 0;
background: transparent url(http://) top center repeat scroll;
border:3px solid transparent;
border-radius: 8px 8px 8px 8px;
font-weight: bold;
text-transform: uppercase;
}
.main-navigation li a /*Top Navbar Text*/{
color: #ffffff !important;
}
.main-navigation li:hover /*Top Navbar buttons on hover*/{
background:#999999 none repeat top left scroll !important;
color: #000000;
border:3px solid #555555 !important;
-webkit-box-shadow: inset 0px 0px 14px 4px #555555;
box-shadow: inset 0px 0px 14px 4px #555555;
}
.main-navigation li a:hover /*Top Navbar text on hover*/{
color:#000000 !important;
}
#buddypress button,
#buddypress a.button,
#buddypress input[type=”submit”],
#buddypress input[type=”button”],
#buddypress input[type=”reset”],
#buddypress ul.button-nav li a,
#buddypress div.generic-button a,
#buddypress .comment-reply-link,
a.bp-title-button,
div.bbp-template-notice.info,
#buddypress div.item-list-tabs ul li a,
#buddypress div.item-list-tabs ul li span /*profile buttons*/{
background: linear-gradient(#555555, #000000) repeat scroll 0 0 transparent !important;
border: 1px solid #000000;
border-radius: 3px 3px 3px 3px;
color: #fff !important;
}
#buddypress div.item-list-tabs ul li a span /*profile buttons text*/{
color: #fff !important;
}
div.bbp-template-notice, div.indicator-hint,
#buddypress div.item-list-tabs ul li a:hover,
#buddypress div.item-list-tabs ul li span:hover,
#buddypress div.item-list-tabs ul li.selected a,
#buddypress div.item-list-tabs ul li.current a,
#buddypress div.generic-button a:hover /*Profile buttons current-hover*/{
-moz-box-sizing: content-box;
background: linear-gradient(#999999, #555555) repeat scroll 0 0 transparent !important;
border-color: #222222;
border-radius: 1px 1px 1px 1px;
border-style: solid;
border-width: 1px;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.15), 0 1px 1px 0 #FFFFFF inset;
color: #000000 !important;
}

.entry-header .entry-title /*Name*/{
font-family: ‘Impact’,’Haettenschweiler’,’Arial Narrow Bold’,sans-serif;
background:#000000 url(http://) top left repeat scroll !important;
font-size:15px !important;
color:#ffffff !important;
border:3px solid #999999 !important;
-webkit-box-shadow: inset 0px 0px 14px 4px #999999 !important;
box-shadow: inset 0px 0px 14px 4px #999999 !important;
-webkit-border-radius:9px;
-moz-border-radius:9px;
border-radius:9px;
}
.entry-header .entry-title a /*Name text*/{
color:#ffffff !important;
}
#buddypress table.profile-fields tr td /*Profile Info*/{
background: #111111 none repeat scroll 0 0 !important;
border: 1px solid #999999 !important;
color:#999999;
}
#buddypress table.profile-fields td a {
color:#000000 !important;
}
#buddypress table.profile-fields .alt td /*Profile Info Even*/{
background: #222222 !important;
border: 1px solid #000000 !important;
color:#999999;
}
#buddypress table.profile-fields .alt td a {
color:#ffffff !important;
}
img.header-image{
display: none;
}
.wrapper {
margin: 0;
padding: 0 0.714286rem;
}
.main-navigation {
margin-top: 0px;
}
table.profile-fields tr{
padding: 4px !important;
}
.appearance h4{
display: none !important;
}

• This topic was modified 10 years, 11 months ago by AnGella.
• This topic was modified 10 years, 11 months ago by AnGella.

[Author]

Posts