LiveJournal's S2 Styles

Stop assuming a minimum width

yurikhan — Wed, 12 Aug 2015 16:28:28 GMT

An open letter to everybody who is designing styles:

Please stop relying on a specific minimum pixel width. For example, refrain from using such CSS constructs as:

.html-s2-no-adaptive { min-width: 1000px; }

Rationale: A typical monitor as of today is 1920 logical pixels wide. This is too wide to use the browser maximized, but perfect to split the screen in half and tile two windows side-by-side. Accounting for the vertical scrollbar, the page has to fit in roughly 938 pixels or fewer in order not to cause horizontal scrolling.

Bonus points if your style works with any page width upwards of 320px.

Change Friends Page Title on Minimalism?

johncoxon — Wed, 20 Jun 2012 15:29:57 GMT

I'm using Minimalism on my personal account. What I would really like to be able to do is modify my Friends Page, so that instead of having the Journal Title followed by the Friends Page Title, it has the Friends Page Title followed by the Journal Subtitle. Is this possible using an S2 style, and if so, how? I've been trawling Google but haven't found much that helps.

EDIT: This wasn't too hard once I appreciated the lengths to which I would have to go. Basically I copied the code from the layer of the theme I was using (Blue Fence) to my custom layer, and then copied function Page::print(), which is a pretty long piece of code from Minimalism. Then I edited some of the code in that function before hitting save and selecting the custom layer. If you'd to check out what I've done and use it yourself, it's Layer #41641891.

Can someone help me with my sidebar please?

senko_fuji — Thu, 22 Mar 2012 19:30:14 GMT

As you can see here

I have got 2 sidebars... What I want to do is that the gadgets section is now at the Left sidebar (since the right side has everything and it's getting to long to get to the gadgets)

I'm using this style:

Pretty in Pink

Smooth Sailing by Michael Raffoul

And I want on the Left side bar the gadgets, and on the right the profile, links, tags and search
My account is a Plus account
And I'm using Chrome as explorer

Thank you

what am I missing?

dandelion — Wed, 22 Feb 2012 01:09:50 GMT

I'm looking at adding links to track and share an entry to an Opal-based theme - for example, the way Smooth Sailing says "previous | memories | share | track | flag | next" on each entry. Given I can't find any reference to previous/next (for entries themselves, not DayPage or MonthPage), tracking or sharing in the default layer for Opal, what does Opal use to display these, or is it that it actually doesn't support them? It seems like this is usually based on the Core function print_linkbar, but Opal doesn't reference this, and print_linkbar specifically doesn't do nav_next and nav_prev according to the Core. If I call print_linkbar, what exactly will show up? I'm not sure what it does contain by default, or how it's displayed. I can't just try it because I don't have a paid account; the layout is for someone else's account.

I'm also not sure I could lift the code wholesale from, say, the Smooth Sailing layer instead, because I don't know if it will actually compile when transplanted. Is there an s2 sandbox available anywhere? I know there was one back in the old, old days...probably approaching nine years ago. Ack.

Can't add META tag to style?

opalcat — Thu, 26 Jan 2012 23:28:45 GMT

I'm trying to Verify my journal through Google Webmaster Central... One of the ways is to add a META tag to your HEAD tags in the HTML of your site. I found that area in my theme layer and added the META tag. When I'm logged in and I view the page source of my journal, I see the META tag there right where it should be. When I log out and view my page and view source--POOF! It's gone. How do I (can I??) add a META tag that is there all the time, for public viewing and not just for me all special?

Is this possible?

Alternately, is it possible to use Google Analytics on an LJ S2 style anywhere? I'm guessing no since it's javascript... but that is another way I could verify the site...

Appreciate any help I can get. Thanks.

User Head Icon Removal

jasperita — Wed, 07 Dec 2011 22:33:30 GMT

Thank You for helping me. I have another question. Is there any way I can get rid of my user head icon that shows up on every journal entry? I don't want to change it to another icon, I just don't want any picture there. Can this be done? Thank You very much for any help or advice on this.

Electronic Snow

jasperita — Fri, 02 Dec 2011 20:43:32 GMT

Can I add electronic snow to my journal entries? By electronic snow (snow falling continuous over my entry). I saw this, I think at My Space, a few years ago. What would I have to do to get this in my entries?

smooth sailing footer problems

unreal — Wed, 07 Sep 2011 09:45:13 GMT

I asked this once in the smooth sailing help community and in mintyhelp but never got a reply.
I'm working on a layout. But when I enabled the footer and gave it a background the background also went between the entries. How do I stop that from happening. Live preview: http://chungae.livejournal.com/

/*stylesheet by eunhyuk@obscure*/

body {
	color: #888888;
	font-family: Arial;
	font-size: 8pt;
	margin: 0px;
	background-color: #ece8bb;
	background-image: url("");
	background-attachment: fixed;
}

a {
	color: #ffa6b9;
	text-decoration: none;
}

a:hover {
	color: #dddddd;
}

blockquote {
	background: url(http://img.photobucket.com/albums/v469/Lilymon/designs/bgcode.gif);
	border: 1px solid #dddddd;

color: #888;
	display: block;
	margin-bottom: 5px;
	margin-left: 0px;
	padding: 5px;
}

/* INSERT HEADER IMAGE IN PAGEBLOCK */

.pageblock{
	background-image: url("");
	background-position: top center;
	background-repeat: no-repeat;
	padding-top: px;
	background-color: ;
	width: 720px;
	margin: 0 auto 0 auto;
}
.pagefooterblock {
	display: none;
}
.pagefooterblock a, .pagefooterblock a:visited {
	color: #666666;
}

.pageheaderblock {
}

.header-title {
	display: none;
	text-transform: lowercase;
	text-align: left;
	font-family: Arial, sans-serif;
	letter-spacing: -2px;
	font-size: 12px;
	line-height: 10px;
	color: #f2f2f2;
}
.header-subtitle {
	display: none;
}
.header-icon {
	top: 0px;
	right: 0px;
	position: absolute;
	z-index: 1;
}

.header-menu {
background: #bbd1ec; 
padding: 10px;
}

.header-menu a, .header-menu a:visited { 
	white-space: nowrap;
	padding: 2px 6px 2px 6px;
	color: #a2bfdf;
	text-decoration: none;
}
.header-menu a:hover {
	color: #000000;
}
.header-menu ul, #footer-menu ul {
	margin: 0px;
	padding: 0px;
}
.header-menu li, #footer-menu li {
	display: inline;
}

/* BODY */

.bodyblock {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	background-color: ;
}
.bodyheaderblock {
	display: none;
}
.bodynavblock {
	background-color: #f4f4f4;
	margin: 10px 0px 4px 0px;
	padding: 8px;
}
.bodynavblock a, .bodynavblock a:visited {
	color: #666666;
}
.body-title {
	display: none;
}
.body-midtitle {
	display: none;
}

/* ENTRIES */

.entryHolder {
	color: #888888;
	background: #f4f4f4;
	font-family: Arial, sans-serif;
	font-size: 8pt;
float:right;
margin: 17px 0 0;
width:100%;
}

.entryUserinfo {
	font-family: Arial, sans-serif;
	font-size: 8pt;
	text-align: left;
	margin: 6px;
	background-color: transparent;
}
.entryUserinfo-usericon img { 
	background-color: #f4f4f4;
	border: 1px solid #dddddd; 
	padding: 2px;
	margin-bottom:2px;
}

