Template: Leaving for Paris II (6 Additional Color Schemes)

[alchemy]

See the first six color schemes here. I edited these templates so that the link text on the sidebar wasn't all uppercase, as that seemed to be the most popular change people were making. Or, I thought I had, but apparently I forgot it. There's code to change this at the bottom of the post. Please credit circa77 if you use so that others can easily find the templates. Comments are much appreciated. ♥

PLEASE NOTE: In order for these templates to work correctly out of the box, you need to make sure that under Customize Journal Style > Modules, the Header module is checked (Second section from the top) and "header" is selected from the drop-down menu. You're welcome to adjust the CSS code if you prefer to change this option, but I won't be providing alternate code for it.

TEMPLATE DETAILS
Name:	Leaving for Paris
Layout Style:	Transmogrified
Account Type:	All Accounts
Tested in:	Firefox 3.0.10, Opera 9.50, Google Chrome 1.0, Internet Explorer 7 (Note: I make no guarantees for any version of IE)
Screen Resolutions:	Best in 1024x768+
Nav Bar Okay:	Yes
Customizable:	Yes, feel free to customize or adapt any part of the layout.

INSTALLATION DIRECTIONS
From the main DW navigation bar:	Select ORGANIZE > SELECT STYLE.
Under "2. Select a New Theme":	Find "Transmogrified Basic". Click APPLY THEME, then click the "Customize" link that replaces that button.
Under "Customize Your Theme":	Click CUSTOM CSS.
Under "Custom CSS":	Use layout's stylesheet(s): UNSELECT. This is important, make sure the box isn't clicked! Use an external stylesheet: Leave blank. Use embedded CSS (The big box): Paste in the complete code from your color scheme of choice below. Click "Save Changes." That's it!

COLOR SCHEMES
7. Corner Cafe	8. Creme Puff
[Live Preview of Corner Cafe]	[Live Preview of Creme Puff]
9. Leia	10. Patriot
[Live Preview of Leia]	[Live Preview of Patriot]
11. Peripheral Vision	12. Rebel Waltz
[Live Preview of Peripheral Vision]	[Live Preview of Rebel Waltz]

