thirty two & thirty three
XXXII ⎜ JESUS & JUDAS (HEAVEN & HELL)
This layout is very similar to A Family Affair
XXXII; Jesus & Judas
LIVE PREVIEWS
Heaven & Hell
style
S2; Smooth Sailing
accounts
Basic & Paid
browsers
Safari, Chrome, Firefox (does not work well in IE)
Resolutions
works best in 1280x1024
disabled features
title, subtitle, sidebar, icons
INSTALLATION
HOW TO INSTALL
if you need help installing your S2 layout, click the "how to install" link for a detailed guide on how to install any S2 layout.
install the code
/*-------------------------------------------
NAME: Jesus & Judas (Heaven & Hell)
STYLE: S2 | Smooth Sailing
ACCOUNTS: basic & paid
TINY ICONS: N/A
CREDIT: apologize @ jealouss
-------------------------------------------*/
/*------------PAGE---------------*/
body {font-family: Arial, sans-serif; font-size: 12px; margin: 0px; background: #fff; color: #000000;}
.pageblock{width:100%; margin: auto;}
.pagefooterblock {border-top: 2px solid #444444; background-color: #cccc99; color: #665d34; padding: 4px 4px 4px 24px; margin-top: 4px;}
.pagefooterblock a, .pagefooterblock a:visited {color: #665d34;}
/*-------------HEADER------------*/
.pageheaderblock {text-align: left;}
.header-title {background: transparent!important; font-family: helvetica; font-weight: bold; font-size: 50px; color: #111; text-align: center; padding: 20px; border: none; letter-spacing:-7px;}
.header-subtitle {background-color: #444444; color: #e6e6e6; font-family: ; font-size: 24px; padding: 0px 24px 0px 24px; }
.header-icon {top: 0px; right: 0px; position: absolute; z-index: 1; border-left: 2px solid #e6e6e6; border-bottom: 2px solid #e6e6e6;}
.header-menu { padding: 0px; background: #000; text-align: left; padding: 20px 0 0 0; font-family: ; font-size: 12px; line-height: 20px; border: none; position: fixed; top: 0px; left: 0px; height: 100%; width: 250px; }
.header-menu a, .header-menu a:visited {font-family:helvetica; font-weight: 700; text-transform: uppercase; font-size: 20px; letter-spacing: -2px; white-space: nowrap; padding: 2px 7px 3px 7px; color: #fff; text-decoration: none; background: transparent!important; margin: 20px 5px 0 5px; }
.header-menu a:hover {background-color:; color: #494949;}
.header-menu ul, #footer-menu ul {margin: 0px; padding: 0px; }
.header-menu li, #footer-menu li {display: block; background:;}
/*--------BODY----------*/
.bodyblock {padding: 10px 20px 0px 20px; width: 875px; margin-left: auto; margin-right: auto;}
.bodyheaderblock {border-top: 2px solid #e6e6e6; background-color: #cccc99; padding: 4px 0px 4px 0px;}
.bodynavblock {border-top: 2px solid #e6e6e6; background-color: #cccc99; color: #665d34; margin: 10px 0px 4px 0px; padding: 8px; }
.bodynavblock a, .bodynavblock a:visited { color: #665d34; }
.body-title { font-family: ; font-size: 18px; color: #665d34; text-align: left; padding-left: 24px; }
.body-midtitle { font-family: ; font-size: 18px; color: #665d34; text-align: left; padding-left: 8px; }
/*---------------ENTRIES-------------------*/
.entryHeaderDate{color:#fff; background: #222; padding: 0px; text-align:center; font-family: helvetica; font-weight:bold; font-size: 20px; letter-spacing: -2px; word-spacing: 15px; line-height: 80%; margin: -15px 0 0 -20px ; position: absolute; text-transform: uppercase; display: block; width: 60px; float: right;}
.entryHeaderDate a {color:#665d34; text-decoration : none; }
.entryHeaderDate a:hover {color:#665d34; text-decoration : underline; }
.entryHolder {color: #444444; background:#f2f2f2 url(http://i55.tinypic.com/35bbfxu.jpg)fixed; font-family: ; font-size: 12px; margin: 4px 0px 4px 65px; }
.entryUserinfo {text-align: center; margin: 0px 0px 8px 8px; background-color:transparent!important; float: left;}
.entryUserinfo-usericon img { display: none;}
.entryUserinfo-username a{color: #111!important; margin: 0;}
.entryText {padding: 6px; font-family: helvetica; font-size: 12px; color: #111; text-transform: lowercase; letter-spacing: -.7px; }
.entryHeader {background-color: #111; color: #fff; font-family:helvetica; font-size: 0px; padding: 20px; }
.entryHeader a{color: #fff;}
.entryHeaderSubject {font-weight: bold; margin-left: 60px; }
.entryHeaderSubject A, .entryHeaderSubject A:hover, .entryHeaderSubject A:visited {text-decoration: none; color: #fff; font-size: 18px;}
.entryMetadata {background:rgba(33, 29, 29, .06); margin-bottom:0; padding:10px; width: 98.5%; font-family: helvetica; font-size: 10px; color: #111;}
.entryMetadata-content a{text-decoration: none!important; color: #111;}
.entryMetadata ul {margin: 0px; padding: 0px; }
.entryMetadata li {list-style: none; display: block; padding-right: 10px;}
.entryMetadata-label {font-weight: bold; padding-right: 4px; text-transform: lowercase; letter-spacing: -1px; }
.entryLinkbar {font-family: ; font-size: 11px; color: #444444; text-align: right; padding: 4px 0px 4px 0px; color: #111; font-family: helvetica; font-size: 10px;}
.entryLinkbar a{text-decoration: none; text-transform: lowercase;}
.entryLinkbar ul {margin: 0px; padding: 0px;}
.entryLinkbar li {padding: 0px 5px 0px 5px; margin: 0px; display: inline;}
.entryMetadata-content img{display: block;}
.entryText img{border: 10px solid #fff;}
/*-----------FOOTER-----------*/
#footer-menu {font-size: 11px;}
#footer-menu a, .footer-menu a:visited {color: #665d34; white-space: nowrap; padding: 6px; text-align: left;}
/*-------------SIDEBAR------------*/
.sidebar {font-family: ; font-size: 11px; margin-left: 20px; width: 200px;}
.sidebox {color: #444444; background-color: #e6e6e6; margin: 4px 0px 4px 0px; }
.sideboxTitle {background-color: #cccc99; color: #665d34; border-top: 2px solid #444444; font-family: ; font-size: 12px; padding: 4px 0px 4px 8px; text-align: left;}
.sideboxContent {text-align: left; padding: 2px 4px 2px 4px;}
.sidebox #profile, .sidebox #latestmonth, .sidebox #search {text-align: center;}
.sidebox #tags_sidebox {text-align: center;}
.sidebox #systemlinks {text-align: center; }
.sidebox #latestmonth table{width: 90%; margin-left: auto; margin-right: auto; margin-top: 4px; }
.listtitle {font-weight: bold;}
.profile-label {font-weight: bold;}
/*---------COMMENT PAGE-----------*/
.commentHolder {color: #444444; background:url(http://i55.tinypic.com/35bbfxu.jpg)fixed; border-top: 2px solid #444444; font-family: ; font-size: 12px; margin: 4px 0px 4px 120px; max-width: 800px;}
.commentUserinfo {text-align: center; margin: 0px 8px 8px 0px; background: transparent!important; }
.commentUserinfo-usericon img {border: 5px solid #111;}
.commentText {padding: 6px; font-family: helvetica; letter-spacing: -.6px; color: #000; }
.commentHeader {background-color: #111; color: #fff; font-family:helvetica; font-size: 12px; padding: 4px 0px 4px 8px;}
.commentHeader a{color: #fff; font-size: 12px;}
.commentHeaderScreened {font-family: ; font-size: 12px; background-color: #000; padding: 4px 0px 4px 8px; }
.commentHeaderSubject {font-weight: bold;}
.commentLinkbar {font-family:helvetica ; font-size: 10px; color: #111; text-align: right; padding-top: 4px; padding-bottom: 4px; background:rgba(33, 29, 29, .06); }
.commentLinkbar ul {margin: 0px; padding: 0px;}
.commentLinkbar li {padding: 0px 5px 0px 5px; margin: 0px; display: inline; font-family: helvetica; font-size: 10px; color: #111; text-decoration: none; text-transform: lowercase;}
.commentLinkbar a{font-family: helvetica; font-size: 10px; color: #111; text-decoration: none; text-transform: lowercase; }
.replyform {background-color: #e6e6e6; color: #444444; padding-left: 10px;}
/*-------------ARCHIVE PAGE-------------*/
.yearlinks{text-align: right;}
.yearlink{padding-left:4px; padding-right: 4px;}
.month {width: 500px; border: 1px solid #444444; margin: 8px 8px 8px 40px;}
.daysubjects {color: #444444; padding: 8px 8px 8px 40px;}
.daytitles {text-align: center; border: 1px solid #444444; background: #e6e6e6; color: #444444;}
.day-blank {border: 1px solid #444444;}
.day {border: 1px solid #444444;}
.day-date {border-right: 1px solid #444444; border-bottom: 1px solid #444444; color: #444444; width: 50%; text-align: center;}
.day-count {width: 50%; text-align: center; float: right; font-size: 20px;}
.day-count a {text-decoration: none; color: #665d34;}
/*---------------TAGS PAGE--------------*/
.tagstable, .tagstable td {border: 1px solid #444444;}
.tagstable { width: 500px; }
/*--------------LINKS----------------*/
a {color: #444444;}
a:visited {color: #000000;}
a:hover{}
/*-------------MISC-----------------*/
.entryLinkbar a[st_page="home"] {display:none}
div.ContextualPopup div.Inner{
color: #aaa !important;
border:1px solid #eee;
background: #000!important;
padding: 0;
width: 280px;
}
div.ContextualPopup .Userpic{
padding: 3px;
margin: 5px 5px 0;
border:1px solid #eee;
background: #fff;
}
div.ContextualPopup .Content{
padding: 5px;
border-right: 1px solid #ececec;
margin-right:68px;
background: #fff;
}
div.ContextualPopup div.Inner a:link, div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited {
text-decoration: none !important;
font-weight: bold;
color: #000 !important;
}
div.ContextualPopup .Relation {
font-size: 14px;
font-weight: bold!important;
font-family: helvetica;
letter-spacing: -1px;
text-transform: lowercase;
color: #111!important;
}
/*-----------DISABLED-------------*/
#lj_controlstrip, .body-title, .bodyheaderblock, .header-subtitle, .header-icon, .pagefooterblock, .sidebar, .bodynavblock{display: none;}
/*---------TINY ICONS----------*/
/* Generated by Malionette's Tiny Icon Generator */
img[src*="img/community.gif"] {width: 0 !important; height: 0 !important;
background: transparent url(http://i34.tinypic.com/dm8uwk.gif) no-repeat !important; padding: 13px 3px 0 10px !important; }
img[src*="img/icon_protected.gif"] {width: 0 !important; height: 0 !important;
background: transparent url(http://i53.tinypic.com/wu40ac.gif) no-repeat !important; padding: 10px 3px 0 10px !important; }
img[src*="img/icon_private.gif"] {width: 0 !important; height: 0 !important;
background: transparent url(http://i33.tinypic.com/24188zd.gif) no-repeat !important; padding: 10px 3px 0 10px !important; }
img[src*="userinfo.gif"], img[src*="user_ontd.gif"], img[src*="userinfo-support.gif"], img[src*="openid-profile.gif"], img[src*="anonymous.gif"], img[src*="userhead"] {
background-image:url("http://i36.tinypic.com/jqrwxe.gif") !important; background-repeat:no-repeat !important; height:0; padding:12px 11px 0 0 !important; width:0;}
Features
side navigation links, transparent backgrounds
Additional Customization
In order to get the date like it is in the preview, you must go tothe entry text section, and for the Format for Date and Time (Recent/Friends/Entry/Reply page) change it to this
%%mon%% %%dd%% %%yyyy%%
Additionally, you may need to adjust the margins of the entries if the layout is being used in a smaller resolution than 1280x1024. The layout will still work in small resoultions, but adjustments to the margins need to be made.
Credits
tiny icons by brand spanking new
Questions
If you have a questions, please make sure you read through all the information provided here, and the FAQ before you ask. I will not answer/help if you don't take the time out to find an answer before coming to me. Questions can be directed to the FAQ entry, please do not PM me.
FAQ | HOW TO CREDIT
like what you see?
watch | more layouts
XXXIII ⎜ STRUCTURAL INEQUALITY
XXXIII; STRUCTURAL INEQUALITY
LIVE PREVIEWS
Structual Inequality
style
S2; Smooth Sailing
accounts
Basic & Paid
browsers
Safari, Chrome, Firefox (does not work well in IE)
Resolutions
all
disabled features
sidebar
INSTALLATION
HOW TO INSTALL
if you need help installing your S2 layout, click the "how to install" link for a detailed guide on how to install any S2 layout.
install the code
/*-------------------------------------------
NAME: Structural Inequality
STYLE: S2 | Smooth Sailing
ACCOUNTS: basic & paid
TINY ICONS: brandspankingnew
CREDIT: apologize @ jealouss
-------------------------------------------*/
/*------------PAGE---------------*/
body{font-family: Arial, sans-serif; font-size: 12px; margin: 0px; background: #fff; color: #000000;}
.pageblock{width:100%; margin: 0px auto;}
.pagefooterblock {border-top: 2px solid #ffffff; background-color: #aabbdd; color: #000000; padding: 4px 4px 4px 24px; margin-top: 4px;}
.pagefooterblock a, .pagefooterblock a:visited {color: #000000;}
#lj_controlstrip{}
/*-------------HEADER------------*/
.pageheaderblock {text-align: left;}
.header-title {background: rgba(255, 255, 255, .7); font-family:arial black; font-size: 51px; letter-spacing: -6px; color: #000; padding: 20px 20px 20px 20px; position: fixed; width: 100%; top: 0px; text-transform: uppercase; z-index: 1; line-height: 65px; }
.header-subtitle {background: transparent!important; color: #ffdf2d; font-family:helvetica; font-size: 14px; letter-spacing: 1px; width: 100%; padding: 5px 24px 0px 24px; position: fixed; top: 75px; z-index: 2;}
.header-icon {display: none;}
.header-menu {padding: 0px; background: rgba(0, 0, 0, .1); border-top: 2px solid #ffffff; padding-left: 19px; font-family: ; font-size: 12px; line-height: 20px; position: fixed; width: 100%; top: 95px; background: #000; z-index: 2;}
.header-menu a, .header-menu a:visited { white-space: nowrap; text-align: left; padding: 3px 6px 2px 6px; color: #fff; text-decoration: none; xtext-transform: lowercase; letter-spacing: 1px; font-family: helvetica; font-size: 10px; }
.header-menu a:hover { background:#fff; color: #000;}
.header-menu ul, #footer-menu ul {margin: 0px;padding: 0px;}
.header-menu li, #footer-menu li {display: inline;}
/*--------BODY----------*/
.bodyblock {padding: 10px 20px 0px 20px; margin:150px auto; width: 650px; }
.bodyheaderblock { background-color: #d4ddee; padding: 4px 0px 4px 0px; display: none;}
.bodynavblock {border-top: 2px solid #ffffff; background: #000; color: #fff; margin: 10px 0px 4px 0px; padding: 8px;}
.bodynavblock a, .bodynavblock a:visited {color: #fff!important;}
.body-title {font-family: ; font-size: 18px; color: #000000; text-align: left; padding-left: 24px;}
.body-midtitle {font-family: ; font-size: 18px; color: #ffdf2d; text-align: left; padding-left: 8px;}
/*---------------ENTRIES-------------------*/
.entryHolder {color: #000000; background: url(http://i53.tinypic.com/y2jd.png); font-family: ; font-size: 12px; margin: 4px 0px 40px 0px; }
.entryUserinfo { text-align: center; margin: 0px 8px 8px 0px; background: rgba(255, 255, 255, .6);;}
.entryUserinfo-usericon img { border: 10px solid #000; }
.entryText { padding: 10px; text-align: justify; background: rgba(255, 255, 255, .6); font-family: helvetica; font-size: 11px; margin-left: -8px;}
.entryText img{border: 10px solid #000;}
.entryHeader {font-size:13px; line-height:7px; margin-left:-135px; position:absolute; text-align:right; text-transform:lowercase; width:125px; z-index: 0;}
.entryHeader a {color:#222; display:block; font-size:20px; font-weight:bold; text-decoration: none; font-family: arial; text-transform: uppercase;}
.entryHeaderSubject {font-weight: bold; font-size:0px; line-height:7px; margin-left:-125px; position:absolute; text-align: right; text-transform:lowercase; width:125px; z-index: 0; line-height: 17px; letter-spacing: -2px;}
.entryHeaderSubject a, .subj-link{color: #222!important; letter-spacing: -2px;}
.entryHeaderDate{position: absolute; margin-top: 83px!important; margin-left: 20px; background:rgba(255, 255, 255, .5); width: 64%; text-align: center; padding: 10px; font-family: helvetica; letter-spacing: -1px; text-transform: uppercase; font-weight: bold; color: #ffdf2d;}
.entryHeaderDate a {color: #ffdf2d; text-decoration : none; font-family: helvetica;}
.meta-mood-img{margin-left: 5px;}
.entryHeaderDate a:hover { color : #000000; text-decoration : underline;}
.entryMetadata { padding-left: 6px; background: rgba(255, 255, 255, .6); display:block; margin-left: -8px;}
.entryMetadata-content{font-family: helvetica; text-transform: lowercase; letter-spacing: 1px; font-size: 10px;}
.entryMetadata ul { margin: 0px; padding: 0px;}
.entryMetadata li {list-style: none; padding-right: 10px;}
.entryMetadata-label { font-weight: bold; padding-right: 4px; text-transform: lowercase; letter-spacing: -1px; margin-right: 0px; font-size: 11px;}
.entryLinkbar {font-family:helvetica ; font-size: 10px; color: #fff; text-align: right; padding: 4px 0px 4px 0px; background: #000;}
.entryLinkbar a{color: #fff; padding: 2px;}
.entryLinkbar ul {margin: 0px; padding: 0px; color: #fff;}
.entryLinkbar li {padding: 0px 5px 0px 5px; margin: 0px; display: inline; color: #fff;}
/*-----------FOOTER-----------*/
#footer-menu {font-size: 11px;}
#footer-menu a, .footer-menu a:visited {color: #000000; white-space: nowrap; padding: 6px; text-align: left;}
/*-------------SIDEBAR------------*/
.sidebar { font-family: ; font-size: 11px; margin-right: 20px; width: 200px;}
.sidebox {color: #000000; background-color: #fff; margin: 4px 0px 4px 0px;}
.sideboxTitle {background-color: #dddddd; color: #000000; border-top: 2px solid #ffffff; font-family:; font-size: 12px; padding: 4px 0px 4px 8px; text-align:; }
.sideboxContent {text-align: left; padding: 2px 4px 2px 4px;}
.sidebox #profile, .sidebox #search {display: none;}
.sidebox #tags_sidebox {text-align: center;}
.sidebox #systemlinks {text-align: center;}
.sidebox #latestmonth table{width: 90%; margin-left: auto; margin-right: auto; margin-top: 4px; text-align: center;}
.listtitle {font-weight: bold;}
.profile-label {font-weight: bold;}
/*---------COMMENT PAGE-----------*/
.commentHolder {color: #000000; background: url(http://i53.tinypic.com/y2jd.png); font-family: ; font-size: 12px; margin: 10px 0px 4px 0px;}
.commentUserinfo {text-align: center; margin: 0px 8px 8px 0px;background: rgba(255, 255, 255, .6);}
.commentUserinfo-usericon img { border: 5px solid #000; }
.commentText {padding: 10px; background: rgba(255, 255, 255, .6); margin-left: -8px;}
.commentHeader {background: #000; color: #fff; font-family:helvetica; font-size: 10px; padding: 4px 0px 4px 8px; letter-spacing-1px;}
.commentHeader a{color: #000000;}
.commentHeaderScreened { font-family: ; font-size: 12px; background-color: #cccccc; padding: 4px 0px 4px 8px;}
.commentHeaderSubject {font-weight: bold; color: #ffdf2d;}
.commentLinkbar {font-family: ; font-size: 11px; color: #fff; text-align: right; padding-top: 4px; padding-bottom: 4px; background: #000;}
.commentLinkbar a{color: #fff;}
.commentLinkbar ul {margin: 0px; padding: 0px;}
.commentLinkbar li {padding: 0px 5px 0px 5px; margin: 0px; display: inline;}
.replyform {background-color: #f8f8f8; color: #000000; padding-left: 10px;}
#commenttext{width:100%;}
/*-------------ARCHIVE PAGE-------------*/
.yearlinks{text-align: right;}
.yearlink{padding-left:4px; padding-right: 4px;}
.month {width: 500px; border:none; margin: 8px 8px 8px 40px;}
.daysubjects {color: #000000; padding: 8px 8px 8px 40px;}
.daytitles {text-align: center; border: 1px solid #dddddd; background: #eeeeee; color: #000000;}
.day-blank {border-left:none;}
.day {border-left: 1px solid #000;}
.day-date { border-right: 1px solid #000; border-bottom: 1px solid #000; color: #000; width: 100%; text-align: center;}
.day-count {width: 100%; text-align: center; float: right; font-size: 15px;}
.day-count a {text-decoration: none; color: #555; font-size: 15px;}
/*---------------TAGS PAGE--------------*/
.tagstable, .tagstable td {border: 1px solid #dddddd;}
.tagstable {width: 500px;}
/*--------------MISC-------------*/
textarea{font-family: helvetica; font-size: 10px;}
i, b, s, u, big, small{color: #ffdf2d;}
div.ContextualPopup{
margin: 0px;
text-align: left;
font: normal 9px "helvetica" !important;
}
div.ContextualPopup div.Inner{
color: #aaa !important;
border:1px solid #eee;
background: #000 !important;
padding: 0;
width: 280px;
}
div.ContextualPopup .Userpic{
padding: 3px;
margin: 5px 5px 0;
border:1px solid #eee;
background: #fff;
}
div.ContextualPopup .Content{
padding: 5px;
border-right: 1px solid #ececec;
margin-right:68px;
background: #fff;
}
div.ContextualPopup div.Inner a:link, div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited {
text-decoration: none !important;
font-weight: bold;
color: #000 !important;
}
div.ContextualPopup .Relation {
font-size: 14px;
font-weight: bold !important;
font-family: helvetica;
letter-spacing: -1px;
text-transform: uppercase;
color: #ffdf2d!important;
}
/*----------------LINKS--------------*/
a {color: #222; text-decoration: none; text-transform: lowercase; font-family: helvetica; font-size: 10px; letter-spacing: 1px;}
a:visited {color: #ffdf2d; text-decoration: none; }
a:hover{}
/*------------DISABLED-----------------*/
#lj_controlstrip, .bodyheaderblock, .sidebar, .pagefooterblock{display: none;}
/*------------TINY ICONS-------------*/
/* Generated by Malionette's Tiny Icon Generator */
img[src*="img/userinfo.gif"] {width: 0 !important; height: 0 !important;
background: transparent url(http://i53.tinypic.com/iglx5z.jpg) no-repeat !important; padding: 16px 0 0 16px !important; }
img[src*="img/community.gif"] {width: 0 !important; height: 0 !important;
background: transparent url(http://i56.tinypic.com/j15wr6.png) no-repeat !important; padding: 16px 0 0 16px !important; }
img[src*="img/syndicated.gif"] {width: 0 !important; height: 0 !important;
background: transparent url(http://i52.tinypic.com/2i9pmrb.png) no-repeat !important; padding: 16px 0 0 16px !important; }
img[src*="img/icon_protected.gif"] {width: 0 !important; height: 0 !important;
background: transparent url(http://i54.tinypic.com/2dqon4k.jpg) no-repeat !important; padding: 16px 0 0 18px !important; }
img[src*="img/icon_private.gif"] {width: 0 !important; height: 0 !important;
background: transparent url(http://i54.tinypic.com/jj0hns.jpg) no-repeat !important; padding: 16px 0 0 18px !important; }
img[src*="img/icon_groups.gif"] {width: 0 !important; height: 0 !important;
background: transparent url(http://i55.tinypic.com/i1k9xs.png) no-repeat !important; padding: 16px 0 0 18px !important; }
img[src*="userinfo.gif"], img[src*="user_ontd.gif"], img[src*="userinfo-support.gif"], img[src*="openid-profile.gif"], img[src*="anonymous.gif"], img[src*="userhead"] {
background:url("http://i53.tinypic.com/iglx5z.jpg") no-repeat !important;
height:0; padding: 16px 0 0 15px !important; width:0;}
Features
fixed navigation header & navigation, transparent backgrounds, date hovering the user icons
Additional Customization
In order to get the date like it is in the preview, you must go tothe entry text section, and for the Format for Date and Time (Recent/Friends/Entry/Reply page) change it to this
%%mon%% %%dd%% %%yyyy%%
The date in each entry hovers the user icon, depending on the color of the icon, you may need to change the font color, find this code, and where is says CHANGE, enter another color like #000 (black), #fff (white), etc.
.entryHeaderDate a {color: CHANGE; text-decoration : none; font-family: helvetica;}
Credits
tiny icons by brand spanking new
Questions
If you have a questions, please make sure you read through all the information provided here, and the FAQ before you ask. I will not answer/help if you don't take the time out to find an answer before coming to me. Questions can be directed to the FAQ entry, please do not PM me.
FAQ | HOW TO CREDIT
like what you see?
watch | more layouts
This layout is very similar to A Family Affair
XXXII; Jesus & Judas
LIVE PREVIEWS
Heaven & Hell
style
S2; Smooth Sailing
accounts
Basic & Paid
browsers
Safari, Chrome, Firefox (does not work well in IE)
Resolutions
works best in 1280x1024
disabled features
title, subtitle, sidebar, icons
INSTALLATION
HOW TO INSTALL
if you need help installing your S2 layout, click the "how to install" link for a detailed guide on how to install any S2 layout.
install the code
/*-------------------------------------------
NAME: Jesus & Judas (Heaven & Hell)
STYLE: S2 | Smooth Sailing
ACCOUNTS: basic & paid
TINY ICONS: N/A
CREDIT: apologize @ jealouss
-------------------------------------------*/
/*------------PAGE---------------*/
body {font-family: Arial, sans-serif; font-size: 12px; margin: 0px; background: #fff; color: #000000;}
.pageblock{width:100%; margin: auto;}
.pagefooterblock {border-top: 2px solid #444444; background-color: #cccc99; color: #665d34; padding: 4px 4px 4px 24px; margin-top: 4px;}
.pagefooterblock a, .pagefooterblock a:visited {color: #665d34;}
/*-------------HEADER------------*/
.pageheaderblock {text-align: left;}
.header-title {background: transparent!important; font-family: helvetica; font-weight: bold; font-size: 50px; color: #111; text-align: center; padding: 20px; border: none; letter-spacing:-7px;}
.header-subtitle {background-color: #444444; color: #e6e6e6; font-family: ; font-size: 24px; padding: 0px 24px 0px 24px; }
.header-icon {top: 0px; right: 0px; position: absolute; z-index: 1; border-left: 2px solid #e6e6e6; border-bottom: 2px solid #e6e6e6;}
.header-menu { padding: 0px; background: #000; text-align: left; padding: 20px 0 0 0; font-family: ; font-size: 12px; line-height: 20px; border: none; position: fixed; top: 0px; left: 0px; height: 100%; width: 250px; }
.header-menu a, .header-menu a:visited {font-family:helvetica; font-weight: 700; text-transform: uppercase; font-size: 20px; letter-spacing: -2px; white-space: nowrap; padding: 2px 7px 3px 7px; color: #fff; text-decoration: none; background: transparent!important; margin: 20px 5px 0 5px; }
.header-menu a:hover {background-color:; color: #494949;}
.header-menu ul, #footer-menu ul {margin: 0px; padding: 0px; }
.header-menu li, #footer-menu li {display: block; background:;}
/*--------BODY----------*/
.bodyblock {padding: 10px 20px 0px 20px; width: 875px; margin-left: auto; margin-right: auto;}
.bodyheaderblock {border-top: 2px solid #e6e6e6; background-color: #cccc99; padding: 4px 0px 4px 0px;}
.bodynavblock {border-top: 2px solid #e6e6e6; background-color: #cccc99; color: #665d34; margin: 10px 0px 4px 0px; padding: 8px; }
.bodynavblock a, .bodynavblock a:visited { color: #665d34; }
.body-title { font-family: ; font-size: 18px; color: #665d34; text-align: left; padding-left: 24px; }
.body-midtitle { font-family: ; font-size: 18px; color: #665d34; text-align: left; padding-left: 8px; }
/*---------------ENTRIES-------------------*/
.entryHeaderDate{color:#fff; background: #222; padding: 0px; text-align:center; font-family: helvetica; font-weight:bold; font-size: 20px; letter-spacing: -2px; word-spacing: 15px; line-height: 80%; margin: -15px 0 0 -20px ; position: absolute; text-transform: uppercase; display: block; width: 60px; float: right;}
.entryHeaderDate a {color:#665d34; text-decoration : none; }
.entryHeaderDate a:hover {color:#665d34; text-decoration : underline; }
.entryHolder {color: #444444; background:#f2f2f2 url(http://i55.tinypic.com/35bbfxu.jpg)fixed; font-family: ; font-size: 12px; margin: 4px 0px 4px 65px; }
fixed;){kind=link}
.entryUserinfo {text-align: center; margin: 0px 0px 8px 8px; background-color:transparent!important; float: left;}
.entryUserinfo-usericon img { display: none;}
.entryUserinfo-username a{color: #111!important; margin: 0;}
.entryText {padding: 6px; font-family: helvetica; font-size: 12px; color: #111; text-transform: lowercase; letter-spacing: -.7px; }
.entryHeader {background-color: #111; color: #fff; font-family:helvetica; font-size: 0px; padding: 20px; }
.entryHeader a{color: #fff;}
.entryHeaderSubject {font-weight: bold; margin-left: 60px; }
.entryHeaderSubject A, .entryHeaderSubject A:hover, .entryHeaderSubject A:visited {text-decoration: none; color: #fff; font-size: 18px;}
.entryMetadata {background:rgba(33, 29, 29, .06); margin-bottom:0; padding:10px; width: 98.5%; font-family: helvetica; font-size: 10px; color: #111;}
.entryMetadata-content a{text-decoration: none!important; color: #111;}
.entryMetadata ul {margin: 0px; padding: 0px; }
.entryMetadata li {list-style: none; display: block; padding-right: 10px;}
.entryMetadata-label {font-weight: bold; padding-right: 4px; text-transform: lowercase; letter-spacing: -1px; }
.entryLinkbar {font-family: ; font-size: 11px; color: #444444; text-align: right; padding: 4px 0px 4px 0px; color: #111; font-family: helvetica; font-size: 10px;}
.entryLinkbar a{text-decoration: none; text-transform: lowercase;}
.entryLinkbar ul {margin: 0px; padding: 0px;}
.entryLinkbar li {padding: 0px 5px 0px 5px; margin: 0px; display: inline;}
.entryMetadata-content img{display: block;}
.entryText img{border: 10px solid #fff;}
/*-----------FOOTER-----------*/
#footer-menu {font-size: 11px;}
#footer-menu a, .footer-menu a:visited {color: #665d34; white-space: nowrap; padding: 6px; text-align: left;}
/*-------------SIDEBAR------------*/
.sidebar {font-family: ; font-size: 11px; margin-left: 20px; width: 200px;}
.sidebox {color: #444444; background-color: #e6e6e6; margin: 4px 0px 4px 0px; }
.sideboxTitle {background-color: #cccc99; color: #665d34; border-top: 2px solid #444444; font-family: ; font-size: 12px; padding: 4px 0px 4px 8px; text-align: left;}
.sideboxContent {text-align: left; padding: 2px 4px 2px 4px;}
.sidebox #profile, .sidebox #latestmonth, .sidebox #search {text-align: center;}
.sidebox #tags_sidebox {text-align: center;}
.sidebox #systemlinks {text-align: center; }
.sidebox #latestmonth table{width: 90%; margin-left: auto; margin-right: auto; margin-top: 4px; }
.listtitle {font-weight: bold;}
.profile-label {font-weight: bold;}
/*---------COMMENT PAGE-----------*/
.commentHolder {color: #444444; background:url(http://i55.tinypic.com/35bbfxu.jpg)fixed; border-top: 2px solid #444444; font-family: ; font-size: 12px; margin: 4px 0px 4px 120px; max-width: 800px;}
.commentUserinfo {text-align: center; margin: 0px 8px 8px 0px; background: transparent!important; }
.commentUserinfo-usericon img {border: 5px solid #111;}
.commentText {padding: 6px; font-family: helvetica; letter-spacing: -.6px; color: #000; }
.commentHeader {background-color: #111; color: #fff; font-family:helvetica; font-size: 12px; padding: 4px 0px 4px 8px;}
.commentHeader a{color: #fff; font-size: 12px;}
.commentHeaderScreened {font-family: ; font-size: 12px; background-color: #000; padding: 4px 0px 4px 8px; }
.commentHeaderSubject {font-weight: bold;}
.commentLinkbar {font-family:helvetica ; font-size: 10px; color: #111; text-align: right; padding-top: 4px; padding-bottom: 4px; background:rgba(33, 29, 29, .06); }
.commentLinkbar ul {margin: 0px; padding: 0px;}
.commentLinkbar li {padding: 0px 5px 0px 5px; margin: 0px; display: inline; font-family: helvetica; font-size: 10px; color: #111; text-decoration: none; text-transform: lowercase;}
.commentLinkbar a{font-family: helvetica; font-size: 10px; color: #111; text-decoration: none; text-transform: lowercase; }
.replyform {background-color: #e6e6e6; color: #444444; padding-left: 10px;}
/*-------------ARCHIVE PAGE-------------*/
.yearlinks{text-align: right;}
.yearlink{padding-left:4px; padding-right: 4px;}
.month {width: 500px; border: 1px solid #444444; margin: 8px 8px 8px 40px;}
.daysubjects {color: #444444; padding: 8px 8px 8px 40px;}
.daytitles {text-align: center; border: 1px solid #444444; background: #e6e6e6; color: #444444;}
.day-blank {border: 1px solid #444444;}
.day {border: 1px solid #444444;}
.day-date {border-right: 1px solid #444444; border-bottom: 1px solid #444444; color: #444444; width: 50%; text-align: center;}
.day-count {width: 50%; text-align: center; float: right; font-size: 20px;}
.day-count a {text-decoration: none; color: #665d34;}
/*---------------TAGS PAGE--------------*/
.tagstable, .tagstable td {border: 1px solid #444444;}
.tagstable { width: 500px; }
/*--------------LINKS----------------*/
a {color: #444444;}
a:visited {color: #000000;}
a:hover{}
/*-------------MISC-----------------*/
.entryLinkbar a[st_page="home"] {display:none}
div.ContextualPopup div.Inner{
color: #aaa !important;
border:1px solid #eee;
background: #000!important;
padding: 0;
width: 280px;
}
div.ContextualPopup .Userpic{
padding: 3px;
margin: 5px 5px 0;
border:1px solid #eee;
background: #fff;
}
div.ContextualPopup .Content{
padding: 5px;
border-right: 1px solid #ececec;
margin-right:68px;
background: #fff;
}
div.ContextualPopup div.Inner a:link, div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited {
text-decoration: none !important;
font-weight: bold;
color: #000 !important;
}
div.ContextualPopup .Relation {
font-size: 14px;
font-weight: bold!important;
font-family: helvetica;
letter-spacing: -1px;
text-transform: lowercase;
color: #111!important;
}
/*-----------DISABLED-------------*/
#lj_controlstrip, .body-title, .bodyheaderblock, .header-subtitle, .header-icon, .pagefooterblock, .sidebar, .bodynavblock{display: none;}
/*---------TINY ICONS----------*/
/* Generated by Malionette's Tiny Icon Generator */
img[src*="img/community.gif"] {width: 0 !important; height: 0 !important;
background: transparent url(http://i34.tinypic.com/dm8uwk.gif) no-repeat !important; padding: 13px 3px 0 10px !important; }
img[src*="img/icon_protected.gif"] {width: 0 !important; height: 0 !important;
background: transparent url(http://i53.tinypic.com/wu40ac.gif) no-repeat !important; padding: 10px 3px 0 10px !important; }
img[src*="img/icon_private.gif"] {width: 0 !important; height: 0 !important;
background: transparent url(http://i33.tinypic.com/24188zd.gif) no-repeat !important; padding: 10px 3px 0 10px !important; }
img[src*="userinfo.gif"], img[src*="user_ontd.gif"], img[src*="userinfo-support.gif"], img[src*="openid-profile.gif"], img[src*="anonymous.gif"], img[src*="userhead"] {
background-image:url("http://i36.tinypic.com/jqrwxe.gif") !important; background-repeat:no-repeat !important; height:0; padding:12px 11px 0 0 !important; width:0;}
Features
side navigation links, transparent backgrounds
Additional Customization
In order to get the date like it is in the preview, you must go tothe entry text section, and for the Format for Date and Time (Recent/Friends/Entry/Reply page) change it to this
%%mon%% %%dd%% %%yyyy%%
Additionally, you may need to adjust the margins of the entries if the layout is being used in a smaller resolution than 1280x1024. The layout will still work in small resoultions, but adjustments to the margins need to be made.
Credits
tiny icons by brand spanking new
Questions
If you have a questions, please make sure you read through all the information provided here, and the FAQ before you ask. I will not answer/help if you don't take the time out to find an answer before coming to me. Questions can be directed to the FAQ entry, please do not PM me.
FAQ | HOW TO CREDIT
like what you see?
watch | more layouts
XXXIII ⎜ STRUCTURAL INEQUALITY
XXXIII; STRUCTURAL INEQUALITY
LIVE PREVIEWS
Structual Inequality
style
S2; Smooth Sailing
accounts
Basic & Paid
browsers
Safari, Chrome, Firefox (does not work well in IE)
Resolutions
all
disabled features
sidebar
INSTALLATION
HOW TO INSTALL
if you need help installing your S2 layout, click the "how to install" link for a detailed guide on how to install any S2 layout.
install the code
/*-------------------------------------------
NAME: Structural Inequality
STYLE: S2 | Smooth Sailing
ACCOUNTS: basic & paid
TINY ICONS: brandspankingnew
CREDIT: apologize @ jealouss
-------------------------------------------*/
/*------------PAGE---------------*/
body{font-family: Arial, sans-serif; font-size: 12px; margin: 0px; background: #fff; color: #000000;}
.pageblock{width:100%; margin: 0px auto;}
.pagefooterblock {border-top: 2px solid #ffffff; background-color: #aabbdd; color: #000000; padding: 4px 4px 4px 24px; margin-top: 4px;}
.pagefooterblock a, .pagefooterblock a:visited {color: #000000;}
#lj_controlstrip{}
/*-------------HEADER------------*/
.pageheaderblock {text-align: left;}
.header-title {background: rgba(255, 255, 255, .7); font-family:arial black; font-size: 51px; letter-spacing: -6px; color: #000; padding: 20px 20px 20px 20px; position: fixed; width: 100%; top: 0px; text-transform: uppercase; z-index: 1; line-height: 65px; }
.header-subtitle {background: transparent!important; color: #ffdf2d; font-family:helvetica; font-size: 14px; letter-spacing: 1px; width: 100%; padding: 5px 24px 0px 24px; position: fixed; top: 75px; z-index: 2;}
.header-icon {display: none;}
.header-menu {padding: 0px; background: rgba(0, 0, 0, .1); border-top: 2px solid #ffffff; padding-left: 19px; font-family: ; font-size: 12px; line-height: 20px; position: fixed; width: 100%; top: 95px; background: #000; z-index: 2;}
.header-menu a, .header-menu a:visited { white-space: nowrap; text-align: left; padding: 3px 6px 2px 6px; color: #fff; text-decoration: none; xtext-transform: lowercase; letter-spacing: 1px; font-family: helvetica; font-size: 10px; }
.header-menu a:hover { background:#fff; color: #000;}
.header-menu ul, #footer-menu ul {margin: 0px;padding: 0px;}
.header-menu li, #footer-menu li {display: inline;}
/*--------BODY----------*/
.bodyblock {padding: 10px 20px 0px 20px; margin:150px auto; width: 650px; }
.bodyheaderblock { background-color: #d4ddee; padding: 4px 0px 4px 0px; display: none;}
.bodynavblock {border-top: 2px solid #ffffff; background: #000; color: #fff; margin: 10px 0px 4px 0px; padding: 8px;}
.bodynavblock a, .bodynavblock a:visited {color: #fff!important;}
.body-title {font-family: ; font-size: 18px; color: #000000; text-align: left; padding-left: 24px;}
.body-midtitle {font-family: ; font-size: 18px; color: #ffdf2d; text-align: left; padding-left: 8px;}
/*---------------ENTRIES-------------------*/
.entryHolder {color: #000000; background: url(http://i53.tinypic.com/y2jd.png); font-family: ; font-size: 12px; margin: 4px 0px 40px 0px; }
;){kind=link}
.entryUserinfo { text-align: center; margin: 0px 8px 8px 0px; background: rgba(255, 255, 255, .6);;}
.entryUserinfo-usericon img { border: 10px solid #000; }
.entryText { padding: 10px; text-align: justify; background: rgba(255, 255, 255, .6); font-family: helvetica; font-size: 11px; margin-left: -8px;}
.entryText img{border: 10px solid #000;}
.entryHeader {font-size:13px; line-height:7px; margin-left:-135px; position:absolute; text-align:right; text-transform:lowercase; width:125px; z-index: 0;}
.entryHeader a {color:#222; display:block; font-size:20px; font-weight:bold; text-decoration: none; font-family: arial; text-transform: uppercase;}
.entryHeaderSubject {font-weight: bold; font-size:0px; line-height:7px; margin-left:-125px; position:absolute; text-align: right; text-transform:lowercase; width:125px; z-index: 0; line-height: 17px; letter-spacing: -2px;}
.entryHeaderSubject a, .subj-link{color: #222!important; letter-spacing: -2px;}
.entryHeaderDate{position: absolute; margin-top: 83px!important; margin-left: 20px; background:rgba(255, 255, 255, .5); width: 64%; text-align: center; padding: 10px; font-family: helvetica; letter-spacing: -1px; text-transform: uppercase; font-weight: bold; color: #ffdf2d;}
.entryHeaderDate a {color: #ffdf2d; text-decoration : none; font-family: helvetica;}
.meta-mood-img{margin-left: 5px;}
.entryHeaderDate a:hover { color : #000000; text-decoration : underline;}
.entryMetadata { padding-left: 6px; background: rgba(255, 255, 255, .6); display:block; margin-left: -8px;}
.entryMetadata-content{font-family: helvetica; text-transform: lowercase; letter-spacing: 1px; font-size: 10px;}
.entryMetadata ul { margin: 0px; padding: 0px;}
.entryMetadata li {list-style: none; padding-right: 10px;}
.entryMetadata-label { font-weight: bold; padding-right: 4px; text-transform: lowercase; letter-spacing: -1px; margin-right: 0px; font-size: 11px;}
.entryLinkbar {font-family:helvetica ; font-size: 10px; color: #fff; text-align: right; padding: 4px 0px 4px 0px; background: #000;}
.entryLinkbar a{color: #fff; padding: 2px;}
.entryLinkbar ul {margin: 0px; padding: 0px; color: #fff;}
.entryLinkbar li {padding: 0px 5px 0px 5px; margin: 0px; display: inline; color: #fff;}
/*-----------FOOTER-----------*/
#footer-menu {font-size: 11px;}
#footer-menu a, .footer-menu a:visited {color: #000000; white-space: nowrap; padding: 6px; text-align: left;}
/*-------------SIDEBAR------------*/
.sidebar { font-family: ; font-size: 11px; margin-right: 20px; width: 200px;}
.sidebox {color: #000000; background-color: #fff; margin: 4px 0px 4px 0px;}
.sideboxTitle {background-color: #dddddd; color: #000000; border-top: 2px solid #ffffff; font-family:; font-size: 12px; padding: 4px 0px 4px 8px; text-align:; }
.sideboxContent {text-align: left; padding: 2px 4px 2px 4px;}
.sidebox #profile, .sidebox #search {display: none;}
.sidebox #tags_sidebox {text-align: center;}
.sidebox #systemlinks {text-align: center;}
.sidebox #latestmonth table{width: 90%; margin-left: auto; margin-right: auto; margin-top: 4px; text-align: center;}
.listtitle {font-weight: bold;}
.profile-label {font-weight: bold;}
/*---------COMMENT PAGE-----------*/
.commentHolder {color: #000000; background: url(http://i53.tinypic.com/y2jd.png); font-family: ; font-size: 12px; margin: 10px 0px 4px 0px;}
.commentUserinfo {text-align: center; margin: 0px 8px 8px 0px;background: rgba(255, 255, 255, .6);}
.commentUserinfo-usericon img { border: 5px solid #000; }
.commentText {padding: 10px; background: rgba(255, 255, 255, .6); margin-left: -8px;}
.commentHeader {background: #000; color: #fff; font-family:helvetica; font-size: 10px; padding: 4px 0px 4px 8px; letter-spacing-1px;}
.commentHeader a{color: #000000;}
.commentHeaderScreened { font-family: ; font-size: 12px; background-color: #cccccc; padding: 4px 0px 4px 8px;}
.commentHeaderSubject {font-weight: bold; color: #ffdf2d;}
.commentLinkbar {font-family: ; font-size: 11px; color: #fff; text-align: right; padding-top: 4px; padding-bottom: 4px; background: #000;}
.commentLinkbar a{color: #fff;}
.commentLinkbar ul {margin: 0px; padding: 0px;}
.commentLinkbar li {padding: 0px 5px 0px 5px; margin: 0px; display: inline;}
.replyform {background-color: #f8f8f8; color: #000000; padding-left: 10px;}
#commenttext{width:100%;}
/*-------------ARCHIVE PAGE-------------*/
.yearlinks{text-align: right;}
.yearlink{padding-left:4px; padding-right: 4px;}
.month {width: 500px; border:none; margin: 8px 8px 8px 40px;}
.daysubjects {color: #000000; padding: 8px 8px 8px 40px;}
.daytitles {text-align: center; border: 1px solid #dddddd; background: #eeeeee; color: #000000;}
.day-blank {border-left:none;}
.day {border-left: 1px solid #000;}
.day-date { border-right: 1px solid #000; border-bottom: 1px solid #000; color: #000; width: 100%; text-align: center;}
.day-count {width: 100%; text-align: center; float: right; font-size: 15px;}
.day-count a {text-decoration: none; color: #555; font-size: 15px;}
/*---------------TAGS PAGE--------------*/
.tagstable, .tagstable td {border: 1px solid #dddddd;}
.tagstable {width: 500px;}
/*--------------MISC-------------*/
textarea{font-family: helvetica; font-size: 10px;}
i, b, s, u, big, small{color: #ffdf2d;}
div.ContextualPopup{
margin: 0px;
text-align: left;
font: normal 9px "helvetica" !important;
}
div.ContextualPopup div.Inner{
color: #aaa !important;
border:1px solid #eee;
background: #000 !important;
padding: 0;
width: 280px;
}
div.ContextualPopup .Userpic{
padding: 3px;
margin: 5px 5px 0;
border:1px solid #eee;
background: #fff;
}
div.ContextualPopup .Content{
padding: 5px;
border-right: 1px solid #ececec;
margin-right:68px;
background: #fff;
}
div.ContextualPopup div.Inner a:link, div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited {
text-decoration: none !important;
font-weight: bold;
color: #000 !important;
}
div.ContextualPopup .Relation {
font-size: 14px;
font-weight: bold !important;
font-family: helvetica;
letter-spacing: -1px;
text-transform: uppercase;
color: #ffdf2d!important;
}
/*----------------LINKS--------------*/
a {color: #222; text-decoration: none; text-transform: lowercase; font-family: helvetica; font-size: 10px; letter-spacing: 1px;}
a:visited {color: #ffdf2d; text-decoration: none; }
a:hover{}
/*------------DISABLED-----------------*/
#lj_controlstrip, .bodyheaderblock, .sidebar, .pagefooterblock{display: none;}
/*------------TINY ICONS-------------*/
/* Generated by Malionette's Tiny Icon Generator */
img[src*="img/userinfo.gif"] {width: 0 !important; height: 0 !important;
background: transparent url(http://i53.tinypic.com/iglx5z.jpg) no-repeat !important; padding: 16px 0 0 16px !important; }
img[src*="img/community.gif"] {width: 0 !important; height: 0 !important;
background: transparent url(http://i56.tinypic.com/j15wr6.png) no-repeat !important; padding: 16px 0 0 16px !important; }
img[src*="img/syndicated.gif"] {width: 0 !important; height: 0 !important;
background: transparent url(http://i52.tinypic.com/2i9pmrb.png) no-repeat !important; padding: 16px 0 0 16px !important; }
img[src*="img/icon_protected.gif"] {width: 0 !important; height: 0 !important;
background: transparent url(http://i54.tinypic.com/2dqon4k.jpg) no-repeat !important; padding: 16px 0 0 18px !important; }
img[src*="img/icon_private.gif"] {width: 0 !important; height: 0 !important;
background: transparent url(http://i54.tinypic.com/jj0hns.jpg) no-repeat !important; padding: 16px 0 0 18px !important; }
img[src*="img/icon_groups.gif"] {width: 0 !important; height: 0 !important;
background: transparent url(http://i55.tinypic.com/i1k9xs.png) no-repeat !important; padding: 16px 0 0 18px !important; }
img[src*="userinfo.gif"], img[src*="user_ontd.gif"], img[src*="userinfo-support.gif"], img[src*="openid-profile.gif"], img[src*="anonymous.gif"], img[src*="userhead"] {
background:url("http://i53.tinypic.com/iglx5z.jpg") no-repeat !important;
height:0; padding: 16px 0 0 15px !important; width:0;}
Features
fixed navigation header & navigation, transparent backgrounds, date hovering the user icons
Additional Customization
In order to get the date like it is in the preview, you must go tothe entry text section, and for the Format for Date and Time (Recent/Friends/Entry/Reply page) change it to this
%%mon%% %%dd%% %%yyyy%%
The date in each entry hovers the user icon, depending on the color of the icon, you may need to change the font color, find this code, and where is says CHANGE, enter another color like #000 (black), #fff (white), etc.
.entryHeaderDate a {color: CHANGE; text-decoration : none; font-family: helvetica;}
Credits
tiny icons by brand spanking new
Questions
If you have a questions, please make sure you read through all the information provided here, and the FAQ before you ask. I will not answer/help if you don't take the time out to find an answer before coming to me. Questions can be directed to the FAQ entry, please do not PM me.
FAQ | HOW TO CREDIT
like what you see?
watch | more layouts