layerinfo type = "layout";
layerinfo name = "Paper Me";
layerinfo redist_uniq = "paperme/layout";
layerinfo author_name = "cimorene";
layerinfo lang = "en";

set layout_authors = [ { "name" => "cimorene", "type" => "user" } ];
set layout_type = "two-columns-right";

##===============================
## Presentation
##===============================

set entry_management_links = "text";
set entry_metadata_position = "top";
set margins_size ="5";
set margins_unit = "%";

##===============================
## Text
##===============================

set all_commentsubjects = true;
set comment_management_links = "text";
set entry_management_links = "text";
set text_entry_prev = "Previous";
set text_entry_next = "Next";
set text_mem_add = "Memory";
set text_tell_friend = "Share";
set text_watch_comments = "Track";
set text_unwatch_comments = "Untrack";

##==============================
## Default Font Settings
##==============================

set font_base = "Verdana";
set font_fallback = "sans-serif";

set font_journal_title = "'Century Gothic', 'Lucida Grande', 'Lucida Sans Unicode'";
set font_entry_title = "'Century Gothic', 'Lucida Grande', 'Lucida Sans Unicode'";
set font_module_heading = "'Century Gothic', 'Lucida Grande', 'Lucida Sans Unicode'";


set font_journal_title_size = "4";
set font_journal_title_units = "em";

set font_journal_subtitle_size = "1";
set font_journal_subtitle_units = "em";

set font_entry_title_size = "1.2";
set font_entry_title_units = "em";


set font_module_heading_size = "1.2";
set font_module_heading_units = "em";

set font_module_text_size = "1";
set font_module_text_units = "em";



propgroup colors_child {
    property Color color_page_subtitle { des = "Page header subtitle color"; }
}

##===============================
## Stylesheet
##===============================


