dreamish/styles/nouveauoleanders/layout.s2

1038 lines
25 KiB
Plaintext

layerinfo type = "layout";
layerinfo name = "Nouveau Oleanders";
layerinfo redist_uniq = "nouveauoleanders/layout";
layerinfo author_name = "branchandroot";
layerinfo lang = "en";
set layout_authors = [ { "name" => "branchandroot", "type" => "user" } ];
# Public domain images from openclipart.org:
# Twisted Tree Banner by Steren (http://openclipart.org/media/files/Steren/11291)
# Oleander Design by Frank Steeley, contributed by Johnny Automatic (http://openclipart.org/media/files/johnny_automatic/4858)
set layout_resources = [ { "name" => "OpenClipart", "url" => "http://www.openclipart.org/" } ];
##===============================
## Presentation
##===============================
set layout_type = "two-columns-left";
property string userpics_position {
des = "Place of icons in entries and comments";
values = "none|None (don't show)|default|Default";
}
set userpics_position = "default";
set entry_management_links = "text";
set comment_management_links = "text";
##===============================
## Colors
##===============================
propgroup colors_child {
property use color_header_link;
property use color_header_link_active;
property use color_header_link_hover;
property use color_header_link_visited;
}
##===============================
## Fonts
##===============================
set font_journal_title = "Palatino, serif";
set font_journal_subtitle = "Palatino, serif";
set font_entry_title = "Palatino, serif";
set font_comment_title = "Palatino, serif";
set font_module_heading = "Palatino, serif";
##===============================
## Images
##===============================
propgroup images_child {
property string[] image_background_titles_group {
des = "Journal titles, module headings and footer background image";
grouptype = "image";
}
set image_background_titles_group = [ "image_background_titles_url", "image_background_titles_repeat" ];
property string image_background_titles_url {
grouped = 1;
}
property string image_background_titles_repeat {
values = "repeat|tile image|no-repeat|don't tile|repeat-x|tile horizontally|repeat-y|tile vertically";
grouped = 1;
}
property string[] image_entry_border_group {
des = "Entry border image";
grouptype = "image";
}
set image_entry_border_group = [ "image_entry_border_url", "image_entry_border_repeat", "image_entry_border_position" ];
property string image_entry_border_url {
grouped = 1;
}
property string image_entry_border_repeat {
values = "repeat|tile image|no-repeat|don't tile|repeat-x|tile horizontally|repeat-y|tile vertically";
grouped = 1;
}
property string image_entry_border_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;
allow_other = 1;
}
property string[] image_entry_border_end_odd_group {
des = "Odd entry border image";
grouptype = "image";
}
set image_entry_border_end_odd_group = [ "image_entry_border_end_odd_url", "image_entry_border_end_odd_repeat", "image_entry_border_end_odd_position" ];
property string image_entry_border_end_odd_url {
grouped = 1;
}
property string image_entry_border_end_odd_repeat {
values = "repeat|tile image|no-repeat|don't tile|repeat-x|tile horizontally|repeat-y|tile vertically";
grouped = 1;
}
property string image_entry_border_end_odd_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;
allow_other = 1;
}
property string[] image_entry_border_end_even_group {
des = "Even entry border image";
grouptype = "image";
}
set image_entry_border_end_even_group = [ "image_entry_border_end_even_url", "image_entry_border_end_even_repeat", "image_entry_border_end_even_position" ];
property string image_entry_border_end_even_url {
grouped = 1;
}
property string image_entry_border_end_even_repeat {
values = "repeat|tile image|no-repeat|don't tile|repeat-x|tile horizontally|repeat-y|tile vertically";
grouped = 1;
}
property string image_entry_border_end_even_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;
allow_other = 1;
}
property string[] image_comment_border_group {
des = "Comment border image";
grouptype = "image";
}
set image_comment_border_group = [ "image_comment_border_url", "image_comment_border_repeat", "image_comment_border_position" ];
property string image_comment_border_url {
grouped = 1;
}
property string image_comment_border_repeat {
values = "repeat|tile image|no-repeat|don't tile|repeat-x|tile horizontally|repeat-y|tile vertically";
grouped = 1;
}
property string image_comment_border_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;
allow_other = 1;
}
property string[] image_comment_border_end_odd_group {
des = "Odd comment border image";
grouptype = "image";
}
set image_comment_border_end_odd_group = [ "image_comment_border_end_odd_url", "image_comment_border_end_odd_repeat", "image_comment_border_end_odd_position" ];
property string image_comment_border_end_odd_url {
grouped = 1;
}
property string image_comment_border_end_odd_repeat {
values = "repeat|tile image|no-repeat|don't tile|repeat-x|tile horizontally|repeat-y|tile vertically";
grouped = 1;
}
property string image_comment_border_end_odd_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;
allow_other = 1;
}
property string[] image_comment_border_end_even_group {
des = "Even comment border image";
grouptype = "image";
}
set image_comment_border_end_even_group = [ "image_comment_border_end_even_url", "image_comment_border_end_even_repeat", "image_comment_border_end_even_position" ];
property string image_comment_border_end_even_url {
grouped = 1;
}
property string image_comment_border_end_even_repeat {
values = "repeat|tile image|no-repeat|don't tile|repeat-x|tile horizontally|repeat-y|tile vertically";
grouped = 1;
}
property string image_comment_border_end_even_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;
allow_other = 1;
}
}
set image_background_header_url = "nouveauoleanders/journalheader_background.png";
set image_background_header_repeat = "no-repeat";
set image_background_titles_url = "nouveauoleanders/titles_background.png";
set image_background_titles_repeat = "no-repeat";
set image_entry_border_url = "nouveauoleanders/entry_border.png";
set image_entry_border_position = "top left";
set image_entry_border_repeat = "repeat-x";
set image_entry_border_end_odd_url = "nouveauoleanders/entry_border_end_right.png";
set image_entry_border_end_odd_position = "top right";
set image_entry_border_end_odd_repeat = "no-repeat";
set image_entry_border_end_even_url = "nouveauoleanders/entry_border_end_left.png";
set image_entry_border_end_even_position = "top left";
set image_entry_border_end_even_repeat = "no-repeat";
set image_comment_border_url = "nouveauoleanders/comment_border.png";
set image_comment_border_position = "top left";
set image_comment_border_repeat = "repeat-x";
set image_comment_border_end_odd_url = "nouveauoleanders/comment_border_end_right.png";
set image_comment_border_end_odd_position = "top right";
set image_comment_border_end_odd_repeat = "no-repeat";
set image_comment_border_end_even_url = "nouveauoleanders/comment_border_end_left.png";
set image_comment_border_end_even_position = "top left";
set image_comment_border_end_even_repeat = "no-repeat";
##===============================
## Text
##===============================
set text_post_comment = "Reply";
set text_post_comment_friends = "Reply";
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";
##===============================
## Stylesheet
##===============================
function print_stylesheet () {
var string medium_media_query = generate_medium_media_query();
var string header_background_image = generate_background_css ($*image_background_header_url, $*image_background_header_repeat, "", new Color);
var string titles_background_image = generate_background_css ($*image_background_titles_url, $*image_background_titles_repeat, "", new Color);
var string entry_border_image = generate_background_css ($*image_entry_border_url, $*image_entry_border_repeat, $*image_entry_border_position, new Color);
var string entry_border_image_odd = generate_background_css ($*image_entry_border_end_odd_url, $*image_entry_border_end_odd_repeat, $*image_entry_border_end_odd_position, new Color);
var string entry_border_image_even = generate_background_css ($*image_entry_border_end_even_url, $*image_entry_border_end_even_repeat, $*image_entry_border_end_even_position, new Color);
var string comment_border_image = generate_background_css ($*image_comment_border_url, $*image_comment_border_repeat, $*image_comment_border_position, new Color);
var string comment_border_image_odd = generate_background_css ($*image_comment_border_end_odd_url, $*image_comment_border_end_odd_repeat, $*image_comment_border_end_odd_position, new Color);
var string comment_border_image_even = generate_background_css ($*image_comment_border_end_even_url, $*image_comment_border_end_even_repeat, $*image_comment_border_end_even_position, new Color);
var string entry_title_font = generate_font_css($*font_entry_title, $*font_base, $*font_fallback, $*font_entry_title_size, $*font_entry_title_units);
var string comment_title_font = generate_font_css($*font_comment_title, $*font_base, $*font_fallback, $*font_comment_title_size, $*font_comment_title_units);
var string navlinks_css = "";
if ($*module_navlinks_section == "header") {
$navlinks_css = """
#header .module-wrapper .separator {
display: none;
}
.module-navlinks {
background-color: transparent;
font-family: $*font_journal_title;
font-size: small;
}
.module-navlinks ul {
margin: .25em auto;
}
.module-navlinks li {
display: block;
}
.module-navlinks a { color: $*color_header_link; }
.module-navlinks a:visited { color: $*color_header_link_visited; }
.module-navlinks a:hover { color: $*color_header_link_hover; }
.module-navlinks a:active { color: $*color_header_link_active; }
@media $medium_media_query {
#header .module-wrapper {
margin-left: 220px;
margin-right: 220px;
padding-top: 1em;
}
.module-navlinks {
text-align: center;
}
.module-navlinks li {
display: inline;
border-left: 1px solid $*color_page_title;
padding: 0 .25em 0 .5em;
}
.module-navlinks ul > li:first-child {
border-left: none;
}
}
""";
}
var string{}{} scaling = {
"" => {
"padding" => "110px",
"noicon_img" => "$*IMGDIR/profile_icons/user.png",
"icon_wrap_size" => "102px",
"icon_link_size" => "100px"
},
"small" => {
"padding" => "85px",
"noicon_img" => "$*IMGDIR/profile_icons/user-small.png",
"icon_wrap_size" => "77px",
"icon_link_size" => "75px"
},
"smaller" => {
"padding" => "60px",
"noicon_img" => "$*IMGDIR/profile_icons/user-smaller.png",
"icon_wrap_size" => "52px",
"icon_link_size" => "50px"
}
};
var string comment_datetime_padding = $scaling{$*comment_userpic_style}{"padding"};
var string entry_icon_background = generate_background_css ($scaling{$*entry_userpic_style}{"noicon_img"}, "no-repeat", "center", new Color);
var string comment_icon_background = generate_background_css ($scaling{$*comment_userpic_style}{"noicon_img"}, "no-repeat", "center", new Color);
var string userpic_css = "";
if ($*userpics_position != "none") {
$userpic_css = """
.entry .contents .userpic {
$entry_icon_background
height: $scaling{$*entry_userpic_style}{"icon_wrap_size"};
width: $scaling{$*entry_userpic_style}{"icon_wrap_size"};
}
.entry .contents .userpic a {
background-color: $*color_page_background;
display: block;
height: $scaling{$*entry_userpic_style}{"icon_link_size"};
width: $scaling{$*entry_userpic_style}{"icon_link_size"};
}
.entry-wrapper-odd .contents .userpic {
float: left;
margin: 0 1.5em .5em 0;
}
.entry-wrapper-even .contents .userpic {
float: right;
margin: 0 0 .5em 1.5em;
}
.comment .contents .userpic {
$comment_icon_background
height: $scaling{$*comment_userpic_style}{"icon_wrap_size"};
width: $scaling{$*comment_userpic_style}{"icon_wrap_size"};
}
.comment .contents .userpic a {
background-color: $*color_page_background;
display: block;
height: $scaling{$*comment_userpic_style}{"icon_link_size"};
width: $scaling{$*comment_userpic_style}{"icon_link_size"};
}
.comment-wrapper-odd .contents .userpic {
float: left;
margin: -1em .5em .5em 0;
}
.comment-wrapper-even .contents .userpic {
float: right;
margin: -1em 0 .5em .5em;
}
""";
}
"""
/* --- Nouveau Oleanders --- */
blockquote {
font-style: italic;
padding: 1em 1em .5em 2em;
}
blockquote > p:first-child {
margin-top: 0;
}
dl dt {
font-weight: bold;
}
ul, .module-content ul {
list-style: square;
}
ul ul, .module-content ul ul {
list-style: disc;
}
ul ul ul, .module-content ul ul ul {
list-style: square;
}
ul ul ul ul, .module-content ul ul ul ul {
list-style: circle;
}
h1, h2, h3, h4 {
font-style: italic;
}
.tags-container h2,
.page-archive h3,
.page-day h3.day-date {
font-family: $*font_journal_title;
}
h2, h3, h4 {
$titles_background_image
background-color: $*color_header_background;
background-position: center left;
color: $*color_page_title;
line-height: 1.5em;
min-height: 30px;
padding-left: 40px;
}
h2 a, h3 a, h4 a {
color: $*color_page_title;
}
h2 a, h3 a, h4 a:visited {
color: $*color_page_title;
}
.entry .header h3,
.page-month h3.entry-title {
background: transparent;
margin-top: .5em;
padding-left: 0;
}
.entry .entry-title {
font-size: x-large;
/* Make sure custom size applies */
$entry_title_font
}
.page-month h3.entry-title {
font-size: large;
}
.entry .header h3 a,
.page-month h3.entry-title a {
color: $*color_page_link;
}
.entry .header h3 a:visited,
.page-month h3.entry-title a:visited {
color: $*color_page_link_visited;
}
a:hover {
text-decoration: none;
}
body {
margin: 0;
}
#canvas {
position: relative;
}
/* Header */
#header {
background-color: $*color_header_background;
background-position: top right;
color: $*color_page_title;
padding: 1px;
}
@media $medium_media_query {
#header .inner:first-child {
$header_background_image
background-position: top left;
margin-top: -1px;
}
#header .inner .inner {
background: none;
}
#title {
margin-left: 200px;
margin-right: 200px;
}
#title a {
color: $*color_page_title;
}
#subtitle, #pagetitle {
margin-left: 2em;
margin-right: 2em;
}
}
#content {
border-color: $*color_module_background !important;
}
#content-footer {
clear: both;
}
/* Main column */
#primary > .inner:first-child {
padding: 1em 4em;
}
.navigation {
text-align: right;
}
.navigation ul {
margin: 0 0 1em 0;
padding: .25em;
}
.page-day .navigation .page-back {
float: left;
}
/* Entries */
.entry-wrapper {
$entry_border_image
margin-bottom: 3em;
}
.entry {
border: none;
}
.entry .header {
padding: .5em 0;
}
@media $medium_media_query {
.entry-wrapper-odd {
margin-right: 255px;
}
.entry-wrapper-even {
margin-left: 255px;
}
.entry-wrapper-odd .entry {
$entry_border_image_odd
margin-right: -255px;
padding: 1px;
}
.entry-wrapper-even .entry {
$entry_border_image_even
margin-left: -255px;
padding: 1px;
}
.entry-wrapper-odd .header {
margin-right: 210px;
}
.entry-wrapper-even .header {
margin-left: 210px;
text-align: right;
}
}
.entry-wrapper-odd .contents .entry-poster {
margin-left: -1em;
}
.entry-wrapper-even .contents .entry-poster {
display: block;
margin-right: -1em;
text-align: right;
}
.entry .datetime {
font-size: small;
}
.entry-content {
margin-top: 1em;
}
.entry-content li {
margin-left: 1em;
}
.entry-content hr {
display: block;
margin: 1em 10%;
}
.entry-content:first-letter {
font-size: x-large;
font-style: italic;
}
.metadata {
clear: both;
font-size: small;
margin: 1em 0 0;
}
.metadata-label {
font-style: italic;
}
.metadata ul {
margin-bottom: 0;
margin-top: 0;
padding-bottom: 0;
padding-top: 0;
}
.metadata ul li {
margin-left: 0;
padding-left: 0;
}
.metadata.top-metadata {
clear: none;
}
.entry .footer {
clear: both;
margin: .5em 0 0;
padding-bottom: .5em;
}
.entry .footer > .inner:first-child {
font-size: small;
padding: 1px; /*float uneveness fix */
}
.entry .tag {
padding: 0 .5em 1em 0;
}
.entry .tag-text {
font-weight: bold;
}
ul.entry-management-links {
float: left;
margin-bottom: .5em;
margin-top: 1em;
}
ul.entry-interaction-links {
margin-bottom: .5em;
margin-right: .5em;
margin-top: 1em;
text-align: right;
}
/* Comments */
.comment-thread {
margin-left: 1.5em;
}
.comment-depth-1 {
margin-left: 0;
}
.comment-wrapper {
$comment_border_image
margin-bottom: 1em;
padding-top: 1px;
}
.comment-wrapper.partial {
background: none;
}
.comment-wrapper-odd {
margin-right: 48px;
}
.comment-wrapper-even {
margin-left: 48px;
}
.comment-wrapper-odd .comment {
$comment_border_image_odd
margin-right: -48px;
margin-top: -1px;
padding-right: 2em;
}
.comment-wrapper-even .comment {
$comment_border_image_even
margin-left: -48px;
margin-top: -1px;
padding-left: 2em;
}
.comment {
padding: 30px 1em 0;
}
.partial .comment {
background: none;
padding: 0;
}
.comment-wrapper-odd .header {
padding-right: 50px;
text-align: left;
}
.comment-wrapper-even .header {
padding-left: 50px;
text-align: right;
}
.comment .comment-title {
background: none;
color: $*color_page_link;
line-height: 1em;
min-height: 0;
margin: .25em 0 0;
padding: .25em 0;
font-size: large;
/* Make sure custom size applies */
$comment_title_font
}
.comment-title a {
color: $*color_page_link;
}
.comment-title a:visited {
color: $*color_page_link_visited;
}
.partial .comment-title {
display: inline;
margin: 0;
margin-right: .2em;
}
.partial .comment-poster:before {
content: "- ";
}
.full .comment .datetime {
display: block;
font-size: small;
}
.comment-wrapper-odd.full .datetime {
padding-left: $comment_datetime_padding;
}
.comment-wrapper-even.full .datetime {
padding-right: $comment_datetime_padding;
}
.comment-wrapper-even .contents {
text-align: right;
}
.comment-wrapper-even .comment-content {
text-align: left;
}
.comment .poster-ip {
display: block;
font-size: x-small;
}
.comment-content {
margin-top: 1em;
}
.comment .ljedittime {
margin-top: 1em;
}
.comment-content .datetime {
font-style: italic;
}
.comment .multiform-checkbox {
display: block;
text-align: right;
font-size: small;
font-style: italic;
}
.comment .footer {
margin: 0 0 .5em 0;
padding-top: 1px;
font-size: small;
}
.comment .footer > .inner:first-child {
padding: 1px; /*float uneveness fix */
}
.comment-management-links {
float: right;
}
.comment-interaction-links {
text-align: left;
}
.bottomcomment, .comments-message {
border-bottom: 6px double $*color_entry_border;
border-top: 6px double $*color_entry_border;
font-size: small;
padding: .5em;
}
.bottomcomment .entry-management-links, .bottomcomment .entry-interaction-links {
margin: .25em 0 .5em;
}
.comment-pages {
text-align: center;
}
#qrformdiv table {
margin: .5em;
}
/* Archive */
/* Year-by-month view */
#archive-year .navigation {
margin-bottom: 2em;
text-align: left;
}
div.month {
margin: 1em 0 2em;
}
table.month td,
table.month th {
padding: .5em;
vertical-align: top;
}
.month caption {
display: none;
}
#archive-year .month .footer {
padding: .5em;
text-align: center;
}
/* Month-by-day view */
#archive-month .navigation {
text-align: center;
}
.month dl .tag-text {
font-style: italic;
}
.month dl h3.entry-title {
font-weight: bold;
}
/* Day-by-entries view */
.day h3.day-date {
margin: 1.5em 0;
}
/* Tags page */
.tags-container {
margin: 1em 2em;
}
/* Icons page */
.icons-container {
margin: 1em 2em;
}
.icons-container h2 {
font-family: $*font_journal_title;
}
.sorting-options ul {
padding-left: 0;
}
.icons-container .icon {
margin: 1em 0;
}
.icon-image {
float: left;
clear: left;
margin-bottom: .25em;
min-width: 100px;
padding-right: 1em;
}
.icon-info {
min-height: 100px;
}
.icon-info span {
font-weight: bold;
}
.icon-info .default {
text-decoration: underline;
}
/* Sidebars */
#secondary, #tertiary {
background-color: $*color_module_background;
color: $*color_module_text;
}
#secondary > .inner:first-child, #tertiary > .inner:first-child {
padding-left: 0;
}
#secondary a, #tertiary a {
color: $*color_module_link;
}
#secondary a:visited, #tertiary a:visited {
color: $*color_module_link_visited;
}
#secondary a:hover, #tertiary a:hover {
color: $*color_module_link_hover;
}
#secondary a:active, #tertiary a:active {
color: $*color_module_link_active;
}
.module {
margin: 0 0 1em;
padding-top: 1px;
}
@media $medium_media_query {
.two-columns #tertiary .separator-after {
clear: both;
}
.two-columns #tertiary .module {
margin: 0 1.5em;
}
.two-columns-left #tertiary .module {
float: right;
}
}
.module-header {
font-size: large;
}
#secondary .module-header a, #tertiary .module-header a,
#secondary .module-header a:visited, #tertiary .module-header a:visited {
color: $*color_module_title;
}
.module-content {
padding-left: 1em;
}
.module-content ul,
.module-list {
margin-top: 0;
padding-top: 0;
}
.module-content ul.userlite-interaction-links {
margin-top: .5em;
}
.module-typelist ul, .module-active ul {
list-style: none;
margin-left: 0;
padding-left: 0;
}
.any-column .module-calendar table {
font-size: small;
margin: 0;
}
.module-calendar td a {
background-color: $*color_module_title_background;
color: $*color_module_title;
}
.any-column .module-syndicate .module-content {
text-align: left;
}
$navlinks_css
/* Footer */
#footer {
padding: 1em;
}
#footer > .inner:first-child {
$titles_background_image
background-position: center right;
min-height: 31px;
}
$userpic_css
""";
}