jack_cowboy (jack_cowboy) wrote in s2expressive,
jack_cowboy
jack_cowboy
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 */
#header-text
{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 */
#header
{border-bottom: none;}

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

/* links underlined */
a,a:hover,
.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-tags-list,
.asset-tags-add-tags:link,
.asset-meta,
.asset-meta-list,
.asset-meta-list a
{ color: #ffffff; }

/* this makes link change color on hover */
a: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,
.asset-name a,
.asset-stream-list, .post-asset,
.asset-meta-list .item
{ color: #62462e; }

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

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

.widget-header,
.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.)
Subscribe
  • Post a new comment

    Error

    Anonymous comments are disabled in this journal

    default userpic

    Your reply will be screened

  • 2 comments