amavel_bel | Buffy - I just wanna be alive (Episode "Once More With Feeling")

Layout time!!! Some people have been asking me to make S2 versions of some of my old S1 layouts, so I decided to resume the task I started before my, hmmm, hiatus. I'm sharing now the S2 version of one of my favorite old layouts about the musical episode from BtVS. Look, take, credit ;-).

Style: S2 Quite Lickable
Title: Buffy - I just wanna be alive (Episode "Once More With Feeling") - S2 version
Website: Not needed
Default Icon: No needed
Best view: 800x600 and higher.
Browser(s) Compatible: Firefox, Internet Explorer, Netscape, Opera.
Maker:

amavel_bel (Mabel). Credit me in your user info page.
Resources: Screencaps by me. Other resources (like brushes, textures and so on) are credited at my LJ Info Page.
Notes: For free and paid accounts and it works with Nav bar strip and Sponsored Plus Account.

This is a S2 version for the original layout I made a while ago using S1 Generator Simple (i.e. without sidebar). If you want to see the original S1 Generator layout, click here.

Preview:

Working preview:

bel_btvsats068

| IMAGES |
Obs.: The images are provided in the code for convenience. They are hosted and I don't intend to take them down (hopefully I won't have exceeding bandwidth problem). If you want, I'm providing the links below, so you can take the images and upload them in your own server. Just the FRIENDS ONLY BANNER and the ICONS are optional.

Header:
http://i38.photobucket.com/albums/e107/bel_layouts/btvsats068/buffy_omwf2_header.jpg

Background:
http://i38.photobucket.com/albums/e107/bel_layouts/btvsats068/buffy_omwf2_back.jpg

Friends Only Banner:

Icons:

| CUSTOM COLORS |

You don't need to configurate the colors.

| CSS CODE |

body {
background: #461D63 url(http://i38.photobucket.com/albums/e107/bel_layouts/btvsats068/buffy_omwf2_back.jpg) repeat center;
font-family: "Tahoma", "Georgia";
color: #E0D2F8;
margin: 0;
padding: 0;
border: 0;
width: 100%;
height: 100%;
}

body, td, table, th, tr {
font-size: 10px;
}

blockquote {
font-family: "Times New Roman", Verdana;
font-size: 11px;
font-style: italic;
text-align: justfiy;
margin: 15px;
padding: 15px;
border-left: 3px solid #E0D2F8;
}

#shadowhack1 {
margin-left: auto;
margin-right: auto;
margin-top: 0;
margin-bottom: 0;
width: 100%;
min-height: 150%;
}

#shadowhack2 {
margin: 0;
background: none;
min-height: 100%;
}

a:link, a:visited {
color: #BA9AEF;
text-decoration: none;
}

a:hover {
color: #EA58EA;
}

#title {
overflow: hidden;
background-color: #370D54;
background-image: url(http://i38.photobucket.com/albums/e107/bel_layouts/btvsats068/buffy_omwf2_header.jpg);
background-repeat: no-repeat;
background-position: top center;
height: 400px;
width: 720px;
border: 0;
}

#title h1 {
display: none;
}

#title #journal_subtitle {
display: none;
}

#pagecontainer {
background-color: #370D54;
color: #E0D2F8;
margin-left: auto;
margin-right: auto;
border-left: 1px solid #E0D2F8;
border-right: 1px solid #E0D2F8;
width: 720px;
}

#main {
float: left;
margin: 30px 0px 0px 15px !important;
margin: 30px 0px 0px 10px;
min-height: 1024px;
padding: 0;
width: 530px;
background-color: transparent;
border: 0;
}

* html #main {
height: 1024px; /* IE-only hack */
}

.day h2 {
font-family: "Helvetica", "Arial";
font-size: 13px;
font-weight: bold;
letter-spacing: 1.5px;
color: #E0D2F8;
text-align: left;
background-color: #541380;
border: 0;
margin: 10px;
padding: 3px;
}

.entry {
margin: 16px 16px 16px 10px;
background-color: transparent;
}

.entry .entryheader {
font-weight: bold;
text-align: left;
font-size: 12px;
color: #FFFFFF;
border-bottom: 1px solid #E0D2F8;
}

.entry .entryheader h3 {
font-family: "Verdana", "Tahoma";
font-size: 1em;
margin: 0;
padding: 0;
}

.entryheader .entryicon {
float: right;
margin-right: 1em;
}

.entryheader .entryuserpic {
float: right;
display: block;
margin-top: -28px;
margin-left: 5px;
clear: right;
padding: 6px;
background-color: #370D54;
border: #E0D2F8 solid 1px;
}

.entryheader .entryposter {
display: inline;
float: left;
margin-right: 1em;
}

.entryheader .entryposter:after {
content: ": ";
}

.entryposter img, .collapsed_entry img {
height: 12px;
width: 10px;
}

.entryheader .entrytimestamp {
display: inline;
}

.entrylinkbarpost {
text-align: right;
}

.entrylinkbarpre {
display: none;
}

.page_entry .entrylinkbarpre, .page_reply .entrylinkbarpre {
display: none;
}

.entryheader .entrytimestampdate {
display: none;
}

.page_entry .entryheader .entrytimestampdate, .page_reply .entryheader .entrytimestampdate {
display: inline;
}

.entry .entrycontent {
margin: 8px;
font-family: "Tahoma", "Verdana"; 
font-size: 8pt;  
text-align: justify; 
line-height: 16px;
color: #E0D2F8;
padding: 0px;
}

