betheiconfairy | Trollian Layout Code

Code + instructions under the cut!

First, follow the instructions here to set up the "Flexible Squares" template. Then enable it!

Once that's done, click the "customize" link and then the "custom CSS" tab. Make sure all threee tickboxes are unchecked, then paste the following into the "custom stylesheet" window:

body {
	background: url(http://i.imgur.com/kz8HR.gif) top center repeat-y #4d4d4d;
        text-align: center;
        margin: 0px;
        }

a, a:link, a:visited {
        color: #000000;
        text-decoration: none;
        }

a:hover {
        color: #ffffff;
        text-decoration: underline;
        }

p, td, blockquote {
            font-size: 12px;
        }

code, kbd, pre, tt {
            font-family: Courier;
        }

#content
    {
        width: 952px;
        margin-left: auto; margin-right: auto;
        padding: 0px;
    }

#maincontent {
	padding-top:5px;
        margin-top: 0px;
        font-family: "Courier", sans-serif;
        font-size: 12px;
        margin-left: 220px;
        text-align: left;
        }

#sidebar {
	background: url(http://i.imgur.com/A70S1.png) top left no-repeat transparent;
        padding-top: 480px;
        padding-bottom: 50px;
        margin-left: 1px;
        margin-top: 0px;
          font-size: 12px;
        font-family: "Courier", sans-serif;
          color: #ffffff;
        width: 220px;
        float: left;
        text-align: left;
        }

#header {
	width:952px;
	height:0px;
        padding: 0px;
        margin: 0px;
        text-align: right;
        font-family: "Courier", sans-serif;
        font-size: 12px;
        font-weight: bold;
        letter-spacing: 2px;
        color: #ffffff;
        }

.headerimage {
	height:60px;
	background: url(http://i.imgur.com/g9QOL.gif) top center no-repeat transparent;
        }

#footer {
        text-align: center;
        font-family: "Courier", sans-serif;
        font-size: 12px;
        font-weight: bold;
        letter-spacing: 1px;
        color: #ffffff;
        z-index: 100;
        clear: both;
        }

/* header -- links to views; title of journal; subtitle of journal */

div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited {
        color: #FF2612;
    }

div#header a:hover, div#footer a:hover {
        color: #000000;
        text-decoration: none;
    }

ul.navheader
        {
	padding-right:25px;
	margin:0px;
	text-transform:uppercase;
        }

ul.navheader li  {
        display: inline;
        padding: 0 3px 0 3px;
        }

.title    {
        font-family: "Courier", sans-serif;
        font-size: 12px;
        font-weight: normal;
        line-height: 200%;
        top: 10px;
	display:none;
        }

.subtitle{
        font-family: "Courier", sans-serif;
        font-size: 12px;
        font-weight: normal;
        top: 10px;
	display:none;
        }

/* sidebar */

div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
        color: #FF2612;
    }

div#sidebar a:hover {
        color: #000000;
        text-decoration: none;
    }

.defaultuserpic {display:none!important;}
        text-align: center;
        }

.sbarheader {
        padding: 0px 5px 0px 5px;
        }

.sbarbody {
        padding: 0px 5px 0px 5px;
        }

.sbarbody2 {
        padding: 0 15px 0 15px;
    }

#sidebar_summary li.sbaritem {
        margin-left: 15px;
	margin-right:15px;
        padding: 3px 0;
        border-bottom: 1px #000000 solid;
    }

ul.sbarlist
    {
        padding-left: 0px;
        margin-left: 15px;
	margin-right:15px;
        list-style: none;
    }

li.sbaritem, .tagcloud
    {
        padding-left: 5px;
        list-style: none;
    }

li.sbartitle
    {
        padding-left: 5px;
        list-style: none;
        margin-bottom: 10px;
        margin-top: 10px;
        font-size: 14px;
	font-variant:small-caps;
	font-weight:bold;
	border-top-style:solid;
	border-top-width:0px;
	border-top-color:#000000;
	border-bottom-style:solid;
	border-bottom-width:0px;
	border-bottom-color:#000000;
    }

/* maincontent */

.subcontent {
    }

.entry    {
        margin: 0px 10px 10px 30px;
        padding: 10px;
        font-size: 12px;
        text-align: left;
        }

.entry ul li
        {
        padding-left: 5px;
        margin-left: 15px;
        padding-bottom: 5px;
        }

.entry ol li
        {
        padding-left: 5px;
        margin-left: 15px;
        padding-bottom: 5px;
        }

.userpic {
        position: relative;
        float: right;
        padding: 5px;
        margin: 10px;
        z-index: 15;
        }

