smooth sailing: high society

[daemon]

This layout was inspired by the Esquire theme for Tumblr, originally created by Matthew Buchanan.

I make use of a Vista/Office 2007-only font called Cambria in this layout. The font isn't required for the layout to display, but you can download it here if you wish.

layout notes

account types
Basic, Plus, Paid

compatible browsers
Mozilla Firefox, Opera, Safari, Google Chrome

minimum resolution
1024x768

comment pages
Yes

navstrip
Optional

disabled
N/A

css stylesheet

stylesheet

/*---------------------------------------------------
STYLESHEET CREATOR: scythe.livejournal.com
STYLESHEET NAME: High Society
S2 STYLE: Smooth Sailing
DOWNLOAD: thrashmetal.livejournal.com

****Please remember to credit!****
-----------------------------------------------------*/

body {
background:#FFFFFF none repeat scroll 0 0;
font-family:Cambria,Georgia,Times New Roman;
font-size:12px;
margin:0;
}
textarea, input, select {
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #EEEEEE;
color:#333333;
font-family:cambria,georgia;
font-size:15px;
}
.entryText a, .entryText a:visited {
border-bottom:1px dotted #BBBBBB;
padding-bottom:1px;
}
a, a:visited {
color:#000000;
letter-spacing:0;
text-decoration:none;
}
a img {
border:medium none;
}
li {
background:transparent url(http://lj.irondevil.org/components/grayli.png) no-repeat scroll 0 7px;
list-style-type:none;
margin:5px 0;
padding:0 0 0 11px;
}
blockquote {
color:#5F5F5F;
font-size:13px;
padding:15px;
}
.header-title, .header-subtitle, .pagefooterblock, .bodyheaderblock, .body-title, .body-midtitle {
display:none;
}
.bodyblock {
margin-left:31px;
width:768px;
}
.bodynavblock {
margin:0 33px;
padding:0;
}
.entryHolder {
border-left:11px solid #000000;
margin-bottom:0;
margin-left:85px;
}
.entryUserinfo {
margin-left:474px;
position:absolute;
}
.entryUserinfo-username {
margin-top:6px;
text-align:center;
}
.entryUserinfo-username .ljuser a b {
font-size:14px;
}
.entryUserinfo-usericon img {
border:13px solid #000000;
}
.entryText:first-letter {
background:#FF3300 none repeat scroll 0 0;
color:#FFFFFF;
float:left;
font-size:63px;
margin-right:10px;
margin-top:1px;
padding:4px 12px 7px 5px;
}
.entryText {
font-size:14px;
letter-spacing:0;
line-height:20px;
min-height:94px;
padding:5px 19px 0 36px;
text-align:justify;
width:405px;
}
.entryText img {
max-width:380px;
}
.entryHeader {
line-height:17px;
padding:25px 36px 0;
text-transform:lowercase;
}
.entryHeader a {
color:#000000;
font-size:29px;
}
.entryHeaderSubject {
color:#000000;
font-size:0;
}
.entryHeaderDate {
background:#000000 none repeat scroll 0 0;
color:#FFFFFF;
display:block;
font-size:19px;
letter-spacing:2px;
line-height:23px;
margin-left:-101px;
margin-right:0;
padding:15px 4px 8px;
position:absolute;
text-align:center;
text-transform:uppercase;
width:51px;
}
.entryHeaderDate:first-line {
color:#FFFF66;
font-size:37px;
}
.entryMetadata {
margin-bottom:0;
padding:8px 40px 10px;
}
.entryMetadata a, .entryMetadata a:visited {
text-transform:lowercase;
}
.entryMetadata a:hover {
border-bottom:0 none;
text-decoration:none;
}
.entryMetadata ul {
margin:0;
padding:0;
}
.entryMetadata li {
background:transparent none repeat scroll 0 0;
display:block;
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:lowercase;
}
.entryLinkbar {
background:#EEEEEE none repeat scroll 0 0;
color:#000000;
font-family:"Adobe Caslon Pro",Cambria,Georgia,Times New Roman;
font-size:12px;
margin-left:29px;
padding:2px;
text-align:right;
text-transform:lowercase;
}
.entryLinkbar a {
background:transparent none repeat scroll 0 0;
color:#888888;
letter-spacing:0;
margin-right:7px;
padding:0;
text-transform:lowercase;
}
.entryLinkbar a:hover {
color:#3399FF;
}
.entryLinkbar ul {
margin-bottom:0 !important;
margin-left:0 !important;
margin-top:0 !important;
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:6px 0 12px;
width:420px;
}
.daysubjects {
padding:8px 8px 8px 40px;
}
.daytitles {
font-size:17px;
text-align:center;
text-transform:lowercase;
}
.day {
background:#FFFF66 none repeat scroll 0 0;
border:1px solid #FFFFFF;
padding:3px;
}
.day-date {
text-align:center;
width:50%;
}
.day-count {
float:right;
font-size:20px;
text-align:center;
width:50%;
}
.day-count a {
font-size:19px;
font-weight:normal;
padding:1px;
text-decoration:none;
}
.sidebar {
background:#FFFF66 url(http://i374.photobucket.com/albums/oo181/lightmass/sidebar-bg.png) no-repeat scroll 0 103%;
font-size:14px;
line-height:17px;
margin-right:10px;
margin-top:25px;
padding:23px 0 25px;
top:0;
width:197px;
}
.sidebar a, .sidebar a:visited {
}
.sidebar a:hover {
color:#000000;
}
.sidebox {
color:#000000;
margin-bottom:26px;
margin-right:auto;
margin-top:0;
padding:2px 25px 0;
}
.sideboxTitle {
font-size:18px;
text-transform:uppercase;
}
.sideboxContent {
}
.sidebox #profile {
text-align:center;
}
.profile-label {
display:none;
}
.profile-content {
display:none;
}
.profile-userpic {
border:13px solid #000000;
}
.sidebox #latestmonth table {
font-size:9px;
margin-left:auto;
margin-right:auto;
margin-top:4px;
width:90%;
}
.sidebox #latestmonth a {
color:#000000;
font-size:12px;
text-transform:lowercase;
}
.latestmonth-inactive {
background:#000000 none repeat scroll 0 0;
color:#FFFFFF;
height:19px;
margin:1px;
padding-left:5px;
width:15px;
}
.latestmonth-active {
background:#000000 none repeat scroll 0 0;
height:19px;
margin:1px;
padding-left:5px;
text-align:left;
width:15px;
}
.latestmonth-active:hover, .latestmonth-inactive:hover {
color:#AAAAAA;
}
.latestmonth-active a {
color:#FFFFFF !important;
font-size:12px !important;
}
.sidebox #tags_sidebox {
color:#131313;
font-size:0 !important;
line-height:12px;
text-align:left;
}
.sidebox #tags_sidebox a {
font-size:10px !important;
margin-right:5px;
}
.sidebox #systemlinks {
line-height:normal;
margin-bottom:0;
padding:0;
text-align:left;
top:0;
}
.sidebox #systemlinks a:link, .sidebox #systemlinks a:active, .sidebox #systemlinks a:visited {
}
.sidebox #systemlinks a:hover, .sidebox #systemlinks a:active {
text-decoration:none;
}
.listitem {
}
.listtitle {
display:none;
}
.pageheaderblock {
margin:0 auto;
}
.header-menu {
background:#000000 none repeat scroll 0 0;
padding:13px 15px;
}
.header-menu a, .header-menu a:visited {
background:#000000 none repeat scroll 0 0;
color:#FFFFFF;
font-size:12px;
letter-spacing:1px;
padding:1px 3px;
text-transform:uppercase;
}
.header-menu a:hover {
}
.header-menu ul {
margin:0 auto;
padding:0;
}
.header-menu li {
display:inline;
}
#footer-menu {
font-size:11px;
margin-bottom:10px;
margin-left:0;
margin-top:22px;
padding:0 0 10px;
text-align:right;
}
#footer-menu a, .footer-menu a:visited {
letter-spacing:1px;
text-transform:uppercase;
}
.header-menu ul, #footer-menu ul {
margin:0;
padding:0;
}
.header-menu li, #footer-menu li {
background:transparent none repeat scroll 0 0;
display:inline;
}
.taglist, .tagstable {
padding-bottom:10px;
}
.ljuser a b {
background:transparent none repeat scroll 0 0;
font-weight:normal;
letter-spacing:0;
text-decoration:none !important;
}
.ljuser a {
text-decoration:none !important;
}
.ljuser a:hover b {
background:transparent none repeat scroll 0 0;
border-bottom:0 none;
text-decoration:none !important;
}
img[src*="userinfo.gif"] {
background-image:url(http://irondevil.org/icon/categories/fugue2/user_business.png);
background-repeat:no-repeat !important;
height:0;
padding:17px 17px 0 0 !important;
width:0;
}
img[src*="openid-profile.gif"] {
background-image:url(http://irondevil.org/icon/categories/fugue2/user_orange.png);
background-repeat:no-repeat !important;
height:0;
padding:17px 17px 0 0 !important;
width:0;
}
img[src*="anonymous.gif"] {
background-image:url(http://irondevil.org/icon/categories/fugue2/user_silhouette.png);
background-repeat:no-repeat !important;
height:0;
padding:17px 17px 0 0 !important;
width:0;
}
img[src*="community.gif"] {
background-image:url(http://irondevil.org/icon/categories/fugue2/users.png) !important;
background-repeat:no-repeat !important;
height:0;
padding:17px 17px 0 0 !important;
width:0;
}
img[src*="partnercomm.gif"] {
background-image:url(http://irondevil.org/icon/categories/fugue2/users.png) !important;
background-repeat:no-repeat !important;
height:0;
padding:17px 17px 0 0 !important;
width:0;
}
img[src*="newsinfo.gif"] {
background-image:url(http://irondevil.org/icon/categories/fugue2/newspaper.png);
background-repeat:no-repeat !important;
height:0;
padding:17px 17px 0 0 !important;
width:0;
}
img[src*="syndicated.gif"] {
background-image:url(http://irondevil.org/icon/categories/fugue2/feed.png);
background-repeat:no-repeat !important;
height:0;
padding:17px 17px 0 0 !important;
width:0;
}
img[src*="icon_protected.gif"] {
background-image:url(http://irondevil.org/icon/categories/fugue/lock.png) !important;
background-repeat:no-repeat !important;
height:0;
padding:16px 18px 0 0 !important;
width:0;
}
img[src*="icon_groups.gif"] {
background-image:url(http://irondevil.org/icon/categories/fugue/lock.png) !important;
background-repeat:no-repeat;
height:0;
padding:16px 18px 0 0 !important;
width:0;
}
img[src*="icon_private.gif"] {
background-image:url(http://irondevil.org/icon/categories/fugue/key.png) !important;
background-repeat:no-repeat;
height:0;
padding:17px 18px 0 0 !important;
width:0;
}
div.ContextualPopup img {
border:0 none;
}
div.ContextualPopup div.Inner {
background-color:#FFFFFF !important;
border:medium none;
color:#000000 !important;
font-family:Cambria,Georgia,Times New Roman;
padding:7px;
width:20em;
}
div.ContextualPopup .Content {
line-height:1.4;
margin-right:50px;
padding:2px 4px 6px;
}
div.ContextualPopup .Relation {
font-weight:bold !important;
}
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 !important;
font-weight:normal;
text-decoration:none !important;
}
.entryLinkbar a[href*="subscriptions"], .entryLinkbar a[href*="tellafriend"] {
display:none;
}
#lj_controlstrip {
background:#101010 none repeat scroll 0 0;
color:#515151;
}
#lj_controlstrip_statustext {
color:#999999;
}
#lj_controlstrip a {
color:#666666;
}
#lj_controlstrip_user, #lj_controlstrip_actionlinks, #lj_controlstrip_search, #lj_controlstrip_login, #lj_controlstrip_loggedout_userpic {
border-right:0 none;
}
#lj_controlstrip_userpic {
background-image:url(http://stat.livejournal.com/palimg/controlstrip/ljlogo.gif/ptd4dce8000000);
}
#lj_controlstrip_loggedout_userpic {
background-image:url(http://stat.livejournal.com/palimg/controlstrip/ljlogo-loggedout.gif/ptd4dce8000000);
}
#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:#222222 none repeat scroll 0 0 !important;
border:0 none;
color:#9C9C9C;
}
#lj_controlstrip .ljuser a b {
color:#F2F2F2;
font-family:cambria,georgia,times New Roman;
font-size:14px;
}
.commentHolder {
margin:36px 0 0 auto;
text-align:justify;
width:484px;
}
.commentUserinfo {
color:#111111;
font-size:0;
margin-left:12px;
text-align:center;
}
.commentUserinfo .ljuser a b {
font-size:14px;
}
.commentUserinfo-usericon img {
border:10px solid #000000;
height:70px;
width:70px;
}
.commentText {
line-height:18px;
min-height:105px;
padding-bottom:12px;
padding-left:118px;
}
.commentHeader {
display:none;
}
.commentHeaderSubject, .commentHeaderScreened {
display:none;
}
.commentLinkbar {
background:#EEEEEE none repeat scroll 0 0;
font-family:"Adobe Caslon Pro",Cambria,Georgia,Times New Roman;
margin:0;
padding:1px;
text-align:right;
}
.commentLinkbar ul {
margin:0;
padding:0;
}
.commentLinkbar li {
background:transparent none repeat scroll 0 0;
display:inline;
}
.commentLinkbar a {
color:#888888;
font-size:11px;
text-transform:lowercase;
}
.commentLinkbar a:hover {
color:#3399FF;
text-decoration:none;
}
.replyform {
margin-left:auto;
padding:22px;
width:500px;
}
#qrform table {
border:medium none !important;
}

how to install

select journal style
1. Apply any Smooth Sailing theme.

2. Scroll down to Choose a Page Setup and select 2 Column (sidebar on left).

entry textPaste the code into its respective boxes:

Format for Date and Time (Recent/Friends/Entry/Reply page) and Format for Date and Time (Day page only)
%%dd%% %%mon%%

custom css
Make sure any drop-down boxes are set to No, paste the code into the box, and click Save Changes.

appendix

credit and comment
• Please credit thrashmetal somewhere public. (Profile, Links List, Friends Only post, etc.)
• Comments aren't required, but are appreciated!

resources
• Icon by puncture
• Tiny icons by Pinvoke

read the layout faq before asking questions!