amavel_bel | Wesley/Lilah - Science turns me on

Finally I managed to find time to make a layout and I decided for a ship I never make a layout about before. And it's my first time with the style S2 Bloggish. I guess the layout is working okay, but if you find any bugs, don't forget to report me. As always, it's shareable. Just don't forget to credit me if taking it.

Style: S2 Bloggish
Title: Wesley/Lilah - Science turns me on (Episode "Apocalypse, Nowish")
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: Images from the web site New All Over. 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.

Preview:

Working preview:

bel_btvsats118

| 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/btvsats118/wesley-lilah_scienceturnsmeon_heade.jpg

Background:
http://i38.photobucket.com/albums/e107/bel_layouts/btvsats118/wesley-lilah_scienceturnsmeon_back.gif

Friends Only Banner:

Icons:

Extra images:

- Links bullets: http://i38.photobucket.com/albums/e107/bel_layouts/btvsats118/li-bg.gif

- Date header bullets: http://i38.photobucket.com/albums/e107/bel_layouts/btvsats118/date-header-bg.gif

- Module header: http://i38.photobucket.com/albums/e107/bel_layouts/btvsats118/module-header-bg.gif

- Entries bullets: http://i38.photobucket.com/albums/e107/bel_layouts/btvsats118/li-entry-bg.gif

- Comments bullets: http://i38.photobucket.com/albums/e107/bel_layouts/btvsats118/li-comment-bg.gif

| CUSTOM COLORS |

You don't need to configurate the colors.

| CSS CODE |

/* basic page elements */

body {
font-family: verdana, 'trebuchet ms', sans-serif;
font-size: 11px;
}

a { color: #72100a; }
a:visited { color: #000; }
a:hover { color: #fff; }

#banner a { color: #fff; text-decoration: none; }
#banner a:visited { color: #fff; }
#banner a:hover { color: #fff; }

.module-content a { color: #72100a; font-weight: bold; }
.module-content a:visited { color: #72100a; }
.module-content a:hover { color: #fff; }

.entry-footer a { font-weight: bold; }

h1, h2, h3, h4, h5, h6 {
font-family: 'trebuchet ms', helvetica, arial, sans-serif;
}

.module-header,
.trackbacks-header,
.comments-header,
.comments-open-header,
.archive-header {
/* ie win (5, 5.5, 6) bugfix */
p\osition: relative; 
width: 100%;
w\idth: auto;
	
margin: 0;
border-top: 1px solid #fff;
border-bottom: 1px solid #bbb;
padding: 5px 10px 5px 25px;
color: #fff;
background: #B3B3B5 url(http://i38.photobucket.com/albums/e107/bel_layouts/btvsats118/module-header-bg.gif) 0 0.65em no-repeat;
font-size: 14px;
font-weight: bold;
}

.module-header a,
.trackbacks-header a,
.comments-header a,
.comments-open-header a,
.archive-header a {
color: #fff;
text-decoration: underline;
}

.module-header a:visited,
.trackbacks-header a:visited,
.comments-header a:visited,
.comments-open-header a:visited,
.archive-header a:visited {
color: #fff;
}

.module-header a:hover,
.trackbacks-header a:hover,
.comments-header a:hover,
.comments-open-header a:hover,
.archive-header a:hover {
color: #fff;
}

.entry-more-link,
.entry-footer,
.comment-footer,
.trackback-footer,
.typelist-thumbnailed {
font-size: 10px;
}

/* page layout */

body {
color: #333;
background: #dadada url(http://i38.photobucket.com/albums/e107/bel_layouts/btvsats118/wesley-lilah_scienceturnsmeon_back.gif) center top repeat;
}

#container { 
width: 780px; 
}

#container-inner { 
margin: 0 0; 
}

#banner {
width: 780px;
height: 320px;
margin: 0 0 15px 0px;
background: transparent url(http://i38.photobucket.com/albums/e107/bel_layouts/btvsats118/wesley-lilah_scienceturnsmeon_heade.jpg) center top repeat;
}

#banner-inner {  
}

.banner-user {
width: 70px;
margin-top: 4px;
font-size: 10px;
}

.banner-user-photo { 
border: 3px double #fff; 
}

#banner-header {
display: none;
}

#banner-description {
display: none;
}

#alpha, #beta, #gamma, #delta {
float: left;
margin: 0 0 0 15px;
background: none;
background-color: transparent;
}

#alpha-inner, #beta-inner, #gamma-inner, #delta-inner {
padding: 0px 0 25px 0;
background: none;
}

#alpha { 
width: 270px; 
}

#beta {
width: 445px;
background: none;
}

#gamma, #delta { 
width: 200px; 
}

#beta-inner { 
background: none;
background-color: transparent;
}

.date-header {
margin: 0;
border-top: 1px solid #fff;
border-bottom: 1px solid #bbb;
border-left: 1px solid #fff;
border-right: 1px solid #bbb;
padding: 5px 15px 5px 35px;
color: #941D15;
background: url(http://i38.photobucket.com/albums/e107/bel_layouts/btvsats118/date-header-bg.gif) 0 0.65em no-repeat;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
}

.entry-header {
margin: 5px 15px;
color: #656565;
font-size: 16px;
font-weight: bold;
}

.entry-content { 
margin: 5px 15px; 
}

.entry-more-link { 
font-weight: bold; 
}

.entry-footer {
margin: 10px 15px 20px 16px;
font-weight: normal;
text-align: right;
}

.content-nav { 
margin: 0; padding: 10px 15px; 
}

/* modules */

.module { 
color: #666; 
}

.module-calendar .module-content { 
margin: 5px 10px 15px 10px; 
}

.module-mmt-calendar .module-content table,
.module-calendar .module-content table { 
font-size: 11px; 
}

.module-powered { 
margin: 0; padding: 0; 
}

.module-powered .module-content {
margin: 15px;
padding: 10px;
border: 1px solid #333;
background: none;
background-color: #e7e7ec;
}

.module-photo { 
border: 0; 
background: none; 
}

.module-photo .module-content { 
margin: 10px; 
}

.module-photo img { 
border: 0; 
}

.module-list-item,
.archive-list-item {
padding: 1px 0 1px 14px;
background: url(http://i38.photobucket.com/albums/e107/bel_layouts/btvsats118/li-bg.gif) 0 0.2em no-repeat;
}

/* special list bullets */

.module-archives .module-list-item {
background-image: url(http://i38.photobucket.com/albums/e107/bel_layouts/btvsats118/li-entry-bg.gif);
}

.module-recent-comments .module-list-item {
background-image: url(http://i38.photobucket.com/albums/e107/bel_layouts/btvsats118/li-comment-bg.gif);
}

.module-feed .module-list-item {
background-image: url(http://i38.photobucket.com/albums/e107/bel_layouts/btvsats118/li-entry-bg.gif);
}

.typelist-thumbnailed { 
margin: 0 0 20px 0; 
}

.typelist-thumbnailed .module-list-item {
margin: 1px 0;
border-top: 1px solid #fff;
border-bottom: 1px solid #bbb;
padding: 0;
background: none;
background-color: #fff;
}

.typelist-thumbnail { 
background: #e3db9e; 
}

.module-featured-photo { 
width: 445px; 
}

.module-featured-photo .module-content { 
margin: 0 0 5px 15px; 
}

.module-featured-photo img { 
width: 415px; 
}

.module-recent-photos { 
border: 0; 
}

.module-recent-photos .module-content { 
margin: 0 0 0 15px; 
}

.module-recent-photos .module-list { 
margin: 0; 
}

.module-recent-photos .module-list-item {
width: 64px; /* mac ie fix */
margin: 0 6px 6px 0;
padding: 0;
background: none;
}

.module-recent-photos .module-list-item a {
border: #bbb 1px solid;
padding: 1px;
background-color: transparent;
}

.module-recent-photos .module-list-item a:hover {
border-color: #235961;
background: #cccccd;
}

/* calendar tweaks */
	
.module-mmt-calendar { 
width: 445px; margin: 0; 
}
		
.module-mmt-calendar .module-header,
.layout-timeline .module-recent-photos .module-header {
margin: 0;
border-top: 1px solid #fff;
border-bottom: 1px solid #bbb;
padding: 5px 15px;
color: #888899;
background: none;
font-size: 13px;
font-weight: bold;
text-align: right;
}
	
.module-mmt-calendar .module-content { 
margin: 15px; 
}
	
.module-mmt-calendar table {
width: 415px;
background: #cccccd;
}
		
.module-mmt-calendar th {
border-top: 1px solid #fff;
border-right: 1px solid #000;
border-bottom: 1px solid #bbb;
padding: 2px;
text-align: right;
font-weight: bold;
}
	
.module-mmt-calendar td {
border-top: 1px solid #fff;
border-right: 1px solid #000;
border-bottom: 1px solid #bbb;
padding: 2px;
text-align: right;
font-weight: normal;
background: none;
background-color: #fff;
}
	
th.weekday-7, td.day-7, td.day-14, td.day-21, td.day-28, td.day-35, td.day-42 {
border-right: none;
}
	
.day-photo a {
border: #bbb 1px solid;
padding: 1px;
background-color: transparent;
}
	
.day-photo a:hover {
border-color: #235961;
background: #cccccd;
}

/* artistic tweaks */

.layout-artistic #beta-inner { 
padding-top: 30px; 
}

/* moblog1 tweaks */
	
.layout-moblog1 #alpha { 
width: 190px; 
}

.layout-moblog1 #beta { 
width: 345px; 
}

.layout-moblog1 #gamma { 
width: 165px; 
}
	
.layout-moblog1 .module-recent-photos { 
margin: 0; 
}

.layout-moblog1 .module-recent-photos .module-content { 
margin: 10px 0 0 15px; 
}

/* moblog2 tweaks */
	
.layout-moblog2 #alpha { 
width: 85px; 
}

