smooth sailing: ride the lightning taxicab: spire

daemon in spire

smooth sailing: ride the lightning taxicab

Feb 20, 2009 08:12

Old short-lived thrashmetal layout. I'm not sure when I'll have new layouts, since I'm rather busy in school right now and not in the best of emotional states. :') I'll hopefully be back soon. ♥

EDIT (February 20, 2009): Fixed a line-height bug in the metadata when displaying multiple lines of tags.

layout notes

account types
Basic, Plus, Paid

compatible browsers
Internet Explorer 7, Mozilla Firefox, Opera, Safari, Google Chrome

minimum resolution
800x600

comment pages
No

navstrip
Optional

disabled
• Entry date
• Default navigation menu

css stylesheet

stylesheet

/*---------------------------------------------------
STYLESHEET CREATOR: scythe.livejournal.com
STYLESHEET NAME: Ride the Lightning Taxicab
S2 STYLE: Smooth Sailing
DOWNLOAD: thrashmetal.livejournal.com

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

body {
background:transparent url(http://i40.tinypic.com/fxwm05.jpg) repeat scroll 20% 0;
color:#5F5F5F;
font-family:lucida sans unicode,trebuchet MS,helvetica,arial;
font-size:11px;
margin:0;
}
.pageblock {
margin-top:38px;
position:absolute;
width:100%;
}
a, a:visited {
color:#000000;
text-decoration:none;
}
a:hover {
color:#FEF200;
}
a img {
border:medium none;
}
ul {
list-style-type:square;
}
blockquote {
border-top:6px solid #FEF200;
font-family:courier new;
font-size:13px;
line-height:17px;
padding:5px 0 0;
}
.header-title, .header-subtitle {
display:none;
}
.pageheaderblock {
position:absolute;
text-align:center;
width:100%;
z-index:1000;
}
.pagefooterblock {
display:none;
}
.bodyblock {
margin:0 auto;
padding-top:212px;
width:500px;
}
.bodyheaderblock {
display:none;
}
.bodynavblock {
font-family:georgia;
font-size:11px;
margin:0 33px;
padding:0;
}
.body-title {
display:none;
}
.body-midtitle {
display:none;
}
.entryHolder {
background:#FFFFFF url(http://i40.tinypic.com/2hxlldx.jpg) repeat scroll 0 0;
border-left:medium none;
margin-bottom:10px;
}
.entryUserinfo {
margin-left:-135px;
margin-top:-38px;
position:absolute;
text-align:left;
width:120px;
}
.entryUserinfo-username img[src*="userinfo.gif"], .entryUserinfo-username img[src*="community.gif"], .entryUserinfo-username img[src*="partnercomm.gif"], .entryUserinfo-username img[src*="newsinfo.gif"], .entryUserinfo-username img[src*="syndicated.gif"] {
display:none;
}
.entryUserinfo-username {
background:transparent none repeat scroll 0 0;
font-size:11px;
line-height:4px;
margin-top:0;
padding:4px;
text-align:center;
}
.entryUserinfo-username .ljuser a b {
background:white none repeat scroll 0 0;
color:#000000;
display:block;
font-family:georgia;
font-size:10px;
font-weight:normal;
letter-spacing:1px;
padding:7px 0;
text-decoration:none !important;
text-transform:lowercase;
}
.entryUserinfo-username .ljuser a b:hover {
background:#221E1F none repeat scroll 0 0;
color:#FFFFFF;
}
.entryUserinfo-usericon img {
background:#FFFFFF none repeat scroll 0 0;
border:12px solid #FFFFFF;
}
.entryUserinfo-usericon img:hover {
background:#221E1F none repeat scroll 0 0;
border:12px solid #221E1F;
}
.entryText {
font-family:arial;
font-size:11px;
line-height:15px;
min-height:44px;
padding:10px 16px;
text-align:justify;
}
.entryText img {
max-width:300px;
}
.entryHeader {
min-height:20px;
padding:13px 11px 4px;
text-align:center;
}
.entryHeader a {
color:#5F5F5F;
font-family:helvetica;
font-size:17px;
letter-spacing:2px;
text-transform:lowercase;
}
.entryHeader a:hover {
text-decoration:none;
}
.entryHeaderDate {
display:none;
text-decoration:none;
}
.entryHeaderSubject {
font-size:0;
padding-top:3px;
}
.entryMetadata {
font-family:arial;
line-height:10px;
margin-bottom:0;
padding:10px 38px;
}
.entryMetadata a, .entryMetadata a:visited {
font-size:8px;
text-transform:uppercase;
}
.entryMetadata a:hover {
border-bottom:0 none;
color:#AAAAAA;
text-decoration:none;
}
.entryMetadata ul {
margin:0;
padding:0;
}
.entryMetadata li {
background:transparent none repeat scroll 0 0;
color:#221E1F;
display:block;
font-size:9px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding-right:10px;
padding-bottom:0;
}
.entryMetadata-label {
font-family:helvetica;
font-size:10px;
font-weight:bold;
padding-right:4px;
text-transform:uppercase;
}
.entryLinkbar {
background:#F9F9F9 none repeat scroll 0 0;
color:#000000;
font-size:12px;
margin-left:0;
margin-top:0;
padding:5px 10px;
text-align:right;
text-transform:lowercase;
}
.entryLinkbar:hover {
background:transparent none repeat scroll 0 0;
}
.entryLinkbar a {
background:transparent none repeat scroll 0 0;
color:#AAAAAA;
font-family:georgia;
font-size:9px;
font-weight:normal;
letter-spacing:1px;
margin-left:10px;
padding:0;
text-transform:lowercase;
}
.entryLinkbar a:hover {
color:#222222;
text-decoration:none;
}
.entryLinkbar ul {
margin: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;
font-family:century gothic;
font-size:10px;
margin:10px auto;
padding:4px;
width:421px;
}
.daysubjects {
font-family:georgia;
font-size:12px;
padding:8px 8px 11px 40px;
}
.daytitles {
color:black;
font-family:georgia;
font-size:17px;
text-align:center;
text-transform:lowercase;
}
.day-blank {
}
.day {
padding:3px;
}
.day-date {
font-family:arial;
text-align:center;
width:90%;
}
.day-count {
float:right;
font-size:20px;
text-align:center;
width:50%;
}
.day-count a {
font-family:georgia;
font-size:19px;
font-weight:normal;
padding:4px;
text-decoration:none;
}
.sidebar {
background:#FFFFFF none repeat scroll 0 0;
height:152px;
padding-top:50px;
position:absolute;
top:0;
width:500px;
}
.sidebar a, .sidebar a:visited {
}
.sidebar a:hover {
text-decoration:none;
}
.sidebox {
float:left;
margin:0 auto;
padding:5px 0 8px;
}
.sideboxTitle {
display:none;
}
.sideboxContent {
background:transparent none repeat scroll 0 0;
font-family:arial;
font-size:9px;
line-height:14px;
margin-left:3px;
text-align:justify;
width:142px;
}
.sidebox #freetext {
height:122px;
margin-left:22px;
margin-top:-10px;
padding:10px 14px;
position:absolute;
text-align:justify;
width:251px;
}
.sidebox #freetext2 {
line-height:4px;
margin-left:309px;
margin-top:-11px;
padding:10px 9px;
position:absolute;
width:140px;
}
.sidebox #freetext2 a {
border-bottom:1px solid #F2F2F2;
color:#5F5F5F;
display:block;
font-family:helvetica;
font-size:11px;
padding:5px 0 4px 4px;
text-transform:lowercase;
}
.sidebox #freetext2 a:hover {
background:#F9F9F9 none repeat scroll 0 0;
color:#222222;
}
.sidebox #systemlinks {
display:inline;
font-size:10px;
padding:17px 16px 5px;
position:absolute;
text-align:left;
top:0;
width:475px;
}
.sidebox #systemlinks a:link, .sidebox #systemlinks a:active, .sidebox #systemlinks a:visited {
color:#000000;
font-family:georgia;
font-size:20px;
letter-spacing:3px;
text-transform:lowercase;
}
.sidebox #systemlinks a:hover, .sidebox #systemlinks a:active {
text-decoration:none;
}
.listitem {
display:inline;
margin-right:6px;
}
.listspacer {
height:1px;
}
.sidebox #latestmonth table {
margin-left:auto;
margin-right:auto;
margin-top:4px;
width:90%;
}
.listtitle {
display:none;
}
.profile-label {
font-weight:bold;
}
.header-menu {
display:none;
margin:0 auto;
text-align:center;
width:609px;
}
.header-menu a, .header-menu a:visited {
color:#906018;
font-family:century gothic,georgia;
font-size:10px;
font-weight:normal;
letter-spacing:3px;
margin-right:12px;
text-align:left;
text-decoration:none;
text-transform:uppercase;
white-space:nowrap;
}
.header-menu a:hover {
color:#784818;
}
#footer-menu {
font-size:11px;
margin-bottom:10px;
margin-left:0;
text-align:center;
}
#footer-menu a, .footer-menu a:visited {
background:white none repeat scroll 0 0;
font-family:georgia;
font-size:11px;
letter-spacing:1px;
padding:7px;
text-align:left;
text-transform:lowercase;
white-space:nowrap;
}
#footer-menu a:hover {
text-decoration:none;
}
.header-menu ul, #footer-menu ul {
margin:0;
padding:0;
}
.header-menu li, #footer-menu li {
background:transparent none no-repeat scroll 0 0;
display:inline;
}
.tagstable, .tagstable td {
border:0 none;
}
textarea, input, select {
background:white none repeat scroll 0 0;
border:1px solid #F2F2F2;
color:#6F6F6F;
font-family:georgia;
font-size:12px;
line-height:normal;
margin:2px;
padding:2px;
}
.ljuser a b {
background:transparent none repeat scroll 0 0;
color:#000000;
font-family:georgia;
font-weight:normal;
letter-spacing:0;
text-decoration:none !important;
}
.ljuser a {
text-decoration:none !important;
}
.ljuser a:hover b {
border-bottom:0 none;
text-decoration:none !important;
}
img[src*="userinfo.gif"] {
background-image:url(http://irondevil.org/icon/categories/diagona%2010a/36.png) !important;
background-repeat:no-repeat !important;
height:0;
padding:13px 12px 0 0 !important;
width:0;
}
img[src*="community.gif"] {
background-image:url(http://irondevil.org/icon/categories/diagona%2010c/47.png) !important;
background-repeat:no-repeat !important;
height:0;
padding:13px 11px 0 0 !important;
width:0;
}
img[src*="partnercomm.gif"] {
background-image:url(http://irondevil.org/icon/categories/diagona%2010c/47.png) !important;
background-repeat:no-repeat !important;
height:0;
padding:13px 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:13px 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:13px 11px 0 0 !important;
width:0;
}
img[src*="icon_protected.gif"] {
background-image:url(http://irondevil.org/icon/categories/pixelgraphix%20clean/lock-16.png) !important;
background-repeat:no-repeat !important;
height:0;
margin-left:3px;
margin-top:0;
padding:16px 17px 0 0 !important;
width:0;
}
img[src*="icon_groups.gif"] {
background-image:url(http://irondevil.org/icon/categories/pixelgraphix%20clean/lock-16.png) !important;
background-repeat:no-repeat !important;
height:0;
margin-left:3px;
margin-top:0;
padding:16px 17px 0 0 !important;
width:0;
}
img[src*="icon_private.gif"] {
background-image:url(http://irondevil.org/icon/categories/pixelgraphix%20clean/lock-16.png) !important;
background-repeat:no-repeat !important;
height:0;
margin-left:3px;
margin-top:0;
padding:16px 17px 0 0 !important;
width:0;
}
div.ContextualPopup img {
border:0 none;
}
div.ContextualPopup div.Inner {
background:white none repeat scroll 0 0;
border:medium none;
color:#222222;
font-family:arial;
font-size:10px;
padding:0;
width:20em;
}
div.ContextualPopup .Content {
line-height:11px;
margin-right:50px;
padding:2px 4px 6px;
}
div.ContextualPopup .Relation {
font-weight:normal !important;
font-size:20px;
font-family:georgia;
margin-bottom:5px;
}
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-family:arial;
font-weight:normal;
text-decoration:none !important;
}
#lj_controlstrip {
background:#FFFFFF url(http://i40.tinypic.com/2hxlldx.jpg) repeat scroll 0 0;
color:black;
}
#lj_controlstrip td {
border-bottom:medium none;
color:#784818;
}
#lj_controlstrip_statustext {
color:black;
}
#lj_controlstrip a {
color:#222222;
}
#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:#F2F2F2 none repeat scroll 0 0 !important;
color:#222222 !important;
opacity:0.5 !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:#F2F2F2 none repeat scroll 0 0 !important;
color:#222222 !important;
opacity:0.5 !important;
}
#lj_controlstrip .ljuser a b {
background:transparent none repeat scroll 0 0;
color:#000000;
letter-spacing:0;
text-decoration:none !important;
}
ul.taglist {
padding-right:22px;
}
ul.taglist li {
border-bottom:1px solid #F5F5F5;
padding:0 3px 3px 9px;
}
li {
background:transparent url(http://lj.irondevil.org/components/grayli.png) no-repeat scroll 0 4px;
color:#8E8E8E;
list-style-type:none;
margin:2px 0;
padding:0 0 5px 11px;
}
.entryLinkbar a[href*="subscriptions"], .entryLinkbar a[href*="tellafriend"] {
display:none;
}

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

displayMake sure Userinfo Position in Entries is set to Left side of the entry text.
sidebarSet these drop down boxes to the following:

Links Visibility - 1
Free Text Position - 2
Free Text #2 Position - 3

Hide all other Position boxes.

In Free Text Sidebox #2 Text, enter your links like so:
TEXT
TEXT
TEXT
TEXT
TEXT
TEXT
links listDefine your links. These are the links that show up at the top of the topbar.

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

optional
upload imageshttp://i40.tinypic.com/fxwm05.jpg (main bg)
http://i40.tinypic.com/2hxlldx.jpg (entry bg)

Upload the images to a site like Tinypic or Photobucket, then replace the old URLs.

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
• Entry bg by mixremix

read the layout faq before asking questions!

style: smooth sailing, - all layouts, - exclusive