infinitestarlight | Heroic Theme Is Heroic (Reply)

Because I've been on a Heroes kick lately, and I completely love that image of Peter about to "fly" off the top of the building, and I've gotten bored with my shiny pink Yuna theme, I have THIS one now. I likes it. I totally love the combination of black, white, grey and red. Haha, it seems to be showing up everywhere in my life lately.

Anyways. Yes. New theme time. (And a few icons to match!)

No reason not to share it really. If you'd like to use it, please feel free!

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 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-- "I Can Fly" FlexiSquares 
1000 x 431

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

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

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

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

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

::-moz-selection 
        {
        background-color: #C4C4C4;
	color: #600000;
	}

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

b, s
	{
	colour: #000000;
	}

i, 
	{
        color: #000000;
	}
	
code, kbd, pre, tt 
        {
	font-family: monospace;
	}
	
blockquote {
	margin: 10px 30px 10px 30px;
	padding: 10px;
        border: 2px dashed #000000;
	background-color: #606060;
	}

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

input, textarea 
        {
	background-color: #eaeaea;
	color: #000000;
	}

/* ------ CONTAINING ELEMENTS ------ */
	
#content 
        { 
	width: 1000px;
	margin-left: auto; 
        margin-right: auto;  
        padding: 0px 0px 0px 0px;
	text-align: justify;
        background-color: #606060;
        border-left: 1px #000000 solid;
        border-right: 1px #000000 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: #000000;
	float: left;
	text-align: left;
	background-color: #989898;
        border: 1px #000000 solid;
	}

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

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

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

.subtitle 
        {
       	color: #606060;
	background-color: #989898;
	text-decoration: i;
	font-family: "Verdana", sans-serif;
	font-size: 14px;
        font-weight: bold;
	text-transform: none;
	}

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

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

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

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

.defaultuserpic 
        {
	text-align: center;
	}

.defaultuserpic img
        {
        background-color: #606060;
        padding: 3px;
        border: 1px #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: "Verdana", sans-serif;
	font-size: 11px;
	}

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

li.sbaritem 
        {
        text-align: center;
	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 #606060 dashed;
        }

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

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

li.sbartitle  
        {
        background-color: #989898;
	border-bottom: 1px #000000 solid;
	padding: 5px 0px 5px 0px;
	margin: 10px 0 0px 0;
	list-style: none;
	text-align: center;
	color: #000000;
	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/001dakzb); 
	padding: 13px 0px 0px 13px;
	}

.ljuser img[src="http://stat.livejournal.com/img/user.gif"] {
	background-image: url(http://pics.livejournal.com/galenhiril/pic/001dakzb);
	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: 14px 0px 0px 14px;
	}

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

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

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

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

.subcontent 
        {
        }
	
.entry	
        {
	padding: 10px 10px 5px 10px;
	color: #000000;
	font-family: "Verdana", sans-serif;
	font-size: 11px;
	text-align: justify;
	background-color: #575757;
	border-bottom: 1px #000000 dashed;
	border-left: 1px #000000 dashed;
	border-right: 1px #000000 dashed;
	}
	
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: #606060 !important;
        border: 1px #000000 solid;
	position: relative;
	float: right;
	padding: 3px;
	margin: 0px 0px 10px 10px;
	z-index: 15;
	}

.userpicfriends a font 
       {
        color: #000000 !important;
        }
	
.userpicfriends 
        {
        background-color: #606060 !important;
        border: 2px #113ba7
	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: #000000 !important;
        }
	
.date 
        {
        margin: 0px;
	padding: 3px 0px 3px 3px;
	text-align: center;
	color: #000000;
	font-family: "Verdana", sans-serif;
	font-size: 8px;
	text-transform: lowercase;
	}

.subject 
        {
        margin: 0px;
        padding: 3px 3px 3px 8px;
	color: #A41500;
	font-family: "Verdana", sans-serif;
	font-size: 20px;
	text-transform: none;
	font-weight: bold;
	text-align: center;
        letter-spacing: 1px;
        border-bottom: 2px #000000 solid;
	}
	
.subject a, .subject a:link, .subject a:visited 
        {
	color: #606060;
	}

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

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

.ljtags 
        {
	margin-top: 20px;
        padding-left: 12px;
	color: #A41500;
	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/001drz42) no-repeat left center;
       padding: 0px 0px 0px 8px;
       }

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

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

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

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

.comments 
        {
	font-family: "Verdana", 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 #000000 solid;
	}
	
div.comments a, div.comments a:link, div.comments a:visited
        {
	color: #989898;
        }

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

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

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

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

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

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

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

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

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

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

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

.commentboxpartial 
        {
	padding: 10px; 
	margin: 10px; 
        border: 1px #000000 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: #606060;
	color: #113ba7;
        border: 1px #000000 solid;
	}

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

td.yearmonth 
        {
	color: #9c9464;
	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: 1000px;
	 height: 431px;
         margin-left: auto;
         margin-right: auto;
         margin-top: 0px;
	 background-image: url(http://pics.livejournal.com/galenhiril/pic/001qd70k);
	 background-position: center;         
         background-repeat: no-repeat;
         border-left: 1px #000000 solid;
         border-right: 1px #000000 solid;
	  }

.separator {
        height: 95px;
	background-image: url();
	background-position: center;         
	background-repeat: no-repeat;
         }

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

.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/001g36ss...);
		}

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

*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!

Friends Only Banner

Guess who's a fan of the Petrelli brothers?! Not me! =p Never. But lol... they just make things too easy sometimes. I can't help it.

And of course, one needs a couple icons to match as well!

Peter ♥

And just for fun: Nathan FTW!

Heroic Theme Is Heroic

Post a comment in response: