infinitestarlight | Sylar/Zachary Quinto LJ Theme! (Reply)

I've been on a tiny bit of roll over the past two days. Three themes done! YAY! Here is my shiny new Sylar/Zachary Quinto theme I just finished. Because I'm on a huge Heroes kick - as I'm sure you're all tired of hearing about. But just a month now until Season 3 starts, and I'd kept my shiny yellow theme for quite a while so I thought it seemed like as good a time to change it up as as any :3

So, just in case anyone wants to use this theme now, later, or whenever, here's the code and instructions on how to install it!

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

/*---Sylar Theme - August 2008
800x360 Headder
Navbar in Headder Img---*/

body 
        {
	background-color: #ffffff;
	background-image: url();
	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: #5a6f8d;
	text-decoration: none;
	}

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

::-moz-selection 
        {
        background-color: #b5c1ca;
	color: #141414;
	}

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

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

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

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

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

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

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

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

#header {
	width: 800px;
	height: 400px;
	background-image: url(http://pics.livejournal.com/galenhiril/pic/001ztqc0);
	background-position: center;         
        background-repeat: no-repeat;
	margin-left: auto;
        margin-right: auto;
	color: #444444;
	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: #444444;
	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: #b5c1ca;
        background-color: #ffffff;
        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: #b5c1ca;
        background-color: #ffffff;
        padding: 5px 10px 13px 10px;
	font-family: "arial", sans-serif;		
	font-size: 10px;	
	letter-spacing: 1px;
	text-decoration: none;
        }

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

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

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

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

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

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

.defaultuserpic 
        {
	text-align: center;
	}

.defaultuserpic img
        {
        background-color: #141414;
        padding: 5px;
        border: 0px #000000 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 #000000;
	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 #ffffff;
	}
	
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;
	text-align: center;
        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: #ffffff;
	background-image: url();
	padding: 5px 0px 1px 0px;
	margin: 10px 0 0px 0;
	list-style: none;
	text-align: center;
	color: #780707;
	font-family: "Georgia" Helvetica, sans-serif;
	font-style: italic;
	text-transform: none;
	font-size: 12px;
        letter-spacing: 1px;
        font-weight: bold;
        letter-spacing: 1px;
	border-top: 2px #141414 solid;
	border-bottom: 2px #141414 solid;
	}

/* ------ 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/0020029p); 
	padding: 12px 0px 0px 13px;
	}

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

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

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

span.ljuser a:hover b 
        {
	padding: 2px 0 2px 0;
	color: #141414;
	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: #141414;
	font-family: "Verdana", sans-serif;
	font-size: 11px;
	text-align: justify;
	}
	
hr 
        {
	color: transparent;
	height: 1px;
	border-style : none; 
	border-bottom: 2px solid #000000;
	}

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

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

.userpicfriends a font 
       {
	color: #141414; !important;
        }
	
.userpicfriends 
        {
        background-color: #ffffff !important;
        border: 1px #141414 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: #141414; !important;
        }

.date
	{
	text-align: center;
	top: 2px;
	color: #999999;
	font-family: "Georgia" Helvetica, sans-serif;
	font-style: italic;
	fotr-weight: lighter;
	font-size: 12px;
	text-transform: lowercase;
	border-top: 2px #141414 solid;
	}

.subject 
        {
        margin: 0px;
        padding: 3px 3px 3px 8px;
	color: #780707;
	font-family: "Georgia" Helvetica, sans-serif;
	font-style: italic;
	font-weight: bold;
	font-size: 20px;
	text-align: center;
        letter-spacing: 2px;
	text-transform: none;
        border-bottom: 2px #141414 solid;
	background-image: url('');
	}
	
.subject a, .subject a:link, .subject a:visited 
        {
	color: #780707;
	}

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

.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: #5a6f8d;
	font-weight: normal;
	text-transform: lowercase;
	font-family: "arial", sans-serif;
        background: url() no-repeat center left;
        }

.currentlocation
       {
       background: url() no-repeat left center;
       padding: 0px 0px 0px 6px;
	display: none;
	}

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

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

.currents, .currentmood, .currentmusic, .currentlocation 
        {
	color: #444444;
	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: #141414;
	text-transform: lowercase;
	font-weight: lighter;
	font-family: "Tahoma", sans-serif;
	}
	
.currentlocation a:hover, .ljtags a:hover 
        {
	color: #000000;
	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: center;
	text-transform: lowercase;
	padding: 3px 0px 3px 0px;
	position: relative;
	clear: right;
	margin-top: 10px;
        border-top: 2px #141414 solid;
	border-bottom: 2px #141414 solid;
	}
	
div.comments a, div.comments a:link, div.comments a:visited
        {
	color: #780707;
        }

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

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

.datesubjectcomment 
        {        
	color: #000000;
        background-color: #b5c1ca;
	margin-top: 10px;
	text-align: right;
	padding: 5px 0px 5px 5px;
	}	
	
.userpiccomment 
        {
        background-color: #141414 !important;
        border: 0px #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: #780707;
        border: 2px solid #141414;
        background-color: #e3e3e3;
	}
	
textarea.textbox  
        {
	width: 90% !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: #141414;
	}
	
.replytosubject 
        {
        color: #000000;
	font-family: "Tahoma", sans-serif;
	font-size: 13px;
        letter-spacing: 1px;
        padding: 3px 3px 3px 8px;
	}

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

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

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

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

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

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

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

ul.navfooter li  
        {
        display: inline;	
	}

li.viewing
        {
	color: #141414;
        background-color: #ffffff;
        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: 110px;
	background-image: url(http://pics.livejournal.com/galenhiril/pic/001zze7z);
	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: #141414 !important;
border: 3px solid #141414;
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: #780707 !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: #141414;
}

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!

Also, incase you'd like to use it, here's a shiny happy Friends Only banner to match.

And a matching default icon too.

You're free to use anything you like!

♥~

And can I just point out that the little lj user icons next to people's names have... the top of their heads cut off a la Sylar-style.(example:

) I thought I was pretty funny/brilliant at the time. ^^;

Infinite☆Starlight

Sylar/Zachary Quinto LJ Theme! (Reply)

Sylar/Zachary Quinto LJ Theme!

Profile

★彡

April 2020

Style Credit

Expand Cut Tags