glazedmacguffin | (no subject) (Reply)

Live Preview @

empirical_data

Instructions:

Go here and follow the directions to install "Mixit".

Go to customize and select "Your Custom Layers" and choose "Mixit".

Go to "Custom CSS", uncheck Use layout's "Base Weblog" stylesheet, and copy and paste what's below into the box.
/* LCARS Livejournal Theme */ * {margin: 0px; padding: 0px; } html {font-size: 100%; /* IE hack */ } body { font-family: Arial, verdana, arial, sans-serif; font-size: 62.5%; text-align: center; } a, a:link, a:visited, a:active {font-weight: normal; text-decoration: underline; outline: none;} blockquote {margin: 1em 3em; padding: 1em 0; } input, textarea, select {} h1, h2, h3 {margin: 5px 0px; font-family: "century gothic", Arial, verdana, sans-serif; text-transform: uppercase;} font {font-family: inherit !important; color: inherit !important;} /* ----------------------------------------- */ /* ---------- PAGE STRUCTURE --------------- */ /* ----------------------------------------- */ #page, #header, #content, #footer {position: relative; top: 0;} #alpha, #beta, #gamma {display: inline; float: left; position: absolute; top: 0;} #footer {margin: -1px 0 0 0; /* HACK - removes space between content and footer */} #page-inner, #header-inner, #content-inner, #alpha-inner, #beta-inner, #gamma-inner, #footer-inner {position: static;} #header-inner, #alpha-inner, #beta-inner, #gamma-inner {overflow: hidden; /* hide content that is larger than the element dimensions */} #alpha-inner[id] { overflow: visible; } /* FF MAC & PC will clip pager-top when accessing page anchor */ #page {margin: 0px auto; padding: 0px;} #container {position: relative; font-size: 1.2em; line-height: 1.75em; text-align: left;} #header {position: relative; top: 0px; left: 0px; height: 230px;} #alpha {position: relative; left: 0px; top: 0px; padding: 0px 20px 0px 400px;} #beta {position: absolute; left: 0px; top: 0px; width: 275px; text-align: right;} #beta-inner {padding: 15px 45px 20px 20px;} #footer {clear: both;} /* ---------------------------- */ /* ---------- HEADER ---------- */ /* ---------------------------- */ #header-content {} ul.nav {z-index: 2; position: absolute; top: 10px; left: 50px; height: 33px; width: 176px; text-align: center; text-transform: lowercase; list-style-type: none;} ul.nav li {padding: 2px;} ul.nav a, li.view {display: block; font-size: 17px; font-family: impact, "century gothic", Arial, verdana, sans-serif; letter-spacing: 1px; text-transform: uppercase; text-decoration: none; background: #1f2aff; border-radius: 30px; -webkit-border-radius: 30px; color: #000000 height: 20px;} ul.nav a:hover {text-decoration: none; background: #ffb31f; border-radius: 30px; -webkit-border-radius: 30px; color: #000000 } #header-name {z-index: 1; position: absolute; bottom: 40px; width: 100%; height: 100px; font-size: 30px; font-family: impact, "century gothic", Arial, verdana, sans-serif; letter-spacing: 0.1em; text-transform: uppercase;} #header-name a {display: block; margin-left: 400px; padding: 50px 20px 24px 50px; text-decoration: none;} #header-description {position: absolute; bottom: 200px; left: 464px; padding: 0px 20px 0px 50px; font-family: impact, "century gothic", Arial, verdana, sans-serif; letter-spacing: 0.1em; text-transform: uppercase;} /* ----------------------------- */ /* ---------- ENTRIES ---------- */ /* ----------------------------- */ /* previous and next links */ .stream-header {display: none;} .stream-footer {clear: both; display: block; width: 100%; padding: 1em 0 0 0; text-transform: lowercase; list-style-type: none;} .stream-footer a {font-size: 10px; font-family: impact, "century gothic", Arial, verdana, sans-serif; letter-spacing: 1px; text-transform: uppercase; text-decoration: none;} /* entry container */ .asset {margin: 0px 0px 30px 0px;} .asset{ clear: both; margin: 0px auto; width: 850px; text-align: left;} .asset-header {} .asset-header ul.asset-meta-list {border: 0px;} .asset-header img {} .lj-view-entry .asset-header {padding: 0; } /* entry subject */ h2.page-header2 {padding: 1em 0 0 0; font-size: 16px; font-family: impact, "century gothic", Arial, verdana, sans-serif; letter-spacing: 0.1em; text-transform: uppercase;} h2.page-header2 a, .lj-view-tags h2 {text-decoration: none;} .lj-view-tags h2.page-header2 {font-weight: normal;} /* entry body, meta, tags */ .asset-content {padding-top: 1em;} /* entry text */ .asset-body {overflow-x: hidden;} .asset-body a {text-decoration: underline; font-weight: bold;} .asset-body ol, .asset-body ul {margin: 1em 3em;} .asset-body dt {padding: 5px 0px; font-weight: bold; text-transform: uppercase;} .asset-body dd {margin-left: 30px; padding: 10px;} /* userpic */ .user-icon {display: inline; float: right; padding-top: 1em; background: transparent !important; text-align: center;} .user-icon img {padding: 5px;} .user-icon span {background: transparent !important;} .ljuser {display: inline !important;} .ljuser a img {margin: 0px; padding: 0px; background: transparent !important; font-weight: normal; text-decoration: none;} /* mood, music, location */ .lj-currents ul {margin-top: 1em; padding-top: 0.5em; text-decoration: none; text-transform: lowercase; letter-spacing: 0; font-weight: normal; list-style-type: none;} .lj-currents span.entryMetadata-label {margin-top: 0.5em; padding-top: 0.5em; font-size: 1em; font-family: impact, "century gothic", Arial, verdana, sans-serif; letter-spacing: 0.1em; text-transform: uppercase; font-weight: normal; list-style-type: none;} .lj-currents ul li {display: inline; padding-right: 15px;} .lj-currents ul li a {text-decoration: none;} .lj-currents ul li a:hover {text-decoration: underline} /* --- tags --- */ .asset-tags {padding-top: 1em; text-transform: lowercase; padding-top: 3px;} .asset-tags-header {display: block; float: left; width: 3em; /* matches .asset-tags-content width */ height: 100% !important; padding: 0px 5px 5px 0px; font-size: 1em !important; font-size: 1em; font-family: impact, "century gothic", Arial, verdana, sans-serif; letter-spacing: 0.1em; text-transform: uppercase; font-weight: normal; list-style-type: none;} .asset-tags ul {ftext-decoration: none; text-transform: lowercase; letter-spacing: 0; font-weight: normal; list-style-type: none;} .asset-tags-list {margin: 0 0 0 3em; list-style-type: none;} .asset-tags-list li {display: inline; padding-right: 5px;} .asset-tags-list a {white-space: normal !important; text-decoration: none;} .asset-tags-list a:hover {text-decoration: underline} /* comments bar */ ul.asset-meta-list {clear: both; margin-top: 0.5em; padding: 0.5em 0; text-align: center; list-style-type: none;} ul.asset-meta-list li.item {display: inline; margin: 0px 5px; padding: 0px;} li.asset-meta-comments {} li.asset-meta-comments a {font-size: 10px; font-family: impact, "century gothic", Arial, verdana, sans-serif; letter-spacing: 1px; text-transform: uppercase; text-decoration: none;} li.asset-meta-comments a:hover {text-decoration: underline;} .prevnext, .prev, .next {padding: 5px 0px;} /* date and time */ div.asset-header ul {margin: 0; padding: 0; letter-spacing: 0.1em;} div.asset-header ul.asset-meta-list li.item {display: block; margin: 0px; padding: 0.5em 0 0 0; font-size: 10px; text-transform: uppercase; text-align: right;} .comments-inner { width: 850px; padding: 10px 0; text-align: left; } /* ----------------------------- */ /* ---------- SIDEBAR ---------- */ /* ----------------------------- */ .widget {margin-bottom: 20px; padding-bottom: 20px;} .widget-header {margin: 0px; padding: 0px; font-family: impact, "century gothic", Arial, verdana, sans-serif; font-weight: normal; letter-spacing: 0.1em; text-transform: uppercase;} .widget a {text-decoration: none;} .widget a:hover {} .widget ul {margin: 0px; padding: 0px; list-style-type: none;} .about-me-widget dd.profile-username {text-transform: uppercase;} .calendar-widget {} .calendar-widget table {margin-left: -5px; font-size: 12px; text-align: center; } .calendar-widget th, .calendar-widget td {margin: 0px; padding: 0px; width: 25px; height: 14px; text-align: center;} .calendar-widget td a {display: block; width: 25px;line-height: 14px; text-align: center;} .calendar-widget td a:hover {} .calendar-widget p {margin: 0px; padding: 0px;} .calendar-widget tr:first-child td {border: 0px;} .calendar-widget tr:first-child a, .calendar-widget tr:first-child a:hover {width: 100%; background: none; font-weight: bold;} .archive-widget ul li.item {padding: 3px 0px;} .archive-widget ul li.item a {display: inline; margin: 0px; padding: 0px; border: 0px;} .customtext-widget .widget-content {line-height: 180%;} .powered-widget {display: none;} /* leave this turned off otherwise it will credit someone else with the design */ .designed-widget {display: none;} /* ----------------------------------- */ /* ---------- COMMENTS PAGE ---------- */ /* ----------------------------------- */ /* Comments ---------------------------------------*/ #comments {padding: 0px;} div.comments-inner h2 {margin: 0px; padding: 1.5em 0 0 0; font-size: 1.4em; font-weight: normal;} .comment {position: relative; min-height: 130px; margin-bottom: 3em; padding:0px;} .comment-odd {} .comment-even {} .comments-nav {margin: 0px 0px 20px 0px; text-align:center;} .comment-meta {padding: 5px 0px;} .comment-meta .user-icon {position: relative; float: right; display: inline; padding-bottom: 10px;} /* --- reply, freeze, screen, etc --- */ .comment-links {margin-top: 0.9em; font-size: 10px; font-family: impact, "century gothic", Arial, verdana, sans-serif; letter-spacing: 1px; text-transform: uppercase; text-decoration: none; text-align: right; } .comment-links a {text-decoration: none;} .comment-subject {font-weight: bold;} .comment-date {margin-top: 0.9em; margin-bottom: 0.9em;} /* Fix height in IE */ .comment {height: 1%;} /* Quick Reply ---------------------------------------*/ .quickreply {margin-top: 1em; width:90%; padding-top: 5px; padding-bottom: 10px;} #commenttext, #subject {width: 90%;} #comment-form {width: 500px;} /* ------------------------------ */ /* ---------- ARCHIVES ---------- */ /* ------------------------------ */ /* Calendar/Archive ---------------------------------------------------------------------- */ ul.year {text-align: center; padding: 0px;} ul.year li {display: inline; padding: 0px 5px;} table.yeartable {width: 100%; margin-left: auto; margin-right: auto;} table.yeartable td.yeardate, table.yeartable td.yearday {padding: 5px; border: 1px solid #dddddd;} table.yeartable td.yearday {text-align: center;} td.yearmonth, td.yeardate a {font-size: 12px; font-family: impact, "century gothic", Arial, verdana, sans-serif; letter-spacing: 0.1em; text-transform: uppercase;} td.yearmonth a {text-decoration: none;} td.yeardate a {font-size: 1.5em; text-decoration: none;} dd.viewsubjects {margin: 0 0 .75em .75em;} .lj-view-archive .asset-header, .lj-view-month .asset-header {margin: 0px; border: 0px; padding: 0px;} .lj-view-archive .asset-body, .lj-view-month .asset-body {margin: 0px; border: 0px; padding: 10px 0px;} .lj-view-month widget table {margin: 0px !important;} .lj-view-tags #alpha ul {margin: 10px 0px 10px 20px;} .lj-view-tags #alpha ul li {padding: 2px 0px;} /* -------------------------- */ /* ---------- MISC ---------- */ /* -------------------------- */ /* Sponsored Plus ---------------------------------------*/ #ad-5linkunit { clear: both; } #ad-leaderboard { margin-bottom: 10px; } /* Utility Code --------------------------------------------------- */ /* clear floats, inspired by positioniseverything.net/easyclearing.html */ .comment-body:after, #page-inner:after, #header-inner:after, #header-photo:after, #content-inner:after, #alpha-inner:after, #beta-inner:after, #gamma-inner:after, #delta-inner:after, #footer-inner:after, .widget .user-pic:after { content: "."; display: block; visibility: hidden; clear: both; height: 0.1px; font-size: 0.1em; line-height: 0.1px; } /* float in post bodies around enclosures */ #content-inner, .asset-body { height: 1%; } /* Win IE < 7 */ * html #header-name a { word-wrap: break-word; } /* ---------------------------------------- */ /* ---------- CONTEXTUAL POP-UPS ---------- */ /* ---------------------------------------- */ div.ContextualPopup div.Inner {padding: 5px; text-align: left;} div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited {font-weight: bold !important; text-decoration: none !important; font-weight: normal;} div.ContextualPopup div.Inner a:hover {text-decoration: underline;} div.ContextualPopup .Relation, div.ContextualPopup .Content .OnlineStatus {font-weight: bold !important;} /* --------------------- PASTE YOUR COLOUR SCHEME AFTER THIS BLOCK OF TEXT --------------------- */ /* --------------------- PLEASE PASTE ANY FURTHER CSS OVERRIDES BELOW HERE --------------------- */ /* Chartreuse Ornaments COLOUR LEGEND #000000 -- page background #ffffff -- text colour #000000 -- solid borders #000000 -- dotted borders #f2aa00 -- contrast colour #8b6ee0 -- background for icons, calendar cells */ body {background: url(http://i62.tinypic.com/2hz27fk.gif) 240px 0px no-repeat scroll #000000; color: #ffffff;} a, a:link, a:visited, a:active {color: #f2aa00;} blockquote {border-top: 1px dotted #000000; border-bottom: 1px dotted #000000;} #beta-inner {border-top: 1px solid #000000;} ul.nav a, li.view {color: #ffffff;} #header-name {color: #f2aa00;} .stream-footer {border-top: 1px dotted #000000; } .stream-footer a {color: #ffffff;} h2.page-header2 a, .lj-view-tags h2 {color: #f2aa00;} .asset-body dt {border-bottom: 3px double #000000;} .asset-body dd {border: 1px solid #000000; border-top: 0px;} .user-icon img {border: 1px dotted #000000; background: #8b6ee0;} .ljuser a img {color: #f2aa00;} .lj-currents ul {border-top: 1px dotted #000000;} .asset-tags-header {color: #ffffff;} ul.asset-meta-list {border-top: 1px dotted #000000; border-bottom: 1px solid #000000;} li.asset-meta-comments a {color: #ffffff;} div.asset-header ul.asset-meta-list li.item {border-top: 1px solid #000000;} .widget-header {color: #f2aa00; } .widget a {color: #ffffff;} .about-me-widget .widget-header a {color: #f2aa00;} .calendar-widget th {color: #f2aa00;} .calendar-widget td a {background: #ffb31f; border-radius: 30px; -webkit-border-radius: 30px; color: #000000 } .calendar-widget tr:first-child td {background: #3370ff; border-radius: 30px; -webkit-border-radius: 30px; color: #000000 } .calendar-widget tr:first-child a, .calendar-widget td a:hover {background: #dd1fff; border-radius: 30px; -webkit-border-radius: 30px; color: #000000 } .comment-links {color: #ffffff;} table.yeartable td.yearday {background-color: #8b6ee0;} div.ContextualPopup div.Inner {border: 1px solid #000000; background: #8b6ee0 !important; color: #ffffff !important;} div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited {color: #f2aa00 !important;} div.ContextualPopup div.Inner a:hover {color: #ffffff !important;} div.ContextualPopup .Relation, div.ContextualPopup .Content .OnlineStatus {color: #ffffff !important;} .user-icon span a {color: #f2aa00 !important;} .tagcloud {padding-left: 0px; width: 176px; height: 200px; line-height: normal; list-style: none; overflow: auto;} /* ---FB-Twitter Comment Ticky Fix--- */ .b-repost-items, .b-repost-item, .b-repost-item IMG, #entry-form-wrapper .b-repost-item, b-repost-item-fb { display: none; } .b-repost-item .repost_disabled { color: #CCC; display: none; }

Go to Sidebars and in Body of custom sidebar module add this.

<center><img src="http://i60.tinypic.com/316k961.gif"> <img src="http://i62.tinypic.com/qpidra.jpg"></center>

Change the order of items to this:
First item in sidebar = Profile
Second item in sidebar = Custom Text
Third item in sidebar = Calendar
Fourth item in sidebar = Tags

And whatever you want.
Save Changes.

The image used in the contact post is this:

If you want fonts to create your own graphics, here are some useful free ones.
List at Star Trek Minutiae.
Tag at fontspace.
Another font list at fanspace.

(no subject)

Post a comment in response: