Lovely Vintage

Designer's Comments

Look carefully for specific instructions

-- HOW TO INSTALL --

1. Select journal theme and choose any Smooth Sailing.

2. Further down under Choose a Page Setup, select 2 column: left sidebar.

3. In the Display page, go down to Wrap Entry text under userinfo, and select Yes if you want icons in your entries. If you do not want icons, go under Usericon Visibility and choose Do Not Show Any Icons.

4. In the Custom CSS page, copy the following stylesheet and paste it in the code box. Make sure to select No in both drop-down boxes.

-- ADDITIONAL INFO --

1. This layout is best viewed in Internet Explorer and Firefox.

2. 1024x768 or higher is the best resolution for this layout.

3. This layout works with the navistrip in IE, but the navistrip will push the layout down a bit in Firefox.

4.PLEASE credit dodoki in your bio or any where else that's easy to find.

5. If you have any questions, leave a comment at dodoki and I will get back to you as quick as possible. :D

6. You may customize the layout to your liking, but credit for the CSS is still a must.

7. If you like/take this layout, comments at dodoki are always apperciated.

8. Enjoy the layout and make sure to visit/watch dodoki for more resources ♥

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

/*------------------------------------------------------------------
Smooth Sailing Layout
Layout by ABASIUM/SAL @ http://dodoki.livejournal.com
PLEASE DO NOT EDIT THIS SECTION
--------------------------------------------------------------------*/

body{color:#333; font-family:arial; font-size:12px; margin:0; background-color:#909D98;
background-image:url('http://cbimg6.com/layouts/09/03/33985aa.jpg');
background-repeat:repeat-x}

textarea, input, select{background:#959C94 none repeat scroll 0 0; border:1px solid #77807C; color:#FFFFFF; font-size:12px; line-height:19px; padding:2px 3px}

a, a:visited{color:#423E35; text-decoration:none}

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

b,i {color:#D9CCC1}

blockquote{background-image:url('http://cbimg6.com/layouts/09/03/33985ab.jpg'); none repeat scroll 0 0; color:#F2F2F2; padding:15px; margin:8px; border-left: 5px solid #828881}

blockquote:hover{background-image:url('http://cbimg6.com/layouts/09/03/33985ac.jpg')}

.header-title{display:none;}

.header-subtitle{display:none}

#footer-menu{display:none;}

.pagefooterblock{display:none}

.pageheaderblock{margin:150px auto 0; width:100%; text-align:center; padding-top:20px}

.header-menu{margin-top:30px; text-align:center;  height:50px padding-top:10px; font-family: Trebuchet MS}

.header-menu a, .header-menu a:visited  {color:#CCCCCC; font-size:12px; text-transform:uppercase; text-align:center; font-family: Trebuchet MS; letter-spacing: 3px }

.header-menu a:hover{color:#909D98;}

.header-menu ul{background:#464646 none repeat scroll 0 0; margin:0 auto; padding:12px}

.header-menu li{background:transparent none repeat scroll 0 0; display:inline; list-style-image:none; list-style-position:outside; list-style-type:none; margin-right:20px}

.bodyblock{margin:0 auto; padding-top:35px; width:900px}

.bodynavblock{color:#AAA; margin:0 33px; padding:0}

.body-title{display:none}

.body-midtitle{display:none;border-top:0px solid #CCC; color:#FFF; font-size:0; padding-top:4px}

.entryHolder{margin-left: 15px; border-left:0px solid #CCC; border-right:0px solid #CCC; border-top:0px solid #CCC; color:#FFFFFF; font-size:11px; line-height:16px; Font-Family:Trebuchet MS; Margin-bottom: 24px;}

.entryUserinfo{margin:0 13px 0 18px}

.entryUserinfo-username{margin-top:6px; text-align:center}

.entryUserinfo-username .ljuser a b{color:#333}

.entryUserinfo-usericon img{border:4px solid #828881; margin-bottom:5px; padding:4px}

.entryText{padding:0 22px; text-align:justify}

.entryHeader{border-bottom:0 none; color:#EDECE4; font-size:26px; line-height:17px; text-transform:uppercase; padding-left: 20px; padding-bottom: 15px; Font-Family: Century Gothic}

.entryHeader a{color:#EDECE4; font-size:26px}

.entryHeaderSubject{font-size:0; color: #909D98}

.entryHeaderDate{color:#464646; font-size:26px; text-align:left; text-transform:uppercase}

.entryMetadata{font-size:10px; line-height:11px; margin-bottom:0; padding:14px}

.entryMetadata a, .entryMetadata a:visited{text-transform:uppercase}

.entryMetadata ul{margin:0; padding:0}

.entryMetadata li{background:transparent none repeat scroll 0 0; color:#666; list-style-image:none; list-style-position:outside; list-style-type:none; padding-right:10px}

.entryMetadata-label{font-weight:bold; padding-right:4px; text-transform:uppercase}

.entryLinkbar{background:#899590 none repeat scroll 0 0; color:#000; margin:15px 15px 20px; padding:4px 11px; text-align:center; text-transform:uppercase; Font-Family: Century Gothic; }

.entryLinkbar a{color:#F1ECE0; font-size:10px;padding-right:10px}

.entryLinkbar a:hover{color:#AEA59F; font-size:10px;padding-right:10px}

.entryLinkbar ul{margin-bottom:0; margin-left:0 !important; margin-top:0; padding:0}

.entryLinkbar li{background:transparent none repeat scroll 0 0; display:inline; margin:0; padding:0}

.yearlinks{text-align:right}

.yearlink{padding-left:4px; padding-right:4px}

.month{background:transparent none repeat scroll 0 0; margin:13px auto; padding:0 0 12px; width:600px}

.daysubjects{padding:0 8px 10px 40px}

.daytitles{border:1px solid #909D98; color:#333; font-size:14px; text-align:center; text-transform:uppercase}

.day{background:#565656 none repeat scroll 0 0; border:1px solid #909D98; margin-bottom:0; padding:3px}

.day-date{font-family:arial; font-size:10px; text-align:center; width:50%}

.day-count{float:right; font-size:20px; text-align:center; width:50%}

.day-count a{font-family:helvetica,arial; font-size:19px; font-weight:normal; padding:3px}

.sidebar{font-size:11px; margin-left:20px; width:230px}

.sidebox{background-image:url('http://cbimg6.com/layouts/09/03/33985ab.jpg'); background-color:#899590; border-bottom:2px solid #747C79; border-left:2px solid #747C79; line-height:16px; margin-bottom:20px; margin-right:auto; margin-top:0; padding:15px; text-align:justify; color:#EDECE4}

.sideboxTitle{color:#464646; font-size:15px; margin-bottom:9px; text-transform:uppercase; font-family: Century Gothic; text-align:left; border-bottom:1px solid #9EABA6; margin-top: -5px; padding-bottom: 3px}

.sidebox #profile{ padding:0 9px}

.sidebox #profile .ljuser a b{color:#666; font-size:13px; font-weight:normal; text-transform:lowercase}

.sidebox #profile img[src*="userinfo.gif"], .sidebox #profile img[src*="community.gif"]{background:transparent none repeat scroll 0 0; height:0; padding:0; width:0}

.sidebox #profile img.profile-userpic{float:left; height:75px; margin-right:10px; width:75px; border:4px solid #828881; margin-bottom:5px; padding:4px}

.profile-label{display:none}

.profile-content{line-height:20px; text-transform:uppercase}

.sidebox #latestmonth table{margin-left:auto; margin-right:auto; margin-top:4px; padding-bottom:10px; width:90%}

.sidebox #latestmonth a{text-transform:uppercase}

.latestmonth-inactive{background:#959C94 none repeat scroll 0 0; border:1px solid #899590; color:##F1EDED; font-size:9px; height:24px; padding-left:2px; width:24px}

.latestmonth-active{background:#959C94 none repeat scroll 0 0; border:1px solid #899590; height:24px; padding-left:2px; text-align:left; width:24px}

.latestmonth-active:hover, .latestmonth-inactive:hover{background:#C1C4BE none repeat scroll 0 0}

.latestmonth-active a{font-size:9px}

.sidebox #systemlinks a:link, .sidebox #systemlinks a:active, .sidebox #systemlinks a:visited{font-size:12px; display: block; background-color:#909D98; margin-bottom:1px; padding: 2px 2px 2px 8px; color:#D2E5DE; letter-spacing: 1px; filter:alpha(opacity=70);filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);  -moz-opacity:0.7;}

.sidebox #systemlinks a:hover{background-color:#9EABA6; filter:alpha(opacity=70);filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);  -moz-opacity:0.7;}

.listtitle{color:#666; font-size:20px; text-transform:lowercase}

.commentHolder{border:1px solid #77807C; color:#666; margin:18px 0 0 10px; padding:15px 5px 5px 5px; text-align:justify}

.commentUserinfo{font-size:0px; line-height:20px; padding-left:13px; text-align:center; color:#909D98}

.commentUserinfo .ljuser a b{color:#77807C; font-size:11px}

.commentUserinfo-usericon img{border:5px solid #77807C}

.commentText{line-height:18px; padding:0 14px}

.commentHeader{display:none}

.commentHeaderScreened{display:none}

.commentLinkbar{text-align:center}

.commentLinkbar ul{margin:0 0 5px; padding:0}

.commentLinkbar li{background:transparent none repeat scroll 0 0; display:inline}

.commentLinkbar a{font-size:9px; text-transform:uppercase}

.taglist{padding-bottom:10px}

.ljuser a b{background:transparent none repeat scroll 0 0; letter-spacing:0}

div.ContextualPopup img{border:0 none}

div.ContextualPopup div.Inner{background-color:#F9F9F9; border:medium none; color:#909D98; font-family:arial; font-size:10px; padding:7px; width:20em}

div.ContextualPopup .Content{line-height:1.4; margin-right:50px; padding:2px 4px 6px}

div.ContextualPopup .Relation{font-weight:bold}

div.ContextualPopup .Content .OnlineStatus{font-weight:bold}

div.ContextualPopup .Userpic{padding:8px 8px 0 0}

div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited{color:#5F5F5F font-weight:normal}

#lj_controlstrip{background:#909D98; filter:alpha(opacity=70);filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);  -moz-opacity:0.7;}

#lj_controlstrip_statustext{color:#333}

#lj_controlstrip a{color:#333; text-decoration:none;}

#lj_controlstrip_user, #lj_controlstrip_actionlinks, #lj_controlstrip_search, #lj_controlstrip_login, #lj_controlstrip_loggedout_userpic{border-right:0 none}

#lj_controlstrip_search_input_text, #lj_controlstrip select, #lj_controlstrip input#xc_user, #lj_controlstrip input#xc_password, #lj_controlstrip input#xc_remember, #lj_controlstrip input{background:#FFFFFF none repeat scroll 0 0  
border:0 none; color:#000000; filter:alpha(opacity=70);filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);  -moz-opacity:0.7;}

.replyform{color:#77807C; padding:10px 40px}

#qrform table{border:medium none}

#qrform input[type*="submit"], .replyform input[type*="submit"]{background:#77807C none repeat scroll 0 0; border:0 none; color:#FFF; font-size:11px; font-weight:bold; text-transform:lowercase}

img[src*="userinfo.gif"]{background-image:url(http://cbimg6.com/layouts/09/03/33985ad.gif); background-repeat:no-repeat; height:0; padding:15px 11px 0 0; width:0}

img[src*="community.gif"]{background-image:url(http://cbimg6.com/layouts/09/03/33985ae.gif); background-repeat:no-repeat; height:0; padding:15px 16px 0 0; width:0}

Layout Comments

Showing latest 10 of 18 comments

I love this sooo much. :]

By TheOn3LeftBehind on Oct 19, 2009 6:11 pm

This is beautiful! i'm using it right now.

By proverbsun on Sep 12, 2009 6:04 pm

Sadly, I give up. Either your directions don't make any sense, they're in correct, I'm just stupid, or LiveJournal is stupid. I'm not sure which but I am totally lost. :/

By RainFallAtUryo on Jun 19, 2009 9:19 am

I got lost at step one...:/

By RainFallAtUryo on Jun 19, 2009 9:13 am

this is really nice...will use =)

By addikted2musik on Jun 9, 2009 9:16 am

This is real pretty. ^__^

By grapi3 on May 5, 2009 2:08 pm

finally something new and in for lj. Love the vintage:D

these types are really in these days. I think I'm going to use this one in a bit. I've been looking for a decent one with a sidebar for a while...one that i ownt want to alter one bit that is because livejournal has a lot of great ones too:)

By magic1 on Mar 13, 2009 4:36 pm