438 lines
13 KiB
Text
438 lines
13 KiB
Text
layerinfo type = "layout";
|
|
layerinfo name = "Bannering";
|
|
layerinfo author_name = "branchandroot";
|
|
layerinfo redist_uniq = "bannering/layout";
|
|
layerinfo lang = "en";
|
|
|
|
set layout_authors = [ { "name" => "branchandroot", "type" => "user" } ];
|
|
|
|
##===============================
|
|
## Presentation
|
|
##===============================
|
|
|
|
propgroup presentation_child {
|
|
property string header_border_position {
|
|
des = "Position of header border";
|
|
values = "none|None|bottom|Bottom|topbottom|Top and Bottom|all|On All Sides";
|
|
}
|
|
property string header_border_width {
|
|
des = "Width of header border";
|
|
size = 5;
|
|
}
|
|
property string header_border_style {
|
|
des = "Style of header border";
|
|
values = "solid|Solid|double|Double|dotted|Dotted|dashed|Dashed";
|
|
}
|
|
property string header_margin_size {
|
|
des = "Size of header margin";
|
|
}
|
|
property string header_title_position {
|
|
des = "Position of journal and page titles";
|
|
values = "left|Left|right|Right|center|Center";
|
|
}
|
|
property string header_title_spacing_top {
|
|
des = "Spacing above journal and page titles";
|
|
}
|
|
property string header_title_spacing_side {
|
|
des = "Spacing on the side of journal and page titles";
|
|
}
|
|
}
|
|
|
|
set layout_type = "two-columns-left";
|
|
set sidebar_width = "13em";
|
|
set sidebar_width_doubled = "26em";
|
|
set userpics_position = "left";
|
|
set entry_management_links = "text";
|
|
set comment_management_links = "text";
|
|
set header_border_position = "none";
|
|
set header_border_width = "1px";
|
|
set header_border_style = "solid";
|
|
set header_margin_size = "0em";
|
|
set header_title_position = "left";
|
|
set header_title_spacing_top = "0em";
|
|
set header_title_spacing_side = "0em";
|
|
|
|
##===============================
|
|
## Colors
|
|
##===============================
|
|
|
|
propgroup colors_child {
|
|
property Color color_navlinks_link_current { des = "Navigation module current link color"; }
|
|
property Color color_header_inner_background { des = "Page header inner background color"; }
|
|
# Used instead of color_header_link:
|
|
property Color color_navlinks_link { des = "Page header link color"; }
|
|
property Color color_navlinks_link_active { des = "Page header active link color"; }
|
|
property Color color_navlinks_link_hover { des = "Page header hover link color"; }
|
|
property Color color_navlinks_link_visited { des = "Page header visited link color"; }
|
|
property Color color_header_border { des = "Header border color"; }
|
|
}
|
|
|
|
##===============================
|
|
## Images
|
|
##===============================
|
|
|
|
propgroup images_child {
|
|
property string[] image_header_background_inner_group {
|
|
des = "Second header background image";
|
|
grouptype = "image";
|
|
}
|
|
set image_header_background_inner_group = [ "image_background_header_inner_url", "image_background_header_inner_repeat", "image_background_header_inner_position" ];
|
|
property string image_background_header_inner_url {
|
|
grouped = 1;
|
|
}
|
|
property string image_background_header_inner_repeat {
|
|
values = "repeat|tile image|no-repeat|don't tile|repeat-x|tile horizontally|repeat-y|tile vertically";
|
|
grouped = 1;
|
|
}
|
|
property string image_background_header_inner_position {
|
|
values = "top left|top left|top center|top center|top right|top right|center left|center left|center center|center|center right|center right|bottom left|bottom left|bottom center|bottom center|bottom right|bottom right";
|
|
grouped = 1;
|
|
}
|
|
property int image_background_header_inner_height {
|
|
des = "The height of your second header image, in pixels. Use 0 for default."; }
|
|
}
|
|
|
|
##===============================
|
|
##Text
|
|
##===============================
|
|
|
|
set text_entry_prev = "Previous";
|
|
set text_entry_next = "Next";
|
|
set text_tell_friend = "Share";
|
|
set text_mem_add = "Memory";
|
|
set text_watch_comments = "Track";
|
|
set text_unwatch_comments = "Untrack";
|
|
set text_post_comment = "Reply";
|
|
set text_post_comment_friends = "Reply";
|
|
|
|
##=============
|
|
## Functions
|
|
##============
|
|
|
|
function print_stylesheet () {
|
|
var string medium_media_query = generate_medium_media_query();
|
|
|
|
var string header_inner_background = generate_background_css ($*image_background_header_inner_url, $*image_background_header_inner_repeat, $*image_background_header_inner_position, $*color_header_inner_background);
|
|
if ($*image_background_header_inner_height > 0) {
|
|
$header_inner_background = """
|
|
$header_inner_background
|
|
height: """ + $*image_background_header_inner_height + """px;""";
|
|
}
|
|
|
|
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; }";
|
|
}
|
|
|
|
|
|
var string header_border_css = "";
|
|
if ($*header_border_position == "bottom") {
|
|
$header_border_css = "#header { border-bottom: $*header_border_style $*header_border_width $*color_header_border; }";
|
|
}
|
|
if ($*header_border_position == "topbottom") {
|
|
$header_border_css = "#header { border-bottom: $*header_border_style $*header_border_width $*color_header_border;
|
|
border-top: $*header_border_style $*header_border_width $*color_header_border; }";
|
|
}
|
|
if ($*header_border_position == "all") {
|
|
$header_border_css = "#header { border: $*header_border_style $*header_border_width $*color_header_border; }";
|
|
}
|
|
|
|
var string header_spacing_css = "";
|
|
if ($*header_title_position == "left") {
|
|
$header_spacing_css = "#title { margin-top: $*header_title_spacing_top; }
|
|
#header > .inner:first-child { padding-left: $*header_title_spacing_side; } ";
|
|
}
|
|
if ($*header_title_position == "right") {
|
|
$header_spacing_css = "#title { margin-top: $*header_title_spacing_top; }
|
|
#header > .inner:first-child { padding-right: $*header_title_spacing_side; } ";
|
|
}
|
|
if ($*header_title_position == "center") {
|
|
$header_spacing_css = "#title { margin-top: $*header_title_spacing_top; }
|
|
#header > .inner:first-child { padding-right: $*header_title_spacing_side;
|
|
padding-left: $*header_title_spacing_side; } ";
|
|
}
|
|
|
|
|
|
var string navlinks_css = "";
|
|
if ($*module_navlinks_section == "header") {
|
|
$navlinks_css = """
|
|
.module-navlinks {
|
|
margin-bottom: -3em;
|
|
padding-right: 2em;
|
|
padding-top: 1em;
|
|
text-align: right;
|
|
background-color: transparent; }
|
|
.module-navlinks li { display: inline;
|
|
padding-left: .5em;
|
|
border-left: 1px solid $*color_page_title; }
|
|
.module-navlinks ul > li:first-child { border-left: none; }
|
|
.module-navlinks .module-header { display: none; }
|
|
.module-navlinks a { color: $*color_navlinks_link; }
|
|
.module-navlinks a:visited { color: $*color_navlinks_link_visited; }
|
|
.module-navlinks a:hover { color: $*color_navlinks_link_hover; }
|
|
.module-navlinks a:active { color: $*color_navlinks_link_active; }
|
|
""";
|
|
}
|
|
else {
|
|
$navlinks_css = "";
|
|
}
|
|
|
|
|
|
"""
|
|
|
|
/* Bannering */
|
|
|
|
body { margin: 0; }
|
|
|
|
blockquote { padding: 1em 1em .5em 2em;
|
|
font-style: italic; }
|
|
blockquote > p:first-child { margin-top: 0; }
|
|
q { font-style: italic; }
|
|
dl dt { font-weight: bold; }
|
|
|
|
a:hover { text-decoration: none; }
|
|
|
|
.module-navlinks,
|
|
.datetime,
|
|
.entry .metadata,
|
|
.entry .footer,
|
|
.comment .footer,
|
|
.module { font-size: small; }
|
|
|
|
#canvas { position: relative;
|
|
padding-top: 1px; }
|
|
|
|
#header {
|
|
margin: $*header_margin_size;
|
|
text-align: $*header_title_position;
|
|
margin: 0;
|
|
margin-bottom: 1em;
|
|
padding: 0; }
|
|
|
|
#header > .inner:first-child {
|
|
$header_inner_background
|
|
margin: 0; padding: 0;
|
|
padding-top: 1px; /*really freaking annoying workaround for margin stupidity */
|
|
margin-top: -1px;
|
|
}
|
|
|
|
$header_border_css
|
|
|
|
$header_spacing_css
|
|
|
|
#footer { margin: 1em 0; }
|
|
|
|
#title,
|
|
#subtitle,
|
|
#pagetitle { padding-left: 1em;
|
|
padding-right: 1em; }
|
|
|
|
#title { font-size: large; }
|
|
#title a { color: $*color_page_text;
|
|
text-decoration: none; }
|
|
#subtitle { font-size: medium;
|
|
font-style: italic; }
|
|
#pagetitle { font-weight: normal;
|
|
font-size: small; }
|
|
|
|
#content {margin: 2em 5% 0 5%; }
|
|
|
|
.navigation { text-align: center;
|
|
padding: 1px;
|
|
margin: 0 0 2em 0; }
|
|
|
|
#primary > .inner:first-child { padding: 0 3em; }
|
|
|
|
|
|
/* Entry and Comments */
|
|
|
|
.entry-wrapper,
|
|
.comment-wrapper { border-bottom: 1px solid $*color_entry_border;
|
|
margin-bottom: 2em;
|
|
position: relative; }
|
|
|
|
.entry { border: none; }
|
|
|
|
.has-userpic .entry .userpic { margin: -4.5em 1em 1em; }
|
|
.has-userpic .comment .userpic { margin: -2.5em 1em 1em; }
|
|
|
|
$userpic_css
|
|
|
|
.entry .contents,
|
|
.comment .contents { margin: 1em 0; }
|
|
|
|
.entry-content,
|
|
.comment-content { margin-top: 1em; }
|
|
|
|
.entry .metadata { font-style: italic.
|
|
margin-bottom: -1em; }
|
|
|
|
.entry .footer,
|
|
.comment .footer { clear: both;
|
|
padding-bottom: .5em; }
|
|
|
|
.entry .footer { text-align: right; }
|
|
|
|
.entry .tag { margin-bottom: .5em;
|
|
text-align: left; }
|
|
|
|
ul.entry-management-links,
|
|
.comment-management-links { display: inline;
|
|
line-height: 2em; }
|
|
ul.entry-interaction-links,
|
|
.comment-interaction-links { display: inline;
|
|
line-height: 2em; }
|
|
|
|
ul.entry-management-links li,
|
|
ul.entry-interaction-links li { border-left: 1px solid; padding-left: .5em; }
|
|
ul.entry-management-links li.first-item {border-left: none; padding-left: .25em; }
|
|
|
|
.bottomcomment { padding: 0 .25em .25em .25em;
|
|
margin-top: 1em;
|
|
text-align: right; }
|
|
.bottomcomment label { white-space: nowrap; }
|
|
|
|
.multiform-checkbox { clear: both;
|
|
display: block; }
|
|
|
|
.partial .comment-title { display: inline; }
|
|
|
|
#qrformdiv table { padding: .5em; }
|
|
|
|
/* Archive */
|
|
|
|
.year .month,
|
|
#archive-month .month { margin-bottom: 2em; }
|
|
|
|
.month .contents { padding: 1em .5em 0 .5em; }
|
|
.month .footer {padding: 0 .5em 1em .5em;
|
|
text-align: center; }
|
|
|
|
.month .header { color: $*color_entry_title;
|
|
font-family: $*font_entry_title;
|
|
background: $*color_entry_title_background;
|
|
padding: 1px .25em; }
|
|
|
|
table.month td,
|
|
table.month th { vertical-align: top;
|
|
padding: .25em .5em; }
|
|
|
|
table.month caption { color: $*color_page_background; }
|
|
|
|
#archive-month .month { padding: 0 1em; }
|
|
|
|
#archive-month .entry-title { font-weight: bold; }
|
|
|
|
h3.day-date { text-align: center;
|
|
margin-bottom: 2em; }
|
|
|
|
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;
|
|
}
|
|
|
|
|
|
/* Sidebars */
|
|
|
|
#content .module {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
width: $*sidebar_width;
|
|
text-align:left;
|
|
padding: 0 .25em;
|
|
}
|
|
|
|
#content .module-wrapper {
|
|
text-align:center;
|
|
}
|
|
|
|
@media $medium_media_query {
|
|
.two-columns-left #secondary, .three-columns-sides #secondary, .three-columns-left #secondary, .three-columns-left #tertiary { border-right: 1px solid $*color_module_border; }
|
|
.two-columns-right #secondary, .three-columns-sides #tertiary, .three-columns-right #secondary, .three-columns-right #tertiary { border-left: 1px solid $*color_module_border; }
|
|
|
|
body:not(.one-column) #content .module {
|
|
display: block;
|
|
vertical-align: baseline;
|
|
width: auto;
|
|
padding: 0;
|
|
}
|
|
}
|
|
|
|
.module { margin-bottom: 1em;
|
|
border: none; }
|
|
|
|
.module-content ul,
|
|
.module-list { list-style: none;
|
|
margin: 0; padding: 0; }
|
|
|
|
.module-content ul ul { margin-left: 1em; }
|
|
|
|
.module-header { font-size: large; }
|
|
.module-header a { color: $*color_module_title; }
|
|
|
|
.module .userlite-interaction-links { margin-top: .5em; }
|
|
|
|
.any-column .module-calendar .module-content { text-align: left; }
|
|
.any-column .module-calendar table { margin: 0; }
|
|
|
|
$navlinks_css
|
|
.module-navlinks a.current { color: $*color_navlinks_link_current;
|
|
text-decoration: none; }
|
|
|
|
.search-box {max-width: 100%;}
|
|
|
|
#footer { text-align: right;
|
|
padding: .5em 2em; }
|
|
|
|
""";
|
|
}
|