thrashmetal: Smooth Sailing ▶ Geomancy/Cafe Grim

the illusionist in everyone. (

noctem) wrote in

thrashmetal,
@ 2008-08-03 09:46:00

Current mood:	pleased
Entry tags:	#noctem, ?layouts, ?layouts: smooth sailing

Smooth Sailing ▶ Geomancy/Cafe Grim

These themes are both variations of the current Katamari layout at

thrashmetal. They were designed to work well for a community, but can also be used for personal journals.

Please read all instructions and the FAQ before asking questions!

Notes
▶ IMPORTANT!!! The entries will not move up or down to match the amount of content in the topbar. You must change this manually (scroll down to Changing the Entry Position).

▶ IMPORTANT!!! This layout does not have the traditional header navigation (Recent, Archive, Friends, Userinfo) enabled. You must manually place these links by customizing the Links List.

▶ Works with Basic, Plus, and Paid accounts.
▶ Customized comment pages.
▶ Sidebar titles disabled.
▶ User/community icons by

damnicons

GEOMANCY

/*---------------------------------------------------
STYLESHEET CREATOR: noctem.livejournal.com
STYLESHEET NAME: Geomancy
S2 STYLE: Smooth Sailing

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

body {
background:#202A2C url(http://i248.photobucket.com/albums/gg164/aerocyn/173858.png) repeat scroll 0 0;
color:#665E5A;
font-family:arial;
font-size:11px;
margin:0;
}
a {
color:#81A882;
font-family:arial;
letter-spacing:0;
text-decoration:none;
}
a:visited {
color:#81A882;
}
a:hover {
color:#CDE8B0;
text-decoration:none;
}
b {
color:#3E3937;
}
i {
color:#3E3937;
}
s, strike {
color:#3E3937;
}
ul {
list-style-type:square;
}
blockquote {
background:#27201E none repeat scroll 0 0;
border-bottom:3px solid #191F20;
color:#3C3C3C;
font-family:georgia;
font-size:10px;
line-height:14px;
padding:8px;
}
blockquote b {
font-family:inherit;
font-weight:normal;
}
.entryHeaderDate a {
}
.entryHeaderDate a:hover {
}
.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 {
margin:0 auto;
text-align:center;
}
.pagefooterblock {
display:none;
}
.pagefooterblock a, .pagefooterblock a:visited {
color:#E92E20;
}
.bodyblock {
background:transparent none repeat scroll 0 0;
margin:0 auto;
padding:143px 0 0;
width:690px;
}
.bodyheaderblock {
display:none;
padding:6px 0;
}
.bodynavblock {
color:#81A882;
margin:0 0 4px;
padding:0;
}
.bodynavblock a, .bodynavblock a:visited {
color:#9C9C9C;
}
.body-title {
color:#F6F6BB;
display:none;
font-size:18px;
padding-left:24px;
text-align:left;
}
.body-midtitle {
color:#F6F6BB;
font-size:18px;
padding-left:8px;
text-align:left;
}
.entryHolder {
background-color:#1C2223;
border-bottom:3px solid #1A1E1F;
color:#665E5A;
font-size:11px;
margin-bottom:20px;
}
.entryUserinfo {
float:left;
margin:0 3px 0 0;
padding:5px 7px 2px 20px;
text-align:center;
}
.entryUserinfo-usericon img {
border:10px solid #BD481D;
}
.entryText {
font-family:arial;
line-height:1.7;
padding:5px 15px 1px 3px;
text-align:justify;
}
.entryHeader {
color:#557256;
font-family:georgia;
font-size:15px;
font-weight:bold;
letter-spacing:0;
line-height:13px;
padding:10px 0 0 14px;
text-transform:uppercase;
}
.entryHeader a {
color:#BD481D;
font-family:georgia;
letter-spacing:0;
line-height:11px;
text-transform:uppercase;
}
.entryHeaderSubject {
font-family:inherit;
font-style:normal;
line-height:27px;
padding-top:3px;
text-transform:uppercase;
}
.entryMetadata {
margin-bottom:11px;
margin-left:39px;
margin-top:10px;
padding:2px;
}
.entryMetadata a, .entryMetadata a:visited {
color:#BD481D;
font-size:9px;
text-transform:uppercase;
}
.entryMetadata a:hover {
border-bottom:0 none;
color:#E56030;
text-decoration:none;
}
.entryMetadata ul {
margin:0;
padding:0;
}
.entryMetadata li {
display:block;
font-family:arial,sans-serif;
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:4px;
text-transform:uppercase;
}
.entryLinkbar {
color:#000000;
font-size:10px;
padding:7px 0;
text-align:center;
text-transform:lowercase;
}
.entryLinkbar a {
color:#36474A;
font-family:georgia;
font-size:10px;
letter-spacing:0;
text-transform:uppercase;
}
.entryLinkbar a:hover {
color:#BD481D;
text-decoration:none;
}
.entryLinkbar ul {
margin:0;
padding:0;
}
.entryLinkbar li {
display:inline;
margin:0;
padding:0 5px;
}
.commentHolder {
background-color:#1C2223;
border-bottom:3px solid #1A1E1F;
color:#665E5A;
font-size:11px;
line-height:17px;
margin:0 0 20px;
}
.commentUserinfo {
margin:0 8px 8px 11px;
text-align:center;
}
.commentUserinfo-usericon img {
border:10px solid #BD481D;
margin:5px 5px 0;
}
.commentText {
padding:0 18px 0 0;
text-align:justify;
}
.commentHeader {
color:#557256;
font-family:georgia;
font-size:14px;
font-weight:bold;
margin-bottom:5px;
padding:8px 0 0 11px;
text-transform:uppercase;
}
.commentHeader a {
color:#E1D751;
}
.commentHeaderScreened {
background-color:#9A722E;
font-size:12px;
padding:4px 0 4px 8px;
}
.commentHeaderSubject {
font-weight:bold;
}
.commentLinkbar {
color:#878787;
font-size:11px;
padding-bottom:4px;
padding-top:4px;
text-align:right;
}
.commentLinkbar ul {
font-family:null;
margin:0;
padding:0;
}
.commentLinkbar li {
display:inline;
margin:0;
padding:0 5px;
}
.commentLinkbar a {
color:#36474A;
font-family:georgia;
font-size:10px;
text-transform:uppercase;
}
.commentLinkbar a:hover {
color:#BD481D;
}
.replyform {
background-color:white;
color:#000000;
padding-left:10px;
}
.yearlinks {
text-align:right;
}
.yearlink {
padding-left:4px;
padding-right:4px;
}
.month {
background:#1A1E1F none repeat scroll 0 0;
margin:20px auto;
width:500px;
}
.daysubjects {
color:#000000;
padding:8px 8px 8px 40px;
}
.daytitles {
background:#BD481D none repeat scroll 0 0;
border:1px solid #BD481D;
color:#1A1E1F;
font-family:georgia;
text-align:center;
text-transform:uppercase;
}
.day-blank {
}
.day {
border:1px solid #1A1E1F;
color:#878787;
margin-bottom:0;
}
.day-date {
color:#2D2D2D;
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:arial narrow;
font-size:15px;
padding:3px;
text-decoration:none;
}
.sidebar {
background:transparent none repeat scroll 0 0;
font-family:arial;
font-size:9px;
height:95px;
line-height:10px;
margin:0;
position:absolute;
text-align:justify;
top:105px;
width:690px;
}
.sidebar a, .sidebar a:visited {
color:#F9EED4;
}
.sidebar a:hover {
}
.sidebox {
color:#000000;
}
.sideboxTitle {
display: none;
}
.sideboxContent {
color:#81A882;
font-family:arial;
line-height:13px;
margin-top:0;
padding:2px;
text-align:justify;
}
.sidebox #profile, .sidebox #latestmonth, .sidebox #search {
text-align:center;
}
.sidebox #tags_sidebox {
text-align:center;
}
.sidebox #systemlinks {
background:transparent none repeat scroll 0 0;
display:inline;
font-size:10px;
line-height:14px;
margin-left:25px;
padding:0;
position:absolute;
top:-20px;
}
.sidebox #systemlinks a:link, .sidebox #systemlinks a:active, .sidebox #systemlinks a:visited {
color:#BD481D !important;
font-family:arial;
font-size:14px;
font-weight:bold;
letter-spacing:1px;
margin-right:15px;
text-transform:uppercase;
}
.sidebox #systemlinks a:hover, .sidebox #systemlinks a:active {
color:#81A882 !important;
text-decoration:none;
}
.listitem {
display:inline;
}
.listspacer {
height:1px;
}
.sidebox #latestmonth table {
margin-left:auto;
margin-right:auto;
margin-top:4px;
width:90%;
}
.listtitle {
color:#5C5C5C;
display:inline;
font-family:arial;
font-size:9px;
font-weight:normal;
letter-spacing:0;
margin-right:5px;
padding:0;
text-transform:uppercase;
}
.profile-label {
font-weight:bold;
}
.header-menu {
background:black none repeat scroll 0 0;
display:none;
margin:0 auto;
padding:11px;
}
.header-menu a, .header-menu a:visited {
color:#363636;
font-family:courier new,century gothic;
font-size:10px;
letter-spacing:2px;
margin-right:3px;
padding:8px 6px;
text-align:left;
text-decoration:none;
text-transform:uppercase;
white-space:nowrap;
}
.header-menu a:hover {
color:#E1FF00;
}
#footer-menu {
font-size:11px;
}
#footer-menu a, .footer-menu a:visited {
color:#2E393B;
font-family:georgia;
font-size:9px;
padding:6px;
text-align:left;
text-transform:uppercase;
white-space:nowrap;
}
.header-menu ul, #footer-menu ul {
margin:0 auto;
padding:0;
}
.header-menu li, #footer-menu li {
display:inline;
}
.tagstable, .tagstable td {
border:0 none;
}
.tagstable {
padding-bottom:20px;
width:500px;
}
textarea, input, select {
background:#1A1E1F none repeat scroll 0 0;
border:0 none;
color:#81A882;
padding:2px;
}
.ljuser img {
background-color:transparent;
background-image:url(http://i248.photobucket.com/albums/gg164/aerocyn/user.gif);
background-repeat:no-repeat;
height:0;
padding:11px 7px 2px 2px !important;
width:0;
}
.ljuser a b {
background:transparent none repeat scroll 0 0;
color:#BD481D;
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:1px solid #171C1D;
color:#CFC994;
text-decoration:none !important;
}
.ljuser img[src="http://p-stat.livejournal.com/img/userinfo.gif"] {
background-color:transparent;
background-image:url(http://www.cdupload.com/files/15816_i250v/darkuser.gif);
padding:15px 8px 0 1px !important;
}
.ljuser img[src="http://p-stat.livejournal.com/img/community.gif"] {
background-color:transparent;
background-image:url(http://www.cdupload.com/files/15818_edvin/darkcomm.gif);
padding:12px 10px 2px 4px !important;
}
#ljuser_row img[src="http://p-stat.livejournal.com/img/userinfo.gif"] {
background:transparent url(http://www.cdupload.com/files/15816_i250v/darkuser.gif) repeat scroll 0 0;
height:0;
padding:0 16px 13px 0;
width:0;
}
div.ContextualPopup {
font-family:courier new,"Arial","Verdana",sans-serif !important;
font-size:11px !important;
font-size-adjust:none !important;
font-stretch:normal !important;
font-style:normal !important;
font-variant:normal !important;
font-weight:normal !important;
line-height:normal !important;
margin:5px 0 0 20px;
}
div.ContextualPopup img {
border:0 none;
}
div.ContextualPopup div.Inner {
background-color:#1c2223 !important;
border:8px solid #1a1e1f;
color:#665e5a !important;
font-family:arial;
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:#bd481d !important;
font-family:georgia;
font-weight:bold;
text-decoration:none !important;
}
#lj_controlstrip {
background-color:#1C2223;
background-image:none;
}
#lj_controlstrip td {
border-bottom:medium none;
color:#000000;
}
#lj_controlstrip_statustext {
color:#557256;
}
#lj_controlstrip a {
color:#665E5A;
}
#lj_controlstrip_user, #lj_controlstrip_actionlinks, #lj_controlstrip_search, #lj_controlstrip_login, #lj_controlstrip_loggedout_userpic {
border-right:1px solid #1C2223;
}
#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:#191F20 none repeat scroll 0 0;
color:#665E5A;
}
#lj_controlstrip_search_input_text, #lj_controlstrip select, #lj_controlstrip input#xc_user, #lj_controlstrip input#xc_password, #lj_controlstrip input#xc_remember {
background:#191F20 none repeat scroll 0 0 !important;
}
.topnav {
color:#665E5A;
margin-top:3px;
text-transform:uppercase;
}
.topnav a {
color:#BD481D !important;
margin-left:5px;
}
.topnav a:hover {
}
}

CAFE GRIM

/*---------------------------------------------------
STYLESHEET CREATOR: noctem.livejournal.com
STYLESHEET NAME: Cafe Grim
S2 STYLE: Smooth Sailing

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

body {
background:#575757 url(http://www.cdupload.com/files/15814_ehrsh/stripe.gif) repeat scroll 0 0;
color:#343434;
font-family:arial;
font-size:11px;
margin:0;
}
a {
color:#80C6C6;
font-family:arial;
letter-spacing:0;
text-decoration:none;
}
a:visited {
color:#80C6C6;
}
a:hover {
color:#B0C9CF;
text-decoration:none;
}
b {
color:#787878;
}
i {
color:#808080;
}
s, strike {
color:#3C3C3C;
}
ul {
list-style-type:square;
}
blockquote {
background:#1A1A1A none repeat scroll 0 0;
color:#3C3C3C;
font-family:times New Roman;
font-size:11px;
letter-spacing:1px;
line-height:14px;
padding:8px;
}
blockquote b {
font-family:inherit;
font-weight:normal;
}
.entryHeaderDate a {
}
.entryHeaderDate a:hover {
}
.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 {
margin:0 auto;
text-align:center;
}
.pagefooterblock {
display:none;
}
.pagefooterblock a, .pagefooterblock a:visited {
color:#E92E20;
}
.bodyblock {
background:transparent none repeat scroll 0 0;
margin:0 auto;
padding:179px 0 0;
width:690px;
}
.bodyheaderblock {
display:none;
padding:6px 0;
}
.bodynavblock {
color:#595959;
margin:0 0 4px;
padding:0;
}
.bodynavblock a, .bodynavblock a:visited {
color:#9C9C9C;
}
.body-title {
color:#F6F6BB;
display:none;
font-size:18px;
padding-left:24px;
text-align:left;
}
.body-midtitle {
color:#F6F6BB;
font-size:18px;
padding-left:8px;
text-align:left;
}
.entryHolder {
background-color:black;
color:#595959;
font-size:11px;
margin-bottom:10px;
}
.entryUserinfo {
float:left;
margin:0 3px 0 0;
padding:5px 17px 2px;
text-align:center;
}
.entryUserinfo-usericon img {
border:5px solid #1C1C1C;
margin-bottom:3px;
padding:5px;
}
.entryText {
font-family:arial;
line-height:1.7;
padding:5px 18px 1px 0;
text-align:justify;
}
.entryHeader {
color:#454545;
font-family:times New Roman;
font-size:15px;
font-weight:bold;
letter-spacing:0;
line-height:13px;
padding:10px 0 0 14px;
text-transform:uppercase;
}
.entryHeader a {
color:#2D2D2D;
font-family:inherit;
letter-spacing:0;
line-height:11px;
text-transform:uppercase;
}
.entryHeaderSubject {
font-family:inherit;
font-style:normal;
line-height:27px;
padding-top:3px;
text-transform:uppercase;
}
.entryMetadata {
color:#353535;
margin-bottom:11px;
margin-left:39px;
margin-top:10px;
padding:2px;
}
.entryMetadata a, .entryMetadata a:visited {
color:#353535;
font-size:9px;
text-transform:uppercase;
}
.entryMetadata a:hover {
border-bottom:0 none;
color:#727272;
text-decoration:none;
}
.entryMetadata ul {
margin:0;
padding:0;
}
.entryMetadata li {
display:block;
font-family:arial,sans-serif;
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:4px;
text-transform:uppercase;
}
.entryLinkbar {
color:#000000;
font-size:12px;
padding:15px 13px 10px;
text-align:right;
text-transform:lowercase;
}
.entryLinkbar a {
color:#343434;
font-family:georgia;
font-size:15px;
letter-spacing:0;
text-transform:lowercase;
}
.entryLinkbar a:hover {
color:#80C6C6;
text-decoration:none;
}
.entryLinkbar ul {
margin:0;
padding:0;
}
.entryLinkbar li {
display:inline;
margin:0;
padding:0 5px;
}
.commentHolder {
background-color:black;
border-left:medium none;
color:#595959;
font-size:11px;
line-height:17px;
margin:0 0 10px;
}
.commentUserinfo {
margin:0 8px 8px 11px;
text-align:center;
}
.commentUserinfo-usericon img {
border:0 none;
padding:5px 5px 0;
}
.commentText {
padding:0 18px 0 0;
text-align:justify;
}
.commentHeader {
color:#454545;
font-family:times New Roman;
font-size:15px;
font-weight:bold;
margin-bottom:5px;
padding:8px 0 0 11px;
text-transform:uppercase;
}
.commentHeader a {
color:#E1D751;
}
.commentHeaderScreened {
background-color:#9A722E;
font-size:12px;
padding:4px 0 4px 8px;
}
.commentHeaderSubject {
font-weight:bold;
}
.commentLinkbar {
color:#878787;
font-size:11px;
padding-bottom:4px;
padding-top:4px;
text-align:right;
}
.commentLinkbar ul {
font-family:null;
margin:0;
padding:0;
}
.commentLinkbar li {
display:inline;
margin:0;
padding:0 5px;
}
.commentLinkbar a {
color:#343434;
font-family:georgia;
font-size:13px;
text-transform:lowercase;
}
.commentLinkbar a:hover {
color:#80C6C6;
}
.replyform {
background-color:white;
color:#000000;
padding-left:10px;
}
.yearlinks {
text-align:right;
}
.yearlink {
padding-left:4px;
padding-right:4px;
}
.month {
background:#1A1A1A none repeat scroll 0 0;
margin:20px auto;
width:500px;
}
.daysubjects {
color:#000000;
padding:8px 8px 8px 40px;
}
.daytitles {
background:#80C6C6 none repeat scroll 0 0;
border:1px solid #80C6C6;
color:#1D1D1D;
font-family:georgia;
text-align:center;
text-transform:uppercase;
}
.day-blank {
}
.day {
border:1px solid #1A1A1A;
color:#878787;
margin-bottom:0;
}
.day-date {
color:#2D2D2D;
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:arial narrow;
font-size:15px;
padding:3px;
text-decoration:none;
}
.sidebar {
background:transparent none repeat scroll 0 0;
font-family:arial;
font-size:9px;
height:95px;
line-height:10px;
margin:0;
position:absolute;
text-align:justify;
top:105px;
width:690px;
}
.sidebar a, .sidebar a:visited {
color:#F9EED4;
}
.sidebar a:hover {
}
.sidebox {
color:#000000;
}
.sideboxTitle {
display: none;
}
.sideboxContent {
background:black none repeat scroll 0 0;
color:#595959;
font-family:arial;
line-height:13px;
margin-top:0;
padding:12px;
text-align:justify;
}
.sidebox #profile, .sidebox #latestmonth, .sidebox #search {
text-align:center;
}
.sidebox #tags_sidebox {
text-align:center;
}
.sidebox #systemlinks {
background:transparent none repeat scroll 0 0;
display:inline;
font-size:10px;
line-height:14px;
margin-left:25px;
padding:0;
position:absolute;
top:-20px;
}
.sidebox #systemlinks a:link, .sidebox #systemlinks a:active, .sidebox #systemlinks a:visited {
color:#595959 !important;
font-family:times New Roman;
font-size:21px;
font-style:italic;
font-weight:normal;
letter-spacing:-1px;
margin-right:15px;
text-transform:lowercase;
}
.sidebox #systemlinks a:hover, .sidebox #systemlinks a:active {
color:#80C6C6 !important;
text-decoration:none;
}
.listitem {
display:inline;
}
.listspacer {
height:1px;
}
.sidebox #latestmonth table {
margin-left:auto;
margin-right:auto;
margin-top:4px;
width:90%;
}
.listtitle {
color:#5C5C5C;
display:inline;
font-family:arial;
font-size:9px;
font-weight:normal;
letter-spacing:0;
margin-right:5px;
padding:0;
text-transform:uppercase;
}
.profile-label {
font-weight:bold;
}
.header-menu {
background:black none repeat scroll 0 0;
display:none;
margin:0 auto;
padding:11px;
}
.header-menu a, .header-menu a:visited {
color:#363636;
font-family:courier new,century gothic;
font-size:10px;
letter-spacing:2px;
margin-right:3px;
padding:8px 6px;
text-align:left;
text-decoration:none;
text-transform:uppercase;
white-space:nowrap;
}
.header-menu a:hover {
color:#E1FF00;
}
#footer-menu {
font-size:11px;
}
#footer-menu a, .footer-menu a:visited {
color:#3C3C3C;
font-family:arial;
font-size:9px;
padding:6px;
text-align:left;
text-transform:uppercase;
white-space:nowrap;
}
.header-menu ul, #footer-menu ul {
margin:0 auto;
padding:0;
}
.header-menu li, #footer-menu li {
display:inline;
}
.tagstable, .tagstable td {
border:0 none;
}
.tagstable {
width:500px;
padding-bottom: 20px;
}
textarea, input, select {
background:black none repeat scroll 0 0;
border:0 none;
color:#878787;
font-size:11px;
padding:2px;
}
.ljuser img {
background-color:transparent;
background-image:url(http://i248.photobucket.com/albums/gg164/aerocyn/user.gif);
background-repeat:no-repeat;
height:0;
padding:11px 7px 2px 2px !important;
width:0;
}
.ljuser a b {
background:transparent none repeat scroll 0 0;
color:#80C6C6;
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:1px solid #232323;
color:#91FFFF;
text-decoration:none !important;
}
.ljuser img[src="http://p-stat.livejournal.com/img/userinfo.gif"] {
background-color:transparent;
background-image:url(http://www.cdupload.com/files/15816_i250v/darkuser.gif);
padding:15px 8px 0 1px !important;
}
.ljuser img[src="http://p-stat.livejournal.com/img/community.gif"] {
background-color:transparent;
background-image:url(http://www.cdupload.com/files/15818_edvin/darkcomm.gif);
padding:12px 10px 2px 4px !important;
}
#ljuser_row img[src="http://p-stat.livejournal.com/img/userinfo.gif"] {
background:transparent url(http://www.cdupload.com/files/15816_i250v/darkuser.gif) repeat scroll 0 0;
height:0;
padding:0 16px 13px 0;
width:0;
}
div.ContextualPopup {
font-family:courier new,"Arial","Verdana",sans-serif !important;
font-size:11px !important;
font-size-adjust:none !important;
font-stretch:normal !important;
font-style:normal !important;
font-variant:normal !important;
font-weight:normal !important;
line-height:normal !important;
margin:5px 0 0 20px;
}
div.ContextualPopup img {
border:0 none;
}
div.ContextualPopup div.Inner {
background-color:#242424 !important;
border:10px solid #1C1C1C;
color:#A7A7A7 !important;
font-family:arial;
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:#80C6C6 !important;
font-family:arial;
font-weight:bold;
text-decoration:none !important;
}
#lj_controlstrip {
background-color:black;
background-image:none;
}
#lj_controlstrip td {
border-bottom:medium none black;
color:#000000;
}
#lj_controlstrip_statustext {
color:#777777;
}
#lj_controlstrip a {
color:#454545;
}
#lj_controlstrip_user, #lj_controlstrip_actionlinks, #lj_controlstrip_search, #lj_controlstrip_login, #lj_controlstrip_loggedout_userpic {
border-right:1px solid black;
}
#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:#242424 none repeat scroll 0 0;
}
#lj_controlstrip_search_input_text, #lj_controlstrip select, #lj_controlstrip input#xc_user, #lj_controlstrip input#xc_password, #lj_controlstrip input#xc_remember {
background:#242424 none repeat scroll 0 0 !important;
}
.topnav {
margin-top:-13px;
text-transform:uppercase;
}
.topnav a {
color:#454545 !important;
font-family:courier new;
font-size:10px;
margin-left:5px;
}
.topnav a:hover {
color:#80C6C6 !important;
}

General Installation
1. Go to Journal → Customize Journal.
2. On the Choose Journal Style screen, type "Smooth Sailing" into the search box. Apply any of the listed themes.
3. Scroll down to Choose a Page Setup and make sure 2 Column (sidebar on left) is selected.
4. Click Customize your theme in the Current Theme box on the upper-right. The Navigation Strip must be active for the layout to display properly.
5. Go to Sidebar and disable all boxes except for Links. This will be your main navigation.
6. Set Links Visibility to 1.
7. Enable two Free Text boxes as Visibility 2 and 3.
8. Fill Free Text Vis. 2 with your text.
9. Paste the following code into Free Text Vis. 3 and change the links/text to suit your needs:

10. Go to Links List and define your links.
11. Make sure all sidebar box titles are disabled. This layout will not work with them.
12. Click Custom CSS.
13. Make sure both drop-down boxes are set to No. Paste the code into the box and click Save Changes.
14. Please credit

thrashmetal in your userinfo. (See below)
15. OPTIONAL: Upload the background image (Geomancy, Cafe Grim) to your own server. It ensures that it won't break due to bandwidth issues. (This is what you need to replace with your own URL.)
16. Comments are appreciated!

Crediting Code

Changing the Entry Position
I don't recommend messing with this unless you know what you're doing!
1. Find this section in the code:

.bodyblock { background:transparent none repeat scroll 0 0; margin:0 auto; padding:143px 0 0; width:690px; }

2. Change the 143px to shift the entry blocks up or down.

Adding a Header
Quoted from my response to

wihst3dimpnity's question.

.bodyblock {
background:transparent url(IMAGE URL) no-repeat scroll 0px 0px;
margin:0 auto;
padding:283px 0 0;
width:690px;
}

What you want to do is go into the .bodyblock section and add the background property, which I have bolded above. The two 0px's at the end modify the placement of the background, which you probably won't have to worry about.

You also have to alter the 283px depending on the size of your header; basically, what this value does is push down the topbar and entries to make room for an image. Play around with this and see what you get!

(Post a new comment)

	moukimokyu 2008-08-03 02:21 pm UTC (link)
	Definitely memming this...♥ (Reply to this)(Thread)

	noctem 2008-08-03 10:48 pm UTC (link)
	Enjoy the layouts! :D (Reply to this)(Parent)

	sunberri 2008-08-03 02:33 pm UTC (link)
	this looks so kewl~~ (Reply to this)(Thread)

	noctem 2008-08-03 10:48 pm UTC (link)
	Thank you very much!~ (Reply to this)(Parent)

	animates 2008-08-03 03:05 pm UTC (link)
	♥ (Reply to this)(Thread)

	noctem 2008-08-03 10:49 pm UTC (link)
	♥ :D (Reply to this)(Parent)

	victims 2008-08-03 03:23 pm UTC (link)
	Jchrist I don't know which one to take! :\| (Reply to this)(Thread)

	noctem 2008-08-03 10:49 pm UTC (link)
	Haha, enjoy the layouts! (Reply to this)(Parent)

	citren_acidz 2008-08-03 03:27 pm UTC (link)
	Both are love, especially Geomancy one ;; /adds to mem (Reply to this)(Thread)

	noctem 2008-08-03 10:49 pm UTC (link)
	Thanks! :D (Reply to this)(Parent)

	estasi 2008-08-03 04:08 pm UTC (link)
	Definitely going to use the second one very soon. Very nice. (; (Reply to this)(Thread)

	noctem 2008-08-03 10:49 pm UTC (link)
	Awesome! Thank you very much. :D (Reply to this)(Parent)

	telecast 2008-08-03 05:51 pm UTC (link)
	If your goal is to make me change my layout every week, it seems like you're going to succeed. XD I'll be using the Geomancy one sometime in the very near future. (Reply to this)(Thread)

	noctem 2008-08-03 10:50 pm UTC (link)
	~~JUST AS PLANNED~~ No really, I'm glad you like my layouts that much. XD (Reply to this)(Parent)

	lustricatious 2008-08-04 05:47 am UTC (link)
	using the first layout in my other journal account, thanks! :] (Reply to this)

	earthbend 2008-08-07 09:25 pm UTC (link)
	Ooo, stylish~! Gonna take a while to decide which to use first. Great job as always. :D (Reply to this)

	wihst3dimpnity 2008-09-10 04:40 am UTC (link)
	Your layout is awesome! Do u know how i can put a header ? Thx! (Reply to this)(Thread)

noctem
2008-09-11 03:30 am UTC (link)

I'm answering this while somewhat sleep deprived, so sorry if this isn't entirely coherent.

.bodyblock {
background:transparent url(IMAGE URL) no-repeat scroll 0px 0px;
margin:0 auto;
padding:283px 0 0;
width:690px;
}

(Reply to this)(Parent)(Thread)

	wihst3dimpnity 2008-09-11 03:36 pm UTC (link)
	Everything was superclear, thank you very much !!!! (Reply to this)(Parent)

	dahlin_zermott 2008-09-18 08:57 pm UTC (link)
	i have some troubl setting the sidebar :\| (Reply to this)

	stariust 2008-09-27 10:25 am UTC (link)
	Hoooi, wha. ♥ your layouts. They're all so clean and wonderful. I like simplicity :D. Will be watching you[in a non-stalkerish way]! I'll be using the Cafe Grim layout. D: (Reply to this)

	specialize 2008-10-10 10:50 pm UTC (link)
	I love this layout! Using and crediting! However, I have one question--- the text is touching the left side of the entries like this. Is there anyway to fix it? (Reply to this)

	orlisroses29 2008-10-12 03:30 pm UTC (link)
	snagged 'cafe grim' for my personal lj! XD will credit! :D this layout is bloody awesome! :D thanks! (Reply to this)

Username:		Create an Account Forgot your login? Login w/ OpenID
Password:
	Remember Me
	English • Español • Deutsch • Русский…

Crediting Code

About

Help

Get Involved

Legal

Store

LJ Labs