Fringe Blue Layout

[luminousdaze]

Layout modifications/custom layout made for my community.
Dark and very blue.

preview image 1 & 2
live preview [temp]
or visit fringe_epic.

To use this layout go to Customize.
Find the Expressive theme layout named "River at Night" 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 shows list.
Important: This layout removes the navigation from the header. You must do this 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 and paste in this code:

/*---- Fringe Epic Layout Coding by shinylunarsea w/ thanks to s2expressive community CSS Modifies LiveJournal layout Expressive:River at Night-----*/ /* ---- Change Header Image and Text ---*/ #header-inner { background-color: black; background-image: url("http://img827.imageshack.us/img827/4092/fetrio.jpg"); height: 180px; } /* 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:none; } /*----- 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: #D8DFE6 ; background-image: url("http://img683.imageshack.us/img683/6800/tileforfepicfdfr.jpg"); background-image:repeat; background-color:#000032; } a { font-weight:bold ; text-decoration: none; color: #3197fb; } a:hover { text-decoration:none ; color: khaki ; } /*---- Heading Text Size ----- */ .page-header1 { font-size: 24px; } .page-header2 { font-size: 22px; } .page-header3 { font-size: 20px; } .page-header4 { font-size: 18px;} /* ----Entry aka Asset Changes----- */ /* --entry subject links-- */ .asset-name a {color: #D8DFE6; text-decoration: none ; } .asset-name a:hover { background-color:; color: #0265dc; 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; } /* -- 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 : #3197fb; } .asset-body a:hover { color : darkkhaki; } /* --color of links at the end of entry-- */ .asset-meta-list a:link, .asset-meta-list a:visited { color :#0265dc ; } .asset-meta-list a:hover { color : khaki; } /* --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:#D8DFE6 ; background-color: #000032; } /*---- 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:#0265dc; } .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 { color:#3197fb; } .asset-tags-list a:hover { background-color: khaki; color: #000032; } /* Separator Bar Between Entries */ .asset-footer { margin-bottom : 30px; border-bottom : 1px solid #999; } /*--------Widget aka Sidebar Stuff --------*/ /*--sidebar widget headers font face--*/ .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 { color:#3197fb; font-size:14px; font-weight:normal; font-variant:small-caps ; text-align: center; } .widget-content { padding: 0 15px; font-size:10px; color: #999; text-transform: lowercase; text-align: center; } /*-- links in sidebar widget -- */ .widget-content a:link, .widget-content a:visited { color : #0265dc; } .widget-content a:hover { color :#999; } /*--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; } /*--------End--------*/

Images are hosted on imageshack you may want to host them yourself. To change header replace the url and change the height numbers to match your image. Header image must ve 940 pixels wide to fit content (unless you know how to resize the content).
To remove background image just delete line and the url.
Modify codes as you wish.

Header image: http://pics.livejournal.com/shinylunarsea/pic/003243k1
Background tile: http://pics.livejournal.com/shinylunarsea/pic/00320z4s
Blue icon shown in preview: http://pics.livejournal.com/shinylunarsea/pic/0032235t

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

This is my first layout ever! It's not a complete from scratch layout but I think it's different enough from the base to post as a "new" layout. :)