luminousdaze

A new layout with

Fringe

headers. This one comes from the red universe.
Done in shades of gray and red. I'll probably put this up at

fringe_epic soon but I couldn't wait to share it. :)

preview image 1 &2 & 3 & 4
live preview [temp]

To use this layout go to Customize.
Find the Expressive theme layout named "Unstyled" and apply it.
From theme page set : Two column (sidebar at left). This is the default setting.
To make layout look best do this :
From Display set Additional Options > User pics options all set to "Yes." This is the default setting.
Go to Sidebar and fix up your sidebar as you wish.
Set up tags to display as "List" or "Cloud" as you prefer. Preview images shows list style.

Important: This layout removes the navigation from the header. You must do the following with your links bar to have any navigation links.

Put your navigation links into your sidebar links as shown below.

You will only need to add the profile/user info link if you choose not to display the Profile link in the sidebar.

Now go to Custom CSS. Make sure Use layout's "Base Weblog" stylesheet is set to "Yes." And then and paste in this code:

/*---- Fringe Red Layout Coding by shinylunarsea w/ thanks to s2expressive community CSS Modifies LiveJournal layout Unstyled-----*/

/* ---- Change Header Image and Text ---*/

#header-inner { 
background-color: #9D2E26;
  background-image: url(http://img802.imageshack.us/img802/5725/fringeheader057bw.jpg);
 height: 300px;
}

/* eliminate base header */

#header, #header-content {
background-image: none;
}

/*--- remove titles and navigation-- */

#header-text
{display:none ; }

#header-name, #header-description 
{display:none;}

#header-name,
{display:; }

/*----- Changes to Body Text and Background-----*/

body {font-family: "Trebuchet MS", "Bitstream Vera Sans", "DejaVu Sans", Helvetica, Verdana, Arial,  sans-serif;
font-size: 12px;
color:#E6E6E6 ;
background-image:;
background-image:repeat;
background-color:#9D2E26;
}

a {
font-weight:bold ;
text-decoration: none;
color: #9D2E26;
}

a:hover {
text-decoration:none ;
color: #CC0000 ;
}

/*---- Heading Text Size ----- */

.page-header1 { font-size: 22px; }
.page-header2 { font-size: 20px; }
.page-header3 { font-size: 16px; }
.page-header4 { font-size: 14px; }

/* ----Entry aka Asset Changes----- */

/* --entry subject links-- */

.asset-name a 
{color: #D8DFE6;
text-decoration: none ;  }

.asset-name a:hover
{ background-color:;
color: #CC0000;
text-decoration: none; }

/* -- entry subject font face --*/

.page-header2,
.post-asset .asset-name a 
{
font-weight: bold;
font-family: "Courier New", Courier, "Bitstream Vera Sans Mono", "DejaVu Sans Mono",  "Lucida Sans Typewriter", "Lucida Typewriter", monospace;
margin-top: 10px; }

/* -- placement of icon in entry -- */

.asset-body .user-icon {float: right;}
.asset-header {height: 1%}
.asset-header-content {width: 500px;}

/*-- links within body of entry -- */

.asset-body a:link,
.asset-body a:visited {
color :#9D2E26;
}
.asset-body a:hover {
color :#CC0000;
}

/* --color of links at the end of entry-- */

.asset-meta-list a:link,
.asset-meta-list a:visited {
color :#E6E6E6;
}
.asset-meta-list a:hover {
color :#B34D4D;
}

/* --blockquotes within entry-- */

.asset-body blockquote {
padding: 10px;
font-family: "Courier New", Courier, "Bitstream Vera Sans Mono", "DejaVu Sans Mono",  "Lucida Sans Typewriter", "Lucida Typewriter", monospace;
font-size: 11px;
color:#C27171;
background-color:#000000;
}

/*---- Entry Metadata---*/

/*--entry title and date spacing--*/

h2 { margin-bottom: 6px; }
ul.asset-meta-list {font-size: 11px;font-variant: small-caps;}

/*--- links for entry metadata--- */

.asset-stream-list, 
.asset-meta-list, .item
{font-weight: normal;
 color:#9E1919; }

.asset-meta-list .datetime {
color:#999 ;
}

/*-- currents --*/

.lj-currents {font-weight:normal; 
text-align: right; padding: 5px;
text-transform:lowercase;
color: #999;}

/*--entry tags--*/

.asset-tags-list a { background-color:#383838;color:#9D2E26; }
.asset-tags-list a:hover { background-color: #000000; color: #9E1919; }

/* Separator Bar Between Entries */

.asset-footer {
margin-bottom : 15px;
border-bottom : 4px solid #272727;
}

/*--------Widget aka Sidebar Stuff --------*/

/*---sidebar headers--*/

.widget .widget-inner {background-color: #272727;}

/*--sidebar widget headers font face & font color--*/

.widget-header
{font-family: "Courier New", Courier, "Bitstream Vera Sans Mono", "DejaVu Sans Mono", "Lucida Sans Typewriter", "Lucida Typewriter", monospace;
font-weight: bold;}

.widget-header, .widget-header a

{ background-color:#272727;
color:#E6E6E6;
 font-size:14px; font-weight:normal; font-variant:small-caps ;
	text-align: center; }

.widget-content { padding: 0px 15px;
font-size:10px;
color: #E6E6E6;
text-transform: lowercase;
text-align: center;
background-color: #272727;
}

/*-- links in sidebar widget -- */

.widget-content a:link,
.widget-content a:visited {
color : #9D2E26;}

.widget-content a:hover {
color :#9E1919;;
}

/*--profile widget--*/

.user-pic 
{color:; background-color: ;text-align: center;}
.profile-name {display:none;}
.profile-username {display:none;}
.widget-content .user-pic{
    float: none;
    text-align: center;
}

/*-- center calendar widget--*/

.calendar-widget .widget-content {padding: 0;}
.calendar-widget table {margin: 0 auto;}

/*--designed by widget--*/

.designed-widget {
display: none;
}

.powered-widget {
display: none;
}

/*---widget content margins---*/

#beta-inner{ background-color: #272727;}
#gamma-inner { background-color: #272727; padding: 0 0 25px 25px; margin: 0; }

/*---------Comments -----------*/

/*--comment backgrounds--*/

#comments .comment-even,
.comment-error {
background-color: #383838;
padding:2px;
}

#comments .comment-odd {
background-color: #000000;
padding:2px;
}

/*--------Background Colors --------*/

/*---Page Structure and Background Colors --*/

/*---inner page content area--*/

#content #content-inner {background-color:#272727;
padding-top: 12px;}

.asset-inner {background-color:#383838;}
.asset-content {background-color: #383838;}

/*--entry body and padding around entry text--*/

.asset-body {padding: 20px; background-color: #383838;}

/*--------End--------*/

About layout images:

Images are hosted on imageshack you may want to host them yourself. To change the header image replace the URL and change the image height numbers to match your image. Header image must be 940 pixels wide to fit content.

Header image URL you may use directly (included in code): http://img802.imageshack.us/img802/5725/fringeheader057bw.jpg

Icons & additional headers are posted below (host these yourself).

One last note, about the fonts used:

If you don't have the Windows "Courier New" or "Trebuchet" fonts used in the layout on your computer Bitstream Vera and DejaVu fonts are included in the font stacks as alternates.

Either of the free font sets at the sites below should make the layout look similar to the preview.
http://dejavu-fonts.org/wiki/Main_Page
http://www-old.gnome.org/fonts/

Thanks to

s2expressive.

Additional headers & icons!