InsaneJournal

Tweak says, "*blush*"

ausmac (

ausmac) wrote in

freelayouts,
@ 2008-11-23 13:06:00

S2 Bloggish: Metallic
Layout Style: Bloggish
Best view: Tested in Firefox and IE, but should work in all.
Note: it looks best in screen resolution of 1024/768 but seems to work in a higher res
Browser(s) Compatible: Firefox and IE, but should work in all
Credit: Yes Please, on profile for

ausmac

Preview:

Live preview currently available here:

http://asylums.insanejournal.com/mylayouts2/

Codes and Instructions:

A: go to "Customize Journal".
Basics Tab:
1. Use only a Journal Title. The layout is designed for only the title, and you should keep the title short as a long title will overrrun the header graphic.
2. Select S2 if not selected already. Save.

Look and Feel Tab:
1. Select "Bloggish"
2. Select Theme - None. Save.

Custom Options Tab:
1. Select "Two Column Sidebar on Right"
2. Copy the CSS code from the codebox below and paste it into the Custom Stylesheet box.
Save.

Please save the images to your own archive and change the urls as these images may be removed from my photobucket archive at any time. There are only two images; the header and the background, which you can grab by using the right-click and save method, or checking the code for the urls of the images.

Overrides

body {
background-color: #ffffff;
background-image:url(http://img.photobucket.com/albums/v87/ausmac/Livejournal/alum2.jpg);
background-repeat: repeat;
margin-top:0;
overflow-x:hidden;}

#banner{
background: url(http://img.photobucket.com/albums/v87/ausmac/Livejournal/globeheader2.jpg) no-repeat top center;
height:200px;
}

h1#banner-header {
font-family: tahoma, sans serif;
font-style: italic;
position: absolute; 
bottom: 125px; 
left: 160px; 
margin: 0px; font-size: 1.6em;}

h2#banner-description {
display: none;}

#container{
position: center;
margin: 0 !important!; 
width:800px;
border-left: 10px double #808080;
border-right: 10px double #808080;
background: transparent;
}

#pagebody-inner{
padding:10px !important;
width:auto;
}

#pagebody{
width:800px;
margin:0px auto !important;
margin-top:-30px !important;
background: transparent; 
}

h2.date-header {
background:transparent; 
padding: 15px 0 15px 0;
text-align: center;
font-size: 14px;
color: #ffffff;
font-weight: bold;
margin: 0;
}

.entry {
overflow-x:hidden;
}

.entry-content {
background: #ffffff; }

#alpha{
width:580px;
border: #7a8aa7 4px double;
}
#beta{
width:180px;
border: #7a8aa7 4px double;
background-image: url();
background-repeat: repeat-x;
margin-top:0px;
overflow-x:hidden;}
}
#alpha-inner{
margin-left:0px !important;
background:transparent;
padding:15px !important;

}

#beta-inner{
width: 180px;
background: #c5c1c1 url()top center no-repeat;
border:0px solid;
padding: 0px 15px 0 0;
}

body, font, div{
font-family: "Tahoma", "Georgia", "Helvetica", "Arial", sans-serif;
font-size:13px;
line-height:1.4em;
}

.module a{
color: #506890;
}
.module a:hover{
color:#ffffff;
}
.module li a{
font-weight:bold;
}

.module{
background: #c5c1c1;
margin-bottom:0px !important;
padding-bottom:0px !important;
border-bottom:0px solid #e2dec8;
}

.module-viewlinks {
padding-top: 20px;
text-align: center; }

.module li, .extralink{
background: url() no-repeat 0 .5em;
padding-left:13px !important;
line-height:1.2em;
}

.module-photo {
padding-top: 10px; 
}

.module-typelist{
display:none;
}

.module-header {
margin-left: 26px;
display:block;
background: url() no-repeat;
text-decoration:underline;
padding-top: 11px;
padding-bottom: 10px;
padding-left: 25px;
font-family: "Tahoma", "Georgia", "Helvetica", "Arial", Sans-Serif;
color: #ffffff;
font-size: 12px;
letter-spacing: 1px;
}

.entry-footer{
border-bottom:5px solid #ccc;
margin-bottom:15px !important;
padding-bottom:15px !important;
}

h3.entry-header{
background: transparent;
color: #ffffff;
font-weight: bold;
border-bottom: #7a8aa7 3px double;
margin:1px 0 !important;
padding-left: 15px;

}

#alpha a{
color: #7a8aa7 !important;
}
#alpha a:visited{
color:#566566 !important;
}
#alpha a:hover{
color:#000 !important;
}
#alpha a:visited:hover{
color:#000 !important;
}

.entry-body{
margin:15px !important;
color:#47420A;
}

.entry-userpic{
padding:5px;
background:transparent;
border:0px solid;
margin-left:10px !important;
}

.module ul ul li{
background:none;
list-style-type:circle;
padding:0 !important;
margin-left:15px !important;
line-height:1.3em;
}

.comment-replies{
margin:10px !important;
}
.comment-content{
background:#fff;
padding:5px;
}
.comment-content .metadata{
background:#F1E900;
border:1px solid;
padding:3px;
}
.entry-footer a{
margin:0 2px !important;
padding:0 2px 2px 2px;
text-decoration:none;
white-space: nowrap;
}

.extralink{
display:block;
font-weight:bold;
}

html, body{
padding:0 !important;
}

(Read comments)

InsaneJournal

Post a comment in response: