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

[scratchmist]

These are very pretty. I'm having a hard time picking which one I want. *o* Thank you for sharing, will definitely credit! ♥

[childoftime]

Taking Rebel Waltz, thank you very much! Credit is in my profile. ♥

[frogmajick]

I'm using Leia. I love it, thank you <3

[aprettyeternity]

Thanks so much! Using. <3

[brighton_girl]

Thank you the Leia is beautiful!

[jademouse]

I'm using Patriot, thanks! :)

[jack4will]

Was just gifted a paid account tonight. Love the layouts. I put in my memories and I am going to use number 10 Patriot.

Will put credit in my user info too.

[cryptic]

Using Corner Cafe because the colours are gorgeous. Thanks for sharing!

[psyche29]

I think these are gorgeous layouts. I am using Leia, but am stumped as to how I should be crediting you so that people know. Care to help a mindless idiot girl out? :)

Anyway, I've saved this to my memories so I can find it easily again should I need it. Thanks so much for sharing!

[alchemy]

The most popular way is to put a note in your profile info. Something like: Layout by circa77. If you don't know how to do the DW code to make that link, there's an explanation here.

[psyche29]

Oh! *is stoopid*

Thanks so much - it's done, now. ;)

[seriousbeagle]

These have to be the best layouts I've seen so far ... simple and basic, just the way I like it. I'm using Peripheral Vision.

One question though, I have this weird thing about not liking borders around my icons in the layout. Is there any way to get rid of it completely. I know enough to usually be able to figure out what to change on something like this but this time I'm stumped. I've figured out how to change the color, but not how to get rid of it.

Thanks in advance!

[alchemy]

Adding the below to the bottom of your code should take care of it:

.entry .userpic a, .comment .userpic a {padding:0px;}

[seriousbeagle]

Worked like a charm! Thank you :)

[frakkintoaster]

looks great. added to memories.

thank you :)

[howlingforever]

Thanks for sharing these, they're gorgeous. Snagged Corner Cafe and will credit in my profile.

[gunskov]

using rebel waltz but I'll change it with other choices of your colour schemes (depends on my mood) because they are all so gorgeous :)

oh and mem it too <3

[wanderingwords]

Gorgeous layouts! Thank you! I've gone off with Corner Cafe. :D

[nova_gurl]

Awesome layouts I took Corner Cafe, just love it. Will credit in my profile, and thanks for sharing these with us :)

[piscinarii]

Since the latest code push (yesterday), when I have a post with multiple tags now two commas are appearing in the tags instead of one. There is a bold comma, a space, then a regular comma just chillin'

Would you happen to know which bit of code the commas in tags would be at? I've been sorting through it but I can't pinpoint it.

[alchemy]

I actually know this without having to pull my hair out, amazing. XD

.tag li:before {content: ", "; font-weight: normal;}

Is what you're looking for. Removing content: ","; should take care of it.

[piscinarii]

Awesome, thanks!

[words_n_coffee]

I chose Breakfast at Tiffany's for my "main" journal earlier, and now "Peripheral Vision" for this, my writing journal.

Will credit, and thank you!!

[ivoryandhorn]

Snagged Rebel Waltz for my journal. I'm really liking how clean it looks. Thanks!

[chillaeria]

Rebel Waltz wins at everything ever. Thank you very, very much, will credit!

(Incidentally, the sidebar is randomly and wrongly on the left on the TAGS page, have you noticed? http://chillaeria.dreamwidth.org/tag/ )