style_system | Dec. 23rd, 2011

Dec. 23rd, 2011

I was wondering if anyone had a fix for this ... I was helping a friend (

tiltingheartand), who wanted her DW layout to look exactly like her current one on LJ. The style she uses on LJ is "Quite Lickable," and I was able to find a coding adaption for a S2 layer style over here.

I haven't had any trouble tweaking small things here and there, but I can't seem to figure out out to hide the links for memories and tags in the sidebar. (For the record, I don't know how they're hidden on her LJ either, since I'm not very familiar with the QL style.) I tried using the two fixes suggested here, but neither of them has worked for me.

If anyone knows a way to fix this, I would be very much appreciative. :)

Layer coding:

layerinfo "type" = "layout";
layerinfo "name" = "Quite Lickable";
layerinfo "author_name" = "Martin Atkins";
layerinfo "redist_uniq" = "lickable/layout";
layerinfo "previews" = "lickable/preview1.jpg,lickable/preview2.jpg";
layerinfo "des" = "A fixed-width layout with drop shadows, various header styles and the possibility for introducing your own background images.";

## Customization Props

propgroup presentation {
    property bool opt_use_friendcolors {
        des = "Use friend colors on friends page";
        noui = 1; # The support for this isn't brilliant
    }
    set opt_use_friendcolors = false;

property bool opt_hide_userpics {
        des = "Hide userpics on recent entries and day pages";
    }
    set opt_hide_userpics = true;

property bool opt_show_user_linkele {
        des = "Show links to your memories, todo list, and add friend page in the sidebar";
    }
    set opt_show_user_linkele = true;

property use lang_fmt_date_short;
    property use lang_fmt_date_long;
    property use lang_fmt_time_short;

property use page_recent_items;
    property use page_friends_items;

property use use_shared_pic;
    property use view_entry_disabled;

# This layout has quite a hefty stylesheet, so let's
    # make it external to avoid loading it over and over.
    set external_stylesheet = true;

property int content_width {
        des = "Content area width in pixels";
    }
    set content_width = 750;

property int sidebar_width {
        des = "Sidebar width in pixels";
    }
    set sidebar_width = 230;

property bool side_borders {
        des = "Show borders at the sides of the content area";
    }
    set side_borders = true;

property string shadow_img_left {
        des = "Style of drop-shadow for the left of the page";
        values = "|None|shadow-l.png|Normal|shadow-l-small.png|Small";
    }
    set shadow_img_left = "shadow-l.png";

property string shadow_img_right {
        des = "Style of drop-shadow for the right of the page";
        values = "|None|shadow-r.png|Normal|shadow-r-small.png|Small";
    }
    set shadow_img_right = "shadow-r.png";

property string title_style {
        des = "Top heading style";
        note = "You can choose the colors to be used from the colors section.";
        values = "topglow|Top Glow|letters|Letters|explosion|Explosion|nature|Nature|camouflage|Camouflage|ramblings|Ramblings|clouds|Clouds|futuristic|Futuristic|bubbles|Circles|bubblewrap|Bubble Wrap|wires|Wires|urban|Urban|__custom|(Custom)||(None)";
    }
    set title_style = "wires";

property string{}{} title_styles {
        des = "A bunch of top heading style settings";
        noui = 1;
    }
    set title_styles = {
        "topglow" => { "type" => "tilex", "url" => "lickable/topgrad.png" },
        "letters" => { "type" => "deardiary" },
        "explosion" => { "type" => "deardiary" },
        "nature" => { "type" => "deardiary" },
        "camouflage" => { "type" => "deardiary" },
        "ramblings" => { "type" => "deardiary" },
        "clouds" => { "type" => "deardiary" },
        "futuristic" => { "type" => "deardiary" },
        "bubbles" => { "type" => "deardiary" },
        "bubblewrap" => { "type" => "deardiary" },
        "wires" => { "type" => "deardiary" },
        "urban" => { "type" => "deardiary" },
    };

property string title_style_custom_url {
        des = "Top heading custom background image";
        note = "If you selected 'Custom' as your heading style, you can enter a background image URL here.";
    }
    set title_style_custom_url = "";

property int title_style_custom_height {
        des = "Top heading custom height";
        note = "If you selected 'Custom' as your heading style, you can enter here how tall you wish the heading to be, in pixels.";
    }
    set title_style_custom_height = 75;

property bool title_notext {
        des = "Hide top heading text";
        note = "You might want to hide the system-supplied title text if you've used an image with its own text in it.";
    }
    set title_notext = false;

property bool title_separator {
        des = "Show line under title bar";
    }
    set title_separator = true;

property use linklist_support;
    property use custom_control_strip_colors;
}
propgroup colors {
    property Color clr_margins {
        des = "Page Background Color";
    }
    property Color clr_page_bg {
        des = "Main Content Background Color";
    }
    property Color clr_page_fg {
        des = "Main Content Foreground Color";
    }
    property Color clr_title_bg {
        des = "Title Background Color";
    }
    property Color clr_title_fg {
        des = "Title Text Color";
    }
    property Color clr_title_pattern {
        des = "Color of Title Background Effects";
        note = "The application of this color depends on your selection of heading style.";
    }
    property Color clr_title_separator {
        des = "Color of Line Under Title";
        note = "You must also enable the line in the Presentation section.";
    }
    property Color clr_side_borders {
        des = "Color of Side Borders";
        note = "You must also enable the borders in the Presentation section.";
    }
    property Color clr_link_normal {
        des = "Normal Link Color";
    }
    property Color clr_link_visited {
        des = "Visited Link Color";
    }
    property use control_strip_bgcolor;
    property use control_strip_fgcolor;
    property use control_strip_bordercolor;
    property use control_strip_linkcolor;

set clr_page_fg = "#000000";
    set clr_margins = "#0183fd";
    set clr_link_visited = "#0063c0";
    set clr_link_normal = "#0183fd";
    set clr_title_pattern = "#faf49a";
    set clr_side_borders = "#000000";
    set clr_page_bg = "#e3f1ff";
    set clr_title_bg = "#0063c0";
    set clr_title_fg = "#ffffff";
    set clr_title_separator = "#000000";
}
propgroup fonts {

property string{}{} font_sizes {
        des = "A bunch of font size settings";
        noui = 1;
    }
    set font_sizes = {
        "tiny" => {
            "body" => "10px",
            "pagetitle" => "25px",
            "pagesubtitle" => "14px",
            "dayhead" => "14px",
            "entryhead" => "12px",
        },
        "small" => {
            "body" => "12px",
            "pagetitle" => "25px",
            "pagesubtitle" => "14px",
            "dayhead" => "16px",
            "entryhead" => "14px",
        },
        "medium" => {
            "body" => "14px",
            "pagetitle" => "25px",
            "pagesubtitle" => "14px",
            "dayhead" => "18px",
            "entryhead" => "16px",
        },
        "large" => {
            "body" => "16px",
            "pagetitle" => "25px",
            "pagesubtitle" => "14px",
            "dayhead" => "20px",
            "entryhead" => "18px",
        },
        "huge" => {
            "body" => "18px",
            "pagetitle" => "25px",
            "pagesubtitle" => "14px",
            "dayhead" => "22px",
            "entryhead" => "20px",
        },
    };

property string font_body {
        des = "Font Family For Normal Text";
        note = "Specify a list of acceptable fonts in order of preference, most preferred first.";
    }
    set font_body = "\"Tahoma\", \"Georgia\", \"Helvetica\", \"Arial\", sans-serif";

property string font_sidebar {
        des = "Font Family For Sidebar";
        note = "Specify a list of acceptable fonts in order of preference, most preferred first.";
    }
    set font_sidebar = "\"Tahoma\", \"Georgia\", \"Helvetica\", \"Arial\", sans-serif";

property string font_title {
        des = "Font Family For Title";
        note = "Specify a list of acceptable fonts in order of preference, most preferred first.";
    }
    set font_title = "\"Tahoma\", \"Georgia\", \"Helvetica\", \"Arial\", sans-serif";

property string font_headings {
        des = "Font Family For Headings";
        note = "Specify a list of acceptable fonts in order of preference, most preferred first.";
    }
    set font_headings = "\"Tahoma\", \"Georgia\", \"Helvetica\", \"Arial\", sans-serif";

property string font_size_keyword {
        des = "Text Size";
        values = "tiny|Tiny|small|Small|medium|Medium|large|Large|huge|Huge";
    }
    set font_size_keyword = "tiny";

}
propgroup images {
    property string content_bg_img {
        des = "Content area background image URL";
        note = "Since you've chosen how big the sidebar will be in pixels, you could use this to add a sidebar background.";
    }
    set content_bg_img = "";

property string page_bg_img {
        des = "Main page background image URL";
        note = "Disable the shadows below for best results; the shadows will not automatically blend with the background.";
    }
    set page_bg_img = "";

property string page_bg_image_tile {
        des = "Main page background repeat mode";
        values = "no-repeat|Do not repeat|repeat-x|Repeat Horizontally|repeat-y|Repeat Vertically|repeat|Repeat both Horizontally and Vertically";
        note = "This won't have any effect unless you enter an image URL above.";
    }
    set page_bg_image_tile = "repeat-y";
}
propgroup text {
    property use text_view_recent;
    property use text_view_archive;
    property use text_view_friends;
    property use text_view_userinfo;

property string i18n_paraphernalia_journalinfo {
        des = "Journal Info Heading";
        note = "If you leave this blank, your configured name will be used.";
    }
    property string i18n_paraphernalia_journalinfo_blurb {
        des = "Journal Info Blurb";
        note = "You can write whatever you want in here; it'll get displayed next to your userpic.";
        rows = 10;
        cols = 25;
        string_mode = "html";
    }
    property string i18n_paraphernalia_viewsel {
        des = "View Selection Heading";
        noui = 1;
    }
    property string i18n_paraphernalia_links {
        des = "Link List Heading";
        noui = 1;
    }
    property string i18n_paraphernalia_recent_navigation {
        des = "RecentPage Navigation Heading";
        noui = 1;
    }
    property string i18n_paraphernalia_year_navigation {
        des = "YearPage Navigation Heading";
        noui = 1;
    }
    property string i18n_paraphernalia_entry_navigation {
        des = "EntryPage Navigation Heading";
        noui = 1;
    }
    property string i18n_paraphernalia_day_navigation {
        des = "DayPage Navigation Heading";
        noui = 1;
    }
    set i18n_paraphernalia_journalinfo = "";
    set i18n_paraphernalia_journalinfo_blurb = "";
    set i18n_paraphernalia_viewsel = "View";
    set i18n_paraphernalia_links = "Links";
    set i18n_paraphernalia_recent_navigation = "Navigation";
    set i18n_paraphernalia_year_navigation = "Year";
    set i18n_paraphernalia_entry_navigation = "Entry";
    set i18n_paraphernalia_day_navigation = "Navigation";

property string i18n_journalinfo_name {
        des = "Journal Name Caption";
        noui = 1;
    }
    property string i18n_journalinfo_website {
        des = "Journal Name Caption";
        noui = 1;
    }
    set i18n_journalinfo_name = "Name";
    set i18n_journalinfo_website = "Website";

property use text_post_comment;
    property use text_read_comments;
    property use text_post_comment_friends;
    property use text_read_comments_friends;
    property use text_website_default_name;
}
propgroup customcss {
    property use include_default_stylesheet;
    property use linked_stylesheet;
    property use custom_css;
}

