STRIFE

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. If you are using this layout in a Plus account, make sure you set the ads as Between Entries. Skip this step if you are using Basic or Paid account.

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

5. In the Sidebar page, make sure to hide all items, except for Free Text Sidebox. Choose 1 for the Free Text Position , and type a welcome/bio/whatever/ in the Free Text Sidebox Text .

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

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

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

3. PLEASE credit (dodoki.livejournal.com) in your bio or anywhere else that's easy to find.

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

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

6. If you like this layout, comments at Dodoki are ALWAYS APPERCIATED. :D

7. Enjoy the layout and visit Dodoki (dodoki.livejournal.com) 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

/*---------------------------------------------------
CSS BY: dodoki.livejournal.com / abasium.livejournal.com
LAYOUT NAME: STRIFE
DOWNLOAD AT: dodoki.livejournal.com
*PLEASE CREDIT WHEN USE*
-----------------------------------------------------*/

body { 
font-family: tahoma; font-size: 11px;
margin: 0; padding: 0;
background-color: F1F0EE;
background-image: url('http://cbimg6.com/layouts/09/02/33647aa.jpg');
	background-position: top center;
	background-repeat: no-repeat;
}

a, a:visited {
color: #747474; background-color: transparent;
text-decoration: none;
padding: 0px; 
border: 0;
}

a:hover { color: #B1B1B1; cursor: default; }

blockquote{
background-color: #f8f8f8; color: #bbbbbb; 
border: 1px solid #dddddd;
font-size: 9px;

margin: 10px 10px 10px ; padding: 5px; 
}

blockquote:first-line { font-size: 10px; letter-spacing: 1px; font-weight: bold; color:#626262}

blockquote:hover { background-color: #ffffff; cursor: text; }

input, select {
background-color: #f8f8f8; color: #888888;
font-family: tahoma; font-size: 9px; 
border: 1px solid #dddddd; 
margin-top: 5px;
}

input:hover, select:hover {
background-color: #ffffff; color: #888888;
border: 1px solid #dddddd;
cursor: help;
}

textarea {
width: 200px; padding: 5px;
border: 1px solid #dddddd;
background-color: #f8f8f8; color: #888888;
font-size: 9px; font-family: tahoma;
}

.pageblock{ width: 500px; margin: auto; }
.pagefooterblock { display: none; }

.pageheaderblock {

/*title, subtitle, menu*/
	background-color: #E7E6E4;
	background-image: url('http://cbimg6.com/layouts/09/02/33647ab.jpg');
	color: #FFFFFF;
	background-position: top left;
	background-repeat: no-repeat;
	font-family: "helvetica", sans-serif;
	margin-top:70px;
	height: 280px;
	text-align: right;
}

.header-title {
display:none;
}
.header-subtitle{
display: none;

}
.pageheaderblock { width: 100%; }
.header-icon { display: none; }

.header-menu {
text-transform: uppercase;
font-family: Georgia; font-size: 9px; 
letter-spacing: 1px; 
text-align: center;
padding: 260px 0 0px 0px;

width: 500px;
border-top: 0px solid #888888;
}

.header-menu a, .header-menu a:visited { 
padding: 1px 0px 1px 0px; margin:  5px;
color: #BFBFBF;
word-spacing: 3px;

}

.header-menu a:hover {
color: #FFFFFF;

}

.header-menu ul, #footer-menu ul { 
margin: 0px; padding: 0px; 
}

.header-menu li, #footer-menu li { display: inline; }

.bodyblock {
width: 500px; margin: auto; padding: 0px ;
background-color: transparent;
}

.bodyheaderblock { display: none; }

.bodynavblock {
background-color: transparent; color: #888888;
margin-top: 5px; margin-left: 10px;
text-align: left;
}

.bodynavblock a, .bodynavblock a:visited {
color: #888888; background-color: transparent;
border: none;
text-align: left;
}

.body-title { display: none; }
.body-midtitle { display: none; }

.sidebar {

background-color:#E7E6E4;
border-left:medium none;
font-family:arial;
font-size:11px;

line-height:19px;
padding-left:0;
padding-top:5px;
padding-bottom: 5px;
position:absolute;
text-align:center;
top:0px;
width:500px;
}

.sidebar a, .sidebar a:visited {
color:#434343;
}
.sidebar a:hover {
color:#8E8E8E;
}
.sidebox {
color:#000000;
margin-bottom:0;
margin-right:auto;
margin-top:0;
padding:2px 16px 5px;
text-align:justify;
}
.sideboxTitle {
display:none;
}
.sideboxContent {
background:transparent none repeat scroll 0 0;
color:#BFBFBF;
display:inline;
font-family:georgia;
font-size:10px;
letter-spacing:0;
line-height:18px;
text-align:justify;
}
.sidebox #freetext {
}
.sidebox #latestmonth, .sidebox #search {
text-align:center;
}
.sidebox #profile {
float:left;
margin-bottom:3px;
margin-right:10px;
padding-top:7px;
}
.sidebox #profile img {
border:15px solid #101010;
height:80px;
width:80px;
}
.profile-label {
display:none;
}
.profile-content {
display:none;
}
.sidebox #tags_sidebox {
color:#131313;
font-size:0 !important;
text-align:right;
}
.sidebox #tags_sidebox a {
font-size:10px !important;
margin-right:9px;
text-align:right !important;
}
.sidebox #systemlinks {
font-size:12px;
line-height:normal;
margin-bottom:0;
padding:0;
top:0;
}
.sidebox #systemlinks a:link, .sidebox #systemlinks a:active, .sidebox #systemlinks a:visited {
color:#F1F1F1;
font-family:georgia;
font-size:11px;
letter-spacing:2px;
margin-right:7px;
text-transform:uppercase;
}
.sidebox #systemlinks a:hover, .sidebox #systemlinks a:active {
color:white;
text-decoration:none;
}

.entryHolder {
background:#F8F8F8 none repeat scroll 0 0;
color:#4F4F4F;
font-size:11px;
margin-top:17px;
width:500px;
}

.entryUserinfo {
margin:18px 14px 8px 18px;
}
.entryUserinfo-username {
background:transparent none repeat scroll 0 0;
font-size:11px;
line-height:18px;
margin-right:15px;
margin-top:4px;
text-align:left;
}
.entryUserinfo-username .ljuser a b {
background:transparent none repeat scroll 0 0;
color:#8E8E8E;
font-family:georgia;
font-size:12px;
font-weight:normal;
letter-spacing:0;
text-decoration:none !important;
}
.entryUserinfo-usericon img {
border:11px solid #EEEEEE;
cursor:auto !important;
}
.entryUserinfo-usericon img:hover {
border:11px solid #F4F4F4;
cursor:pointer;
opacity:0.8;
}
.entryText {
color:#8E8E8E;
font-family:Trebuchet MS;
font-size:10px;
line-height:19px;
padding:16px 20px;
text-align:justify;
}
.entryHeader {
background:#E7E6E4 none repeat scroll 0 0;
border-bottom:0 none;
color:#F1F1F1;
font-family:georgia;
font-size:10px;
line-height:17px;
padding:8px 0 8px;
text-align:center;
text-transform:lowercase;
}
.entryHeader a {
color:#6C6C6C;
font-size:10px;
letter-spacing:4px;
text-transform:uppercase;
}
.entryHeader a:hover {
}
.entryHeaderSubject {
color:#F1F1F1;
font-family:georgia;
font-size:21px;
letter-spacing:0;
padding-top:3px;
}
.entryHeaderDate {
color:#C3C3C3;
font-size:12px;
letter-spacing:2px;
margin-right:0px;
position:relative;
text-transform:uppercase;
z-index:10;
}
.entryMetadata {
background:#E7E6E4 none repeat scroll 0 0;
color:#C3C3C3;
font-family:arial;
margin-bottom:0;
padding:10px 0px 10px 10px;;
}
.entryMetadata a, .entryMetadata a:visited {
background:#E7E6E4 none repeat scroll 0 0;
color:#C3C3C3;
font-size:9px;
text-transform:lowercase;
}
.entryMetadata a:hover {
border-bottom:0 none;
text-decoration:none;
color:#FFFFFF;

}
.entryMetadata ul {
margin:0;
padding:0;
}
.entryMetadata li {
background:#E7E6E4 none repeat scroll 0 0;
display:block;
font-size:9px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding-right:10px;
}
.entryMetadata-label {
font-family:georgia;
font-size:10px;
font-weight:bold;
padding-right:5px;
text-transform:uppercase;
}
.entryLinkbar {
background:#C9C9C9 none repeat scroll 0 0;
color:#000000;
margin-right:1px;
margin-top:0;
padding:5px 0px 5px 0;
text-align:center;
text-transform:lowercase;
}
.entryLinkbar a {
background:#C9C9C9 none repeat scroll 0 0;
color:#FFFFFF;
font-family:georgia;
font-size:9px;
font-weight:normal;
letter-spacing:0;
padding:0;
text-transform:lowercase;
}
.entryLinkbar a:hover {
color:#646464;
text-decoration:none;
}
.entryLinkbar ul {

margin-bottom:0 !important;
margin-left:0 !important;
margin-top:0 !important;
padding:0;
}
.entryLinkbar li {
background:#C9C9C9 none repeat scroll 0 0;
display:inline;
margin:0;
padding:0 5px;
}

#footer-menu {
background-color: #ffffff;
background-image: url('');
width: 500px;
text-transform: uppercase; text-align: right;
font-family: tahoma; font-size: 14px;
margin: 0px 0 0 0; padding: 0px 0 0 0;
}