.entryText img { border: 1px solid #eeeeee; padding: 3px; background-color: #f4f4f4; max-width:350px;}

.entryText {
	line-height: 16px;
	padding:12px;
}

.entryHeader {
background:#e5c3ca none repeat scroll 0 0;
border-bottom:0 none;
color:#F1F1F1;
font-family:arial;
font-size:10px;
line-height:17px;
padding:4px;
text-align: left;
text-transform:;
}
.entryHeader a{
	color: #ca95a0;
}
.entryHeader a:hover {
	color: #ffffff;
}
.entryHeaderDate {
	color: #ffffff;
 font-size: 9pt;
	font-family: arial, sans-seriff;
}
.entryHeaderSubject {
	text-transform: lowercase;
	 font-size: 9pt;
	font-family: arial, sans-seriff;
}
.entryHeaderDate a {
	color: #c9c9c9;
	text-decoration: none;
 font-size: 9pt;
	font-family: arial, sans-seriff;
}
.entryHeaderDate a:hover {
	color: #dddddd;
}
.entryMetadata {
	font-family: Arial, sans-serif;
	 padding-bottom: 10px;
	padding-left: 10px;
}

.entryMetadata img {
	display: none;
}
.entryMetadata ul {
	margin: 0px;
	padding: 1px;
}
.entryMetadata li {
	list-style: none;
	padding: 1px;
	display: block;
}
.entryMetadata-label {
	padding: 2px;
	color: #888888;
	font-size: 8pt;
	text-transform: lowercase;
}
.entryLinkbar {
	border-top: #ededed 1px solid;
	text-transform: lowercase;
	text-align: right;
	font-size: 8pt;
	font-family: Arial, sans-serif;
	padding: 6px;
	margin-left: 0px;
}
.entryLinkbar a, .entryLinkbar a:visited {
	color: #bbbbbb;
}
.entryLinkbar a:hover {
	color: #666666;
}
.entryLinkbar ul {
	margin: 0px;
	padding: 0px;
}
.entryLinkbar li {
	padding: 0px 5px 0px 5px;
	margin: 0px;	
	display: inline;
}

/* FOOTER */

#footer-menu {
	text-transform: lowercase;
	background-color: #bbd2ec;
	text-align: right;
	font-family: Arial, sans-serif;
	font-size: 8pt; 
        padding: 4px;
}
#footer-menu a, .footer-menu a:visited {
	padding: 0px 12px 0px 0px;
	color: #a2bfdf;

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

/* SIDEBAR */

.nav a {border-bottom: 1px solid #cccccc; color: #000000; display: block; font-family: tahoma; font-size: 7pt; text-transform: uppercase; line-height: 7px; padding: 2px;}
.nav a:hover {color: #303030; text-decoration: none;}
.nav br {display: none;}

.sidebar {
	background-color: transparent;
	padding: 0;
margin: 17px 10px 0 0;
	font-family: Arial, sans-serif;
	font-size: 8pt;
	width: 200px;
	color: #888888;
}
.sidebox {
	color: #888888;
	background-color: #f4f4f4;
		padding: 0;
margin: 0 0 10px;
}
.sideboxTitle {
background:#f0bca4 none repeat scroll 0 0;
color:#F1F1F1;
font-family:arial;
font-size:10px;
line-height:17px;
padding:4px;
text-align: left;
}
.sideboxTitle + div{
padding:8px;
}
.listtitle {
	font-weight: normal;
	text-align: left;
	text-transform: lowercase;
	font-size: 8pt;
	letter-spacing: 1px;
	border-bottom: 1px solid #f2f2f2;
	margin: 4px 0px;
}
.sideboxContent {
	text-align: left;
	padding: 3px;
}
 .sidebox #freetext {
	text-align: left;
}
.sidebox #profile, .sidebox #latestmonth, .sidebox #search {
	text-align: center;
}

.sidebox label{
display:inline-block;
text-align:right;
width:50px;
margin-bottom:8px;
}

.sidebox #search input{
background:#f4f4f4;
border:0;
	font-family: Arial;
	font-size: 8pt;
color:#4E4E4E;
}

.sidebox #search input#SearchTerm{
width:115px;
padding:3px;
background:#f4f4f4;
color:#4E4E4E !important;
}

.sidebox #search select{
background:#f4f4f4;
border:0;
width:121px;
	font-family: Arial;
	font-size: 8pt;
color:#4E4E4E;
}

.sidebox #tags_sidebox {
text-align: left;
font-family: tahoma;
text-transform: uppercase;
}
 
#tags_sidebox a {
     display: block;
    font-size: 8pt;border-bottom: 1px solid #eee;
padding: 3px 1px 3px 10px;
}
 
#tags_sidebox {
	font-size: 0px;
}

.sidebox #systemlinks {
	text-align: left;
}
.sidebox #latestmonth table {
	width: 90%;
	margin: 4px auto;	
}
#latestmonth a:link, #latestmonth a:active, #latestmonth a:visited {
	text-align: center;
	text-transform: lowercase;
}
#latestmonth td {
	text-align: center;
	padding: 1px;
	font-family: Arial, sans-serif;
	font-size: 8pt;
}
.latestmonth-inactive {
	background-color: #f7f7f7;
	padding: 2px;
}
.latestmonth-active {
	background-color: #eeeeee;
	padding: 2px;
}
.profile-label {
	display: none;
}

/* COMMENT PAGE */

.commentHolder {
	color: #888888;
	background-color: #ffffff;
	font-family: Arial, sans-serif;
	font-size: 8pt;
	margin: 4px 0px 4px 8px;
}
.commentUserinfo {
	text-align: center; 
	margin: 8px 8px 8px 8px;
	background-color: #ffffff;
}
.commentUserinfo-usericon img { 
	padding-bottom: 2px;
	border: 0; 
} 
.commentText {
	padding: 6px;
}
.commentHeader {
	text-transform: lowercase;
	background-color: #ffffff;
	color: #888888;
	font-family: Arial, sans-serif;
	font-size: 10pt;
	padding: 4px 0px 4px 8px;
}
.commentHeader a{
	color: #bebebe;
}
.commentHeaderScreened {
	font-family: Arial, sans-serif;
	font-size: 10pt;
	background-color: #eeeeee;
	padding: 4px 0px 4px 8px;
}
.commentHeaderSubject {
	font-weight: normal;
}
.commentLinkbar {
	border-top: 1px solid #f2f2f2;
	font-family: Arial, sans-serif;
	text-transform: lowercase;
	font-size: 8pt;
	text-align: right;
}
.commentLinkbar a {
	color: #bbbbbb;
}
.commentLinkbar a:hover {
	color: #666666;
}
.commentLinkbar ul {
	margin: 0px;
	padding: 0px;
}
.commentLinkbar li {
	padding: 0px 5px 0px 5px;
	margin: 0px;
	display: inline;
}
.replyform {
	border: 0;
	background-color: #ffffff;
	color: #4e4e4e;
	padding-left: 10px;
}
#commenttext{
	width: 90%;
}

/* ARCHIVE PAGE */

.yearlinks{
	text-align: right;
}
.yearlink{
	padding-left:4px;
	padding-right: 4px;
}
.month {
	width: 400px;
	margin: 8px 8px 8px 20px;
}
.daysubjects {
	color: #888888;
	padding: 8px 8px 8px 40px;
}
.daytitles {
	text-align: center;
	background: #ffffff;
	color: #888888;
}
.day-blank {
}
.day {
}
.day-date {
	color: #888888;
	width: 50%;
	text-align: center;
}
.day-count {
	width: 50%;
	text-align: center;
	float: right;
	font-size: 12px;
}
.day-count a {
	text-decoration: none;
	color: #bebebe;
}

