All entries on my friends page showing my own username
I'm really hoping that someone can help with my custom css, which I've been using for four or five years now.
Unfortunately, recent changes to LJ's backend have thrown up a quirk in relation to entries on my friends page (http://alyse.livejournal.com/friends) (and from poking around other users of this custom CSS (see link below), for all entries in communities, both on the community's main page and on their equivalent of the 'friends page'). Every entry on my friends page is showing not just the name of the person posting the entry (and the community, if relevant) but also my own username.
Example:
Example - community:
I have a permanent account, and the theme I'm using is based on mixit. My custom layer, with all of the css code I've added, can be found here:
http://www.livejournal.com/customize/advanced/layerbrowse.bml?id=85821970
The original CSS (before I changed colour schemes, added my own header image and some other tweaks) can be found here: http://thefulcrum.livejournal.com/7877.html. Unfortunately, no entries appear to have been made to that journal since 2011, so I suspect the original creator has abandoned LJ.
I haven't - to my knowledge - added anything to how users display other than replacing the user icon image. However, even taking that code out of the CSS override at the end doesn't fix the issue.
I've asked Support, but they're declaiming all knowledge and state that since I'm using custom CSS they can't help, and they won't even tell me what they might have changed in their code that I could even start looking for in the CSS. They may have a point about the CSS, though, as defaulting back to the mixit theme base doesn't cause the issue. But I'm at a loss, and I'm really hoping that some kind person - who knows more about how LJ code things - can help.
The full CSS code in a text box behind the cut, as I suspect it would be easier to grab and read from that than trying to read it on the user theme layer I linked.
layerinfo "type" = "user";
layerinfo "name" = "Auto-generated Customizations";
set layout_type = "2CR";
set customtext_title = "Fic Progress";
set seventh_item = "syndicate";
set fourth_item = "links";
set third_item = "customtext";
set tag_display = "list";
set page_recent_items = 20;
set page_friends_items = 20;
set sixth_item = "archive";
set customtext_body = "
![](\"<a)
http://www.critiquecircle.com/wordmeter.asp?w=150&col=brown&font=arial&curr=38000&goal=75000&txt=Het BigBang&\">
http://www.critiquecircle.com/wordmeter.asp?w=150&col=brown&font=arial&curr=50000&goal=100000&txt=Several Miles&\">";
set use_vox_base = false;
set fifth_item = "tags";
set custom_css = "/* Template: (#25) Your Biggest Flan v. Extra Wide */
/* 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: 494px; background: url(http://www.alyse.info/rotate/rotate.php) 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: #3C1E00;
background-image: url('http://pics.livejournal.com/alyse/pic/000pt54k')
color: #D5980B;
font-family: \"trebuchet ms\", tahoma, verdana, arial, sans-serif;
font-size: 62.5%;
text-align: center;
}
a, a:link, a:visited, a:active {color: #D5980B; text-decoration: none;}
a:hover {color: #D5980B; text-decoration: underline;}
p {margin-top: 0.8em; margin-bottom: 0.8em;}
blockquote {margin: 0.8em 3em; padding: 1.63em; border: 1px dashed #D5980B; background: #F9E0A5;}
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; padding: 20px; font-size: 1.2em; line-height: 1.8em; text-align: left;}
#container-inner {min-height: 100%; text-align: left;}
#page {width: 960px; margin: 0px auto; padding: 0px; border: 1px solid #D5980B; background: #FDFBF3;}
#header-inner {margin: 0px auto;}
#content {text-align: left;}
#alpha {width: 760px;}
.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%; padding: 0px; height: 40px; line-height: 40px; border-top: 1px dashed #D5980B; border-bottom: 1px dashed #D5980B; background: #F9E0A5; text-transform: lowercase; background-image: url(http://pics.livejournal.com/alyse/pic/000qhdhy); background-repeat: no-repeat; }
#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: #604405; font-size: 1.4em; text-decoration: none;}
#header-text ul.nav a:hover {color: #D5980B;}
#header-name {display: none; margin: 0px auto; padding: 1.2em 0; font-size: 2em; letter-spacing: 0.1em;}
#header-name a {color: #604405; text-decoration: none;}
#header-name a:hover {color: #D5980B;}
#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: 0px 0px 13px 0px; border-bottom: 1px dashed #D5980B;}
.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-size: 2em; font-weight: normal;}
h2.page-header2 a, .lj-view-tags h2 {color: #604405; text-decoration: none;}
h2.page-header2 a:hover {color: #333333;}
abbr.datetime {
margin: 0px; padding: 0px;
list-style-type: none;
color: #666666;
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;}
.asset-body a {color: #604405; font-weight: bold; border-bottom: 1px dashed #D5980B; text-decoration: none;}
.asset-body a:hover {color: #333333;}
.asset-body dt {border-bottom: 1px dashed #D5980B; font-weight: bold;}
.asset-body dd {margin-left: 3.6em; padding: 10px; background: #F9E0A5; border: 1px dashed #D5980B; border-top: 0px; }
/* date and time */
div.asset-header ul {margin: 0px !important; padding: 0px !important;}
div.asset-header li.item {padding: 0px;}
.ljuser {display: inline !important;}
/* userpic */
.user-icon {float: right; margin-left: 5px; padding: 1px; background: transparent !important; text-align: center;}
.user-icon img {border: 1px solid #D5980B;}
.user-icon span {background: #FDFBF3 !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 3.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; 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: 0px 0px 5px 0px; color: #604405; border-bottom: 1px dashed #D5980B; font-size: 1.3em; text-transform: uppercase; background-image: url(http://pics.livejournal.com/alyse/pic/000qkqap); background-repeat: no-repeat; background-position: right top;}
.widget-content {margin: 0px; padding: 0px;}
.widget ul {margin: 0px; padding: 0px 0px 0px 20px;}
.widget a {color: #333333;}
.widget a:hover {color: #604405; text-decoration: none;}
/* profile */
.about-me-widget {display: none; text-align: center;}
.about-me-widget .widget-header a {color: #333333;}
.about-me-widget .widget-header a:hover {color: #D5980B;}
.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: #FDFBF3; border: 0px;}
.calendar-widget td a {display: block; width: 100%; color: #604405; background: #F9E0A5; border: 1px solid #D5980B;}
/* link list */
.typelist-widget li.item {margin: 0px; padding: 0px; list-style-image: url(http://pics.livejournal.com/alyse/pic/000qqkd0); }
/* tags */
.categories-widget .widget-footer {padding: 20px 0px 0px 0px;}
.categories-widget li.item {margin: 0px; padding: 0px; list-style-image: url(http://pics.livejournal.com/alyse/pic/000qqkd0); }
.categories-widget li.tag {display: inline; padding: 0px 1px; background: none; }
/* post summary */
.archive-widget li.item {margin: 0px 0px 5px 0px; padding: 0px; list-style-image: url(http://pics.livejournal.com/alyse/pic/000qqkd0); }
.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: #604405; font-size: 2em; font-weight: normal;}
.comment {margin-bottom: 1.8em; padding: 0.9em 0; border-bottom: 1px dashed #D5980B;}
.comment-odd {}
.comment-even {background: #FDFBF3;}
.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 #D5980B;}
table.yeartable td.yearday {background-color: #F9E0A5; 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;}
/* -------------------------- */
/* ---------- MISC ---------- */
/* -------------------------- */
/* Sponsored Plus ---------------------------------------*/
#ad-5linkunit {
clear: both;
}
#ad-leaderboard {
margin-bottom: 10px;
}
/* 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 ---------- */
/* ----------------------------------------------------------------------- */
/* Generated by Malionette's Tiny Icon Generator
http://malionette.net/generator/tinylite.html */
span.i-ljuser img[src*=\"img/userinfo.gif\"] {width: 0 !important; height: 0 !important;
background: transparent url(http://pics.livejournal.com/alyse/pic/000tgcqt) no-repeat !important; padding: 23px 0 0 23px !important; }
span.i-ljuser img[src*=\"img/community.gif\"] {width: 0 !important; height: 0 !important;
background: transparent url(http://pics.livejournal.com/alyse/pic/000ys0hz) no-repeat !important; padding: 23px 0 0 23px !important; }
span.i-ljuser img[src*=\"img/syndicated.gif\"] {width: 0 !important; height: 0 !important;
background: transparent url(http://pics.livejournal.com/alyse/pic/000ytt3h) no-repeat !important; padding: 23px 0 0 23px !important; }
img[src*=\"img/icon_protected.gif\"] {width: 0 !important; height: 0 !important;
background: transparent url(http://pics.livejournal.com/alyse/pic/000yxwxx) no-repeat !important; padding: 22px 0 0 19px !important; }
.b-repost-item, FORM#qrform > TABLE[style=\"border: 1px solid black;\"]:last-child TD[style=\"vertical-align: top; text-align: right;\"]:first-child { display: none !important; }";
set tag_display = "list";
function print_module_tags(string title) {
##### Config #####
# Specify your delimiter. One char only -- extra chars get truncated.
var string delimiter = ":";
# Do you want to show the tag use counts?
var bool show_count = true;
# Specify the text to show just before the use count, if any
var string pre_count = "[";
# Specify the text to show just after the use count, if any
var string post_count = "]";
##### End Config #####
var Page p = get_page();
var string list = "";
if (size $p->visible_tag_list() > 0) {
if ($delimiter->length() > 1) {
$delimiter = $delimiter->substr(0, 1);
}
var string[] closing_html;
var string[] prev_tags;
var int tag_list_pos = 0;
var string tier_code = "";
$closing_html[0] = "";
$prev_tags[0] = "";
foreach var TagDetail t ($p->visible_tag_list()) {
var string[] tags;
if ($t.name) {
# mt:20050623
# Split tags into array on delimiter. Oh god, my kingdom
# for a function. Stolen shamelessly from lj-user rane500.
var int array_counter = 0;
var string buffer = "";
foreach var string char ($t.name) {
if($char == $delimiter) {
$tags[$array_counter] = $buffer;
$array_counter = $array_counter + 1;
$buffer = "";
}
else {
$buffer = $buffer + $char;
}
}
$tags[$array_counter] = $buffer;
var int pos = 0;
foreach var string tier($tags) {
if (size $closing_html <= $pos) {
# mt:20050623
# $closing_html keeps track of html that is used to close off open
# lists. Its length must be kept >= to that of the current tag.
$closing_html[$pos] = "";
}
if (size $prev_tags <= $pos) {
# mt:20050625
# The current tag has more tiers than the previous tag. To avoid array
# ref errors when comparing the current tier to the previous one (which
# is non-existent, of course) add empty string to $prev_tags.
$prev_tags[$pos] = "";
}
# mt:20050623
# If we're on a tag's last tier, we need to return a link to the tag,
# otherwise plain text is returned.
if (size $tags == ($pos + 1)) {
$tier_code = """$tier""";
if ($show_count) {
$tier_code = $tier_code + """ ${pre_count}${t.use_count}${post_count}""";
}
}
else {
$tier_code = """$tier""";
}
# mt:20050625
# $prev_tags stuffed with dummy empty string when it has fewer tiers than
# current tag.
if ($prev_tags[$pos] == "") {
# mt:20050623
# The current tag has more tiers than the previous tag, so a new
# list must be opened.
$list = $list + """";
}
elseif ($tags[$pos] != $prev_tags[$pos]) {
# mt:20050623
# The current tag's tier is not the same as the previous tag's tier of
# the same level. This means we may need to close some lists.
var int i = 0;
foreach var string html ($closing_html) {
if ($i > $pos) {
$list = $list + $closing_html[$i];
# mt:20050623: As we append the closing code, pop it off the array.
$closing_html[$i] = "";
}
$i++;
}
if ($closing_html[$pos] == "") {
# mt:20050623
# This is the first tier at this level, so open list.
$list = $list + """";
}
else {
# mt:20050623
# There have already been tiers added at this level, so just close the previous
# list item before adding the new tier.
$list = $list + """$tier_code""";
}
}
else {
# mt:20050623
# The current tag's tier is exactly the same as the previous tag's tier at
# this same level. It has already been included in the list, so do nothing.
}
# mt:20050623: Moving on to next tier in this tag!
$pos++;
}
$prev_tags = $tags;
}
# mt:20050623: Next tag in the list!
$tag_list_pos++;
}
# mt:20050623
# All the tags have been added so close all outstanding lists.
var int i = 0;
var string remaining_html = "";
foreach var string html ($closing_html) {
if ($html != "") {
$remaining_html = $html + $remaining_html;
$closing_html[$i] = "";
}
$i++;
}
$list = $list + $remaining_html;
}
open_module("categories", $title, "");
print """$list""";
var string tags_url = $p.journal->base_url() + "/tag/"; # TODO: Need Page.view_url{"tags"} which doesn't exist yet.
print """\n""";
close_module();
}
Unfortunately, recent changes to LJ's backend have thrown up a quirk in relation to entries on my friends page (http://alyse.livejournal.com/friends) (and from poking around other users of this custom CSS (see link below), for all entries in communities, both on the community's main page and on their equivalent of the 'friends page'). Every entry on my friends page is showing not just the name of the person posting the entry (and the community, if relevant) but also my own username.
Example:
Example - community:
I have a permanent account, and the theme I'm using is based on mixit. My custom layer, with all of the css code I've added, can be found here:
http://www.livejournal.com/customize/advanced/layerbrowse.bml?id=85821970
The original CSS (before I changed colour schemes, added my own header image and some other tweaks) can be found here: http://thefulcrum.livejournal.com/7877.html. Unfortunately, no entries appear to have been made to that journal since 2011, so I suspect the original creator has abandoned LJ.
I haven't - to my knowledge - added anything to how users display other than replacing the user icon image. However, even taking that code out of the CSS override at the end doesn't fix the issue.
I've asked Support, but they're declaiming all knowledge and state that since I'm using custom CSS they can't help, and they won't even tell me what they might have changed in their code that I could even start looking for in the CSS. They may have a point about the CSS, though, as defaulting back to the mixit theme base doesn't cause the issue. But I'm at a loss, and I'm really hoping that some kind person - who knows more about how LJ code things - can help.
The full CSS code in a text box behind the cut, as I suspect it would be easier to grab and read from that than trying to read it on the user theme layer I linked.
layerinfo "type" = "user";
layerinfo "name" = "Auto-generated Customizations";
set layout_type = "2CR";
set customtext_title = "Fic Progress";
set seventh_item = "syndicate";
set fourth_item = "links";
set third_item = "customtext";
set tag_display = "list";
set page_recent_items = 20;
set page_friends_items = 20;
set sixth_item = "archive";
set customtext_body = "
set use_vox_base = false;
set fifth_item = "tags";
set custom_css = "/* Template: (#25) Your Biggest Flan v. Extra Wide */
/* 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: 494px; background: url(http://www.alyse.info/rotate/rotate.php) 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: #3C1E00;
background-image: url('http://pics.livejournal.com/alyse/pic/000pt54k')
color: #D5980B;
font-family: \"trebuchet ms\", tahoma, verdana, arial, sans-serif;
font-size: 62.5%;
text-align: center;
}
a, a:link, a:visited, a:active {color: #D5980B; text-decoration: none;}
a:hover {color: #D5980B; text-decoration: underline;}
p {margin-top: 0.8em; margin-bottom: 0.8em;}
blockquote {margin: 0.8em 3em; padding: 1.63em; border: 1px dashed #D5980B; background: #F9E0A5;}
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; padding: 20px; font-size: 1.2em; line-height: 1.8em; text-align: left;}
#container-inner {min-height: 100%; text-align: left;}
#page {width: 960px; margin: 0px auto; padding: 0px; border: 1px solid #D5980B; background: #FDFBF3;}
#header-inner {margin: 0px auto;}
#content {text-align: left;}
#alpha {width: 760px;}
.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%; padding: 0px; height: 40px; line-height: 40px; border-top: 1px dashed #D5980B; border-bottom: 1px dashed #D5980B; background: #F9E0A5; text-transform: lowercase; background-image: url(http://pics.livejournal.com/alyse/pic/000qhdhy); background-repeat: no-repeat; }
#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: #604405; font-size: 1.4em; text-decoration: none;}
#header-text ul.nav a:hover {color: #D5980B;}
#header-name {display: none; margin: 0px auto; padding: 1.2em 0; font-size: 2em; letter-spacing: 0.1em;}
#header-name a {color: #604405; text-decoration: none;}
#header-name a:hover {color: #D5980B;}
#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: 0px 0px 13px 0px; border-bottom: 1px dashed #D5980B;}
.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-size: 2em; font-weight: normal;}
h2.page-header2 a, .lj-view-tags h2 {color: #604405; text-decoration: none;}
h2.page-header2 a:hover {color: #333333;}
abbr.datetime {
margin: 0px; padding: 0px;
list-style-type: none;
color: #666666;
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;}
.asset-body a {color: #604405; font-weight: bold; border-bottom: 1px dashed #D5980B; text-decoration: none;}
.asset-body a:hover {color: #333333;}
.asset-body dt {border-bottom: 1px dashed #D5980B; font-weight: bold;}
.asset-body dd {margin-left: 3.6em; padding: 10px; background: #F9E0A5; border: 1px dashed #D5980B; border-top: 0px; }
/* date and time */
div.asset-header ul {margin: 0px !important; padding: 0px !important;}
div.asset-header li.item {padding: 0px;}
.ljuser {display: inline !important;}
/* userpic */
.user-icon {float: right; margin-left: 5px; padding: 1px; background: transparent !important; text-align: center;}
.user-icon img {border: 1px solid #D5980B;}
.user-icon span {background: #FDFBF3 !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 3.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; 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: 0px 0px 5px 0px; color: #604405; border-bottom: 1px dashed #D5980B; font-size: 1.3em; text-transform: uppercase; background-image: url(http://pics.livejournal.com/alyse/pic/000qkqap); background-repeat: no-repeat; background-position: right top;}
.widget-content {margin: 0px; padding: 0px;}
.widget ul {margin: 0px; padding: 0px 0px 0px 20px;}
.widget a {color: #333333;}
.widget a:hover {color: #604405; text-decoration: none;}
/* profile */
.about-me-widget {display: none; text-align: center;}
.about-me-widget .widget-header a {color: #333333;}
.about-me-widget .widget-header a:hover {color: #D5980B;}
.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: #FDFBF3; border: 0px;}
.calendar-widget td a {display: block; width: 100%; color: #604405; background: #F9E0A5; border: 1px solid #D5980B;}
/* link list */
.typelist-widget li.item {margin: 0px; padding: 0px; list-style-image: url(http://pics.livejournal.com/alyse/pic/000qqkd0); }
/* tags */
.categories-widget .widget-footer {padding: 20px 0px 0px 0px;}
.categories-widget li.item {margin: 0px; padding: 0px; list-style-image: url(http://pics.livejournal.com/alyse/pic/000qqkd0); }
.categories-widget li.tag {display: inline; padding: 0px 1px; background: none; }
/* post summary */
.archive-widget li.item {margin: 0px 0px 5px 0px; padding: 0px; list-style-image: url(http://pics.livejournal.com/alyse/pic/000qqkd0); }
.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: #604405; font-size: 2em; font-weight: normal;}
.comment {margin-bottom: 1.8em; padding: 0.9em 0; border-bottom: 1px dashed #D5980B;}
.comment-odd {}
.comment-even {background: #FDFBF3;}
.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 #D5980B;}
table.yeartable td.yearday {background-color: #F9E0A5; 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;}
/* -------------------------- */
/* ---------- MISC ---------- */
/* -------------------------- */
/* Sponsored Plus ---------------------------------------*/
#ad-5linkunit {
clear: both;
}
#ad-leaderboard {
margin-bottom: 10px;
}
/* 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 ---------- */
/* ----------------------------------------------------------------------- */
/* Generated by Malionette's Tiny Icon Generator
http://malionette.net/generator/tinylite.html */
span.i-ljuser img[src*=\"img/userinfo.gif\"] {width: 0 !important; height: 0 !important;
background: transparent url(http://pics.livejournal.com/alyse/pic/000tgcqt) no-repeat !important; padding: 23px 0 0 23px !important; }
span.i-ljuser img[src*=\"img/community.gif\"] {width: 0 !important; height: 0 !important;
background: transparent url(http://pics.livejournal.com/alyse/pic/000ys0hz) no-repeat !important; padding: 23px 0 0 23px !important; }
span.i-ljuser img[src*=\"img/syndicated.gif\"] {width: 0 !important; height: 0 !important;
background: transparent url(http://pics.livejournal.com/alyse/pic/000ytt3h) no-repeat !important; padding: 23px 0 0 23px !important; }
img[src*=\"img/icon_protected.gif\"] {width: 0 !important; height: 0 !important;
background: transparent url(http://pics.livejournal.com/alyse/pic/000yxwxx) no-repeat !important; padding: 22px 0 0 19px !important; }
.b-repost-item, FORM#qrform > TABLE[style=\"border: 1px solid black;\"]:last-child TD[style=\"vertical-align: top; text-align: right;\"]:first-child { display: none !important; }";
set tag_display = "list";
function print_module_tags(string title) {
##### Config #####
# Specify your delimiter. One char only -- extra chars get truncated.
var string delimiter = ":";
# Do you want to show the tag use counts?
var bool show_count = true;
# Specify the text to show just before the use count, if any
var string pre_count = "[";
# Specify the text to show just after the use count, if any
var string post_count = "]";
##### End Config #####
var Page p = get_page();
var string list = "";
if (size $p->visible_tag_list() > 0) {
if ($delimiter->length() > 1) {
$delimiter = $delimiter->substr(0, 1);
}
var string[] closing_html;
var string[] prev_tags;
var int tag_list_pos = 0;
var string tier_code = "";
$closing_html[0] = "";
$prev_tags[0] = "";
foreach var TagDetail t ($p->visible_tag_list()) {
var string[] tags;
if ($t.name) {
# mt:20050623
# Split tags into array on delimiter. Oh god, my kingdom
# for a function. Stolen shamelessly from lj-user rane500.
var int array_counter = 0;
var string buffer = "";
foreach var string char ($t.name) {
if($char == $delimiter) {
$tags[$array_counter] = $buffer;
$array_counter = $array_counter + 1;
$buffer = "";
}
else {
$buffer = $buffer + $char;
}
}
$tags[$array_counter] = $buffer;
var int pos = 0;
foreach var string tier($tags) {
if (size $closing_html <= $pos) {
# mt:20050623
# $closing_html keeps track of html that is used to close off open
# lists. Its length must be kept >= to that of the current tag.
$closing_html[$pos] = "";
}
if (size $prev_tags <= $pos) {
# mt:20050625
# The current tag has more tiers than the previous tag. To avoid array
# ref errors when comparing the current tier to the previous one (which
# is non-existent, of course) add empty string to $prev_tags.
$prev_tags[$pos] = "";
}
# mt:20050623
# If we're on a tag's last tier, we need to return a link to the tag,
# otherwise plain text is returned.
if (size $tags == ($pos + 1)) {
$tier_code = """$tier""";
if ($show_count) {
$tier_code = $tier_code + """ ${pre_count}${t.use_count}${post_count}""";
}
}
else {
$tier_code = """$tier""";
}
# mt:20050625
# $prev_tags stuffed with dummy empty string when it has fewer tiers than
# current tag.
if ($prev_tags[$pos] == "") {
# mt:20050623
# The current tag has more tiers than the previous tag, so a new
# list must be opened.
$list = $list + """";
}
elseif ($tags[$pos] != $prev_tags[$pos]) {
# mt:20050623
# The current tag's tier is not the same as the previous tag's tier of
# the same level. This means we may need to close some lists.
var int i = 0;
foreach var string html ($closing_html) {
if ($i > $pos) {
$list = $list + $closing_html[$i];
# mt:20050623: As we append the closing code, pop it off the array.
$closing_html[$i] = "";
}
$i++;
}
if ($closing_html[$pos] == "") {
# mt:20050623
# This is the first tier at this level, so open list.
$list = $list + """";
}
else {
# mt:20050623
# There have already been tiers added at this level, so just close the previous
# list item before adding the new tier.
$list = $list + """
}
}
else {
# mt:20050623
# The current tag's tier is exactly the same as the previous tag's tier at
# this same level. It has already been included in the list, so do nothing.
}
# mt:20050623: Moving on to next tier in this tag!
$pos++;
}
$prev_tags = $tags;
}
# mt:20050623: Next tag in the list!
$tag_list_pos++;
}
# mt:20050623
# All the tags have been added so close all outstanding lists.
var int i = 0;
var string remaining_html = "";
foreach var string html ($closing_html) {
if ($html != "") {
$remaining_html = $html + $remaining_html;
$closing_html[$i] = "";
}
$i++;
}
$list = $list + $remaining_html;
}
open_module("categories", $title, "");
print """$list""";
var string tags_url = $p.journal->base_url() + "/tag/"; # TODO: Need Page.view_url{"tags"} which doesn't exist yet.
print """\n""";
close_module();
}