§ Bel's Livejournal § - Giles - Standing in the way (Episode "Once More With Feeling")

Still celebrating the BtVS birthday, today I'm posting a S2 version of my old Giles OMWF layout. As always, it's a shareable layout and you can take it to use. Just credit me in your info page ;-).

Style: S2 Quite Lickable
Title: Giles - Standing in the way (Episode "Once More With Feeling")
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_btvsats059

| 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/btvsats059/giles_omwf_header.jpg

Background:
http://i38.photobucket.com/albums/e107/bel_layouts/btvsats059/giles_omwf_back.jpg

Friends Only Banner:

Icons:

| CUSTOM COLORS |

You don't need to configurate the colors.

| CSS CODE |

body {
background: #4E2900 url(http://i38.photobucket.com/albums/e107/bel_layouts/btvsats059/giles_omwf_back.jpg) repeat center;
font-family: "Tahoma", "Georgia";
color: #000000;
margin: 0;
padding: 0;
border: 0;
width: 100%;
height: 100%;
}

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

#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: #59360D;
text-decoration: none;
}

a:hover {
color: #FFFFFF;
}

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

#title h1 {
display: none;
}

#title #journal_subtitle {
display: none;
}

#pagecontainer {
background-color: #DBB477;
color: #000000;
margin-left: auto;
margin-right: auto;
border-left: 1px solid #502C01;
border-right: 1px solid #502C01;
width: 700px;
}

#main {
float: left;
margin: 20px 0px 0px 10px !important;
margin: 20px 0px 0px 5px;
min-height: 1024px;
padding: 0;
width: 510px;
background-color: transparent;
}

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

.day h2 {
font-family: "Helvetica", "Arial";
font-size: 13px;
font-weight: bold;
letter-spacing: 1.5px;
color: #000000;
background-color: transparent;
border-bottom: 3px solid #F2D1A8;
margin: 10px;
}

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

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

.entry .entryheader h3 {
font-size: 1em;
margin: 0;
padding: 0;
}

.entryheader .entryicon {
float: left;
margin-left: -1.5em;
margin-top: -20px;
}

.entryheader .entryuserpic {
float: right;
margin-top: -28px;
margin-left: 5px;
clear: right;
display: block;
padding: 6px;
background-color: #F2D1A8;
border: 0;
}

.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: "Verdana", "Arial"; 
font-size: 7.5pt;  
text-align: justify; 
line-height: 16px;
color: #59360D;
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: center;
}

.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: right;
width: 160px;
font-family: "Tahoma", "Georgia";
background-color: #502C01;
margin-top: 20px;
margin-right: 8px !important;
margin-right: 4px;
padding-bottom: 15px;
border: #F2D1A8 solid 1px;
}

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

#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: 10px;
}

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

.pbox ul ul {
margin-left: 10px;
padding-bottom: 15px;
}

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

.pbox li.current {
color: #F2D1A8;
font-weight: bold;
padding: 3px 0px 3px 5px;
border-bottom: 1px solid #714611;
width: 120px;
}

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

.pbox li a:hover {
color: #FFFFFF;
background-color: #714611;
}

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

.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: 700px;
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/btvsats059 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 and

freelayouts.

I'm feeling tired

tired
Current Tags: layouts remake, s2 layouts