CSS CODES
7. Corner Cafe	8. Creme Puff
/* Layout: Leaving For Paris */ /* Color Scheme: Corner Cafe */ /* Adapted from Dreamwidth Style: Transmogrified */ /* By: Anita aka bzzinglikeneon */ /* Available at circa77.dreamwidth.org */ * { box-sizing:border-box; -moz-box-sizing:border-box } body {background-color: #CC164D; font-family: Verdana; font-size: 10pt; margin: 0px auto; padding: 0;} blockquote {border-left: solid 2px #C2B24C; padding: 10px;} ol, ul {color: #C2B24C; padding-left: 4.25em;} #container {background-color: #F5F5CE; width: 90%; margin: auto;} #header {background-color: #C2B24C; color: #776d2a; margin: 0; padding: 0; font-family: georgia; text-transform: lowercase; font-weight: normal; font-style: italic;} #header a {color: #FFFFFF; text-decoration: none;} #header h1 {margin: 0px; padding: 20px;} #header h2 {padding: 0 20px 20px 20px;} #wrap {padding-right: 230px; padding-top: 20px; padding-left: 20px;} #content {margin: 0 0; position: relative; width: 100%; float: left; padding-bottom: 20px;} .page-tags #content{border: 2px solid #CC164D; padding: 10px; margin-top: 10px;} .page-tags #content a {color: #9d0b37;} .page-tags #content a:hover {color: #C2B24C;} .page-tags #wrap {margin-left: 20px;} .module-section-two {position: relative; width: 210px; float: left; margin-left: 20px; margin-top: -120px; padding-bottom: 5px; background-color: #DAE079; /* this must stay at the bottom of this code as in some circumstances it closes one declaration and opens another one */ margin-right: -240px;;} .module-section-two .module {color: #89a07d; background-color: #d2e6c8; padding: 10px; margin: 0px 0px 0px 5px; text-align: center;} .module-section-one li {display: inline; list-style: none;} .module-section-one ul {background-color: #DAE079; color: #776d2a; margin: 0; padding: 0.5em 20px;} .module-section-one li a {text-decoration: none; padding-top: 0.5em; padding-right: 20px; padding-bottom: 0.5em; padding-left: 20px; color: #776d2a;} .module-section-one ul li a:hover, .module-section-one ul li.active a {background-color: #C2B24C; color: #776d2a;} .module-list-item {font-family: tahoma; text-transform: uppercase; letter-spacing: 0.1em;} .module-list-item .current {background-color: #F5F5CE; color: #CC164D;} .module-section-two a {color: #9d0b37;} .module-section-two .module-header a {text-decoration: none;} .module-section-two h2 {margin: 0; margin-bottom: 7px; padding: 5px; border-bottom: solid 2px #ffffff; font-family: georgia; font-style: italic; text-transform: lowercase; text-align: center; font-size: 1.3em; color: #9d0b37;} .module-section-two h2 a {color:#9d0b37;} .module-section-two ul {list-style-type: none; margin-left: 0.5em; padding: 0; text-align: left;} .module-section-two ul ul {list-style-type: none; margin-left: 0.5em; padding: 0.5em;} .module-section-two ul li {text-transform: none;} .module-userprofile .userpic img {border: none; margin: 20px;} .module-userprofile .userpic {text-align: center;} .module-userprofile ul {margin: 0px; padding: 0px; text-align: center; margin-top: 5px;} .module-userprofile p {margin-top: 0px; margin-bottom: 0px;} .module-userprofile li {display: inline; padding: 5px; list-style: none;} .module-calendar {text-align: center;} .module-calendar table {margin-left: auto; margin-right: auto;} .entry, .comment, .text_noentries_day {padding: 10px; margin-top: 50px; position: relative; margin-bottom: 10px;} .entry .userpic a, .comment .userpic a {display: block; position: absolute; right: 10px; top: -40px; padding: 5px;} .entry .userpic img, .comment .userpic img {border: none;} .entry-title, .comment-title {padding: 0.5em; margin: 0; margin-right: 120px;} .entry-title a, .comment-title a {text-decoration: none;} .entry-title {font-family: georgia; font-style: italic; text-transform: lowercase; font-size: 1.50em; font-weight: normal;} .entry-wrapper-odd .entry, .comment-wrapper-odd .comment, .text_noentries_day {border: solid 2px #CC164D; background-color: #ffffff; color: #9d0b37;} .entry-wrapper-odd .userpic a, .comment-wrapper-odd .userpic a {background-color: #CC164D;} .entry-wrapper-odd .entry-title, .comment-wrapper-odd .comment-title {color: #776d2a; background-color: #DAE079;} .entry-wrapper-odd .entry-title a, .comment-wrapper-odd .comment-title a {color: #776d2a;} .entry-wrapper-odd .entry-title a:hover, .comment-wrapper-odd .comment-title a:hover {color: #C2B24C;} a, .entry-wrapper-odd a, .comment-wrapper-odd a {color: #6a805e; text-decoration: none;} a:hover, .entry-wrapper-odd a:hover, .comment-wrapper-odd a:hover {color: #000000;} .entry-wrapper-even .entry, .comment-wrapper-even .comment {border: solid 2px #9d0b37; background-color: #ffffff; color: #9d0b37;} .entry-wrapper-even .userpic a, .comment-wrapper-even .userpic a {background-color: #9d0b37;} .entry-wrapper-even .entry-title, .comment-wrapper-even .comment-title {color: #776d2a; background-color: #DAE079;} .entry-wrapper-even .entry-title a, .comment-wrapper-even .comment-title a {color: #776d2a;} .entry-wrapper-even .entry-title a:hover, .comment-wrapper-even .comment-title a:hover {color: #C2B24C;} .entry-wrapper-even a, .comment-wrapper-even a {color: #6a805e; text-decoration: none;} a:hover, .entry-wrapper-even a:hover, .comment-wrapper-even a:hover {color: #000000;} .ljuser a {color: #000000;} .ljuser a:hover {color: #9d0b37;} .datetime {font-family: verdana; font-size: 0.80em; color: #CC164D; text-transform: uppercase; padding-left: 1.70em;} .datetime a {color: #CC164D;} .entry .time, .entry .date {padding: 0.2em; display: inline-block;} .entry-content, .comment-content {padding: 10px 0px;} .tag {font-weight: bold; text-align: left; text-transform: lowercase; background: #ffffff; padding-bottom: 5px; color: #C2B24C;} .tag a {font-weight: normal; color: #6a805e;} .tag ul {display: inline; margin: 0; padding: 0;} .tag li {display: inline; list-style: none; padding: 0px;} .tag li a {color: #6a805e;} .tag li:first-child:before {content: " ";} *+html .tag li {padding: 0 5px;} .entry .metadata ul {margin: 0px; padding: 0px;} .entry .metadata li {list-style: none;} .entry .footer .inner, .comment .footer .inner {text-align: left; background-color: #d2e6c8;} .entry .footer a {white-space: nowrap;} .entry-management-links, .entry-interaction-links, .comment-management-links, .comment-interaction-links {text-align: right; margin: 0; padding: 0px; display: inline;} .entry-management-links li, .entry-interaction-links li, .comment-management-links li, .comment-interaction-links li {display: inline; list-style: none; margin: 0; padding: 5px; line-height: 25px;} .entry-management-links a, .entry-interaction-links a, .comment-management-links a, .comment-interaction-links a {color: #9d0b37;} .entry .footer hr {display: none;} .entry .metadata-label {font-weight: bold;} .metadata-item {color: #6a805e;} .metadata-item a {color: #6a805e;} .comment-poster {display: inline-block; min-width: 40%;} #content > hr {display: none;} .module-section-three {clear: both; width: 100%; background-color: #9d0b37; color: #776d2a; margin: 0; padding: 0.5em 0px;} .module-section-three a {color: #776d2a;} .module-section-three a:hover {color: #CC164D;} .module-section-three .module {padding-left: 20px;} .hfeed .navigation {} .navigation {margin: 0; padding: 10px; text-align: right; color: #CC164D; font-family: georgia; font-style: italic; text-transform: lowercase;} .navigation ul {margin: 0; padding: 0;} .navigation li {display: inline; padding: 0 5px;} .navigation .page-back a:before {content: "<< "; font-size: 0.5em; letter-spacing: 0px; vertical-align: 40%; padding-right: 1px; text-decoration: none; color: #C2B24C;} .navigation .page-forward a:after {content: " >>"; font-size: 0.5em; letter-spacing: 0px; vertical-align: 40%; padding-left: 1px;} .navigation a {color: #C2B24C; text-decoration: none;} .navigation a:hover {color: #CC164D;} .page-tags #content h2 {font-family: georgia; font-style: italic; text-transform: lowercase; font-size: 1.50em; font-weight: normal; padding: 0.2em; margin: 0; color: #C2B24C; background-color: #DAE079; margin-bottom: 20px;} .page-tags #content h2 {margin-right: 10px;} .month-wrapper, #archive-month dl {padding: 10px; position: relative; margin: 20px 0px; border: solid 2px #CC164D; background-color: #ffffff;} .month-wrapper h3 {font-family: georgia; font-style: italic; text-transform: lowercase; font-size: 1.50em; font-weight: normal; padding: 0.2em; margin: 0; color: #C2B24C; background-color: #DAE079; margin-bottom: 20px;} .month caption {display: none;} .month .day span, .month .day p {padding: 0; margin: 0;} .month .day p {margin-top: 4px; margin-bottom: -4px;} .month .day, .month th {line-height: 2em; vertical-align: text-top; padding: 5px; text-align: center;} /* IE only to line up the empty days neatly */ *+html .month .day span, *+html .month th span{vertical-align: 100%;} .month .day-has-entries {line-height: 1em;} .month .footer {width: 250px; text-align: center; margin: 10px 0px;} .day .label {font-weight: bold; color: #CC164D;} .month {color: #9d0b37;} #postform {margin-top: 20px; border: solid 1px #9d0b37;} .text_noentries_day {margin-top: 20px; margin-bottom: 20px;} #archive-month dt {font-weight: bold;} #archive-month .entry-title {font-size: 10pt; display: inline-block; padding-left: 5px;}	/* Layout: Leaving For Paris */ /* Color Scheme: Creme Puff */ /* Adapted from Dreamwidth Style: Transmogrified */ /* By: Anita aka bzzinglikeneon */ /* Available at circa77.dreamwidth.org */ * { box-sizing:border-box; -moz-box-sizing:border-box } body {background-color: #6B422C; font-family: Verdana; font-size: 10pt; margin: 0px auto; padding: 0;} blockquote {border-left: solid 2px #FA7E6B; padding: 10px;} ol, ul {color: #FA7E6B; padding-left: 4.25em;} #container {background-color: #FADEAA; width: 90%; margin: auto;} #header {background-color: #FA7E6B; color: #FADEAA; margin: 0; padding: 0; font-family: georgia; text-transform: lowercase; font-weight: normal; font-style: italic;} #header a {color: #ffffff; text-decoration: none;} #header h1 {margin: 0px; padding: 20px;} #header h2 {padding: 0 20px 20px 20px;} #wrap {padding-right: 230px; padding-top: 20px; padding-left: 20px;} #content {margin: 0 0; position: relative; width: 100%; float: left; padding-bottom: 20px;} .page-tags #content{border: 2px solid #6B422C; padding: 10px; margin-top: 10px;} .page-tags #content a {color: #70846f;} .page-tags #content a:hover {color: #FA7E6B;} .page-tags #wrap {margin-left: 20px;} .module-section-two {position: relative; width: 210px; float: left; margin-left: 20px; margin-top: -120px; padding-bottom: 5px; background-color: #92AB91; /* this must stay at the bottom of this code as in some circumstances it closes one declaration and opens another one */ margin-right: -240px;;} .module-section-two .module {color: #6B422C; background-color: #E0C477; padding: 10px; margin: 0px 0px 0px 5px; text-align: center;} .module-section-one li {display: inline; list-style: none;} .module-section-one ul {background-color: #92AB91; color: #4e5c4d; margin: 0; padding: 0.5em 20px;} .module-section-one li a {text-decoration: none; padding-top: 0.5em; padding-right: 20px; padding-bottom: 0.5em; padding-left: 20px; color: #4e5c4d;} .module-section-one ul li a:hover, .module-section-one ul li.active a {background-color: #FA7E6B; color: #FADEAA;} .module-list-item {font-family: tahoma; text-transform: uppercase; letter-spacing: 0.1em;} .module-list-item .current {background-color: #FADEAA; color: #6B422C;} .module-section-two a {color: #70846f;} .module-section-two .module-header a {text-decoration: none;} .module-section-two h2 {margin: 0; margin-bottom: 7px; padding: 5px; border-bottom: solid 2px #ffffff; font-family: georgia; font-style: italic; text-transform: lowercase; text-align: center; font-size: 1.3em; color: #70846f;} .module-section-two h2 a {color:#70846f;} .module-section-two ul {list-style-type: none; margin-left: 0.5em; padding: 0; text-align: left;} .module-section-two ul ul {list-style-type: none; margin-left: 0.5em; padding: 0.5em;} .module-userprofile .userpic img {border: none; margin: 20px;} .module-userprofile .userpic {text-align: center;} .module-userprofile ul {margin: 0px; padding: 0px; text-align: center; margin-top: 5px;} .module-userprofile p {margin-top: 0px; margin-bottom: 0px;} .module-userprofile li {display: inline; padding: 5px; list-style: none;} .module-calendar {text-align: center;} .module-calendar table {margin-left: auto; margin-right: auto;} .entry, .comment, .text_noentries_day {padding: 10px; margin-top: 50px; position: relative; margin-bottom: 10px;} .entry .userpic a, .comment .userpic a {display: block; position: absolute; right: 10px; top: -40px; padding: 5px;} .entry .userpic img, .comment .userpic img {border: none;} .entry-title, .comment-title {padding: 0.5em; margin: 0; margin-right: 120px;} .entry-title a, .comment-title a {text-decoration: none;} .entry-title {font-family: georgia; font-style: italic; text-transform: lowercase; font-size: 1.50em; font-weight: normal;} .entry-wrapper-odd .entry, .comment-wrapper-odd .comment, .text_noentries_day {border: solid 2px #6B422C; background-color: #ffffff; color: #70846f;} .entry-wrapper-odd .userpic a, .comment-wrapper-odd .userpic a {background-color: #6B422C;} .entry-wrapper-odd .entry-title, .comment-wrapper-odd .comment-title {color: #ffeba6; background-color: #92AB91;} .entry-wrapper-odd .entry-title a, .comment-wrapper-odd .comment-title a {color: #ffeba6;} .entry-wrapper-odd .entry-title a:hover, .comment-wrapper-odd .comment-title a:hover {color: #4e5c4d;} a, .entry-wrapper-odd a, .comment-wrapper-odd a {color: #df705f; text-decoration: none;} a:hover, .entry-wrapper-odd a:hover, .comment-wrapper-odd a:hover {color: #6B422C;} .entry-wrapper-even .entry, .comment-wrapper-even .comment {border: solid 2px #70846f; background-color: #ffffff; color: #70846f;} .entry-wrapper-even .userpic a, .comment-wrapper-even .userpic a {background-color: #70846f;} .entry-wrapper-even .entry-title, .comment-wrapper-even .comment-title {color: #ffeba6; background-color: #92AB91;} .entry-wrapper-even .entry-title a, .comment-wrapper-even .comment-title a {color: #ffeba6;} .entry-wrapper-even .entry-title a:hover, .comment-wrapper-even .comment-title a:hover {color: #4e5c4d;} .entry-wrapper-even a, .comment-wrapper-even a {color: #df705f; text-decoration: none;} a:hover, .entry-wrapper-even a:hover, .comment-wrapper-even a:hover {color: #6B422C;} .ljuser a {color: #6B422C;} .ljuser a:hover {color: #70846f;} .datetime {font-family: verdana; font-size: 0.80em; color: #6B422C; text-transform: uppercase; padding-left: 1.70em;} .datetime a {color: #6B422C;} .entry .time, .entry .date {padding: 0.2em; display: inline-block;} .entry-content, .comment-content {padding: 10px 0px;} .tag {font-weight: bold; text-align: left; text-transform: lowercase; background: #ffffff; padding-bottom: 5px; color: #FA7E6B;} .tag a {font-weight: normal; color: #df705f;} .tag ul {display: inline; margin: 0; padding: 0;} .tag li {display: inline; list-style: none; padding: 0px;} .tag li a {color: #df705f;} .tag li:first-child:before {content: " ";} *+html .tag li {padding: 0 5px;} .entry .metadata ul {margin: 0px; padding: 0px;} .entry .metadata li {list-style: none;} .entry .footer .inner, .comment .footer .inner {text-align: left; background-color: #E0C477;} .entry .footer a {white-space: nowrap;} .entry-management-links, .entry-interaction-links, .comment-management-links, .comment-interaction-links {text-align: right; margin: 0; padding: 0px; display: inline;} .entry-management-links li, .entry-interaction-links li, .comment-management-links li, .comment-interaction-links li {display: inline; list-style: none; margin: 0; padding: 5px; line-height: 25px;} .entry-management-links a, .entry-interaction-links a, .comment-management-links a, .comment-interaction-links a {color: #6B422C;}.entry-management-links a:hover, .entry-interaction-links a:hover, .comment-management-links a:hover, .comment-interaction-links a:hover {color: #ffffff;} .entry .footer hr {display: none;} .entry .metadata-label {font-weight: bold;} .metadata-item {color: #df705f;} .metadata-item a {color: #df705f;} .comment-poster {display: inline-block; min-width: 40%;} #content > hr {display: none;} .module-section-three {clear: both; width: 100%; background-color: #70846f; color: #FADEAA; margin: 0; padding: 0.5em 0px;} .module-section-three a {color: #FADEAA;} .module-section-three a:hover {color: #6B422C;} .module-section-three .module {padding-left: 20px;} .hfeed .navigation {} .navigation {margin: 0; padding: 10px; text-align: right; color: #6B422C; font-family: georgia; font-style: italic; text-transform: lowercase;} .navigation ul {margin: 0; padding: 0;} .navigation li {display: inline; padding: 0 5px;} .navigation .page-back a:before {content: "<< "; font-size: 0.5em; letter-spacing: 0px; vertical-align: 40%; padding-right: 1px; text-decoration: none; color: #FA7E6B;} .navigation .page-forward a:after {content: " >>"; font-size: 0.5em; letter-spacing: 0px; vertical-align: 40%; padding-left: 1px;} .navigation a {color: #FA7E6B; text-decoration: none;} .navigation a:hover {color: #6B422C;} .page-tags #content h2 {font-family: georgia; font-style: italic; text-transform: lowercase; font-size: 1.50em; font-weight: normal; padding: 0.2em; margin: 0; color: #FA7E6B; background-color: #92AB91; margin-bottom: 20px;} .page-tags #content h2 {margin-right: 10px;} .month-wrapper, #archive-month dl {padding: 10px; position: relative; margin: 20px 0px; border: solid 2px #6B422C; background-color: #ffffff;} .month-wrapper h3 {font-family: georgia; font-style: italic; text-transform: lowercase; font-size: 1.50em; font-weight: normal; padding: 0.2em; margin: 0; color: #FA7E6B; background-color: #92AB91; margin-bottom: 20px;} .month caption {display: none;} .month .day span, .month .day p {padding: 0; margin: 0;} .month .day p {margin-top: 4px; margin-bottom: -4px;} .month .day, .month th {line-height: 2em; vertical-align: text-top; padding: 5px; text-align: center;} /* IE only to line up the empty days neatly */ *+html .month .day span, *+html .month th span{vertical-align: 100%;} .month .day-has-entries {line-height: 1em;} .month .footer {width: 250px; text-align: center; margin: 10px 0px;} .day .label {font-weight: bold; color: #6B422C;} .month {color: #70846f;} #postform {margin-top: 20px; border: solid 1px #70846f;} .text_noentries_day {margin-top: 20px; margin-bottom: 20px;} #archive-month dt {font-weight: bold;} #archive-month .entry-title {font-size: 10pt; display: inline-block; padding-left: 5px;}
9. Leia	10. Patriot
/* Layout: Leaving For Paris */ /* Color Sheme: Leia */ /* Adapted from Dreamwidth Style: Transmogrified */ /* By: Anita aka bzzinglikeneon */ /* Available at circa77.dreamwidth.org */ * { box-sizing:border-box; -moz-box-sizing:border-box } body {background-color: #427A6C; font-family: Verdana; font-size: 10pt; margin: 0px auto; padding: 0;} blockquote {border-left: solid 2px #332024; padding: 10px;} ol, ul {color: #332024; padding-left: 4.25em;} #container {background-color: #9FBFA3; width: 90%; margin: auto;} #header {background-color: #332024; color: #9FBFA3; margin: 0; padding: 0; font-family: georgia; text-transform: lowercase; font-weight: normal; font-style: italic;} #header a {color: #e0eee2; text-decoration: none;} #header h1 {margin: 0px; padding: 20px;} #header h2 {padding: 0 20px 20px 20px;} #wrap {padding-right: 230px; padding-top: 20px; padding-left: 20px;} #content {margin: 0 0; position: relative; width: 100%; float: left; padding-bottom: 20px;} .page-tags #content{border: 2px solid #427A6C; padding: 10px; margin-top: 10px;} .page-tags #content a {color: #4F353D;} .page-tags #content a:hover {color: #332024;} .page-tags #wrap {margin-left: 20px;} .module-section-two {position: relative; width: 210px; float: left; margin-left: 20px; margin-top: -120px; padding-bottom: 5px; background-color: #4F353D; /* this must stay at the bottom of this code as in some circumstances it closes one declaration and opens another one */ margin-right: -240px;;} .module-section-two .module {color: #332024; background-color: #5FAD8C; padding: 10px; margin: 0px 0px 0px 5px; text-align: center;} .module-section-one li {display: inline; list-style: none;} .module-section-one ul {background-color: #4F353D; color: #9f878e; margin: 0; padding: 0.5em 20px;} .module-section-one li a {text-decoration: none; padding-top: 0.5em; padding-right: 20px; padding-bottom: 0.5em; padding-left: 20px; color: #9f878e;} .module-section-one ul li a:hover, .module-section-one ul li.active a {background-color: #332024; color: #9FBFA3;} .module-list-item {font-family: tahoma; text-transform: uppercase; letter-spacing: 0.1em;} .module-list-item .current {background-color: #9FBFA3; color: #427A6C;} .module-section-two a {color: #4F353D;} .module-section-two .module-header a {text-decoration: none;} .module-section-two h2 {margin: 0; margin-bottom: 7px; padding: 5px; border-bottom: solid 2px #ffffff; font-family: georgia; font-style: italic; text-transform: lowercase; text-align: center; font-size: 1.3em; color: #4F353D;} .module-section-two h2 a {color:#4F353D;} .module-section-two ul {list-style-type: none; margin-left: 0.5em; padding: 0; text-align: left;} .module-section-two ul ul {list-style-type: none; margin-left: 0.5em; padding: 0.5em;} .module-userprofile .userpic img {border: none; margin: 20px;} .module-userprofile .userpic {text-align: center;} .module-userprofile ul {margin: 0px; padding: 0px; text-align: center; margin-top: 5px;} .module-userprofile p {margin-top: 0px; margin-bottom: 0px;} .module-userprofile li {display: inline; padding: 5px; list-style: none;} .module-calendar {text-align: center;} .module-calendar table {margin-left: auto; margin-right: auto;} .entry, .comment, .text_noentries_day {padding: 10px; margin-top: 50px; position: relative; margin-bottom: 10px;} .entry .userpic a, .comment .userpic a {display: block; position: absolute; right: 10px; top: -40px; padding: 5px;} .entry .userpic img, .comment .userpic img {border: none;} .entry-title, .comment-title {padding: 0.5em; margin: 0; margin-right: 120px;} .entry-title a, .comment-title a {text-decoration: none;} .entry-title {font-family: georgia; font-style: italic; text-transform: lowercase; font-size: 1.50em; font-weight: normal;} .entry-wrapper-odd .entry, .comment-wrapper-odd .comment, .text_noentries_day {border: solid 2px #427A6C; background-color: #ffffff; color: #4F353D;} .entry-wrapper-odd .userpic a, .comment-wrapper-odd .userpic a {background-color: #427A6C;} .entry-wrapper-odd .entry-title, .comment-wrapper-odd .comment-title {color: #332024; background-color: #9f878e;} .entry-wrapper-odd .entry-title a, .comment-wrapper-odd .comment-title a {color: #332024;} .entry-wrapper-odd .entry-title a:hover, .comment-wrapper-odd .comment-title a:hover {color: #ffffff;} a, .entry-wrapper-odd a, .comment-wrapper-odd a {color: #427A6C; text-decoration: none;} a:hover, .entry-wrapper-odd a:hover, .comment-wrapper-odd a:hover {color: #000000;} .entry-wrapper-even .entry, .comment-wrapper-even .comment {border: solid 2px #4F353D; background-color: #ffffff; color: #4F353D;} .entry-wrapper-even .userpic a, .comment-wrapper-even .userpic a {background-color: #4F353D;} .entry-wrapper-even .entry-title, .comment-wrapper-even .comment-title {color: #332024; background-color: #9f878e;} .entry-wrapper-even .entry-title a, .comment-wrapper-even .comment-title a {color: #332024;} .entry-wrapper-even .entry-title a:hover, .comment-wrapper-even .comment-title a:hover {color: #ffffff;} .entry-wrapper-even a, .comment-wrapper-even a {color: #427A6C; text-decoration: none;} a:hover, .entry-wrapper-even a:hover, .comment-wrapper-even a:hover {color: #000000;} .ljuser a {color: #000000;} .ljuser a:hover {color: #4F353D;} .datetime {font-family: verdana; font-size: 0.80em; color: #427A6C; text-transform: uppercase; padding-left: 1.70em;} .datetime a {color: #427A6C;} .entry .time, .entry .date {padding: 0.2em; display: inline-block;} .entry-content, .comment-content {padding: 10px 0px;} .tag {font-weight: bold; text-align: left; text-transform: lowercase; background: #ffffff; padding-bottom: 5px; color: #332024;} .tag a {font-weight: normal; color: #427A6C;} .tag ul {display: inline; margin: 0; padding: 0;} .tag li {display: inline; list-style: none; padding: 0px;} .tag li a {color: #427A6C;} .tag li:first-child:before {content: " ";} *+html .tag li {padding: 0 5px;} .entry .metadata ul {margin: 0px; padding: 0px;} .entry .metadata li {list-style: none;} .entry .footer .inner, .comment .footer .inner {text-align: left; background-color: #5FAD8C;} .entry .footer a {white-space: nowrap;} .entry-management-links, .entry-interaction-links, .comment-management-links, .comment-interaction-links {text-align: right; margin: 0; padding: 0px; display: inline;} .entry-management-links li, .entry-interaction-links li, .comment-management-links li, .comment-interaction-links li {display: inline; list-style: none; margin: 0; padding: 5px; line-height: 25px;} .entry-management-links a, .entry-interaction-links a, .comment-management-links a, .comment-interaction-links a {color: #2a594d;} .entry .footer hr {display: none;} .entry .metadata-label {font-weight: bold;} .metadata-item {color: #427A6C;} .metadata-item a {color: #427A6C;} .comment-poster {display: inline-block; min-width: 40%;} #content > hr {display: none;} .module-section-three {clear: both; width: 100%; background-color: #4F353D; color: #9FBFA3; margin: 0; padding: 0.5em 0px;} .module-section-three a {color: #9FBFA3;} .module-section-three a:hover {color: #427A6C;} .module-section-three .module {padding-left: 20px;} .hfeed .navigation {} .navigation {margin: 0; padding: 10px; text-align: right; color: #427A6C; font-family: georgia; font-style: italic; text-transform: lowercase;} .navigation ul {margin: 0; padding: 0;} .navigation li {display: inline; padding: 0 5px;} .navigation .page-back a:before {content: "<< "; font-size: 0.5em; letter-spacing: 0px; vertical-align: 40%; padding-right: 1px; text-decoration: none; color: #332024;} .navigation .page-forward a:after {content: " >>"; font-size: 0.5em; letter-spacing: 0px; vertical-align: 40%; padding-left: 1px;} .navigation a {color: #332024; text-decoration: none;} .navigation a:hover {color: #427A6C;} .page-tags #content h2 {font-family: georgia; font-style: italic; text-transform: lowercase; font-size: 1.50em; font-weight: normal; padding: 0.2em; margin: 0; color: #332024; background-color: #4F353D; margin-bottom: 20px;} .page-tags #content h2 {margin-right: 10px;} .month-wrapper, #archive-month dl {padding: 10px; position: relative; margin: 20px 0px; border: solid 2px #427A6C; background-color: #ffffff;} .month-wrapper h3 {font-family: georgia; font-style: italic; text-transform: lowercase; font-size: 1.50em; font-weight: normal; padding: 0.2em; margin: 0; color: #332024; background-color: #4F353D; margin-bottom: 20px;} .month caption {display: none;} .month .day span, .month .day p {padding: 0; margin: 0;} .month .day p {margin-top: 4px; margin-bottom: -4px;} .month .day, .month th {line-height: 2em; vertical-align: text-top; padding: 5px; text-align: center;} /* IE only to line up the empty days neatly */ *+html .month .day span, *+html .month th span{vertical-align: 100%;} .month .day-has-entries {line-height: 1em;} .month .footer {width: 250px; text-align: center; margin: 10px 0px;} .day .label {font-weight: bold; color: #427A6C;} .month {color: #4F353D;} #postform {margin-top: 20px; border: solid 1px #4F353D;} .text_noentries_day {margin-top: 20px; margin-bottom: 20px;} #archive-month dt {font-weight: bold;} #archive-month .entry-title {font-size: 10pt; display: inline-block; padding-left: 5px;}	/* Layout: Leaving For Paris */ /* Color Scheme: Patriot */ /* Adapted from Dreamwidth Style: Transmogrified */ /* By: Anita aka bzzinglikeneon */ /* Available at circa77.dreamwidth.org */ * { box-sizing:border-box; -moz-box-sizing:border-box } body {background-color: #416173; font-family: Verdana; font-size: 10pt; margin: 0px auto; padding: 0;} blockquote {border-left: solid 2px #803520; padding: 10px;} ol, ul {color: #803520; padding-left: 4.25em;} #container {background-color: #DED4B4; width: 90%; margin: auto;} #header {background-color: #803520; color: #DED4B4; margin: 0; padding: 0; font-family: georgia; text-transform: lowercase; font-weight: normal; font-style: italic;} #header a {color: #ffffff; text-decoration: none;} #header h1 {margin: 0px; padding: 20px;} #header h2 {padding: 0 20px 20px 20px;} #wrap {padding-right: 230px; padding-top: 20px; padding-left: 20px;} #content {margin: 0 0; position: relative; width: 100%; float: left; padding-bottom: 20px;} .page-tags #content{border: 2px solid #416173; padding: 10px; margin-top: 10px;} .page-tags #content a {color: #803520;} .page-tags #content a:hover {color: #803520;} .page-tags #wrap {margin-left: 20px;} .module-section-two {position: relative; width: 210px; float: left; margin-left: 20px; margin-top: -120px; padding-bottom: 5px; background-color: #A69977; /* this must stay at the bottom of this code as in some circumstances it closes one declaration and opens another one */ margin-right: -240px;;} .module-section-two .module {color: #803520; background-color: #94A69F; padding: 10px; margin: 0px 0px 0px 5px; text-align: center;} .module-section-one li {display: inline; list-style: none;} .module-section-one ul {background-color: #A69977; color: #ffeba6; margin: 0; padding: 0.5em 20px;} .module-section-one li a {text-decoration: none; padding-top: 0.5em; padding-right: 20px; padding-bottom: 0.5em; padding-left: 20px; color: #ede3c3;} .module-section-one ul li a:hover, .module-section-one ul li.active a {background-color: #803520; color: #DED4B4;} .module-list-item {font-family: tahoma; text-transform: uppercase; letter-spacing: 0.1em;} .module-list-item .current {background-color: #DED4B4; color: #416173;} .module-section-two a {color: #253b47;} .module-section-two .module-header a {text-decoration: none;} .module-section-two h2 {margin: 0; margin-bottom: 7px; padding: 5px; border-bottom: solid 2px #ffffff; font-family: georgia; font-style: italic; text-transform: lowercase; text-align: center; font-size: 1.3em; color: #803520;} .module-section-two h2 a {color:#803520;} .module-section-two ul {list-style-type: none; margin-left: 0.5em; padding: 0; text-align: left;} .module-section-two ul ul {list-style-type: none; margin-left: 0.5em; padding: 0.5em;} .module-userprofile .userpic img {border: none; margin: 20px;} .module-userprofile .userpic {text-align: center;} .module-userprofile ul {margin: 0px; padding: 0px; text-align: center; margin-top: 5px;} .module-userprofile p {margin-top: 0px; margin-bottom: 0px;} .module-userprofile li {display: inline; padding: 5px; list-style: none;} .module-calendar {text-align: center;} .module-calendar table {margin-left: auto; margin-right: auto;} .entry, .comment, .text_noentries_day {padding: 10px; margin-top: 50px; position: relative; margin-bottom: 10px;} .entry .userpic a, .comment .userpic a {display: block; position: absolute; right: 10px; top: -40px; padding: 5px;} .entry .userpic img, .comment .userpic img {border: none;} .entry-title, .comment-title {padding: 0.5em; margin: 0; margin-right: 120px;} .entry-title a, .comment-title a {text-decoration: none;} .entry-title {font-family: georgia; font-style: italic; text-transform: lowercase; font-size: 1.50em; font-weight: normal;} .entry-wrapper-odd .entry, .comment-wrapper-odd .comment, .text_noentries_day {border: solid 2px #416173; background-color: #ffffff; color: #803520;} .entry-wrapper-odd .userpic a, .comment-wrapper-odd .userpic a {background-color: #416173;} .entry-wrapper-odd .entry-title, .comment-wrapper-odd .comment-title {color: #803520; background-color: #c1b28c;} .entry-wrapper-odd .entry-title a, .comment-wrapper-odd .comment-title a {color: #803520;} .entry-wrapper-odd .entry-title a:hover, .comment-wrapper-odd .comment-title a:hover {color: #ede3c3;} a, .entry-wrapper-odd a, .comment-wrapper-odd a {color: #2f4754; text-decoration: none;} a:hover, .entry-wrapper-odd a:hover, .comment-wrapper-odd a:hover {color: #000000;} .entry-wrapper-even .entry, .comment-wrapper-even .comment {border: solid 2px #803520; background-color: #ffffff; color: #803520;} .entry-wrapper-even .userpic a, .comment-wrapper-even .userpic a {background-color: #803520;} .entry-wrapper-even .entry-title, .comment-wrapper-even .comment-title {color: #803520; background-color: #c1b28c;} .entry-wrapper-even .entry-title a, .comment-wrapper-even .comment-title a {color: #803520;} .entry-wrapper-even .entry-title a:hover, .comment-wrapper-even .comment-title a:hover {color: #ede3c3;} .entry-wrapper-even a, .comment-wrapper-even a {color: #2f4754; text-decoration: none;} a:hover, .entry-wrapper-even a:hover, .comment-wrapper-even a:hover {color: #000000;} .ljuser a {color: #000000;} .ljuser a:hover {color: #803520;} .datetime {font-family: verdana; font-size: 0.80em; color: #416173; text-transform: uppercase; padding-left: 1.70em;} .datetime a {color: #416173;} .entry .time, .entry .date {padding: 0.2em; display: inline-block;} .entry-content, .comment-content {padding: 10px 0px;} .tag {font-weight: bold; text-align: left; text-transform: lowercase; background: #ffffff; padding-bottom: 5px; color: #803520;} .tag a {font-weight: normal; color: #2f4754;} .tag ul {display: inline; margin: 0; padding: 0;} .tag li {display: inline; list-style: none; padding: 0px;} .tag li a {color: #2f4754;} .tag li:first-child:before {content: " ";} *+html .tag li {padding: 0 5px;} .entry .metadata ul {margin: 0px; padding: 0px;} .entry .metadata li {list-style: none;} .entry .footer .inner, .comment .footer .inner {text-align: left; background-color: #94A69F;} .entry .footer a {white-space: nowrap;} .entry-management-links, .entry-interaction-links, .comment-management-links, .comment-interaction-links {text-align: right; margin: 0; padding: 0px; display: inline;} .entry-management-links li, .entry-interaction-links li, .comment-management-links li, .comment-interaction-links li {display: inline; list-style: none; margin: 0; padding: 5px; line-height: 25px;} .entry-management-links a, .entry-interaction-links a, .comment-management-links a, .comment-interaction-links a {color: #253b47;} .entry .footer hr {display: none;} .entry .metadata-label {font-weight: bold;} .metadata-item {color: #2f4754;} .metadata-item a {color: #2f4754;} .comment-poster {display: inline-block; min-width: 40%;} #content > hr {display: none;} .module-section-three {clear: both; width: 100%; background-color: #803520; color: #DED4B4; margin: 0; padding: 0.5em 0px;} .module-section-three a {color: #DED4B4;} .module-section-three a:hover {color: #416173;} .module-section-three .module {padding-left: 20px;} .hfeed .navigation {} .navigation {margin: 0; padding: 10px; text-align: right; color: #416173; font-family: georgia; font-style: italic; text-transform: lowercase;} .navigation ul {margin: 0; padding: 0;} .navigation li {display: inline; padding: 0 5px;} .navigation .page-back a:before {content: "<< "; font-size: 0.5em; letter-spacing: 0px; vertical-align: 40%; padding-right: 1px; text-decoration: none; color: #803520;} .navigation .page-forward a:after {content: " >>"; font-size: 0.5em; letter-spacing: 0px; vertical-align: 40%; padding-left: 1px;} .navigation a {color: #803520; text-decoration: none;} .navigation a:hover {color: #416173;} .page-tags #content h2 {font-family: georgia; font-style: italic; text-transform: lowercase; font-size: 1.50em; font-weight: normal; padding: 0.2em; margin: 0; color: #803520; background-color: #A69977; margin-bottom: 20px;} .page-tags #content h2 {margin-right: 10px;} .month-wrapper, #archive-month dl {padding: 10px; position: relative; margin: 20px 0px; border: solid 2px #416173; background-color: #ffffff;} .month-wrapper h3 {font-family: georgia; font-style: italic; text-transform: lowercase; font-size: 1.50em; font-weight: normal; padding: 0.2em; margin: 0; color: #803520; background-color: #A69977; margin-bottom: 20px;} .month caption {display: none;} .month .day span, .month .day p {padding: 0; margin: 0;} .month .day p {margin-top: 4px; margin-bottom: -4px;} .month .day, .month th {line-height: 2em; vertical-align: text-top; padding: 5px; text-align: center;} /* IE only to line up the empty days neatly */ *+html .month .day span, *+html .month th span{vertical-align: 100%;} .month .day-has-entries {line-height: 1em;} .month .footer {width: 250px; text-align: center; margin: 10px 0px;} .day .label {font-weight: bold; color: #416173;} .month {color: #803520;} #postform {margin-top: 20px; border: solid 1px #803520;} .text_noentries_day {margin-top: 20px; margin-bottom: 20px;} #archive-month dt {font-weight: bold;} #archive-month .entry-title {font-size: 10pt; display: inline-block; padding-left: 5px;}
11. Peripheral Vision	12. Rebel Waltz
/* Layout: Leaving For Paris */ /* Color Scheme: Peripheral Vision */ /* Adapted from Dreamwidth Style: Transmogrified */ /* By: Anita aka bzzinglikeneon */ /* Available at circa77.dreamwidth.org */ * { box-sizing:border-box; -moz-box-sizing:border-box } body {background-color: #368074; font-family: Verdana; font-size: 10pt; margin: 0px auto; padding: 0;} blockquote {border-left: solid 2px #A66C35; padding: 10px;} ol, ul {color: #A66C35; padding-left: 4.25em;} #container {background-color: #E6CF97; width: 90%; margin: auto;} #header {background-color: #A66C35; color: #E6CF97; margin: 0; padding: 0; font-family: georgia; text-transform: lowercase; font-weight: normal; font-style: italic;} #header a {color: #ffffff; text-decoration: none;} #header h1 {margin: 0px; padding: 20px;} #header h2 {padding: 0 20px 20px 20px;} #wrap {padding-right: 230px; padding-top: 20px; padding-left: 20px;} #content {margin: 0 0; position: relative; width: 100%; float: left; padding-bottom: 20px;} .page-tags #content{border: 2px solid #368074; padding: 10px; margin-top: 10px;} .page-tags #content a {color: #67702d;} .page-tags #content a:hover {color: #A66C35;} .page-tags #wrap {margin-left: 20px;} .module-section-two {position: relative; width: 210px; float: left; margin-left: 20px; margin-top: -120px; padding-bottom: 5px; background-color: #ADB577; /* this must stay at the bottom of this code as in some circumstances it closes one declaration and opens another one */ margin-right: -240px;;} .module-section-two .module {color: #368074; background-color: #abcbc6; padding: 10px; margin: 0px 0px 0px 5px; text-align: center;} .module-section-one li {display: inline; list-style: none;} .module-section-one ul {background-color: #ADB577; color: #555b2d; margin: 0; padding: 0.5em 20px;} .module-section-one li a {text-decoration: none; padding-top: 0.5em; padding-right: 20px; padding-bottom: 0.5em; padding-left: 20px; color: #555b2d;} .module-section-one ul li a:hover, .module-section-one ul li.active a {background-color: #A66C35; color: #E6CF97;} .module-list-item {font-family: tahoma; text-transform: uppercase; letter-spacing: 0.1em;} .module-list-item .current {background-color: #E6CF97; color: #368074;} .module-section-two a {color: #8F3321;} .module-section-two a:hover {color: #ffffff;} .module-section-two .module-header a {text-decoration: none;} .module-section-two h2 {margin: 0; margin-bottom: 7px; padding: 5px; border-bottom: solid 2px #ffffff; font-family: georgia; font-style: italic; text-transform: lowercase; text-align: center; font-size: 1.3em; color: #8F3321;} .module-section-two h2 a {color:#8F3321;} .module-section-two ul {list-style-type: none; margin-left: 0.5em; padding: 0; text-align: left;} .module-section-two ul ul {list-style-type: none; margin-left: 0.5em; padding: 0.5em;} .module-userprofile .userpic img {border: none; margin: 20px;} .module-userprofile .userpic {text-align: center;} .module-userprofile ul {margin: 0px; padding: 0px; text-align: center; margin-top: 5px;} .module-userprofile p {margin-top: 0px; margin-bottom: 0px;} .module-userprofile li {display: inline; padding: 5px; list-style: none;} .module-calendar {text-align: center;} .module-calendar table {margin-left: auto; margin-right: auto;} .entry, .comment, .text_noentries_day {padding: 10px; margin-top: 50px; position: relative; margin-bottom: 10px;} .entry .userpic a, .comment .userpic a {display: block; position: absolute; right: 10px; top: -40px; padding: 5px;} .entry .userpic img, .comment .userpic img {border: none;} .entry-title, .comment-title {padding: 0.5em; margin: 0; margin-right: 120px;} .entry-title a, .comment-title a {text-decoration: none;} .entry-title {font-family: georgia; font-style: italic; text-transform: lowercase; font-size: 1.50em; font-weight: normal;} .entry-wrapper-odd .entry, .comment-wrapper-odd .comment, .text_noentries_day {border: solid 2px #368074; background-color: #ffffff; color: #8F3321;} .entry-wrapper-odd .userpic a, .comment-wrapper-odd .userpic a {background-color: #368074;} .entry-wrapper-odd .entry-title, .comment-wrapper-odd .comment-title {color: #A66C35; background-color: #ADB577;} .entry-wrapper-odd .entry-title a, .comment-wrapper-odd .comment-title a {color: #A66C35;} .entry-wrapper-odd .entry-title a:hover, .comment-wrapper-odd .comment-title a:hover {color: #ffeba6;} a, .entry-wrapper-odd a, .comment-wrapper-odd a {color: #16453d; text-decoration: none;} a:hover, .entry-wrapper-odd a:hover, .comment-wrapper-odd a:hover {color: #ADB577;} .entry-wrapper-even .entry, .comment-wrapper-even .comment {border: solid 2px #8F3321; background-color: #ffffff; color: #8F3321;} .entry-wrapper-even .userpic a, .comment-wrapper-even .userpic a {background-color: #8F3321;} .entry-wrapper-even .entry-title, .comment-wrapper-even .comment-title {color: #A66C35; background-color: #ADB577;} .entry-wrapper-even .entry-title a, .comment-wrapper-even .comment-title a {color: #A66C35;} .entry-wrapper-even .entry-title a:hover, .comment-wrapper-even .comment-title a:hover {color: #ffeba6;} .entry-wrapper-even a, .comment-wrapper-even a {color: #16453d; text-decoration: none;} a:hover, .entry-wrapper-even a:hover, .comment-wrapper-even a:hover {color: #ADB577;} .ljuser a {color: #16453d;} .ljuser a:hover {color: #8F3321;} .datetime {font-family: verdana; font-size: 0.80em; color: #368074; text-transform: uppercase; padding-left: 1.70em;} .datetime a {color: #368074;} .entry .time, .entry .date {padding: 0.2em; display: inline-block;} .entry-content, .comment-content {padding: 10px 0px;} .tag {font-weight: bold; text-align: left; text-transform: lowercase; background: #ffffff; padding-bottom: 5px; color: #A66C35;} .tag a {font-weight: normal; color: #16453d;} .tag ul {display: inline; margin: 0; padding: 0;} .tag li {display: inline; list-style: none; padding: 0px;} .tag li a {color: #16453d;} .tag li:first-child:before {content: " ";} *+html .tag li {padding: 0 5px;} .entry .metadata ul {margin: 0px; padding: 0px;} .entry .metadata li {list-style: none;} .entry .footer .inner, .comment .footer .inner {text-align: left; background-color: #abcbc6;} .entry .footer a {white-space: nowrap;} .entry-management-links, .entry-interaction-links, .comment-management-links, .comment-interaction-links {text-align: right; margin: 0; padding: 0px; display: inline;} .entry-management-links li, .entry-interaction-links li, .comment-management-links li, .comment-interaction-links li {display: inline; list-style: none; margin: 0; padding: 5px; line-height: 25px;} .entry-management-links a, .entry-interaction-links a, .comment-management-links a, .comment-interaction-links a {color: #16453d;} .entry-management-links a:hover, .entry-interaction-links a:hover, .comment-management-links a:hover, .comment-interaction-links a:hover {color: #ffffff;} .entry .footer hr {display: none;} .entry .metadata-label {font-weight: bold;} .metadata-item {color: #16453d;} .metadata-item a {color: #16453d;} .comment-poster {display: inline-block; min-width: 40%;} #content > hr {display: none;} .module-section-three {clear: both; width: 100%; background-color: #8F3321; color: #E6CF97; margin: 0; padding: 0.5em 0px;} .module-section-three a {color: #E6CF97;} .module-section-three a:hover {color: #368074;} .module-section-three .module {padding-left: 20px;} .hfeed .navigation {} .navigation {margin: 0; padding: 10px; text-align: right; color: #368074; font-family: georgia; font-style: italic; text-transform: lowercase;} .navigation ul {margin: 0; padding: 0;} .navigation li {display: inline; padding: 0 5px;} .navigation .page-back a:before {content: "<< "; font-size: 0.5em; letter-spacing: 0px; vertical-align: 40%; padding-right: 1px; text-decoration: none; color: #A66C35;} .navigation .page-forward a:after {content: " >>"; font-size: 0.5em; letter-spacing: 0px; vertical-align: 40%; padding-left: 1px;} .navigation a {color: #A66C35; text-decoration: none;} .navigation a:hover {color: #368074;} .page-tags #content h2 {font-family: georgia; font-style: italic; text-transform: lowercase; font-size: 1.50em; font-weight: normal; padding: 0.2em; margin: 0; color: #A66C35; background-color: #ADB577; margin-bottom: 20px;} .page-tags #content h2 {margin-right: 10px;} .month-wrapper, #archive-month dl {padding: 10px; position: relative; margin: 20px 0px; border: solid 2px #368074; background-color: #ffffff;} .month-wrapper h3 {font-family: georgia; font-style: italic; text-transform: lowercase; font-size: 1.50em; font-weight: normal; padding: 0.2em; margin: 0; color: #A66C35; background-color: #ADB577; margin-bottom: 20px;} .month caption {display: none;} .month .day span, .month .day p {padding: 0; margin: 0;} .month .day p {margin-top: 4px; margin-bottom: -4px;} .month .day, .month th {line-height: 2em; vertical-align: text-top; padding: 5px; text-align: center;} /* IE only to line up the empty days neatly */ *+html .month .day span, *+html .month th span{vertical-align: 100%;} .month .day-has-entries {line-height: 1em;} .month .footer {width: 250px; text-align: center; margin: 10px 0px;} .day .label {font-weight: bold; color: #368074;} .month {color: #8F3321;} #postform {margin-top: 20px; border: solid 1px #8F3321;} .text_noentries_day {margin-top: 20px; margin-bottom: 20px;} #archive-month dt {font-weight: bold;} #archive-month .entry-title {font-size: 10pt; display: inline-block; padding-left: 5px;}	/* Layout: Leaving For Paris */ /* Color Scheme: Rebel Waltz */ /* Adapted from Dreamwidth Style: Transmogrified */ /* By: Anita aka bzzinglikeneon */ /* Available at circa77.dreamwidth.org */ * { box-sizing:border-box; -moz-box-sizing:border-box } body {background-color: #52323A; font-family: Verdana; font-size: 10pt; margin: 0px auto; padding: 0;} blockquote {border-left: solid 2px #AEBA00; padding: 10px;} ol, ul {color: #AEBA00; padding-left: 4.25em;} #container {background-color: #D6D6B8; width: 90%; margin: auto;} #header {background-color: #AEBA00; color: #D6D6B8; margin: 0; padding: 0; font-family: georgia; text-transform: lowercase; font-weight: normal; font-style: italic;} #header a {color: #ffffff; text-decoration: none;} #header h1 {margin: 0px; padding: 20px;} #header h2 {padding: 0 20px 20px 20px;} #wrap {padding-right: 230px; padding-top: 20px; padding-left: 20px;} #content {margin: 0 0; position: relative; width: 100%; float: left; padding-bottom: 20px;} .page-tags #content{border: 2px solid #52323A; padding: 10px; margin-top: 10px;} .page-tags #content a {color: #255559;} .page-tags #content a:hover {color: #AEBA00;} .page-tags #wrap {margin-left: 20px;} .module-section-two {position: relative; width: 210px; float: left; margin-left: 20px; margin-top: -120px; padding-bottom: 5px; background-color: #A9BAA2 ; /* this must stay at the bottom of this code as in some circumstances it closes one declaration and opens another one */ margin-right: -240px;;} .module-section-two .module {color: #74826e; background-color: #c7d7c1; padding: 10px; margin: 0px 0px 0px 5px; text-align: center;} .module-section-one li {display: inline; list-style: none;} .module-section-one ul {background-color: #A9BAA2 ; color: #255559; margin: 0; padding: 0.5em 20px;} .module-section-one li a {text-decoration: none; padding-top: 0.5em; padding-right: 20px; padding-bottom: 0.5em; padding-left: 20px; color: #255559;} .module-section-one ul li a:hover, .module-section-one ul li.active a {background-color: #AEBA00; color: #D6D6B8;} .module-list-item {font-family: tahoma; text-transform: uppercase; letter-spacing: 0.1em;} .module-list-item .current {background-color: #D6D6B8; color: #52323A;} .module-section-two a {color: #255559;} .module-section-two .module-header a {text-decoration: none;} .module-section-two h2 {margin: 0; margin-bottom: 7px; padding: 5px; border-bottom: solid 2px #ffffff; font-family: georgia; font-style: italic; text-transform: lowercase; text-align: center; font-size: 1.3em; color: #255559;} .module-section-two h2 a {color:#255559;} .module-section-two ul {list-style-type: none; margin-left: 0.5em; padding: 0; text-align: left;} .module-section-two ul ul {list-style-type: none; margin-left: 0.5em; padding: 0.5em;} .module-userprofile .userpic img {border: none; margin: 20px;} .module-userprofile .userpic {text-align: center;} .module-userprofile ul {margin: 0px; padding: 0px; text-align: center; margin-top: 5px;} .module-userprofile p {margin-top: 0px; margin-bottom: 0px;} .module-userprofile li {display: inline; padding: 5px; list-style: none;} .module-calendar {text-align: center;} .module-calendar table {margin-left: auto; margin-right: auto;} .entry, .comment, .text_noentries_day {padding: 10px; margin-top: 50px; position: relative; margin-bottom: 10px;} .entry .userpic a, .comment .userpic a {display: block; position: absolute; right: 10px; top: -40px; padding: 5px;} .entry .userpic img, .comment .userpic img {border: none;} .entry-title, .comment-title {padding: 0.5em; margin: 0; margin-right: 120px;} .entry-title a, .comment-title a {text-decoration: none;} .entry-title {font-family: georgia; font-style: italic; text-transform: lowercase; font-size: 1.50em; font-weight: normal;} .entry-wrapper-odd .entry, .comment-wrapper-odd .comment, .text_noentries_day {border: solid 2px #52323A; background-color: #ffffff; color: #255559;} .entry-wrapper-odd .userpic a, .comment-wrapper-odd .userpic a {background-color: #52323A;} .entry-wrapper-odd .entry-title, .comment-wrapper-odd .comment-title {color: #255559; background-color: #A9BAA2 ;} .entry-wrapper-odd .entry-title a, .comment-wrapper-odd .comment-title a {color: #255559;} .entry-wrapper-odd .entry-title a:hover, .comment-wrapper-odd .comment-title a:hover {color: #ffffff;} a, .entry-wrapper-odd a, .comment-wrapper-odd a {color: #52323A; text-decoration: none;} a:hover, .entry-wrapper-odd a:hover, .comment-wrapper-odd a:hover {color: #000000;} .entry-wrapper-even .entry, .comment-wrapper-even .comment {border: solid 2px #255559; background-color: #ffffff; color: #255559;} .entry-wrapper-even .userpic a, .comment-wrapper-even .userpic a {background-color: #255559;} .entry-wrapper-even .entry-title, .comment-wrapper-even .comment-title {color: #255559; background-color: #A9BAA2 ;} .entry-wrapper-even .entry-title a, .comment-wrapper-even .comment-title a {color: #255559;} .entry-wrapper-even .entry-title a:hover, .comment-wrapper-even .comment-title a:hover {color: #ffffff;} .entry-wrapper-even a, .comment-wrapper-even a {color: #52323A; text-decoration: none;} a:hover, .entry-wrapper-even a:hover, .comment-wrapper-even a:hover {color: #000000;} .ljuser a {color: #000000;} .ljuser a:hover {color: #255559;} .datetime {font-family: verdana; font-size: 0.80em; color: #52323A; text-transform: uppercase; padding-left: 1.70em;} .datetime a {color: #52323A;} .entry .time, .entry .date {padding: 0.2em; display: inline-block;} .entry-content, .comment-content {padding: 10px 0px;} .tag {font-weight: bold; text-align: left; text-transform: lowercase; background: #ffffff; padding-bottom: 5px; color: #AEBA00;} .tag a {font-weight: normal; color: #52323A;} .tag ul {display: inline; margin: 0; padding: 0;} .tag li {display: inline; list-style: none; padding: 0px;} .tag li a {color: #52323A;} .tag li:first-child:before {content: " ";} *+html .tag li {padding: 0 5px;} .entry .metadata ul {margin: 0px; padding: 0px;} .entry .metadata li {list-style: none;} .entry .footer .inner, .comment .footer .inner {text-align: left; background-color: #c7d7c1;} .entry .footer a {white-space: nowrap;} .entry-management-links, .entry-interaction-links, .comment-management-links, .comment-interaction-links {text-align: right; margin: 0; padding: 0px; display: inline;} .entry-management-links li, .entry-interaction-links li, .comment-management-links li, .comment-interaction-links li {display: inline; list-style: none; margin: 0; padding: 5px; line-height: 25px;} .entry-management-links a, .entry-interaction-links a, .comment-management-links a, .comment-interaction-links a {color: #255559;} .entry .footer hr {display: none;} .entry .metadata-label {font-weight: bold;} .metadata-item {color: #52323A;} .metadata-item a {color: #52323A;} .comment-poster {display: inline-block; min-width: 40%;} #content > hr {display: none;} .module-section-three {clear: both; width: 100%; background-color: #255559; color: #D6D6B8; margin: 0; padding: 0.5em 0px;} .module-section-three a {color: #D6D6B8;} .module-section-three a:hover {color: #52323A;} .module-section-three .module {padding-left: 20px;} .hfeed .navigation {} .navigation {margin: 0; padding: 10px; text-align: right; color: #52323A; font-family: georgia; font-style: italic; text-transform: lowercase;} .navigation ul {margin: 0; padding: 0;} .navigation li {display: inline; padding: 0 5px;} .navigation .page-back a:before {content: "<< "; font-size: 0.5em; letter-spacing: 0px; vertical-align: 40%; padding-right: 1px; text-decoration: none; color: #AEBA00;} .navigation .page-forward a:after {content: " >>"; font-size: 0.5em; letter-spacing: 0px; vertical-align: 40%; padding-left: 1px;} .navigation a {color: #AEBA00; text-decoration: none;} .navigation a:hover {color: #52323A;} .page-tags #content h2 {font-family: georgia; font-style: italic; text-transform: lowercase; font-size: 1.50em; font-weight: normal; padding: 0.2em; margin: 0; color: #AEBA00; background-color: #A9BAA2 ; margin-bottom: 20px;} .page-tags #content h2 {margin-right: 10px;} .month-wrapper, #archive-month dl {padding: 10px; position: relative; margin: 20px 0px; border: solid 2px #52323A; background-color: #ffffff;} .month-wrapper h3 {font-family: georgia; font-style: italic; text-transform: lowercase; font-size: 1.50em; font-weight: normal; padding: 0.2em; margin: 0; color: #AEBA00; background-color: #A9BAA2 ; margin-bottom: 20px;} .month caption {display: none;} .month .day span, .month .day p {padding: 0; margin: 0;} .month .day p {margin-top: 4px; margin-bottom: -4px;} .month .day, .month th {line-height: 2em; vertical-align: text-top; padding: 5px; text-align: center;} /* IE only to line up the empty days neatly */ *+html .month .day span, *+html .month th span{vertical-align: 100%;} .month .day-has-entries {line-height: 1em;} .month .footer {width: 250px; text-align: center; margin: 10px 0px;} .day .label {font-weight: bold; color: #52323A;} .month {color: #255559;} #postform {margin-top: 20px; border: solid 1px #255559;} .text_noentries_day {margin-top: 20px; margin-bottom: 20px;} #archive-month dt {font-weight: bold;} #archive-month .entry-title {font-size: 10pt; display: inline-block; padding-left: 5px;}

CHANGE LOG:

9 May 09: If you would like for the links on your sidebar to not be uppercase, add the following bit of code to the very bottom of your CSS:

.module-section-two ul li {text-transform: none;}

20 June 09: Code corrected in accordance to the recent DW code push; extra comma removed from tags section.

Comments

[piscinarii]

I'm enjoying the Venetian you posted the other day, but I think I am going to switch to Peripheral Vision.

I've got to add these two entries to memories now, so I know to come back to them later when I feel like a color change. Thank you so much!

[alchemy]

You're welcome, I'm glad you're liking them so well!

[piscinarii]

Clean, uncluttered, color schemes are pleasing to the eye as well as easy on the eyes. Couldn't really ask for more in a layout :)

[landshark]

Oh! I like Leia even more than Breakfast at Tiffany's. Purple!
Thanks for making these.

[landshark]

Oh I was wondering, do you know of a way to get the user name also posted under the icons? Maybe some extra bit of code that could be tacked on? LJ has trained my eyes, lol; and I've heard rumbles about this from other people using the standard DW layouts.

Or just say "Enough with the special orders, already!"

Thanks.

[alchemy]

If there's a way to do it via CSS, I haven't figured it out yet, but I honestly haven't really looked into it too closely. When I've got a bit more time, I'll see if I can figure something out.

[impalalove]

AH! There's more! Sticking with the version I've got now, but they're all gorgeous.

[scemo]

Oh, Patriot is gorgeous. Bravo!

[saavikam77]

Just wanted to say I used Patriot on my community, trekfics. It's gorgeous! :D Thanks so much for creating these!

[tree]

rebel waltz is lovely and i have absconded with it. interestingly, the layout breaks when one doesn't use the "profile" section in the sidebar:



html fail *headdesk*

ETA (again): even more interesting (to me, anyway) i re-added the "profile" module and it didn't fix the problem. so i reset the modules to the defaults and the sidebar is still a tiny bit mis-aligned vertically. sorry to spam your comments, but i just thought it was odd and wondered if anyone else has had this problem.

ETA2, son of ETA: last one, i promise. it's just that i figured it out, the layout is dependent upon the body font size being 10pt. any other size distorts the vertical spacing.

[callisto]

These are really pretty! It was a tough choice, but I'll be using Patriot. Thanks!

[luludi]

These are awesome! I really like 'Corner Cafe'... could you tell me how to change a few of the colors? I really like the color of the sidebar, and was hoping for something like that across the top (where the brownish green colors are).

[baggyeyes]

I like Leia, Patriot and Rebel Waltz. Thank you very much for sharing these.

[alchemy]

Actually, it's dependent upon module one being enabled, and remaining inline instead of block.

[alchemy]

To change the color of the bar across the top where the title is, you need to find #header (It's near the top of the code) and change the hex code for "background-color." To change the color of the text in that part, change "color" under #header a.

[alchemy]

You're welcome!

[alchemy]

You're welcome, enjoy!

[alchemy]

You're welcome, enjoy!

[alchemy]

Thank you!

[alchemy]

Thanks!

[hpuckle]

These are beautiful, thanks. I'm using Leia but may change to Corner Cafe in the future, I can't make my mind up lol.

Is there anyway I could add a header image to this without it mucking up something else?

xxx

[alchemy]

At the very bottom of your code, add the following:

#container {margin-top: 0px;}

but change 0 to whatever your header height is.

And also

body {background: url(http://URL TO YOUR HEADER IMAGE) top center scroll;}

And that should do it. Keep in mind that this is a fluid layout, so there's no "right" width for a header to be so that it's flush with the rest of the content.

[hpuckle]

Thanks for the quick response :)

When I do that, it repeats the image as the background of the whole page, rather than just once as a header. Is there a bit of code missing to stop the image from repeating itself?

xxx

[alchemy]

Oops, my bad, I had a feeling I was forgetting something. XD In the background code, just add no-repeat before the semi-colon.

[theintersect]

Snagging "Rebel Waltz," with credit! These are fantastic!