.userpicfriends {
        position: relative;
        float: right;
        padding: 5px;
        margin: 10px;
        text-align: center;
        font-family: "Courier", sans-serif;
        font-size: 12px;
        z-index: 15;
        }

.date {
        line-height: 200%;
        top: 5px;
        color: #ffffff;
        font-family: "Courier", sans-serif;
        font-size: 13px;
	font-variant:small-caps;
	font-weight:bold;
        }

.subject {
        font-weight: bold;
        padding: 10px;
        color: #ffffff;
        font-family: "Courier", sans-serif;
        font-size: 14px;
	font-variant:small-caps;
	font-weight:bold;
        }

.subject a, .subject a:link, .subject a:visited {
        color: #FF2612;
        }

.subject a:hover {
        color: #000000;
        }

.datesubject {
        padding: 5px;
	border-top-style:solid;
	border-top-width:2px;
	border-top-color:#741f05;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#741f05;
	margin-right:120px;
	margin-top:15px;
        }

.currents, .currentmood, .currentmusic {
        font-family: "Courier", sans-serif;
        font-size: 12px;
        }

.comments {
        font-family: "Courier", sans-serif;
        font-size: 12px;
        text-align: right;
        padding: 0px 5px 0px 5px;
        position: relative;
        top: 15px;
        }

div.comments a, div.comments a:link, div.comments a:visited{
        color: #FF2612;
    }

div.comments a:hover {
        color: #000000;
        text-decoration: none;
    }

/* maincontent --  entry, reply pages */

.datesubjectcomment {
            padding: 5px;
            margin-top: 20px;
                        }

.userpiccomment {
        position: relative;
        top: -30px;
        left: 0px;
        padding: 5px;
        margin: 10px 10px -20px 10px;
        z-index: 15;
        float: right;
        }

.box {
        border-style: solid;
        border-width: 1px 0px 0px 0px;
        border-color: #000000;
        padding: 10px;
        clear: right;
        }

input, textarea {
        background-color: #4d4d4d;
        color: #000000;
        }

textarea.textbox  {
          width: 95% !important;
           }

.reply    {
        position: relative;
        margin: 20px 30px 10px 30px;
        padding: 25px 10px 10px 10px;
        text-align: left;
        font-family: "Courier", sans-serif;
        font-size: 12px;
        line-height: 125%;
        color: #000000;
        }

.replytosubject {
        font-weight: bold;
        }

.commentreply {
        position: relative;
        margin: 10px;
        font-size: 12px;
        font-family: "Courier", sans-serif;
        color: #000000;
        }

.commentbox {

border-color: #000000;
        border-width: 1px;
        border-style: solid;
        padding: 10px;
        margin: 10px;
        background-color: #ffffff;
        }

.datesubjectcomment a:link, .datesubjectcomment a:visited {
        color: #FF2612;
        }

.datesubjectcomment a:hover {
        color: #000000;
        }

.commentboxpartial {
        border-color: #000000;
        border-width: 1px;
        border-style: solid;
        padding: 10px;
        margin: 10px;
        background-color: #ffffff;
        }

.commentinfo {
        background-color: #4d4d4d;
        margin-top: 10px;
        width: 100%;
        }

/* maincontent -- year/achive pages */

ul.year {
        text-align: center;
        padding-bottom: 40px;
        }

ul.year li {
        display: inline;
        }

table.yeartable {
        margin-left: auto;
        margin-right: auto;
        }

table.yeartable td.yeardate, table.yeartable td.yearday {
        border-width: 1px;
        border-style: solid;
        border-color: #000000;
        }

table.yeartable td.yearday {
        background-color: #4d4d4d;
        text-align: center;
        }

td.yearmonth {
        border-style: none;
        }

/* footer */

ul.navfooter{
        padding: 0px;
        margin: 0px;
        }

ul.navfooter li  {
        display: inline;
        margin: 0 5px 0 5px;
        }

.clearfoot {
        clear: both;
        }

/* misc  */

.clear {
        height: 15px;
        }

.skiplinks {
        text-align: center;
        }

.separator{
        /* for formatting separators between entries */
        height: 35px;
    }

* html div.subcontent {
        /* fixes an IE reply page bug */
        height: 1%;
        clear: none;
    }

* html div.box#commentform {
        /* fixes an IE reply page bug */
        position: absolute;
        border-width: 1px;
        border-style: solid;
        border-color: #ffffff;
        background-color: #973a01;
    }

And you're done! It's not the most readable layout, but it's suitable for RP journals and the like. Which is what I use it for. So there. 8|

Rehosting the images yourself if you use this layout would be appreciated!