.layout-moblog2 #beta { 
width: 300px; 
}

.layout-moblog2 #gamma { 
width: 194px; 
}

.layout-moblog2 #delta { 
width: 120px; 
margin-left: 1px; 
background-color: #d8d3b9; 
}
	
.layout-moblog2 .module-photo .module-content { 
margin: 10px; 
}

.layout-moblog2 .module-photo .module-content img { 
width: 100px; height: auto; 
}
	
.layout-moblog2 .module-recent-photos { 
margin: 0; 
}

.layout-moblog2 .module-recent-photos .module-content { 
margin: 10px 0 0 10px; 
}

/* timeline tweaks */

.layout-timeline #alpha { 
width: 325px; 
}

.layout-timeline #beta { 
width: 390px; 
}

.layout-timeline #gamma { 
width: 170px; 
}

.layout-timeline #delta { 
width: 175px; 
}
	
.layout-timeline .module-recent-photos .module-content { 
margin: 10px 0 0 15px; 
}

.layout-timeline .module-recent-photos .module-list-item { 
margin: 0 10px 10px 0; 
}

/* one-column tweaks */

body.layout-one-column { background-image: url(http://i38.photobucket.com/albums/e107/bel_layouts/btvsats118/wesley-lilah_scienceturnsmeon_back.gif); }
	
.layout-one-column #container { 
width: 780px; 
}

.layout-one-column #banner { 
width: 780px; 
}

.layout-one-column #alpha {
background: none;
background-color: transparent;
width: 750px;
}
	
.layout-one-column #alpha-inner { 
background: none;
}

/* two-column-left tweaks */

.layout-two-column-left #alpha { 
width: 200px; 
background-color: #cccccd;
}

.layout-two-column-left #beta { 
width: 535px; 
}

/* two-column-right tweaks */

.layout-two-column-right #alpha {
width: 535px;
background: none;
}
	
.layout-two-column-right #alpha-inner { 
background: none;
}
	
.layout-two-column-right #beta {
width: 200px;
background: none;
background-color: #cccccd;
}
	
.layout-two-column-right #beta-inner { 
background: none;
}

/* three-column tweaks */
	
.layout-three-column #alpha { 
width: 190px; 
background-color: #cccccd;
}

.layout-three-column #beta { 
width: 340px; 
}

.layout-three-column #gamma { 
width: 190px; 
background-color: #cccccd;
}

| 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/btvsats118 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 Bloggish in the search box. Then select the theme called Unstyled (last page of the gallery) and click in Apply Theme.
- In the 3. Choose a Page Setup section at the bottom of the page, choose "2 Column (sidebar on left)" and click in the button "Apply Layout".
- Then 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 Yes (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 personalized texts to the Page and Navigation, for example.
- Click in the button Save Changes and it's done.

Cross-posted to

btvsats_layouts,

layouts_for_fun and

freelayouts.

Bel's Journal

Wesley/Lilah - Science turns me on

no subject

Profile

Most Popular Tags

Page Summary

Style Credit

Expand Cut Tags