Smooth Sailing: FYI + WTF: mintyapple

kill_zombie in mintyapple

Smooth Sailing: FYI + WTF

Jun 30, 2009 17:22

smooth sailing: FYI

→ Preview: FULL VIEW
→ Problems: FAQ

Please credit kill_brainz

smooth sailing: WTF

→ Preview: FULL VIEW
→ Problems: FAQ

Please credit kill_brainz

Installation
01. Select Journal Style
Select any of the Smooth Sailing themes. Scroll down and select the ad placement you prefer. Between Entries is recommended, since everything else looks incredibly icky in my opinion. Also, make sure you set the sidebar on the left.

02. Customize Journal Style
Copy and paste the CSS stylesheet below and make sure that you select no for all of the drop-down menus.

FYI
/*

LJ STYLE: Smooth Sailing
LAYOUT: FYI
MAKER: kill_zombie

PLEASE CREDIT:
http://community.livejournal.com/kill_brainz/
http://kill_zombie.livejournal.com/

*/

/* ---| BODY / GENERAL CUSTOMIZATION |--- */

body {
background-color: #F9FBDF;
font-family: Arial, sans-serif;
font-size: 12px;
margin: 0px;
}

a, a:visited {
color: #784830;
text-decoration: none;
}

a:hover {
color: #A89078;
}

.pageblock{
width: 70%;
margin: 0 auto;
padding: 0;
}

.pagefooterblock {
display: none;
}

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

.pageheaderblock {
background: transparent;
text-align: right;
margin-top: 50px;
}

.header-icon {
display: none;
}

.header-title {
background-color: #F9FBDF;
font-family: Tahoma;
font-size: 72px;
color: #A89078;
text-transform: uppercase;
text-align: right;
letter-spacing: 5px;
padding: 20px 0px 0px 0px;
margin: 45px 0px -20px 0px;
}

.header-subtitle {
width: 100%;
height: 200px;
background-image: url(http://i274.photobucket.com/albums/jj270/jessica0293/kill%20brainz/7091.gif);
font-size: 0px;
font-color: #000000;
border-top: 5px solid #A89078;
}

.header-menu {
background: transparent;
padding: 16px 10px 16px 10px;
font-family: Tahoma;
font-size: 13px;
text-transform: lowercase;
text-align: center;
letter-spacing: 2px;
border-bottom: 10px solid #A89078;
border-top: 10px solid #A89078;
}

.header-menu a, .header-menu a:visited {
white-space: nowrap;
color: #A89078;
text-decoration: none;
padding: 0px 1px 1px 1px;
}

.header-menu a:hover {
border-bottom: 1px dashed #A89078;
}

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

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

/* ---| PAGE FOOTER |--- */

#footer-menu {
display: none;
}

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

.bodyblock {
background: transparent;
padding: 0px;
margin: 0px;
}

.bodyheaderblock, .bodynavblock, .body-title, .body-midtitle {
display: none;
}

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

.entryHolder {
background: transparent;
font-family: Tahoma;
font-size: 12px;
margin: 0px;
border-right: 10px solid #A89078;
}

.entryUserinfo {
background: transparent;
text-align: center;
padding: 2px;
margin: -15px 15px 10px 15px;
}

.entryUserinfo-usericon img {
border: 10px solid #A89078;
}

.entryUserinfo-usericon img:hover {
border: 10px solid #FFFFFF;
}

.entryText {
background-color: #FFFFFF;
font-family: Verdana;
font-size: 11px;
color: #333333;
text-align: justify;
line-height: 1.5;
padding: 15px 10px 10px 15px;
margin: 15px 15px 0px 15px;
}

.entryHeader {
font-size: 0px;
text-align: left;
padding: 15px 0px 2px 18px;
margin: 0 0 0 4px;
border-bottom: 1px dashed #A89078;
}

.entryHeader a{
color: #000000;
}

.entryHeaderSubject a, .entryHeaderSubject a:visited {
font-family: Tahoma;
font-size: 13px;
color: #333333;
text-transform: lowercase;
font-weight: normal;
color: #333333;
letter-spacing: 2px;
}

.entryHeaderSubject a:hover {
color: #A89078;
}

.entryHeaderDate a {
font-family: Tahoma;
font-size: 10px;
color: #444444;
text-decoration: none;
letter-spacing: 1px;
}

.entryHeaderDate a:hover {
color : #A89078;
text-decoration : none;
}

.entryMetadata {
background-color: #FFFFFF;
font-family: Tahoma;
font-size: 9px;
color: #444444;
text-transform: lowercase;
letter-spacing: 1px;
line-height: 1.5;
margin: 0px 15px 10px 15px;
padding: 20px 6px 6px 16px;
}

.entryMetadata ul {
margin: 0px;
padding: 0px;
}

.entryMetadata li {
list-style: none;
display: block;
padding-right: 10px;
}

.entryMetadata-label {
font-weight: normal;
color: #333333;
text-transform: lowercase;
padding-right: 4px;
}

.entryLinkbar {
background: transparent;
font-family: Tahoma;
font-size: 15px;
color: #333333;
letter-spacing: 1px;
text-align: center;
text-transform: lowercase;
padding: 15px 0px 25px 0px;
border-top: 1px dashed #A89078;
}

.entryLinkbar ul {
margin: 0px;
padding: 0px;
}

.entryLinkbar li {
padding: 0px 5px 0px 5px;
margin: 0px;
display: inline;
}

/* ---| SIDE BAR |--- */

.sidebar {
width: 190px;
background: transparent;
font-size: 11px;
padding: 0px;
margin: 0px;
border-left: 10px solid #A89078;
border-right: 10px solid #A89078;
border-bottom: 10px solid #A89078;
}

.sidebox {
margin: 0px 0px 0px 0px;
}

.sideboxTitle {
background-color: #A89078;
font-family: Tahoma;
font-size: 13px;
color: #FFFFFF;
text-align: center;
text-transform: lowercase;
letter-spacing: 1px;
padding: 4px;
margin: 0px 0px 10px 0px;
}

.sideboxContent {
background-color: #FFFFFF;
font-family: Tahoma;
font-size: 11px;
color: #666666;
text-align: justify;
text-transform: lowercase;
padding: 10px;
margin: 10px;
}

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

.profile-content, .profile-label {
display: none;
}

.sidebox #search {
font-size: 9px;
text-align: center;
text-transform: lowercase;
}

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

.listtitle {
font-weight: bold;
padding: 2px 2px 2px 20px;
border-bottom: 1px solid #A89078;
}

.listitem a {
font-family: tahoma;
font-size: 11px;
color: #666666;
text-transform: lowercase;
border-left: 3px solid #A89078;
padding: 2px 2px 2px 10px;
}

.listitem a:hover {
color: #A89078;
border-left: 3px solid #666666;
}

#tags_sidebox {
list-style-type: none;
font-size: 0px;
color: #000000;
text-align: left;
}

#tags_sidebox a {
font-family: tahoma;
font-size: 11px;
color: #666666;
text-transform: lowercase;
padding: 2px 2px 2px 10px;
border-left: 3px solid #A89078;
display: block;
}

#tags_sidebox a:hover {
color: #A89078;
border-left: 3px solid #666666;
}

.sidebox #latestmonth table {
width: 90%;
text-align: center;
margin-left: auto;
margin-right: auto;
margin-top: 4px;
}

.latestmonth-inactive {
background-color: #F7F7F7;
margin: 1px;
padding: 1px;
}

.latestmonth-active {
background-color: #F0DDD3;
margin: 1px;
padding: 1px;
}

/* ---| COMMENT PAGES |--- */

.commentHolder {
background: transparent;
font-family: Tahoma;
font-size: 12px;
color: #333333;
margin: 0px:
padding: 20px 0px 10px 0px;
border-right: 10px solid #A89078;
}

.commentUserinfo {
background: transparent;
text-align: center;
margin: 3px 0px 10px 10px;
}

.commentUserinfo-usericon img {
border: 1px solid #A89078;
}

.commentText {
background-color: #FFFFFF;
font-family: Verdana;
font-size: 11px;
color: #444444;
text-align: justify;
text-transform: lowercase;
line-height: 1.25;
padding: 10px;
margin: 10px 0px 0px 10px;
}

.commentHeader {
font-family: Tahoma;
font-size: 13px;
color: #333333;
text-transform: lowercase;
border-bottom: 1px dashed #A89078;
padding: 4px 0px 4px 8px;
}

.commentHeader a{
color: #A89078;
}

.commentHeaderScreened {
font-family: Tahoma;
font-style: italic;
font-size: 13px;
color: #333333;
text-transform: lowercase;
border-bottom: 1px dashed #A89078;
padding: 4px 0px 4px 8px;
}

.commentHeaderSubject {
color: #333333;
font-weight: normal;
}

.commentLinkbar {
background: transparent;
font-family: Tahoma;
font-size: 13px;
color: #333333;
letter-spacing: 1px;
text-align: center;
text-transform: lowercase;
padding: 5px 0px 5px 0px;
border-top: 1px dashed #A89078;
}

.commentLinkbar ul {
margin: 0px;
padding: 0px;
}

.commentLinkbar li {
padding: 0px 5px 0px 5px;
margin: 0px;
display: inline;
}

.replyform {
background: transparent;
color: #444444;
padding-left: 10px;
}

#commenttext{
width: 100%;
}

/* ---| ARCHIVES / CALENDAR VIEW |--- */

.yearlinks{
text-align: right;
}

.yearlink{
padding: 0 4px 0 4px;
}

.month {
width: 500px;
border: 1px solid #;
margin: 15px 0px 15px 60px;
}

.daysubjects {
color: #000000;
padding: 15px 0px 15px 60px;
}

.daytitles {
background-color: #A89078;
font-size: 14px;
color: #FFFFFF;
text-align: center;
text-transform: lowercase;
border: 1px solid #A89078;
}

.day-blank {
border: 1px solid #A89078;
}

.day {
border: 1px solid #A89078;
}

.day-date {
width: 50%;
background-color: #D8C0C0;
border-right: 1px solid #A89078;
border-bottom: 1px solid #A89078;
color: #000000;
text-align: center;
}

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

.day-count a {
color: #A89078;
text-decoration: none;
}

/* ---| TAG PAGE |--- */

.tagstable, .tagstable td {
border: 1px solid #A89078;
padding: 1px;
}

.tagstable {
width: 500px;
}

/* ---| MISC. / OTHER CODING AND STUFF |--- */

blockquote {
background-color: #F9FBDF;
font-family: verdana;
color: #444444;
text-transform: lowercase;
line-height: 1.5;
border: 1px dashed #A89078;
padding: 10px;
}

input, textarea, select {
font-family: Verdana;
font-size: 9px;
background-color: #F9FBDF;
border: 1px dashed #A89078;
padding: 2px;
margin: 2px 0 2px 0;
}

/* ---| TINY ICONS / CUSTOMIZED LIVEJOURNAL ICONS |--- */

.entryHeader img[src="http://p-stat.livejournal.com/img/icon_protected.gif"]{
width: 0;
height: 0;
padding: 0 12px 12px 3px;
background: url("http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/000bw7tt.png");
}

.entryHeader img[src="http://p-stat.livejournal.com/img/icon_private.gif"]{
width: 0;
height: 0;
padding: 0 12px 12px 3px;
background: url("http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/159.png");
}

.entryHeader img {
width: 0;
height: 0;
background-repeat: no-repeat;
/* so that IE users will still see an image */
background-image: url("http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/000bw7tt.png");
padding: 12px 12px 0 3px;
}

.ljuser img {
width: 0;
height: 0;
background-repeat: no-repeat;
background-color:transparent;
/* so that IE users will still see an image */
background-image: url('http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/userinfo-brown.png');
padding: 9px 9px 0 1px !important;
}

.ljuser img[src="http://l-stat.livejournal.com/img/userinfo.gif"] {
background-color:transparent;
background-image: url('http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/userinfo-brown.png');
padding: 9px 9px 0 1px !important;
}

.ljuser img[src="http://l-stat.livejournal.com/img/community.gif"] {
background-color:transparent;
background-image: url('http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/community-brown.png');
padding: 9px 8px 0 1px !important;
}

/* ---| CONTEXTUAL POP-UP |--- */

div.ContextualPopup img {
border: 0;
}

div.ContextualPopup div.Inner {
background-color: transparent !important;
font-family: Arial;
color: #333333 !important;
border: none;
padding: 10px;
width: 200px;
}

div.ContextualPopup .Content {
background-color: #F9FBDF;
padding: 7px 10px 7px 10px;
margin-right: 70px;
line-height: 1.3;
border: 1px solid #A89078;
}

div.ContextualPopup .Userpic {
background-color: #F9FBDF;
padding: 5px;
margin: 0px;
border: 1px solid #A89078;
}

div.ContextualPopup .Relation {
letter-spacing: -1px;
font-weight: bold !important;
margin-bottom: 4px;
padding-bottom: 6px;
border-bottom: 1px dashed #A89078;
}

div.ContextualPopup .Content .OnlineStatus {
font-weight: bold;
}

div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited {
text-decoration: underline !important;
font-weight: lighter;
color: #A89078 !important;
}

