briteskies

Now, with super!delayed theme #2, for

kyriefluffins ! YAY! I'm sorry that I took forever, darlin' But without further delay!

1. Go to the Customize Journal area.

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. (Or you can also select the CUSTOMIZE button beneath whichever FLEXIBLE SQUARES theme you've just chosen - either way works. *MAKE SURE the green "Apply Theme" button underneath has turned into a link that says CUSTOMIZE.)

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

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

7. Copy/Paste this ENTIRE code into the CUSTOM STYLE SHEET field. Make sure not to put any spaces or anything in because it'll break it. =p

/*---Pink! Princess Ai CSS
710x300 Headder
Navbar in Headder Img---*/

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

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

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

::-moz-selection 
        {
        background-color: #FAD0E8;
	color: #660c28;
	}

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

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

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

input, textarea 
        {
        background-color: #FAD0E8;
	color: #660c28;
	}

/* ------ CONTAINING ELEMENTS ------ */

#content 
        { 
	width: 716px;
	margin-left: auto; 
        margin-right: auto;  
        padding: 0px 0px 0px 0px;
	text-align: justify;
        background-color: #f8b6dd;
        }

#maincontent 
        {
	margin-left: 180px;
        margin-right: 10px;
        margin-top: 20px;
	font-family: "arial", sans-serif;
	font-size: 10px;
	color: #660c28;
	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: #660c28;
	float: left;
	text-align: left;
        background-color: #f8b6dd;
	}

#header {
	width: 716px;
	height: 400px;
	background-image: url(http://pics.livejournal.com/galenhiril/pic/001zfy9s);
	background-position: center;         
        background-repeat: no-repeat;
	margin-left: auto;
        margin-right: auto;
	color: #CF759A;
	text-align: center;
	font-family: "arial", sans-serif;		
	font-size: 10px;	
	letter-spacing: 1px;
	text-transform: lowercase;
        clear: both;
        padding-top: 10px;
	}

#footer 
        {			
	width: 100%;
	color: #660c28;
	text-align: center;
	font-family: "arial", sans-serif;		
	font-size: 10px;	
	letter-spacing: 1px;
	text-transform: lowercase;
        z-index: 100;
	clear: both;
	}
	
/* ------ HEADER ------ */

div#header a, div#header a:link, div#header a:visited
        {
	color: #E49CBB;
        background-color: #f8b6dd;
        padding: 20px 10px 5px 10px;
	text-decoration: none;
	font-family: "arial", sans-serif;		
	font-size: 10px;	
	letter-spacing: 1px;
        }

div#footer a, div#footer a:link, div#footer a:visited
        {
	color: #E49CBB;
        background-color: #f8b6dd;
        padding: 5px 10px 13px 10px;
	font-family: "arial", sans-serif;		
	font-size: 10px;	
	letter-spacing: 1px;
	text-decoration: none;
        }

div#header a:hover
        {
	color: #fce1f1;
        background-color: #f8b6dd;
        padding: 20px 10px 5px 10px;
	text-decoration: none;
	font-family: "arial", sans-serif;		
	font-size: 10px;	
	letter-spacing: 1px;
        }

div#footer a:hover 
        {
	color: #fce1f1;
        background-color: #f8b6dd;
        padding: 5px 10px 13px 10px;
	text-decoration: none;
	font-family: "arial", sans-serif;		
	font-size: 10px;	
	letter-spacing: 1px;
        }

li.view
        {
	color: #660c28;
        background-color: #f8b6dd;
        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: #ffffff;
	padding: 0px;
	text-align: center;
	}

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

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

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

.defaultuserpic 
        {
	text-align: center;
	}

.defaultuserpic img
        {
        background-color: #FAD0E8;
        padding: 5px;
        border: 1px #CF759A 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 #CF759A;
	text-align: center;
	font-family: "arial", sans-serif;
	font-size: 9px;
	}

.sbarcalendarposts 
        {
	padding: 2px;
	text-align: center;
	font-family: "arial", sans-serif;
	font-size: 9px;
	border: 1px solid #CF759A;
	}
	
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;
        }

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

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

li.sbartitle  
        {
        background-color: #FAD0E8;
	background-image: url('http://pics.livejournal.com/galenhiril/pic/001zg0e9');
	padding: 5px 0px 5px 0px;
	margin: 10px 0 0px 0;
	list-style: none;
	text-align: center;
	color: #660c28;
	font-family: "arial", sans-serif;
	text-transform: uppercase;
	font-size: 12px;
        letter-spacing: 1px;
        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/001tkh8x); 
	padding: 12px 0px 0px 8px;
	}

.ljuser img[src="http://p-stat.livejournal.com/img/userinfo.gif"] {
	background-image: url(http://pics.livejournal.com/galenhiril/pic/001tkh8x);
	padding: 12px 0px 0px 8px;
	}

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

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

span.ljuser a:hover b 
        {
	padding: 2px 0 2px 0;
	color: #660c28;
	font-weight: bold;
	}

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

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

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

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

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

.userpicfriends a font 
       {
	color: #660c28; !important;
        }
	
.userpicfriends 
        {
        background-color: #FAD0E8 !important;
        border: 1px #cf759a 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: #660c28; !important;
        }
	
.date 
        {
        margin: 0px;
	padding: 3px 0px 3px 3px;
	text-align: right;
	color: #e49cbb;
	top: 5px;
	font-family: "arial", sans-serif;
	font-size: 10px;
	text-transform: lowercase;
	}

.subject 
        {
        margin: 0px;
        padding: 3px 3px 3px 8px;
	color: #660c28;
	font-family: "arial", sans-serif;
	font-weight: bold;
	font-size: 16px;
        letter-spacing: 2px;
        border-bottom: 2px #660c28 solid;
	background-image: url('http://pics.livejournal.com/galenhiril/pic/001zg0e9');
	}
	
.subject a, .subject a:link, .subject a:visited 
        {
	color: #e49cbb;
	}

.subject a:hover 
        {
	color: #660c28;
	}

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

.subject img[src="http://p-stat.livejournal.com/img/icon_protected.gif"]{
		width: 0;
		height: 0;
		padding: 0 21px 20px 0;
		background: url(http://pics.livejournal.com/galenhiril/pic/001zr6ye);
		}

.subject img[src="http://p-stat.livejournal.com/img/icon_private.gif"]{
		width: 0;
		height: 0;
		padding: 0 21px 20px 0;
		background: url(http://pics.livejournal.com/galenhiril/pic/001zr6ye);
		}

.subject img[src="http://p-stat.livejournal.com/img/icon_groups.gif"]{
		width: 0;
		height: 0;
		padding: 0 21px 20px 0;
		background: url(http://pics.livejournal.com/galenhiril/pic/001zr6ye);
		}

.ljtags 
        {
	margin-top: 20px;
        padding-left: 6px;
	color: #ef9cbb;
	font-weight: normal;
	text-transform: lowercase;
	font-family: "arial", sans-serif;
        background: url(http://pics.livejournal.com/galenhiril/pic/001dp1z4/) no-repeat center left;
        }

.currentlocation
       {
       background: url(http://pics.livejournal.com/galenhiril/pic/001dp1z4) no-repeat left center;
       padding: 0px 0px 0px 6px;
	display: none;
	}

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

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

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

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

.currentlocation a, .currentlocation a:link, .currentlocation a:visited 
        {
	color: #e49cbb;
	text-transform: lowercase;
	font-weight: lighter;
	font-family: "Tahoma", sans-serif;
	}
	
.currentlocation a:hover, .ljtags a:hover 
        {
	color: #660c28;
	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 #660c28 solid;
	}
	
div.comments a, div.comments a:link, div.comments a:visited
        {
	color: #660c28;
        }

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

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

.datesubjectcomment 
        {        
	color: #660c28;
        background-color: #FAD0E8;
	margin-top: 10px;
	text-align: right;
	padding: 5px 0px 5px 5px;
	}	
	
.userpiccomment 
        {
        background-color: #FAD0E8 !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: #660c28;
        border: 2px solid #e49cbb;
        background-color: #FAD0E8;
	}
	
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: #660c28;
	}
	
.replytosubject 
        {
        border-bottom: 2px #660c28 solid;
	color: #660c28;
	font-family: "Tahoma", sans-serif;
	font-size: 13px;
        letter-spacing: 1px;
        padding: 3px 3px 3px 8px;
	}

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

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

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

.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: #FAD0E8;
	color: #660c28;
        border: 1px #e49cbb solid;
	}

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

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

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

ul.navfooter li  
        {
        display: inline;	
	}

li.viewing
        {
	color: #660c28;
        background-color: #e49cbb;
        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: 45px;
	background-image: url(http://pics.livejournal.com/galenhiril/pic/001zh90r);
	background-position: center;         
	background-repeat: no-repeat;
         }

/*--- LJ USER POPUP WINDOW---*/

/* general positioning */
div.ContextualPopup {
margin: 10px 0 0 0px;
font: normal 9px "tahoma" !important;
}
/* userpic */
div.ContextualPopup img {
padding: 0 5px 0 5px;
margin: 0 1px 0 5px !important;
}
/* defines general look, font color/size/background color*/
div.ContextualPopup div.Inner {
background-color: #ffffff !important;
color: #660c28 !important;
border: 3px solid #c11378;
padding: 0px;
width: 200px;
text-align: left;
}
/* defines left side of popup without the user icon*/
div.ContextualPopup .Content {
padding: 2px 4px 6px 4px;
}
/* defines the text that shows the relation to the user (XYZ is your mutual friend) */
div.ContextualPopup .Relation {
font-weight: normal !important;
letter-spacing: 2px;
}
/* look of words LJ Talk */
div.ContextualPopup .Content .OnlineStatus {
font-weight: normal;
}
/* element that contains the user icon */
div.ContextualPopup .Userpic {
padding: 4px 4px 0 0;
}
/* defines the look of the links */
div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited {
text-decoration: none !important;
font-weight: normal;
color: #f8b6dd !important;
}

#lj_controlstrip table { margin: 0; padding: 0; width: auto; background-color: #eeeeee !important;}

#lj_controlstrip td {
background-color: #ffffff !important;
font-family: tahoma;
color: #c11378;
}

***SAVE CHANGES***

Now, go ahead and make sure that the code is working. If it isn't... feel free to let me know and I'll see if I can't help you figure out why!

Also, the given CSS code only changes the basic look of your journal, none of the texts. Your title, links and such can all be modified to your liking by just playing around with the options in the CUSTOMIZE YOUR THEME area. Just roam around the sidebar on the left. But it is all quite user-friendly!

And if you have any problems or find things that you don't like, just let me know and I will fix 'em.. or try to anyway. lol

Hope you like it!!

♥

Pink Princess Ai Theme

Pink Princess Ai Theme

no subject

no subject

Expand Cut Tags

Profile

Links

Most Popular Tags

Page Summary

Style Credit