# Navigation strip custom colors
    if ($*control_strip_bgcolor.as_string == "") {
        $*control_strip_bgcolor = $*clr_page_bg;
    }
    if ($*control_strip_fgcolor.as_string == "") {
        $*control_strip_fgcolor = $*clr_page_fg;
    }
    if ($*control_strip_bordercolor.as_string == "") {
        $*control_strip_bordercolor = $*clr_side_borders;
    }
    if ($*control_strip_linkcolor.as_string == "") {
        $*control_strip_linkcolor = $*clr_link_normal;
    }

$*theme_bgcolor = $*clr_page_bg;
    $*theme_fgcolor = $*clr_page_fg;
    $*theme_bordercolor = $*clr_side_borders;
    $*theme_linkcolor = $*clr_link_normal;
}

"""
#title {
    color: $*clr_title_fg;
    background-color: $*clr_title_bg;
    background-image: url("""+palimg_tint($url, $*clr_title_pattern, $*clr_title_bg)+""");
""";

if ($type == "tilex") {
        println "background-repeat: repeat-x;";
    }
    elseif ($type == "tiley") {
        println "background-repeat: repeat-y;";
    }
    elseif ($type == "tile") {
        println "background-repeat: repeat;";
    }
    elseif ($type == "notile") {
        println "background-repeat: no-repeat;";
    }

"""
}
""";
}

function heading_styles() "Styles for the top heading/title bar" {
    var string{} style = $*title_styles{$*title_style};

if ($style{"type"} == "deardiary") {
        heading_styles_deardiary();
    }
    elseif ($style{"type"} == "tilex" or $style{"type"} == "tiley" or $style{"type"} == "tile" or  $style{"type"} == "notile") {
        heading_styles_tile();
    }
    elseif ($*title_style == "__custom") {
        heading_styles_custom();
    }
    else {
        $*title_style_custom_url = "";
        $*title_style_custom_height = 75;
        heading_styles_custom();
    }
}

function pretty_styles() "Pretty stuff that's completely dispensible" {

var int top = ($*title_separator ? 79 : 75);
    var string{} size = $*font_sizes{$*font_size_keyword};

var int cwid = $*content_width;
    var int sbwid = $*sidebar_width;
    var int mcwid = $*content_width - $*sidebar_width - 25;
    var int shadowwid = 32;
    var int shackwid = $cwid + ($shadowwid * 2);
    if ($*side_borders) {
        $shackwid = $shackwid + 2;
    }

var Color darker_bg = $*clr_page_bg->darker(20);

var string bg_url;
    if (clean_url($*page_bg_img) != "") {
        $bg_url = $*page_bg_img;
    }
    else {
        $bg_url = palimg_tint("solid.png", $*clr_margins);
    }

"""

body {
    background: $*clr_margins """+$bg_url->css_url_value()+""";
    background-repeat: """+$*page_bg_image_tile->css_keyword(["no-repeat","repeat-x","repeat-y","repeat"])+""";
    background-position: center;
    color: $*clr_page_fg;
    margin: 0;
    padding: 0;
    border: 0;
    font-family: $*font_body;
    width: 100%;
    height: 100%;
}
body, td, table, th, tr {
    font-size: $size{"body"};
}

#shadowhack1 {
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
    width: ${shackwid}px;
    background-image: url("""+palimg_tint("lickable/$*shadow_img_left", $*clr_margins)+""");
    background-position: top left;
    background-repeat: repeat-y;
    min-height: 150%;
}

#shadowhack2 {
    margin: 0;
    background-image: url("""+palimg_tint("lickable/$*shadow_img_right", $*clr_margins)+""");
    background-position: top right;
    background-repeat: repeat-y;
    min-height: 100%;
}

#pagecontainer {
    background-color: $*clr_page_bg;
""";
if (clean_url($*content_bg_img) != "") {
    println "background-image: url($*content_bg_img);";
}
"""
    color: $*clr_page_fg;
    margin-left: ${shadowwid}px;
    margin-right: ${shadowwid}px;
""";
if ($*side_borders) {
"""
    border-left: 1px solid $*clr_side_borders;
    border-right: 1px solid $*clr_side_borders;
""";
}
"""
}

a:link {
    color: $*clr_link_normal;
}
a:visited {
    color: $*clr_link_visited;
}

#title {
    color: $*clr_title_fg;
    background-color: $*clr_title_bg;
""";
if ($*title_separator) {
"""
    border-bottom: 4px solid $*clr_title_separator;
""";
}
"""
    font-family: $*font_title;
    overflow: hidden;
}
#title h1 {
    font-size: $size{"pagetitle"};
    font-weight: bold;
    margin: 0;
    padding-top: 20px;
    padding-left: 8px;
    white-space: no-wrap;
}
#title #journal_subtitle {
    font-size: $size{"pagesubtitle"};
    font-weight: bold;
    margin: 0;
    padding-left: 8px;
    white-space: no-wrap;
    margin-bottom: 5px;
}
""";

heading_styles();

if ($*title_notext) {
"""
#title h1, #title #journal_subtitle {
    display: none;
}
""";
}

"""

#paraphernalia {
    float: right;
    width: ${sbwid}px;
    font-family: $*font_sidebar;
}
#paraphernalia h2 {
    font-size: $size{"dayhead"};
    font-weight: bold;
    text-align: left;
    margin-top: 16px;
    margin-bottom: 8px;
}
#paraphernalia .pbox {
    margin-left: 8px;
    margin-right: 8px;
    clear: both;
}
#journalinfouserpic {
""";

if ($*i18n_paraphernalia_journalinfo_blurb != "") {
"""
    float: left;
    margin-right: 6px;
    margin-bottom: 6px;
""";
}
else {
"""
    text-align: center;
""";
}

"""
}
.pboxcontent {
    margin-left: 8px;
    margin-right: 8px;
}
.pbox dt {
    font-weight: normal;
    margin-top: 4px;
}
.pbox dd {
    padding: 0;
    margin-left: 24px;
}
.pbox ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.pbox ul ul {
    margin-left: 24px;
}
.pbox li {
    margin: 0;
    padding: 0;
}
.pbox li.current {
    font-weight: bold;
}
.pbox p {
    margin: 8px 0;
}

#main {
    margin: 0;
    min-height: 1024px;
    padding: 0 10px 0 0;
    width: ${mcwid}px;
    float: left;
}
* html #main {
    height: 1024px; /* IE-only hack */
}

.day h2 {
    font-size: $size{"dayhead"};
    font-weight: bold;
    font-family: $*font_headings;
    margin: 10px;
}

.entry {
    margin: 16px 16px 16px 10px;
}
.entryheader {
    font-size: $size{"entryhead"};
}
.entryheader .entrytimestampdate {
    display: none;
}
.page_entry .entryheader .entrytimestampdate, .page_reply .entryheader .entrytimestampdate {
    display: inline;
}

.comments .entry {
    margin-left: 0;
    margin-bottom: 8px;
}
.comments .entry .entryheader {
    background: $darker_bg;
}

.calendarmonth {
    width: 60%;
    margin-right: auto;
    margin-left: auto;
    border-collapse: collapse;
    margin-bottom: 2em;
}
.calendarmonth td, .calendarmonth th {
    padding: 0.5em;
    margin: 0;
}
.calendarmonthlink {
    text-align: center;
}
.calendarmonthheader h2 {
    font-size: $size{"entryhead"};
    margin: 0;
}

.page_month #main form, .page_month #main dl {
    margin: 8px;
}

#server_sig {
    font-size: 0.75em;
    text-align: center;
    clear: both;
    width: ${mcwid}px;
}

div.ljtags { display: inline; }

input, textarea {
    font-family: $*font_body;
    font-size: $size{"body"};
}

.journallinkbar {
    text-align: center;
}

""";

print_custom_control_strip_css();
}

function necessary_styles() "Styles which are likely to be needed whatever stylesheet is in use" {
"""
.entry {
margin-bottom: 2em;
/*clear: both;*/
}

.entry .entryheader {
font-weight: bold;
text-align: left;
}

.entry .entryheader h3 {
font-size: 1em;
margin: 0;
padding: 0;
}

.entryheader .entryicon {
float: right;
margin-right: 1em;
}

.entryheader .entryuserpic {
float: right;
margin-top: 2em;
clear: right;
display: block;
padding: 3px;
""";
if ($*opt_hide_userpics) {
"""
display: none;
}
.page_friends .entryheader .entryuserpic {
display: block;
""";
}

"""
}

.entryheader .entryposter {
display: inline;
float:left;
margin-right: 1em;
}
.entryheader .entryposter:after {
content: ": ";
}
.entryposter img, .collapsed_entry img {
height: 12px;
width: 10px;
}

.entryheader .entrytimestamp {
display: inline;
}

.entrysubject A:link, .entrysubject A:visited, .entrysubject A:hover, .entrysubject A:visited {
     color: $*clr_page_fg;
     text-decoration: none;
}

.entrylinkbarpre, .entrylinkbarpost {
display: none;
}
.page_entry .entrylinkbarpre, .page_reply .entrylinkbarpre {
display: block;
float: right;
}

.entry .entrycontent {
margin: 8px;
}

.entrymeta {
list-style: none;
padding: 0;
margin: 0 0 0.5em 0;
display: block;
}
.entrymeta .entrymetacaption {
font-weight: bold;
}
.entrymeta li {
white-space: no-wrap;
}

.entry .entryfooter {
clear: both;
margin: 0;
}

.entryfooter .entrycmdlinks {
list-style: none;
vertical-align: middle;
margin: 0; padding: 0em;
white-space: no-wrap;
text-align: right;
}
.entryfooter .entrycmdlinks:before {
content: "(";
}
.entryfooter .entrycmdlinks:after {
content: ")";
}

.entrycmdlinks li {
display: inline;
}
* html .entrycmdlinks li {
margin-left: 1em;
}
.entrycmdlinks li:before {
content: " - ";
}
.entrycmdlinks li:first-child:before {
content: "";
}

.comments {
    list-style: none;
    padding: 0;
    margin-left: 50px;
}
.comments .comments {
    margin-left: 25px;
}
.comments > li {
    margin: 0;
    padding: 0;
}
.calendardaynum { text-align: right; }
.calendardaycount { text-align: center; }
.calendarday {
width: 14%;
}
.itemrange {
    list-style: none;
    padding: 0;
    margin: 0.5em;
    text-align: center;
}
.itemrange li {
    display: inline;
    margin: 0 0.25em;
}
.itemrange li a:before, .itemrange li.current:before {
    content: "[";
}
.itemrange li a:after, .itemrange li.current:after {
    content: "]";
}
""";
}
function custom_styles() "User layers can override this to add extra CSS to the stylesheet" {}

## Everything after this point should be common to all Cascadadelic layouts

function UserLite::lay_as_string() : string {
    var Image uiimg = userinfoicon($this);
    var string dir = $.journal_type == "C" ? "community" : "users";
    return "<span class='ljuser_$.username' style='white-space:nowrap;'><a href='$*SITEROOT/userinfo.bml?user=$.username'><img src='$uiimg.url' alt='[info]' width='$uiimg.width' height='$uiimg.height' style='vertical-align:bottom;border:0;' /></a><a href='$*SITEROOT/$dir/$.username/'><b>$.username</b></a></span>";
}

function print_stylesheet() {
    necessary_styles();
    pretty_styles();
    custom_styles();
}

function Page::lay_print_heading() {
    print safe "<h1>$.global_title</h1>";
    if ($.view == "recent" and $.global_subtitle != "") {
        print safe """<div id="journal_subtitle">$.global_subtitle</div>""";
    }
    else {
        print safe """<div id="journal_subtitle">"""+$this->view_title()+"""</div>""";
    }
}
function Page::lay_print_journalinfo() {
    paraphernalia_box_open("journalinfo",
        ($*i18n_paraphernalia_journalinfo != "" ? $*i18n_paraphernalia_journalinfo : $.journal.name)
    );
    if (defined $.journal.default_pic) {
        println """<div id="journalinfouserpic">$.journal.default_pic</div>""";
    }
    if ($*opt_show_user_linkele) {
        """<div class="journallinkbar">"""; $.journal->print_linkbar(); """</div>""";
    }
    if ($*i18n_paraphernalia_journalinfo_blurb != "") {
        println "<p>$*i18n_paraphernalia_journalinfo_blurb</p>";
    }
    paraphernalia_box_close("journalinfo",$*i18n_paraphernalia_journalinfo);
}
function Page::lay_print_viewsel() {
    paraphernalia_box_open("viewsel",$*i18n_paraphernalia_viewsel);
    "<ul>\n";
    foreach var string vl ($.views_order) {
        if ($vl == $.view) {
            print "<li class=\"current\">"+lang_viewname($vl)+"</li>\n";
        } else {
            print "<li><a href=\""+ehtml($.view_url{$vl})+"\">"+lang_viewname($vl)+"</a></li>\n";
        }
    }
    "</ul>\n";
    paraphernalia_box_close("viewsel",$*i18n_paraphernalia_viewsel);
}
function Page::lay_print_userlinks() {
    if (size $.linklist <= 0 or not $*linklist_support) {
        return;
    }
    paraphernalia_box_open("userlinks",$*i18n_paraphernalia_links);
    $this->print_linklist();
    paraphernalia_box_close("userlinks",$*i18n_paraphernalia_links);
}
function Page::lay_print_viewspec() {}
function Page::lay_print_viewspec_after() {}
function Page::lay_print_custom_paraphernalia() "User layers can override this to add extra paraphernalia" {}

function Page::lay_print_paraphernalia() "User layers can override this to change what appears in the paraphernalia section" {
    $this->lay_print_journalinfo();
    $this->lay_print_viewsel();
    $this->lay_print_viewspec();
    $this->lay_print_custom_paraphernalia();
    $this->lay_print_userlinks();
    if (viewer_sees_vbox()) {
        paraphernalia_box_open("", "");
        """<div style="margin-top: 16px;">""";
        $this->print_vbox();
        "</div>";
        paraphernalia_box_close("", "");
    }
}

function lang_posting_in(UserLite poster, UserLite journal) : string "Return the string 'poster posting in journal'; I18n layers should override this." {
    return $poster->lay_as_string()+" posting in "+$journal->lay_as_string();
}

function EntryLite::lay_print_icon() {}
function EntryLite::lay_print_metadata() {}
function EntryLite::lay_print_cmdlinks() {}
function EntryLite::lay_print_poster() {
    if (defined $.poster) {
        print """<div class="entryposter">$.poster</div>""";
    }
    else {
        print safe """<div class="entryposter">$*text_poster_anonymous</div>""";
    }
}
function Entry::lay_print_poster() {
    var Page p = get_page();
    if ($p.view == "recent" and $.poster->equals($.journal)) {
        return;
    }
    if ($p.view == "friends") {
        print """<div class="entryposter">""";
        if (not $.poster->equals($.journal)) {
            print lang_posting_in($.poster, $.journal);
        }
        else {
            print $.poster->lay_as_string();
        }
        print """</div>""";
    }
    else {
        print """<div class="entryposter">"""+$.poster->lay_as_string()+"""</div>""";
    }
}

function Entry::lay_print_icon() {
    if ($.security != "") {
        """<div class="entryicon">""";
        print $.security_icon->as_string("[$.security]");
        "</div>";
    }
}
function Comment::lay_print_icon() {
    if (defined $.subject_icon) {
        """<div class="entryicon">""";
        print $.subject_icon->as_string("");
        "</div>";
    }
}

function Entry::lay_print_metadata() {
    if (size $.metadata == 0 and size $.tags < 1) {return;}
    println """<ul class="entrymeta">""";
    if ($.metadata{"groups"} != "") {
        println """<li><span class="entrymetacaption">$*text_meta_groups:</span> $.metadata{"groups"}</li>""";
    }
    if ($.metadata{"location"} != "") {
        println """<li><span class="entrymetacaption">$*text_meta_location:</span> $.metadata{"location"}</li>""";
    }
    if ($.metadata{"mood"} != "") {
        print """<li><span class="entrymetacaption">$*text_meta_mood:</span> """;
        if (defined $.mood_icon) {
            print $.mood_icon->as_string() + " ";
        }
        println """$.metadata{"mood"}</li>""";
    }
    if ($.metadata{"music"} != "") {
        println """<li><span class="entrymetacaption">$*text_meta_music:</span> $.metadata{"music"}</li>""";
    }
    if ((size $.tags) > 0) {
        println """<li><span class="entrymetacaption">Tags:</span> """+$this->get_tags_text()+"""</li>""";
    }
    println """</ul>""";
}
function Comment::lay_print_metadata() {
    if ($.metadata{"poster_ip"} != "") {
        println """<ul class="entrymeta">""";
        println """<li><b>Poster IP Address:</b> $.metadata{"poster_ip"}</li>""";
        println """</ul>""";
    }
}

function CommentInfo::print_postlink() {
    var Page p = get_page();
    if ($.maxcomments) {
        print safe "$*text_max_comments";
    } else {
        if ($p.view == "entry") {
                $p->print_reply_link({"target" => "topcomment", "linktext" => $*text_post_comment});
        } else {
        print safe "<a href=\"$.post_url\">"+($p.view == "friends" ? $*text_post_comment_friends : $*text_post_comment)+"</a>";
       }
    }
}

function Entry::lay_print_cmdlinks() {
    if ($.comments.show_readlink or $.comments.show_postlink) {
        """<ul class="entrycmdlinks">""";
        if ($.comments.show_readlink) {
            "<li>"; $.comments->print_readlink(); "</li>";
        }
        if ($.comments.show_postlink) {
            "<li>"; $.comments->print_postlink(); "</li>";
        }
        println """</ul>""";
     ### $p->print_reply_container({"target" => "topcomment"});
    }
}

function Comment::lay_print_cmdlinks() {
    println """<ul class="entrycmdlinks">""";
    if ($.reply_url != "") {
        println """<li>""";
        
        ### $this->print_reply_link({"linktext" => $*text_comment_reply});

if($.screened == true) {
            ### if comment screened - show link for unscreen
            var Link link;
            $link = $this->get_link("unscreen_to_reply");
            """<a href="$link.url" title="$link.caption">$link.caption</a>""";
        } else {
            ### showing reply link if comment not screened
            $this->print_reply_link({ "linktext" => $*text_comment_reply });
        }

"""</li>""";
    }
    if ($.parent_url != "") {
        println """<li><a href="$.parent_url">$*text_comment_parent</a></li>""";
    }
    if ($.thread_url != "") {
        println """<li><a href="$.thread_url">$*text_comment_thread</a></li>""";
        var Link expand_link = $this->get_link("expand_comments");
        if (defined $expand_link) {
            println "<li>" + $this->expand_link() + "</li>";
        }
    }
    println """</ul>""";
    $this->print_reply_container({"class" => "quickreply"});
}

function Page::lay_print_entrylite(EntryLite e) {
if($e isa Comment){
    """<div class="entry" id="$e.dom_id">""";
}else{
    """<div class="entry">""";
}
"""<div class="entryheader">
<h3 class="entrysubject">""";
    if ($.view != "entry") { 
        var Entry en = $e as Entry;
        print $en->formatted_subject({"class"=>"subj-link"});
    } else { "$e.subject"; }

"</h3>";
    $e->lay_print_poster();
"""<div class="entrytimestamp">""";
if ($e.depth > 0) { # If $e is a comment
    """<span class="entrytimestampdate">"""+$e->time_display("short", "")+"</span>";
} else {
    """<span class="entrytimestampdate">"""+$e.time->date_format("short")+"""</span>
    <span class="entrytimestamptime">"""+$e.time->time_format()+"""</span>""";
}
"""</div>""";

$e->lay_print_icon();
"""<div class="entrylinkbarpre">"""; $e->print_linkbar(); """</div>
""";
    if (defined $e.userpic) {
        """<div class="entryuserpic">$e.userpic</div>""";
    }
"""</div>

<div class="entrycontent">""";
$e->print_text();
"""</div>

"""; $e->lay_print_metadata(); """
<div class="entrylinkbarpost">"""; $e->print_linkbar(); """</div>
"""; $e->lay_print_cmdlinks();

if($e isa Entry){
   $this->print_reply_container({"target" => "topcomment"});
}

"""

</div>
</div>""";
}
function Page::print_entry(Entry e) {
    $this->lay_print_entrylite($e);
}
function EntryPage::print_comment(Comment c) {
    if ($c.full) {
        $this->lay_print_entrylite($c);
    }
    else {
        var string subject = ($c.subject ? $c.subject : "<i>(no subject)</i>");
        """<div class="collapsed_entry" id="$c.dom_id"><a href="$c.permalink_url">$subject</a> - $c.poster""";
        var Link expand_link = $c->get_link("expand_comments");
        if ($c.thread_url != "" and defined $expand_link) {
            " " + $c->expand_link();
        }
        """</div>""";
    }
}

function Page::lay_print_viewspec_head() {}
function FriendsPage::lay_print_viewspec_head() {
    if (not $*opt_use_friendcolors) { return; }
    println """<style type="text/css">""";
    start_css();
    foreach var string f ($.friends) {
        println ".ljuser_$f { background: $.friends{$f}.bgcolor none; color: $.friends{$f}.fgcolor; padding: 0 0.25em;}";
    }
    end_css();
    println """</style>""";
}

function Page::print() {
   """<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
   """;
    $this->print_head();
    $this->print_stylesheets();
    $this->lay_print_viewspec_head();
    println safe """<title>"""+$this->title()+"""</title>""";
"""
</head>

<body class="page_$.view">
""";

$this->print_control_strip();

"""
<div id="shadowhack1">
<div id="shadowhack2">

<div id="title">
"""; $this->lay_print_heading(); """
</div>
""";

if (viewer_sees_hbox_top()) {
    """<div style="text-align: center; margin-top: 2px;">""";
    $this->print_hbox_top();
    "</div>";
}

"""
<div id="paraphernalia">
"""; $this->lay_print_paraphernalia(); """
</div>

<div id="main">
"""; $this->print_body(); """
</div>

"""; $this->lay_print_viewspec_after(); """

<div id="server_sig">"""; server_sig(); """</div>""";

if (viewer_sees_hbox_bottom()) {
    """<div style="text-align: center;">""";
    $this->print_hbox_bottom();
    "</div>";
}

"""</div>

</div>
</div>

</body>
</html>""";

}

## Some general page stuff

function Page::print_linklist() {
    if (size $.linklist <= 0) {
        return;
    }

var bool section_open = false;

println "<ul>";
    foreach var UserLink l ($.linklist) {
        if ($l.title) {
            if ($l.is_heading) {
                if ($section_open) {
                    println "</ul></li>";
                }
                println """<li><span style="font-weight: bold;">$l.title</span>\n<ul>""";
                $section_open = true;
            } else {
                println """<li><a href="$l.url">$l.title</a></li>""";
            }
        } else {
            println """<li> </li>""";
        }
    }
    if ($section_open) {
        println "</ul></li>";
    }
    println "</ul>";
}

