429 lines
11 KiB
Text
429 lines
11 KiB
Text
layerinfo type = "layout";
|
|
layerinfo name = "Ciel";
|
|
layerinfo redist_uniq = "ciel/layout";
|
|
layerinfo author_name = "carisma_sensei";
|
|
layerinfo lang = "en";
|
|
|
|
set layout_authors = [ { "name" => "carisma_sensei", "type" => "user" } ];
|
|
set layout_type = "two-columns-left";
|
|
|
|
|
|
##===============================
|
|
## Presentation
|
|
##===============================
|
|
|
|
set margins_size ="5";
|
|
set margins_unit = "%";
|
|
|
|
##===============================
|
|
## Properties
|
|
##===============================
|
|
|
|
propgroup colors_child {
|
|
property Color color_page_subtitle { des = "Page header subtitle color "; }
|
|
property Color color_management_links { des = "Entry management links color"; }
|
|
property Color color_entry_management_links_active { des = "Entry management links active color"; }
|
|
property Color color_entry_management_links_hover { des = "Entry management links hover color"; }
|
|
property Color color_entry_management_links_visited { des = "Entry management links visited color"; }
|
|
property Color color_management_links_background { des = "Entry management links background color"; }
|
|
property Color color_interaction_links_background { des = "Entry interaction links background color"; }
|
|
property Color color_userpic_border { des = "Userpic border color in entries"; }
|
|
property Color color_userpic_border_alt { des = "Userpic border color in alternating entries"; }
|
|
property Color color_navlinks_link { des = "Navigation module link text color"; }
|
|
property Color color_navlinks_link_active { des = "Navigation module active link text color"; }
|
|
property Color color_navlinks_link_hover { des = "Navigation module hover link text color"; }
|
|
property Color color_navlinks_link_visited { des = "Navigation module visited link text color"; }
|
|
property Color color_navlinks_link_background { des = "Navigation module link background color"; }
|
|
property Color color_navlinks_link_active_background { des = "Navigation module active link background color"; }
|
|
property Color color_navlinks_link_hover_background { des = "Navigation module hover link background color"; }
|
|
property Color color_navlinks_link_visited_background { des = "Navigation module visited link background color"; }
|
|
property Color color_calendar_entryday_background { des = "Calendar entry days background color"; }
|
|
property Color color_entry_metadata_label { des = "Color for metadata and tag labels"; }
|
|
}
|
|
|
|
propgroup fonts_child {
|
|
property string font_management {
|
|
des = "Preferred font for management and interaction links";
|
|
maxlength = 50;
|
|
size = 25;
|
|
note = "For example: Arial or \"Times New Roman\". Leave blank to use the default.";
|
|
}
|
|
property string font_navlinks {
|
|
des = "Preferred font for navigation module links";
|
|
maxlength = 50;
|
|
size = 25;
|
|
note = "For example: Arial or \"Times New Roman\". Leave blank to use the default.";
|
|
}
|
|
property string font_entry_metadata {
|
|
des = "Preferred font for metadata and tag labels";
|
|
maxlength = 50;
|
|
size = 25;
|
|
note = "For example: Arial or \"Times New Roman\". Leave blank to use the default.";
|
|
}
|
|
}
|
|
|
|
##==============================
|
|
## Default Font Settings
|
|
##==============================
|
|
|
|
set font_base = "Arial";
|
|
set font_comment_title_units = "em";
|
|
set font_entry_title = "Helvetica";
|
|
set font_entry_title_size = "1.25";
|
|
set font_entry_title_units = "em";
|
|
set font_fallback = "sans-serif";
|
|
set font_journal_subtitle_units = "em";
|
|
set font_journal_title = "Georgia";
|
|
set font_journal_title_size = "3";
|
|
set font_journal_title_units = "em";
|
|
set font_management = "Georgia";
|
|
set font_entry_metadata = "'Lucida Grande'";
|
|
set font_module_heading_size = "1.25";
|
|
set font_module_heading_units = "em";
|
|
set font_module_text_units = "em";
|
|
set font_navlinks = "Georgia";
|
|
|
|
##===============================
|
|
## Stylesheet
|
|
##===============================
|
|
|
|
|
|
function print_stylesheet () {
|
|
var string medium_media_query = generate_medium_media_query();
|
|
|
|
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 entry_title_colors = generate_color_css($*color_entry_title, $*color_entry_title_background, new Color);
|
|
var string entry_colors = generate_color_css($*color_entry_text, $*color_entry_background, $*color_entry_border);
|
|
|
|
var string userpic_css = "";
|
|
if ($*userpics_position == "left") {
|
|
$userpic_css = """
|
|
|
|
.entry .userpic, .comment .userpic {
|
|
float: left;
|
|
|
|
}
|
|
""";
|
|
}
|
|
elseif ($*userpics_position == "right") {
|
|
$userpic_css = """
|
|
.entry .userpic, .comment .userpic {
|
|
float: right;
|
|
}
|
|
""";
|
|
}
|
|
|
|
|
|
"""
|
|
|
|
/* Page-wide */
|
|
body {
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
a, a:link, a:active, a:visited { text-decoration: none; }
|
|
|
|
a:hover { text-decoration: underline; }
|
|
|
|
#primary {
|
|
$entry_colors
|
|
border-radius: 2em;
|
|
}
|
|
|
|
#primary > .inner:first-child, #secondary > .inner:first-child, #tertiary > .inner:first-child {
|
|
padding: 0;
|
|
}
|
|
|
|
.navigation {padding: 1em;}
|
|
|
|
.navigation ul {
|
|
margin: 4px 0 0 0;
|
|
padding: 0;
|
|
text-align: right;
|
|
}
|
|
|
|
.navigation li {
|
|
display: inline;
|
|
padding: 0 10px 0 10px;
|
|
}
|
|
|
|
/* Header and Titles */
|
|
|
|
#header, #footer {
|
|
margin: 0;
|
|
clear: both;
|
|
border-radius: 2em;
|
|
padding:1em;
|
|
}
|
|
|
|
|
|
#title { text-transform: uppercase; padding: 0; margin: 0;}
|
|
|
|
#subtitle, #pagetitle {color: $*color_page_subtitle; padding: 0; margin: 0;}
|
|
|
|
|
|
/* Entries */
|
|
|
|
.entry {
|
|
background: transparent;
|
|
border:0;
|
|
}
|
|
|
|
.entry .header { padding: 1em 1em 0;}
|
|
|
|
.entry .contents, .tag, .comment {padding:0 1em;}
|
|
|
|
.entry-content {
|
|
min-height: 150px; padding: 1em 0;
|
|
}
|
|
|
|
.entry-title, .module-header {
|
|
font-weight: normal;
|
|
text-transform: uppercase;
|
|
margin: 0.25em -0.25em;
|
|
padding: 0.25em;
|
|
}
|
|
|
|
.datetime { text-transform: uppercase; }
|
|
|
|
.top-metadata {padding-top:1em;}
|
|
|
|
.tag-text, .metadata-label {
|
|
text-transform: uppercase;
|
|
font-family: $*font_entry_metadata;
|
|
color: $*color_entry_metadata_label;
|
|
}
|
|
|
|
ul.entry-management-links {
|
|
margin: 0;
|
|
margin-top: 1em;
|
|
padding-left: 0;
|
|
text-align: right;
|
|
padding: 6px;
|
|
color: $*color_management_links;
|
|
background: $*color_management_links_background;
|
|
}
|
|
ul.entry-management-links a { color: $*color_management_links; }
|
|
ul.entry-management-links a:visited { color: $*color_entry_management_links_visited; }
|
|
ul.entry-management-links a:hover { color: $*color_entry_management_links_hover; }
|
|
ul.entry-management-links a:active { color: $*color_entry_management_links_active; }
|
|
|
|
.entry-interaction-links a, .entry-management-links a {
|
|
font-family: $*font_management;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
|
|
ul.entry-interaction-links {
|
|
margin: 0;
|
|
padding-left: 0;
|
|
margin-bottom: 1em ;
|
|
text-align: right;
|
|
padding: 6px;
|
|
background: $*color_interaction_links_background;
|
|
}
|
|
|
|
ul.entry-interaction-links a:visited { color: $*color_entry_interaction_links_visited; }
|
|
ul.entry-interaction-links a:hover { color: $*color_entry_interaction_links_hover; }
|
|
ul.entry-interaction-links a:active { color: $*color_entry_interaction_links_active; }
|
|
|
|
.entry .userpic img {
|
|
margin: 10px;
|
|
padding: 8px;
|
|
border: 5px solid $*color_userpic_border;
|
|
}
|
|
|
|
.entry-wrapper-odd .entry .userpic img {
|
|
border: 5px solid $*color_userpic_border_alt;
|
|
}
|
|
|
|
$userpic_css
|
|
|
|
/* Comments */
|
|
|
|
.comment { min-height: 138px; $entry_colors border-radius: 2em; }
|
|
|
|
.comment-pages { text-align:center;}
|
|
|
|
.bottompages {padding: 1em 0;}
|
|
|
|
.bottomcomment label { padding-left: 1em;}
|
|
|
|
.comment-wrapper {
|
|
border-bottom: 5px solid $*color_userpic_border;
|
|
}
|
|
|
|
.comment .userpic {
|
|
margin: 5px;
|
|
}
|
|
|
|
.comment .comment-content {
|
|
margin: 1em 0;
|
|
}
|
|
/* Secondary pages: Archive, Icons, Tags */
|
|
|
|
#archive-year .header h3, .tags-container .header h2, .icons-container .header h2 {
|
|
$entry_title_font
|
|
text-transform: uppercase;
|
|
font-weight:normal;
|
|
padding: 3px;
|
|
$entry_title_colors;
|
|
}
|
|
|
|
.tags-container, .icons-container, #archive-year { padding: 1em; }
|
|
|
|
.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; }
|
|
|
|
.month caption {
|
|
display: none;
|
|
}
|
|
|
|
table.month {
|
|
width: 80%;
|
|
text-align: center;
|
|
}
|
|
|
|
.month th {
|
|
padding: 10px 0 0 0;
|
|
}
|
|
|
|
td.day-has-entries {
|
|
background: $*color_calendar_entryday_background;
|
|
}
|
|
|
|
.month .footer {padding: 0.5em;}
|
|
|
|
|
|
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 and Modules */
|
|
|
|
.module {
|
|
padding: 1em;
|
|
margin: 0 0 1em 1em;
|
|
border-radius: 2em;
|
|
}
|
|
|
|
.any-column .module {
|
|
display:inline-block;
|
|
width:$*sidebar_width;
|
|
vertical-align: top;
|
|
text-align: left;
|
|
}
|
|
|
|
.any-column .module-userprofile { text-align: left; }
|
|
#secondary, #tertiary, .any-column .module-navlinks {text-align: center;}
|
|
|
|
@media $medium_media_query {
|
|
.two-columns-left .module, .three-columns-left .module, .three-columns-sides #secondary .module { margin: 1em;}
|
|
|
|
.multiple-columns .module {
|
|
display: block;
|
|
width: auto;
|
|
vertical-align: baseline;
|
|
}
|
|
|
|
.multiple-columns #secondary, .multiple-columns #tertiary {
|
|
text-align: left;
|
|
}
|
|
|
|
.multiple-columns .module-userprofile { text-align: center; }
|
|
}
|
|
|
|
.module .userpic {display:inline-block; float: none;}
|
|
|
|
.module-navlinks {
|
|
background: $*color_navlinks_link_background;
|
|
padding: 2em 0;
|
|
}
|
|
|
|
.module-navlinks ul {
|
|
list-style: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.module-navlinks li {
|
|
margin: 0;
|
|
line-height: 25px;
|
|
}
|
|
|
|
.module-navlinks .module-list-item .recent { border-top: 2px solid $*color_navlinks_link;}
|
|
|
|
.module-navlinks .current {font-style: italic;}
|
|
|
|
.module-navlinks a {
|
|
color: $*color_navlinks_link;
|
|
padding: 3px;
|
|
text-decoration: none;
|
|
font-size: 1.1em;
|
|
text-transform: uppercase;
|
|
font-family: $*font_navlinks;
|
|
border-bottom: 2px solid $*color_navlinks_link;
|
|
display: block;
|
|
}
|
|
|
|
.module-navlinks a:visited {
|
|
color: $*color_navlinks_link_visited;
|
|
background: $*color_navlinks_link_visited_background;
|
|
}
|
|
|
|
.module-navlinks a:hover {
|
|
color: $*color_navlinks_link_hover;
|
|
background: $*color_navlinks_link_hover_background;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.module-navlinks a:active {
|
|
color: $*color_navlinks_link_active;
|
|
background: $*color_navlinks_link_active_background;
|
|
text-decoration: none;
|
|
}
|
|
|
|
|
|
""";
|
|
}
|