style_system | Smooth Sailing on Dreamwidth (Reply)

Yep, I'm another refugee from Livejournal. And, while I figured out 99% of the tweaks to import Smooth Sailing into DW, I cannot for the life of me figure out how to make user & community names show up on my friends' list.

My CSS:

/* S2 SMOOTH SAILING --- Carbon --- 
Wingweaver22 @ Fruitstyle.livejournal.com 
Do not remove this note. */

/* ------------------------------ PAGE ------------------------------ */

body {
font-family: tahoma;
font-size: 10px;
margin: 0;
padding: 0;
background-color: #1a1a1a;
}

a, a:visited{
color: #888888; 
padding: 0px;
background-color: transparent;
border: 0;
text-decoration: none;
}

a:hover { 
color: #444444;
}

blockquote{
background-color: #252525;
color: #686868;
align: center;
font-size: 12px;
width: 575px;
margin: 7px;
margin-left: 100px;
padding: 7px;
font-style: none;
border-top: 1px solid #686868;
border-bottom: 1px solid #686868;
}

input, textarea, select {
background-color: #1a1a1a;
font-family: tahoma;
font-size: 12px;
color: #585858;
border: 1px solid #272727;
margin-top: 5px;
}

/* Layout (page) container */

.pageblock{
width: 940px;
margin: 0 auto;
padding: 0 10px 0 10px;
border-right: 1px solid #272727;
border-left: 1px solid #272727;
background-color: #1a1a1a;
margin-left: 75px;
}

.pagefooterblock { display: none; }

/* ------------------------------ HEADER ------------------------------ */

.pageheaderblock {}

/* title, subtitle, journal icon*/

.header-subtitle, .header-icon, .header-title{
display: none;
}

/* ------------------------------ LINKBAR ------------------------------ */

.header-menu {
position: relative;
width: 1064px;
font-family: tahoma;
font-size: 12px;
text-transform: lowercase;
text-align: center;
padding-top: 15px;
}

/* LINKBAR LINK */

.header-menu a, .header-menu a:visited { 
padding: 0 5px 2px 5px; 
color: #888888;
word-spacing: -1px;
}

.header-menu a:hover {
color: #444444;
border-bottom: 1px solid #272727;
cursor: help;
}

.header-menu ul, #footer-menu ul { margin: 0px; padding: 0px; }
.header-menu li, #footer-menu li { display: inline; }

/* ------------------------------ BODY ------------------------------ */

/* Body, contains entries sidebar, and footer */

.bodyblock {
margin-top: 20px;
}

/* body title */

.bodyheaderblock { 
background-color: transparent;
color: #888888;
font-family: tahoma;	 
font-size: 16px;
padding: 5px 0px -120px 4px;
letter-spacing: 1px;
text-transform: lowercase;
text-align: right;
	 }

/* body linkbar (top of page, back 20) */

.bodynavblock {
background-color: transparent;
margin-top: 5px;
text-align: left;
}

.bodynavblock a, .bodynavblock a:visited {
color: #585858;
background-color: transparent;
border: none;
text-align: left;
}

/* contains body title */

.body-title {
padding: 5px 0px -120px 4px;
}

.body-midtitle {
display: none
	 }

/* seperates entries from comments - only on comments page */

/* ------------------------------ ENTRIES ------------------------------ */

/* contains all entries */

.entryHolder {
padding: 0px;
color: #585858;
background-color: transparent;
text-align: justify;
font-family: tahoma;
font-size: 12px;
}

.entry-content img { max-width: 500px; }

/* welcome note!! */

#welcomenoteText {
padding-bottom: 15px;
margin: 0px;
background-color: transparent;
text-align: justify;
letter-spacing: 0px;
word-spacing: 4px;
}

/* contains userpic and username/community */

.entryUserinfo {
font-family: tahoma;
font-size: 12px;
font-weight: lighter;
margin-top: 100px;
padding: 10px;
background-color: transparent;
}

/* userpic */

.entryUserinfo-usericon img { 
padding: 5px; 
border: 1px solid #272727;
background-color: #1d1d1d;
height: 100px;
width: 100px;
float: right;
margin-top: -110px;
}

