Lollygag

Livejournal Layouts / S2

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

body {
	font-family: Arial, sans-serif;
	font-size: 12px;
	background-color: #222;
	background-image: url();
}

.pageblock {
	width: 800px;
	margin: 0 auto;
}

a {
	color: #7accc8;
	text-decoration: none;
	letter-spacing: 1px;
}

a:hover {
	color: #7accc8;
	text-decoration: underline;
}

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

.entryHeaderDate a:hover {
	color: #000000;
	text-decoration: underline;
}

.header-title {
	display: none;
}

.header-menu {
	background: white url(http://cbimg6.com/layouts/09/05/34742aa.gif) bottom center;
	line-height: 60px;
	text-align: center;
	height: 97px;
}

/* LINKS FOR TOP NAVIGATION */

.header-menu a {
	white-space: nowrap;
	padding: 2px 6px 2px 6px;
	color: #ffffff;
	text-decoration: none;
	font-size: 10px;
}

.header-menu a:hover {
	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: #000;
	color: #68879C;
	font-size: 11px;
	text-align: right;
	padding: .5em;
	letter-spacing: 1.2px;
}

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

.bodyblock {
	padding: 12px 42px;
	background: white;
}

.bodyheaderblock {
	background-color: #fff;
	margin: 0 auto;
	padding-top: 10px;
}

.bodynavblock {
	text-align: right;
}

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

.body-title {
	display: none;
}

.body-midtitle {
	font-family: ;
	font-size: 18px;
	color: #000000;
	text-align: left;
	padding-left: 8px;
}

.entryHolder {
	color: #555555;
	background: #ffffff;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif ;
	font-size: 11px;
	text-align: justify;
	margin-bottom: 10px;
	line-height: 20px;
}

.entryUserinfo {
	text-align: center;
	margin: 0px 8px 8px 0px;
	background-color: #f8f8f8;
}

.entryUserinfo-usericon img {
	border: 0;
}

.entryText {
	padding-right: 6px;
}

/* TOP OF ENTRY WITH DATE AND SUBJECT */
/* CHANGE WHAT YOU WOULD LIKE */

.entryHeader {
	background: #c9e4e3;
	color: #5A8AB0;
	font-family: ;
	font-size: 12px;
	letter-spacing: 1px;
	margin: 5px;
	border-top: 3px solid #448ccb;
}

.entryHeader a {
	color: #000000;
}

/* SUBJECT LINE */
/* CHANGE WHAT YOU WOULD LIKE */

.entryHeaderSubject {
	display: block;
	color: #7B677F;
	font-size: 10px;
}

/* I HAVE HIDDEN THE LOCK ICON */
/* REMOVE THIS CODE IF YOU WANT IT TO SHOW */

.entryHeaderSubject img {
	display: none;
}

.entryMetadata {
	padding-left: 6px;
	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: ;
	font-size: 11px;
	color: #000000;
	text-align: right;
	padding: 4px 0px 4px 0px;
}

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

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

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

.commentUserinfo {
	text-align: center;
	margin: 0px 8px 8px 0px;
	background-color: #f8f8f8;
}

.commentUserinfo-usericon img {
	border: 0;
}

.commentText {
	padding: 6px;
}

.commentHeader {
	background-color: #dddddd;
	color: #000000;
	font-family: ;
	font-size: 12px;
	padding: 4px 0px 4px 8px;
}

.commentHeader a {
	color: #000000;
}

.commentHeaderScreened {
	font-family: ;
	font-size: 12px;
	background-color: #cccccc;
	padding: 4px 0px 4px 8px;
}

.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 {
	font-family: ;
	font-size: 11px;
	margin-right: 10px;
	width: 150px;
}

/* BOX INSIDE OF SIDEBAR */
/* CHANGE WHAT YOU WOULD LIKE */

.sidebox {
	color: #000000;
	background-color: #ffffff;
	margin-bottom: 10px;
}

/* TITLE OF SIDEBOX */
/* CHANGE WHAT YOU WOULD LIKE */

.sideboxTitle {
	background-color: #c9e4e3;
	color: #5A8AB0;
	border-top: 3px solid #448ccb;
	font-family: ;
	padding-bottom: 3px;
	letter-spacing: 1px;
	font-size: 12px;
	text-align: ;
}

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

so awesome the colors really make it pop...

By Cassidyb on Mar 4, 2012 10:27 am

Wow, it's been so long since anyone submitted a LiveJournal layout. I like the colors and the semicircles on top.

By tokyo-rose on Jun 5, 2009 9:57 pm

I do like this. I think this would be a big user, especially if you do many colors with it! :)

By shadowkissed on Jun 2, 2009 11:33 am

Woah, awesome! Lovin the color scheme. Well done. :DD

By Mikeplyts on May 28, 2009 8:52 pm

I used this. =] thanks. it's awesome!

By jasminemr on May 28, 2009 8:17 pm

If I Had a LJ account,I Would Use This =)!
Looks Good!Keep Up The Great Work :D!

By Snaily on May 28, 2009 7:30 pm

Layout Details

Designer	roxxtar
Submitted on	May 28, 2009
Page views	20,588
Favorites	18
Comments	7
Reviewer	schizo
Approved on	May 28, 2009

Lollygag

Using This Layout

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates