I'm using a layout made by
daemon @
spire. The codes:
/*---------------------------------------------------
STYLESHEET CREATOR: scythe.livejournal.com
STYLESHEET NAME: A Preferential Alternative (Modern)
S2 STYLE: Smooth Sailing
DOWNLOAD: thrashmetal.livejournal.com
****Please remember to credit!****
-----------------------------------------------------*/
body {
background:#050505 none repeat scroll 0 0;
color:#949494;
font-family:arial;
font-size:11px;
margin:0;
}
.pageblock {
background:#F8F8F8 none repeat scroll 0 0;
position:absolute;
}
a, a:visited {
color:#F8F8F8;
text-decoration:none;
}
a:hover {
color:#949494;
}
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 {
background:#181818 none repeat scroll 0 0;
color:#DDDDDD;
font-family:georgia;
font-size:13px;
line-height:20px;
padding:12px;
}
.header-title {
color:#111111;
font-size:39px;
font-weight:bold;
height:49px;
letter-spacing:-5px;
margin-left:195px;
margin-top:184px;
overflow:hidden;
position:absolute;
width:641px;
z-index:200;
}
.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-left:187px;
padding-top:229px;
width:600px;
}
.bodyheaderblock {
display:none;
padding:6px 0;
}
.bodynavblock {
color:#AAAAAA;
margin:0;
padding:0;
}
.body-title {
display:none;
}
.body-midtitle {
display:none;
}
.entryHolder {
font-size:11px;
width:700px;
}
.entryUserinfo {
margin-left:700px;
margin-top:-36px;
position:absolute;
width:90px;
}
.entryUserinfo-username {
line-height:18px;
margin-right:6px;
max-width:130px;
padding:2px 0 0;
text-align:center;
}
.entryUserinfo-username .ljuser a b {
background:transparent none repeat scroll 0 0;
color:#F8F8F8;
font-size:17px;
font-weight:normal;
letter-spacing:0;
text-decoration:none !important;
}
.entryUserinfo-usericon img {
background:#191919 none repeat scroll 0 0;
border:18px solid #191919;
cursor:auto !important;
}
.entryUserinfo-usericon img:hover {
background:#F8F8F8 none repeat scroll 0 0;
border:18px solid #F8F8F8;
}
.entryText {
background:#111111 none repeat scroll 0 0;
font-size:11px;
line-height:18px;
min-height:100px;
padding:1px 22px 14px;
text-align:justify;
}
.entryText img {
max-width:455px;
}
.entryHeader {
background:#111111 none repeat scroll 0 0;
line-height:17px;
min-height:24px;
padding:12px 0 0 19px;
text-align:left;
text-transform:lowercase;
}
.entryHeader a {
color:#F8F8F8;
font-size:28px;
text-transform:lowercase;
}
.entryHeader a:hover {
}
.entryHeaderSubject {
color:#111111;
font-size:0;
}
.entryHeaderDate {
color:#050505;
display:block;
font-family:helvetica;
font-size:39px;
font-weight:bold;
letter-spacing:-2px;
line-height:33px;
margin-left:-109px;
position:absolute;
text-align:right;
text-transform:uppercase;
width:82px;
z-index:10;
}
.entryMetadata {
background:#151515 none repeat scroll 0 0;
margin-bottom:0;
padding:13px 12px;
}
.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:#151515 none repeat scroll 0 0;
padding:15px 7px 10px 0;
position:relative;
text-align:right;
text-transform:lowercase;
top:0;
}
.entryLinkbar a {
background:transparent none repeat scroll 0 0;
color:#949494;
font-size:11px;
font-weight:normal;
margin-right:1px;
padding:4px;
text-transform:lowercase;
}
.entryLinkbar a:hover {
background:#111111 none repeat scroll 0 0;
color:#F8F8F8;
}
.entryLinkbar a[href*="subscriptions"], .entryLinkbar a[href*="tellafriend"] {
display:none;
}
.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;
}
.commentHolder {
background:#030505 none repeat scroll 0 0;
border-left:0 none;
margin:19px 0 0;
}
.commentHolder {
background:#111111 none repeat scroll 0 0;
border-left:0 none;
margin:19px 0 0 24px;
}
.commentUserinfo {
background:transparent none repeat scroll 0 0;
color:#C3C3C3;
font-size:0;
line-height:19px;
margin-left:-130px;
margin-right:2px;
margin-top:0;
padding-right:2px;
position:absolute;
text-align:center;
}
.commentUserinfo .ljuser a b {
background:transparent none repeat scroll 0 0;
font-size:12px;
letter-spacing:0;
color:#111;
text-decoration:none !important;
}
.commentUserinfo-usericon img {
border:15px solid #050505;
cursor:auto;
}
.commentUserinfo-usericon img:hover {
}
.commentText {
background:#111111 none repeat scroll 0 0;
line-height:18px;
min-height:100px;
padding:20px 21px 10px;
text-align:justify;
}
.commentHeader, .commentHeaderScreened {
display:none;
}
.commentLinkbar {
background:#151515 none repeat scroll 0 0;
color:#878787;
font-size:11px;
padding:12px 2px;
text-align:right;
}
.commentLinkbar ul {
margin:0;
padding:0;
}
.commentLinkbar li {
background:transparent none repeat scroll 0 0;
color:#AAAAAA;
display:inline;
margin:0;
padding:0 5px;
}
.commentLinkbar a:hover {
text-decoration:none;
}
.commentLinkbar a {
background:transparent none repeat scroll 0 0;
color:#AAAAAA;
font-size:11px;
font-weight:normal;
padding:0;
text-transform:lowercase;
}
.replyform {
line-height:16px;
padding:20px;
}
.replyform textarea {
max-width:396px;
}
#qrform {
}
#qrform table {
border:medium none !important;
}
.yearlinks {
text-align:right;
}
.yearlink {
padding-left:4px;
padding-right:4px;
}
.month {
background:#111111 none repeat scroll 0 0;
padding:17px 76px;
width:600px;
}
.daysubjects {
color:#434343;
padding:8px 8px 8px 40px;
}
.daytitles {
border:1px solid #111111;
font-size:15px;
text-align:center;
text-transform:lowercase;
}
.day-blank {
}
.day {
background:#191919 none repeat scroll 0 0;
border:1px solid #111111;
margin-bottom:0;
padding:4px 0;
}
.day-date {
font-family:arial;
text-align:center;
width:50%;
}
.day-count {
float:right;
font-size:20px;
text-align:center;
width:50%;
}
.day-count a {
font-weight:normal;
padding:3px;
text-decoration:none;
}
.sidebar {
background:#191919 none repeat scroll 0 0;
height:192px;
line-height:19px;
padding-top:37px;
position:absolute;
text-align:center;
top:0;
width:700px;
}
.sidebox {
margin-bottom:0;
margin-right:auto;
margin-top:0;
text-align:justify;
}
.sideboxTitle {
display:none;
}
.sideboxContent {
}
.sidebox #freetext, .sidebox #freetext2, .sidebox #freetext3 {
line-height:17px;
margin-bottom:3px;
padding:5px 20px;
text-transform:lowercase;
}
.sidebox #latestmonth {
float:left;
font-family:helvetica;
font-size:11px;
padding-left:18px;
padding-right:23px;
width:191px;
}
.latestmonth-inactive {
background:#111111 none repeat scroll 0 0;
border:1px solid #191919;
font-size:10px;
padding:1px 7px 0;
}
.latestmonth-active {
background:#111111 none repeat scroll 0 0;
border:1px solid #191919;
font-size:10px;
padding:1px 7px 0;
}
.sidebox #latestmonth table {
margin-left:auto;
margin-right:auto;
margin-top:4px;
width:90%;
}
.sidebox #profile {
float:left;
text-align:center;
width:184px;
}
.profile-label {
display:none;
}
.profile-content {
display:none;
}
.profile-userpic {
border:18px solid #111111;
}
.sidebox #summary, .sidebox #search, .sidebox #tags_sidebox {
display:none;
}
.sidebox #systemlinks {
font-family:helvetica;
line-height:19px;
padding:0 19px;
text-align:left;
}
.sidebox #systemlinks a:link, .sidebox #systemlinks a:active, .sidebox #systemlinks a:visited {
color:#F8F8F8;
font-size:22px;
font-weight:bold;
letter-spacing:-2px;
margin-right:7px;
text-transform:uppercase;
}
.sidebox #systemlinks a:hover, .sidebox #systemlinks a:active {
}
.listitem {
display:inline;
}
.listspacer {
height:10px;
}
.sidebox #latestmonth table {
margin-left:auto;
margin-right:auto;
margin-top:4px;
width:90%;
}
.listtitle {
display:none;
}
.header-menu {
font-family:helvetica;
font-size:11px;
font-weight:bold;
position:absolute;
text-align:right;
text-transform:lowercase;
width:178px;
}
.header-menu li {
background:transparent none no-repeat scroll 0 0;
}
.header-menu a {
color:#050505;
}
#footer-menu {
background:#111111 none repeat scroll 0 0;
padding:23px 0;
text-align:center;
}
#footer-menu a {
background:#151515 none repeat scroll 0 0;
color:#444444;
margin-right:7px;
padding:7px;
text-transform:lowercase;
}
#footer-menu ul {
margin:0 auto;
padding:0;
width:500px;
}
#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:-2px;
padding:0;
}
.tagstable, .tagstable td {
border:0 none;
}
.tagstable {
width:100%;
}
.taglist {
padding-bottom:10px;
}
textarea, input, select {
background:#181818 none repeat scroll 0 0;
border:0 none;
color:#949494;
font-family:courier new;
font-size:12px;
line-height:normal;
margin:2px;
}
.ljuser a b {
background:transparent none repeat scroll 0 0;
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"] {
height:0;
width:0;
}
img[src*="openid-profile.gif"] {
height:0;
width:0;
}
img[src*="anonymous.gif"] {
height:0;
width:0;
}
img[src*="community.gif"] {
height:0;
width:0;
}
img[src*="partnercomm.gif"] {
height:0;
width:0;
}
img[src*="newsinfo.gif"] {
height:0;
width:0;
}
img[src*="syndicated.gif"] {
height:0;
width:0;
}
img[src*="icon_protected.gif"] {
background-image:url(
http://irondevil.org/icon/categories/circular/padlock_closed.png) !important;
background-position:0 2px;
background-repeat:no-repeat !important;
height:0;
padding:18px 21px 0 0 !important;
width:0;
}
img[src*="icon_groups.gif"] {
background-image:url(
http://irondevil.org/icon/categories/circular/padlock_closed.png) !important;
background-position:0 2px;
background-repeat:no-repeat !important;
height:0;
padding:18px 21px 0 0 !important;
width:0;
}
img[src*="icon_private.gif"] {
background-image:url(
http://irondevil.org/icon/categories/circular/cancel.png) !important;
background-position:0 2px;
background-repeat:no-repeat !important;
height:0;
padding:18px 21px 0 0 !important;
width:0;
}
div.ContextualPopup img {
border:0 none;
}
div.ContextualPopup div.Inner {
background:transparent none repeat scroll 0 0 !important;
border:0 none;
color:#9F9F9F !important;
font-family:helvetica;
font-size:11px;
padding:0;
width:23em;
}
div.ContextualPopup .Content {
background:#181818 none repeat scroll 0 0;
line-height:1.4;
margin-right:81px;
padding:10px;
}
div.ContextualPopup .Relation {
font-size:18px;
font-weight:bold !important;
letter-spacing:-1px;
}
div.ContextualPopup .Content .OnlineStatus {
font-weight:bold;
}
div.ContextualPopup .Userpic {
border:10px solid #181818;
margin-left:11px;
padding:0;
}
div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited {
color:#5F5F5F !important;
font-weight:normal;
text-decoration:none !important;
}
#lj_controlstrip {
background:#111111 none repeat scroll 0 0;
}
#lj_controlstrip td {
border-bottom:medium none;
border-right:1px solid #151515;
color:#4F4F4F;
}
#lj_controlstrip_statustext {
color:#9F9F9F;
}
#lj_controlstrip a {
color:#4F4F4F;
}
#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:#181818 none repeat scroll 0 0 !important;
border:medium none;
color:#9F9F9F !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:#181818 none repeat scroll 0 0 !important;
border:medium none;
color:#9F9F9F !important;
}
#lj_controlstrip .ljuser a b {
background:transparent none repeat scroll 0 0;
letter-spacing:0;
text-decoration:none !important;
}
My metadats looked weird (
picture) so I followed the instructions of the maker and install this layer (under smooth sailing):
layerinfo "type" = "theme";
layerinfo "name" = "";
set text_meta_mood = "Current Mood:";
set text_meta_music = "Current Music:";
set text_meta_location = "Current Location:";
function Entry::print_metadata()
{
# ---------------------------------------------------- CUSTOMIZATION ---------------------------------------------------- #
var string tags_sep = ", "; # text for tags separator, ", " for "tag, tag, tag"
var string show_tags_link = "none"; # set to "edit" if you want the tags label to act as an 'edit tags' link
# set to "page" if you want the tags label to link to the poster's tag page
# set to "manage" to link to the Tags Management page
# set to "none" to delinkify the tags label completely
var bool show_loc_link = false; # set to true to display the Google Map link
var bool show_groups_link = false; # set to true to display the custom friends group link
var bool show_music_link = true; # set to false to hide the last.fm link to the artist/song pages
var bool print_table = true; # set to false to display the mood icon inline with the mood text (default FS style)
var string alignment = "left"; # set the side of the mood icon (left or right of the currents) - only if printed in table
# set the order in which you want mood, music, location, tags, security and custom friends group to appear
# any metadata you want to hide journalwide, delete from this list
var string[] metaorder = ["mood", "music", "tags", "location", "groups"];
# optional:
# put in the URLs to the pics you want to use instead of the currents' text labels
# if you leave it blank, the text label will be used instead
var string{} metapics = { "mood" => "IMAGE URL",
"music" => "IMAGE URL",
"location" => "IMAGE URL",
"tags" => "IMAGE URL",
"groups" => "IMAGE URL" };
# ---------------------------------------------------- CUSTOMIZATION END ---------------------------------------------------- #
var string currents = """
"""; # here all metadata will be added to print currents container
var Link edit_tags = $this->get_link("edit_tags"); # helper var to see if remote user can edit tags
if ((size $.metadata > 0) or ((size $.tags > 0) and $*tags_aware)) {
# display mood and moodicon?
var bool display_mood = false;
foreach var string moodtest ($metaorder) {
if ($moodtest == "mood") { $display_mood = true; }
}
# table and mood icon
if (defined $.mood_icon and $display_mood and $print_table) {
$currents = ($alignment == "left") ?
$currents + """
| """ : $currents + """""" : $currents + """ | |
""";
}
# close currents container and print
println $currents + """
""";
}
}
And now, the background of the metadatas disappeared. It looks like
this. The background is supposed to be grey like
here instead of white like it is now.
Anyone has an idea? Thank you in advance!
SOLVED! Thanks to
joliechose!