## RecentPage Stuff
function lang_skipped_back(RecentNav nav) : string
"Return short text saying how many entries have been skipped back. i18n layers should override this."
{
    return "Skipped Back $nav.skip";
}

function lang_adjacent_skip(RecentNav nav, bool next) : string
"Return either 'Previous N' or 'Next N' depending on the value of the 'next' parameter"
{
    if ($next) {
        return "Next $nav.forward_count";
    }
    else {
        return "Previous $nav.backward_count";
    }
}

function RecentPage::lay_print_viewspec() {
    if ($.nav.backward_url != "" or $.nav.forward_url != "") {
        paraphernalia_box_open("recentnav",$*i18n_paraphernalia_recent_navigation);
        if ($.nav.skip > 0) {
            println "<p>"+lang_skipped_back($.nav)+"</p>";
        }
        println """<ul>""";
        if ($.nav.backward_url) {
            println """<li><a href="$.nav.backward_url">"""+lang_adjacent_skip($.nav,false)+"""</a></li>""";
        }
        if ($.nav.forward_url) {
            println """<li><a href="$.nav.forward_url">"""+lang_adjacent_skip($.nav,true)+"""</a></li>""";
        }
        println "</ul>";
        paraphernalia_box_close("recentnav",$*i18n_paraphernalia_recent_navigation);
    }
}

function RecentPage::print_body() {
    foreach var Entry e ($.entries) {
        if ($e.new_day) {
            """<div class="day" id="day"""+$e.time->date_format("%%yyyy%%%%mm%%%%dd%%")+"\">\n";
            println "<h2>"+$e.time->date_format("long")+"</h2>";
        }
        # Print the entry
        $this->print_entry($e);
        if ($e->viewer_sees_ebox()) {
            """<div style="text-align:center">""";
            $e->print_ebox();
            "</div>";
        }
        if ($e.end_day) {
            "</div>";
        }
    }
}

## YearPage Stuff
function YearPage::lay_print_viewspec() {
    paraphernalia_box_open("yearnav",$*i18n_paraphernalia_year_navigation);
    $this->print_year_links();
    paraphernalia_box_close("yearnav",$*i18n_paraphernalia_year_navigation);
}
function YearPage::print_body {
    println """<div id="calendarmonthcontainer">""";
    foreach var YearMonth m ($.months) {
        $this->print_month($m);
    }
    println "</div>";
}
function YearPage::print_year_links() {
    """<ul class="viewspecnavbar">\n""";
    foreach var YearYear y ($.years) {
        if ($y.displayed) {
            """<li class="current">$y.year</li>\n""";
        } else {
            """<li><a href="$y.url">$y.year</a></li>\n""";
        }
    }
    """</ul>\n""";
}
function YearPage::print_month(YearMonth m) {
    if (not $m.has_entries) { return; }
    """<table class="calendarmonth">\n
       <tr><th colspan="7" class="calendarmonthheader">""";
    print "<h2>"+$m->month_format()+"</h2>\n";
    """</th></tr><tr>\n""";
    foreach var int d (weekdays()) {
        "<th>"+$*lang_dayname_short[$d]+"</th>\n";
    }
    "</tr>\n";
    foreach var YearWeek w ($m.weeks) {
        $w->print();
    }
    print safe """<tr><td colspan="7" class="calendarmonthlink">
        <a href="$m.url">$*text_view_month</a></td></tr>\n""";
    "</table>";
}
function YearWeek::print() {
   """<tr valign="top" style="height: 3em;">\n""";
   if ($.pre_empty > 0) {
      """<td class="emptyday" colspan="$.pre_empty"> </td>\n""";
   }
   foreach var YearDay d ($.days) {
       """<td class="calendarday">\n""";
       """<div class="calendardaynum">$d.day</div>\n""";
       if ($d.num_entries > 0) {
           """<div class="calendardaycount"><a href="$d.url">$d.num_entries</a></div>\n""";
       }
       """</td>\n""";
   }
   if ($.post_empty > 0) {
      """<td colspan="$.post_empty"> </td>\n""";
   }
   "</tr>";
}

# EntryPage and ReplyPage stuff
function EntryPage::lay_print_pager() {
    if ($.comment_pages.all_subitems_displayed) { return; }
    print "<ul class=\"itemrange\">";
    foreach var int i (1 .. $.comment_pages.total) {
        if ($i == $.comment_pages.current) {
            print "<li class=\"current\">$i</li>";
        }
        else {
            print "<li><a href=\""+$.comment_pages->url_of($i)+"\">$i</a></li>";
        }
    }
    print "</ul>";
}
function EntryPage::print_body() {
    $this->lay_print_entrylite($.entry);
    if ($.entry->viewer_sees_ebox()) {
        """<div style="text-align:center">""";
        $.entry->print_ebox();
        "</div>";
    }
    $this->lay_print_pager();
    $this->print_comments($.comments);
    $this->lay_print_pager();
}
function ReplyPage::print_body() {
    $this->lay_print_entrylite($.replyto);
    if ($.entry->viewer_sees_ebox()) {
        """<div style="text-align:center">""";
        $.entry->print_ebox();
        "</div>";
    }
    """<div id="commentform">""";
    $.form->print();
    """</div>""";
}

function EntryPage::print_comments (Comment[] cs) {
    if (size $cs == 0) { return; }
    """<ul class="comments">\n""";
    foreach var Comment c ($cs) {
        var int indent = ($c.depth - 1) * 25;
        print "<li>";
        $this->print_comment($c);
        $this->print_comments($c.replies);
        println "</li>";
    }
    """</ul>""";
}

# DayPage stuff

function DayPage::lay_print_viewspec() {
    paraphernalia_box_open("daynav",$*i18n_paraphernalia_day_navigation);
    println """<ul>""";
    if ($.prev_url) {
        println """<li><a href="$.prev_url">"""+$.prev_date->date_format()+"""</a></li>""";
    }
    if ($.next_url) {
        println """<li><a href="$.next_url">"""+$.next_date->date_format()+"""</a></li>""";
    }
    println "</ul>";
    paraphernalia_box_close("daynav",$*i18n_paraphernalia_day_navigation);
}
function DayPage::print_body() {
    "<div class=\"day\" id=\""+$.date->date_format("%%yyyy%%%%mm%%%%dd%%")+"\">\n<h2>";
    print $.date->date_format("long");
    "</h2>\n";
    if ($.has_entries) {

foreach var Entry e ($.entries) {
            $this->print_entry($e);
            if ($e->viewer_sees_ebox()) {
                """<div style="margin-bottom: 10px; text-align: center;">""";
                $e->print_ebox();
                "</div>";
            }
        }

"</div>";
    } else {
        """<div class="entry"><div class="entryheader"> </div>\n""";
        """<div class="entrycontent"><p>$*text_noentries_day</p></div>\n""";
        """<div class="entryfooter"> </div></div></div>\n""";
    }
    
}

# Heading styles
    var string{} style = $*title_styles{$*title_style};
    var string type = $style{"type"};
    var string url = $style{"url"};
    var string heading_bg = "";
    var string heading = "";
    if ($type == "deardiary") {
        $heading_bg = palimg_tint("deardiary/titleimages/${*title_style}.png", $*clr_title_bg, $*clr_title_pattern);
        $heading = "color: $*clr_title_fg; background-color: $*clr_title_bg; background-image: url($heading_bg); background-repeat: no-repeat; background-position: top right; height: 75px;";
    }
    elseif ($type == "tilex" or $type == "tiley" or $type == "tile" or $type == "notile") {
        var string bg_repeat = "";
        if ($type == "tilex") {
            $bg_repeat = "background-repeat: repeat-x;";
        } elseif ($type == "tiley") {
            $bg_repeat = "background-repeat: repeat-y;";
        } elseif ($type == "tile") {
            $bg_repeat = "background-repeat: repeat;";
        } elseif ($type == "notile") {
            $bg_repeat = "background-repeat: no-repeat;";
        }

$url = ($url == "" ? "lickable/${*title_style}.png" : $url);
        $heading_bg = palimg_tint($url, $*clr_title_pattern, $*clr_title_bg);
        $heading = "color: $*clr_title_fg; background-color: $*clr_title_bg; background-image: url($heading_bg); $bg_repeat";
    }

"""
    <div style="margin-top: 0; margin-bottom: 0; width: ${shackwid}px; background-image: url($shadow_left); background-position: top left; background-repeat: repeat-y;">
        <div style="margin: 0; background-image: url($shadow_right); background-position: top right; background-repeat: repeat-y;">
            <div style="background-color: $*clr_page_bg; color: $*clr_page_fg; margin-left: ${shadowwid}px; margin-right: ${shadowwid}px; $side_borders">
                <div style='color: $*clr_title_fg; background-color: $*clr_title_bg; $title_separator font-family: $*font_title; overflow: hidden; $heading'>
                    <h1 style="color: $*clr_title_fg; font-size: $pagetitle_size; font-weight: bold; margin: 0; padding-top: 20px; padding-left: 8px; white-space: no-wrap;">Nunc tincidunt sollicitudin orci</h1>
                </div>

<div style="margin: 0; padding: 0 10px 0 0;">
                    <h2 style='color: $*clr_page_fg; font-size: $dayhead_size; font-weight: bold; font-family: $*font_headings; margin: 10px;'>November 25th, 2006</h2>
                    <div style="margin: 16px 16px 16px 10px;">
                        <div style="font-size: $entryhead_size; font-weight: bold; text-align: left;">
                            <h3 style="color: $*clr_page_fg; font-style: normal; font-size: 1em; margin: 0; padding: 0;">Lorem ipsum dolor sit amet</h3>
                            <div style="display: inline;">04:58 pm</div>
                        </div>

<div style="font-size: $body_size; margin: 8px;">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc tincidunt sollicitudin orci. Vivamus sollicitudin arcu non mi lobortis lacinia. Sed quis orci. Vestibulum in risus sit amet lectus gravida pellentesque. Curabitur faucibus risus eu pede hendrerit eleifend. Nunc vitae odio. Praesent turpis velit, venenatis vitae, accumsan quis, aliquam scelerisque, diam. Nulla fringilla dapibus nulla. Sed in sapien sit amet odio eleifend venenatis. Nunc neque ipsum, convallis id, volutpat eget, bibendum placerat, magna. Integer commodo, nunc eu faucibus tincidunt, est lectus sodales purus, pulvinar pretium purus diam sollicitudin justo. Nulla facilisi. Vivamus eleifend. Fusce sodales dui sit amet dolor.</div>

<div style="margin: 0;">
                            <div style="font-size: $body_size; list-style: none; vertical-align: middle; margin: 0; padding: 0em; white-space: no-wrap; text-align: right;">
                                (<a style="color: $*clr_link_normal;" href="#">3 comments</a> - <a style="color: $*clr_link_normal;" href="#">Leave a comment</a>)
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    """;
}

Child layer coding:

## Important note: Hand-edited changes to this layer have a high risk of 
## being erased the next time you use the wizard. Setting properties is 
## usually safe, but if you put entire functions, they *will* be overwritten.

layerinfo "type" = "user";
layerinfo "name" = "Auto-generated Customizations";
set clr_link_normal = "#000044";
set clr_link_visited = "#000044";
set clr_margins = "#000000";
set clr_page_bg = "#bbbbbb";
set clr_title_bg = "#ffffff";
set content_width = 800;
set font_size_keyword = "small";
set include_default_stylesheet = true;
set linklist_support = false;
set opt_hide_userpics = false;
set opt_show_user_linkele = false;
set shadow_img_left = "";
set shadow_img_right = "";
set side_borders = false;
set text_post_comment = "give it away";
set text_post_comment_friends = "give it away";
set text_read_comments = "1 liar// # liars";
set text_read_comments_friends = "1 liar// # liars";
set text_view_archive = "my wretched pride";
set text_view_friends = "or in the quarries";
set text_view_recent = "papers & books";
set text_view_userinfo = "and run";
set title_notext = true;
set title_separator = false;
set title_style = "__custom";
set title_style_custom_height = 300;
set title_style_custom_url = "http://img836.imageshack.us/img836/4072/00019zdc.png";

Tags:

runpunkrun

Hi folks, I'm using Modish set to two columns, but what I'd like to do is move one of my modules up to the top and have it display horizontally, which isn't an option in the wizard as far as I can see.

So my question is: Is it possible to make the navlink module horizontal? I want it directly under my header as a line of links, not the vertical stack in the sidebar it is now.

Any help is appreciated!

Tags:

jurisimmortalis

Yep, I'm another refugee from Livejournal. And, while I figured out 99% of the tweaks to import Smooth Sailing into DW, I cannot for the life of me figure out how to make user & community names show up on my friends' list.

My CSS:

/* S2 SMOOTH SAILING --- Carbon --- 
Wingweaver22 @ Fruitstyle.livejournal.com 
Do not remove this note. */

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

body {
font-family: tahoma;
font-size: 10px;
margin: 0;
padding: 0;
background-color: #1a1a1a;
}

a, a:visited{
color: #888888; 
padding: 0px;
background-color: transparent;
border: 0;
text-decoration: none;
}

a:hover { 
color: #444444;
}

blockquote{
background-color: #252525;
color: #686868;
align: center;
font-size: 12px;
width: 575px;
margin: 7px;
margin-left: 100px;
padding: 7px;
font-style: none;
border-top: 1px solid #686868;
border-bottom: 1px solid #686868;
}

input, textarea, select {
background-color: #1a1a1a;
font-family: tahoma;
font-size: 12px;
color: #585858;
border: 1px solid #272727;
margin-top: 5px;
}

/* Layout (page) container */

.pageblock{
width: 940px;
margin: 0 auto;
padding: 0 10px 0 10px;
border-right: 1px solid #272727;
border-left: 1px solid #272727;
background-color: #1a1a1a;
margin-left: 75px;
}

.pagefooterblock { display: none; }

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

.pageheaderblock {}

/* title, subtitle, journal icon*/

.header-subtitle, .header-icon, .header-title{
display: none;
}

/* ------------------------------ LINKBAR ------------------------------ */

.header-menu {
position: relative;
width: 1064px;
font-family: tahoma;
font-size: 12px;
text-transform: lowercase;
text-align: center;
padding-top: 15px;
}

/* LINKBAR LINK */

.header-menu a, .header-menu a:visited { 
padding: 0 5px 2px 5px; 
color: #888888;
word-spacing: -1px;
}

.header-menu a:hover {
color: #444444;
border-bottom: 1px solid #272727;
cursor: help;
}

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

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

/* Body, contains entries sidebar, and footer */

.bodyblock {
margin-top: 20px;
}

/* body title */

.bodyheaderblock { 
background-color: transparent;
color: #888888;
font-family: tahoma;	 
font-size: 16px;
padding: 5px 0px -120px 4px;
letter-spacing: 1px;
text-transform: lowercase;
text-align: right;
	 }

/* body linkbar (top of page, back 20) */

.bodynavblock {
background-color: transparent;
margin-top: 5px;
text-align: left;
}

.bodynavblock a, .bodynavblock a:visited {
color: #585858;
background-color: transparent;
border: none;
text-align: left;
}

/* contains body title */

.body-title {
padding: 5px 0px -120px 4px;
}

.body-midtitle {
display: none
	 }

/* seperates entries from comments - only on comments page */

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

/* contains all entries */

.entryHolder {
padding: 0px;
color: #585858;
background-color: transparent;
text-align: justify;
font-family: tahoma;
font-size: 12px;
}

.entry-content img { max-width: 500px; }

/* welcome note!! */

#welcomenoteText {
padding-bottom: 15px;
margin: 0px;
background-color: transparent;
text-align: justify;
letter-spacing: 0px;
word-spacing: 4px;
}

/* contains userpic and username/community */

.entryUserinfo {
font-family: tahoma;
font-size: 12px;
font-weight: lighter;
margin-top: 100px;
padding: 10px;
background-color: transparent;
}

/* userpic */

.entryUserinfo-usericon img { 
padding: 5px; 
border: 1px solid #272727;
background-color: #1d1d1d;
height: 100px;
width: 100px;
float: right;
margin-top: -110px;
}

/* all entry's text */

.entryText {
text-align: justify;
word-spacing: 2px;
margin-bottom: 100px;
}

/* contains subject and time */

.entryHeader {
background-color: transparent;
color: #888888;
font-family: tahoma;	 
border-bottom: 1px #272727 solid; 
font-size: 12px;
padding: 0px 0px 2px 4px;
margin-bottom: 5px;
letter-spacing: 1px;
font-weight: lighter;
text-transform: lowercase;
}

/* below vv are actually found on the calendar page */

.entryHeader a{
color: #585858; 
background-color: #272727;
padding: 2px 8px 2px 8px;
}

.entryHeader a:hover{
color: #444444;
background-color: #272727;
padding: 2px 8px 2px 8px;
}

/* entry subject */

.entryHeaderSubject {
font-weight: none;
font-size: 12px;
text-transform: lowercase;
padding-left: 4px;
letter-spacing: 2px;
color: #888888;
}

/* entry date */

.entryHeaderDate{
color: #444444;
border: none;
letter-spacing: 1px;
padding: 0;
text-decoration : none;
}

/* entry link bar (comment, reply, link, remember) */

.entryLinkbar {
text-transform: lowercase;
text-align: center;
font-size: 12px;
font-family: tahoma;
letter-spacing: 0px;
padding: 00px 0px 0px 0px;
margin-top: 0px;
}

.entryLinkbar a, .entryLinkbar a:visited { padding-right: 3px; }
.entryLinkbar a:hover { color: #444444; background-color: transparent; padding-bottom: 1px; }
.entryLinkbar ul { margin: 0; padding: 10px; }
.entryLinkbar li { padding: 0 4px 0 0; display: inline;}

/* ------------------------------ META ------------------------------ */

.entryMetadata { margin-top: 30px; margin-left: 10px; margin-bottom: 0px;}
.entryMetadata img { padding: 5px; float: left;}
.entryMetadata ul { margin: 0; padding: 1px; }
.entryMetadata li { list-style: none; display: block; padding: 2px 0 0 0;}
.entryMetadata a { padding: 0 4px 0 4px; }

/* metadata subject (mood: , location: ) */

.entryMetadata-label {
padding: 10px;
color: #585858;
font-style: italic;
text-transform: lowercase;
}

/* ------------------------------ FOOTER ------------------------------ */

#footer-menu {
text-transform: lowercase;
text-align: left;
font-family: tahoma;
font-size: 12px;
margin-bottom: 10px;
}

#footer-menu a, .footer-menu a:visited {
padding: 1px 10px 1px 10px;
color: #888888;
white-space: nowrap;
}

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

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

/* sidebar container */

.sidebar {
position: absolute;
width: 175px;
top: 10%;
margin-left: 20px;
color: #585858;
}

.sidebox{
margin: 0 0 10px 0;
display: block;
}

/* sidebar title (note 1, latest month, search) */

.sideboxTitle {
text-transform: lowercase;
font-size: 12px;
letter-spacing: 1px;
border-bottom: 1px #272727 solid;
color: #444444;   
padding: 0 0 2px 0; 
margin-bottom: 5px;
text-align: left;
}

/* content of all sidebar boxes */

.sideboxContent {
text-align: left;
padding: 3px;
}

/* in the freetext boxes */

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

/* in the profile, latest month, search boxes */

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

/* latest month box (inactive date and active date [link]) */

.latestmonth-inactive { padding: 0px; margin: 1px; }
.latestmonth-active { padding: 0px; margin: 0px; }

/* in the tags box */

#tags_sidebox a { display: block; font-size: 9px; }
#tags_sidebox {
font-size: 0;
text-align: left;
height: 600px;
overflow: auto;
overflow-x: hidden;
overflow-y: auto;
}

/* label of profile box */

.profile-label { display: none; }

/* ------------------------------ COMMENT PAGE ------------------------------ */

/* comments holder */

.commentHolder { color: #585858; background-color: #272727; font-family: tahoma; font-size: 12px; margin: 4px 8px 4px 8px; }

/* comment userpics */

.commentUserinfo { text-align: left;  margin: 8px 8px 8px 8px; background-color: #272727; }

/* commenter's userpic */

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

/* text of comment */

.commentText { padding: 6px; }

/* comment's header ( contains date, subject) */

.commentHeader { text-transform: lowercase; background-color: #272727; color: #585858; 
font-family: tahoma; font-size: 12px; padding: 4px 0 4px 0; }
.commentHeader a{ color: #585858; }

/* for screen comments */

.commentHeaderScreened { font-family: tahoma; font-size: 12px; background-color: #444444; padding: 4px 0 4px 0; }

/* comment's subject (re: roflcakes) */

.commentHeaderSubject { font-weight: normal; font-family: tahoma; font-size: 12px; }

/* linkbar of comments (reply, delete, screen) */

.commentLinkbar { border-top: none; font-family: tahoma; font-size: 12px; color: #585858;
text-transform: lowercase; padding-bottom: 10px; text-align: left; }
.commentLinkbar a { color: #585858; font-family: tahoma; font-size: 12px; }

.commentLinkbar a:hover { font-family: tahoma; font-size: 12px; color: transparent; }
.commentLinkbar ul { margin: 0; padding: 0; color: #585858; }
.commentLinkbar li { padding: 0px 5px 0px 5px; color: #585858; margin: 0; display: inline; }

/* container of reply box */

.replyform { border: 0px; background-color: #272727; color: #585858; }

/* reply text container */

#commenttext{ width: 100%; }

/* ------------------------------ ARCHIVE PAGE ------------------------------ */

.yearlinks { text-align: left; }
.yearlink{ padding-left:4px; padding-right: 4px; }

/* calendar container (dates, boxes) */

.month { width: 400px; padding-bottom: 5px; margin: 4px 4px 4px 10px; }

/* subject lines (when viewing a month) not individual lines */

.daysubjects { color: #585858; letter-spacing: 1px; padding: 6px 0 6px 0; }

/* days of the week (sun, mon, tue) */

.daytitles { text-align: ; background: #272727; padding: 2px; color: #585858; }

/* blank days */

.day-blank { padding: 2px; }

/* day */

.day { padding: 2px; }

/* NUMBERED DATE */

.day-date { color: #585858; text-align: left; }

/* NUMBER OF ENTRIES MADE ON DAY */

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

/* ------------------------------ TAGS PAGE ------------------------------ */

/* tags container */

.tagstable td { padding-top: 5px 0px 5px 0px; }
.tagstable { text-transform: lowercase; letter-spacing: 1px; width: 400px; }

/* ------------------------------ EXTRAS ------------------------------ */

::-moz-selection { background: #272727; color: #585858; }
::selection { background: #272727; color: #585858; }
code::-moz-selection { background: #272727; color: #585858;}
code::selection { background: #272727; color: #585858;}

/*------ Look of contextual Popup ------*/

/* general positioning */
div.ContextualPopup {
margin: 10px 0 0 0px;
font: normal 9px "tahoma" !important;
}
/* userpic */
div.ContextualPopup img {
border-left: 1px solid #272727;
border-right: 1px solid #272727;
padding: 0 5px 0 5px;
margin: 0 1px 0 5px !important;
}
/* defines general look, font color/size/background color*/
div.ContextualPopup div.Inner {
background-color: #1a1a1a !important;
color: #585858 !important;
border: 1px solid #272727;
padding: 0px;
width: 220px;
text-align: right;
}
/* defines left side of popup without the user icon*/
div.ContextualPopup .Content {
padding: 2px 4px 6px 4px;
}
/* defines the text that shows the relation to the user (XYZ is your mutual friend) */
div.ContextualPopup .Relation {
font-weight: normal !important;
letter-spacing: 2px;
}
/* look of words LJ Talk */
div.ContextualPopup .Content .OnlineStatus {
font-weight: normal;
}
/* element that contains the user icon */
div.ContextualPopup .Userpic {
padding: 4px 4px 0 0;
}
/* defines the look of the links */
div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited {
text-decoration: none !important;
font-weight: normal;
color: #888888 !important;
}

#lj_controlstrip {
top: 0;
left: 0;
width: 100%;
border-bottom: 1px solid #272727;
height: 50px;
position: absolute;
background-color: #1a1a1a !important;
}

#lj_controlstrip table { margin: 0; padding: 0; width: auto; background-color: #1a1a1a !important;}

#lj_controlstrip td {
background-color: #1a1a1a !important;
font-family: tahoma;
color: #585858;
}

#lj_controlstrip a {
color: #888888 !important;
font-family: tahoma;
font-size: 12px;
text-transform: lowercase;
font-variant: normal;
}

#lj_controlstrip a:hover {
color: #444444 !important;
cursor: help; 
border: 0;
text-decoration: none;
}

#lj_controlstrip img {
background-repeat: no-repeat;
}

#lj_controlstrip a img {
padding: 0; margin: 0; border: 0;
}

#lj_controlstrip form {
padding: 0; margin: 0; border: 0;
}
     
#lj_controlstrip input {
font-family: tahoma;
font-size: 12px;
color: #585858;
background-color: transparent;
border: 0;
padding: 0; margin: 0;
text-transform: lowercase;
}

#lj_controlstrip select, #lj_controlstrip input#xc_user, #lj_controlstrip input#xc_password, #lj_controlstrip input#xc_remember {
font-family: tahoma;
font-size: 12px;
background-color: #1a1a1a;
padding: 0; margin: 0;
border: 1px solid #272727;
}

#lj_controlstrip_userpic {
vertical-align: top;
width: 50px;
height: 50px;
}

#lj_controlstrip_userpic img{
vertical-align: top;
width: 50px;
height: 50px;
}

#lj_controlstrip_user {
text-align: left;
vertical-align: middle;
padding: 0 10px 0 10px;
white-space: nowrap;
}

#lj_controlstrip_actionlinks {
text-align: left;
vertical-align: middle;
padding: 0 1em 0 1em;
white-space: nowrap;
}

#lj_controlstrip_statustext {
font-size: 12px;
color: #585858 !important;
font-weight: normal;
letter-spacing: 2px;
}

#lj_controlstrip_login {
vertical-align: middle;
padding-left: 10px;
white-space: nowrap;
}

