briteskies

This one was both easy and hard, because I've had the idea in my head for a while now, but it was hard to actually get it to work =p Thank goodness for

s2flexisquares , and all their lovely tutorials. =p

This was made for my wonderful

templar0 <3

1. Go to Customize Journal.

2. Under "#2 Select New Theme," type in FLEXIBLE SQUARES in the search field.

3. Select APPLY THEME under any of the given options.
*Blue Gray is the FLEXIBLE SQUARES default, but it really shouldn't matter which one you select.

4. Select CUSTOMIZE YOUR THEME in the upper-right box field.

5. Select CUSTOM CCS - it will be the last option on the left sidebar

6. Change all drop-down options on this page to NO.
*There will be three of them.

7. Copy/Paste this entire code into the CUSTOM STYLE SHEET field. And this code is really touchy, so make sure not to put any spaces or anything in because it'll break it. lol.

body	{
		background-color: #999999;
                background-image:url(http://pics.livejournal.com/galenhiril/pic/001d7e7c);
                background-attachment:fixed!important;
                background-attachment:scroll;
                background-position:0px 45px;
                background-repeat:repeat-y;
		text-align: left;
		color: #848484;
		font-family: "Verdana", sans-serif;
		font-size: 10px;
		margin: 0px;
		}

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

a:hover {
		color: #646464;
		text-decoration: none;
		}

p, td,  {
	    	font-size: 11px;
		}

b, s,	{		
	        color: #797979;
		}

blockquote {
		margin: 10px 30px 10px 30px;
		padding: 10px;
	        border: 1px dotted #000000;
        	background-color: #d3d3d3;
		}

code, kbd, pre, tt {
	    	font-family: monospace;
		}
          span.ljuser {
                        background:url(http://pics.livejournal.com/galenhiril/pic/001dakzb) no-repeat;
                        background-position:top left;
                        width: 11px;
                        height: 11px;
                        margin:0px;

}
                span.ljuser img {visibility: hidden; width:12px; height:11px;}
                span.ljuser a b{padding-left:0px;}

.subject img[src="http://stat.livejournal.com/img/icon_protected.gif"]{
			width: 0;
			height: 0;
			padding: 0px 7px 8px 0px;
			background: url(http://pics.livejournal.com/galenhiril/pic/001db4yh);
}
/*---------------------------------------------------------------------
   General Page Stuff
------------------------------------------------------------------------*/

#content
	{
		width: 806px;
		margin-left:0px;
		padding: 0px;
	}

#maincontent {
		margin-top: 25px!important;
                margin-top:0px;
		font-family: "Verdana", sans-serif;
		font-size: 10px;
		margin-left: 366px;
		}

#sidebar {

padding-top: 0px;
		height:671px;
                 background-image:url(http://pics.livejournal.com/galenhiril/pic/001dchcb);
                 background-position:top right;
                 background-repeat:no-repeat;
	  	font-size: 10px;
		font-family: "Verdana", sans-serif;
		width: 366px;
		float: left;
		text-align:left;
                 position:fixed!important;
                 position:absolute;
                 left:0px;
                 top:25px;
		}

/*-----------------------------------------------------------------------------
   Header Stuff
--------------------------------------------------------------------------------*/

#header {
		width: 187px;
                 height:15px;
		padding:5px 3px;
		margin: 0px;
		text-align: center;
		font-family: "Verdana", sans-serif;
		font-size: 10px;
		background-color: #000000;
                 position:fixed!important;
                 positon:absolute;
                 margin-left:173px;
                 top:0px;
		}

.headerimage {
		/* for formatting header image */
		}

/*look  and color of links (also partly for footer)*/
	div#header a, div#header a:link, div#header a:visited {
		color: #848484;
	}

div#header a:hover{
		color: #d3d3d3;
		text-decoration: none;
	}

/*title and subtitle*/
	.title	{
		font-family: "Verdana", sans-serif;
		font-size: 11px;
		font-weight: normal;
		line-height: 200%;
		top: 10px;
                 display:none;
		}

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

/*-----------------------------------------------------------------------------
   Header - top navigation
--------------------------------------------------------------------------------*/

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

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

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

li.view {color:#ffffff;}

/*-----------------------------------------------------------------------------
   Entry stuff
------------------------------------------------------------------------*/

.subcontent {
                background-image:url(http://pics.livejournal.com/galenhiril/pic/001d8ws5);
                background-repeat:repeat-y;
                margin-left:20px;
                padding: 0px 0px 10px 0px;
	}

.entry	{
		margin:0px 5px;

padding: 0px 10px;
		font-family: "Verdana", sans-serif;
		font-size: 10px;
		text-align: left;
		}
        .entry_text {
                letter-spacing:0.3px;
                line-height:14px;
                }

.userpic {
		position: relative;
		float: left;
		background-color: #d4dce8;
		padding: 5px;
		margin: 10px;
		z-index: 15;
                display:none;
		}

.date {
		top: 5px;
		text-align:right;
		font-family: "Verdana", sans-serif;
		font-size: 9px;
                color:#b4b4b4;
		}

.subject {

padding: 0px;
		text-transform:uppercase;
		font-family: "Verdana", sans-serif;
		font-size: 10px;
                color:#616161;
		}

.datesubject {
		padding:10px 15px;
		}

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

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

/*---------------------------------------------------------------------
  Entry Stuff - Currents 
------------------------------------------------------------------------*/

.currents, .currentmood, .currentmusic {
		font-family: "Verdana", sans-serif;
		font-size: 9px;
		}
       .currents {
                background-color:#e8e8e7;
                width:300px;
                padding:5px;
                color:#aaa9a9;
                }
       .currents img {display:none;}

.currents strong {
                font-weight:normal;
                color:#848484;
                text-transform:lowercase;
                }
       div.ljtags {
                width:300px;
                border-width:0px 0px 0px 2px;
                border-style:solid;
                border-color:#efefef;
                padding:5px;

font-size: 9px;
                margin-top:10px;
                 }

/*---------------------------------------------------------------------
  Entry Stuff - Comments
------------------------------------------------------------------------*/

.comments {
		font-family: "Verdana", sans-serif;
		font-size: 9px;
		text-align: left;
		padding: 0px 5px 0px 5px;
		position: relative;
		top: 0px;
                color:#aaa9a9;
		}

/*---------------------------------------------------------------------
  Entry Stuff - Separator
------------------------------------------------------------------------*/

.separator{
		/* for formatting separators between entries */
                 height:15px!important;
		height: 35px;

}

/*------------------------------------------------------------
  Friends Page Stuff
-------------------------------------------------------------------------------*/

.userpicfriends {
		position: relative;
		float: right;
		padding: 5px;
		margin: 10px 0px 10px 5px;
		text-align: center;
		font-family: "Verdana", sans-serif;
		font-size: 11px;
		z-index: 15;
                background-color:#e9e8e8!important;
                color:#f8f8f8;
		}
       .userpicfriends a font {
                color:#848484;
                font-size:9px;
                }

/*------------------------------------------------------------
  Sidebar
-------------------------------------------------------------------------------*/

.defaultuserpic {
		padding:10px;
                width:144px;
                background-image:url(http://pics.livejournal.com/galenhiril/pic/001d9z8k);
                background-position:top right;
                background-repeat:repeat-y;
                text-align:right;
		}

.sbarheader {
		padding: 0px;
                width:172px;
		}

.sbarbody {
	       padding: 5px 10px;
                margin:10px 0px;
                width:144px;
                background-image:url(http://pics.livejournal.com/galenhiril/pic/001d9z8k);
                background-position:top right;
                background-repeat:repeat-y;
                text-align:right;
		}

.sbarbody2 {
	       padding: 5px 10px;
                margin:10px 0px;
                width:144px;
                background-image:url(http://pics.livejournal.com/galenhiril/pic/001d9z8k);
                background-position:top right;
                background-repeat:repeat-y;
                text-align:right;
	}

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

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

/*------------------------------------------------------------
  Sidebar - Calendar
-------------------------------------------------------------------------------*/

table.calendar {
                 margin-right:0px;
                 text-align:right;
                 font-family: "Verdana", sans-serif;
		font-size: 9px;
		}

.sbarcalendar {

text-align: right;
		font-family: "Verdana", sans-serif;
		font-size: 9px;
		}

.sbarcalendarposts {

background-color: #eeeeee;
		text-align: right;
		font-family: "Verdana", sans-serif;
		font-size: 9px;
		}

/*------------------------------------------------------------
  Sidebar - Links and Boxes
-------------------------------------------------------------------------------*/

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

li.sbaritem
	{
		padding:0px;
		list-style: none;
	}

li.sbartitle
	{
		padding:0px;
		list-style: none;
		margin-bottom: 10px;
		margin-top: 10px;
                 text-transform:uppercase;
		font-family: "Verdana", sans-serif;
		font-size: 10px;
                 color:#616161;
	}

/*----------------------------------------------------
  footer
----------------------------------------------------------------*/

#footer {
		margin-left: 366px;
		text-align: left;
		font-family: "Verdana", sans-serif;
		font-size: 9px;
                 padding:0px 0px 0px 25px;
		z-index: 100;
		clear: both;
		}

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

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

.clearfoot {
		clear: both;
		}

/*----------------------------------------------------
 Archive Pages - boring!
----------------------------------------------------------------*/

ul.year {
		text-align: center;
		padding-bottom: 40px;
                 font-size:10px;
                 width:350px;
 		}

ul.year li {
		display: inline;
		}

table.yeartable {
                background-image:url(http://pics.livejournal.com/galenhiril/pic/001d8ws5);
                background-repeat:repeat-y;
                margin-left:20px;
                padding:10px;
                font-size:10px;
                width:350px;
		}

table.yeartable td.yeardate, table.yeartable td.yearday {
	       font-size:10px;
                margin:0px;
                padding:0px;
		}

table.yeartable td.yearday {
	       background-color: #e9e8e8;
	       text-align: center;
                font-size:10px;
                padding:3px;
		}

td.yearmonth {
	       border-style: none;
                font-size:10px;
                padding:0px 0px 10px 0px
		}

dl {padding-top:10px;}
/*----------------------------------------------------
 Comments pages
----------------------------------------------------------------*/

.datesubjectcomment {

padding:10px 15px;
			margin-top: 20px;
		        font-family: "Verdana", sans-serif;
		        font-size: 10px;
                         color:#616161;
			}

.userpiccomment {
		position: relative;
		padding: 5px;
		margin:0px 0px 0px 10px;
		z-index: 15;
		float:right;
		background-color:#e9e8e8;
		border: 1px #000000 dotted;
		}

.box {
                 width:100%;
                 margin:0px;
		margin-left:20px;
		padding: 0px;
		clear: left;

}

input, textarea, select {
	       background-color:#e7e8e8;
	       color: #848484;
                font-size:11px;
                border:0px solid #c1c1c1;
                padding:3px;
		}
       #postform {
                font-size:10px!important;
                margin-top:30px;
                padding:10px 40px 10px 5px;
                background-image:url(http://pics.livejournal.com/galenhiril/pic/001d8ws5);
                background-repeat:repeat-y;
                }
         #postform table td{
                font-size:10px!important;
                }
	textarea.textbox  {
          	width: 100% !important;
                font-size:11px;
                font-family: "Verdana", sans-serif;
   		}

label, label b {
               font-weight:normal;
                }

tr#ljuser_row {
               background-image:url(http://pics.livejournal.com/galenhiril/pic/001dakzb);
               background-repeat:no-repeat;
               background-position:10px 5px;
               }
        tr#ljuser_row img {
               display:none;
               }

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

.replytosubject {
		font-weight: bold;
		}

.commentreply {
		position: relative;
		margin: 10px;
		font-size: 10px;
		font-family: "Verdana", sans-serif;
                 line-height:13px;
		}

.commentbox {

background-image:url(http://pics.livejournal.com/galenhiril/pic/001d8ws5);
                background-repeat:repeat-y;
                padding: 0px 10px 10px 5px;

}

.commentboxpartial {
		border-color: #ededed;
		border-width: 1px 0px 0px 1px;
		border-style: solid;
		padding: 10px;
		margin: 10px;
                }
        .commentboxpartial a {color:#646464}

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

.skiplinks {
		text-align: center;
		}

/*--------------------------------------------
Misc
-----------------------------------------*/

.clear {
	       height: 10px!important;
                height:15px;
                clear:both!important;
                clear:none;
		}

8. Save Changes!

A few other things, or it might look a little weird:
-In the Customize Journal area, on the bottom of the page, I'd change your add placement to "*between entries."
-The theme looks a little awkward with the Navigation bar active. I recommend de-selecting all the Navigation Bar options.
-In the CUSTOMIZE YOUR THEME area, on the left sidebar, under TEXT you can change the titles of things
I really recommend changing "recent entries" to "Journal" and "user info" to "Info" otherwise, the header navigation scrunches up and might be hard to read.

Oh, and here's a new, matching icon if you want xD

P.S. I love you.

Flat | Top-Level Comments Only

From:

toadwart.livejournal.com

that is loverly!!!

he is gonna love it=)

templar0.livejournal.com

YEAH BUDDY!! You rock!! Thank you so much! You are so my hero of... well... forever! I have no idea how or why or even what I did to have someone so freaking vibrant and awesome in my life, but you're not likely to get any complaints from me. Ever. I didn't really have anything other than expressing my love and gratitude this morning... but I figure that's as good a reason as any to bug ya... luvluvluvluvluvluvluvluv... and so on, etc, etc, etc!

One Down - Two To Go!

One Down - Two To Go!

no subject

YAY!!!

Expand Cut Tags

Profile

Links

Most Popular Tags

Page Summary

Style Credit