A Beautiful Mind

S	M	T	W	T	F	S
		1	2	3	4	5
6	7	8	9	10	11	12
13	14	15	16	17	18	19
20	21	22	23	24	25	26
27	28	29	30	31

theladyunicorn

Static Preview
Live Example:

theladyunicorn &

abeautifulmind

The Code

/* S2 Bloggish Layout 
http://asylums.insanejournal.com/abeautifulmind + http://lace-and-cream.insanejournal.com */

body {background-image:url("http://i303.photobucket.com/albums/nn127/immortalaussie/Patterns/5006.gif");
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:left;
color:#FFFFFF;
}

a, a:visited, a:hover { 
color:#2E0854;
}

#container { 
width:800px;
margin: 0px auto;
padding:2px;
}

#container-inner {
width:700px;
}

#banner {
width:700px;
background-image:url("");
height:10px;
}

h1#banner-header { display:none;
}

h2#banner-description {
display:none;
}

#pagebody { width:800px;
background-color:#CC99CC;
}

#beta { background-color:#CC99CC;
color:#000000;
width:600px;
-moz-border-radius: 15px;
border-radius: 15px;
}
#alpha { background-color:#CC99CC;
color:#FFFFFF;
width:200px;
-moz-border-radius: 15px;
border-radius: 15px;
}

.content-nav, .content-nav a, .content-nav a:hover { color:#660000;
}

h2.date-header { font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
color:#2E0854;
background-color:#CC99CC;
}

.skiplinks { font-size:9px;
color:#2E0854;
}

.entry { border:2px;
border-color:#990000;
width:550px;
color:#000000;
background-color:#FFFFFF;
-moz-border-radius: 15px;
border-radius: 15px;
}

h3.entry-header {color:#000;
font-size:16px;
text-align:center;
}

.entry-userpic {display:none;
}

.entry-content {line-height:normal;
}
.entry-body {line-height:normal;}

.metadata {display:inherit;
}

.ljtags { float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
color:#000000;
}

.entry-footer {background:background-color:#FFFFFF;
color:#000000;
}

.module {width:200px;
background-color:#CC99CC;
color:#664400;
padding:1px;
}

.module-photo {display:none;
}

.module-viewlinks { background-color:#CC99CC;
color:#FFFFFF;
}
.module-calendar {display:none;!important}