#lj_controlstrip_loggedout_userpic {
}

#lj_controlstrip_user, #lj_controlstrip_login, #lj_controlstrip_loggedout_userpic, #lj_controlstrip_actionlinks {
border: 0;
}

#lj_controlstrip_search {
border: 0;
}

#lj_controlstrip_loggedout_userpic {
background-image: url(/img/controlstrip/ljlogo-dark-loggedout.gif);
background-repeat: no-repeat;
background-position: top left;
}

#lj_controlstrip_cprod {
position: absolute;
top: 5px;
right: 10px;
text-align: right;
}

#lj_controlstrip_cprod a {
padding: 0 1px 0 1px;
}

#lj_controlstrip_search {
padding-left: 1em;
vertical-align: middle;
text-align: left;
}

.lj_controlstrip_search_sup {
padding-left: 0;
width: 35%;
text-align: center;
}

#lj_controlstrip_search_input_text {
background: #1a1a1a !important;
position: relative;
z-index: 100;
}

.lj_controlstrip_search_input_text_sup {
width: 100% !important;
}

#lj_controlstrip_search_submit {
position: relative;
z-index: 100;
}

.pageheaderblock {background: url(http://pics.livejournal.com/jurisimmortalis/pic/002ps81s) no-repeat bottom center; padding-bottom: 470px; }.header-menu {margin-bottom: 10px;}

/* .sidebar {margin-left: -150px;} */

Original CSS

Tags:

lolmac

God, I hope this works.

I have been trying to reply to individual comments, and apologise individually, and I have not been able to get a reply to post, so, although I know I should apologise to each of you individually, I am going to have to place this in the post itself.

I'm sorry. I can say that I'm very tired and stressed, which I am, but the truth is -- I was rude and out of line, and I put my foot in it. I'm sorry.

Hi there. *waves* I've just been through the available DW layouts, and I hate them all, except for some that I merely don't like. Way too much empty space (eek, it looks like the new LJ comments pages!), colours that bother my eyes, strange all-cappiness, etc. Unfortunately, although I have mad skillz in some areas, I don't know how to do custom styles or css, and I have a bit too much on my plate to attempt to learn it right now.

Instead, I'm going to be terribly shabby and shallow and try to bribe someone to help me.

On LJ, I used the following layouts:

Bluetiful, a Components theme, on

lolmac
~~Desert Fire, a Minimalism theme, on~~

bethinexile
~~Writer's Block Powder, an Expressive theme, on~~

macgyverdeleted
~~"rdadailylayout", a customised version of Smooth Sailing, on~~

rda_daily

I will give a year's Paid account DW points to anyone who can do a reasonable replica of these layouts (a year's time for each layout). If you're able to make the layout available to DW generally, I'll be especially happy, because that will hopefully gladden the hearts of more refugees.

Tags:

layout:importing or imported from

nkfloofiepoof

I joined about three days ago and am just now taking the time to poke around DW to get familiar with it. I'm trying to import my Flexible Squares layout over from LJ following parapsychic's guide, and I alllllmost got it save for one thing: names aren't showing up under people's icons, so I have absolutely no idea whose post is whose (I can't remember everyone's icons, and some people use very similar icons, so trying to figure out who's who based on icon isn't an option). On LJ, it has their names directly below their icon, and if they posted in a community, the community (and a link to it) is available directly below their name in brackets.

Also, the subjects aren't turning into links to individual entries.

I could do without the latter if necessary, but being able to see people's names and communities is vital. Any ideas on how to fix this?

Thank you,

skieswideopen!

While I'm here, does anyone know if it's possible to import the LJ layout Magic Paper?

Thank you in advance~

Current Mood: confused

Tags:

jadehunter

Hi,

I've recently imported the Flexible Squares style from LJ with some help from some truly amazing tutorials, but I've found myself with an issue that I can't seem to find an answer for on my own.

Basically, this is how a typical post looks to me on LJ. There are three links on the left bottom corner of the post, one to edit the post, one to edit tags, and one to add to memories.

And this is the same post on DW. There are no links here at the bottom left corner.

Can anyone tell me how I can get the 'edit post', 'edit tags', and 'add to memories' links to show up on my DW posts like they do on LJ posts?

Thank you.

ETA: SOLVED

Tags:

scarletseraph

[ETA]: Solved!

Hullo!

I'm not so much an LJ refugee as that I keep an outpost on DW just in case. My layout over there has a lot of personal customzations - it's not one of the public themes; it's something I did the graphics and colours for myself, and not being able to reproduce it has been one of the things that's kept me from wanting to be as active on DW as I am LJ.

Well, I only just tonight found out that there's a tutorial on importing LJ styles (this one here, using the instructions for a Mixit import). While I have the layers created and compiled okay, I have run into one minor(?) problem... On LJ, I'm using Expressive as my base, which I'd gotten the impression was more-or-less the same as Mixit so I thought it might work alright. Apparantly there are more differences than I realized, because while the basics of the layout are there, there are features that have shifted around - the links specific to each entry are now in vertical colums rather than horizontal lines, as are my header links, and my sidebar is appearing at the bottom of the page (after my entires). (That's probably an obvious enough explanation, but in case it's not, this is how it looks on DW, and this it how it looks on LJ).

I don't generally mind trying to tweak things when I know what it is what I actually need to tweak, but I don't have the kind of mind that'll let me paw through code and find the problem. I'm assuming it's either an issue in the CSS somewhere (though I could be wrong) or there's an adjustment I could make to the CSS to compensate for the base code, but it's all just too much like an algebra problem for me and my dyscalculia to figure out. :/ Does anyone have suggestions for what I might be able to do to fix it, or know of a fix that's already in use - preferably one that doesn't involve having to switch to Mixit on LJ, trying to recreate the layout there, and copying it back to here? (Or is there a local style that might be suited to rigging a similar look on DW? I did glance through the themes here, but didn't see anything that seemed to be a good fit. I'm not averse to some changes, but I'd like to keep my header graphic/page background and colours/etc - and a lot of the local styles also have entry boxes that get squashed due to my monitor's resolution being on the lower end.)

[ETA]: Getting the links onto their lines seems to be more-or-less handled, now, so I'm left with:

- The sidebar not positioning properly
- Entry tags vertical-columning (though I suspect I may know how to fix this eventually, if I play around with things enough - now that i see how the link lines were fixed)

Tags:

unicorn

Hey, I don't know anything about CSS and I was hoping for help with a (minor, I hope) tweak that has to do with the entry management links on the reading page of another journal I manage.

On this page, I want this to look like this, pretty much, with the ► linking to the top level comments only view. (I might change my mind on which symbol to use but I figure ctrl+f ► and replace all instances are within my limited scope.) If that link could mimic the current behavior of the #comment(s) link, where it doesn't appear unless there are comments present on the entry, it would be great — but that's not necessary at all.

I'm working on the Plain style, 2 column sidebar on left, with a variation of this layout that someone else customized. I've looked around some but if this information/a tutorial on how to do it exists, I don't know where to find it. Thank you in advance!

Tags:

Profile

Dreamwidth style system discussion

July 2025

S	M	T	W	T	F	S
		1	2	3	4	5
6	7	8	9	10	11	12
13	14	15	16	17	18	19
20	21	22	23	24	25	26
27	28	29	30	31

Page Summary

Style Credit

Style: Radiant Aqua for Venture by onlyembers

Expand Cut Tags

No cut tags

Page generated Jul. 18th, 2025 05:35 am

Dreamwidth style system discussion

Dec. 23rd, 2011

Dec. 23rd, 2011

Hiding Memories/Tags links using a Quite Lickable layer style. [solved]

horizontal navlinks in Modish? [solved]

Smooth Sailing on Dreamwidth

another LJ refugee seeking better layouts

Importing bump in the road

Missing links?

Reproducing layout / Links & sidebar in wrong place?

entry management links question

Profile

July 2025

Links

Most Popular Tags

Page Summary

Style Credit

Expand Cut Tags