/* TAGS PAGE */

.tagstable td {
}
.tagstable {
	text-transform: lowercase;
	width: 500px;
}

img[src$="protected.gif"] {
	width: 0;
	height: 0;
	padding: 0 2px 16px 16px;
	background: url(http://i44.tinypic.com/2d95riv.png);
	background-repeat: no-repeat;
}

.ljuser img[src$="userinfo.gif"] {
	width: 0px;
	height: 0px;
	background-image: url(http://i42.tinypic.com/28mjtkx.jpg);
	background-repeat: no-repeat;
	padding: 16px 18px 0 0 !important;
}

.ljuser img[src$="community.gif"] {
	width: 0px;
	height: 0px;
	background-image: url(http://i41.tinypic.com/34t7qqq.png);
	background-repeat: no-repeat;
	padding: 16px 18px 0 0 !important;
}

sakka — Tue, 05 Jul 2011 03:24:59 GMT

Hi all,

I have quite a few entries with 90+ comments on a journal of mine. I've found a nifty comment collapse thing to apply to Flexible Squares, but what'd I'd really like to do is simply append ?view=flat to the links that lead to the comments page. Is there a way to do this? It works perfectly for what I'm using the journal for but I wish I could turn it on by default because the amount of comments is stretching the layout.

Thanks for your help!

I have a few questions for anyone who may be able to help

satyresque — Fri, 03 Jun 2011 21:35:33 GMT

This is a repost, my Lj cut went wonky in an edit...

First of all, thank you for taking a moment or two to read this, and extra thanks if you can help!

I am using a custom style, if you view my journal main page, there's a banner image. I've tried to make the image cover that whole brown area so that it's a nice big banner. Changing image size did not help, and I don't believe specifying the dimensions did either.

Also, I think that I need CSS to make my navigation-bar match my theme. I have no CSS knowledge really, but I can use find/replace in notepad to switch out color codes if someone has the code to achieve this? http://www.whatismyscreenresolution.com/ says I am using 1280 X 720.

Code is below the line: and it was modified using http://www.raffoul.ca/users/masterslacker/ljhtmlparser.php to change the html into something that can be posted easily.
-----
<pre><code>/*--------------------------------------------

Stylesheet by Faith Wood -- http://faithwood.livejournal.com

----------------------------------------------*/

/*-------------------------------

--------LJ NAVIGATION BAR--------

-------------------------------*/

#lj_controlstrip
{
    color: #341405;
    height:50px;
    border: 0;
    background: #341405;
     border-bottom: 1px dashed #78510E;
}

#lj_controlstrip_login
{
    padding:0px;
}

#lj_controlstrip_statustext
{
    font-weight: normal;
    color: #78510E;
}

#lj_controlstrip a
{
    color: #78510E;
}

#lj_controlstrip td
{
    border: 0px;
}

/*-------------------------------

--------CONTEXTUAL POPUP---------

-------------------------------*/

div.ContextualPopup div.Inner
{
    background: #EEEEEE !important;
    border: 3px solid #341405;
}

div.ContextualPopup div.Inner a:link, div.ContextualPopup div.Inner a:visited
{

    color: #78510E !important;
}

/*-------------------------------

-------------HTML----------------

-------------------------------*/

a, a:link, a:visited
{
    font-weight: bold;
    text-decoration: none;
    font-family: Verdana;
    color: #78510E;
}

a:hover, a:active
{
    color: #5B9C64;
    text-decoration: none;
}

p, td, blockquote, span, font
{
    font-size: 12px;
    line-height: 150%;
}

code, kbd, pre, tt
{
    font-family: monospace;
}

q
{
    font-style: italic;
}

blockquote
{
    padding: 25px;
    margin: 20px 60px;
    color:#341405;
    border:1px dashed #5B9C64;
    background: #EEEEEE;
}

small
{
    font-size: 9px;
}

/*-------------------------------

-------------PAGE----------------

-------------------------------*/

body
{
        margin: 0 auto;
        padding: 0px;
        text-align: center;
        font-family: Verdana;
        font-size: 11px;
        line-height: 150%;
        color: #341405;
    background: #341405;
}

#content-outer
{
    width: 100%;
    margin: 0 auto;
    padding: 0px;
    margin-top:120px;
    color: #341405;
    background: #EEEEEE;
    border-top: 1px solid #78510E;
}

#content
{
    width: 1000px;
    margin: 0 auto;
    padding: 0px;
    position:relative;
    color: #341405;
    border: 0px;
}

#maincontent
{
        width: 990px;
    margin: 0 auto;
        padding:0px;
    padding-top: 0px;
        text-align: left;
        font-family: Verdana;
        font-size: 12px;
        line-height: 150%;
        color: #341405;
    border: 0px;
        background-color: transparent;
    z-index:25;
    position:relative;
}

#sidebar
{
    display:inline;
    position:relative;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    font-size: 11px;
    font-family: Verdana;
    color: #341405;
    border:0px solid #5B9C64;
    background: transparent;
    z-index:26;
}

#header
{
    height: 80px;
    width: 1000px;
        position:relative;
        margin: 0 auto;
        padding: 0px;
        border: 0px;
        color: #341405;
}

#footer
{
    position:relative;
    top:-16px;
    width: 800px;
    height:40px;
    margin: 0 auto;
    padding: 14px 0px 0px;
    text-align: center;
    color: #341405;
    border: 0px;
    background: transparent;
    text-shadow: 1px 1px 1px #5B9C64;
}

/*-------------------------------

--------FOOTER NAVIGATION--------

-------------------------------*/

ul.navfooter
{
    position:relative;
    margin: 0 auto;
        padding: 0px;
        text-align: center;
    font-size: 12px;
    line-height: 24px;
        font-weight: bold;
    text-transform: uppercase;
    white-space: nowrap;
    background: transparent;
}

.navfooter li
{
    margin: 0 auto;
        padding: 0px;
    display: inline;
    list-style: none;
    display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline;
    vertical-align:middle;
    list-style: none;
    width:250px;
    height:60px;
    overflow:hidden;
}

.navfooter a:link, .navfooter a:visited, .navfooter a:active
{
    padding: 0px;
    font-size: 12px;
    line-height: 150%;
    text-transform: uppercase;
    color: #78510E;
}

.navfooter a:hover
{
    font-size:16px;
}

/*-------------------------------

--------HEADER NAVIGATION--------

-------------------------------*/

.navheader{
    height:110px;
    width:1000px;
    position: relative;
    top:20px;
    right:0px;
    margin: 0 auto;
    padding: 0;
    font-size:12px;
    line-height: 150%;
    text-shadow: 1px 1px 1px #ABBBD4;
    color: #78510E;
    border: 0;
    background: transparent;
    overflow:auto;
}

ul.navheader li{
    display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline;
    margin: 0 auto;
    padding: 0px;
    font-size:12px;
    line-height: 150%;
    color: #78510E;
    text-shadow: 1px 1px 1px #5B9C64;
    border:0px;
    list-style: none;
    width:190px;
    height:60px;
    overflow:hidden;
    vertical-align:middle
}

div#header a
{
    width:190px;
    height:60px;
    margin: 0 auto;
    background:#EEEEEE;
    padding: 0px;
    color: #78510E;
    text-shadow: 1px 1px 1px #5B9C64;
    border:0px;
}

div#header a:hover
{
    font-size:16px;
}

.title
{
    margin:0 auto;
    padding:0px;
    POSITION:ABSOLUTE;
    left:15px;
    top:-100px;
    WIDTH:970PX;
    height:60px;
    font-size:22px;
    font-family: 'Bookman Old Style', Georgia;
    font-weight: NORMAL;
    color: #78510E;
    LINE-HEIGHT: 100%;
    text-shadow: 1px 1px 1px #341405;
}

.subtitle
{

    margin:0 auto;
    padding:0px;
    POSITION :ABSOLUTE;
    left:15px;
    top:-40px;
    WIDTH:970PX;
    height:20px;
    text-align:CENTER;
    font-size:14px;
    font-family: 'Bookman Old Style', Georgia;
    font-weight: NORMAL;
    color: #78510E;
    LINE-HEIGHT: 100%;
    text-shadow: 1px 1px 1px #341405;
}

/*-------------------------------

-------------SIDEBAR-------------

-------------------------------*/

div#sidebar a, div#sidebar a:link, div#sidebar a:visited
{
    color: #78510E;
    text-align: left;
    text-decoration: none;
}

div#sidebar a:hover
{
    color: #5B9C64;
    text-align: left;
    text-decoration: none;
}

.sbarheader
{
    padding: 0px 5px 0px 5px;
}

.sbarbody
{
    position:relative;
    margin: 0 auto;
    padding: 0px; margin-bottom:25px;
    border: 0px;
    border:1px solid #5B9C64;
    width:190px;
    height:260px;
    background: #341405;
    display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline;
    vertical-align:top;
}

ul.sbarcontent
{
    width: 170px;
    height: 200px;
    overflow:auto;
    position:relative;
    margin: 0 auto;
    padding: 0px;
}

ul.sbarlist
{
    color: #5B9C64;
    list-style:none;
    margin: 0 auto;
    padding: 0px;
}

li.sbaritem
{
    padding: 0px;
    margin: 0 auto;
    font-family: Verdana;
    overflow:hidden;
}

li.sbaritem a, li.sbaritem a:link, li.sbaritem a:visited
{
    display:block;
    margin: 0px;
    padding: 5px 0px;
    text-align: left;
    border-BOTTOM: 1px solid #5B9C64;
    background: transparent;
}

li.sbaritem a:hover
{
    border-BOTTOM: 1px solid #341405;
}

li.sbartitle
{
    list-style: none;
    margin: 0 auto;
    padding: 15px 10px;
    font-family: Georgia;
    font-size: 14px;
    font-weight: normal;
    text-align: center;
    color: #5B9C64;
    LINE-HEIGHT: 100%;
    text-shadow: 1px 1px 1px #341405;
    border: 0px;
    background: transparent;
}

/*-------------------------------

---------SDEBAR - USERPIC--------

-------------------------------*/

.defaultuserpic
{
    display: none;
}

/*-------------------------------

-------SIDEBAR - BLURB TEXT------

-------------------------------*/

.sbarbody2
{
    position:absolute;
    top:50px;
    left:10px;
    margin: 0;
    text-align:left;
    width: 170px;
    height: 200px;
    padding: 0px;
    color:#5B9C64;
    border: 0px;
    overflow: auto;
    background: transparent;

}

/*-------------------------------

---------SIDEBAR - TAGS----------

-------------------------------*/

.tagcloud
{
    padding-left: 0px;
    line-height: normal;
    list-style: none;
    overflow:hidden;
}

/*-------------------------------

---------SIDEBAR - LINKS---------

-------------------------------*/

/*-------------------------------

-----SIDEBAR - PAGE SUMMARY------

-------------------------------*/

#sidebar_summary ul.sbaritem
{
    text-align:left !important;
    display: block;
    margin: 0 auto;
    color: #5B9C64;
    background: transparent;
}

#sidebar_summary li.sbaritem
{
    text-align:left !important;
    margin: 0 auto;
    padding: 0px;
    background: transparent;
    overflow: hidden;
}

#sidebar_summary li.sbaritem
{
    border-bottom: 1px solid #5B9C64;
    padding: 10px 0px;
}

#sidebar_summary li.sbaritem a, #sidebar_summary li.sbaritem a:visited
{
    display: inline;
    margin: 0px;
    padding: 0px;
    text-align: left !important;
    height: 100%;
    border: 0px;
    background: transparent;
}

/*-------------------------------

--------SIDEBAR - CALENDAR-------

-------------------------------*/

table.calendar
{
    margin-right: auto;
    margin-left: auto;
}

.sbarcalendar
{
    text-align: center;
    font-family: Verdana;
    border: 0px;
}

.sbarcalendarposts
{
    text-align: center;
    font-family: Verdana;
    border: 0px;
    background-color: transparent;
}

.sbarcalendarposts{
    border-width: 1px 2px 2px 1px;
    border-style: solid;
    border-color: #78510E;
    background: transparent;
}

.sbarcalendarposts:hover
{
    border-width: 2px 1px 1px 2px;
    border-style: solid;
    border-color: #5B9C64;
}

/*-------------------------------

-------------ENTRIES-------------

-------------------------------*/

.subcontent
{
    min-height: 120px;
    padding:20px;
    margin:0 auto;
    width:740px;
    position:relative;
    left:129px;
    border:1px solid #5B9C64;
background:#98FB98;
    -moz-border-radius: 22px;
    -webkit-border-radius: 22px;
    border-radius: 22px;
}

.subcontent a, .subcontent a:link, .subcontent a:visited
{
    color: #78510E;
    text-decoration: none;
}

.subcontent a:hover, .subcontent a:active
{
    color: #5B9C64;
    text-decoration: none;
}

.entry
{
    margin:0 auto;
    padding: 0px;
    line-height: 150%;
    font-size: 12px;
    border: 0px;
    background:#ffffff;
    -moz-border-radius: 22px;
    -webkit-border-radius: 22px;
    border-radius: 22px;
}

.entry_text
{
    padding:15px;
    margin-bottom:-20px;
    min-height: 110px;
    overflow:hidden;
    border: 0px;
    color: #341405;
    background:transparent;
}

.entry ul li
{
    padding-left: 5px;
    margin-left: 15px;
}

.entry ul li
{
    padding-left: 5px;
    margin-left: 15px;
}

.entry ol li
{
    padding-left: 5px;
    margin-left: 15px;
}

/*-------------------------------

----------REPLY PAGES------------

-------------------------------*/

body.lj-view-reply .entry
{
    padding:20px;
    background: #ffffff;
    min-height: 60px;
}

body.lj-view-reply .comments
{
    display:none;
}

.replytoposter
{
    padding:0px 20px;
    font-size:12px;
    text-align:left;
    color: #341405;
}

.replytosubject
{
    padding:0px 20px;
    font-size:14px;
    text-align:left;
    color: #341405;
}

body.lj-view-reply .userpicfriends
{
    top:0px;
}

body.lj-view-reply .userpic
{
    top:0px;
}

/*-------------------------------

------------USERPICS-------------

-------------------------------*/

.userpic
{
    position: absolute;
    top:80px;
    left:-130px;
    width:130px;
    clear:both;
    margin:0px;
    padding:0px;
    color:#341405;
    text-align:center;
    font-size: 10px;
    z-index: 15;
    overflow:hidden;
    border: 0;
    background: transparent !important;
}

.userpic img
{
    padding: 0px;
    border: 1px double #78510E;
    background: #ffffff;
}

.userpicfriends
{
    position: absolute;
    top:80px;
    left:-130px;
    width:130px;
    clear:both;
    margin:0px;
    padding:0px;
    color:#341405;
    text-align:center;
    font-size: 10px;
    z-index: 15;
    overflow:hidden;
    border: 0;
    background: transparent !important;
}

.userpicfriends img
{
    padding: 0px;
    border: 1px double #78510E;
    background: #ffffff;
}

.userpic a, .userpic a:link, .userpic a:visited
{
    color: #78510E;
    text-shadow: 1px 1px 1px #5B9C64;
    font-size: 11px;
}

.userpic a:hover, .userpic a:active
{
    color: #78510E;
    font-size: 11px;
}

.userpic a font, .userpic a:link font, .userpic a:visited font
{
    color: #78510E;
    text-shadow: 1px 1px 1px #5B9C64;
    font-size: 11px;
}

.userpic a:hover font, .userpic a:active font
{
    color: #78510E;
    font-size: 11px;
}

.userpicfriends a font, .userpicfriends a:link font, .userpicfriends a:visited font
{
    font-size: 11px;
    text-shadow: 1px 1px 1px #5B9C64;
    color: #78510E;
}

.userpicfriends a:hover font, .userpicfriends a:active font
{
    color: #78510E;
    font-size: 11px;
}

.userpicfriends a, .userpicfriends a:link, .userpicfriends a:visited
{
    font-size: 11px;
    text-shadow: 1px 1px 1px #5B9C64;
    color: #78510E;
}

.userpicfriends a:hover, .userpicfriends a:active
{
    color: #78510E;
    font-size: 11px;
}

/*-------------------------------

--------DATE AND SUBJECT---------

-------------------------------*/

.datesubject
{
    padding: 30px 0px;
    margin:0;
    text-align: center;
    font-family: Verdana;
    font-weight: bold;
    font-size: 18px;
    color: #341405;
    overflow:hidden;
    border:0px;
    background:transparent;
}

.subject
{
    padding: 0;
    margin: 0;
    font-weight: normal;
    font-family: Georgia, sans-serif;
    font-size: 16px;
    text-align: center !important;
    border: 0px double #ffffff;
    background:transparent;
    line-height:110%;
    color:#78510E;
    position:absolute;
    top:10px;
    width:600px;
    left:70px;
    height:30px;
    text-shadow: 1px 1px 1px #5B9C64;
    -moz-border-radius: 22px;
    -webkit-border-radius: 22px;
    border-radius: 22px;
}

.date
{
    margin:0 auto;
    padding:0 10px;
    position:absolute;
    right:-90px;
    top:77px;
    width:70px;
    height:100px;
    line-height: 150%;
    text-align: left;
    font-size: 12px;
    font-family: 'Bookman Old Style', Georgia;
    font-weight:normal;
    text-shadow: 1px 1px 1px #5B9C64;
    color:#78510E;
    border: 0px;
    background:transparent;
}

.subject a, .subject a:link, .subject a:visited
{
    font-family: Georgia, sans-serif;
    font-size: 16px;
    color:#78510E;
    line-height:110%;
}

.subject a:hover, .subject a:active{
    line-height:150%;
    color:#78510E;

font-size: 20px;
    line-height:110%; border:0px !important;
}

/*-------------------------------

--------ENTRY NAVIGATION---------

-------------------------------*/

.skiplinks
{

    padding:0;
    margin:0 auto;
    padding-top:10px;
    text-align: center;
    font-size: 0px;
    position:relative;
    top:0px;
    color: #341405;
    background:transparent;
    height:30px;
    width:742px;
}

.skiplinks a, .skiplinks a:link, .skiplinks a:visited
{
        display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline;
    vertical-align:middle;
    width:100px;
    padding: 0px;
    height:30px;
    font-size: 12px;
    line-height: 100%;
    color: #78510E;
    text-shadow: 1px 1px 1px #5B9C64;
}

.skiplinks a:hover
{
    font-size: 16px;
}

/*-------------------------------

--------CURRENTS AND TAGS--------

-------------------------------*/

.currents
{
    margin:-10px 0 -20px;
    padding: 20px;
    font-family: Georgia;
    font-size: 14px;
    background:transparent;
}

.ljtags
{
    padding: 20px 5px;
    margin: 0px;
    font-family: Georgia;
    font-weight: bold;
    font-size: 14px;
    background:transparent;
}

.ljtags a, .ljtags a:link, .ljtags a:visited
{
    padding: 2px 6px;
    line-height: 200%;
    font-size: 12px;
    font-family: Georgia;
    border-top: 1px double #78510E;
    border-bottom: 1px double #78510E;
    color: #78510E;
}

.ljtags a:hover, .ljtags a:active
{
    color: #5B9C64;
    border-top: 1px double #5B9C64;
    border-bottom: 1px double #5B9C64;
}

/*-------------------------------

-----------COMMENT BAR-----------

-------------------------------*/

.comments
{
    padding:0px;
    margin:0 auto;
    height:30px;
    font-size: 18px;
    line-height: 150%;
    text-align: center;
    line-height: normal;
    color: #EEEEEE;
    background: transparent;
    position:relative;
    top:30px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
}

div.comments a, div.comments a:link, div.comments a:visited
{
            display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline;
    vertical-align:middle;
    padding: 0px;
    margin:0 auto;
    width:150px;
    height:30px;
    line-height: 150%;
    font-size: 12px;
    font-family: Georgia;
    color: #78510E;
    text-shadow: 1px 1px 1px #5B9C64;
}

div.comments a:hover
{
    color: #78510E;
    font-size:16px;
}

/*-------------------------------

----------COMMENT PAGES----------

-------------------------------*/

.userpiccomment
{
    float: left;
    padding: 1px;
    position: relative;
    top: -30px;
    left: 0px;
    margin: 10px;
    z-index: 15;
    background: #341405;
    border: 1px double #5B9C64;
}

.userpiccomment img
{
    padding: 0px;
    background: #ffffff;
    border: 1px double #341405;
}

.userpiccomment a, .userpiccomment a:link, .userpiccomment a:visited
{
    color: #78510E;
    font-size: 11px;
}

.userpiccomment a:hover, .userpiccomment a:active
{
    color: #5B9C64;
    font-size: 11px;
}

.box
{
    padding: 10px; margin:0 auto;
    clear: right;
    font-size:12px;
    line-height: 150%;
    color: #341405;
    border: 0px;
    background: transparent;
    border-top: 1px solid #ffffff;
}

.box a, .box a:link, .box a:visited
{
    color: #78510E;
}

.box a:hover
{
    color: #5B9C64;
}

.reply
{
    position: relative;
    margin: 20px 30px 10px 30px;
    padding: 25px 10px 10px 10px;
    text-align: left;
    font-family: Verdana;
    font-size: 12px;
    line-height: 125%;
    color: #341405;
    background: transparent;
}

input
{
    border: 3px double #5B9C64;
    color: #ccc !IMPORTANT;
    background: #78510E !IMPORTANT;
}

input:HOVER
{
    border: 3px double #78510E;
    color: #78510E !IMPORTANT;
    background: #ccc !IMPORTANT;
}

textarea
{
    color: #341405;
    border: 3px double #78510E
    background: #ffffff;
}

textarea.textbox
{
    width: 95% !important;
    border: 3px double #78510E
}

.commentbox
{
    padding: 10px 25px;
    min-height: 150px;
    margin: 10px;
    background:#98FB98;
    color: #341405;
    text-align: left;
    border: 1px double #5B9C64;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;

}

.commentbox a, .commentbox a:link, .commentbox a:visited
{
    color: #78510E;
}

.commentbox a:hover, .commentbox a:active
{
    color: #5B9C64;
}

.datesubjectcomment {
    color: #341405;
    padding: 10px;
    margin-top: 20px;
    font-size: 12px;
    font-family: 'Bookman Old Style', Georgia;
    text-shadow: 0px 1px 1px #ffffff;
    background:#98FB98;
}

.commentreply
{
    position: relative;
    margin: 0px;
    font-size: 12px;
    line-height:150%;
    font-family: Verdana, sans-serif;
    color: #341405;
    background: #ffffff;
    margin-top: 0px;
    padding: 20px;
    border: 3px double #EEEEEE;
}

.commentreply a, .commentreply a:link, .commentreply a:visited
{
    color: #78510E;
}

.commentreply a:hover, .commentreply a:active
{
    color: #5B9C64;
}

.commentboxpartial {
        background:#98FB98;
    color: #341405;
    text-align: left;
    border: 1px double #5B9C64;
    padding: 10px;
    margin: 10px;
    font-size: 12px;
    font-family: 'Bookman Old Style', Georgia;
    text-shadow: 0px 1px 1px #ffffff;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;

}

.commentboxpartial a, .commentboxpartial a:link, .commentboxpartial a:visited
{
    color: #78510E;font-size: 12px;
}

.commentboxpartial a:hover, .commentboxpartial a:active
{
    color: #5B9C64;
}

.commentboxpartial .commentreply a, .commentboxpartial .commentreply a:link, .commentboxpartial .commentreply a:visited
{
    color: #78510E;
}

.commentboxpartial .commentreply a:hover, .commentboxpartial .commentreply a:active
{
    color: #5B9C64;
}

.commentboxpartial .commentreply
{

    font-size: 12px;
    line-height:150%;
    font-family: Verdana, sans-serif;
    color: #341405;
    text-shadow: none;
}

.commentinfo
{
    margin-top: 10px;
    width: 100%;
    background: #ffffff;
}

div.box#commentform
{
    position: absolute;
    text-align: left;
    color: #341405;
    border-width: 1px;
    border-style: solid;
    border-color: #ffffff;
    border: 5px double #341405;
    background: #CCDEEC;
}

/*-------------------------------

----------ARCHIVE PAGES----------

-------------------------------*/

body.lj-view-month .subcontent
{
    background: #ffffff;
    padding:20px;
}

body.lj-view-month .entry
{
    background: #ffffff;
}

ul.year
{
    text-align: center;
    padding-bottom: 40px;
}

ul.year li {

    display: inline;
}

table.yeartable
{
    margin:0 auto;
    width:460px;
    height: 400px;
    padding: 0px;
    font-family: Georgia;
    font-size: 12px;
    color: #341405;
    border: 0px;
    background: transparent;
}

table.yeartable td.yearmonth
{
    padding: 10px;
    border: 0;
    background: transparent;
    font-family: Georgia;
    font-size: 14px;
}

table.yeartable td.yeardate
{
    padding: 0px;
    border: 1px double #5B9C64;
    background: #ffffff;
}

table.yeartable td.yearday
{
    text-align: center;
    text-transform: uppercase;
    color:#5B9C64;
    border: 1px double #5B9C64;
    text-shadow: 1px 1px 1px #5B9C64;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;

}

/*-------------------------------

--------------MISC.--------------

-------------------------------*/

div.subcontent
{
    margin: 0px;
    padding: 0px;
    height: 1%;
    clear: none;
}

#maincontent > .separator
{
    height: 40px;
    margin: 0px;
    border:0px;
    background: transparent;
}


.clearfoot
{
    clear: both;
}

.clear
{
    height: 15px;
}

.headerimage
{
    width:100%;
    margin:0 auto;
    padding:0;
    height:100px;
    background: #341405 url(http://pics.livejournal.com/satyresque/pic/000zqg9e) no-repeat center center;
}
</code></pre>

Second sidebar in Smooth Sailing

carnifinda — Sat, 09 Apr 2011 19:21:34 GMT

Is it possible to have another sidebar in Smooth Sailing? I have one on the right that's very long, and I would like to move some sideboxes to a second sidebar on the left.
I asked in s2smoothsailing (here) but unfortunately, it didn't work.

Thanks for any help!

LJ 3 Column Help

loveliness — Fri, 01 Apr 2011 03:22:17 GMT

Can anyone steer me in the right direction to how to install a 3 column layout--?

--A tutorial or anything I've tried to google it but I don't really get anywhere--

And I have a paid account so i can do what I'd like to alter my acct..

Help please....

Adding my own link to the header?

crimsonseastorm — Sat, 19 Mar 2011 05:39:00 GMT

Hi, on my journal (crimsonseastorm) I'm using this layout by Fruitstyle and I figured out how to adjust almost everything like I wanted. The only thing I'm having trouble with is adding a link to the header bar. Along with the recent entries/user info/memories/etc I'd like to put a link to where my banner came from. It didn't look like I could do it in the regular settings so I assume I have to do it with the CSS coding but I know almost nothing nothing about writing it myself.

Can anyone help me? Or point me to a tutorial somewhere? I don't even really know what I'm looking for so any help is appreciated :)

Opal (Libra OSWD) stretching and breaking

fabletree — Sat, 19 Mar 2011 00:36:29 GMT

Hey everyone. Right now I'm using a stylesheet created for Opal (Libra OSWD) and I completely love it - except for one minor detail that seems to stretch to the base stylesheet of Libra. If friends on my reading list post images or youtube videos the layout stretches and breaks. Is there some kind of thing I can add to the core style that would eliminate this problem?

Thanks for any and all help!

P.S. I've tried looking here and there for about a week and couldn't find anything, hence the asking. Finally. I'm so slow, haha

OH AND WHILE I'M HERE, ever since LJ introduced custom userheads my overrides for those have broken. Is there a generic link I can stick in there to keep LJ from trying to revert to the custom userheads and ... failing, and breaking everything? Answered!

to_be_friends — Tue, 22 Feb 2011 18:33:27 GMT

Hello.

I would like to create different backgrounds and headers to the different posts. Please tell me how to do it. How do I link a specific article with the layer without linking whole journal to the layer?

Many thanks in advance!

Missing date

ohmymew — Tue, 25 Jan 2011 20:50:38 GMT

I recently got my journal's layout switched to this one and I'm having trouble getting the date to show up on each of my entries like in the image in that link. I looked over the coding but it looks fine to me. Anyone else have any ideas?

philstar22 — Thu, 04 Nov 2010 20:43:01 GMT

Gah. I just created a community for the tv show Private Practice, and I am having such issues with the layout. I'm used to using S1 layouts, and I can't seem to find any S2 ones that let you use your own header. Or, at least, I'm not sure on the customization page where one would put the header URL.

Anyway, I want to use this picture: http://img.photobucket.com/albums/v164/star22/0000043450_20070926182239.jpg

I've looked at several of the available layouts that would match that picture, and none of them seem to allow customized headers.

So, I realize I'm an idiot and am probably missing something really obvious. Any help would be greatly appreciated, though.

userpic borders.

seaside — Mon, 11 Oct 2010 06:00:50 GMT

heya :) i have a question for my component layout :)