div.ContextualPopup div.Inner a:hover {
text-decoration: underline !important;
color: #FAFAFA !important;
}

WTF
/*

LJ STYLE: Smooth Sailing
LAYOUT: WTF
MAKER: kill_zombie

PLEASE CREDIT:
http://community.livejournal.com/kill_brainz/
http://kill_zombie.livejournal.com/

*/

/* ---| BODY / GENERAL CUSTOMIZATION |--- */

body {
background-color: #C0C0C0;
font-family: Arial, sans-serif;
font-size: 12px;
margin: 0px;
}

a, a:visited {
color: #F09000;
text-decoration: none;
}

a:hover {
color: #303030;
}

.pageblock{
width: 70%;
margin: 0 auto;
padding: 0;
}

.pagefooterblock {
display: none;
}

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

.pageheaderblock {
background: transparent;
text-align: right;
margin-top: 50px;
}

.header-icon {
display: none;
}

.header-title {
background-color: #C0C0C0;
font-family: Tahoma;
font-size: 72px;
color: #303030;
text-transform: uppercase;
text-align: right;
letter-spacing: 5px;
padding: 20px 0px 0px 0px;
margin: 45px 0px -20px 0px;
}

.header-subtitle {
width: 100%;
height: 200px;
background-image: url(http://i274.photobucket.com/albums/jj270/jessica0293/kill%20brainz/5002.gif);
font-size: 0px;
font-color: #000000;
border-top: 5px solid #303030;
}

.header-menu {
background: transparent;
padding: 16px 10px 16px 10px;
font-family: Tahoma;
font-size: 13px;
text-transform: lowercase;
text-align: center;
letter-spacing: 2px;
border-bottom: 10px solid #303030;
border-top: 10px solid #303030;
}

.header-menu a, .header-menu a:visited {
white-space: nowrap;
color: #303030;
text-decoration: none;
padding: 0px 1px 1px 1px;
}

.header-menu a:hover {
border-bottom: 1px dashed #F09000;
}

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

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

/* ---| PAGE FOOTER |--- */

#footer-menu {
display: none;
}

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

.bodyblock {
background: transparent;
padding: 0px;
margin: 0px;
}

.bodyheaderblock, .bodynavblock, .body-title, .body-midtitle {
display: none;
}

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

.entryHolder {
background: transparent;
font-family: Tahoma;
font-size: 12px;
margin: 0px;
border-right: 10px solid #303030;
}

.entryUserinfo {
background: transparent;
text-align: center;
padding: 2px;
margin: -15px 13px 10px 15px;
}

.entryUserinfo-usericon img {
border: 10px solid #303030;
}

.entryUserinfo-usericon img:hover {
border: 10px solid #FFFFFF;
}

.entryText {
background-color: #FFFFFF;
font-family: Verdana;
font-size: 11px;
color: #333333;
text-align: justify;
line-height: 1.5;
padding: 15px 10px 10px 15px;
margin: 15px 15px 0px 15px;
}

.entryHeader {
font-size: 0px;
text-align: left;
padding: 15px 0px 2px 18px;
margin: 0 0 0 4px;
border-bottom: 1px dashed #303030;
}

.entryHeader a{
color: #000000;
}

.entryHeaderSubject a, .entryHeaderSubject a:visited {
font-family: Tahoma;
font-size: 13px;
color: #333333;
text-transform: lowercase;
font-weight: normal;
color: #333333;
letter-spacing: 2px;
}

.entryHeaderSubject a:hover {
color: #303030;
}

.entryHeaderDate a {
font-family: Tahoma;
font-size: 10px;
color: #444444;
text-decoration: none;
letter-spacing: 1px;
}

.entryHeaderDate a:hover {
color : #303030;
text-decoration : none;
}

.entryMetadata {
background-color: #FFFFFF;
font-family: Tahoma;
font-size: 9px;
color: #444444;
text-transform: lowercase;
letter-spacing: 1px;
line-height: 1.5;
margin: 0px 15px 10px 15px;
padding: 20px 6px 6px 16px;
}

.entryMetadata ul {
margin: 0px;
padding: 0px;
}

.entryMetadata li {
list-style: none;
display: block;
padding-right: 10px;
}

.entryMetadata-label {
font-weight: normal;
color: #333333;
text-transform: lowercase;
padding-right: 4px;
}