/* all entry's text */

.entryText {
text-align: justify;
word-spacing: 2px;
margin-bottom: 100px;
}

/* contains subject and time */

.entryHeader {
background-color: transparent;
color: #888888;
font-family: tahoma;	 
border-bottom: 1px #272727 solid; 
font-size: 12px;
padding: 0px 0px 2px 4px;
margin-bottom: 5px;
letter-spacing: 1px;
font-weight: lighter;
text-transform: lowercase;
}

/* below vv are actually found on the calendar page */

.entryHeader a{
color: #585858; 
background-color: #272727;
padding: 2px 8px 2px 8px;
}

.entryHeader a:hover{
color: #444444;
background-color: #272727;
padding: 2px 8px 2px 8px;
}

/* entry subject */

.entryHeaderSubject {
font-weight: none;
font-size: 12px;
text-transform: lowercase;
padding-left: 4px;
letter-spacing: 2px;
color: #888888;
}

/* entry date */

.entryHeaderDate{
color: #444444;
border: none;
letter-spacing: 1px;
padding: 0;
text-decoration : none;
}

/* entry link bar (comment, reply, link, remember) */

.entryLinkbar {
text-transform: lowercase;
text-align: center;
font-size: 12px;
font-family: tahoma;
letter-spacing: 0px;
padding: 00px 0px 0px 0px;
margin-top: 0px;
}

.entryLinkbar a, .entryLinkbar a:visited { padding-right: 3px; }
.entryLinkbar a:hover { color: #444444; background-color: transparent; padding-bottom: 1px; }
.entryLinkbar ul { margin: 0; padding: 10px; }
.entryLinkbar li { padding: 0 4px 0 0; display: inline;}

/* ------------------------------ META ------------------------------ */

.entryMetadata { margin-top: 30px; margin-left: 10px; margin-bottom: 0px;}
.entryMetadata img { padding: 5px; float: left;}
.entryMetadata ul { margin: 0; padding: 1px; }
.entryMetadata li { list-style: none; display: block; padding: 2px 0 0 0;}
.entryMetadata a { padding: 0 4px 0 4px; }

/* metadata subject (mood: , location: ) */

.entryMetadata-label {
padding: 10px;
color: #585858;
font-style: italic;
text-transform: lowercase;
}

/* ------------------------------ FOOTER ------------------------------ */

#footer-menu {
text-transform: lowercase;
text-align: left;
font-family: tahoma;
font-size: 12px;
margin-bottom: 10px;
}

#footer-menu a, .footer-menu a:visited {
padding: 1px 10px 1px 10px;
color: #888888;
white-space: nowrap;
}

#footer-menu a:hover { color: #585858; }

/* ------------------------------ SIDEBAR ------------------------------ */

/* sidebar container */

.sidebar {
position: absolute;
width: 175px;
top: 10%;
margin-left: 20px;
color: #585858;
}

.sidebox{
margin: 0 0 10px 0;
display: block;
}

/* sidebar title (note 1, latest month, search) */

.sideboxTitle {
text-transform: lowercase;
font-size: 12px;
letter-spacing: 1px;
border-bottom: 1px #272727 solid;
color: #444444;   
padding: 0 0 2px 0; 
margin-bottom: 5px;
text-align: left;
}

/* content of all sidebar boxes */

.sideboxContent {
text-align: left;
padding: 3px;
}

/* in the freetext boxes */

.sidebox #freetext { text-align: left; }

/* in the profile, latest month, search boxes */

.sidebox #latestmonth, .sidebox #search, .sidebox #profile { text-align: center; }

/* latest month box (inactive date and active date [link]) */

.latestmonth-inactive { padding: 0px; margin: 1px; }
.latestmonth-active { padding: 0px; margin: 0px; }

/* in the tags box */

#tags_sidebox a { display: block; font-size: 9px; }
#tags_sidebox {
font-size: 0;
text-align: left;
height: 600px;
overflow: auto;
overflow-x: hidden;
overflow-y: auto;
}

/* label of profile box */

