Transmogrified: Lefty

[sarken]

Title: Lefty
Themes: Green Party & Pinko

Style: Transmogrified
Browsers: Internet Explorer 8+, Firefox 3.6+, Safari 5+, Chrome 17+, Opera 11.6+

Lefty for Transmogrified

	Green Party	Pinko
	Live Preview	Live Preview
	/* Layout: LEFTY Theme: GREEN PARTY CREDITS CSS: Sarken @ rentals - http://rentals.dreamwidth.org/945.html */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, abbr, acronym, address, big, code, del, dfn, img, ins, kbd, q, s, samp, tt, var, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { border: 0; font: inherit; font-size: 100%; margin: 0; padding: 0; vertical-align: baseline; } * { box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; } body { background-color: #4BB5BD; color: #333; font: 1em Georgia, Times New Roman, serif; } a { text-decoration: none; color: #919C2C; } ul, ol { list-style-type: none; } li { display: inline; } big { font-size: 1.25em; } code { font-family: monospace; } hr { display: none; } small { font-size: 0.75em; } blockquote, .poll-container { background: #F5F7F7; border: 1px solid #C7C9C9; font: 0.875em/1.75 'Lucida Grande', 'Lucida Sans', Helvetica, sans-serif; margin: 0.875em auto; padding: 1em; width: 95%; } #container, #footer, #body-footer { background-color: #FAFCFC; border-left: 0.75em solid #62942F; border-right: 0.375em solid #325A6D; margin: 0 auto 0 4%; width: 85%; } span.access-filter, span.restrictions { display: none; } /* header */ #header { background-color: #CDDC3E; color: #FFFFFF; padding-top: 1.25em; } #header a { color: #FAFCFC; text-decoration: none; } #header h1 { background: #62942F; display: inline-block; padding: 0.625em 1.25em 0.625em 4.5em; } #header h2 { display: none; } .module-section-one { background: #325A6D; padding: 0 1.25em; text-align: right; } .module-section-one a { color: #FAFCFC; } .module-section-one ul { font-size: 0.9375em; letter-spacing: 0.1em; padding: 0.5em 0; text-transform: lowercase; } .module-section-one li a { padding: 0.5em; } .module-section-one li a:hover { background: #4BB5BD; } .module-section-one li .current, .module-section-one a.current:hover { background: #CDDC3E; font-style: italic; } /* content */ #content { position: relative; padding: 0 1.25em; width: 100%; } .navigation { position: relative; text-align: center; } .navigation ul { position: relative; padding: 0 1.25em; } .navigation li { padding: 0 0.5em; } .navigation .page-back, .navigation .page-forward { display: inline-block; padding: 0 0 0 0; width: auto; } .navigation .page-back a, .navigation .page-forward a { display: block; color: #FAFCFC; font-size: 1px; font-style: italic; font-weight: bold; } .navigation .page-back a:before { color: #325A6D; content: "<<"; font-family: 'Chalkboard','Comic Sans MS'; font-size: 48px; } .navigation .page-back:hover a:before, .navigation .page-forward:hover a:after { color: #62942F; } .navigation .page-forward { text-align: right; } .navigation .page-forward a:after { color: #325A6D; content: ">>"; font-family: 'Chalkboard','Comic Sans MS'; font-size: 48px; } .navigation .page-separator { display: none; } /* entries and comments */ .entry-wrapper, .comment-wrapper { margin-bottom: 3.5em; position: relative; } .entry .header, .comment .header { margin-right: 112px; } .no-userpic .entry .header, .no-userpic .comment .header { margin-right: 0; } .entry .entry-title, .comment .comment-title { border-bottom: 1px solid #C7C9C9; padding-right: 0.875em; } .entry .entry-title a, .comment .comment-title a { color: #000; font-size: 1.25em; } .datetime, .poster { color: #666; font: 0.8125em 'Lucida Grande', 'Lucida Sans', Helvetica, sans-serif; text-transform: uppercase; } .datetime a, .poster a { color: #666; } .security-protected .entry .datetime:after { content: " Access: Protected"; } .security-private .entry .datetime:after { content: " Access: Private"; } .security-custom .entry .datetime:after { content: " Access: Filtered"; } .restrictions-18 .entry .datetime:after { content: " 18+"; } .restrictions-NSFW .entry .datetime:after { content: " NSFW"; } .entry .userpic, .comment .userpic { float: right; height: 60px; margin: 0 0 1em 1em; width: 122px; } .entry .userpic a, .comment .userpic a { border: 1px solid #C7C9C9; display: block; position: absolute; right: 0; top: 0; } .entry .userpic img, .comment .userpic img { margin: 5px; } .entry-content, .comment-content { font-size: 0.9375em; line-height: 1.75; margin: 1.75em 0; min-height: 6em; text-align: justify; } .entry-content a, .comment-content a { color: #407B80; text-decoration: underline; } .entry-content a:visited, .comment-content a:visited { color: #62942F; } .entry-content ul { list-style: disc inside; } .entry-content ol { list-style: decimal-leading-zero inside; } .entry-content li { display: list-item; } .entry-content h1, .comment-content h1 { font-size: 1.625em; } .entry-content h2, .comment-content h2 { font-size: 1.5em; } .entry-content h3, .comment-content h3 { font-size: 1.375em; } .entry-content h4, .comment-content h4 { font-size: 1.25em; } .entry-content h5, .comment-content h5 { font-size: 1.125em; } .entry-content h6, .comment-content h6 { font-weight: bold; } .entry .metadata li { display: block; } .entry .metadata span { font-size: 0.875em; text-transform: lowercase; } .entry .metadata span.metadata-label { font-weight: bold; } .entry .footer, .comment .footer { text-align: right; } .entry .footer a, .comment .footer a { color: #666; } .tag { font-size: 0.875em; text-align: left; text-transform: lowercase; } .tag-text { font-weight: bold; } .footer .tag ul, .tag ul { display: inline; } .footer ul { display: inline-block; } .entry-management-links, .entry-interaction-links, .comment-management-links, .comment-interaction-links { display: inline-block; margin-top: 1.25em; } .entry-management-links li, .entry-interaction-links li, .comment-management-links li, .comment-interaction-links li { margin-right: 0.25em; text-transform: uppercase; } .entry-management-links li a, .entry-interaction-links li a, .comment-management-links li a, .comment-interaction-links li a { font: 0.8125em 'Lucida Grande', 'Lucida Sans', Helvetica, sans-serif; color: #666; } .entry-interaction-links li.first-item, .comment-interaction-links li.first-item { padding-left: 0.1875em; } #comments .comment-pages { color: #FAFCFC; border: 1px solid #ccc; border-left: none; border-right: none; margin-bottom: 3.5em; padding: 0.5em; text-align: center; } #comments .comment-pages a { font-family: 'Lucida Grande', 'Lucida Sans', Helvetica, sans-serif; text-transform: uppercase; } #comments .bottompages { margin-top: 3.5em; } .comment .comment-title { font-size: 1em; } /* module section two */ .module-section-two { position: relative; width: 16.25em; } .module-section-two .module { padding: 0.625em 0; } .module-section-two .module-content a:hover { color: #62942F; } /* module section three */ .module-section-three { float: left; padding: 3.5em 1.25em; width: 100%; } .module-section-three .module { float: left; padding-bottom: 1.5em; padding-right: 1.5em; width: 33%; } .module-section-three .module:nth-of-type(3n) { padding-right: 0; } .module-section-three .module:last-of-type { padding-bottom: 0; } /* module shared */ .module-section-two .module, .module-section-three .module { color: #111; margin-bottom: 1em; } .module-section-two h2, .module-section-three h2 { border-bottom: 1px solid #C7C9C9; color: #000; font-size: 1.25em; margin-bottom: 0.625em; padding-left: 1em; } .module-section-two h2 a, .module-section-three h2 a { color: #000; } .module-section-two .module-list, .module-section-three .module-list { margin: 1.25em 0 1em; } .module-section-two ul.module-list li, .module-section-three ul.module-list li { border-bottom: 1px solid #DCDEDE; display: list-item; letter-spacing: 0.1em; margin-bottom: 0.625em; padding: 0 0.625em 0 0.875em; text-align: left; } .module-calendar .module-content, .module-credit .module-content, .module-cuttagcontrols .module-content, .module-search .module-content, .module-syndicate .module-content, .module-userprofile .module-content, .module .manage-link { text-align: center; } .module-calendar table { margin: 0 auto; width: 14em; } .module-calendar table th, .module-calendar table td { font-size: 0.8125em; } .module-calendar table .entry-day, .module-calendar table .empty-day { background: #F5F7F7; border: 1px solid #C7C9C9; padding: 2px 0; } .module-tags_multilevel ul.module-list li ul { list-style: disc inside; } .module-tags_multilevel ul.module-list li li { border-bottom: none; } .module-tags_cloud div.module-list { font-size: 65%; margin-left: 0.875em; margin-bottom: 1em; } .module-wrapper .inner .module-powered.module, .module-wrapper .inner .module-time.module { margin-bottom: 0; padding-bottom: 0.875em; width: 100%; } /* footer */ .page-top { padding: 0.75em 1.25em; text-align: right; } /* forms */ span.multiform-checkbox { font: 0.8125em 'Lucida Grande', 'Lucida Sans', Helvetica, sans-serif; padding-right: 0.5em; text-transform: uppercase; } #postform, #qrform { margin-top: 1.25em; } #qrform table td b, #postform table.talkform td { vertical-align: top; } input, select { background: #FAFCFC; border: 1px solid #C7C9C9; font: 0.875em Georgia, Times New Roman, serif; } input[type="submit"], input[type="button"], input[type="search"], input[type="text"], input[type="password"] { padding: 0.25em 0.5em 0.25em 0.5em; } textarea { background: #FAFCFC; border: 1px solid #C7C9C9; font: 0.875em/1.6 Georgia, Times New Roman, serif; } /* control strip */ #lj_controlstrip { background: #325A6D; background-image: none; } #lj_controlstrip a { color: #FAFCFC; font-family: 'Lucida Grande', 'Lucida Sans', Helvetica, sans-serif; } #lj_controlstrip a:hover { border-bottom: 1px solid #4BB5BD; text-decoration: none; } #lj_controlstrip td, #lj_controlstrip_statustext { color: #CDDC3E; font-family: 'Lucida Grande', 'Lucida Sans', Helvetica, sans-serif; } #lj_controlstrip_statustext { line-height: 20px; } #lj_controlstrip form { height: 20px; } #lj_controlstrip form#login { height: auto; } #lj_controlstrip input, #lj_controlstrip select, #lj_controlstrip input#xc_user, #lj_controlstrip input#xc_password, #lj_controlstrip input#xc_remember, #lj_controlstrip input#search { border: 1px solid #325A6D; border-radius: 14px; background-color: #FAFCFC; color: #407B80; font-family: 'Lucida Grande', 'Lucida Sans', Helvetica, sans-serif; padding: 0px 4px; } #lj_controlstrip_user, #lj_controlstrip_login, #ljcontrolstrip_loggedout_userpic, #lj_controlstrip_actionlinks { border-color: #4BB5BD; } /* contextual pop-up */ body div.ContextualPopup { background: #F5F7F7; border-radius: 0; box-shadow: none; color: #333; font-family: 'Lucida Grande', 'Lucida Sans', Helvetica, sans-serif; } body div.ContextualPopup, body div.ContextualPopup .Userpic { border: 1px solid #C7C9C9; } body div.ContextualPopup a, body div.ContextualPopup a:visited { color: #919C2C; font-weight: normal; } body div.ContextualPopup a:hover { color: #62942F; } body div.ContextualPopup li { display: block; } /* entry and reply */ .page-entry .entry, .page-reply .comment { margin-top: 0.875em; } /* archive and month */ .page-archive #archive-year, .page-month #archive-month { margin-top: 0.875em; } .page-archive .navigation, .page-month .navigation { } .page-archive .navigation li, .page-month .navigation li { } .page-archive .navigation li a, .page-month .navigation li a { } .page-archive .month-wrapper { margin: 1.25em 0; } .page-archive .month .header { border-bottom: 1px solid #C7C9C9; font-size: 1.25em; } .page-archive .month table { border-collapse: collapse; margin: 0.875em auto; } .page-archive .month table th, .page-archive .month table .day { text-align: center; padding: 0.5em 0.75em; width: 10%; } .page-archive .month table .day { border: 1px solid #C7C9C9; } .page-archive .month .footer { padding: 0 0 0.875em 0; text-align: center; } .page-month .month dt { font-weight: bold; } .page-month .month dd { margin-left: 1em; } .page-month .month .entry-title { display: inline; margin-left: 0.5em; } /* tags */ .page-tags .tags-container { margin-top: 0.875em; } .page-tags .tags-container h2 { border-bottom: 1px solid #C7C9C9; font-size: 1.25em; margin-bottom: 0.625em; } .page-tags .tags-container > .ljtaglist { margin-bottom: 1em; } .page-tags .tags-container ul.tags_list, .page-tags .tags-container ul.tags_multilevel { list-style: disc inside; } .page-tags .tags-container ul.tags_multilevel ul { margin-left: 3em; } .page-tags .tags-container ul.tags_list li, .page-tags .tags-container ul.tags_multilevel li { display: list-item; margin: 0.5em 0; } .page-tags .tags-container .tags_cloud { text-align: center; } .page-tags .tags-container .manage-link { text-align: center; } /* one column */ .one-column #footer { float: left; } .one-column .module-section-two { float: left; padding: 3.5em 1.25em 0; width: 100%; } .one-column .module-section-two .module { float: left; padding-bottom: 1.5em; padding-right: 1.5em; width: 33%; } .one-column .module-section-two .module:nth-of-type(3n) { padding-right: 0; } .one-column .module-section-two .module:last-of-type { padding-bottom: 0; } .one-column #entries .navigation ul { height: 4.5em; } .one-column #entries .page-back, .one-column #entries .page-forward { position: absolute; } .one-column #entries .page-back { left: 0; } .one-column #entries .navigation .page-forward { right: 0; } /* one column split */ .one-column-split #content { float: left; } /* two columns */ .two-columns .module-section-two .module-userprofile { float: left; } .two-columns .module-section-two .module-userprofile h2 { display: none; } .two-columns .module-section-two .module-userprofile .module-content { background: #F5F7F7; border: 1px solid #C7C9C9; float: left; font-family: 'Lucida Grande', 'Lucida Sans', Helvetica, sans-serif; padding: 1.125em 1em; width: 16.25em; } .two-columns .module-section-two .module-userprofile .journal-name, .two-columns .module-section-two .module-userprofile .journal-website-name { line-height: 1.25; font-size: 0.75em; } .two-columns .module-section-two .module-userprofile .userpic { display: inline-block; float: left; } .two-columns .module-section-two .module-userprofile .userpic img { border: 1px solid #C7C9C9; height: 54px; padding: 3px; width: 54px; } .two-columns .module-section-two .module-userprofile ul { padding: 0.25em 0 0 0; } .two-columns .module-section-two .module-userprofile li { padding: 0 0.25em; } .two-columns .module-section-two .module-userprofile li:last-of-type { padding: 0 0.25em 0 0; } .two-columns .module-section-two .module-userprofile li:last-of-type { padding: 0 0 0 0.25em; } .two-columns .module-section-two .module-userprofile + .module { clear: both; } .two-columns .module-section-two .module-customtext .module-content, .two-columns .module-section-two .calendar-horizontal { padding: 0 0.625em 0 0.875em; } .two-columns .module-section-two .module-powered.module, .two-columns .module-section-two .module-time.module { margin-bottom: 0; } .two-columns .module-section-two .module-powered .module-content, .two-columns .module-section-two .module-time .module-content { padding: 0 0.625em 0 0.875em; text-align: left; } .page-recent.two-columns .module-section-two, .page-day.two-columns .module-section-two, .page-read.two-columns .module-section-two, .page-network.two-columns .module-section-two { margin-top: 56px; } /* two columns left */ .two-columns-left #wrap { padding-left: 16.25em; } .two-columns-left #content, .two-columns-left .module-section-two { float: right; } .two-columns-left #entries .navigation ul { left: -17.5em; padding-left: 1.25em; text-align: left; } .two-columns-left .module-section-two { margin-left: -16.25em; } .two-columns-left .module-section-two .module-userprofile .module-content { border-left: none; } /* two columns right */ .two-columns-right #wrap { padding-left: 16.25em; } .two-columns-right #content, .two-columns-right .module-section-two { float: left; } .two-columns-right #content { margin-left: -16.25em; } .two-columns-right #entries .navigation ul { padding-right: 1.25em; right: -17.5em; text-align: right; } .two-columns-right .module-section-two .module-userprofile .module-content { border-right: none; }	/* Layout: LEFTY Theme: PINKO CREDITS CSS: Sarken @ rentals - http://rentals.dreamwidth.org/945.html */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, abbr, acronym, address, big, code, del, dfn, img, ins, kbd, q, s, samp, tt, var, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { border: 0; font: inherit; font-size: 100%; margin: 0; padding: 0; vertical-align: baseline; } * { box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; } body { background-color: #727CA2; color: #333; font: 1em Georgia, Times New Roman, serif; } a { text-decoration: none; color: #D93361; } ul, ol { list-style-type: none; } li { display: inline; } big { font-size: 1.25em; } code { font-family: monospace; } hr { display: none; } small { font-size: 0.75em; } blockquote, .poll-container { background: #EEEEEE; border: 1px solid #AAAAAA; font: 0.875em/1.75 'Lucida Grande', 'Lucida Sans', Helvetica, sans-serif; margin: 0.875em auto; padding: 1em; width: 95%; } #container, #footer, #body-footer { background-color: #FEFEFB; border-left: 0.75em solid #9B314F; border-right: 0.375em solid #483A5F; margin: 0 auto 0 4%; width: 85%; } span.access-filter, span.restrictions { display: none; } /* header */ #header { background-color: #D93361; color: #FFFFFF; padding-top: 1.25em; } #header a { color: #FEFEFB; text-decoration: none; } #header h1 { background: #9B314F; display: inline-block; padding: 0.625em 1.25em 0.625em 4.5em; } #header h2 { display: none; } .module-section-one { background: #483A5F; padding: 0 1.25em; text-align: right; } .module-section-one a { color: #FEFEFB; } .module-section-one ul { font-size: 0.9375em; letter-spacing: 0.1em; padding: 0.5em 0; text-transform: lowercase; } .module-section-one li a { padding: 0.5em; } .module-section-one li a:hover { background: #727CA2; } .module-section-one li .current, .module-section-one a.current:hover { background: #D93361; font-style: italic; } /* content */ #content { position: relative; padding: 0 1.25em; width: 100%; } .navigation { position: relative; text-align: center; } .navigation ul { position: relative; padding: 0 1.25em; } .navigation li { padding: 0 0.5em; } .navigation .page-back, .navigation .page-forward { display: inline-block; padding: 0 0 0 0; width: auto; } .navigation .page-back a, .navigation .page-forward a { display: block; color: #FEFEFB; font-size: 1px; font-style: italic; font-weight: bold; } .navigation .page-back a:before { color: #483A5F; content: "<<"; font-family: 'Chalkboard','Comic Sans MS'; font-size: 48px; } .navigation .page-back:hover a:before, .navigation .page-forward:hover a:after { color: #9B314F; } .navigation .page-forward { text-align: right; } .navigation .page-forward a:after { color: #483A5F; content: ">>"; font-family: 'Chalkboard','Comic Sans MS'; font-size: 48px; } .navigation .page-separator { display: none; } /* entries and comments */ .entry-wrapper, .comment-wrapper { margin-bottom: 3.5em; position: relative; } .entry .header, .comment .header { margin-right: 112px; } .no-userpic .entry .header, .no-userpic .comment .header { margin-right: 0; } .entry .entry-title, .comment .comment-title { border-bottom: 1px solid #AAAAAA; padding-right: 0.875em; } .entry .entry-title a, .comment .comment-title a { color: #000; font-size: 1.25em; } .datetime, .poster { color: #666; font: 0.8125em 'Lucida Grande', 'Lucida Sans', Helvetica, sans-serif; text-transform: uppercase; } .datetime a, .poster a { color: #666; } .security-protected .entry .datetime:after { content: " Access: Protected"; } .security-private .entry .datetime:after { content: " Access: Private"; } .security-custom .entry .datetime:after { content: " Access: Filtered"; } .restrictions-18 .entry .datetime:after { content: " 18+"; } .restrictions-NSFW .entry .datetime:after { content: " NSFW"; } .entry .userpic, .comment .userpic { float: right; height: 60px; margin: 0 0 1em 1em; width: 122px; } .entry .userpic a, .comment .userpic a { border: 1px solid #AAAAAA; display: block; position: absolute; right: 0; top: 0; } .entry .userpic img, .comment .userpic img { margin: 5px; } .entry-content, .comment-content { font-size: 0.9375em; line-height: 1.75; margin: 1.75em 0; min-height: 6em; text-align: justify; } .entry-content a, .comment-content a { color: #565F80; text-decoration: underline; } .entry-content a:visited, .comment-content a:visited { color: #9B314F; } .entry-content ul { list-style: disc inside; } .entry-content ol { list-style: decimal-leading-zero inside; } .entry-content li { display: list-item; } .entry-content h1, .comment-content h1 { font-size: 1.625em; } .entry-content h2, .comment-content h2 { font-size: 1.5em; } .entry-content h3, .comment-content h3 { font-size: 1.375em; } .entry-content h4, .comment-content h4 { font-size: 1.25em; } .entry-content h5, .comment-content h5 { font-size: 1.125em; } .entry-content h6, .comment-content h6 { font-weight: bold; } .entry .metadata li { display: block; } .entry .metadata span { font-size: 0.875em; text-transform: lowercase; } .entry .metadata span.metadata-label { font-weight: bold; } .entry .footer, .comment .footer { text-align: right; } .entry .footer a, .comment .footer a { color: #666; } .tag { font-size: 0.875em; text-align: left; text-transform: lowercase; } .tag-text { font-weight: bold; } .footer .tag ul, .tag ul { display: inline; } .footer ul { display: inline-block; } .entry-management-links, .entry-interaction-links, .comment-management-links, .comment-interaction-links { display: inline-block; margin-top: 1.25em; } .entry-management-links li, .entry-interaction-links li, .comment-management-links li, .comment-interaction-links li { margin-right: 0.25em; text-transform: uppercase; } .entry-management-links li a, .entry-interaction-links li a, .comment-management-links li a, .comment-interaction-links li a { font: 0.8125em 'Lucida Grande', 'Lucida Sans', Helvetica, sans-serif; color: #666; } .entry-interaction-links li.first-item, .comment-interaction-links li.first-item { padding-left: 0.1875em; } #comments .comment-pages { color: #FEFEFB; border: 1px solid #ccc; border-left: none; border-right: none; margin-bottom: 3.5em; padding: 0.5em; text-align: center; } #comments .comment-pages a { font-family: 'Lucida Grande', 'Lucida Sans', Helvetica, sans-serif; text-transform: uppercase; } #comments .bottompages { margin-top: 3.5em; } .comment .comment-title { font-size: 1em; } /* module section two */ .module-section-two { position: relative; width: 16.25em; } .module-section-two .module { padding: 0.625em 0; } .module-section-two .module-content a:hover { color: #9B314F; } /* module section three */ .module-section-three { float: left; padding: 3.5em 1.25em; width: 100%; } .module-section-three .module { float: left; padding-bottom: 1.5em; padding-right: 1.5em; width: 33%; } .module-section-three .module:nth-of-type(3n) { padding-right: 0; } .module-section-three .module:last-of-type { padding-bottom: 0; } /* module shared */ .module-section-two .module, .module-section-three .module { color: #111; margin-bottom: 1em; } .module-section-two h2, .module-section-three h2 { border-bottom: 1px solid #AAAAAA; color: #000; font-size: 1.25em; margin-bottom: 0.625em; padding-left: 1em; } .module-section-two h2 a, .module-section-three h2 a { color: #000; } .module-section-two .module-list, .module-section-three .module-list { margin: 1.25em 0 1em; } .module-section-two ul.module-list li, .module-section-three ul.module-list li { border-bottom: 1px solid #DDDDDD; display: list-item; letter-spacing: 0.1em; margin-bottom: 0.625em; padding: 0 0.625em 0 0.875em; text-align: left; } .module-calendar .module-content, .module-credit .module-content, .module-cuttagcontrols .module-content, .module-search .module-content, .module-syndicate .module-content, .module-userprofile .module-content, .module .manage-link { text-align: center; } .module-calendar table { margin: 0 auto; width: 14em; } .module-calendar table th, .module-calendar table td { font-size: 0.8125em; } .module-calendar table .entry-day, .module-calendar table .empty-day { background: #EEEEEE; border: 1px solid #AAAAAA; padding: 2px 0; } .module-tags_multilevel ul.module-list li ul { list-style: disc inside; } .module-tags_multilevel ul.module-list li li { border-bottom: none; } .module-tags_cloud div.module-list { font-size: 65%; margin-left: 0.875em; margin-bottom: 1em; } .module-wrapper .inner .module-powered.module, .module-wrapper .inner .module-time.module { margin-bottom: 0; padding-bottom: 0.875em; width: 100%; } /* footer */ .page-top { padding: 0.75em 1.25em; text-align: right; } /* forms */ span.multiform-checkbox { font: 0.8125em 'Lucida Grande', 'Lucida Sans', Helvetica, sans-serif; padding-right: 0.5em; text-transform: uppercase; } #postform, #qrform { margin-top: 1.25em; } #qrform table td b, #postform table.talkform td { vertical-align: top; } input, select { background: #FEFEFB; border: 1px solid #AAAAAA; font: 0.875em Georgia, Times New Roman, serif; } input[type="submit"], input[type="button"], input[type="search"], input[type="text"], input[type="password"] { padding: 0.25em 0.5em 0.25em 0.5em; } textarea { background: #FEFEFB; border: 1px solid #AAAAAA; font: 0.875em/1.6 Georgia, Times New Roman, serif; } /* control strip */ #lj_controlstrip { background: #483A5F; background-image: none; } #lj_controlstrip a { color: #FEFEFB; font-family: 'Lucida Grande', 'Lucida Sans', Helvetica, sans-serif; } #lj_controlstrip a:hover { border-bottom: 1px solid #727CA2; text-decoration: none; } #lj_controlstrip td, #lj_controlstrip_statustext { color: #D93361; font-family: 'Lucida Grande', 'Lucida Sans', Helvetica, sans-serif; } #lj_controlstrip_statustext { line-height: 20px; } #lj_controlstrip form { height: 20px; } #lj_controlstrip form#login { height: auto; } #lj_controlstrip input, #lj_controlstrip select, #lj_controlstrip input#xc_user, #lj_controlstrip input#xc_password, #lj_controlstrip input#xc_remember, #lj_controlstrip input#search { border: 1px solid #483A5F; border-radius: 14px; background-color: #FEFEFB; color: #565F80; font-family: 'Lucida Grande', 'Lucida Sans', Helvetica, sans-serif; padding: 0px 4px; } #lj_controlstrip_user, #lj_controlstrip_login, #ljcontrolstrip_loggedout_userpic, #lj_controlstrip_actionlinks { border-color: #727CA2; } /* contextual pop-up */ body div.ContextualPopup { background: #EEEEEE; border-radius: 0; box-shadow: none; color: #333; font-family: 'Lucida Grande', 'Lucida Sans', Helvetica, sans-serif; } body div.ContextualPopup, body div.ContextualPopup .Userpic { border: 1px solid #AAAAAA; } body div.ContextualPopup a, body div.ContextualPopup a:visited { color: #D93361; font-weight: normal; } body div.ContextualPopup a:hover { color: #9B314F; } body div.ContextualPopup li { display: block; } /* entry and reply */ .page-entry .entry, .page-reply .comment { margin-top: 0.875em; } /* archive and month */ .page-archive #archive-year, .page-month #archive-month { margin-top: 0.875em; } .page-archive .navigation, .page-month .navigation { } .page-archive .navigation li, .page-month .navigation li { } .page-archive .navigation li a, .page-month .navigation li a { } .page-archive .month-wrapper { margin: 1.25em 0; } .page-archive .month .header { border-bottom: 1px solid #AAAAAA; font-size: 1.25em; } .page-archive .month table { border-collapse: collapse; margin: 0.875em auto; } .page-archive .month table th, .page-archive .month table .day { text-align: center; padding: 0.5em 0.75em; width: 10%; } .page-archive .month table .day { border: 1px solid #AAAAAA; } .page-archive .month .footer { padding: 0 0 0.875em 0; text-align: center; } .page-month .month dt { font-weight: bold; } .page-month .month dd { margin-left: 1em; } .page-month .month .entry-title { display: inline; margin-left: 0.5em; } /* tags */ .page-tags .tags-container { margin-top: 0.875em; } .page-tags .tags-container h2 { border-bottom: 1px solid #AAAAAA; font-size: 1.25em; margin-bottom: 0.625em; } .page-tags .tags-container > .ljtaglist { margin-bottom: 1em; } .page-tags .tags-container ul.tags_list, .page-tags .tags-container ul.tags_multilevel { list-style: disc inside; } .page-tags .tags-container ul.tags_multilevel ul { margin-left: 3em; } .page-tags .tags-container ul.tags_list li, .page-tags .tags-container ul.tags_multilevel li { display: list-item; margin: 0.5em 0; } .page-tags .tags-container .tags_cloud { text-align: center; } .page-tags .tags-container .manage-link { text-align: center; } /* one column */ .one-column #footer { float: left; } .one-column .module-section-two { float: left; padding: 3.5em 1.25em 0; width: 100%; } .one-column .module-section-two .module { float: left; padding-bottom: 1.5em; padding-right: 1.5em; width: 33%; } .one-column .module-section-two .module:nth-of-type(3n) { padding-right: 0; } .one-column .module-section-two .module:last-of-type { padding-bottom: 0; } .one-column #entries .navigation ul { height: 4.5em; } .one-column #entries .page-back, .one-column #entries .page-forward { position: absolute; } .one-column #entries .page-back { left: 0; } .one-column #entries .navigation .page-forward { right: 0; } /* one column split */ .one-column-split #content { float: left; } /* two columns */ .two-columns .module-section-two .module-userprofile { float: left; } .two-columns .module-section-two .module-userprofile h2 { display: none; } .two-columns .module-section-two .module-userprofile .module-content { background: #EEEEEE; border: 1px solid #AAAAAA; float: left; font-family: 'Lucida Grande', 'Lucida Sans', Helvetica, sans-serif; padding: 1.125em 1em; width: 16.25em; } .two-columns .module-section-two .module-userprofile .journal-name, .two-columns .module-section-two .module-userprofile .journal-website-name { line-height: 1.25; font-size: 0.75em; } .two-columns .module-section-two .module-userprofile .userpic { display: inline-block; float: left; } .two-columns .module-section-two .module-userprofile .userpic img { border: 1px solid #AAAAAA; height: 54px; padding: 3px; width: 54px; } .two-columns .module-section-two .module-userprofile ul { padding: 0.25em 0 0 0; } .two-columns .module-section-two .module-userprofile li { padding: 0 0.25em; } .two-columns .module-section-two .module-userprofile li:last-of-type { padding: 0 0.25em 0 0; } .two-columns .module-section-two .module-userprofile li:last-of-type { padding: 0 0 0 0.25em; } .two-columns .module-section-two .module-userprofile + .module { clear: both; } .two-columns .module-section-two .module-customtext .module-content, .two-columns .module-section-two .calendar-horizontal { padding: 0 0.625em 0 0.875em; } .two-columns .module-section-two .module-powered.module, .two-columns .module-section-two .module-time.module { margin-bottom: 0; } .two-columns .module-section-two .module-powered .module-content, .two-columns .module-section-two .module-time .module-content { padding: 0 0.625em 0 0.875em; text-align: left; } .page-recent.two-columns .module-section-two, .page-day.two-columns .module-section-two, .page-read.two-columns .module-section-two, .page-network.two-columns .module-section-two { margin-top: 56px; } /* two columns left */ .two-columns-left #wrap { padding-left: 16.25em; } .two-columns-left #content, .two-columns-left .module-section-two { float: right; } .two-columns-left #entries .navigation ul { left: -17.5em; padding-left: 1.25em; text-align: left; } .two-columns-left .module-section-two { margin-left: -16.25em; } .two-columns-left .module-section-two .module-userprofile .module-content { border-left: none; } /* two columns right */ .two-columns-right #wrap { padding-left: 16.25em; } .two-columns-right #content, .two-columns-right .module-section-two { float: left; } .two-columns-right #content { margin-left: -16.25em; } .two-columns-right #entries .navigation ul { padding-right: 1.25em; right: -17.5em; text-align: right; } .two-columns-right .module-section-two .module-userprofile .module-content { border-right: none; }

Select Journal Style: In the section "Select a New Theme," search for "Transmogrified," locate the theme named "Basic," and click "Apply Theme." Scroll down to the section "Choose a Page Setup" and click the "Apply Page Setup" button for the setup you prefer.

Customize Journal Style: Custom CSS: Uncheck the box for "Use layout's stylesheet(s)." Copy one of the stylesheets from above and paste it into the "Use embedded CSS" field. Click "Save Changes."

Colors for Lefty

	Green Party	Pinko
Page Background	#4BB5BD	#727CA2
Content Background	#FAFCFC	#FEFEFB
Header Background	#CDDC3E	#D93361
Left Border	#62942F	#9B314F
Right Border	#325A6D	#483A5F
Page Text	#333333	#333333
Page Link	#919C2C	#D93361
Headings	#000000	#000000
Entry Link	#407B80	#565F80
Accent Text	#666666	#666666
Block Background	#F5F7F7	#EEEEEE
Block Border	#C7C9C9	#AAAAAA
List Item Border	#DCDEDE	#DDDDDD

If you use the CSS, please credit rentals or sarken in your user profile. Do not redistribute in whole or in part without credit.

Updated 30 May 2012: Corrected an issue with the numbers appearing too far to the left on ordered lists in entries.

Updated 1 February 2013: Changed class name for entry restrictions to ensure the restriction level will display.

Updated 29 December 2015: Restored the styling on the contextual pop-up and the journal title.