how can i get a border on my userpic & the ones in the comments aswell?

any help is appreciated :)

24109020.

Entry footer HTML

linear_flower — Sun, 10 Oct 2010 09:11:45 GMT

Is there a style besides Expressive/Mixit that has the "Entry Footer HTML" in the customize menu?

If not, is there a way to hack something similar (so there's text/images/what have you) in between entries: see the copyright notice on 65redroses, the most well known journal I know that uses this) on any of the other styles using CSS?

Smooth Sailing - metadata

ladyxmoonlight — Tue, 05 Oct 2010 18:24:40 GMT

I'm trying to set images for my metadata (mood, location and music). Below is my layer coding. I'm using Smooth Sailing. I'm not sure if this is the right coding at all.

I'm not sure why its not working but its just showing the URL and not the images.

justblieve — Sat, 04 Sep 2010 21:06:30 GMT

Hi, I'm not very code-savvy and I'm trying to work on a layout using 3 column. My questions are

1. is there a way to put an image as the journal divider?

2. Is there a way to get your "comments/read comments" as text instead of the buttons at the top? And if not, is there a way to change the buttons to the bottom of the entry instead of the top?

3. Is there a way to drop down the calendar/links from the heading? Like, if you look at my journal now you can see on the sidebars in the headings with 2 lines, you can see the whole plane.. but on the single line headings you can only see part of it. So I thought if I could make a break between the heading and the calendar and links that it would fix that problem.

Thanks for any help!

sarah531 — Thu, 12 Aug 2010 23:02:49 GMT

Hello chaps. The other day, for no reason, my layout went all funny (the background colour disappeared) and in trying to fix it I just messed it up even more.

I've nearly got it back to how I want it, but there's just a few annoying things that I can't fix, and I was really hoping someone could tell me what to do. Beneath the cut is an explanation of what's gone wrong...

I would be INSANELY grateful for any help I get. :)