.entryLinkbar {
background: transparent;
font-family: Tahoma;
font-size: 15px;
color: #333333;
letter-spacing: 1px;
text-align: center;
text-transform: lowercase;
padding: 15px 0px 25px 0px;
border-top: 1px dashed #303030;
}

.entryLinkbar ul {
margin: 0px;
padding: 0px;
}

.entryLinkbar li {
padding: 0px 5px 0px 5px;
margin: 0px;
display: inline;
}

/* ---| SIDE BAR |--- */

.sidebar {
width: 190px;
background: transparent;
font-size: 11px;
padding: 0px;
margin: 0px;
border-left: 10px solid #303030;
border-right: 10px solid #303030;
border-bottom: 10px solid #303030;
}

.sidebox {
margin: 0px 0px 0px 0px;
}

.sideboxTitle {
background-color: #303030;
font-family: Tahoma;
font-size: 13px;
color: #FFFFFF;
text-align: center;
text-transform: lowercase;
letter-spacing: 1px;
padding: 4px;
margin: 0px 0px 10px 0px;
}

.sideboxContent {
background-color: #FFFFFF;
font-family: Tahoma;
font-size: 11px;
color: #666666;
text-align: justify;
text-transform: lowercase;
padding: 10px;
margin: 10px;
}

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

.profile-content, .profile-label {
display: none;
}

.sidebox #search {
font-size: 9px;
text-align: center;
text-transform: lowercase;
}

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

.listtitle {
font-weight: bold;
padding: 2px 2px 2px 20px;
border-bottom: 1px solid #303030;
border-left: 3px solid #303030;
}

.listitem a {
font-family: tahoma;
font-size: 11px;
color: #666666;
text-transform: lowercase;
border-left: 3px solid #303030;
padding: 2px 2px 2px 10px;
}

.listitem a:hover {
color: #303030;
border-left: 3px solid #F09000;
}

#tags_sidebox {
list-style-type: none;
font-size: 0px;
color: #000000;
text-align: left;
}

#tags_sidebox a {
font-family: tahoma;
font-size: 11px;
color: #666666;
text-transform: lowercase;
padding: 2px 2px 2px 10px;
border-left: 3px solid #303030;
display: block;
}

#tags_sidebox a:hover {
color: #303030;
border-left: 3px solid #F09000;
}

.sidebox #latestmonth table {
width: 90%;
text-align: center;
margin-left: auto;
margin-right: auto;
margin-top: 4px;
}

.latestmonth-inactive {
background-color: #F7F7F7;
margin: 1px;
padding: 1px;
}

.latestmonth-active {
background-color: #787878;
margin: 1px;
padding: 1px;
}

/* ---| COMMENT PAGES |--- */

.commentHolder {
background: transparent;
font-family: Tahoma;
font-size: 12px;
color: #333333;
margin: 0px:
padding: 20px 0px 10px 0px;
border-right: 10px solid #303030;
}

.commentUserinfo {
background: transparent;
text-align: center;
margin: 3px 0px 10px 10px;
}

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

.commentText {
background-color: #FFFFFF;
font-family: Verdana;
font-size: 11px;
color: #444444;
text-align: justify;
text-transform: lowercase;
line-height: 1.25;
padding: 10px;
margin: 10px 0px 0px 10px;
}

.commentHeader {
font-family: Tahoma;
font-size: 13px;
color: #333333;
text-transform: lowercase;
border-bottom: 1px dashed #303030;
padding: 4px 0px 4px 8px;
}

.commentHeader a{
color: #303030;
}

.commentHeaderScreened {
font-family: Tahoma;
font-style: italic;
font-size: 13px;
color: #333333;
text-transform: lowercase;
border-bottom: 1px dashed #303030;
padding: 4px 0px 4px 8px;
}

.commentHeaderSubject {
color: #333333;
font-weight: normal;
}

.commentLinkbar {
background: transparent;
font-family: Tahoma;
font-size: 13px;
color: #333333;
letter-spacing: 1px;
text-align: center;
text-transform: lowercase;
padding: 5px 0px 5px 0px;
border-top: 1px dashed #303030;
}

.commentLinkbar ul {
margin: 0px;
padding: 0px;
}

.commentLinkbar li {
padding: 0px 5px 0px 5px;
margin: 0px;
display: inline;
}

.replyform {
background: transparent;
color: #444444;
padding-left: 10px;
}

#commenttext{
width: 100%;
}

/* ---| ARCHIVES / CALENDAR VIEW |--- */

.yearlinks{
text-align: right;
}

.yearlink{
padding: 0 4px 0 4px;
}