#footer-menu a, .footer-menu a:visited {
padding: 1px 10px 1px 10px;
color: #ffffff;
white-space: nowrap;
}

#footer-menu a:hover { color: #79d7ff; }

.commentHolder { 
color: #888888; background-color: #F5F5F5; 
font-family: tahoma; font-size: 10px; 
padding: 10px; margin: 10px 0 10px 10px;
}

.commentUserinfo {
font-weight: normal;
text-align: center;
} 
.commentUserinfo b{font-weight: lighter !important;}
.commentUserinfo-usericon img { 
padding: 5px; margin: 5px;
border: 1px solid #dddddd;
background-color: #f8f8f8;
height: 50px; width: 50px;
}

#qrform table{ 
width: 500px;
border: 1px solid #dddddd !important; 
background-color: transparent; 
margin: 0; padding: 0;
}

#qrform .textbox{ 
width: 400px !important;
font-family: tahoma; font-size: 9px; 
border: 1px solid #dddddd !important; 
background-color: transparent !important;
}

#qrform .textbox:hover {
background-color: #dddddd; color: #888888;
border: 1px solid #bbbbbb;
cursor: text;
}

.commentHeader { 
font-family: tahoma; font-size: 9px; font-weight: none;
color: #bbbbbb;
border-bottom: 1px solid #dddddd; 
letter-spacing: 1px;
text-transform: uppercase;
}

.commentHeader a{ color: #888888; }

.commentHeaderScreened { 
background-color: #f8f8f8; 
padding: 2px 0 2px 5px;
border: 0px solid #dddddd; 
letter-spacing: 1px;
}

.commentHeaderSubject { font-weight: normal; font-family: tahoma; font-size: 9px; }

.commentLinkbar {
border: 0; 
font-family: tahoma; font-size: 9px; 
color: #888888;
text-transform: lowercase; text-align: left; 
padding-bottom: 10px; 
}

.commentLinkbar ul { margin: 0; padding: 0; text-align: center;}
.commentLinkbar li { padding: 0px 0 0px 5px; margin: 0; display: inline; }

.replyform { 
margin: 10px;
border: 0px; 
background-color: #bbbbbb; color: #888888; 
}
 
.commentText{ margin: 5px; }

#postform{ background-color: #ffffff; }
#commenttext { width: 100%;}

.yearlinks { text-align: right; }
.yearlink{ padding:0 4px 0 4px; }
.entryHeader a{}
.entryHeader a:hover{}

.month { 
width: 100%; 
border: 1px solid #070D17;
margin: 10px 0 0 0; padding: 10px;
}

.daysubjects { 
color: #888888; 
letter-spacing: 1px; 
padding: 6px 0px 6px 0px; 
}

.daytitles { 
text-align: center; margin: 0; padding: 0;
background-color: #070D17; color: #bbbbbb; 
border-left: 2px solid #070D17; border-right: 2px solid #070D17; border-bottom: 5px solid #070D17;
}

.day-blank { padding: 10px; }
.day { padding: 2px 2px 1px 2px; }
.day-date { 
color: #888888; 
text-align: right; 
padding: 0px 3px 0 0;
border-right: 1px solid #dddddd; border-top: 1px solid #dddddd;
}

.day-count { 
width: 50%; 
float: right; 
}

.tagstable td { padding: 5px 0px 5px 0px; }
.tagstable { text-transform: uppercase; letter-spacing: 1px; width: 500px; }

::-moz-selection { background: #bbbbbb; color: #ffffff; }
::selection { background: #bbbbbb; color: #ffffff; }
code::-moz-selection { background: #bbbbbb; color: #ffffff;}
code::selection { background: #bbbbbb; color: #ffffff;}

/*-----------*/

/* general positioning */
div.ContextualPopup {
margin: 10px 0 0 0px;
font: normal 10px "tahoma" !important;
}

div.ContextualPopup img {
border-left: 1px solid #dddddd;
border-right: 1px solid #dddddd;
padding: 0 5px 0 5px;
margin: 0 1px 0 5px !important;
}

div.ContextualPopup div.Inner {
background-color: #f8f8f8 !important;
color: #888888 !important;
border: 1px solid #dddddd;
padding: 0px;
width: 220px;
text-align: right;
}

div.ContextualPopup .Content {
padding: 2px 4px 6px 4px;
}

div.ContextualPopup .Relation {
font-weight: normal !important;
letter-spacing: 0px;
}
/* look of words LJ Talk */
div.ContextualPopup .Content .OnlineStatus {
font-weight: normal;
}
/* element that contains the user icon */
div.ContextualPopup .Userpic {
padding: 4px 4px 0 0;
}

div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited {
text-decoration: none !important;
font-weight: normal;
color: #2D2D2D !important;
}

div.ContextualPopup div.Inner a:hover {
color: #6F6F6F !important;
}

/*  */
* html span.ljuser{
background-image: url() !important;
background-repeat: no-repeat;
background-position: left middle;
padding: 10px 8px 0px 0px !important;
}

* html span.ljuser img{ visibility: hidden; }

.ljuser img[src="http://stat.livejournal.com/img/userinfo.gif"] {
width: 0;
height: 0;
background-repeat: no-repeat;

padding: 10px 8px 0 4px !important;
}

.ljuser img[src="http://stat.livejournal.com/img/community.gif"] {
width:0;
height: 0;
background-repeat: no-repeat;
background-image: url(http://cbimg6.com/layouts/09/02/33647ac.gif);
padding: 11px 8px 0 4px !important;
}

img[src="http://stat.livejournal.com/img/icon_protected.gif"]{
width: 0;
height: 0;
padding: 0 0 10px 10px;

}

img[src="http://stat.livejournal.com/img/icon_private.gif"]{
width: 0;
height: 0;
padding: 0 0 10px 10px;

}

#lj_controlstrip {
top: 0; left: 0; width: 100%; height: 50px;
margin: 0; padding: 0;
position: absolute;
background: #dddddd !important;
}

#lj_controlstrip table { margin: 0; padding: 0; width: auto; }

#lj_controlstrip td {
font-family: tahoma, sans-serif;
color: #888888 !important;
font-size: 10px;
}

#lj_controlstrip a {
font-family: tahoma, sans-serif; font-size: 9px;
color: #0096c7 !important;
text-decoration: none;
border: 0; margin: 0; padding: 0;}

#lj_controlstrip a:hover {
text-decoration: none; color: #79d7ff !important;
}

#lj_controlstrip img, #lj_controlstrip a img, #lj_controlstrip form { background: none; margin: 0; padding: 0; border: 0; }

#lj_controlstrip input {
font-family: tahoma, sans-serif; color: #888888 !important;
font-size: 10px; background-color: #f8f8f8 !important; border: 1px solid #ffffff;}
}

#lj_controlstrip select, #lj_controlstrip input#xc_user, #lj_controlstrip input#xc_password, #lj_controlstrip input#xc_remember {
font-family: tahoma, sans-serif;
font-size: 10px;
padding: 0; margin: 0;
}

#lj_controlstrip_userpic {margin: 0; padding: 0;}

#lj_controlstrip_userpic img{
width: 50px; height: 50px;
}

#lj_controlstrip_user, #lj_controlstrip_actionlinks, #lj_controlstrip_login, #lj_controlstrip_search{
text-align: left;
border-right: 1px solid #ffffff;
}

#lj_controlstrip_statustext {
font-size: 9px; font-weight: bold;
letter-spacing: 2px; color: #ffffff;
}

.ControlStrip_SPlus, .ControlStrip_AdPlacementFree, .ControlStrip_AdPlacementPlus, .ControlStrip_ExpressiveThemes { right: 0; margin: 0; padding: 0; text-align: right; }

img[src="http://stat.livejournal.com/img/icon_protected.gif"], img[src="http://stat.livejournal.com/img/icon_private.gif"]{
display: none
}

.ljuser img { 
  		width: 0;
  		height: 0;
  		background-repeat: no-repeat;
  		background-color:transparent;
  		/* so that IE users will still see an image */
  		background-image: url(http://cbimg6.com/layouts/09/02/33647ad.gif); 
  		padding: 12px 12px 0 12px;
		}

.ljuser img[src="http://stat.livejournal.com/img/userinfo.gif"] {
		background-color:transparent;
  		background-image: url(http://cbimg6.com/layouts/09/02/33647ad.gif);
  		padding: 12px 12px 0 12px;
		}

.ljuser img[src="http://stat.livejournal.com/img/community.gif"] {
		background-color:transparent;
 		background-image: url(http://cbimg6.com/layouts/09/02/33647ac.gif);
 		padding: 14px 14px 0 14px;
		}

Layout Comments

Showing latest 7 of 7 comments

oh,i like it much!

By noonchan on Nov 16, 2010 5:33 am

Can someone help me?
I followed the steps, but instead of Cloud's face, there's a blue square.
http://deathbypoptart .livejournal.com/
Is there anything I can do to fix this?

By DeathByPoptart on Sep 16, 2009 12:10 pm

Never mind figured it out. Didn't mean to spam your layout >

By Ettawen on Sep 4, 2009 11:45 pm

I love this layout but I have a problem. The calendar is blocking Cloud's face at the top. How do I get rid of the dang calendar?

By Ettawen on Sep 4, 2009 11:01 pm

Do you know Aion gold ?
Today
Are you buy gold wow go to G4P ? Where store buy WOW GOLD and aion gold you ?

By bookfly on Sep 2, 2009 5:33 am