/* Walthers (Beatrice) - layout by manual@dw For the Brittle theme Patterns from http://subtlepatterns.com/, used with permission under Creative Commons License */ body { padding: 0; background: #fff url(http://i.imgur.com/f0sVM4Y.png); font-family: Tahoma, Arial, sans-serif; font-size: 1em; color: #222; line-height: 1.6em; text-align: center; } html body { margin-left: 0em; margin-right: 0em; } .entry img { border: none; opacity: 0.7; filter: alpha(Opacity=70); } .entry img:hover { opacity: 1; filter: alpha(Opacity=1); } a { text-decoration: none; font-variant: small-caps; text-shadow: 1px 1px #cecece; } a, a:link { color: #cc0000; } a:visited { color: #777; } a:hover { color: #ff0000; } q { font-style: italic; } #canvas { margin: 0 auto; padding: 5% 0; padding-left: 15%; text-align: justify; width: 85%; } #primary { float: left; width: 65%; text-align: justify; margin-right: 3%; } #secondary { float: left; width: 15em; margin: 1px 0 0 0; padding: 0 1em; font-size: 1em; } #tertiary { background-color: #ffffff; clear: both; color: #7a7a7a; line-height: 125%; margin-right: auto; width: 45%; } #tertiary > .inner:first-child { } #tertiary .separator-after { clear: both; } /*--- header + footer ---*/ #header { display: inline-block; width: 85%; background: transparent!important; color: #111; margin-bottom: 20px; } h1#title { font-family: 'Century Gothic', 'Geneva', sans-serif; font-size: 2.5em; font-weight: lighter; font-variant: small-caps; padding-top: 20px 0 0 0; text-shadow: 3px 3px #fff; } h2#subtitle { font-family: 'Century Gothic', 'Geneva', sans-serif; font-size: 1.5em; font-weight: lighter; text-transform: uppercase; padding-bottom: 20px 0 0 0; text-shadow: 3px 3px #fff; } h2#pagetitle { display: none; } #footer { background: #111 url(http://i.imgur.com/o9WL7x5.png); width: 65%; font-size: 1em; font-weight: lighter; text-transform: uppercase; text-align: center; clear: both; margin-top: 10px; margin-right: auto; } #footer a, #footer a:link, #footer a:active { color: #fff; } #footer a:visited { color: #999; } #footer a:hover { color: #cc0000; } #footer .inner { padding: 10px; } /*--- prev/next navigation ---*/ li.page-back, li.page-forward { display: inline; list-style: none; padding: 0; margin: 0; } li.page-separator { display: none; } div.navigation ul { display: inline; padding: 0; margin: 0; } /*--- entry ---*/ .entry { background: #ffffff; color: #111; padding: 20px; margin: 0 0 10px 0; font-family: Tahoma, Arial, sans-serif; font-size: 0.75em; } .entry a, #tertiary a { color: #cc0000; } .entry a:visited, #tertiary a:visited { color: #777; } .entry a:hover, #tertiary a:hover { color: #ff0000; } .entry-content { margin: 10px 0 0 0; } .entry .header { padding: 0; margin: 0 0 10px 0; border-bottom: 1px dotted #999; } h3.entry-title { margin: 0; padding: 0; font-family: 'Century Gothic', 'Geneva', sans-serif; font-size: 2em; font-weight: normal; font-variant: small-caps; letter-spacing: 1px; color: #999; } h3.entry-title a { color: #999; } .datetime { font-family: Helvetica, Georgia, sans-serif; font-size: 0.8em; text-transform: uppercase; color: #999; } .datetime a { color: #666; } div.entry div.userpic { display: block; margin: 0; } div.entry div.userpic img { background: #fff; border: 5px solid #999; border-radius: 30px 0 30px 0; margin-left: -50px; padding: 5px; opacity: 1; filter: alpha(Opacity=1); } span.poster { font-family: Helvetica, Arial, sans-serif; font-size: 0.6em; text-transform: uppercase; } .metadata { margin: 1.25em 0 0 0; } .metadata.top-metadata { margin: 10px 0 1.25em 0; } div.metadata ul { padding: 0; margin: 0; } div.metadata ul li { list-style: none; font-size: 90%; font-weight: normal; text-transform: lowercase; color: #666; letter-spacing: 0; padding: 0; } span.tag-text { list-style: none; font-size: 90%; text-transform: uppercase; display: none; } div.tag ul { padding: 0 0 0 13px; margin: 30px 0 0 0; display: inline; } div.tag ul li { display: inline; list-style: none; font-size: 90%; font-weight: normal; text-transform: lowercase; color: #cc0000; letter-spacing: 0; margin-top: 25px; margin-left: -10px; padding-top: 10px; } ul.module-list { list-style: none; padding-bottom: 20px; } ul.module-list li { padding: 0; list-style: none; } ul.module-list-item { list-style: none; } ul.module-list-item li { padding: 0; list-style: none; } ul.entry-management-links { padding: 0; margin: 30px 0 0 0; text-align: center; } ul.entry-management-links li { display: inline; list-style: none; font-size: 90%; font-weight: normal; text-transform: uppercase; color: #cc0000; letter-spacing: 0; padding: 0 5px 0 0; } ul.entry-interaction-links { padding: 0 0 5px 0; margin: 10px 0 0 0; text-align: center; } ul.entry-interaction-links li { display: inline; list-style: none; font-size: 90%; font-weight: normal; text-transform: uppercase; color: #cc0000; letter-spacing: 0; padding: 0 5px 0 0; } /*-- archive --*/ li.active { list-style: none; display: inline; padding: 0; margin: 10px; } .month { background-color: #ffffff; color: #7a7a7a; padding: 20px; margin: 0; } .month h3 { font-family: 'Century Gothic', Geneva, sans-serif; font-size: 0.7em; font-weight: normal; text-transform: lowercase; letter-spacing: 1px; padding: 0; margin: 0; text-align: right; } .month a { color: #5f8a92; } .month a:visited { color: #8da8ad; } .month a:hover { color: #acc5c9; } .navigation ul { display: inline; } .navigation li { display: inline; list-style: inside; } table.month { border: 0; } .month caption { display: none; } .month th { text-align: center; margin: 0 2px; text-transform: lowercase; font-weight: normal; } .month td.day { font-weight: normal; color: #939393; } .month td.day-has-entries { font-weight: normal; color: #939393; } .month td.day-has-entries p { padding: 0 0 0 5px; margin: 0; display: inline; } .month table { width: 100%; border: 0; margin: auto; } td.day { padding: 10px; border: 0; text-align: center; } /*-- tags --*/ .page-tags .tags-container { background-color: #ffffff; color: #7a7a7a; font-family: Georgia, Georgia, sans-serif; font-size: 0.95em; padding: 10px; margin: 0 0 10px 0; } .page-tags .tags-container h2 { margin: 0 0 10px 0; padding: 0; font-family: Georgia, Georgia, sans-serif; font-size: 0.7em; border-width: 0 0 1px 0; border-style: dotted; border-color: #d4d4d4; font-weight: normal; text-transform: lowercase; letter-spacing: 1px; color: #939393; } .page-tags .ljtaglist { margin: 0; padding: 0; } .page-tags .ljtaglist li { padding: 0 0 0 10px; margin: 0; text-transform: lowercase; letter-spacing: 0; list-style: none; } .page-tags .tags-container a { color: #5f8a92; } .page-tags .tags-container a:visited { color: #8da8ad; } .page-tags .tags-container a:hover { color: #acc5c9; } .page-tags .tags_cloud { text-align: center; } /*--- comments ---*/ #comments { font-family: Georgia, Georgia, sans-serif; font-size: 0.95em; } .comment-title { font-family: Georgia, sans-serif; } .comment-title h4 { font-size: inherit; font-weight: inherit; margin: 0; padding: 0; } hr.above-entry-interaction-links, hr.below-reply-container { display: none; } input, textarea { background-color: #ffffff; color: #939393; padding: 2px; border: 1px solid #d4d4d4; font-family: Helvetica, Georgia, sans-serif; font-size: 80%; } textarea.textbox { width: 90%!important; } .poster-ip { font-family: Helvetica, Georgia, sans-serif; font-size: 0.6em; text-transform: uppercase; color: #939393; display: block; text-align: left; } div.comment div.userpic { display: block; margin: 0; } div.comment div.userpic img { border: 5px solid #999; } .comment { background: #ffffff; color: #7a7a7a; padding: 20px; margin: 0; } .comment-wrapper { margin: 20px 0; padding: 0; } .comment-content { margin: 10px 0; } .bottomcomment, .comments-message { background: #ffffff; color: #7a7a7a; padding: 20px; margin: 0; } .comment a, .bottomcomment a { color: #5f8a92; } .comment a:visited, .bottomcomment a:visited { color: #8da8ad; } .comment a:hover, .bottomcomment a:hover { color: #acc5c9; } .comment-management-links ul, .comment-interaction-links ul { margin: 0; padding: 0; list-style: none; } .comment-management-links li, .comment-interaction-links li { display: inline; } #qrform table { border: 0!important; } .comment-poster { font-family: Helvetica, Georgia, sans-serif; font-size: 0.6em; text-transform: uppercase; color: #939393; } .comment-management-links ul, .comment-interaction-links ul { margin: 0; padding: 0; list-style: none; } .comment-management-links li, .comment-interaction-links li { display: inline; } table.talkform { background: #ffffff; color: #7a7a7a; font-family: Georgia, Georgia, sans-serif; font-size: 0.95em; padding: 10px; margin: 0 0 10px 0; } table.talkform b { color: #7a7a7a; } table.talkform a { color: #5f8a92; } table.talkform a:visited { color: #8da8ad; } table.talkform a:hover { color: #acc5c9; } /*-- modules --*/ #secondary .module { font-family: 'Century Gothic', Geneva, sans-serif; font-size: 0.8em; background: #fff; padding: 0; width: 80%; } #tertiary .module { float: left; padding: 0.5em 2em; font-family: 'Century Gothic', Geneva, sans-serif; font-size: 0.8em; } #secondary .module-navlinks { font-family: 'Century Gothic', Geneva, sans-serif; font-size: 0.8em; } #tertiary .module-navlinks { margin: 0; padding: 1em 5%; width: 80%; } .module-navlinks { padding: 10px; margin: 0; margin-left: 0; background-color: #fff; font-variant: small-caps; } .module-navlinks ul.module-list { padding: 10px; margin: 0; list-style: none; } .module-navlinks ul.module-list li { padding: 0; margin: 0; list-style: none; } .module-navlinks ul.module-list li a, .module-navlinks ul.module-list li a:link { color: #333; } .module-navlinks ul.module-list li a:visited { color: #555; } .module-navlinks ul.module-list li a:hover { color: #ff0000; } .module-calendar { text-align: center; } .module-customtext, .module-customtext .module-content { padding: 10px; margin: 0; font-family: Tahoma, Arial, sans-serif; font-size: 1em; line-height: 1.2em; text-align: justify; } .module-header { font-family: 'Century Gothic', Geneva, sans-serif; font-size: 1em; font-weight: normal; letter-spacing: 1px; text-align: center; text-transform: uppercase; border-style: dotted; border-width: 0 0 1px 0; border-color: #999; padding: 10px; } .module-customtext .module-header { text-align: center; padding: 10px; } #tertiary .module-header a, #tertiary .module-header a:link, #tertiary .module-header a:visited, #tertiary .module-header a:hover { color: #939393; } .module-userprofile .journal-name, .module-userprofile .userpic { text-align: center; padding: 10px 10px 20px 10px; } .module-userprofile .userpic img { background: #fff; border:10px solid #999; padding: 10px; margin-bottom: -10px; } ul.userlite-interaction-links.icon-links { display: none; } ul.userlite-interaction-links.icon-links li { display: none; } .module-tags_cloud, .module-time, .module-powered { width: 90%; } .tags_cloud li, .module-tags_cloud li { display: inline; list-style-type: none; } .manage-link { font-size: smaller; text-align: right; text-transform: uppercase; display: none; } .module-time, .module-powered { border-style:dotted; border-width: 0 0 1px 0; border-color: #d4d4d4; letter-spacing: 1px; line-height: 125%; text-align: center; padding-top: 1em; } .module-search .search-form { margin: .2em auto; } .module-search .search-box { margin: .2em; } #tertiary .module-content ul { list-style-image: none; list-style-position: outside; list-style-type: disc; margin-left: 1em; padding-left: 0; } #tertiary .module-content li { margin: 0.5em 0; line-height: 100%; } /*-- extras --*/ div.ContextualPopup { position: relative; margin: 0; text-align: justify; font-weight: normal; font-family: Helvetica, Georgia, sans-serif; font-size: 90%; color: #939393; line-height: 1.8em; } div.ContextualPopup div.Inner { color: #939393 !important; border: 1px dotted #d4d4d4; background: #ffffff !important; padding: 10px; } div.ContextualPopup .Userpic { margin: 5px; border: 1px dotted #d4d4d4; background: #ffffff !important; padding: 5px; } blockquote { background: #efefef url(http://i.imgur.com/2pMMaxx.png); border: 1px dotted #e6e6e6; font-size: 0.9em; padding: 40px 20px; margin: 20px; color: #222; } hr { color: transparent; height: 1px; border-style: none; border-bottom: 3px double #e6e6e6; } div.entry div.userpic, div.comment div.userpic { float: left; text-align: right; } div.entry div.userpic { margin-left: -105px; } div.comment div.userpic { margin-left: -115px; } /*--- Journal Navigation ---*/ .navigation { font-family: 'MS Gothic', 'Geneva', sans-serif; font-size: 0.9em; background: #transparent; color: #111; border-bottom: none; text-transform: uppercase; text-align: center; margin: 0 0 15px 0; padding: 5px; } .topnav, .topnav a { display: none; } /*--- Navigation Bar ---*/ table#lj_controlstrip td { background: #111 url(http://i.imgur.com/o9WL7x5.png); border: none; color: #fff; } #lj_controlstrip input { background: #ffffff; border: 1px dotted #333333; color: #333333; } #lj_controlstrip a { color: #fff; text-shadow: none; } #lj_controlstrip_statustext { color: #fff; } #lj_controlstrip .ljuser a b { color: #fff; }