Template: Leaving for Paris (6 Color Schemes)

[alchemy]

These are very basic templates. I was futzing around with Transmogrified yesterday morning, and thought that I might as well share since layout options are still so limited. 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
1. Cameo	2. Emerald City
[Live Preview of Cameo]	[Live Preview of Emerald City]
3. Georgiana	4. Ocean Avenue
[Live Preview of Georgiana]	[Live Preview of Ocean Avenue]
5. Breakfast at Tiffany's	6. Venetian
[Live Preview of Breakfast at Tiffany's]	[Live Preview of Venetian]

CSS CODES
1. Cameo	2. Emerald City
/* Layout: Leaving For Paris */ /* Color Scheme: Cameo */ /* 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: #1f3a55; font-family: Verdana; font-size: 10pt; margin: 0px auto; padding: 0;} blockquote {border-left: solid 2px #ddaf4f; padding: 10px;} ol, ul {color: #ddaf4f; padding-left: 4.25em;} #container {background-color: #e4dec6; width: 90%; margin: auto;} #header {background-color: #ddaf4f; color: #e4dec6; 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 #1f3a55; padding: 10px; margin-top: 10px;} .page-tags #content a {color: #0e0701;} .page-tags #content a:hover {color: #ddaf4f;} .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: #bf8931; /* 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: #bf8931; background-color: #dfe4ea; 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: #bf8931; color: #fcf7d1; 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: #fcf7d1;} .module-section-one ul li a:hover, .module-section-one ul li.active a {background-color: #ddaf4f; color: #e4dec6;} .module-list-item {font-family: tahoma; text-transform: uppercase; letter-spacing: 0.1em;} .module-list-item .current {background-color: #e4dec6; color: #1f3a55;} .module-section-two a {color: #0e0701;} .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: #0e0701;} .module-section-two h2 a {color:#0e0701;} .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 #1f3a55; background-color: #ffffff; color: #0e0701;} .entry-wrapper-odd .userpic a, .comment-wrapper-odd .userpic a {background-color: #1f3a55;} .entry-wrapper-odd .entry-title, .comment-wrapper-odd .comment-title {color: #ddaf4f; background-color: #bf8931;} .entry-wrapper-odd .entry-title a, .comment-wrapper-odd .comment-title a {color: #fcf7d1;} .entry-wrapper-odd .entry-title a:hover, .comment-wrapper-odd .comment-title a:hover {color: #ddaf4f;} a, .entry-wrapper-odd a, .comment-wrapper-odd a {color: #d88b39; 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 #0e0701; background-color: #ffffff; color: #0e0701;} .entry-wrapper-even .userpic a, .comment-wrapper-even .userpic a {background-color: #0e0701;} .entry-wrapper-even .entry-title, .comment-wrapper-even .comment-title {color: #ddaf4f; background-color: #bf8931;} .entry-wrapper-even .entry-title a, .comment-wrapper-even .comment-title a {color: #fcf7d1;} .entry-wrapper-even .entry-title a:hover, .comment-wrapper-even .comment-title a:hover {color: #ddaf4f;} .entry-wrapper-even a, .comment-wrapper-even a {color: #d88b39; 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: #0e0701;} .datetime {font-family: verdana; font-size: 0.80em; color: #1f3a55; text-transform: uppercase; padding-left: 1.70em;} .datetime a {color: #1f3a55;} .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: #ddaf4f;} .tag a {font-weight: normal; color: #d88b39;} .tag ul {display: inline; margin: 0; padding: 0;} .tag li {display: inline; list-style: none; padding: 0px;} .tag li a {color: #d88b39;} .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: #dfe4ea;} .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: #0e0701;} .entry .footer hr {display: none;} .entry .metadata-label {font-weight: bold;} .metadata-item {color: #ddaf4f;} .metadata-item a {color: #ddaf4f;} .comment-poster {display: inline-block; min-width: 40%;} #content > hr {display: none;} .module-section-three {clear: both; width: 100%; background-color: #0e0701; color: #e4dec6; margin: 0; padding: 0.5em 0px;} .module-section-three a {color: #e4dec6;} .module-section-three a:hover {color: #1f3a55;} .module-section-three .module {padding-left: 20px;} .hfeed .navigation {} .navigation {margin: 0; padding: 10px; text-align: right; color: #1f3a55; 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: #ddaf4f;} .navigation .page-forward a:after {content: " >>"; font-size: 0.5em; letter-spacing: 0px; vertical-align: 40%; padding-left: 1px;} .navigation a {color: #ddaf4f; text-decoration: none;} .navigation a:hover {color: #1f3a55;} .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: #ddaf4f; background-color: #bf8931; 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 #1f3a55; 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: #ddaf4f; background-color: #bf8931; 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: #1f3a55;} .month {color: #0e0701;} #postform {margin-top: 20px; border: solid 1px #0e0701;} .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: Emerald City */ /* 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: #0f8263; font-family: Verdana; font-size: 10pt; margin: 0px auto; padding: 0;} blockquote {border-left: solid 2px #007e4b; padding: 10px;} ol, ul {color: #007e4b; padding-left: 4.25em;} #container {background-color: #e8f0e1; width: 90%; margin: auto;} #header {background-color: #007e4b; color: #e8f0e1; margin: 0; padding: 0; font-family: georgia; text-transform: lowercase; font-weight: normal; font-style: italic;} #header a {color: #e8f0e1; 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 #0f8263; padding: 10px; margin-top: 10px;} .page-tags #content a {color: #003b2e;} .page-tags #content a:hover {color: #007e4b;} .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: #c0ddad; /* 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: #007e4b; background-color: #d2e0c6; 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: #c0ddad; color: #f4fce7; 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: #f4fce7;} .module-section-one ul li a:hover, .module-section-one ul li.active a {background-color: #007e4b; color: #e8f0e1;} .module-list-item {font-family: tahoma; text-transform: uppercase; letter-spacing: 0.1em;} .module-list-item .current {background-color: #e8f0e1; color: #0f8263;} .module-section-two a {color: #003b2e;} .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: #003b2e;} .module-section-two h2 a {color:#003b2e;} .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 #0f8263; background-color: #ffffff; color: #003b2e;} .entry-wrapper-odd .userpic a, .comment-wrapper-odd .userpic a {background-color: #0f8263;} .entry-wrapper-odd .entry-title, .comment-wrapper-odd .comment-title {color: #007e4b; background-color: #c0ddad;} .entry-wrapper-odd .entry-title a, .comment-wrapper-odd .comment-title a {color: #007e4b;} .entry-wrapper-odd .entry-title a:hover, .comment-wrapper-odd .comment-title a:hover {color: #f4fce7;} a, .entry-wrapper-odd a, .comment-wrapper-odd a {color: #6dac7d; 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 #003b2e; background-color: #ffffff; color: #003b2e;} .entry-wrapper-even .userpic a, .comment-wrapper-even .userpic a {background-color: #003b2e;} .entry-wrapper-even .entry-title, .comment-wrapper-even .comment-title {color: #007e4b; background-color: #c0ddad;} .entry-wrapper-even .entry-title a, .comment-wrapper-even .comment-title a {color: #007e4b;} .entry-wrapper-even .entry-title a:hover, .comment-wrapper-even .comment-title a:hover {color: #f4fce7;} .entry-wrapper-even a, .comment-wrapper-even a {color: #6dac7d; 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: #003b2e;} .datetime {font-family: verdana; font-size: 0.80em; color: #0f8263; text-transform: uppercase; padding-left: 1.70em;} .datetime a {color: #0f8263;} .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: #007e4b;} .tag a {font-weight: normal; color: #6dac7d;} .tag ul {display: inline; margin: 0; padding: 0;} .tag li {display: inline; list-style: none; padding: 0px;} .tag li a {color: #6dac7d;} .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: #d2e0c6;} .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: #003b2e;} .entry .footer hr {display: none;} .entry .metadata-label {font-weight: bold;} .metadata-item {color: #6dac7d;} .metadata-item a {color: #6dac7d;} .comment-poster {display: inline-block; min-width: 40%;} #content > hr {display: none;} .module-section-three {clear: both; width: 100%; background-color: #003b2e; color: #e8f0e1; margin: 0; padding: 0.5em 0px;} .module-section-three a {color: #e8f0e1;} .module-section-three a:hover {color: #0f8263;} .module-section-three .module {padding-left: 20px;} .hfeed .navigation {} .navigation {margin: 0; padding: 10px; text-align: right; color: #0f8263; 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: #007e4b;} .navigation .page-forward a:after {content: " >>"; font-size: 0.5em; letter-spacing: 0px; vertical-align: 40%; padding-left: 1px;} .navigation a {color: #007e4b; text-decoration: none;} .navigation a:hover {color: #0f8263;} .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: #007e4b; background-color: #c0ddad; 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 #0f8263; 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: #007e4b; background-color: #c0ddad; 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: #0f8263;} .month {color: #003b2e;} #postform {margin-top: 20px; border: solid 1px #003b2e;} .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;}
3. Georgiana	4. Ocean Avenue
/* Layout: Leaving For Paris */ /* Color Scheme: Georgiana */ /* 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: #a4413b; font-family: Verdana; font-size: 10pt; margin: 0px auto; padding: 0;} blockquote {border-left: solid 2px #c93541; padding: 10px;} ol, ul {color: #c93541; padding-left: 4.25em;} #container {background-color: #ffffd3; width: 90%; margin: auto;} #header {background-color: #c93541; color: #ffffd3; margin: 0; padding: 0; font-family: georgia; text-transform: lowercase; font-weight: normal; font-style: italic;} #header a {color: #ffffd3; 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 #a4413b; padding: 10px; margin-top: 10px;} .page-tags #content a {color: #ad241a;} .page-tags #content a:hover {color: #c93541;} .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: #fcd0ab; /* 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: #c93541; background-color: #e0d4ae; 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: #fcd0ab; color: #da9b6f; 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: #da9b6f;} .module-section-one ul li a:hover, .module-section-one ul li.active a {background-color: #c93541; color: #ffffd3;} .module-list-item {font-family: tahoma; text-transform: uppercase; letter-spacing: 0.1em;} .module-list-item .current {background-color: #ffffd3; color: #a4413b;} .module-section-two a {color: #ad241a;} .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: #ad241a;} .module-section-two h2 a {color:#ad241a;} .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 #a4413b; background-color: #ffffff; color: #ad241a;} .entry-wrapper-odd .userpic a, .comment-wrapper-odd .userpic a {background-color: #a4413b;} .entry-wrapper-odd .entry-title, .comment-wrapper-odd .comment-title {color: #c93541; background-color: #fcd0ab;} .entry-wrapper-odd .entry-title a, .comment-wrapper-odd .comment-title a {color: #c93541;} .entry-wrapper-odd .entry-title a:hover, .comment-wrapper-odd .comment-title a:hover {color: #da9b6f;} a, .entry-wrapper-odd a, .comment-wrapper-odd a {color: #b36c42; 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 #ad241a; background-color: #ffffff; color: #ad241a;} .entry-wrapper-even .userpic a, .comment-wrapper-even .userpic a {background-color: #ad241a;} .entry-wrapper-even .entry-title, .comment-wrapper-even .comment-title {color: #c93541; background-color: #fcd0ab;} .entry-wrapper-even .entry-title a, .comment-wrapper-even .comment-title a {color: #c93541;} .entry-wrapper-even .entry-title a:hover, .comment-wrapper-even .comment-title a:hover {color: #da9b6f;} .entry-wrapper-even a, .comment-wrapper-even a {color: #b36c42; 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: #ad241a;} .datetime {font-family: verdana; font-size: 0.80em; color: #a4413b; text-transform: uppercase; padding-left: 1.70em;} .datetime a {color: #a4413b;} .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: #c93541;} .tag a {font-weight: normal; color: #b36c42;} .tag ul {display: inline; margin: 0; padding: 0;} .tag li {display: inline; list-style: none; padding: 0px;} .tag li a {color: #b36c42;} .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: #e0d4ae;} .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: #ad241a;} .entry .footer hr {display: none;} .entry .metadata-label {font-weight: bold;} .metadata-item {color: #b36c42;} .metadata-item a {color: #b36c42;} .comment-poster {display: inline-block; min-width: 40%;} #content > hr {display: none;} .module-section-three {clear: both; width: 100%; background-color: #ad241a; color: #ffffd3; margin: 0; padding: 0.5em 0px;} .module-section-three a {color: #ffffd3;} .module-section-three a:hover {color: #a4413b;} .module-section-three .module {padding-left: 20px;} .hfeed .navigation {} .navigation {margin: 0; padding: 10px; text-align: right; color: #a4413b; 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: #c93541;} .navigation .page-forward a:after {content: " >>"; font-size: 0.5em; letter-spacing: 0px; vertical-align: 40%; padding-left: 1px;} .navigation a {color: #c93541; text-decoration: none;} .navigation a:hover {color: #a4413b;} .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: #c93541; background-color: #fcd0ab; 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 #a4413b; 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: #c93541; background-color: #fcd0ab; 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: #a4413b;} .month {color: #ad241a;} #postform {margin-top: 20px; border: solid 1px #ad241a;} .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: Ocean Avenue */ /* 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: #3db6b7; font-family: Verdana; font-size: 10pt; margin: 0px auto; padding: 0;} blockquote {border-left: solid 2px #fb7166; padding: 10px;} ol, ul {color: #fb7166; padding-left: 4.25em;} #container {background-color: #e2e1df; width: 90%; margin: auto;} #header {background-color: #fb7166; color: #e2e1df; 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 #3db6b7; padding: 10px; margin-top: 10px;} .page-tags #content a {color: #13797b;} .page-tags #content a:hover {color: #fb7166;} .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: #ecc483; /* 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: #fb7166; background-color: #f2e0dc; 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: #ecc483; 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: #ffeba6;} .module-section-one ul li a:hover, .module-section-one ul li.active a {background-color: #fb7166; color: #e2e1df;} .module-list-item {font-family: tahoma; text-transform: uppercase; letter-spacing: 0.1em;} .module-list-item .current {background-color: #e2e1df; color: #3db6b7;} .module-section-two a {color: #13797b;} .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: #13797b;} .module-section-two h2 a {color:#13797b;} .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 #3db6b7; background-color: #ffffff; color: #13797b;} .entry-wrapper-odd .userpic a, .comment-wrapper-odd .userpic a {background-color: #3db6b7;} .entry-wrapper-odd .entry-title, .comment-wrapper-odd .comment-title {color: #fb7166; background-color: #ecc483;} .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: #fb7166;} a, .entry-wrapper-odd a, .comment-wrapper-odd a {color: #f4aa51; text-decoration: none;} a:hover, .entry-wrapper-odd a:hover, .comment-wrapper-odd a:hover {color: #fb7166;} .entry-wrapper-even .entry, .comment-wrapper-even .comment {border: solid 2px #13797b; background-color: #ffffff; color: #13797b;} .entry-wrapper-even .userpic a, .comment-wrapper-even .userpic a {background-color: #13797b;} .entry-wrapper-even .entry-title, .comment-wrapper-even .comment-title {color: #fb7166; background-color: #ecc483;} .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: #fb7166;} .entry-wrapper-even a, .comment-wrapper-even a {color: #f4aa51; text-decoration: none;} a:hover, .entry-wrapper-even a:hover, .comment-wrapper-even a:hover {color: #fb7166;} .ljuser a {color: #fb7166;} .ljuser a:hover {color: #13797b;} .datetime {font-family: verdana; font-size: 0.80em; color: #3db6b7; text-transform: uppercase; padding-left: 1.70em;} .datetime a {color: #3db6b7;} .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: #fb7166;} .tag a {font-weight: normal; color: #f4aa51;} .tag ul {display: inline; margin: 0; padding: 0;} .tag li {display: inline; list-style: none; padding: 0px;} .tag li a {color: #f4aa51;} .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: #fad0a8;} .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: #13797b;} .entry .footer hr {display: none;} .entry .metadata-label {font-weight: bold;} .metadata-item {color: #f4aa51;} .metadata-item a {color: #f4aa51;} .comment-poster {display: inline-block; min-width: 40%;} #content > hr {display: none;} .module-section-three {clear: both; width: 100%; background-color: #13797b; color: #e2e1df; margin: 0; padding: 0.5em 0px;} .module-section-three a {color: #e2e1df;} .module-section-three a:hover {color: #3db6b7;} .module-section-three .module {padding-left: 20px;} .hfeed .navigation {} .navigation {margin: 0; padding: 10px; text-align: right; color: #3db6b7; 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: #fb7166;} .navigation .page-forward a:after {content: " >>"; font-size: 0.5em; letter-spacing: 0px; vertical-align: 40%; padding-left: 1px;} .navigation a {color: #fb7166; text-decoration: none;} .navigation a:hover {color: #3db6b7;} .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: #fb7166; background-color: #ecc483; 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 #3db6b7; 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: #fb7166; background-color: #ecc483; 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: #3db6b7;} .month {color: #13797b;} #postform {margin-top: 20px; border: solid 1px #13797b;} .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;}
5. Breakfast at Tiffany's	6. Venetian
/* Layout: Leaving For Paris */ /* Color Scheme: Breakfast at Tiffany's */ /* 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: #7ab3aa; font-family: Verdana; font-size: 10pt; margin: 0px auto; padding: 0;} blockquote {border-left: solid 2px #43230a; padding: 10px;} ol, ul {color: #43230a; padding-left: 4.25em;} #container {background-color: #ebe5d7; width: 90%; margin: auto;} #header {background-color: #43230a; color: #ebe5d7; margin: 0; padding: 0; font-family: georgia; text-transform: lowercase; font-weight: normal; font-style: italic;} #header a {color: #ebe5d7; 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 #7ab3aa; padding: 10px; margin-top: 10px;} .page-tags #content a {color: #4c827a;} .page-tags #content a:hover {color: #43230a;} .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: #dec281; /* 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: #43230a; background-color: #bbe6df; 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: #dec281; 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: #ffeba6;} .module-section-one ul li a:hover, .module-section-one ul li.active a {background-color: #43230a; color: #ebe5d7;} .module-list-item {font-family: tahoma; text-transform: uppercase; letter-spacing: 0.1em;} .module-list-item .current {background-color: #ebe5d7; color: #7ab3aa;} .module-section-two a {color: #4c827a;} .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: #4c827a;} .module-section-two h2 a {color:#4c827a;} .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 #7ab3aa; background-color: #ffffff; color: #4c827a;} .entry-wrapper-odd .userpic a, .comment-wrapper-odd .userpic a {background-color: #7ab3aa;} .entry-wrapper-odd .entry-title, .comment-wrapper-odd .comment-title {color: #43230a; background-color: #dec281;} .entry-wrapper-odd .entry-title a, .comment-wrapper-odd .comment-title a {color: #43230a;} .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: #b36c42; 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 #4c827a; background-color: #ffffff; color: #4c827a;} .entry-wrapper-even .userpic a, .comment-wrapper-even .userpic a {background-color: #4c827a;} .entry-wrapper-even .entry-title, .comment-wrapper-even .comment-title {color: #43230a; background-color: #dec281;} .entry-wrapper-even .entry-title a, .comment-wrapper-even .comment-title a {color: #43230a;} .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: #b36c42; 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: #4c827a;} .datetime {font-family: verdana; font-size: 0.80em; color: #7ab3aa; text-transform: uppercase; padding-left: 1.70em;} .datetime a {color: #7ab3aa;} .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: #43230a;} .tag a {font-weight: normal; color: #b36c42;} .tag ul {display: inline; margin: 0; padding: 0;} .tag li {display: inline; list-style: none; padding: 0px;} .tag li a {color: #b36c42;} .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: #bbe6df;} .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: #4c827a;} .entry .footer hr {display: none;} .entry .metadata-label {font-weight: bold;} .metadata-item {color: #b36c42;} .metadata-item a {color: #b36c42;} .comment-poster {display: inline-block; min-width: 40%;} #content > hr {display: none;} .module-section-three {clear: both; width: 100%; background-color: #4c827a; color: #ebe5d7; margin: 0; padding: 0.5em 0px;} .module-section-three a {color: #ebe5d7;} .module-section-three a:hover {color: #7ab3aa;} .module-section-three .module {padding-left: 20px;} .hfeed .navigation {} .navigation {margin: 0; padding: 10px; text-align: right; color: #7ab3aa; 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: #43230a;} .navigation .page-forward a:after {content: " >>"; font-size: 0.5em; letter-spacing: 0px; vertical-align: 40%; padding-left: 1px;} .navigation a {color: #43230a; text-decoration: none;} .navigation a:hover {color: #7ab3aa;} .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: #43230a; background-color: #dec281; 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 #7ab3aa; 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: #43230a; background-color: #dec281; 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: #7ab3aa;} .month {color: #4c827a;} #postform {margin-top: 20px; border: solid 1px #4c827a;} .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: Venetian */ /* 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: #60741b; font-family: Verdana; font-size: 10pt; margin: 0px auto; padding: 0;} blockquote {border-left: solid 2px #ca3628; padding: 10px;} ol, ul {color: #ca3628; padding-left: 4.25em;} #container {background-color: #d4d5c3; width: 90%; margin: auto;} #header {background-color: #ca3628; color: #d4d5c3; 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 #60741b; padding: 10px; margin-top: 10px;} .page-tags #content a {color: #ba2423;} .page-tags #content a:hover {color: #ca3628;} .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: #ec8946; /* 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: #ca3628; background-color: #c5d491; 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: #ec8946; color: #f0cdc7; 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: #f0cdc7;} .module-section-one ul li a:hover, .module-section-one ul li.active a {background-color: #ca3628; color: #d4d5c3;} .module-list-item {font-family: tahoma; text-transform: uppercase; letter-spacing: 0.1em;} .module-list-item .current {background-color: #d4d5c3; color: #60741b;} .module-section-two a {color: #ba2423;} .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: #ba2423;} .module-section-two h2 a {color:#ba2423;} .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 #60741b; background-color: #ffffff; color: #ba2423;} .entry-wrapper-odd .userpic a, .comment-wrapper-odd .userpic a {background-color: #60741b;} .entry-wrapper-odd .entry-title, .comment-wrapper-odd .comment-title {color: #ca3628; background-color: #ec8946;} .entry-wrapper-odd .entry-title a, .comment-wrapper-odd .comment-title a {color: #ca3628;} .entry-wrapper-odd .entry-title a:hover, .comment-wrapper-odd .comment-title a:hover {color: #f0cdc7;} a, .entry-wrapper-odd a, .comment-wrapper-odd a {color: #b36c42; 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 #ba2423; background-color: #ffffff; color: #ba2423;} .entry-wrapper-even .userpic a, .comment-wrapper-even .userpic a {background-color: #ba2423;} .entry-wrapper-even .entry-title, .comment-wrapper-even .comment-title {color: #ca3628; background-color: #ec8946;} .entry-wrapper-even .entry-title a, .comment-wrapper-even .comment-title a {color: #ca3628;} .entry-wrapper-even .entry-title a:hover, .comment-wrapper-even .comment-title a:hover {color: #f0cdc7;} .entry-wrapper-even a, .comment-wrapper-even a {color: #b36c42; 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: #ba2423;} .datetime {font-family: verdana; font-size: 0.80em; color: #60741b; text-transform: uppercase; padding-left: 1.70em;} .datetime a {color: #60741b;} .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: #ca3628;} .tag a {font-weight: normal; color: #b36c42;} .tag ul {display: inline; margin: 0; padding: 0;} .tag li {display: inline; list-style: none; padding: 0px;} .tag li a {color: #b36c42;} .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: #c5d491;} .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: #ba2423;} .entry .footer hr {display: none;} .entry .metadata-label {font-weight: bold;} .metadata-item {color: #b36c42;} .metadata-item a {color: #b36c42;} .comment-poster {display: inline-block; min-width: 40%;} #content > hr {display: none;} .module-section-three {clear: both; width: 100%; background-color: #ba2423; color: #d4d5c3; margin: 0; padding: 0.5em 0px;} .module-section-three a {color: #d4d5c3;} .module-section-three a:hover {color: #60741b;} .module-section-three .module {padding-left: 20px;} .hfeed .navigation {} .navigation {margin: 0; padding: 10px; text-align: right; color: #60741b; 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: #ca3628;} .navigation .page-forward a:after {content: " >>"; font-size: 0.5em; letter-spacing: 0px; vertical-align: 40%; padding-left: 1px;} .navigation a {color: #ca3628; text-decoration: none;} .navigation a:hover {color: #60741b;} .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: #ca3628; background-color: #ec8946; 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 #60741b; 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: #ca3628; background-color: #ec8946; 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: #60741b;} .month {color: #ba2423;} #postform {margin-top: 20px; border: solid 1px #ba2423;} .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

[ferne]

Totally using Breakfast at Tiffany's! Thanks. :)

[alchemy]

You're welcome, enjoy!

[schattenstern]

Awww, these are lovely! ♥ (Basic? I like basic.) Snagging Emerald City; thanks for sharing!

[alchemy]

LOL, well... I'm used to doing ridiculously graphics-intensive layouts that take me the better part of a week to do, so I might be a bit biased. XD I'm glad you like it, though!

[jeeps]

kdshgd you are my hero.

[alchemy]

\o/

[sarlania]

These are really nice! I'm snagging Emerald City- thanks very much!

[alchemy]

You're welcome, enjoy!

[sari]

Thank you so much,

Just changed to Breakfast at Tiffany's. It looks wonderful.

[alchemy]

You're welcome, enjoy!

[redatt]

Have adopted Georgiana, thank you.

[alchemy]

You're welcome, enjoy!

[athra]

cgbskjavbsdj LOVE.

I am totally changing my layout to this, it looks awesome!

[alchemy]

I'm glad you like it so much! :D

[bestineverhad]

Love it! Using with credit. Thank you!

[alchemy]

You're welcome, enjoy!

Thanks!

[landshark]

I am overjoyed to find a layout that didn't involve 25 steps to implement.
And it was nice to have 6 different options to choose from :)

Re: Thanks!

[alchemy]

I'm glad you like it! It seems like simple implementation is definitely the way to go.

[shina]

I really like the green one. *mems*

[alchemy]

Thank you! If I don't get distracted by other shiny, I might add some more color schemes soon.

[lone_lilly]

These are so pleasing to look at. <3

[alchemy]

Thank you! ♥

[kellyfaboo]

Of course now I have that 90s song in my head ... *sigh* Thanks!

[alchemy]

If you're talking about "Breakfast at Tiffany's," I am deeply and sincerely sorry. Really.

[novembermond]

these are great!

[alchemy]

Thanks!

[holdouttrout]

Oooh. I like this a lot--basic is good! I'm using Venetian, but it was a hard call--all of the color schemes are brilliant.

[alchemy]

Thank you very much, enjoy!

[cranberry]

OOOOOOooooooo
Ocean Avenue is lovely :)
Mem'ing, will credit when i use it!

[alchemy]

Thank you!

[forthwritten]

This is lovely, but I'd really like to change the font colour for entries (bit too low contrast for my crappy sight). Would you mind telling me which bit to change in the CSS?

[alchemy]

Sure! Do you just want to change the text on the entry body (The post content), or all of the text?

[impalalove]

Ooh, love Venetian. :P

[alchemy]

Thanks!

[piscinarii]

Venetian. I'm loving it, thank you!

[alchemy]

Enjoy!

[mataashita]

Using Breakfast at Tiffany's :) Gorgeous layout.

[alchemy]

Thanks, enjoy!

[jennandanica]

Chose Breakfast at Tiffany's and I'm loving it. Thank you so much!

[alchemy]

You're welcome, enjoy!

[ree]

You made some Transmogrified layouts, named one Breakfast at Tiffany's (Audrey Hepburn = WIN), and made sure that they work in Opera. That means you win everything EVER!

Thanks so much for the layouts!

[alchemy]

You're very welcome!

[bettina]

I love the layout and I just switched to using the Venetian version. Very pretty! :-)

[alchemy]

Enjoy!

[zoniduck]

So clean and pretty! Thank you!

[alchemy]

You're welcome, enjoy!

[the_warehouse]

Beautiful work, very elegant! I'm snagging Venetian, thank you for sharing. :)

[alchemy]

You're welcome, enjoy!

[youarefree]

I'm using Venetian, it's lovely. Thanks so much!

[alchemy]

You're welcome, enjoy!