§ 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 |

- 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.
- In the LJ page, go to Journal >> Edit Journal Style.
- In the Basics tab, if you're using S1, select S2 in Style System and click in the button Save Changes. Optionally, you can also entry your favorite links. Just click in the link your link list (See the figure).
- In the Look & Feel tab, select Quite Lickable under Layout & Language and select (Layout Default) under Themes (THIS IS VERY IMPORTANT!). Click in the button Save Changes (See the figure).
- In the Custom Options tab, click in the link Custom CSS, 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 (See the figure).
- Then you can navigate through the links in the Custom Options and personalize other things as you wish, like the texts in the comments links, for example.
- Click again 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: btvs, layouts, s2 layouts