.month {
width: 500px;
border: 1px solid #;
margin: 15px 0px 15px 60px;
}

.daysubjects {
color: #000000;
padding: 15px 0px 15px 60px;
}

.daytitles {
background-color: #303030;
font-size: 14px;
color: #FFFFFF;
text-align: center;
text-transform: lowercase;
border: 1px solid #303030;
}

.day-blank {
border: 1px solid #303030;
}

.day {
border: 1px solid #303030;
}

.day-date {
width: 50%;
background-color: #787878;
border-right: 1px solid #303030;
border-bottom: 1px solid #303030;
color: #000000;
text-align: center;
}

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

.day-count a {
color: #303030;
text-decoration: none;
}

/* ---| TAG PAGE |--- */

.tagstable, .tagstable td {
border: 1px solid #303030;
padding: 1px;
}

.tagstable {
width: 500px;
}

/* ---| MISC. / OTHER CODING AND STUFF |--- */

blockquote {
background-color: #FAFAFA;
font-family: verdana;
color: #444444;
text-transform: lowercase;
line-height: 1.5;
border: 1px dashed #606060;
padding: 10px;
}

input, textarea, select {
font-family: Verdana;
font-size: 9px;
background-color: #FAFAFA;
border: 1px dashed #606060;
padding: 2px;
margin: 2px 0 2px 0;
}

/* ---| TINY ICONS / CUSTOMIZED LIVEJOURNAL ICONS |--- */

.entryHeader img[src="http://p-stat.livejournal.com/img/icon_protected.gif"]{
width: 0;
height: 0;
padding: 0 12px 12px 3px;
background: url("http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/000bw7tt.png");
}

.entryHeader img[src="http://p-stat.livejournal.com/img/icon_private.gif"]{
width: 0;
height: 0;
padding: 0 12px 12px 3px;
background: url("http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/159.png");
}

.entryHeader img {
width: 0;
height: 0;
background-repeat: no-repeat;
/* so that IE users will still see an image */
background-image: url("http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/000bw7tt.png");
padding: 12px 12px 0 3px;
}

.ljuser img {
width: 0;
height: 0;
background-repeat: no-repeat;
background-color:transparent;
/* so that IE users will still see an image */
background-image: url('http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/userinfo-orange.png');
padding: 9px 9px 0 1px !important;
}

.ljuser img[src="http://l-stat.livejournal.com/img/userinfo.gif"] {
background-color:transparent;
background-image: url('http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/userinfo-orange.png');
padding: 9px 9px 0 1px !important;
}

.ljuser img[src="http://l-stat.livejournal.com/img/community.gif"] {
background-color:transparent;
background-image: url('http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/community-orange.png');
padding: 9px 8px 0 1px !important;
}

/* ---| CONTEXTUAL POP-UP |--- */

div.ContextualPopup img {
border: 0;
}

div.ContextualPopup div.Inner {
background-color: transparent !important;
font-family: Arial;
color: #333333 !important;
border: none;
padding: 10px;
width: 200px;
}

div.ContextualPopup .Content {
background-color: #C0C0C0;
padding: 7px 10px 7px 10px;
margin-right: 70px;
line-height: 1.3;
border: 1px solid #303030;
}

div.ContextualPopup .Userpic {
background-color: #C0C0C0;
padding: 5px;
margin: 0px;
border: 1px solid #303030;
}

div.ContextualPopup .Relation {
letter-spacing: -1px;
font-weight: bold !important;
margin-bottom: 4px;
padding-bottom: 6px;
border-bottom: 1px dashed #303030;
}

div.ContextualPopup .Content .OnlineStatus {
font-weight: bold;
}

div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited {
text-decoration: underline !important;
font-weight: lighter;
color: #303030 !important;
}

div.ContextualPopup div.Inner a:hover {
text-decoration: underline !important;
color: #FAFAFA !important;
}

03. Display > Presentation
Basic Options
Userinfo Position in Entries → Right side of the Entry Text

Additional Options
Wrap Entry Text under Userinfo → Yes
Userinfo Position in Comments → Right side of the Entry Text

04. Header Image
Upload to your own servers please (or just via ImageShack and TinyPic).
FYI - WTF

Like the layouts? Go and watch kill_brainz ;D
Want to leave me a lovely comment, do it here. Subtlety, what's that?

Don't let me catch you hotlinking my images. If my Photobucket account explodes, I will feed you to Ihmotep.

style: smooth sailing, maker: kill_zombie