smooth sailing: live and let die

Jan 04, 2009 18:53





fkajsdkfjasdf IE haet.

Also, a special plug for toyboxer, an elite layout comm run by stimulus, unoriginal and planetcrash. :D I was recently accepted and hope to see more support for it~

layout notes.

Account Types:

Basic, Plus and Paid

Compatible Browsers:

Mozilla Firefox, Internet Explorer 7, Opera, Safari, Google Chrome.

Min. Resolution:

800x600

Credits and Misc.:

• Request layout for breendawarhol.
• Icon in preview by angelblast.

Navstrip:

Works with and without.

Custom Comment Pages?:

Yes

Disabled Elements:

N/A

installation.

CSS Stylesheet:

/*---------------------------------------------------
STYLESHEET CREATOR: scythe.livejournal.com
STYLESHEET NAME: Live and Let Die
S2 STYLE: Smooth Sailing
DOWNLOAD: thrashmetal.livejournal.com

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

body {
background:#F7F5F5 none repeat scroll 0 0;
color:#030505;
font-family:helvetica,arial;
font-size:11px;
margin:0;
}
.pageblock {
margin-top:26px;
padding-bottom:12px;
position:absolute;
width:100%;
}
a, a:visited {
color:#0B7C9E;
letter-spacing:0;
text-decoration:none;
}
a:hover {
color:#B39D5B;
}
a img {
border:medium none;
}
ul {
}
li {
background:transparent url(http://lj.irondevil.org/components/grayli.png) no-repeat scroll 0 7px;
list-style-type:none;
margin:2px 0;
padding:0 0 0 11px;
}
blockquote {
font-family:georgia;
font-size:12px;
line-height:18px;
padding:8px 0 8px 15px;
}
.header-title {
display:none;
}
.header-subtitle {
display:none;
}
.header-icon {
border-bottom:2px solid #F6F6BB;
border-left:2px solid #F6F6BB;
position:absolute;
right:0;
top:0;
z-index:1;
}
.pageheaderblock {
}
.pagefooterblock {
display:none;
}
.bodyblock {
margin:0 auto;
padding-top:133px;
width:700px;
}
.bodyheaderblock {
display:none;
padding:6px 0;
}
.bodynavblock {
color:#AAAAAA;
margin:0 33px;
padding:0;
}
.body-title {
display:none;
}
.body-midtitle {
display:none;
}
.entryHolder {
background:#030505 none repeat scroll 0 0;
font-size:11px;
margin-bottom:20px;
width:700px;
}
.entryUserinfo {
}
.entryUserinfo-username {
background:transparent none repeat scroll 0 0;
font-size:11px;
line-height:18px;
margin-bottom:6px;
margin-left:7px;
margin-top:6px;
text-align:left;
}
.entryUserinfo-username .ljuser a b {
background:transparent none repeat scroll 0 0;
color:#0B7C9E;
font-family:helvetica;
font-size:12px;
font-weight:normal;
letter-spacing:0;
text-decoration:none !important;
}
.entryUserinfo-usericon img {
border:18px solid #FF4546;
cursor:auto !important;
}
.entryUserinfo-usericon img:hover {
border:18px solid #111818;
cursor:pointer;
}
.entryText {
background:#FBFBFB none repeat scroll 0 0;
color:#030505;
font-size:11px;
line-height:21px;
min-height:156px;
padding:14px;
text-align:justify;
}
.entryHeader {
color:#030505;
line-height:17px;
min-height:24px;
padding:10px 0 5px 10px;
text-align:left;
text-transform:lowercase;
}
.entryHeader a {
color:#0B7C9E;
font-size:13px;
letter-spacing:1px;
text-transform:uppercase;
}
.entryHeader a:hover {
}
.entryHeaderSubject {
font-size:0;
}
.entryHeaderDate {
color:#FF4546;
font-size:17px;
letter-spacing:2px;
margin-right:5px;
text-align:center;
text-transform:lowercase;
z-index:10;
}
.entryMetadata {
background:#FBFBFB none repeat scroll 0 0;
font-family:arial;
margin-bottom:0;
padding:0 33px 17px;
}
.entryMetadata a, .entryMetadata a:visited {
font-size:9px;
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;
font-size:9px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding-right:10px;
}
.entryMetadata-label {
font-family:helvetica;
font-size:10px;
font-weight:bold;
padding-right:4px;
text-transform:uppercase;
}
.entryLinkbar {
background:#F7F5F5 none repeat scroll 0 0;
color:#000000;
padding:4px 7px 8px 0;
position:relative;
text-align:right;
text-transform:lowercase;
top:0;
}
.entryLinkbar a {
background:transparent none repeat scroll 0 0;
color:#030505;
font-family:helvetica;
font-size:10px;
font-weight:normal;
letter-spacing:0;
padding:0;
text-transform:uppercase;
}
.entryLinkbar a:hover {
}
.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 5px;
}
.commentHolder {
background:#030505 none repeat scroll 0 0;
border-left:0 none;
margin:19px 0 0;
}
.commentUserinfo {
background:transparent none repeat scroll 0 0;
color:#C3C3C3;
font-size:0;
line-height:19px;
text-align:center;
}
.commentUserinfo .ljuser a b {
background:transparent none repeat scroll 0 0;
font-size:12px;
letter-spacing:0;
text-decoration:none !important;
}
.commentUserinfo-usericon img {
border:15px solid #FF4546;
cursor:auto;
height:85px;
width:85px;
}
.commentUserinfo-usericon img:hover {
border:15px solid #111818;
}
.commentText {
background:#FBFBFB none repeat scroll 0 0;
color:#030505;
line-height:20px;
min-height:143px;
padding:10px 13px 0 12px;
text-align:justify;
}
.commentHeader {
background:#030505 none repeat scroll 0 0;
color:#FF4546;
font-size:17px;
letter-spacing:1px;
padding:10px 0 8px 10px;
position:relative;
text-transform:lowercase;
}
.commentHeaderScreened {
color:#4F4F4F;
font-family:georgia;
font-size:19px;
letter-spacing:2px;
margin-right:-12px;
position:relative;
text-transform:uppercase;
z-index:10;
}
.commentLinkbar {
background:#F7F5F5 none repeat scroll 0 0;
color:#878787;
font-size:11px;
text-align:right;
}
.commentLinkbar ul {
margin:0;
padding:0;
}
.commentLinkbar li {
background:transparent none repeat scroll 0 0;
color:#030505;
display:inline;
margin:0;
padding:0 5px;
}
.commentLinkbar a:hover {
text-decoration:none;
}
.commentLinkbar a {
background:transparent none repeat scroll 0 0;
color:#030505;
font-size:10px;
font-weight:normal;
padding:0;
text-transform:uppercase;
}
.replyform {
background:#FBFBFB none repeat scroll 0 0;
line-height:16px;
padding:20px;
}
#qrform {
background:#FBFBFB none repeat scroll 0 0;
color:#030505;
}
#qrform table {
border:medium none !important;
}
.yearlinks {
text-align:right;
}
.yearlink {
padding-left:4px;
padding-right:4px;
}
.month {
background:transparent none repeat scroll 0 0;
margin:10px auto;
width:479px;
}
.daysubjects {
color:#434343;
padding:8px 8px 8px 40px;
}
.daytitles {
border:1px solid #030505;
color:#FF4546;
font-size:17px;
text-align:center;
text-transform:lowercase;
}
.day-blank {
}
.day {
background:#111818 none repeat scroll 0 0;
border:1px solid #030505;
margin-bottom:0;
padding:3px;
}
.day-date {
color:#F7F5F5;
font-family:arial;
text-align:center;
width:50%;
}
.day-count {
float:right;
font-size:20px;
text-align:center;
width:50%;
}
.day-count a {
font-family:georgia;
font-size:21px;
font-weight:normal;
padding:3px;
text-decoration:none;
}
.sidebar {
background:#030505 none repeat scroll 0 0;
font-family:helvetica;
font-size:11px;
height:115px;
line-height:19px;
margin:0 auto;
position:absolute;
text-align:center;
top:39px;
width:700px;
}
.sidebox {
color:#F7F5F5;
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;
font-size:11px;
line-height:18px;
text-align:justify;
}
.sidebox #profile {
float:right;
margin-bottom:3px;
margin-left:13px;
padding-top:7px;
}
.sidebox #profile img {
border:11px solid #FF4546;
cursor:auto !important;
height:70px;
width:70px;
}
.sidebox #profile img:hover {
border:11px solid #111818;
cursor:pointer;
}
.profile-label {
display:none;
}
.profile-content {
display:none;
}
.sidebox #systemlinks {
line-height:normal;
text-align:right;
}
.sidebox #systemlinks a:link, .sidebox #systemlinks a:active, .sidebox #systemlinks a:visited {
color:#0B7C9E;
font-family:helvetica,arial;
font-size:10px;
letter-spacing:1px;
margin-right:7px;
text-transform:uppercase;
}
.sidebox #systemlinks a:hover, .sidebox #systemlinks a:active {
color:#F7F5F5;
}
.listitem {
display:inline;
}
.listspacer {
height:1px;
}
.listtitle {
display:none;
}
.header-menu {
background:#030505 none repeat scroll 0 0;
margin:0 auto;
padding:11px 0;
text-align:left;
width:700px;
}
.header-menu a, .header-menu a:visited {
color:#FF4546;
font-family:helvetica;
font-size:16px;
letter-spacing:1px;
margin-right:8px;
text-transform:lowercase;
}
.header-menu a:hover {
color:#0B7C9E;
}
#footer-menu {
text-align:right;
}
#footer-menu a {
color:#AAAAAA;
text-transform:lowercase;
}
.header-menu ul, #footer-menu ul {
margin:0 0 0 16px;
padding:0;
}
.header-menu li, #footer-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:6px;
padding:0;
}
.tagstable, .tagstable td {
border:0 none;
}
.tagstable {
width:100%;
}
.taglist {
padding-bottom:10px;
}
textarea, input, select {
background:#FF4546 none repeat scroll 0 0;
border:0 none;
color:#030505;
font-family:helvetica;
font-size:12px;
line-height:normal;
margin:2px;
padding:5px;
}
.ljuser a b {
background:transparent none repeat scroll 0 0;
color:#0B7C9E;
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/diagona%2010a/06.png) !important;
background-repeat:no-repeat !important;
height:0;
padding:15px 11px 0 0 !important;
width:0;
}
img[src*="openid-profile.gif"] {
background-image:url(http://irondevil.org/icon/categories/diagona%2010a/06.png) !important;
background-repeat:no-repeat !important;
height:0;
padding:15px 11px 0 0 !important;
width:0;
}
img[src*="anonymous.gif"] {
background-image:url(http://irondevil.org/icon/categories/diagona%2010a/37.png) !important;
background-repeat:no-repeat !important;
height:0;
padding:15px 11px 0 0 !important;
width:0;
}
img[src*="community.gif"] {
background-image:url(http://irondevil.org/icon/categories/diagona%2010a/45.png) !important;
background-repeat:no-repeat !important;
height:0;
padding:15px 11px 0 0 !important;
width:0;
}
img[src*="partnercomm.gif"] {
background-image:url(http://irondevil.org/icon/categories/diagona%2010a/45.png) !important;
background-repeat:no-repeat !important;
height:0;
padding:15px 11px 0 0 !important;
width:0;
}
img[src*="newsinfo.gif"] {
background-image:url(http://irondevil.org/icon/categories/diagona%2010b/28.png) !important;
background-repeat:no-repeat !important;
height:0;
padding:15px 11px 0 0 !important;
width:0;
}
img[src*="syndicated.gif"] {
background-image:url(http://irondevil.org/icon/categories/diagona%2010a/01.png) !important;
background-repeat:no-repeat !important;
height:0;
padding:15px 11px 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:16px 18px 0 0 !important;
width:0;
}
div.ContextualPopup img {
border:0 none;
}
div.ContextualPopup div.Inner {
background-color:#F7F5F5 !important;
border:0 none;
color:#030505 !important;
font-family:helvetica;
font-size:11px;
padding:0;
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:#FF4546 !important;
font-weight:normal;
text-decoration:none !important;
}
#lj_controlstrip {
background:#030505 none repeat scroll 0 0 !important;
}
#lj_controlstrip td {
border-bottom:medium none;
color:#CFCFCF;
}
#lj_controlstrip_statustext {
color:#0B7C9E;
}
#lj_controlstrip a {
color:#F7F5F5;
}
#lj_controlstrip_user, #lj_controlstrip_actionlinks, #lj_controlstrip_search, #lj_controlstrip_login, #lj_controlstrip_loggedout_userpic {
border-right:0 none;
}
#lj_controlstrip_login td {
border-bottom:0 none;
}
#lj_controlstrip td td {
border-bottom: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 input {
background:transparent none repeat scroll 0 0 !important;
color:#FF4546 !important;
}
#lj_controlstrip_search_input_text, #lj_controlstrip select, #lj_controlstrip input#xc_user, #lj_controlstrip input#xc_password, #lj_controlstrip input#xc_remember {
background:transparent none repeat scroll 0 0 !important;
color:#FF4546 !important;
}
#lj_controlstrip .ljuser a b {
background:transparent none repeat scroll 0 0;
letter-spacing:0;
text-decoration:none !important;
}

How to Install:

1. Click here OR type "Smooth Sailing" into the search box. Apply one of the listed themes.

2. Click Customize your theme in the Current Theme box on the upper-right.

3. Go to Display → Additional Options → Wrap Entry text under userinfo and make sure the dropdown box is set to No.

4. IF YOU WANT THE DATE FORMAT IN THE PREVIEW: Go to Entry Text → Page → Format for Date and Time (Recent/Friends/Entry/Reply page) and paste in the following:
%%mon%%.%%dd%%.%%yy%%

5. 5. Go to Menu → Navigation and edit the text so it's shorter -- if the links are too long, they'll overflow the topbar.

6. Click Sidebar. Set these drop down boxes to the following:
  • Profile Position - 1 (optional; if you want a userpic)
  • Links Visibility - 3
  • Free Text Position - 2
Hide all other Position boxes. You can mix up the Links and Free Text, but please note that I have not tested the layout with any other ordering/display of the sidebar boxes.

7. Click Custom CSS. Make sure the drop-down boxes are set to No, paste the code into the box, and click Save Changes.

Credit and Comment:

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

Other Instructions:

N/A

Please read all instructions and the LAYOUT FAQ before asking questions!

style: smooth sailing, - all layouts

Previous post Next post
Up