bluedahlia — Wed, 11 Aug 2010 19:13:04 GMT

I'm currently using a thefulcrum 'mixit' layout. Because my CSS skills are limited, I don't know how to reduce some of the padding.

Rather than try and explain where I'm needing the reduction, I thought it would be easier to illustrate it ...

coding:

/* -------------------------- */
/* ---------- MISC ---------- */
/* -------------------------- */

/* Sponsored Plus ---------------------------------------*/

#ad-5linkunit {
    clear: both;
}

#ad-leaderboard {
        margin-bottom: 10px;
}/*	Template: (#25) Your Biggest Flan v. Regular Width	 */
/*	Date: March 4, 2007		*/
/*	S2 Style: Mixit		*/
/*	Available at http://community.livejournal.com/thefulcrum/	*/
/*	Made by Liz a.k.a. grrliz.livejournal.com	*/

/* -------------------------------------------------------- */
/* ---------- ADD YOUR HEADER GRAPHIC BELOW --------------- */
/* -------------------------------------------------------- */

#header {position: relative; height: 550px; background: url(http://i703.photobucket.com/albums/ww40/este_elentari/djkf.png) top center no-repeat;}

/* 	
- make sure that your height is the height of your graphic plus 40px
- e.g. if your graphic is 350px, your height should be 390px 
*/

/* -------------------------------------------------------- */
/* ---------- ADD YOUR HEADER GRAPHIC ABOVE --------------- */
/* -------------------------------------------------------- */

html {margin: 0px; padding: 0px; font-size: 100%; /* IE hack */ }

body {
	margin: 0px;
	padding: 0px;
	background-image: url(http://i703.photobucket.com/albums/ww40/este_elentari/Ninkynonk%20Layout%20images/000039y7.jpg);
        background-repeat: repeat;
	color: #867777;
	font-family: "century gothic", tahoma, verdana, arial, sans-serif;
	font-size: 56.5%;
	text-align: center;
	}

a, a:link, a:visited, a:active {color: #B48B8B; text-decoration: none;}
a:hover {color: #91918E;}

p {margin-top: 0.8em; margin-bottom: 0.8em;}

blockquote {margin: 0.4em 2em; padding: 0.4em; border: 1px solid #867777; background: #F3F0ED; line-height: 2.0em;}

input, textarea, select {}

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

/* -- don't touch the stuff below -- */

#page, #header, #content, #footer {position: relative; top: 0;}
#alpha, #beta, #gamma {display: inline; float: left; position: relative; top: 0;}
#footer {margin: -1px 0 0 0; /* HACK - removes space between content and footer */}
#page-inner, #header-inner, #content-inner, #alpha-inner, #beta-inner, #gamma-inner, #footer-inner {position: static;}
#header-inner, #alpha-inner, #beta-inner, #gamma-inner {overflow: hidden; /* hide content that is larger than the element dimensions */}
#alpha-inner[id] { overflow: visible; } /* FF MAC & PC will clip pager-top when accessing page anchor */

/* -- don't touch the stuff above -- */

#container {position: relative; margin: 0px auto; font-size: 1.2em; line-height: 1.5em; text-align: left;}
#container-inner {min-height: 100%; text-align: left;}

#page {width: 760px; margin: 0px auto; padding: 0px; border: 1px solid #EDE4E0; background: #ffffff;}

#header-inner {margin: 0px auto;}

#content {text-align: left;}

#alpha {width: 560px;}
	.layout-tw #alpha {float: right;}

#alpha-inner {margin: 0 20px;}

#beta {width: 200px;}
	.layout-wt #beta-inner {padding: 1.8em 20px 20px 0px}
	.layout-tw #beta-inner {padding: 1.8em 0px 20px 20px}

.lj-view-archive #alpha-inner,
.lj-view-month #alpha-inner,
.lj-view-tags #alpha-inner {padding-top: 20px; padding-bottom: 20px;}

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

#header-content {overflow: hidden; text-transform: uppercase; text-align: center;}

#header-text ul.nav {position: absolute; bottom: 0px; left: 0px; width: 100%; height: 40px; line-height: 40px; margin: 0px; padding: 0px; border-top: 1px solid #EDE4E0; border-bottom: 1px solid #EDE4E0; background: #EDE4E0; text-transform: lowercase; }
#header-text ul.nav li {margin: 0px; padding: 0 0.9em; display: inline;}
#header-text ul.nav li.item {border: 0px;}
#header-text ul.nav a {color: #7B5F5E; font-size: 1.4em; text-decoration: none;}
#header-text ul.nav a:hover {color: #91918E;}

#header-name {display: none; margin: 0px auto; padding: 1.2em 0; font-size: 2em; letter-spacing: 0.1em;}
#header-name a {color: #20a7c9; text-decoration: none;}
#header-name a:hover {color: #91918E;}
#header-description {display: none; margin: 0px auto; }

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

/* previous and next links */
.stream-header {display: none; padding: 10px 20px; text-align: center;}
.stream-footer {padding: 0px; text-align: center;}

/* entry container */
.asset {margin: 0px; padding: 6px 0px 13px 0px; border-bottom: 1px dashed #7B5F5E;}
.asset-inner {padding: 0 0 1.8em 0; }

.asset-header {padding: 1.8em 0 0.9em 0;}
.lj-view-entry .asset-header {padding: 0; }

/* entry subject */
h2.page-header2 {margin: 0px; padding: 0.2em 0; font-family: century gothic; font-size: 14px; font-weight: normal;}
h2.page-header2 a, .lj-view-tags h2 {color: # C59D98; text-decoration: none;}
h2.page-header2 a:hover {color: #91918E;}

abbr.datetime {
	margin: 0px; padding: 0px;
	list-style-type: none;
        	color: #867777;
	font-size: 1em;
	text-transform: uppercase;
	text-align: right;
	}

/* entry body, meta, tags */
.asset-content {margin-bottom: 0.9em; padding-bottom: 0.9em; }

/* entry text */
.asset-body {padding: 0.9em 0; font-family: century gothic; font-size: 12px;}

.asset-body a {color: #B48B8B; border-bottom: text-decoration: none;}
.asset-body a:hover {color: #91918E;}
.asset-body dt {border-bottom: 1px dashed #867777; font-weight: bold;}
.asset-body dd {margin-left: 3.6em; padding: 10px; background: # F3F0ED; border: 1px dashed #867777; border-top: 0px; }

/* date and time */
div.asset-header ul {margin: 0px !important; padding: 0px !important;}
div.asset-header li.item {padding: 0px; font-family: century gothic; font-size: 12px;}

.ljuser {display: inline !important;}

/* userpic */
.user-icon {float: right; margin-left: 5px; margin-top: -30px; padding: 1px; background: transparent !important; text-align: center;}
.user-icon span {background: #ffffff !important; text-align: center;}

/* mood, music, location */
.lj-currents ul {margin: 0px; padding: 0px;}
.lj-currents ul li {list-style: none;}
.lj-currents img {display: none;}

.entryMetadata-label {font-weight:bold;}
.entryMetadata-content {margin-left: 2px;}

/* --- tags --- */
.asset-tags-header {
	display: block; float: left; 
	width: 3.5em; /* matches .asset-tags-content width */ 
	height: 100% !important; 
	margin: 0px; padding: 0px;
	font-size: 1em !important;
	}
.asset-tags-list {margin: 0 0 0 1.5em; padding: 0px; list-style-type: none;}
.asset-tags-list li {display: inline; padding-right: 5px;}
.asset-tags-list a {white-space: normal !important;}

/* comments bar */
ul.asset-meta-list {clear: both; margin: 0px; font-family: century gothic; font-size: 12px; padding: 0px; list-style-type: none;}
li.asset-meta-comments {display: inline; margin: 0px 10px 0px 0px;}

ul.asset-meta-list .item {border: 0px;}

.prevnext, .prev, .next {padding: 5px 0px;}

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

.widget {margin-bottom: 20px;}
.widget-inner {}

.widget-header {margin: 0px 0px 5px 0px; padding: 6px 0px 5px 0px; color: #867777; border-bottom: 1px dashed #867777; font-size: 1.1em; text-transform: uppercase;}
.widget-content {margin: 0px; padding: 0px;}

.widget ul {margin: 0px; font family: century gothic; padding: 0px 0px 0px 20px;}
.widget a {color: #B48B8B;}
.widget a:hover {color: #91918E; text-decoration: none;}

/* profile */
.about-me-widget {display: none; font-family: font family: century gothic; text-align: center;}
.about-me-widget .widget-header a {color: #867660;}
.about-me-widget .widget-header a:hover {color: #91918E;}
.about-me-widget dl, .about-me-widget dd, .about-me-widget dt {margin: 0px; padding: 0px; width: 100%;}

/* calendar */
.calendar-widget {}
	.calendar-widget table {width: 100%; text-align: center;}
	.calendar-widget p {margin: 5px 0px; padding: 0px; text-align: center;}
	.calendar-widget tr:first-child a {background: #F3F0ED; border: 0px;}
	.calendar-widget td a {display: block; width: 100%; color: #B48B8B; background: #F3F0ED; border: 1px solid #867777;}

/* link list */
.typelist-widget li.item {margin: 10px; padding: 0px; }

/* tags */
.categories-widget .widget-footer {padding: 20px 0px 0px 0px;}
.categories-widget li.item {margin: 0px; padding: 0px;}
.categories-widget li.tag {display: inline; padding: 0px 1px; background: none; }

/* post summary */
.archive-widget li.item {margin: 0px 0px 5px 0px; padding: 0px;}

.links-widget .widget-list .item {
	margin-bottom: .2em;
	border: none !important;
	}

.widget-list .tagcloud {
	list-style: none !important;
	display: inline !important;
	color: #ff0000 !important;
	white-space: nowrap !important;
	border-left: 0 !important;
	width: 100% !important;
	}

/* syndication, LiveJournal link, designer link */
.syndicate-widget,
.powered-widget,
.designed-widget {display: none;}

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

/* Comments ---------------------------------------*/
#comments {padding: 0px;}

div.comments-inner h2 {margin: 0px; padding: 1.5em 0 0 0; color: #B48B8B; font-size: 2em; font-weight: normal;}

.comment {margin-bottom: 1.8em; padding: 0.9em 0; border-bottom: 1px dashed #867777;}
.comment-odd {}
.comment-even {background: # F3F0ED;}

.comments-nav {margin: 20px; text-align:center;}

/* --- reply, freeze, screen, etc ---  */
.comment-links {margin-top: 0.9em; font-weight: normal; text-align: right; font-size: 1em;}
.comment-subject {font-weight: bold; }
.comment-date {margin-top: 0.9em; margin-bottom: 0.9em;}

/* Fix height in IE */
.comment {height: 1%;}

/* Quick Reply  ---------------------------------------*/
.quickreply {margin-top: 1em; width:90%; padding-top: 5px; padding-bottom: 10px;}

#commenttext, #subject {width: 90%;}

#comment-form {width: 500px;}

/* ------------------------------ */
/* ---------- ARCHIVES ---------- */
/* ------------------------------ */

/* Calendar/Archive ---------------------------------------------------------------------- */

ul.year {text-align: center; padding: 0px;}
ul.year li {display: inline; padding: 0px 5px;}
        
table.yeartable {margin-left: auto; margin-right: auto;}
table.yeartable td.yeardate, table.yeartable td.yearday {border: 1px solid #867777;}
table.yeartable td.yearday {background-color: #F3F0ED; text-align: center;}
td.yearmonth {border-style: none; font-weight: bold;}

dd.viewsubjects {margin: 0 0 .75em .75em;}

.lj-view-month table {}
.lj-view-month widget table {margin: 0px !important;}

textarea, input, select, radio, #talkpostfromremote, #SearchType  {border:1px solid #867777;color:#867777;background:#ffffff;scrollbar-arrow-color:#867777;scrollbar-base-color:#ffffff;scrollbar-darkshadow-color:#ffffff;scrollbar-face-color:#ffffff;scrollbar-highlight-color:#867777;scrollbar-shadow-color:#ffffff;scrollbar-track-color:#ffffff;margin-bottom:3px;}

/* Utility Code --------------------------------------------------- */

/* clear floats, inspired by positioniseverything.net/easyclearing.html */
.comment-body:after,
#page-inner:after,
#header-inner:after,
#header-photo:after,
#content-inner:after,
#alpha-inner:after,
#beta-inner:after,
#gamma-inner:after,
#delta-inner:after,
#footer-inner:after,
.widget .user-pic:after {
content: ".";
display: block;
visibility: hidden;
clear: both;
height: 0.1px;
font-size: 0.1em;
line-height: 0.1px;
}

/* float in post bodies around enclosures */
#content-inner,
.asset-body {
height: 1%;
}

/* Win IE < 7 */
* html #header-name a { word-wrap: break-word; }

/* ----------------------------------------------------------------------- */
/* ---------- PLEASE PASTE ANY FURTHER CSS OVERRIDES BELOW HERE ---------- */
/* ----------------------------------------------------------------------- */

Any help would be much appreciated. :)

BLOGGISH

theloudmouth — Sat, 17 Jul 2010 02:03:54 GMT

Editing sidebars in Nebula

eva_kasumi — Thu, 10 Jun 2010 09:46:17 GMT

Hi, I've been working with a customized Nebula layout from kuribati (this one), and I've found that Nebula is very restrictive in what it allows for sidebar content. For example, I can't have any free text boxes where I can put an "about me" or layout credit. Is there a way I can override this and manipulate what is in the sidebar? I'd also like to make the sidebar userpic link to my allpics page. Can that be done in the CSS?

Thanks in advance!