3 Column ▶ Equinox

[noctem]

An autumn color scheme for October! I also tried another theme...honestly, whoever designed the CSS for 3 Column doesn't like to make things easy for people. If you encounter any elements that appear out of place, please tell me.

I'd like to try additional color schemes for this layout in the future, but that can wait until I'm less tired.

Please read all instructions and the LAYOUT FAQ!

Notes
▶ Works with Basic and Paid accounts. PLUS ADS DO NOT WORK ON THIS LAYOUT.
▶ Mozilla Firefox recommended.
▶ Customized comment pages.
▶ Tiny icons by Famfamfam.

/*---------------------------------------------------
STYLESHEET CREATOR: noctem.livejournal.com
STYLESHEET NAME: Equinox
S2 STYLE: 3 Column
DOWNLOAD: thrashmetal.livejournal.com

****Please remember to credit!****
-----------------------------------------------------*/

body {
background:#BFC49D none repeat scroll 0 0;
color:#582604;
font-family:Arial;
font-size:8pt;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
}
a {
color:#B32C05;
text-decoration:none;
}
a:hover {
color:#582604;
}
a img {
border:medium none;
}
blockquote {
color:#5D604B;
font-family:georgia;
padding:8px;
}
textarea, input, select {
background:#949879 none repeat scroll 0 0;
border:0 none;
color:#5D604B;
font-family:courier new;
font-size:12px;
line-height:15px;
padding:3px;
}
h1 {
color:#B64C06;
font-family:arial narrow;
font-size:34px;
font-weight:normal;
letter-spacing:-2px;
line-height:35px;
margin:0;
text-align:left;
}
h2 {
display:none;
}
h3 {
display:none;
}
ul.links {
color:#582604;
list-style-type:none;
margin:0;
padding:0;
}
li.links {
display:inline;
margin-left:5px;
}
li.links a {
text-decoration:none;
}
li.links_header {
border-bottom:1px solid #582604;
padding-top:7px;
}
#container {
margin-top:36px;
top:0;
}
#leftbar {
display:none;
left:10px;
position:absolute;
top:10px;
width:170px;
}
#rightbar {
background:#2E2217 none repeat scroll 0 0;
padding:8px 0;
position:absolute;
top:45px;
width:100%;
z-index:10;
}
#leftbar a, #rightbar a {
color:#C75E07;
font-family:arial narrow;
font-size:20px;
letter-spacing:0;
margin-left:4px;
text-transform:lowercase;
}
#leftbar a:hover, #rightbar a:hover {
color:#B32C05;
}
#entries {
background:transparent none repeat scroll 0 0;
margin:0 auto;
padding:10px 19px;
position:relative;
text-align:center;
width:700px;
}
#readme {
padding:2px;
text-align:justify;
}
#header {
height:0;
left:0;
position:absolute;
top:55px;
width:100%;
}
.systemmessage {
font-family:georgia;
font-size:10px;
margin-bottom:4px;
}
div.entrylinks {
font-family:Verdana;
font-size:8pt;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:20px;
margin-bottom:4px;
margin-right:4px;
margin-top:7px;
text-align:right;
}
div.entrylinks a {
color:#584330;
font-family:georgia;
font-size:14px;
margin:1px;
padding:2px;
text-decoration:none;
}
div.entrylinks a:hover {
color:#7F6349;
}
div.entrylinks img {
border:0 none;
text-decoration:none;
}
div.commentlinks {
font-family:Verdana;
font-size:8pt;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:20px;
padding:2px 10px;
}
div.commentlinks a {
margin:2px;
padding:2px;
text-decoration:none;
}
div.commentlinks a:hover {
}
div.commentlinks img {
border:0 none;
text-decoration:none;
}
div.entry {
background:#2E2217 none repeat scroll 0 0;
margin-bottom:25px;
}
div.entrytext img {
position:relative;
}
div.entrytext table img {
position:static;
}
.entrytext {
background:#A7AB89 none repeat scroll 0 0;
color:#2E2217;
font-family:arial;
font-size:11px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:20px;
padding:10px 20px 20px;
text-align:justify;
}
.aboutentry {
color:#A7AB89;
font-family:arial;
font-size:9px;
line-height:11px;
margin-right:10px;
text-align:left;
text-transform:lowercase;
}
.aboutentry a {
color:#B64C06;
}
.aboutentry a:hover {
color:#CF6017;
}
.userpic {
margin:5px;
}
.sidebox {
float:left;
}
.userpic2 {
background:#2E2217 none repeat scroll 0 0;
float:left;
margin:0;
padding:5px;
position:relative;
}
.userpic_reply {
float:left;
padding:5px;
position:relative;
}
.moodpic {
float:right;
}
.calendarActive {
font-weight:bold;
}
.blurb {
color:#582604;
}
.nosubject {
font-style:italic;
}
.entryinfo {
color:#C75E07;
font-family:arial narrow;
font-size:20px;
}
.replyform {
clear:both;
text-align:left;
}
.replyform textarea {
width:100% !important;
}
.comment_postedby {
color:#A7AB89;
font-weight:bold;
text-align:left;
}
.comment_date {
color:#A7AB89;
font-size:9px;
text-align:left;
}
.comment_date a {
color:#B64C06;
}
.comment_date a:hover {
color:#CF6017;
}
.comment_subject {
color:#B64C06;
font-family:arial narrow;
font-size:34px;
font-weight:normal;
margin-right:0;
text-align:left;
}
.comment_wrapper {
background:#2E2217 none repeat scroll 0 0;
margin:0 0 21px;
}
.comment_info {
width:100%;
}
.comment_links {
margin:0;
padding:3px;
text-align:right;
}
.comment_links a {
color:#584330;
font-family:georgia;
font-size:14px;
padding:2px;
text-decoration:none;
}
.comment_links a:hover {
color:#7F6349;
}
.comment_child {
margin:0 0 0 20px;
}
.minicomment {
border:1px solid #582604;
padding:4px;
}
.minicommentholder {
border:1px solid #582604;
}
img[src*="style/3column/comments.gif"] {
background-image:url(http://irondevil.org/icon/categories/famfamfamsilk/comment.png) !important;
background-repeat:no-repeat !important;
height:0;
padding:16px 14px 0 0 !important;
width:0;
}
img[src*="style/3column/leavecomment.gif"] {
background-image:url(http://irondevil.org/icon/categories/famfamfamsilk/comment_add.png) !important;
background-repeat:no-repeat !important;
height:0;
padding:16px 16px 0 0 !important;
width:0;
}
img[src*="style/3column/permalink.gif"] {
background-image:url(http://irondevil.org/icon/categories/famfamfamsilk/book_link.png) !important;
background-repeat:no-repeat !important;
height:0;
padding:16px 16px 0 0 !important;
width:0;
}
img[src*="style/3column/editentry.gif"] {
background-image:url(http://irondevil.org/icon/categories/famfamfamsilk/book_edit.png) !important;
background-repeat:no-repeat !important;
height:0;
padding:16px 16px 0 0 !important;
width:0;
}
img[src*="style/3column/edittags.gif"] {
background-image:url(http://irondevil.org/icon/categories/famfamfamsilk/tag_orange.png) !important;
background-repeat:no-repeat !important;
height:0;
padding:16px 16px 0 0 !important;
width:0;
}
img[src*="style/3column/memories.gif"] {
background-image:url(http://irondevil.org/icon/categories/famfamfamsilk/heart_add.png) !important;
background-repeat:no-repeat !important;
height:0;
padding:16px 16px 0 0 !important;
width:0;
}
img[src*="style/3column/tellafriend.gif"] {
background-image:url(http://irondevil.org/icon/categories/famfamfamsilk/transmit.png) !important;
background-repeat:no-repeat !important;
height:0;
padding:16px 16px 0 0 !important;
width:0;
}
img[src*="style/3column/trackcomments.gif"] {
background-image:url(http://irondevil.org/icon/categories/famfamfamsilk/feed.png) !important;
background-repeat:no-repeat !important;
height:0;
padding:16px 16px 0 0 !important;
width:0;
}
img[src*="style/3column/flag.gif"] {
background-image:url(http://irondevil.org/icon/categories/famfamfamsilk/flag_orange.png) !important;
background-repeat:no-repeat !important;
height:0;
padding:16px 16px 0 0 !important;
width:0;
}
img[src*="userinfo.gif"] {
background-image:url(http://irondevil.org/icon/categories/diagona%2010a/06.png) !important;
background-repeat:no-repeat !important;
height:0;
padding:15px 11px 0 0 !important;
width:0;
}
img[src*="openid-profile.gif"] {

background-image:url(http://irondevil.org/icon/categories/diagona%2010a/06.png) !important;
background-repeat:no-repeat !important;
height:0;
padding:15px 11px 0 0 !important;
width:0;
}
img[src*="anonymous.gif"] {
background-image:url(http://irondevil.org/icon/categories/diagona%2010a/37.png) !important;
background-repeat:no-repeat !important;
height:0;
padding:15px 11px 0 0 !important;
width:0;
}
img[src*="community.gif"] {
background-image:url(http://irondevil.org/icon/categories/diagona%2010a/45.png) !important;
background-repeat:no-repeat !important;
height:0;
padding:15px 11px 0 0 !important;
width:0;
}
img[src*="partnercomm.gif"] {
background-image:url(http://irondevil.org/icon/categories/diagona%2010a/45.png) !important;
background-repeat:no-repeat !important;
height:0;
padding:15px 11px 0 0 !important;
width:0;
}
img[src*="newsinfo.gif"] {
background-image:url(http://irondevil.org/icon/categories/diagona%2010b/28.png) !important;
background-repeat:no-repeat !important;
height:0;
padding:15px 11px 0 0 !important;
width:0;
}
img[src*="syndicated.gif"] {
background-image:url(http://irondevil.org/icon/categories/diagona%2010a/01.png) !important;
background-repeat:no-repeat !important;
height:0;
padding:15px 11px 0 0 !important;
width:0;
}
img[src*="icon_protected.gif"] {
background-image:url(http://irondevil.org/icon/categories/famfamfamsilk/lock.png) !important;
background-repeat:no-repeat !important;
height:0;
padding:17px 16px 0 0 !important;
width:0;
}
img[src*="icon_groups.gif"] {
background-image:url(http://irondevil.org/icon/categories/famfamfamsilk/lock.png) !important;
background-repeat:no-repeat !important;
height:0;
padding:14px 14px 0 0 !important;
width:0;
}
img[src*="icon_private.gif"] {
background-image:url(http://irondevil.org/icon/categories/famfamfamsilk/lock.png) !important;
background-repeat:no-repeat !important;
height:0;
padding:14px 14px 0 0 !important;
width:0;
}
img[src*="style/3column/deletecomment.gif"] {
background-image:url(http://irondevil.org/icon/categories/famfamfamsilk/delete.png) !important;
background-repeat:no-repeat !important;
height:0;
padding:15px 15px 0 0 !important;
width:0;
}
img[src*="style/3column/unscreencomment.gif"] {
background-image:url(http://irondevil.org/icon/categories/famfamfamsilk/eye.png) !important;
background-repeat:no-repeat !important;
height:0;
padding:14px 14px 0 0 !important;
width:0;
}
img[src*="style/3column/screencomment.gif"] {
background-image:url(http://irondevil.org/icon/categories/famfamfamsilk/eye.png) !important;
background-repeat:no-repeat !important;
height:0;
padding:15px 16px 0 0 !important;
width:0;
}
img[src*="style/3column/freezethread.gif"] {
background-image:url(http://irondevil.org/icon/categories/famfamfamsilk/stop.png) !important;
background-repeat:no-repeat !important;
height:0;
padding:15px 15px 0 0 !important;
width:0;
}
div.ContextualPopup img {
border:0 none;
}
div.ContextualPopup div.Inner {
background:#bfc49d !important;
border:1px solid #a7ab89;
color:#5A5A5A !important;
font-family:georgia;
font-size:10px;
padding:0;
width:20em;
}
div.ContextualPopup .Content {
line-height:1.4;
margin-right:50px;
padding:2px 4px 6px;
}
div.ContextualPopup .Relation {
font-weight:bold !important;
}
div.ContextualPopup .Content .OnlineStatus {
font-weight:bold;
}
div.ContextualPopup .Userpic {
padding:8px 8px 0 0;
}
div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited {
color:black !important;
font-family:georgia;
font-weight:normal;
text-decoration:none !important;
}
#lj_controlstrip {
background:#1A130D none repeat scroll 0 0;
}
#lj_controlstrip td {
border-bottom:medium none;
color:#515151;
}
#lj_controlstrip_statustext {
color:#B64C06;
}
#lj_controlstrip a {
color:#A7AB89;
}
#lj_controlstrip_user, #lj_controlstrip_actionlinks, #lj_controlstrip_search, #lj_controlstrip_login, #lj_controlstrip_loggedout_userpic {
border-right:0 none;
}
#lj_controlstrip_login td {
border-bottom:0 none;
}
#lj_controlstrip td td {
border-bottom:0 none;
}
#lj_controlstrip_userpic {
background-image:url(http://stat.livejournal.com/palimg/controlstrip/ljlogo.gif/ptd4dce8000000);
}
#lj_controlstrip_loggedout_userpic {
background-image:url(http://stat.livejournal.com/palimg/controlstrip/ljlogo-loggedout.gif/ptd4dce8000000);
}
#lj_controlstrip input {
background:transparent none repeat scroll 0 0;
border:0 none;
color:#B64C06;
}
#lj_controlstrip_search_input_text, #lj_controlstrip select, #lj_controlstrip input#xc_user, #lj_controlstrip input#xc_password, #lj_controlstrip input#xc_remember {
background:transparent none repeat scroll 0 0;
}
#lj_controlstrip .ljuser a b {
background:transparent none repeat scroll 0 0;
color:#B64C06;
letter-spacing:0;
text-decoration:none !important;
}

General Installation
1. Go to Journal → Customize Journal.

2. On the Choose Journal Style screen, type "3 Column" into the search box. Apply any of the listed themes.

3. Click Customize your theme in the Current Theme box on the upper-right.

4. If you want the additional links after "Recent Archive Friends Userinfo", add them to your Links List.

5. Click Custom CSS.

6. Make sure both drop-down boxes are set to No. Paste the code into the box and click Save Changes.

7. If you have the Navstrip disabled, please scroll down for further instructions.

8. Please credit thrashmetal in your userinfo. (See below)

9. Comments are appreciated!

Crediting Code
Layout by
Making the layout work without the Navstrip (for Firefox)
1. Find the following segment of code:
#rightbar {
background:#2E2217 none repeat scroll 0 0;
padding:8px 0;
position:absolute;
top:45px;
width:100%;
z-index:10;
}

2. Replace the code in red with the following:
background:#2E2217 none repeat scroll 0 0;
padding:8px 0;
position:absolute;
top:0px;
left:0px;
width:100%;
z-index:10;

▶ Watch thrashmetal for more!
▶ List of previously made layouts
▶ Check the Layout FAQ if you need help.