infinitestarlight | Yuna Theme!

So, I got bitten by the "OMG I want another theme" bug. Again. My goal was to do something a little calmer this time. I suppose I succeeded. Partly. But I'm beginning to wonder if I'm to be plagued by the colour pink for the rest of eternity or something. Hahaha. I can't seem to escape it.

The one I had started to do was of Ashura. Stripping. 8D No - I'm not kidding. It was a screen shot from CLAMP in Wonderland 2. But the image I was working with was giving me problems and I... wound up using Yuna instead. Haha. I have no idea why. I'm sure I'll conquer the Stripper!Ashura theme some day though. Plus, Yuna is made of awesome.

Incase the desire for a pink Yuna-inspired theme strikes you! Well, now you can use this one!

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. (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 CCS - 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

/*------------------------------------------------

profile/navigation links under Headder Image layout
* CCS-- \"Waves of Dreams\" FlexiSquares 
875x325

------------------------------------------------*/

/* ------ MAIN ------ */

body 
        {
	background-color: #ffffff;
	background-image: url();
	background-repeat: repeat;
	background-attachment: fixed;
	background-position: 0px top;
	overflow-x: hidden;
	overflow:-moz-scrollbars-vertical;
	color: #010405;
	font-family: \"Verdana\", sans-serif;
        font-size: 11px;
        margin: 0px;
	}

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

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

::-moz-selection 
        {
        background-color: #ffd4e8;
	color: #ffffff;
	}

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

b, s
	{
	color: #ff8ec3;
	}

bold 
	{
	color: #ff8ec3;
	}

strong
	{
	color: #5db5cd;
	}

i 
	{
        color: #010405;
	}
	
code, kbd, pre, tt 
        {
	font-family: monospace;
	}
	
blockquote {
	margin: 10px 30px 10px 30px;
	padding: 10px;
        border-top: 2px solid #ff8ec3;
	border-bottom: 2px solid #ff8ec3;
        background-color: #ffffff;
	}

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

input, textarea 
        {
	background-color: #ffffff;
	color: #113ba7;
	}

/* ------ CONTAINING ELEMENTS ------ */
	
#content 
        { 
	width: 875px;
	margin-left: auto; 
        margin-right: auto;  
        padding: 0px 0px 0px 0px;
	text-align: justify;
        background-color: #ffffff;
        border-left: 1px #113ba7 solid;
        border-right: 1px #ff8ec3 solid;
	}

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

#sidebar 
        {
	width: 160px;
        padding: 10px 5px 0px 5px;
        margin-top: 18px;
        margin-left: 10px;
	font-family: \"Verdana\", sans-serif;
	font-size: 11px;
        color: #113ba7;
	float: left;
	text-align: left;
	background-color: #ffffff;
        border: 0px #ffffff solid;
	}

#header {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
	color: #113ba7;
	text-align: center;
	font-family: \"Garamound\", sans-serif;
	font-size: 12px;
        font-weight: bold;
	text-transform: uppercase;
	clear: both;
        background-color: #ffffff;
        padding-top: 10px;
	}

#footer 
        {			
	width: 100%;
        background-color: #113ba7;
	color: #ffffff;
	text-align: center;
	font-family: \"Garamound\", sans-serif;
	font-size: 14px;
        font-weight: bold;
	text-transform: uppercase;
	z-index: 100;
	clear: both;
	}
	
/* ------ HEADER ------ */

.title
        {
        color: #113ba7;
	text-decoration: none;
	font-family: \"Impact\", sans-serif;
	font-size: 26px;
        font-weight: bold;
	text-transform: uppercase;
	}

.subtitle 
        {
       	color: #ffffff;
	background-color: #113ba7;
	text-decoration: i;
	font-family: \"Garamound\", sans-serif;
	font-size: 14px;
        font-weight: bold;
	text-transform: uppercase;
	}

div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited
        {
	color: #5db5cd;
	text-decoration: none;
        }

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

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

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

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

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

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

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

div#sidebar a:hover 
        {
	color: #ffffff;
	background-color: #113ba7;
	text-decoration: none;
	padding: 3px 5px 2px 3px;
	}

.defaultuserpic 
        {
	text-align: center;
	}

.defaultuserpic img
        {
        background-color: #ffffff;
        padding: 3px;
        border: 1px #113ba7 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 #010405;
	text-align: center;
	font-family: \"Verdana\", sans-serif;
	font-size: 11px;
	}

.sbarcalendarposts 
        {
	padding: 2px;
	text-align: center;
	font-family: \"Verdana\", sans-serif;
	font-size: 11px;
	border: 2px solid #ff8ec3;
	background-color: #fff3f9;
	}
	
