jack_cowboy (jack_cowboy) wrote in s2expressive,

Changing BG-Color Around Userpic & Changing Userpic Link Color

I want to remove the white box (bg-color) that appears in the body of an entry (the asset-body section, I guess). I tried to simply style user-icon (with a color and background-color).

This worked for my Recent View, but not for my Friends View.

I'll include images and CSS under the cut.

userpic link

userpic hover
Obviously when the black text is hovered, my setting for links to have a black hovered background doesn't work too well...)

/* to add header */
#header-inner {
background: url(http://pics.livejournal.com/jack_cowboy/pic/00002rty) center top no-repeat; height:270px; margin-top: 20px; margin-bottom: 20px;

/* to eliminate any other header */
#header, #header-content {
background-image: none;
/* dump the journal name */
#header-name, #header-description {
display: none;

/* move header navigation */
{display: none; }

/* change background color */
body, .asset-body, .asset-content, #container, #page-inner, #header, #footer, .asset-name-hover, #footer-ad, .user-icon
{ color: #62462e; background-color: #a9847c; }

/* remove header border */
{border-bottom: none;}

/* sidebar LINKS change color */
.widget a,
.archive-widget, .widget-list, .item, .widget-header, .widget-header a
{ font-size: 13px; color: #ffffff; }

/* links underlined */
.asset-name a,
.asset-name a:link
{ text-decoration: underline; }

/* keep link underlining on hover */
body a:hover,
.asset-name a:hover
{ text-decoration: underline; }

/* this changes the links for edit entry etc. */
.asset-meta-list a
{ color: #ffffff; }

/* this makes link change color on hover */
.asset-meta-list a:hover,
.widget a:hover,
.widget-header a:hover,
.asset-tags-list a:hover
{ background-color: black; }

/* color change for subject line, date, etc. */
.asset-name a,
.asset-stream-list, .post-asset,
.asset-meta-list .item
{ color: #62462e; }

.asset-name a:hover
{ background-color: white; }

{ border-width: 0 0 2px 0; border-color: #62462e; }

.widget-header a
{ font-size: 15px; font-weight:bold; }

.asset-name a,
{ font-size: 20px; font-weight:bold; }

Thanks for all the help. (Sooner or later I'm going to start to understand this stuff, I'm sure.)
  • Post a new comment


    Anonymous comments are disabled in this journal

    default userpic

    Your reply will be screened