.entrymeta {
list-style: none;
padding: 0;
margin: 0 0 0.5em 0;
display: block;
}

.entrymeta .entrymetacaption {
font-weight: bold;
}

.entrymeta li {
white-space: no-wrap;
}

div.ljtags { 
display: inline; 
}

.entry .entryfooter {
clear: both;
margin: 0;
}

.entryfooter .entrycmdlinks {
list-style: none;
vertical-align: middle;
margin: 0; 
padding: 0em;
white-space: no-wrap;
text-align: right;
margin-top: 15px;
margin-bottom: 20px;
}

.entryfooter .entrycmdlinks:before {
content: "(";
}

.entryfooter .entrycmdlinks:after {
content: ")";
}

.entrycmdlinks li {
display: inline;
}

* html .entrycmdlinks li {
margin-left: 1em;
}

.entrycmdlinks li:before {
content: " - ";
}

.entrycmdlinks li a:link {
padding: 0 5px 0 5px;
}

.entrycmdlinks li:first-child:before {
content: "";
}

.comments {
list-style: none;
padding: 0;
margin-left: 50px;
}

.comments .comments {
margin-left: 25px;
}

.comments > li {
margin: 0;
padding: 0;
}

#paraphernalia {
float: left;
width: 160px;
font-family: "Tahoma", "Georgia";
background-color: #E0D2F8;
margin-top: 40px;
margin-left: 10px !important;
margin-left: 5px;
padding-bottom: 15px;
border: 0;
}

#paraphernalia h2 {
font-family: "Helvetica", "Arial";
font-size: 14px;
font-weight: bold;
text-align: left;
letter-spacing: 1.5px;
color: #370D54;
margin-top: 16px;
margin-bottom: 8px;
border-bottom: 1px solid #370D54;
}

#paraphernalia .pbox {
margin-left: 8px;
margin-right: 8px;
clear: both;
}

#journalinfouserpic {
text-align: center;
margin-top: 15px;
}

.journallinkbar {
display: none;
}

#journalinfo h2 {
display: none;
}

.pboxcontent {
margin-left: 8px;
margin-right: 8px;
}

.pbox dt {
font-weight: normal;
margin-top: 4px;
}

.pbox dd {
padding: 0;
margin-left: 24px;
}

.pbox p {
margin: 8px 0;
color: #370D54;
}

.pbox ul {
margin: 0;
padding: 0;
list-style: none;
}

.pbox ul ul {
margin-left: 24px;
}

.pbox li {
margin: 0;
padding: 0;
}

.pbox li.current {
color: #370D54;
font-weight: bold;
padding: 3px 0px 3px 5px;
border-bottom: 1px solid #C1A5F1;
background-color: transparent;
width: 120px;
}

.pbox li a {
color: #370D54;
display: block;
text-decoration: none;
width: 120px;
padding: 3px 0px 3px 5px;
border-bottom: 1px solid #C1A5F1;
}

.pbox li a:hover {
color: #EA58EA;
background-color: #EAE2FA;
}

.comments .entry {
margin-left: 0;
margin-bottom: 8px;
}

.comments .entry .entryheader {
background-color: transparent;
}

input, textarea {
font-family: "Tahoma", "Georgia";
font-size: 10px;
}

.page_month #main form, .page_month #main dl {
margin: 8px;
}

.calendarmonth {
width: 60%;
margin-right: auto;
margin-left: auto;
border-collapse: collapse;
margin-bottom: 2em;
}

.calendarmonth td, .calendarmonth th {
padding: 0.5em;
margin: 0;
}

.calendarmonthlink {
text-align: center;
}

.calendarmonthheader h2 {
font-size: 12px;
margin: 0;
}

.calendardaynum { 
text-align: right; 
}

.calendardaycount { 
text-align: center; 
}

.calendarday {
width: 14%;
}

.itemrange {
list-style: none;
padding: 0;
margin: 0.5em;
text-align: center;
}

.itemrange li {
display: inline;
margin: 0 0.25em;
}

.itemrange li a:before, .itemrange li.current:before {
content: "[";
}

.itemrange li a:after, .itemrange li.current:after {
content: "]";
}

#server_sig {
font-size: 1em;
text-align: center;
clear: both;
width: 720px;
background: none;
}

| SPECIAL INSTRUCTIONS |

Preparing the code:
- Copy the CSS code and paste it in the Notepad.
- If you decided to host the images in your own server, replace every i38.photobucket.com/albums/e107/bel_layouts/btvsats068 by the server address where you uploaded the images.

Configuring the layout:
- In the LJ page, go to Journal >> Change Journal Theme.
- If you're using S1 style do the following. If not, skip this step: Click in the link Switch to S2 in the blue box on the right side of the page. Then, click in the button "Yes, I want to upgrade to S2".
- In the 2. Select a New Theme section, type Quite Lickable in the search box. Then select one of the themes listed and click in Apply Theme.
- Click in the button Customise your theme, in the bottom on the right side.
- Click in the option Custom CSS and under Use layout's stylesheet(s) choose No (THIS IS VERY IMPORTANT!). Then copy the CSS from the Notepad and paste it in the field Custom stylesheet.
- Then you can navigate through the links in the Customize Your Theme and personalize other things as you wish, like going to the Text option and entering a personalized text inside the Journal Info Blurb, for example.
- Click in the button Save Changes and it's done.

Cross-posted to

btvsats_layouts,

layouts_for_fun,

freelayouts and

freelayouts_s2.