New Layout: Voodoo Dream
May. 15th, 2010 10:39 pm![[personal profile]](https://www.dreamwidth.org/img/silk/identity/user.png)
Layout Name: Voodoo Dreams
Version: 3.0
Creator: Roddy of the Frozen Peas (
roddy)
Derivative Information:
Based on the Wordpress "Voodoo Dolly" layouts (v. 1.0 by Theme Labs; v. 2.0, Culture Shock, by pogy366.) Attribution is in the CSS.
Screenshots:
Want to try out this layout on your own account? Click here!
For installation instructions and specifics, check out the post at the
layouttree.
Version: 3.0
Creator: Roddy of the Frozen Peas (
![[personal profile]](https://www.dreamwidth.org/img/silk/identity/user.png)
Derivative Information:
Based on the Wordpress "Voodoo Dolly" layouts (v. 1.0 by Theme Labs; v. 2.0, Culture Shock, by pogy366.) Attribution is in the CSS.
Screenshots:
Want to try out this layout on your own account? Click here!
For installation instructions and specifics, check out the post at the
![[community profile]](https://www.dreamwidth.org/img/silk/identity/community.png)
S2 Layout Code
layerinfo type = "layout";
layerinfo name = "Voodoo Dream";
layerinfo author_name = "Roddy of the Frozen Peas";
layerinfo des = "Three-column layout based on Voodoo Dolly by Theme Lab and pogy366";
layerinfo lang = "en";
layerinfo source_viewable = 1;
layerinfo is_public = 1;
set layout_authors = [ { "name" => "roddy", "type" => "user" }, { "name" => "layouttree", "type" => "user" } ];
##===============================
## Display settings - general
##===============================
propgroup presentation {
property use num_items_recent;
property use num_items_reading;
property use use_journalstyle_entry_page;
property use layout_type;
property use tags_page_type;
property use sidebar_width;
property use sidebar_width_doubled;
property use use_custom_friend_colors;
}
set sidebar_width = "15em";
set sidebar_width_doubled = "30em";
set layout_type = "three-columns-sides";
set use_custom_friend_colors = false;
set custom_foreground_element = "userpic_border";
set custom_background_element = "userpic_background";
##===============================
## Journal style - colors
##===============================
propgroup colors {
property use color_page_background;
property use color_page_text;
property use color_page_link;
property use color_page_link_active;
property use color_page_link_hover;
property use color_page_link_visited;
property use color_page_border;
property use color_page_title;
property use color_header_background;
property use color_footer_background;
property use color_footer_link;
property use color_footer_link_active;
property use color_footer_link_hover;
property use color_footer_link_visited;
property use color_module_background;
property use color_module_text;
property use color_module_link;
property use color_module_link_active;
property use color_module_link_hover;
property use color_module_link_visited;
property use color_module_border;
property use color_module_title;
property use color_module_title_background;
property use color_entry_background;
property use color_entry_text;
property use color_entry_link;
property use color_entry_link_active;
property use color_entry_link_hover;
property use color_entry_link_visited;
property use color_entry_border;
property use color_entry_title;
property use color_entry_title_background;
property use color_entry_interaction_links;
property use color_comment_title_background;
}
##===============================
## Page Colors
##===============================
set color_page_background = "#FFFFFFF";
set color_page_text = "#0000000";
set color_page_link = "#6e312a";
set color_page_link_active = "";
set color_page_link_hover = "#999999";
set color_page_link_visited = "";
set color_page_border = "";
set color_page_title = "#FFFFFF";
##===============================
## Header and Footer Colors & Images
##===============================
set color_header_background = "transparent";
set color_footer_background = "transparent";
set color_footer_link = "#999999";
set color_footer_link_active = "";
set color_footer_link_hover = "";
set color_footer_link_visited = "";
##===============================
## Entry Colors
##===============================
set color_entry_background = "";
set color_entry_text = "#000000";
set color_entry_link = "";
set color_entry_link_active = "";
set color_entry_link_hover = "";
set color_entry_link_visited = "";
set color_entry_border = "";
set color_entry_title = "#9C291D";
set color_entry_title_background = "transparent";
set color_entry_interaction_links = "";
##===============================
## Comment Colors
##===============================
set color_comment_title_background = "";
##===============================
## Module Colors
##===============================
set color_module_background = "";
set color_module_text = "";
set color_module_link = "";
set color_module_link_active = "";
set color_module_link_hover = "";
set color_module_link_visited = "";
set color_module_title = "#2C2C2C";
set color_module_title_background = "";
set color_module_border = "";
##===============================
## Display settings - fonts
##===============================
propgroup fonts {
property use font_base;
property use font_fallback;
property use font_base_size;
property use font_base_units;
property use font_journal_title;
property use font_journal_title_size;
property use font_journal_title_units;
property use font_journal_subtitle;
property use font_journal_subtitle_size;
property use font_journal_subtitle_units;
property use font_entry_title;
property use font_entry_title_size;
property use font_entry_title_units;
property use font_module_heading;
property use font_module_heading_size;
property use font_module_heading_units;
property use font_module_text;
property use font_module_text_size;
property use font_module_text_units;
}
set font_base = "Arial, Helvetica";
set font_fallback = "sans-serif";
set font_base_size = "0.9";
set font_base_units = "em";
##===============================
## Display settings - images
##===============================
propgroup images {
property use image_background_header_url;
property use image_background_header_repeat;
property use image_background_header_position;
property use image_background_page_group;
property use image_background_header_group;
property use image_background_header_height;
property use image_background_entry_group;
property use image_background_module_group;
}
set image_background_header_url = "http://img541.imageshack.us/img541/5333/headerbgg.jpg";
set image_background_header_repeat = "no-repeat";
set image_background_header_position = "0px 0px";
set color_header_background = "transparent";
set image_background_header_height = 135;
##===============================
## Display settings - modules
##===============================
propgroup modules {
property use module_userprofile_group;
property use module_navlinks_group;
property use module_customtext_group;
property use module_calendar_group;
property use module_pagesummary_group;
property use module_active_group;
property use module_tags_group;
property use module_links_group;
property use module_syndicate_group;
property use module_time_group;
property use module_poweredby_group;
property use module_credit_group;
}
# explicitly define what sections the layout has available
set module_layout_sections = "none|(none)|one|Group One|two|Group Two";
##===============================
## Custom CSS
##===============================
propgroup customcss {
property use external_stylesheet;
property use include_default_stylesheet;
property use linked_stylesheet;
property use custom_css;
}
propgroup text {
##===============================
## Text - main navigation
##===============================
property use text_view_recent;
property use text_view_friends;
property use text_view_network;
property use text_view_archive;
property use text_view_userinfo;
property use text_view_memories;
property use text_view_tags;
##===============================
## Text - entry comment-related
##===============================
property use text_post_comment;
property use text_max_comments;
property use text_read_comments;
property use text_post_comment_friends;
property use text_read_comments_friends;
property use text_skiplinks_back;
property use text_skiplinks_forward;
property use text_meta_music;
property use text_meta_mood;
property use text_meta_location;
property use text_tags;
property use text_entry_prev;
property use text_entry_next;
property use text_edit_entry;
property use text_edit_tags;
property use text_tell_friend;
property use text_mem_add;
property use text_watch_comments;
property use text_unwatch_comments;
property use text_permalink;
property use text_stickyentry_subject;
property use text_module_customtext;
property use text_module_customtext_content;
property use text_module_customtext_url;
}
function Page::print_default_stylesheet() {
var string header_background = generate_background_css ($*image_background_header_url, $*image_background_header_repeat, $*image_background_header_position, $*color_header_background);
if ($*image_background_header_height > 0) {
$header_background = """
$header_background
height: """ + $*image_background_header_height + """px;""";
}
var string page_font = generate_font_css($*font_base, $*font_fallback, $*font_base_size, $*font_base_units);
var string page_colors = generate_color_css($*color_page_text, $*color_page_background, $*color_page_border);
var string page_title_colors = generate_color_css($*color_page_title, new Color, new Color);
var string page_link_colors = generate_color_css($*color_page_link, new Color, new Color);
var string page_link_active_colors = generate_color_css($*color_page_link_active, new Color, new Color);
var string page_link_hover_colors = generate_color_css($*color_page_link_hover, new Color, new Color);
var string page_link_visited_colors = generate_color_css($*color_page_link_visited, new Color, new Color);
"""<style type="text/css">""";
start_css();
"""
<!--
/*
Theme Name: Voodoo Dolly
Description:
Version: 1.0
Author: Theme Lab
*/
/*
culture shock: voodoo dolly v2.0
pogy366: http://www.raykdesign.net
Sept 2007
*/
/*
Theme Name: Voodoo Dream
Based on: Voodoo Dolly (Dreamwidth theme)
Version: 3.0
Author: Roddy of the Frozen Peas (http://roddy.dreamwidth.org/)
*/
/* RESET TAGS */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption{
margin: 0; padding: 0;
border: 0; outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
background-image: transparent;
}
:focus { outline: 0; }
body { line-height: 1; }
ol, ul { list-style: none; }
caption {
text-align: left;
font-weight: normal;
}
body {
padding: 0px;
margin: 20px 0px 0px 0px;
$page_font;
background-color: $*color_page_background'
$page_colors
}
p {
margin-bottom: 10px;
line-height: 1.2em;
$page_font;
}
strong { font-weight:bold; }
em { font-style:italic; }
ul, ol {
margin:0 0 12px 0;
padding:0;
}
li {
margin:0 0 5px 15px;
padding-left:15px;
list-style:none;
background: transparent url('http://img192.imageshack.us/img192/4572/bulletedlibgdark.gif') 0px 3px no-repeat;
font-size:1em;
color:#454545;
}
a {
$page_link_colors
text-decoration:underline;
}
a:hover {
$page_link_hover_colors
text-decoration:none;
}
div#canvas {
margin:0 auto;
padding:0;
width:980px;
}
/* Header styling */
div#canvas div#header {
margin: 0px;
padding: 0px;
width: 980px;
$header_background
}
div#canvas div#header h1 {
margin:0;
padding:30px 0 0 170px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 3em;
font-weight:lighter;
$page_title_colors
}
div#canvas div#header h1 a {
text-decoration:none;
}
div#canvas div#header h2 {
font-size: 2em;
margin:0;
padding:5px 0 0 175px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #eeeeee;
}
/* Positioning tweaks depding on navstrip */
body.has-navstrip div.module-navlinks { top: 200px; }
body.no-navstrip div.module-navlinks { top: 155px; }
/* Header menu */
div.module-navlinks {
position: absolute;
margin:0;
padding:0;
width:980px;
height:35px;
line-height:35px;
background: transparent url('http://img132.imageshack.us/img132/9599/navbarbg.jpg')0px 0px no-repeat;
}
div.module-navlinks ul{
list-style-type:none;
margin-left:20px;
margin-top: -2px;
}
div.module-navlinks li{
margin:0;
padding:0;
list-style-type:none;
display:inline;
background-image:none;
}
div.module-navlinks li:first-child a{
border-left:1px solid #757575;
}
div.module-navlinks li a{
margin:0 0 0 -5px;
padding:9px 20px 9px 20px;
color:#ffffff;
text-decoration:none;
font-size:1.1em;
border-right:1px solid #757575;
}
div.module-navlinks ul li a:hover{
color:#ffffff;
text-decoration:none;
background-color:#AC4B41;
}
div.module-navlinks li.first {
margin:0;
padding:0;
list-style-type:none;
display:inline;
background-image:none;
}
div.module-navlinks li.first a{
margin:0 0 0 -5px;
padding:9px 20px 9px 20px;
color:#ffffff;
text-decoration:none;
font-size:1.1em;
border-left:1px solid #757575;
border-right:1px solid #757575;
}
div.module-navlinks li.first a:hover{
color:#ffffff;
text-decoration:none;
background-color:#AC4B41;
}
div#content {
margin: 50px 0px 0px 0px;
padding: 0px;
width: 980px;
}
/* Left Column */
div#secondary {
float:left;
margin:0 0 0 -752px;
padding:0;
width:140px;
font-size:.9em;
color:#686868;
text-align: center;
}
div#secondary li, div#tertiary li {
text-align: left;
line-height: 1.3em;
}
div#secondary ul li {
margin-top: 2px;
margin-bottom: 5px;
line-height: 1.2em;
}
div#secondary ol li {
background: none;
padding-left: 0px;
}
div#secondary div.module, div#tertiary div.module {
margin-bottom: 15px;
}
div#secondary div.module-userprofile h2.module-header {
height: 1px;
visibility: hidden;
}
div#secondary div.userpic{
text-align: center;
}
div#secondary div.userpic img {
border: solid 1px #6e312A;
padding: 1px;
}
div#secondary div.journal-name {
margin: 2px 0px;
text-align: center;
font-weight: bold;
font-size: 1.1em;
}
div#secondary ul.userlite-interaction-links {
margin: 5px; 0px;
}
div#secondary ul.userlite-interaction-links li {
background: none;
padding: 0px;
display: inline;
margin: 0px;
}
/* Center column (entries) */
div#primary {
float:left;
margin:0 10px 0 145px;
padding:6px 6px 6px 10px;
width:580px;
font-size:.9em;
color:#000000;
border-left:1px dashed #cccccc;
}
div.entry-content { font-size: 1em; }
div.entry h3.entry-title a {
display: block;
margin:0 0 5px;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.8em;
color:#9C291D;
}
/* Right column */
div#tertiary {
float:left;
margin:0;
padding:6px;
width:200px;
font-size:.9em;
color:#646464;
background:#eeeeee;
border:1px solid #cccccc;
margin-bottom: 30px;
}
div#tertiary div.module h2.module-header a {
text-decoration: none;
}
div#tertiary div.module h2.module-header{
font-size:1.4em;
color:#2C2C2C;
font-weight: bold;
margin-bottom: 5px;
}
div#tertiary li {
margin-left: 0px;
line-height: 1.5em;
background: transparent url('http://img29.imageshack.us/img29/7347/bulletedlibgdark.png') 0px 3px no-repeat;
}
/* Footer */
div#footer {
clear:both;
margin:30px 0 10px 0;
padding: 10px;
width:980px;
height: 100px;
background: transparent url('http://img707.imageshack.us/img707/8075/footerbgxf.jpg') 0px 0px no-repeat;
}
div#footer p {
margin:0;
padding:0 150px 0 0;
line-height:100px;
font-family:Arial, Helvetica, sans-serif;
font-size:.8em;
color:#454545;
text-align:right;
}
div#footer a {
color:#9C291D;
text-decoration:none;
}
div#footer a:hover {
color:#999999;
text-decoration:underline;
}
/* Entry Styling */
div.entry div.userpic img, body.page-entry div.entry div.contents span.poster.entry-poster {
visibility: hidden;
height: 1px;
width: 1px;
}
div.entry div.header span.restrictions img { float: right; }
div.entry-content {
margin: 0px 15px;
text-align: justify;
line-height:1.5em;
padding-bottom: 10px;
margin-bottom: 10px;
padding-top: 10px;
border-top: 1px dashed #F0F0F0;
border-bottom: 1px dashed #F0F0F0;
}
div.entry div.header span.datetime {
display: block;
line-height: 1.2em;
padding: 0px;
}
div.entry div.contents div.metadata ul{
}
div.entry div.contents div.metadata ul li {
float: left;
list-style-type: none;
background: none;
margin: 0px;
padding-left: 0px;
padding-right: 15px;
}
div.entry div.contents div.metadata ul li img {
height: 1px;
width: 1px;
visibility: hidden;
}
div.entry-content pre {
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
}
div.entry div.footer {
clear: both;
}
div.entry div.footer div.tag ul {
display: inline;
}
div.entry div.footer div.tag li{
background: none;
display: inline;
padding: 0px;
}
div.entry div.footer ul.entry-management-links {
display: block;
float: right;
}
div.entry div.footer ul.entry-management-links li {
background:none;
padding: 0px;
margin: 0px;
display: inline;
}
body.page-entry div.entry div.footer ul.entry-management-links {
display: block;
float: none;
text-align: center;
margin-bottom: 0px;
}
div.entry div.footer ul.entry-interaction-links {
margin-top: 10px;
display: block;
float: left;
vertical-align: middle;
}
div.entry div.footer ul.entry-interaction-links li{
background:none;
padding: 0px;
margin: 0px;
display: inline;
}
body.page-entry div.entry div.footer ul.entry-interaction-links {
margin-top: 0px;
display: block;
float: none;
text-align: center;
}
div#entries div.separator-after {
clear: both;
height: 4px;
border-bottom: 1px dashed #cccccc;
}
div#entries div.separator-before {
clear: both;
height: 10px;
}
div.entry div.contents span.poster.entry-poster {
display: block;
padding-left: 0px;
line-height: 1.2em;
margin-bottom: 10px;
}
div.entry-content li {
line-height: 15px;
vertical-align: bottom;
}
div.entry-content ol {
margin-left: 20px;
}
div.entry-content ol li {
list-style: decimal;
background: none;
padding: 0px;
}
div.entry-content ul br, div.entry-content ol br {
line-height: 0px;
}
div.entry-content h1 {
font-size: 2em;
color: #6E312A;
font-weight: bold;
}
div.entry-content h2 {
font-size: 1.5em;
font-weight: bold;
font-style: italic;
}
div.entry-content h3 {
font-size: 1.25em;
font-weight: bold;
}
div.entry-content blockquote {
border: solid 2px #6E312A;
border-top: none;
border-bottom: none;
padding: 0px 5px;
margin: 15px 20px;
}
div.entry-content code, div.entry-content pre {
margin: 15px 25px;
padding: 5px;
clear: both;
background-color: #dddddd;
border: 1px dashed #6E312A;
display: block;
font-family: \"Courier New\", monospace;
}
div.entry-content img {
margin: 10px;
display: block;
}
div.entry-content span.ljuser img {
float: none;
margin: 0px;
display: inline;
}
hr.above-entry-interaction-links {
clear: both;
color: transparent;
height: 1px;
visibility: hidden;
}
hr.below-reply-container {
clear: both;
width: 100%;
height: 1px;
color: transparent;
border-top: 1px dashed #cccccc;
}
body.page-entry div.entry div.userpic img{
height: 1px;
width: 1px;
visibility: hidden;
}
/* Comment styling */
div#comments {
text-align: justify;
}
div.comment {
clear: both;
margin: 1em 0px;
}
div.comment div.header {
display: block;
float: right;
text-align: left;
}
div.comment div.contents div.userpic img {
margin: 0px 5px 5px 0px;
border: 1px solid #cccccc;
padding: 1px;
float: left;
background-color: white;
}
div.comment div.contents span.poster.comment-poster {
display: block;
clear: right;
float: right;
margin-bottom: 5px;
}
div.comment div.contents div.comment-content {
clear: right;
border: 1px solid #cccccc;
border-bottom: none;
margin-left: 25px;
padding: 10px;
padding-bottom: 0px;
min-height: 70px;
line-height: 1.2em;
}
div.comment div.footer {
min-height: 1.1em;
margin-left: 25px;
border: 1px solid #cccccc;
border-top: none;
}
div.comment div.footer div.inner {
padding: 5px;
height: 1.25em;
}
div.comment div.footer ul {
float: right;
}
div.comment div.footer ul li {
display: inline;
background: none;
padding: 0px;
}
div.comment div.footer ul > li:last-child:after {
clear: both;
}
div.comment-thread.comment-depth-1 {
margin-top: 20px;
}
div.comment-thread.comment-depth-1 div.comment-wrapper > div.separator.separator-before:first-child {
display: block;
width: 100%;
margin-top: 2em;
margin-bottom: 2em;
height: 1px;
border-top: 1px dashed #cccccc;
}
div#comments div.inner > div.comment-thread.comment-depth-1:first-child div.comment-wrapper > div.separator.separator-before:first-child, div.comment-thread div.comment-thread div.comment-wrapper > div.separator.separator-before:first-child {
border: none;
margin: 0px;
}
div.bottomcomment {
margin-top: 15px;
text-align: center;
}
div.bottomcomment ul {
display: block;
clear: both;
padding: 0px;
}
div.bottomcomment li {
display: inline;
background: none;
padding: 0px;
margin: 0px;
line-height: 15px;
}
/* Calendar styling */
div.month div.header h3, div.module-calendar h2 {
font-weight: bold;
text-align: center;
color: #6E312A;
font-size: 1.3em;
padding-bottom: 1px;
}
div.module-calendar h2 a {
text-decoration: none;
font-weight: bold;
}
div.month table.month, div.module-calendar table {
margin: 0px auto 10px auto;
border-collapse: collapse;
border: 1px solid #6E312A;
background-color: rgb(255,255,255);
}
div.month table.month thead, div.module-calendar tr:first-child {
background-color: #6E312A;
border-bottom: 1px solid #6E312A;
}
div.month table.month th, div.module-calendar th {
color: rgb(255,255,255);
padding: 1px;
}
div.module-calendar td {
padding: 2px;
vertical-align: top;
}
div.month table.month td a, div.module-calendar td a {
text-decoration: none;
font-weight: bold;
}
/* Definition List Styling */
div.module dl {
margin-left: 15px;
}
div.module dd, div.module dt {
display: inline;
}
/* Archive page styling */
body.page-archive div.navigation li {
display: inline;
margin-right: 15px;
}
body.page-archive div.navigation {
text-align: center;
}
body.page-archive div.navigation.bottomnav {
margin-top: 1em;
}
.month caption {
display: none;
}
div.month {
text-align: center;
}
.month .day{
width: 2em;
}
.month .day, .month th {
line-height:2em;
padding:5px;
text-align:center;
vertical-align:text-top;
}
.month .day span, .month .day p {
margin:0;
padding:0;
font-size: 1em;
}
.month .day p {
margin-bottom:-4px;
margin-top:4px;
}
.month .day-has-entries { line-height:1em; }
div.month { margin-bottom: 2em; } --->
""";
end_css();
"</style>\n";
}
set module_credit_order = 20;
set module_credit_section = "two";
set module_poweredby_show = false;
set module_time_show = false;
CSS
/*
Theme Name: Voodoo Dolly
Description:
Version: 1.0
Author: Theme Lab
*/
/*
culture shock: voodoo dolly v2.0
pogy366: http://www.raykdesign.net
Sept 2007
*/
/*
Theme Name: Voodoo Dream
Based on: Voodoo Dolly (Dreamwidth theme)
Version: 3.0
Author: Roddy of the Frozen Peas (http://roddy.dreamwidth.org/)
*/
/* RESET TAGS */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption{
margin: 0; padding: 0;
border: 0; outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: inherit;
font-family: inherit;
vertical-align: baseline;
background-image: transparent;
}
:focus { outline: 0; }
body { line-height: 1; }
ol, ul { list-style: none; }
caption {
text-align: left;
font-weight: normal;
}
body {
padding: 0px;
margin: 20px 0px 0px 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.9em;;
background-color: rgb(255,255,255);
}
p {
margin-bottom: 10px;
line-height: 1.2em;
}
strong { font-weight:bold; }
em { font-style:italic; }
ul, ol {
margin:0 0 12px 0;
padding:0;
}
li {
margin:0 0 5px 15px;
padding-left:15px;
list-style:none;
background: transparent url('http://img192.imageshack.us/img192/4572/bulletedlibgdark.gif') 0px 3px no-repeat;
font-size:1em;
color:#454545;
}
a {
color: #6e312a;
text-decoration:underline;
}
a:hover {
color: #999999;
text-decoration:none;
}
div#canvas {
margin:0 auto;
padding:0;
width:980px;
}
/* Header styling */
div#canvas div#header {
margin: 0px;
padding: 0px;
width: 980px;
background: transparent url(http://img541.imageshack.us/img541/5333/headerbgg.jpg) no-repeat ;
height: 135px;
}
div#canvas div#header h1 {
margin:0;
padding:30px 0 0 170px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 3em;
font-weight:lighter;
color: #FFFFFF;
}
div#canvas div#header h1 a { text-decoration:none; }
div#canvas div#header h2 {
font-size: 2em;
margin:0;
padding:5px 0 0 175px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #eeeeee;
}
/* Positioning tweaks depding on navstrip */
body.has-navstrip div.module-navlinks { top: 200px; }
body.no-navstrip div.module-navlinks { top: 155px; }
/* Header menu */
div.module-navlinks {
position: absolute;
margin:0;
padding:0;
width:980px;
height:35px;
line-height:35px;
background: transparent url('http://img132.imageshack.us/img132/9599/navbarbg.jpg')0px 0px no-repeat;
}
div.module-navlinks ul{
list-style-type:none;
margin-left:20px;
margin-top: -2px;
}
div.module-navlinks li{
margin:0;
padding:0;
list-style-type:none;
display:inline;
background-image:none;
}
div.module-navlinks li:first-child a{ border-left:1px solid #757575; }
div.module-navlinks li a{
margin:0 0 0 -5px;
padding:9px 20px 9px 20px;
color:#ffffff;
text-decoration:none;
font-size:1.1em;
border-right:1px solid #757575;
}
div.module-navlinks ul li a:hover{
color:#ffffff;
text-decoration:none;
background-color:#AC4B41;
}
div.module-navlinks li.first {
margin:0;
padding:0;
list-style-type:none;
display:inline;
background-image:none;
}
div.module-navlinks li.first a{
margin:0 0 0 -5px;
padding:9px 20px 9px 20px;
color:#ffffff;
text-decoration:none;
font-size:1.1em;
border-left:1px solid #757575;
border-right:1px solid #757575;
}
div.module-navlinks li.first a:hover{
color:#ffffff;
text-decoration:none;
background-color:#AC4B41;
}
div#content {
margin: 50px 0px 0px 0px;
padding: 0px;
width: 980px;
}
/* Left Column */
div#secondary {
float:left;
margin:0 0 0 -752px;
padding:0;
width:140px;
font-size:.9em;
color:#686868;
text-align: center;
}
div#secondary li, div#tertiary li {
text-align: left;
line-height: 1.3em;
}
div#secondary ul li {
margin-top: 2px;
margin-bottom: 5px;
line-height: 1.2em;
}
div#secondary ol li {
background: none;
padding-left: 0px;
}
div#secondary div.module, div#tertiary div.module { margin-bottom: 15px; }
div#secondary div.module-userprofile h2.module-header {
height: 1px;
visibility: hidden;
}
div#secondary div.userpic{ text-align: center; }
div#secondary div.userpic img {
border: solid 1px #6e312A;
padding: 1px;
}
div#secondary div.journal-name {
margin: 2px 0px;
text-align: center;
font-weight: bold;
font-size: 1.1em;
}
div#secondary ul.userlite-interaction-links {
margin: 5px; 0px;
}
div#secondary ul.userlite-interaction-links li {
background: none;
padding: 0px;
display: inline;
margin: 0px;
}
/* Center column (entries) */
div#primary {
float:left;
margin:0 10px 0 145px;
padding:6px 6px 6px 10px;
width:580px;
font-size:.9em;
color:#000000;
border-left:1px dashed #cccccc;
}
div.entry-content { font-size: 1em; }
div.entry h3.entry-title a {
display: block;
margin:0 0 5px;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.8em;
color:#9C291D;
}
/* Right column */
div#tertiary {
float:left;
margin:0;
padding:6px;
width:200px;
font-size:.9em;
color:#646464;
background:#eeeeee;
border:1px solid #cccccc;
margin-bottom: 30px;
}
div#tertiary div.module h2.module-header a { text-decoration: none; }
div#tertiary div.module h2.module-header{
font-size:1.4em;
color:#2C2C2C;
font-weight: bold;
margin-bottom: 5px;
}
div#tertiary li {
margin-left: 0px;
line-height: 1.5em;
background: transparent url('http://img29.imageshack.us/img29/7347/bulletedlibgdark.png') 0px 3px no-repeat;
}
/* Footer */
div#footer {
clear:both;
margin:30px 0 10px 0;
padding: 10px;
width:980px;
height: 100px;
background: transparent url('http://img707.imageshack.us/img707/8075/footerbgxf.jpg') 0px 0px no-repeat;
}
div#footer p {
margin:0;
padding:0 150px 0 0;
line-height:100px;
font-family:Arial, Helvetica, sans-serif;
font-size:.8em;
color:#454545;
text-align:right;
}
div#footer a {
color:#9C291D;
text-decoration:none;
}
div#footer a:hover {
color:#999999;
text-decoration:underline;
}
/* Entry Styling */
div.entry div.userpic img, body.page-entry div.entry div.contents span.poster.entry-poster {
visibility: hidden;
height: 1px;
width: 1px;
}
div.entry div.header span.restrictions img { float: right; }
div.entry-content {
margin: 0px 15px;
text-align: justify;
line-height:1.5em;
padding-bottom: 10px;
margin-bottom: 10px;
padding-top: 10px;
border-top: 1px dashed #F0F0F0;
border-bottom: 1px dashed #F0F0F0;
}
div.entry div.header span.datetime {
display: block;
line-height: 1.2em;
padding: 0px;
}
div.entry div.contents div.metadata ul li {
float: left;
list-style-type: none;
background: none;
margin: 0px;
padding-left: 0px;
padding-right: 15px;
}
div.entry div.contents div.metadata ul li img {
height: 1px;
width: 1px;
visibility: hidden;
}
div.entry-content pre {
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
}
div.entry div.footer { clear: both; }
div.entry div.footer div.tag ul { display: inline; }
div.entry div.footer div.tag li{
background: none;
display: inline;
padding: 0px;
}
div.entry div.footer ul.entry-management-links {
display: block;
float: right;
}
div.entry div.footer ul.entry-management-links li {
background:none;
padding: 0px;
margin: 0px;
display: inline;
}
body.page-entry div.entry div.footer ul.entry-management-links {
display: block;
float: none;
text-align: center;
margin-bottom: 0px;
}
div.entry div.footer ul.entry-interaction-links {
margin-top: 10px;
display: block;
float: left;
vertical-align: middle;
}
div.entry div.footer ul.entry-interaction-links li{
background:none;
padding: 0px;
margin: 0px;
display: inline;
}
body.page-entry div.entry div.footer ul.entry-interaction-links {
margin-top: 0px;
display: block;
float: none;
text-align: center;
}
div#entries div.separator-after {
clear: both;
height: 4px;
border-bottom: 1px dashed #cccccc;
}
div#entries div.separator-before {
clear: both;
height: 10px;
}
div.entry div.contents span.poster.entry-poster {
display: block;
padding-left: 0px;
line-height: 1.2em;
margin-bottom: 10px;
}
div.entry-content li {
line-height: 15px;
vertical-align: bottom;
}
div.entry-content ol { margin-left: 20px; }
div.entry-content ol li {
list-style: decimal;
background: none;
padding: 0px;
}
div.entry-content ul br, div.entry-content ol br {
line-height: 0px;
}
div.entry-content h1 {
font-size: 2em;
color: #6E312A;
font-weight: bold;
}
div.entry-content h2 {
font-size: 1.5em;
font-weight: bold;
font-style: italic;
}
div.entry-content h3 {
font-size: 1.25em;
font-weight: bold;
}
div.entry-content blockquote {
border: solid 2px #6E312A;
border-top: none;
border-bottom: none;
padding: 0px 5px;
margin: 15px 20px;
}
div.entry-content code, div.entry-content pre {
margin: 15px 25px;
padding: 5px;
clear: both;
background-color: #dddddd;
border: 1px dashed #6E312A;
display: block;
font-family: \"Courier New\", monospace;
}
div.entry-content img {
margin: 10px;
display: block;
}
div.entry-content span.ljuser img {
float: none;
margin: 0px;
display: inline;
}
hr.above-entry-interaction-links {
clear: both;
color: transparent;
height: 1px;
visibility: hidden;
}
hr.below-reply-container {
clear: both;
width: 100%;
height: 1px;
color: transparent;
border-top: 1px dashed #cccccc;
}
body.page-entry div.entry div.userpic img{
height: 1px;
width: 1px;
visibility: hidden;
}
/* Comment styling */
div#comments {
text-align: justify;
}
div.comment {
clear: both;
margin: 1em 0px;
}
div.comment div.header {
display: block;
float: right;
text-align: left;
}
div.comment div.contents div.userpic img {
margin: 0px 5px 5px 0px;
border: 1px solid #cccccc;
padding: 1px;
float: left;
background-color: white;
}
div.comment div.contents span.poster.comment-poster {
display: block;
clear: right;
float: right;
margin-bottom: 5px;
}
div.comment div.contents div.comment-content {
clear: right;
border: 1px solid #cccccc;
border-bottom: none;
margin-left: 25px;
padding: 10px;
padding-bottom: 0px;
min-height: 70px;
line-height: 1.2em;
}
div.comment div.footer {
min-height: 1.1em;
margin-left: 25px;
border: 1px solid #cccccc;
border-top: none;
}
div.comment div.footer div.inner {
padding: 5px;
height: 1.25em;
}
div.comment div.footer ul { float: right; }
div.comment div.footer ul li {
display: inline;
background: none;
padding: 0px;
}
div.comment div.footer ul > li:last-child:after { clear: both; }
div.comment-thread.comment-depth-1 { margin-top: 20px; }
div.comment-thread.comment-depth-1 div.comment-wrapper > div.separator.separator-before:first-child {
display: block;
width: 100%;
margin-top: 2em;
margin-bottom: 2em;
height: 1px;
border-top: 1px dashed #cccccc;
}
div#comments div.inner > div.comment-thread.comment-depth-1:first-child div.comment-wrapper > div.separator.separator-before:first-child, div.comment-thread div.comment-thread div.comment-wrapper > div.separator.separator-before:first-child {
border: none;
margin: 0px;
}
div.bottomcomment {
margin-top: 15px;
text-align: center;
}
div.bottomcomment ul {
display: block;
clear: both;
padding: 0px;
}
div.bottomcomment li {
display: inline;
background: none;
padding: 0px;
margin: 0px;
line-height: 15px;
}
/* Calendar styling */
div.month div.header h3, div.module-calendar h2 {
font-weight: bold;
text-align: center;
color: #6E312A;
font-size: 1.3em;
padding-bottom: 1px;
}
div.module-calendar h2 a {
text-decoration: none;
font-weight: bold;
}
div.month table.month, div.module-calendar table {
margin: 0px auto 10px auto;
border-collapse: collapse;
border: 1px solid #6E312A;
background-color: rgb(255,255,255);
}
div.month table.month thead, div.module-calendar tr:first-child {
background-color: #6E312A;
border-bottom: 1px solid #6E312A;
}
div.month table.month th, div.module-calendar th {
color: rgb(255,255,255);
padding: 1px;
}
div.module-calendar td {
padding: 2px;
vertical-align: top;
}
div.month table.month td a, div.module-calendar td a {
text-decoration: none;
font-weight: bold;
}
/* Definition List Styling */
div.module dl { margin-left: 15px; }
div.module dd, div.module dt { display: inline; }
/* Archive page styling */
body.page-archive div.navigation li {
display: inline;
margin-right: 15px;
}
body.page-archive div.navigation { text-align: center; }
body.page-archive div.navigation.bottomnav { margin-top: 1em; }
.month caption { display: none; }
div.month { text-align: center; }
.month .day{ width: 2em; }
.month .day, .month th {
line-height:2em;
padding:5px;
text-align:center;
vertical-align:text-top;
}
.month .day span, .month .day p {
margin:0;
padding:0;
font-size: 1em;
}
.month .day p {
margin-bottom:-4px;
margin-top:4px;
}
.month .day-has-entries { line-height:1em; }
div.month { margin-bottom: 2em; }