function print_stylesheet () {
var string medium_media_query = generate_medium_media_query();

var string page_font = generate_font_css($*font_base, $*font_fallback, $*font_base_size, $*font_base_units);
var string page_title_font = generate_font_css($*font_journal_title, $*font_fallback, $*font_journal_title_size, $*font_journal_title_units);
var string page_subtitle_font = generate_font_css($*font_journal_subtitle, $*font_fallback, $*font_journal_subtitle_size, $*font_journal_subtitle_units);
var string module_text_font = generate_font_css($*font_module_text, $*font_fallback, $*font_module_text_size, $*font_module_text_units);
var string module_heading_font = generate_font_css($*font_module_heading, $*font_fallback, $*font_module_heading_size, $*font_module_heading_units);
var string entry_title_font = generate_font_css($*font_entry_title, $*font_fallback, $*font_entry_title_size, $*font_entry_title_units);

var string entry_background = generate_background_css ($*image_background_entry_url, $*image_background_entry_repeat, $*image_background_entry_position, $*color_entry_background);
    var string module_background = generate_background_css ($*image_background_module_url, $*image_background_module_repeat, $*image_background_module_position, $*color_module_background);
    var string entry_colors = generate_color_css($*color_entry_text, $*color_entry_background, $*color_entry_border);

var string userpic_css = "";
    if ($*userpics_position == "right") {
        $userpic_css = ".entry .userpic,
        .comment .userpic {float:right; }
        .entry .userpic img,
        .comment .userpic img { right: 0; }

        .has-userpic .entry .header,
        .has-userpic .comment .header { margin-right: 110px; }";
    }
    else {
        $userpic_css = ".entry .userpic,
        .comment .userpic {float: left;
            margin-left: 0 !important; }
        .entry .userpic img,
        .comment .userpic img { left: 0; }

        .has-userpic .entry .header,
        .has-userpic .comment .header { margin-left: 110px; }";
    }

"""/* ----------- Paper Me for Dreamwidth Style System 2 Core 2, by cimorene.dreamwidth.org ------------- */

 #primary { $entry_background $entry_colors }

 #secondary, #tertiary { $module_background }

/* --------------------- Page header, entry titles, sidebar nav, & sidebar headers -------------------- */

/* Header position */
#header {
   padding-left:5%;
   margin-top: 2em;
   margin-bottom: 0px;
   }

/* Journal title */
#title {
   text-decoration: none;
   text-align: left;
   font-weight:normal;
   margin-bottom: 0px;
   }

/* Journal subtitle */
#subtitle,  #pagetitle {
   $page_subtitle_font
   font-weight:bold;
   color: $*color_page_subtitle;
   text-align: left;
   margin-left: 1em;
   margin-top: 0px;
   }

/* ------------------------------------------- Page Layout ------------------------------------------ */

body {
    $page_font
    margin: 0;
    padding: 0;
    border-top: none;
    }

a {
    text-decoration: none;
    font-weight: bold;
    }

a:visited, a:active { text-decoration: none;}

a:hover { text-decoration: underline; }

img, img a {
    border: 0!important;
    }

.tag ul, .tag ul li { display:inline; }

.page-top, .page-top a {
    text-align: center;
    color: $*color_page_title;
    font-family: $*font_journal_title, $*font_fallback;
    background: $*color_header_background; }

/*------------------------------------------ Sidebar --------------------------------------------*/

.any-column #tertiary .module, .any-column #secondary .module {
    float:none;
    display:inline-block;
    width: $*sidebar_width;
    vertical-align: top;
    background: none;
}
@media $medium_media_query {
    .multiple-columns #secondary .module, .three-columns #tertiary .module {
        display: block;
        width: auto;
    }
}

.module ul {
    list-style: none;
    }

.module a {
    font-weight:bold;
    }

.module a:active {
    text-decoration: none;
    }

.module a:hover {text-decoration:underline;}

.module .module-header {
    font-weight:bold;
    }

.module .module-header a {
    text-decoration: none;
    }

.module .manage-tags-link {
    text-align: center;
    font-size: smaller;
    text-transform: uppercase;
    }


/**-------------------- Sidebar modules --------------------**/

/*** --------- Profile --------- ****/

.module-userprofile .journal-name {
    text-align: center;
    font-weight:bold;
    }

.userlite-interaction-links ul {
    text-align: center;
    margin-left: 0.5em;
    padding:0;
}

.module-userprofile .userpic {text-align: center;}

/*** ----- Journal Navlinks ------ ***/

.module-navlinks {
    margin-top:1em;
    margin-left: 1em;
    }

.module-navlinks .current {font-style: italic; color: $*color_module_text;}

.module-navlinks  ul {
    text-align: left;
    line-height:1.2em;
    }

.module-section-two  ul li {
    font-weight: bold;
    }



/* ---------------------------------- Entry --------------------------------- */

.entry{
    min-height: 110px;
    overflow:auto;
    }

.entry, .comment {
    min-height: 110px;
    padding:1%;
    background: none;
    }

.entry .userpic, .comment .userpic {
    padding: 5px;
    padding-top:0;
    margin-top: -3em;
    }

.entrysubject { width:100%; height:110px; }

.entry-title, .entry-title a {
    text-decoration: none;
    font-weight: normal;
    padding-top:0.5em;
    margin-bottom:0;
    text-align:left;
    }

.entry-content{ padding: 1em 2em;}

.restrictions, .access-filter {padding-top:0.5em; }

.datetime{
    padding-top: 0.3em;
    padding-bottom: 0.3em;
    font-size: 1em;
    line-height:1em;
    font-weight: bold;
    }

.top-metadata {clear:both; padding-top: 0.5em;}

.metadata {
    font-size: smaller;
    font-weight: bold;
    }

.metadata ul {
    margin: 0px;
    padding: 0px;
    }

.tag {text-align:left;
    font-weight: bold;
    padding-bottom: 1em;
    text-transform: none;
    }
.tag ul { display: inline; margin:0; padding:0; }

.tag ul li { display:inline; padding-left:0.8em; }

.entrytags ul li first { margin-left: -15em; }

.bottomcomment {
    padding: 1em;
    margin-top: 1em;
    text-align:right;
    font-weight: bold;
    font-size: 0.7em;
    text-transform: uppercase;
    color: $*color_entry_interaction_links;
    padding-bottom: 2em;
    }

.comment-poster .anonymous {
    font-weight: bold;
    }

.footer {
     margin: 0 0 1em;
     font-weight: bold;
     font-size: 0.7em;
     text-transform: uppercase;
     text-align:right;
     }

.entry-management-links, .entry-management-links a,.entry-interaction-links, .entry-interaction-links a {
    padding: 0.5em 0.5em 0.5em 0;
    margin-top: 2em;
    display: inline;
    text-align: left;
    }

.entry-management-links a:hover, .entry-management-links a:active, .entry-interaction-links a:hover, .entry-interaction-links a:active {
    text-decoration: none;
    }

.entry-management-links ul, .entry-interaction-links ul {
    margin-left: 0;
    padding-left: 0;
    }

.entry-management-links li, .entry-interaction-links li {
    display: inline;
    }



/* -------------------------- Misc hacks & entry styling ----------------------- */

    /*separators*/
.page-separator { display:none; }


    q{
        font-style: italic;
    }

$userpic_css

.no-userpic .userpic {margin-top:0;}


/* ---------------------- Secondary pages -------------- */
.page-archive .month .header, .tags-container .header, .icons-container .header {
    $entry_title_font
    background: $*color_entry_title_background;
    color: $*color_entry_title;
    }


.tags-container a, .icons-container a, #archive-year a { color: $*color_entry_link; }

.tags-container a:active, .icons-container a:active, #archive-year a:active { color: $*color_entry_link_active; }

.tags-container a:hover, .icons-container a:hover, #archive-year a:hover { color: $*color_entry_link_hover; }

.tags-container a:visited, .icons-container a:visited, #archive-year a:visited { color: $*color_entry_link_visited; }


div.icons-container div.icon:nth-of-type(2n) {
    clear: both;
}

.icons-container .icon {
    float: left;
    margin-bottom: 15px;
    min-width: 350px;
    vertical-align: bottom;
    width: 50%;
    display:table;
}

.icon-image {
    display: inline;
    float: left;
    margin-right: 1em;
    min-width: 100px;
    margin-top: 0;
}

.icon-info {
    overflow: auto;
    vertical-align: bottom;
    word-wrap: break-word;
    display:table-cell;
    width:100%;
}

.icon-info .label,
.icon-info span {
    font-weight: bold;
}

.icons-container .inner .footer, .icon-pages {
    clear: both;
    text-align: center;
}


/* ---------------------- End CSS -------------- */""";
}