.module-typelist {font-size:10px;
color:#664400;
background-color:#CC99CC;
}
.module-categories {
color:#2E0854;
background-color:#CC99CC;
}
.module-pagesummary  {display:none;}
.module-syndicate {display:none;}
.module-powered {display:none;}
.module-header {font-size:14px;
color:#554422;
background-color:#CC99CC;
}
.module-content {font:Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
}	
ul.module-list {background-color:#CC99CC;
color:#2E0854;
}
li.module-list-item a {color:#fff}

.comments {width:550px;
background-color:#fff;
color:#000000;
text-align:center;
}

h3.comments-header { width:550px;
font-size:14px;
color:#000;
}

h3.comment-header { font-size:12px;}
.comment-userpic {float:right;}
.comment-content {font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#668888;
background-color:#fff;}
.comment-footer {font-size:9px;
color:#ee8811;
}
.comment-replies {background-color:#fff;
color:#000000;
}

Background Image

( Read more... )

Tags: !journal layouts, maker: theladyunicorn, style: s2 bloggish

lace_and_cream

Live Preview:

fireworks_1

/*Layout by ~lace_and_cream via ~abeautifulmind with help from ~chestnutgallery for the sidebars! */

FRIENDS_OPT_ITEMS=>25

FRIENDS_WEBSITE<=

<div id="sidebar"><center><img src="http://28.media.tumblr.com/tumblr_lxlkzdLXbE1qd6626o1_500.gif" width="255">

<br><br><font color="#ffffff">BLURB ABOUT YOU<br><br></div>
</div>

<div id="sidebar2">
<center><li><a href=http://journalname.insanejournal.com><font color="#ffff33">RECENT</font></a></li>
<li><a href=http://journalname.insanejournal.com/profile><font color="#ffff33">PROFILE</font></a></li>
<li><a href=http://journalname.insanejournal.com/calendar><font color="#ffff33">ARCHIVE</font></a></li>
<li><a href=http://journalname.insanejournal.com/friends><font color="#ffff33">FRIENDS</font></a></li>
<li><a href=http://asylums.insanejournal.com/abeautifulmind><font color="#ffff33">CREDIT</font></a></li><br><br>
<img src="http://28.media.tumblr.com/tumblr_ly8xb3SuSb1r55j68o1_500.jpg" width="210px"><br><br></div>

<div> </div>
<=FRIENDS_WEBSITE

DAY_TALK_LINKS<=
<tr><td class="comments" colspan="2"><br><div id="footer">
<a href="%%urlread%%">%%messagecount%% Want to be unique people</a> ( Are you <a href="%%urlpost%%">a unique person?</a> )
</div>
</td></tr>
<=DAY_TALK_LINKS

DAY_WEBSITE<=

<div id="sidebar"><br><center><img src="http://28.media.tumblr.com/tumblr_lxlkzdLXbE1qd6626o1_500.gif" width="290">

<br><br><font color="#ffffff">BLURB ABOUT YOU8.<br><br></div>
<div id="sidebar2">
<center>
<center><li><a href=http://journalname.insanejournal.com><font color="#ffff33">RECENT</font></a></li>
<li><a href=http://journalname.insanejournal.com/profile><font color="#ffff33">PROFILE</font></a></li>
<li><a href=http://journalname.insanejournal.com/calendar><font color="#ffff33">ARCHIVE</font></a></li>
<li><a href=http://journalname.insanejournal.com/friends><font color="#ffff33">FRIENDS</font></a></li>
<li><a href=http://asylums.insanejournal.com/abeautifulmind><font color="#ffff33">CREDIT</font></a></li><br><br>
<img src="http://28.media.tumblr.com/tumblr_ly8xb3SuSb1r55j68o1_500.jpg" width="210px"><br><br></div>

<div> </div>

<=DAY_WEBSITE

LASTN_TALK_LINKS<=
<table>
<tr><td class="comments" colspan="2"><br><div id="footer">
<a href="%%urlread%%">%%messagecount%% Want to be unique people</a> ( Are you <a href="%%urlpost%%">a unique person?</a> )
</div>
</td></tr>
<=LASTN_TALK_LINKS

GLOBAL_HEAD<=
<title>JOURNAL TITLE</title>
<style>
<!--
body {
background-color: #000000;
font-family: tahoma;
font-size: 8pt;
color: #ffffff;
line-height: 15pt;
margin:0; overflow-x:hidden; 
background-image:url("http://24.media.tumblr.com/tumblr_ly8fak7OBI1r0zazpo1_500.jpg");
positon:bottom-left;
repeat:no-repeat;}

BODY, TD {
text-align: justify;}

table, tr, xmp, div, td, p {
text-align: justify;}

.shadowed img{display:none; }

table table table table .meta {visibility:hidden;position:absolute;top:1px}
table table table table table .meta {visibility:visible;position:relative;top:1px}

table table .index
{background-color: #777777;
 line-height: 4pt;
 font-size: 9pt;
 font-family: georgia, serif;
 color: #FFFFFF;
 text-align: center;
 padding: 0px;
 width: auto;
}
/* MAIN JOURNAL */
div{
position:relative;
overflow:auto;
width:580px;
height:430px;
margin-left:240px;
top:1px;
}

/* DO NOT TOUCH!! */
div div{
width:auto;
height:auto;
overflow:hidden;
margin-left:0;
left:0;
top:0;
}
table{
width:100%;
}
table table{
width:100%;
}
table table table{
width:auto;
}

table table table td.meta
{padding: 1px;
 line-height: 4pt;
 font-size: 7pt;}

.entrybox .meta
{background-color: #777777;
text-align:center;
}

tr.caption{display:none }

.shadowed td div{
visibility: hidden;
position: absolute;
top: 1px }

/*YOUR SIDEBAR*/
#sidebar{
position:fixed !important;
_position:absolute;
top: 0px !important;
left: 820px !important;
width: 255px !important;
padding: 2px;
height: 100%;
background-color: #000000;
visibility: visible;
z-index:1;
font-family: verdana;
font-size: 8pt;
color: #ffffff;
line-height: 10pt; }

html>body #sidebar{
position:fixed !important;
position:absolute;
top: 0px !important;
left: 820px !important;
height: auto;
font-family: verdana
font-size: 1em;
color: #ffffff;
width: 255px;}

#sidebar img{display:inline; }

/*YOUR SIDEBAR*/
#sidebar2{
position:fixed !important;
_position:absolute;
top: 0px !important;
left: 0px !important;
width: 240px !important;
height: 100%;
visibility: visible;
z-index:1;
background-color: #000000;
font-family: verdana;
font-size: 8pt;
letter-spacing: 1px;
line-height: 9pt; 
color: #ffffff;}

html>body #sidebar2{
position:fixed !important;
_position:absolute;
top: 0px !important;
left: 0px !important;
width: 240px !important;
height: auto;
visibility: visible;
z-index:1;
background-color: #000000;
font-family: verdana;
font-size: 8pt;
letter-spacing: 1px;
line-height: 9pt;
color: #ffffff; }

#sidebar2 img{display:inline; }

#footer{
text-align:right;
font-size: 5pt;
font-family: helvetica;
letter-spacing: 1px; }

/*YOUR ENTRIES*/
table, tr, td, .shadowed {
background-color: #777777;  
font-family: sans-serif;
font-size: 8pt;
color: #ffffff; 
line-height: 10pt;
margin-left:240px;
width:400px;
}

body {margin-top:-40px !important; margin-top:-15px; }

.content {background-color: #FFFFFF; }

table { 
width: 560px; 
margin-right:100%;
font-family: tahoma;
font-size: 8pt;
color: #ffffff;
line-height: 15pt; 
margin-left:1px !important;
margin-top:0px;
overflow-x:hidden;
margin-right:0px;}

table table {width:100% !important; margin:0 !important; background-color:#777777;} 
table table table {width:auto !important; background-color:transparent;} 
table td {border:0px solid #777777;}
table, table table td {border:none; padding:1px; background-color: #777777;}

.shadowed img
/* icons */
{color:#ff0000; border:1px;}
.entrybox 
/* entry border */
{border:0px solid #777777;  }
.entrybox .index 
/* hiding bracket */
{color:#777777; }

a:link, a:active, a:visited{color: #7FFF00; text-decoration:none}
a:hover{color:#ffff33; background-color:#000000}

td.caption, .subject { 
background-color: #777777;
font-family: "times new roman", georgia;
font-size:25px; 
color: #1E1C1C;
line-height:25px; 
letter-spacing: 0px;
text-align: right;
font-family: georgia, serif;  }

p table table td.caption, .head{ 
line-height:25px; 
font-size: 20px; 
letter-spacing: 0px;
text-align: right;
font-family: georgia, serif; }

.comments {
font-size:5pt;
font-family:"georgia";
text-transform:uppercase;
letter-spacing: 2px;
}

.entrybox td.index, .index3 {display: none;}
.index2 {font-style:normal; }

ul
{
list-style-type: none;
padding: 0;
margin: 0;
text-align: center;
width: 210px;
background-color:#000000;
color:#ffff33;
}

li {display:block; background-color: #000000; text-decoration: none; margin: 0 0 .2em 0; width: 210px; color: #ffff33;} li a:link, li a:visited  { display: block; background-color: #000000; color: #ffff33; text-decoration: none; width: 210px} li a:hover { background-color: #000000; color: #ffff33; width: 210px;}
-->
</style>
<=GLOBAL_HEAD

FRIENDS_TALK_LINKS<=
<table>
<tr><td class="comments" colspan="2"><br><div id="footer">
<a href="%%urlread%%">%%messagecount%% Want to be unique people</a> ( Are you <a href="%%urlpost%%">a unique person?</a> )
</div>
</td></tr>
<=FRIENDS_TALK_LINKS

LASTN_OPT_ITEMS=>8

CALENDAR_WEBSITE<=

<div id="sidebar"><br><center><img src="http://28.media.tumblr.com/tumblr_lxlkzdLXbE1qd6626o1_500.gif" width="255">

<br><br><font color="#ffffff">BLURB ABOUT YOU.<br><br></div>
<div id="sidebar2"><center>
<center><li><a href=http://journalname.insanejournal.com><font color="#ffff33">RECENT</font></a></li>
<li><a href=http://journalname.insanejournal.com/profile><font color="#ffff33">PROFILE</font></a></li>
<li><a href=http://journalname.insanejournal.com/calendar><font color="#ffff33">ARCHIVE</font></a></li>
<li><a href=http://journalname.insanejournal.com/friends><font color="#ffff33">FRIENDS</font></a></li>
<li><a href=http://asylums.insanejournal.com/abeautifulmind><font color="#ffff33">CREDIT</font></a></li><br><br>
<img src="http://28.media.tumblr.com/tumblr_ly8xb3SuSb1r55j68o1_500.jpg" width="210px"><br><br></div>

<div> </div>

<=CALENDAR_WEBSITE

LASTN_WEBSITE<=

<div id="sidebar"><br><center><img src="http://28.media.tumblr.com/tumblr_lxlkzdLXbE1qd6626o1_500.gif" width="255">

<br><br><font color="#ffffff">BLURB ABOUT YOU.<br><br></div>

<div id="sidebar2">
<center><li><a href=http://journalname.insanejournal.com><font color="#ffff33">RECENT</font></a></li>
<li><a href=http://journalname.insanejournal.com/profile><font color="#ffff33">PROFILE</font></a></li>
<li><a href=http://journalname.insanejournal.com/calendar><font color="#ffff33">ARCHIVE</font></a></li>
<li><a href=http://journalname.insanejournal.com/friends><font color="#ffff33">FRIENDS</font></a></li>
<li><a href=http://asylums.insanejournal.com/abeautifulmind><font color="#ffff33">CREDIT</font></a></li><br><br>

<=LASTN_WEBSITE

Static Preview

Live Example, non scrollable entries:

fireworks_2 &

lace_and_cream

/*Layout by ~lace_and_cream of ~abeautifulmind with help from ~chestnutgallery for sidebars */

FRIENDS_OPT_ITEMS=>25

FRIENDS_WEBSITE<=

<div id="sidebar"><center><img src="http://28.media.tumblr.com/tumblr_lxlkzdLXbE1qd6626o1_500.gif" width="255">

<br><br><font color="#ffffff">BLURB ABOUT YOU.<br><br></div>
</div>

<div id="sidebar2">
<center><li><a href=http://journalname.insanejournal.com><font color="#ffff33">RECENT</font></a></li>
<li><a href=http://journalname.insanejournal.com/profile><font color="#ffff33">PROFILE</font></a></li>
<li><a href=http://journalname.insanejournal.com/calendar><font color="#ffff33">ARCHIVE</font></a></li>
<li><a href=http://journalname.insanejournal.com/friends><font color="#ffff33">FRIENDS</font></a></li>
<li><a href=http://asylums.insanejournal.com/abeautifulmind><font color="#ffff33">CREDIT</font></a></li><br><br>
<img src="http://28.media.tumblr.com/tumblr_ly8xb3SuSb1r55j68o1_500.jpg" width="210px"><br><br></div>

<div> </div>
<=FRIENDS_WEBSITE

DAY_TALK_LINKS<=
<tr><td class="comments" colspan="2"><br><div id="footer">
<a href="%%urlread%%">%%messagecount%% Want to be unique people</a> ( Are you <a href="%%urlpost%%">a unique person?</a> )
</div>
</td></tr>
<=DAY_TALK_LINKS

DAY_WEBSITE<=

<div id="sidebar"><br><center><img src="http://28.media.tumblr.com/tumblr_lxlkzdLXbE1qd6626o1_500.gif" width="290">

<br><br><font color="#ffffff">BLURB ABOUT YOU.<br><br></div>
<div id="sidebar2">
<center>
<center><li><a href=http://journalname.insanejournal.com><font color="#ffff33">RECENT</font></a></li>
<li><a href=http://journalname.insanejournal.com/profile><font color="#ffff33">PROFILE</font></a></li>
<li><a href=http://journalname.insanejournal.com/calendar><font color="#ffff33">ARCHIVE</font></a></li>
<li><a href=http://journalname.insanejournal.com/friends><font color="#ffff33">FRIENDS</font></a></li>
<li><a href=http://asylums.insanejournal.com/abeautifulmind><font color="#ffff33">CREDIT</font></a></li><br><br>
<img src="http://28.media.tumblr.com/tumblr_ly8xb3SuSb1r55j68o1_500.jpg" width="210px"><br><br></div>

<div> </div>

<=DAY_WEBSITE

LASTN_TALK_LINKS<=
<table>
<tr><td class="comments" colspan="2"><br><div id="footer">
<a href="%%urlread%%">%%messagecount%% Want to be unique people</a> ( Are you <a href="%%urlpost%%">a unique person?</a> )
</div>
</td></tr>
<=LASTN_TALK_LINKS

GLOBAL_HEAD<=
<title>JOURNAL TITLE</title>
<style>
<!--
body {
background-color: #000000;
font-family: tahoma;
font-size: 8pt;
color: #ffffff;
line-height: 15pt;
margin:0; overflow-x:hidden; 
background-image:url("http://24.media.tumblr.com/tumblr_ly8fak7OBI1r0zazpo1_500.jpg");
positon:bottom-left;
repeat:no-repeat;}

BODY, TD {
text-align: justify;}

table, tr, xmp, div, td, p {
text-align: justify;}

.shadowed img{display:none; }

table table table table .meta {visibility:hidden;position:absolute;top:1px}
table table table table table .meta {visibility:visible;position:relative;top:1px}

table table .index
{background-color: #777777;
 line-height: 4pt;
 font-size: 9pt;
 font-family: georgia, serif;
 color: #FFFFFF;
 text-align: center;
 padding: 0px;
 width: auto;
}

table table table td.meta
{padding: 1px;
 line-height: 4pt;
 font-size: 7pt;}

.entrybox .meta
{background-color: #777777;
text-align:center;
}

tr.caption{display:none }

.shadowed td div{
visibility: hidden;
position: absolute;
top: 1px }

/*YOUR SIDEBAR*/
#sidebar{
position:fixed !important;
_position:absolute;
top: 0px !important;
left: 820px !important;
width: 255px !important;
padding: 2px;
height: 100%;
background-color: #000000;
visibility: visible;
z-index:1;
font-family: verdana;
font-size: 8pt;
color: #ffffff;
line-height: 10pt; }

html>body #sidebar{
position:fixed !important;
position:absolute;
top: 0px !important;
left: 820px !important;
height: auto;
font-family: verdana
font-size: 1em;
color: #ffffff;
width: 255px;}

#sidebar img{display:inline; }

/*YOUR SIDEBAR*/
#sidebar2{
position:fixed !important;
_position:absolute;
top: 0px !important;
left: 0px !important;
width: 240px !important;
height: 100%;
visibility: visible;
z-index:1;
background-color: #000000;
font-family: verdana;
font-size: 8pt;
letter-spacing: 1px;
line-height: 9pt; 
color: #ffffff;}

html>body #sidebar2{
position:fixed !important;
_position:absolute;
top: 0px !important;
left: 0px !important;
width: 240px !important;
height: auto;
visibility: visible;
z-index:1;
background-color: #000000;
font-family: verdana;
font-size: 8pt;
letter-spacing: 1px;
line-height: 9pt;
color: #ffffff; }

#sidebar2 img{display:inline; }

#footer{
text-align:right;
font-size: 5pt;
font-family: helvetica;
letter-spacing: 1px; }

/*YOUR ENTRIES*/
table, tr, td, .shadowed {
background-color: #777777;  
font-family: sans-serif;
font-size: 8pt;
color: #ffffff; 
line-height: 10pt;
margin-left:240px;}

body {margin-top:-40px !important; margin-top:-15px; }

.content {background-color: #FFFFFF; }

table { 
width: 580px; 
margin-left:240px !important;
margin-right:100%;
font-family: tahoma;
font-size: 8pt;
color: #ffffff;
line-height: 15pt; }