ul.sbarlist 
        {
	padding-left: 0px;
	margin-left: 0px;		
        list-style: none;
	}

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

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

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

li.sbartitle  
        {
        background-color: #ff8ec3;
	border-right: 0px #ffffff;
	border-bottom: 0px #ffffff;
	padding: 5px 0px 5px 0px;
	margin: 10px 0 0px 0;
	list-style: none;
	text-align: center;
	color: #ffffff;
	font-family: \"Garamound\", sans-serif;
	font-size: 12px;
        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/001hg783); 
	padding: 13px 0px 0px 13px;
	}

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

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

span.ljuser a b 
        {
	padding: 2px 0 2px 0;
	color: #ff8ec3;
		}

span.ljuser a:hover b 
        {
	padding: 2px 0 2px 0;
	color: #ffd4e8;
		}

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

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

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

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

.userpic 
        {
        background-color: #ffffff !important;
        border: 2px #113ba7 solid;
	position: relative;
	float: right;
	padding: 3px;
	margin: 0px 0px 10px 10px;
	z-index: 15;
	}

.userpicfriends a font 
       {
        color: #9c9464 !important;
        }
	
.userpicfriends 
        {
        background-color: #ffffff !important;
        border: 2px #9c9464
	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: #eddcdc !important;
        }
	
.date 
        {
        margin: 0px;
	padding: 3px 0px 3px 3px;
	text-align: right;
	color: #FFF3F9;
	top: 5px;
	font-family: \"Verdana\", sans-serif;
	font-size: 10px;
	text-transform: lowercase;
	}

.subject 
        {
        margin: 0px;
        padding: 3px 3px 3px 8px;
	color: #ffffff;
	font-family: \"Garamound\", sans-serif;
	font-size: 20px;
	text-transform: uppercase;
	font-weight: bold;
        letter-spacing: 1px;
        border-bottom: 10px #113ba7 solid;
	}
	
.subject a, .subject a:link, .subject a:visited 
        {
	color: #ffffff;
	}

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

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

.ljtags 
        {
	margin-top: 20px;
        padding-left: 12px;
	color: #ffd4e8;
	font-weight: lighter;
	text-transform: lowercase;
	font-family: \"Verdana\", sans-serif;
        background: url(http://pics.livejournal.com/galenhiril/pic/001dhs9e) no-repeat center left;
        }

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

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

.currentmusic 
       {
       background: url(http://pics.livejournal.com/galenhiril/pic/001e1y26) no-repeat left center;
       padding: 0px 0px 0px 10px;
       }
	
.currents strong, .currentmood strong, .currentmusic .currentlocation, .ljtags strong 
        {
        display: none;
	color: #5db5cd;
	text-transform: lowercase;
	font-family: \"Verdana\", sans-serif;
        padding: 4px 4px 4px 4px;
	}

.currents, .currentmood, .currentmusic, .currentlocation 
        {
	color: #5db5cd;
	text-transform: lowercase;
	font-family: \"Verdana\", sans-serif;
	}

.ljtags a, .ljtags a:link, .ljtags a:visited 
        {
	color: #5db5cd;
	text-transform: lowercase;
	font-weight: lighter;
	font-family: \"Verdana\", sans-serif;
	}

.currentlocation a, .currentlocation a:link, .currentlocation a:visited 
        {
	color: #5db5cd;
	text-transform: lowercase;
	font-family: \"Verdana\", sans-serif;
	}
	
.currentlocation a:hover, .ljtags a:hover 
        {
	color: #5db5cd;
	text-transform: lowercase;
	font-family: \"Verdana\", sans-serif;
	}

.comments 
        {
	font-family: \"Garamound\", sans-serif;
	font-size: 12px;
        letter-spacing: 1px;
	text-align: center;
	text-transform: uppercase;
	padding: 3px 0px 3px 0px;
	position: relative;
	clear: right;
	margin-top: 10px;
        letter-spacing: 1px;
        border-top: 5px #113ba7 solid;
	}
	
div.comments a, div.comments a:link, div.comments a:visited
        {
	color: #113ba7;
        }

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

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

.datesubjectcomment 
        {        
	color: #ff8ec3;
	margin-top: 10px;
	text-align: right;
	padding: 5px 0px 5px 5px;
	}	
	
.userpiccomment 
        {
        background-color: #ffffff !important;
        border: 1px #113ba7 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
        {
	color: #ff8ec3;
        }

.box a:hover 
        {
	color: #5db5cd;
	text-decoration: none;
        }

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

form div.box a, form div.box a:link, form div.box a:visited
        {
	color: #ff8ec3;
        }

form div.box a:hover 
        {
	color: #5db5cd;
	text-decoration: none;
        }

div#content input, div#content textarea, div#content select 
        {
	color: #010405;
        border: 1px solid #ff8ec3;
        background-color: #FFF3F9;
	}
	
textarea.textbox  
        {
	width: 100% !important;
	}

.reply	
        {
	position: relative;
	margin: 20px 30px 10px 30px;
	padding: 25px 10px 10px 10px;
	text-align: left;
	font-family: \"Veranda\", sans-serif;
	font-size: 11px;
	line-height: 125%;
	color: #010405;
	}
	
.replytosubject 
        {
        border-bottom: 15px #113ba7 solid;
	color: #ffffff;
	font-family: \"Garamound\", sans-serif;
	text-transform: uppercase;
	font-size: 20px;
        letter-spacing: 1px;
        padding: 3px 3px 3px 8px;
	}

.replytoposter 
        {
        font-weight: lighter;
	background-color: #fff3f9;
	colour: #113ba7;
	border: 1px #ff8ec3 solid;
        padding: 5px;
        }

.commentreply 
        {
        text-align: justify;
	position: relative;
	margin: 10px;
	font-family: \"Verdana\", sans-serif;
	font-size: 11px;
	color: #113ba7;
	}
	
.commentbox 
        {
	padding: 5px;
	margin: 10px;
	text-align: left;
        border: 1px #ff8ec3 solid;
	background-color: #fff3f9;
	}
	
.datesubjectcomment a:link, .datesubjectcomment a:visited 
        {
	color: #113ba7;
	}
	
.datesubjectcomment a:hover 
        {
	color: #5db5cd;
	}

.commentboxpartial 
        {
	padding: 10px; 
	margin: 10px; 
        border: 1px #010405 solid;
	}

.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: #ffffff;
	color: #113ba7;
        border: 1px #010405 solid;
	}

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

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

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

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

.clearfoot 
        {		
	clear: both;
	}
	
	
/* ------ MISC ------ */
			
.clear 
        {
	height: 10px;
        font-size: 0.01px;
	}
	
.skiplinks 
        {
	text-transform: lowercase;
	text-align: center;
	padding: 10px 0 10px 0;
	}
	
.headerimage {
         position: relative;
	 width: 875px;
	 height: 325px;
         margin-left: auto;
         margin-right: auto;
         margin-top: 0px;
	 background-image: url(http://pics.livejournal.com/galenhiril/pic/001hbxc1);
	 background-position: center;         
         background-repeat: no-repeat;
         border-left: 1px #113ba7 solid;
         border-right: 1px #ff8ec3 solid;
	  }

.separator {
        height: 85px;
	background-image: url(http://pics.livejournal.com/galenhiril/pic/001hcwdk);
	background-position: center;         
	background-repeat: no-repeat;
         }

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

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

8. Save Changes. And you're done!

*The given CCS code changes the look of your journal, none of the texts. You can modify many things 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 a "friends-only" journal, feel free to nab this!

P.S. CocaCola Font is awesome.

Flat | Top-Level Comments Only

From:

toadwart.livejournal.com

awe, that is so cute!

and the font is AWESOME=)

briteskies.livejournal.com

xD I like cute. Apparently. That seems to be the result when I do things anyway! Haha

HECK YES IT IS. (haha, I-I'm using it on your theme too.... )

kinoha.livejournal.com

Waaah~ Yuna &hearts *__*
It's beautiful! XD
Oh yeah XDD stripper Ashura is made of awesome ;D

Hyuuu~ I love Yuna. She is wonderful. CLAMP kids always get attention from me so I thought I'd let someone else have some xD
Thank you xD I think I will like it
Hhaha, I laugh every time at that part. "Cut!"

She is!
XDDDD and somehow Ashura still manages to be cute~ Even stripping ^.~

nwfairy.livejournal.com

Awww I like this one (so much calmer!XD)

But the front and Yuna tie it together ^^

hahaha, yeah "calm" hasn't really been a good adjictive for my past layouts =p

THEY ARE BOTH TASTY AND REFRESHING! hahaha =p *is shot*

transephera.livejournal.com

Oooh, careful, girlie! They don't make rehab for the layout-addicted! I kid, I kid- I think it's super-cool, and that font is terrific! ~~the whitewhite background is a little harsh, though...maybe you could soften it up like you did with the reply box? Just a thought...~~

Infinite☆Starlight

Yuna Theme!

Yuna Theme!

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

Profile

★彡

April 2020

Style Credit

Expand Cut Tags