briteskies

So, ideally it should look like that when it's all said and done! =3

Theme Instillation Instructions
Go to ==> Customize Journal
Go to ==> 2. Select New Theme - type in the search field "Flexible Squares" - select "Apply Theme" to any of the options - it shouldn't matter which one :)
In the upper right box ==> under your newly applied theme, select "Customize Your Theme"
The sidebar on the left ==> select Custom CCS, (it will be the last option on the page)
Disable ==> all options available in the drop down menus. They should all read "no"
Copy code ==> paste into the custom style sheet box
Save Changes

Here is your code you'll need to copy. (*right click and select all*)

body 
        {
	background-color: #A0A0A0;
	background-image: url(http://pics.livejournal.com/galenhiril/pic/00156pc0);
	background-repeat: repeat-x;
	background-attachment: fixed;
	background-position: 0px top;
	overflow-x: hidden;
	overflow:-moz-scrollbars-vertical;
	margin-top: 0px;
	color: #555555;
	font-family: "Verdana", sans-serif;
        font-size: 11px;
        margin: 0px;
	}

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

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

::-moz-selection 
        {
        background-color: #CBCBCB;
	color: #555555;
	}

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

b, i, s, u
{
	color: #777777;
}
	
code, kbd, pre, tt 
        {
	font-family: monospace;
	}
	
blockquote {
	margin: 10px 30px 10px 30px;
	padding: 10px;
        border-top: 2px solid #888888;
        border-bottom: 2px solid #888888;
        background-color: #CBCBCB;
	}

ul.ljtaglist 
        {
	text-align: left;
	padding-left: 20px;
        }

input, textarea 
        {
        background-color: #CBCBCB;
	color: #555555;
	}

/* ------ CONTAINING ELEMENTS ------ */
	
#content 
        { 
	width: 750px;
	margin-left: auto; 
        margin-right: auto;  
        padding: 0px 0px 0px 0px;
	text-align: justify;
        background-color: #C5C5C5;
        border-left: 2px #555555 solid;
        border-right: 2px #555555 solid;
        }

#maincontent 
        {
	margin-left: 180px;
        margin-right: 10px;
        margin-top:20px;
	font-family: "Verdana", sans-serif;
	font-size: 11px;
	color: #555555;
	text-align: center;
        padding: 10px 0px 0px 0px;
	}

#sidebar 
        {
	width: 150px;
        padding: 10px 5px 0px 5px;
        margin-top: 18px;
        margin-left: 10px;
	font-family: "Tahoma", sans-serif;
	font-size: 11px;
	color: #555555;
	float: left;
	text-align: left;
        background-color: #CBCBCB;
	}

#header {
	 width: 750px;
	 height: 400px;
	 background-image: url(http://pics.livejournal.com/galenhiril/pic/00153wz5);
	 background-position: center;         
         background-repeat: no-repeat;
        margin-left: auto;
        margin-right: auto;
	color: #111111;
	text-align: center;
	font-family: "Tahoma", sans-serif;
	font-size: 12px;
	text-transform: lowercase;
        letter-spacing: 2px;
	clear: both;
        padding-top: 10px;
	}

#footer 
        {			
	width: 100%;
	color: #111111;
	text-align: center;
	font-family: "Tahoma", sans-serif;
	font-size: 12px;
	text-transform: lowercase;
        letter-spacing: 2px;
	z-index: 100;
	clear: both;
	}
	
/* ------ HEADER ------ */

div#header a, div#header a:link, div#header a:visited
        {
	color: #555555;
        background-color: #CBCBCB;
        padding: 20px 10px 5px 10px;
	text-decoration: none;
        }

div#footer a, div#footer a:link, div#footer a:visited
        {
	color: #555555;
        background-color: #CBCBCB;
        padding: 5px 10px 13px 10px;
	text-decoration: none;
        }

div#header a:hover
        {
	color: #555555;
        background-color: #B5B5B5;
        padding: 20px 10px 5px 10px;
	text-decoration: none;
        }

div#footer a:hover 
        {
	color: #555555;
        background-color: #B5B5B5;
        padding: 5px 10px 13px 10px;
	text-decoration: none;
        }

li.view
        {
	color: #555555;
        background-color: #C5C5C5;
        padding: 20px 10px 5px 10px;
	text-decoration: none;
        }

ul.navheader 
	{	
        padding: 0px;
	line-height: 0px;
	}

ul.navheader li  
        {
	display: inline;
	}
	
.title
        {
        display: none;
	}

.subtitle 
        {
        display: none;
	}

/* ------ SIDEBAR ------ */

#sidebar .sbarcalendarposts a, #sidebar .sbarcalendarposts a:link, .sbarcalendarposts a:visited
        {
	color: #888888;
	padding: 0px;
	text-align: center;
	}

#sidebar .sbarcalendarposts a:hover 
        {
	color: #555555;
	padding: 0px;
	text-align: center;
	}

div#sidebar a, div#sidebar a:link, div#sidebar a:visited 
        {
        color: #888888;
	text-decoration: none;
	padding: 3px 5px 2px 3px;
	}

div#sidebar a:hover 
        {
	color: #555555;
	text-decoration: none;
	padding: 3px 5px 2px 3px;
	}

.defaultuserpic 
        {
	text-align: center;
	}

.defaultuserpic img
        {
        background-color: #CBCBCB;
        padding: 5px;
        border: 1px #AAAAAA solid;
        }

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

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

.sbarbody2 {
	padding: 0px 5px 10px 5px;
	}
		
table.calendar 
        {
	margin-right: auto;
	margin-left: auto;
	}
	
.sbarcalendar 
        {
	padding: 2px;
	border: 1px solid #AAAAAA;
	text-align: center;
	font-family: "Tahoma", sans-serif;
	font-size: 11px;
	}

.sbarcalendarposts 
        {
	padding: 2px;
	text-align: center;
	font-family: "Tahoma", sans-serif;
	font-size: 11px;
	border: 1px solid #AAAAAA;
	}
	
ul.sbarlist 
        {
	padding-left: 0px;
	margin-left: 0px;		
        list-style: none;
	}

li.sbaritem 
        {
        text-align: right;
	list-style: none;
	font-family: "Tahoma", sans-serif;
	font-size: 11px;
        text-transform: lowercase;
        margin-top: 3px;
	padding: 3px 5px 2px 3px;
        border-bottom: 1px #AAAAAA dotted;
        }

li.sbaritem a 
        {
	padding: 3px 5px 2px 3px;
	list-style: none;
	color: #888888;
	}

li.sbaritem a:hover 
        {
	padding: 3px 5px 2px 3px;
	color: #555555;
        }

li.sbartitle  
        {
        background-color: #CBCBCB;
	padding: 5px 0px 5px 0px;
	margin: 10px 0 0px 0;
	list-style: none;
	text-align: center;
	color: #555555;
	font-family: "Tahoma", sans-serif;
	font-size: 10px;
        letter-spacing: 1px;
        text-transform: uppercase;
        font-weight: bold;
        letter-spacing: 1px;
	}

/* ------ MAINCONTENT ------ */

.ljuser img { 
	width: 0px;
	height: 0px;
	background-repeat: no-repeat;
/*so that IE users will still see an image*/
	background-image: url(http://pics.livejournal.com/galenhiril/pic/0015hzfa); 
	padding: 13px 0px 0px 13px;
	}

.ljuser img[src="http://stat.livejournal.com/img/user.gif"] {
	background-image: url(http://pics.livejournal.com/galenhiril/pic/0015hzfa);
	padding: 13px 0px 0px 13px;
	}

.ljuser img[src="http://stat.livejournal.com/img/community.gif"] {
	background-image: url(http://pics.livejournal.com/galenhiril/pic/0015fa6b);
	padding: 13px 0px 0px 15px;
	}

span.ljuser a b 
        {
	padding: 2px 0 2px 0;
	color: #888888;
	font-weight: lighter;
	}

span.ljuser a:hover b 
        {
	padding: 2px 0 2px 0;
	color: #555555;
	font-weight: lighter;
	}

ul.ljtaglist li  
        {
	list-style: none;
        margin-bottom: 5px;

}

ul.ljtaglist 
        {
	color: #555555;
	font-family: "Verdana", sans-serif;
	font-size: 11px;
	padding: 12px;
	}

.subcontent 
        {
        }
	
.entry	
        {
	padding: 10px 10px 5px 10px;
	color: #555555;
	font-family: "Verdana", sans-serif;
	font-size: 11px;
	text-align: justify;
	}
	
hr 
        {
	color: transparent;
	height: 1px;
	border-style : none; 
	border-bottom: 2px solid #888888;
	}

.entry ul li, ol li, li 
        {
	padding-left: 0px;
	margin-left: 0px;
	}

.userpic 
        {
        background-color: #CBCBCB !important;
        border: 1px #AAAAAA solid;
	position: relative;
	float: right;
	padding: 5px;
	margin: 0px 0px 10px 10px;
	z-index: 15;
	}

.userpicfriends a font 
       {
	color: #555555; !important;
        }
	
.userpicfriends 
        {
        background-color: #CBCBCB !important;
        border: 1px #AAAAAA solid;
	position: relative;
	float: right;
	padding: 5px;
	margin: 0px 0px 10px 10px;
	text-align: center;
	font-family: "Verdana", sans-serif;
	font-size: 11px;
	z-index: 15;
	}

.userpic a font 
       {
	color: #555555; !important;
        }
	
.date 
        {
        margin: 0px;
	padding: 3px 0px 3px 3px;
	text-align: right;
	color: #888888;
	top: 5px;
	font-family: "Verdana", sans-serif;
	font-size: 10px;
	text-transform: lowercase;
	}

.subject 
        {
        margin: 0px;
        padding: 3px 3px 3px 8px;
	color: #555555;
	font-family: "Tahoma", sans-serif;
	font-size: 12px;
        letter-spacing: 2px;
        border-bottom: 2px #555555 solid;
	}
	
.subject a, .subject a:link, .subject a:visited 
        {
	color: #888888;
	}

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

.datesubject 
        {
	background-color: transparent;
	padding: 0px;
	text-align: left;
        }

.ljtags 
        {
	margin-top: 20px;
        padding-left: 15px;
	color: #777777;
	font-weight: lighter;
	text-transform: lowercase;
	font-family: "Tahoma", sans-serif;
        background: url(http://pics.livejournal.com/galenhiril/pic/0015d5q7) no-repeat center left;
        }

.currentlocation
       {
       background: url(http://pics.livejournal.com/galenhiril/pic/0015gdcsg) no-repeat left center;
       padding: 0px 0px 0px 15px;
       }

.currentmood 
       {
       background: url(http://pics.livejournal.com/galenhiril/pic/000s4ttp) no-repeat left center;
       padding: 0px 0px 0px 15px;
       }

.currentmusic 
       {
       background: url(http://pics.livejournal.com/galenhiril/pic/00157dsc) no-repeat left center;
       padding: 0px 0px 0px 15px;
       }
	
.currents strong, .currentmood strong, .currentmusic .currentlocation, .ljtags strong 
        {
        display: none;
	color: #555555;
	font-weight: lighter;
	text-transform: lowercase;
	font-family: "Tahoma", sans-serif;
        padding: 4px 0 4px 0;
	}

.currents, .currentmood, .currentmusic, .currentlocation 
        {
	color: #555555;
	font-weight: lighter;
	text-transform: lowercase;
	font-family: "Tahoma", sans-serif;
	}

.ljtags a, .ljtags a:link, .ljtags a:visited 
        {
	color: #888888;
	text-transform: lowercase;
	font-weight: lighter;
	font-family: "Tahoma", sans-serif;
	}

.currentlocation a, .currentlocation a:link, .currentlocation a:visited 
        {
	color: #888888;
	text-transform: lowercase;
	font-weight: lighter;
	font-family: "Tahoma", sans-serif;
	}
	
.currentlocation a:hover, .ljtags a:hover 
        {
	color: #555555;
	font-weight: lighter;
	text-transform: none;
	font-family: "Tahoma", sans-serif;
	}

.comments 
        {
	font-family: "Tahoma", sans-serif;
	font-size: 11px;
        letter-spacing: 2px;
	text-align: right;
	text-transform: lowercase;
	padding: 3px 0px 3px 0px;
	position: relative;
	clear: right;
	margin-top: 10px;
        border-top: 2px #555555 solid;
	}
	
div.comments a, div.comments a:link, div.comments a:visited
        {
	color: #555555;
        }

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

/* ------MAINCONTENT --  ENTRY, REPLY PAGES ------ */

.datesubjectcomment 
        {        
	color: #555555;
        background-color: #CBCBCB;
	margin-top: 10px;
	text-align: right;
	padding: 5px 0px 5px 5px;
	}	
	
.userpiccomment 
        {
        background-color: #CBCBCB !important;
        border: 1px #AAAAAA solid;
	position: relative;
	top: -30px;
	left: 0px;
	padding: 5px;
	margin: 20px 0px -20px 10px;
	z-index: 15;
	float: right;
	}
	
.box 
        {
	padding: 10px;
	margin-top: 0px;
	text-align: left;
        clear: right;
	}

.box a, .box a:link, .box a:visited
        {
        }

.box a:hover 
        {
	text-decoration: none;
        }

form div.box 
        {
	text-align:center;
        }

form div.box a, form div.box a:link, form div.box a:visited
        {
        }

form div.box a:hover 
        {
	text-decoration: none;
        }

div#content input, div#content textarea, div#content select 
        {
	color: #555555;
        border: 2px solid #888888;
        background-color: #CBCBCB;
	}
	
textarea.textbox  
        {
	width: 100% !important;
	}

.reply	
        {
	position: relative;
	margin: 20px 30px 10px 30px;
	padding: 25px 10px 10px 10px;
	text-align: left;
	font-family: "Tahoma", sans-serif;
	font-size: 11px;
	line-height: 125%;
	color: #555555;
	}
	
.replytosubject 
        {
        border-bottom: 2px #555555 solid;
	color: #555555;
	font-family: "Tahoma", sans-serif;
	font-size: 13px;
        letter-spacing: 1px;
        padding: 3px 3px 3px 8px;
	}

.replytoposter 
        {
        font-weight: lighter;
	color: #888888;
        padding: 5px;
        }

.commentreply 
        {
        text-align: justify;
	position: relative;
	margin: 10px;
	font-family: "Verdana", sans-serif;
	font-size: 11px;
	color: #555555;
	}
	
.commentbox 
        {
	padding: 5px;
	margin: 10px;
	text-align: left;
        background-color: #CBCBCB;
	}
	
.datesubjectcomment a:link, .datesubjectcomment a:visited 
        {
	color: #888888;
	}
	
.datesubjectcomment a:hover 
        {
	color: #555555;
	}

.commentboxpartial 
        {
	padding: 10px; 
	margin: 10px; 
        background-color: #CBCBCB;
	}

.commentinfo 
        {
	margin-top: 10px; 
	width: 100%;
	}
	
/* ------ MAINCONTENT -- YEAR/ACHIVE PAGES ------ */
	
ul.year 
        {
	text-align: center;
	padding: 10px 0 10px 0;
	}

ul.year li 
        {
	display: inline;		
	}

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

table.yeartable td.yeardate, table.yeartable td.yearday 
        {
	background-color: #CBCBCB;
	color: #555555;
        border: 1px #888888 solid;
	}

table.yeartable td.yearday 
        {
	text-align: center;
	color: #888888;
	}

td.yearmonth 
        {
	color: #222222;
	border-style: none;
	}

/* ------ FOOTER ------ */
	
ul.navfooter
        {
        padding: 0px;
	margin: 0px;
	}

ul.navfooter li  
        {
        display: inline;	
	}

li.viewing
        {
	color: #555555;
        background-color: #C5C5C5;
        padding: 5px 10px 13px 10px;
	text-decoration: none;
        }

.clearfoot 
        {		
	clear: both;
	}
	
	
/* ------ MISC ------ */
			
.clear 
        {
	height: 10px;
        font-size: 0.01px;
	}
	
.skiplinks 
        {
	text-transform: lowercase;
	text-align: center;
	padding: 10px 0 10px 0;
	}
	
.headerimage {
            }

.separator {
          height: 15px;
         }

Make sure that you preview your new layout to make sure it isn't broken! Please let me know if something doesn't work, or if you have problems setting it up.

Your links you will have to modify yourself. To do that, go here. You can have as few or as many as you like. I highly recommend a "post an entry" link and other things you frequently use around lj - like managing your user pics or your image gallery. That is what I use my top chunk of links for and I find it fantastic!

If you would like to use the "blurb" in the sidebar, just be sure to give it a title or the code goes funky on occasion. =3 Your "friends, archive, profile, recent entries" is at the very top of the page - if you didn't catch that.

And I think this goes without saying, but this was made for

kinoha-chan. I would prefer if she were the only one using it, please. ♥

Flat | Top-Level Comments Only

From:

lullabyte.livejournal.com

Whoa, awesome layout design! :D

briteskies.livejournal.com

XD thank you very much ♥

su-chan.livejournal.com

WOW! that is a lovely layout *_____*

laifan.livejournal.com

wah! so cute! you're really good at making layouts ^^

XD thank you very much

I am trying to get better/faster at making them.

kinoha.livejournal.com

*___________________________________________________*
Whoa!! *just came from a long day and training*
Sugoi!!! &hearts&hearts&hearts&hearts&hearts&hearts&hearts&hearts&hearts&hearts
Thank you so much!!!!!!!!!!!!! *tackle glomp*
ILU! Sooooo much! =D
It looks perfect now! *-*
^___^ ehe~ I planned to organize the links just like you do, 'cause I saw it at your journal, seems like a great idea!
*drowning in happiness* &hearts
:D *goes to try to install it*
&hearts

XD yay! I'm glad you like it!

ILU TOO!!!!!!!!!!!!!!! ♥

Lemme know if you have any troubles XD

*happy*
No problems for now~ &hearts
Only a question...is it possible that the colors for the friends on the f-list (you know, those you can give each one *is obsessed with that*) are shown? 'Cause now my flist looks so plain ;.;

That is a good question. I have no idea. I don't know that Flexible Squares has that feature enabled but I will look into it and find out for you XD

♥

*sparkles* You would? X3333 &hearts

xiaoland.livejournal.com

wow, this is a beauty theme I have seen. You are so great! Can you make for me one?

Thank you very much! XD

Sure, I can make one for you if you like! Do you have anything specific in mind?

So you have any chracters or specific pictures you would like me to use?

And I will have to warn you that I am working on a few others right now, so it might be a week or so before I can get it finished XD

For My Lovely Kinoha-chan <3

For My Lovely Kinoha-chan <3

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

Expand Cut Tags

Profile

Links

Most Popular Tags

Page Summary

Style Credit