Into the Rush

Designer's Comments

Look carefully for specific instructions

INSTRUCTIONS

1. For Style System, choose S2 and save.
2. Go to "look and feel" and find "Layout & Language" and choose "Smooth Sailing."
3. Go to "Custom Options" and find "Custom CSS."
4. The the css given in the box and click save.

REMINDER
You must have a website in your info.

Using This Layout

For specific instructions read designer's comments

1. Log into livejournal.com (customize)
2. Set Style System to S2
3. Click on Look and Feel
4. Set Layout to Smooth Sailing
5. Click on Custom Options
6. Click on Custom CSS
7. Copy (ctrl c) and paste (ctrl v) code to Custom CSS

Layout Code

Copy and paste to Custom Style Sheet

Help

Set style to Smooth Sailing

/* Into the Rush */
/* Designed by Fragmentx */
/* http://fragmentx.livejournal.com */
/* Cleaned CSS: */
/* CHANGE THE WIDTH TO SUIT YOUR NEEDS */
  body {
     scrollbar-base-color: #000000;
     background-image: url(http://layouts.cbimg7.com/27/13822c.jpg);
     font-family: verdana;
     font-size: 10px;
     background-color: #000000;
     width:641px;
     margin:0 auto }
     
  a:link, a:visited, a:active {
     font-family: verdana;
     font-size: 10px;
     color: #000000;
     text-decoration:none;
     letter-spacing:1px; 
     border-bottom: 1px dashed #000000;
     font-style:italic; }
     
  a:hover{
     font-family: verdana;
     font-size: 10px;
     color: #000000;
     text-decoration:underline;
     letter-spacing:1px; }
          
  .entryHeaderDate a {
     font-family: verdana;
     font-size: 10px;
     color : #000000;
     text-decoration : none; }
     
  .entryHeaderDate a:hover {
     font-family: verdana;
     font-size: 10px;
     color : #000000;
     text-decoration : underline; }
     
   table,td,td {background-color:transparent;}

/*HEADER IMAGE GOES HERE.*/
/*IF YOU CHANGE THE HEADER YOU MUST CHANGE THE HEIGHT AS WELL*/
  .header-title {
     background-color: transparent;
     font-size: 0px;
     background-image: url('http://layouts.cbimg7.com/27/13822d.jpg');
     background-repeat:no-repeat;
     width:631px;
     height:365px;
     position:relative;
     z-index:10; margin-left:0; margin-right:0; margin-top:30px; margin-bottom:0; background-position-y:center }

/* TOP NAVIGATION */
  .header-menu {
     font-family: verdana;
     color: #000000;
     font-size: 10px;
     position: absolute;
     top: 0;
     text-align: center;
     width: 621px;
     background-color: #FFFFFF;
     height: 30px; }
     
/* LINKS FOR TOP NAVIGATION */
  .header-menu a:link, .header-menu a:visited, .header-menu a:active{ 
     background-color: #FFFFFF;
     font-family: verdana;
     color: #FFFFFF;
     font-size: 10px;
     white-space: nowrap;
     padding: 2;
     color: #000000;
     text-decoration: none;
     font-size:10px; }
     
  .header-menu a:hover {
     text-decoration:underline;
     font-family: verdana;
     color: #FFFFFF;
     font-size: 10px;
     color: #000000;
     background-color: #FFFFFF; }

.header-subtitle {display:none; }
     
  .header-icon {
     top: 0px;
     right: 0px;
     position: absolute;
     z-index: 1;
     border-left: 2px solid #ffffff;
     border-bottom: 2px solid #ffffff; }
     
  .pageheaderblock {text-align: left;}

.pagefooterblock {
     background-color: #000000;
     color: #68879C;
     font-size:11px;
     text-align:right;
     padding:0;
     letter-spacing:1.2px; }

.pagefooterblock a, .pagefooterblock a:visited {color: #000000; }

/* MAIN BODY OF JOURNAL */
/* CHANGE THE PADDING TO SUIT YOUR NEEDS */
  .bodyblock {
     padding:0;
     background:white; }
     
  .bodyheaderblock {
     font-family: verdana;
     font-size: 10px;
     background-color: #fff;
     margin:0 auto;
     padding-top:10px; }
     
  .bodynavblock {
     background-color: transparent;
     font-family: verdana;
     font-size: 10px;
     text-align:right; }
  
  .bodynavblock a, .bodynavblock a:visited {
     font-family: verdana;
     font-size: 10px;
     color: #000000; }

/* NAME OF PAGE VIEW */
/* CHANGE THE WIDTH TO SUIT YOUR NEEDS */
  .body-title {
     font-family: verdana;
     font-size: 16px;
     color: #FFFFFF;
     text-align: center;
     font-style:italic;
     background:#000000;
     width:641px;
     margin:0 auto;
     padding-left:0px; }

.body-midtitle {
     font-family: verdana;
     font-size: 10px;
     color: #000000;
     text-align: left;
     padding-left: 0px; }

/* ENTRIES */
/* CHANGE WHAT YOU WOULD LIKE */
  .entryHolder {
     color: #000000;
     background:transparent;
     font-family: verdana;
     font-size: 10px;
     border-top:3px solid black;
     text-align:justify;
     margin-bottom:10px; }
     
  .entryUserinfo {
     text-align: center;
     margin: 0px 0px 0px 0px;     
     background-color: transparent; }
     
  .entryUserinfo-usericon img {border: 0px none; } 
  .entryText {padding-right: 0px; }

/* TOP OF ENTRY WITH DATE AND SUBJECT */
/* CHANGE WHAT YOU WOULD LIKE */
  .entryHeader {
     background:none;
     color: #5A8AB0;
     font-family: verdana;
     font-size: 9px;
     letter-spacing:1px;
     text-transform: uppercase;
     margin:5px; }

.entryHeader a{
     color: #000000; }

/* SUBJECT LINE */
/* CHANGE WHAT YOU WOULD LIKE */
  .entryHeaderSubject {
     display:block;
     color:#7B677F;
     text-transform: uppercase;
     font-family: verdana;
     font-size: 12px; }

/* I HAVE HIDDEN THE LOCK ICON */
/* REMOVE THIS CODE IF YOU WANT IT TO SHOW */
  .entryHeaderSubject img{
     display:none; }

.entryMetadata {
     padding-left: 0px;
     text-align:right; }
  .entryMetadata ul {
     margin: 0px;
     padding: 0px; }
  .entryMetadata li {
     list-style: none;
     display: inline;
     padding-right: 6px; }
  .entryMetadata-label {
     font-weight:bold ;
     color:#68879C;
     padding-right: 4px; }

/* ENTRY COMMENT LINKS */
  .entryLinkbar {
     font-family: verdana;
     font-size: 10px;
     color: #000000;
     text-align: right;
     padding-left:0px; padding-right:0px; padding-top:4px; padding-bottom:4px; }

.entryLinkbar ul {
     margin: 0px;
     padding: 0px; }

.entryLinkbar li {
     padding: 0px 5px 0px 2px;
     margin: 0px;     
     display: inline; }

.commentHolder {
     color: #000000;
     background-color: #;
     border-top: 2px solid #ffffff;
     font-family: ;
     font-size: 10px;
     margin: 4px 0px }

.commentUserinfo {
     text-align: center; 
     margin: 0px 8px 8px 0px;     
     background-color: transparent; }
     
  .commentUserinfo-usericon img { 
     border: 0px none; 
     } 
  .commentText {
     padding: 6px;
     }
  .commentHeader {
     background-color: #dddddd;
     color: #000000;
     font-family: ;
     font-size: 10px;
     padding-left:8px; padding-right:0px; padding-top:4px; padding-bottom:4px
     }
  .commentHeader a{
     color: #000000;
     }
  .commentHeaderScreened {
     font-family: ;
     font-size: 10px;
     background-color: #cccccc;
     padding-left:8px; padding-right:0px; padding-top:4px; padding-bottom:4px
     }
  .commentHeaderSubject {
     font-weight: bold;
     }
  .commentLinkbar {
     font-family: ;
     font-size: 11px;
     color: #000000;
     text-align: right;
     padding-top: 4px;
     padding-bottom: 4px
     }
  .commentLinkbar ul {
     margin: 0px;
     padding: 0px;
     }
  .commentLinkbar li {
     padding: 0px 5px 0px 5px;
     margin: 0px;
     display: inline;
     }
  #commenttext{
     width:100%;
     }
  .replyform {
     padding-left: 10px;
     }
  .yearlinks{
     text-align: right;
     }
  .yearlink{
     padding-left:4px;
     padding-right: 4px;
     }
  .month {
     width: 100%;
     border: 1px solid #dddddd;
     margin: 8px 8px 8px 40px;
     }
  .daysubjects {
     color: #000000;
     padding: 8px 8px 8px 40px;
     }
  .daytitles {
     text-align: center;
     border: 1px solid #dddddd;
     background: #eeeeee;
     color: #000000;
     }
  .day-blank {
     border: 1px solid #dddddd;
    }
  .day {
     border: 1px solid #dddddd;
     }
  .day-date {
     border-right: 1px solid #dddddd;
     border-bottom: 1px solid #dddddd;
     color: #000000;
     width: 50%;
     text-align: center;
     }
  .day-count {
     width: 50%;
     text-align: center;
     float: right;
     font-size: 14px;
     font-weight:bold;
     }
  .day-count a {
     text-decoration: none;
     }
 
/* SIDEBAR */
/* CHANGE THE WIDTH TO SUIT YOUR NEEDS */
  .sidebar {
     font-family: ;
     font-size: 11px;
     margin-right: 10px;
     width: 150px }

/* BOX INSIDE OF SIDEBAR */
/* CHANGE WHAT YOU WOULD LIKE */
  .sidebox {
     border-top:3px solid black;
     color: #000000;
     background-color: transparent;
     margin-bottom: 10px; }

/* TITLE OF SIDEBOX */
/* CHANGE WHAT YOU WOULD LIKE */
  .sideboxTitle {
     background-color: none;
     color:#7B677F;
     text-transform: uppercase;
     font-family: verdana;
     font-size: 12px; 
     border-top: 2px solid #ffffff;
     padding-bottom:3px;
     letter-spacing:1px; font-weight:bold; }
     
  .sideboxContent {
     text-align: left;
     padding: 2px 4px 2px 4px; }
     
  .sidebox #profile, sidebox #latestmonth, .sidebox #search {
     text-align: left; }
     
  .sidebox #tags_sidebox {
     text-align: left; }
     
  .sidebox #systemlinks {
     text-align: left; }
     
  .sidebox #latestmonth table{
     width: 90%;
     margin-left: auto;
     margin-right: auto;
     margin-top: 4px; }
     
  .listtitle {
     font-weight: bold;
     }
  .profile-label {
     font-weight: bold;
     }

#footer-menu {
     font-size: 11px;
     }
  #footer-menu a{
     color: #68879C;
     white-space: nowrap;
     padding: 6px;
     text-align: left;
     }     
  .header-menu ul, #footer-menu ul {
     margin: 0px;
     padding: 0px;
     }
  .header-menu li, #footer-menu li {
     display: inline;
     }
  .tagstable, .tagstable td {
     border: 1px solid #dddddd;
     }
  .tagstable { width: 500px; }

Layout Comments

Showing latest 10 of 13 comments

i'll use it. thank you

By taguchilove on Feb 24, 2008 3:47 am

then get rid of the lj main navigation bar.

By moorepocket on Jan 1, 2008 8:21 am

I really would love to use this layout but I would like the nav links to not be at the top of the page on top of the LiveJournal main navigation.

Do you know a way I could keep this from happening?

Thanks & God Bless,
Taylor xoxo

By xtasteyourtears on Dec 30, 2007 10:37 am

i really like aly & aj as a band. i think they`re pretty good. i just think the images you used were very redundant.

By monxcheri on Aug 11, 2007 10:44 pm

I like all of your designs Ryan, especially this one.

By YourSuperior on Jun 3, 2007 7:57 pm

i love the header and i think the bg looks great

By IVIike on Jan 9, 2007 6:48 pm

hey love the layout..so i did everything you said to do. it works fine apart from the fact that it's not centered. it's going to the left of the page. do you know why? did i forget to do something?

By saranghae55 on Dec 21, 2006 2:02 am

aly and aj are so adorable.good work

By hypnotique on Nov 25, 2006 7:05 pm

i preferred if you didn't, and you can't add scrollbars.

By moorepocket* on Nov 6, 2006 2:00 pm

i love this layout i used in my lj but with different images.http://sunshine-sparx.livejournal.com/ (my lj)i was trying to add scrollbar code but where does it go and how do i get it to show up??

By Jolene Ann on Nov 6, 2006 12:33 pm

View all »

Layout Details

Designer	moorepocket
Submitted on	Aug 14, 2006
Page views	30,790
Favorites	10
Comments	13

Into the Rush

Designer's Comments

Using This Layout

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates