infinitestarlight | Colour Me Tsubasa!?

Some of you may remember this theme - because I blinded you with it for a few months. I was playing around with it tonight for the fun of it, and made some changes from the old one I was using, while also making it so anyone can use it now, if they like. So... here it is, if anyone wants the new, improved version - because one never knows when the mood for blinding-coloured awesome strikes.

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 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 
*Colour Me Tsubasa CCS by galenhiril@livejournal.com

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

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

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

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

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

::-moz-selection 
        {
        background-color: #87B860;
	color: #FFFFFF;
	}

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

b, 
	{
	colour: #a92427;
	}

i, s
	{
        color: #8f4db7;
	}
	
code, kbd, pre, tt 
        {
	font-family: monospace;
	}
	
blockquote {
	margin: 10px 30px 10px 30px;
	padding: 10px;
        border: 2px dashed #e48004;
        background-color: #ffffff;
	}

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

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

/* ------ CONTAINING ELEMENTS ------ */
	
#content 
        { 
	width: 800px;
	margin-left: auto; 
        margin-right: auto;  
        padding: 0px 0px 0px 0px;
	text-align: justify;
        background-color: #FFFFFF;
        border-left: 3px #ff0000 solid;
        border-right: 3px #ff000 solid;
	}

#maincontent 
        {
	margin-left: 190px;
        margin-right: 10px;
        margin-top:20px;
	font-family: "Verdana", sans-serif;
	font-size: 11px;
	color: #000000;
	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: #686868;
	float: left;
	text-align: left;
	background-color: #ffffff;
        border: 1px #ff0000 solid;
	}

#header {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
	color: #686868;
	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: #FFFFFF;
	color: #f947c5;
	text-align: center;
	font-family: "Garamound", sans-serif;
	font-size: 13px;
        font-weight: bold;
	text-transform: uppercase;
	z-index: 100;
	clear: both;
	}
	
/* ------ HEADER ------ */

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

.subtitle 
        {
       	color: #d7d7d7;
	text-decoration: i;
	font-family: "Impact", 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: #d7d7d7;
	text-decoration: none;
        }

div#header a:hover, div#footer a:hover 
        {
	color: #686868;
	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: #000000;
	padding: 0px;
	text-align: center;
	}

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

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

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

.defaultuserpic 
        {
	text-align: center;
	}

.defaultuserpic img
        {
        background-color: #FFFFFF;
        padding: 5px;
        border: 2px #0725f0 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 #ff0000;
	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 #ef8004;
	background-color: #fcfa09;
	}
	
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-bottom: 1px #0725f0 solid;
        }

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

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

li.sbartitle  
        {
        background-color: #0725f0;
	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: 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/001ecekx); 
	padding: 12px 0px 0px 12px;
	}

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

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

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

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

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

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

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

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

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

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

.subject 
        {
        margin: 0px;
        padding: 3px 3px 3px 8px;
	color: #686868;
	font-family: "Garamound", sans-serif;
	font-size: 20px;
	text-transform: uppercase;
        letter-spacing: 1px;
        border-bottom: 15px #0725f0 solid;
	}
	
.subject a, .subject a:link, .subject a:visited 
        {
	color: #D7FFFE;
	}

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

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

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

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

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

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

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

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

.currentlocation a, .currentlocation a:link, .currentlocation a:visited 
        {
	color: #E461C1;
	text-transform: lowercase;
	font-weight: lighter;
	font-family: "Verdana", sans-serif;
	}
	
.currentlocation a:hover, .ljtags a:hover 
        {
	color: #ab2326;
	font-weight: lighter;
	text-transform: lowercase;
	font-family: "Verdana", sans-serif;
	}

.comments 
        {
	font-family: "Verdana", sans-serif;
	font-size: 12px;
        letter-spacing: 1px;
	text-align: right;
	text-transform: lowercase;
	padding: 3px 0px 3px 0px;
	position: relative;
	clear: right;
	margin-top: 10px;
        letter-spacing: 1px;
        border-top: 5px #D7FFFE solid;
	}
	
div.comments a, div.comments a:link, div.comments a:visited
        {
	color: #57EE0B;
        }

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

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

.datesubjectcomment 
        {        
	color: #ab2326;
	margin-top: 10px;
	text-align: right;
	padding: 5px 0px 5px 5px;
	}	
	
.userpiccomment 
        {
        background-color: #FFD394 !important;
        border: 1px #D7FFFE 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: #87B860;
        }

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

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

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

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

div#content input, div#content textarea, div#content select 
        {
	color: #6c6c6c;
        border: 2px solid #0a27ef;
        background-color: #D4FFFE;
	}
	
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: #ab2326;
	}
	
.replytosubject 
        {
        border-bottom: 15px #0725f0 solid;
	color: #6c6c6c;
	font-family: "Garamound", sans-serif;
	text-transform: uppercase;
	font-size: 20px;
        letter-spacing: 1px;
        padding: 3px 3px 3px 8px;
	}

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

.commentreply 
        {
        text-align: justify;
	position: relative;
	margin: 10px;
	font-family: "Verdana", sans-serif;
	font-size: 11px;
	color: #ab2326;
	}
	
.commentbox 
        {
	padding: 5px;
	margin: 10px;
	text-align: left;
        border: 1px #D7FFFE solid;
	}
	
.datesubjectcomment a:link, .datesubjectcomment a:visited 
        {
	color: #87B860;
	}
	
.datesubjectcomment a:hover 
        {
	color: #D7FFFE;
	}

.commentboxpartial 
        {
	padding: 10px; 
	margin: 10px; 
        border: 1px #D7FFFE 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: #DEFEC4;
	color: #ab2326;
        border: 1px #D7FFFE solid;
	}

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

td.yearmonth 
        {
	color: #D7FFFE;
	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: 800px;
	 height: 450px;
         margin-left: auto;
         margin-right: auto;
         margin-top: 0px;
	 background-image: url(http://pics.livejournal.com/galenhiril/pic/000ya7e7);
	 background-position: center;         
         background-repeat: no-repeat;
         border-left: 2px #ff0000 solid;
         border-right: 2px #ff0000 solid;
	  }

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

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

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

This theme will work with both paid and plus accounts, as well as function properly in Firefox and Internet Explorer. But as always, if anyone has any problems with it, lemme know!

You are free to edit anything else in the CUSTOMIZE YOUR THEME area; specifically anything in the sidebar, links list and text areas. Colours, fonts, images, display and CCS are already taken care of, but the rest can be changed to your little hearts content!

Oh, and it's probably worth mentioning that all the lyrics used in this theme are from Imogen Heap's "Speeding Cars." Just in case you were curious.

Hahah, apparently I have a thing for bright layouts =p

P.S. Becca! You're next.

Infinite☆Starlight

Colour Me Tsubasa!?

Colour Me Tsubasa!?

no subject

no subject

Profile

★彡

April 2020

Style Credit

Expand Cut Tags