.profile-label { display: none; }

/* ------------------------------ COMMENT PAGE ------------------------------ */

/* comments holder */

.commentHolder { color: #585858; background-color: #272727; font-family: tahoma; font-size: 12px; margin: 4px 8px 4px 8px; }

/* comment userpics */

.commentUserinfo { text-align: left;  margin: 8px 8px 8px 8px; background-color: #272727; }

/* commenter's userpic */

.commentUserinfo-usericon img {  padding-bottom: 2px; border: 0;  }

/* text of comment */

.commentText { padding: 6px; }

/* comment's header ( contains date, subject) */

.commentHeader { text-transform: lowercase; background-color: #272727; color: #585858; 
font-family: tahoma; font-size: 12px; padding: 4px 0 4px 0; }
.commentHeader a{ color: #585858; }

/* for screen comments */

.commentHeaderScreened { font-family: tahoma; font-size: 12px; background-color: #444444; padding: 4px 0 4px 0; }

/* comment's subject (re: roflcakes) */

.commentHeaderSubject { font-weight: normal; font-family: tahoma; font-size: 12px; }

/* linkbar of comments (reply, delete, screen) */

.commentLinkbar { border-top: none; font-family: tahoma; font-size: 12px; color: #585858;
text-transform: lowercase; padding-bottom: 10px; text-align: left; }
.commentLinkbar a { color: #585858; font-family: tahoma; font-size: 12px; }

.commentLinkbar a:hover { font-family: tahoma; font-size: 12px; color: transparent; }
.commentLinkbar ul { margin: 0; padding: 0; color: #585858; }
.commentLinkbar li { padding: 0px 5px 0px 5px; color: #585858; margin: 0; display: inline; }

/* container of reply box */

.replyform { border: 0px; background-color: #272727; color: #585858; }

/* reply text container */

#commenttext{ width: 100%; }

/* ------------------------------ ARCHIVE PAGE ------------------------------ */

.yearlinks { text-align: left; }
.yearlink{ padding-left:4px; padding-right: 4px; }

/* calendar container (dates, boxes) */

.month { width: 400px; padding-bottom: 5px; margin: 4px 4px 4px 10px; }

/* subject lines (when viewing a month) not individual lines */

.daysubjects { color: #585858; letter-spacing: 1px; padding: 6px 0 6px 0; }

/* days of the week (sun, mon, tue) */

.daytitles { text-align: ; background: #272727; padding: 2px; color: #585858; }

/* blank days */

.day-blank { padding: 2px; }

/* day */

.day { padding: 2px; }

/* NUMBERED DATE */

.day-date { color: #585858; text-align: left; }

/* NUMBER OF ENTRIES MADE ON DAY */

.day-count { width: 50%; text-align: left; float: right; font-size: 12px; }

/* ------------------------------ TAGS PAGE ------------------------------ */

/* tags container */

.tagstable td { padding-top: 5px 0px 5px 0px; }
.tagstable { text-transform: lowercase; letter-spacing: 1px; width: 400px; }

/* ------------------------------ EXTRAS ------------------------------ */

::-moz-selection { background: #272727; color: #585858; }
::selection { background: #272727; color: #585858; }
code::-moz-selection { background: #272727; color: #585858;}
code::selection { background: #272727; color: #585858;}

/*------ Look of contextual Popup ------*/

/* general positioning */
div.ContextualPopup {
margin: 10px 0 0 0px;
font: normal 9px "tahoma" !important;
}
/* userpic */
div.ContextualPopup img {
border-left: 1px solid #272727;
border-right: 1px solid #272727;
padding: 0 5px 0 5px;
margin: 0 1px 0 5px !important;
}
/* defines general look, font color/size/background color*/
div.ContextualPopup div.Inner {
background-color: #1a1a1a !important;
color: #585858 !important;
border: 1px solid #272727;
padding: 0px;
width: 220px;
text-align: right;
}
/* defines left side of popup without the user icon*/
div.ContextualPopup .Content {
padding: 2px 4px 6px 4px;
}
/* defines the text that shows the relation to the user (XYZ is your mutual friend) */
div.ContextualPopup .Relation {
font-weight: normal !important;
letter-spacing: 2px;
}
/* look of words LJ Talk */
div.ContextualPopup .Content .OnlineStatus {
font-weight: normal;
}
/* element that contains the user icon */
div.ContextualPopup .Userpic {
padding: 4px 4px 0 0;
}
/* defines the look of the links */
div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited {
text-decoration: none !important;
font-weight: normal;
color: #888888 !important;
}

#lj_controlstrip {
top: 0;
left: 0;
width: 100%;
border-bottom: 1px solid #272727;
height: 50px;
position: absolute;
background-color: #1a1a1a !important;
}

#lj_controlstrip table { margin: 0; padding: 0; width: auto; background-color: #1a1a1a !important;}

#lj_controlstrip td {
background-color: #1a1a1a !important;
font-family: tahoma;
color: #585858;
}

#lj_controlstrip a {
color: #888888 !important;
font-family: tahoma;
font-size: 12px;
text-transform: lowercase;
font-variant: normal;
}

#lj_controlstrip a:hover {
color: #444444 !important;
cursor: help; 
border: 0;
text-decoration: none;
}

#lj_controlstrip img {
background-repeat: no-repeat;
}

#lj_controlstrip a img {
padding: 0; margin: 0; border: 0;
}

#lj_controlstrip form {
padding: 0; margin: 0; border: 0;
}
     
#lj_controlstrip input {
font-family: tahoma;
font-size: 12px;
color: #585858;
background-color: transparent;
border: 0;
padding: 0; margin: 0;
text-transform: lowercase;
}

#lj_controlstrip select, #lj_controlstrip input#xc_user, #lj_controlstrip input#xc_password, #lj_controlstrip input#xc_remember {
font-family: tahoma;
font-size: 12px;
background-color: #1a1a1a;
padding: 0; margin: 0;
border: 1px solid #272727;
}

#lj_controlstrip_userpic {
vertical-align: top;
width: 50px;
height: 50px;
}

#lj_controlstrip_userpic img{
vertical-align: top;
width: 50px;
height: 50px;
}

#lj_controlstrip_user {
text-align: left;
vertical-align: middle;
padding: 0 10px 0 10px;
white-space: nowrap;
}

#lj_controlstrip_actionlinks {
text-align: left;
vertical-align: middle;
padding: 0 1em 0 1em;
white-space: nowrap;
}

#lj_controlstrip_statustext {
font-size: 12px;
color: #585858 !important;
font-weight: normal;
letter-spacing: 2px;
}

#lj_controlstrip_login {
vertical-align: middle;
padding-left: 10px;
white-space: nowrap;
}

#lj_controlstrip_loggedout_userpic {
}

#lj_controlstrip_user, #lj_controlstrip_login, #lj_controlstrip_loggedout_userpic, #lj_controlstrip_actionlinks {
border: 0;
}

#lj_controlstrip_search {
border: 0;
}

#lj_controlstrip_loggedout_userpic {
background-image: url(/img/controlstrip/ljlogo-dark-loggedout.gif);
background-repeat: no-repeat;
background-position: top left;
}

#lj_controlstrip_cprod {
position: absolute;
top: 5px;
right: 10px;
text-align: right;
}

#lj_controlstrip_cprod a {
padding: 0 1px 0 1px;
}

#lj_controlstrip_search {
padding-left: 1em;
vertical-align: middle;
text-align: left;
}

.lj_controlstrip_search_sup {
padding-left: 0;
width: 35%;
text-align: center;
}

#lj_controlstrip_search_input_text {
background: #1a1a1a !important;
position: relative;
z-index: 100;
}

.lj_controlstrip_search_input_text_sup {
width: 100% !important;
}

#lj_controlstrip_search_submit {
position: relative;
z-index: 100;
}

.pageheaderblock {background: url(http://pics.livejournal.com/jurisimmortalis/pic/002ps81s) no-repeat bottom center; padding-bottom: 470px; }.header-menu {margin-bottom: 10px;}

/* .sidebar {margin-left: -150px;} */

Original CSS