briteskies | Another One Bites The Dust (Reply)

I was actually quite fond of my old layout. But for one, it wasn't fond of Internet Explorer, which is what I have to use at work, unfortunately. So it was only really enjoyable to me while I was at home, and that was kind of lame.

Mom and I went to dinner and had Mexican food and margaritas this evening. Afterward, I didn't really have anything else to do once she went to bed, so I opened photoshop to make some icons, for the hell of it.

I made a grand total of.... four.

Because I suck. Sort of. In actuality, I ended up being so pleased with that last icon that I was like THAT WOULD MAKE A COOL HEADDER. The world doesn't have enough Angel!Dean things, really. (Icons 1 & 4 are taken from 4x01)

But yeah... inspiration struck.

I've not got it to work in both Firefox and Internet Explorer, so I feel comfortable sharing the code with you now! So, if you'd like to use this theme for your own journal, you are more than welcome to. Here's how you 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

/* Cleaned CSS: */
/*---Angel!Dean SPN Theme
857x455 - sidebar on right--- */

body {		
	background: url('') #020501 0 0 repeat;	
	
	color: #444444;		
	font-family: "tahoma", sans-serif;		
	font-size: 9px;			
	margin: 0px 0px 0px 0px; 
	}

/* ---   Links and Hovers    --- */
	
a, a:link, a:visited {		
	color: #b39035;		
	text-decoration: none;	
	}

a:hover {		
	color: #092713;		
	text-decoration: none;	
	}
	
p, td, blockquote {	    	
	font-size: 10px;		
	}

code, kbd, pre, tt {	    	
	font-family: monospace;	
	}

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

#content {		
	width: 857px;		
	margin-left: auto; 
	margin-right: auto;	
	margin-top: 0px;	
	background-color: #dad0a4;	
	padding: 0px;	
	}

#maincontent {	
	background-color: #dad0a4;		
	margin-top: 7px;		
	font-family: "tahoma", sans-serif;		
	font-size: 10px;		
	text-align: left;		
	color: #444444;
	width: 687px;
	display: left;						
	}

#sidebar {
	float: right;
	width: 170px;
	padding: 0px;
	background-color: #dad0a4;
	margin-right: 0px;
	margin-top: 7px;
	text-align: justify;
	color: #444444;
	border-width: 0px;
	display: inline;
	}

#header {		
	width: 100%;		
	padding: 0px;		
	margin: 0px;
	line-height: 30px;		
	text-align: center;		
	color: #b39035;		
	font-family: "century gothic", arial, sans-serif;		
	font-size: 24px;		
	font-weight: normal;		
	letter-spacing: -1px;			
	background-color: #020501;	
	text-transform: uppercse	
	}

.headerimage {
	background-image: url(http://pics.livejournal.com/galenhiril/pic/00288axc);
	background-repeat: none;
	background-position: left;
	position: relative;
        margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto; 
	margin-right: auto;
	align: left;
	height: 455px;
	width: 857px;
	}

div#footer a {		
	text-transform: uppercase;	
	}

div#footer a:link {		
	text-transform: uppercase;	
	}

div#footer a:visited  {		
	text-transform: uppercase;	
	} 
	
div#header a:hover, div#footer a:hover {		
	color: #444444;		
	text-decoration: none;	
	} 
        
.title	{		
	display: none;	
	}
	
.subtitle {		
	display: none;	
	}

navheader {background-color: transparent;}

ul.navheader {	
        position: relative;
        z-index:100;
        margin-top: 0px;	
	padding-top: 5px;	
	padding-bottom: 0px;	
	margin-left: 0px;	
	margin-right: 30px;	
	margin-bottom: 0px;	
	background-color: transparent;	
	text-align: right;	
	background-image:url();	
	background-repeat: none;
	}

ul.navheader li {		
	display: inline;	
	padding-right: 20px;	
	padding-bottom: 10px;
	background-color: transparent;	
	}

.subcontent {	
	}

/*---Entry, Date, Subtect---*/

.entry {
padding-top: 4px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 20px;
background-color: #dad0a4;
color: #020501;
line-height: 10px;
font-family: arial;
font-size: 11px;
text-align: justify;
border-left: 0px;
border-right: 0px;
border-top: 0px;
cursor: url();
margin-right: 115px;
}

.userpic {
	display: ;
	position: relative; 
	float: right; 
	padding: 5px;
	margin: 7px; 
	z-index: 0; 
	border: 3px #020501 solid;	
        background-color: #dad0a4;
	}

.userpic img { 
	border:0px dashed #7D7D7D;
	}
	
.date {
color: #b39035;
background-color: #020501;
border-width: 0px;
font-family: "tahoma", verdana, sans-serif;
font-size: 9px;
text-transform: lowercase;
text-align:left;
font-weight:bold;
}

.subject {
color: #dad0a4;
background-color: #020501;
border-bottom: 0px;
border-left: 0px;
border-right: 0px;
border-top: 0px;
line-height: 15px;
font-family: "century gothic", arial, sans-serif;
font-size: 24px;
text-align: right;
text-transform: none;
}

.datesubject {
background-color: transparent;
border-width: 0px;

}
	
.subject a, .subject a:link, .subject a:visited {		
	color: #020501;		
	}
	
.subject a:hover {		
	color: #020501;		
	}

.entry ul {			
	list-style-type: none;
	line-height: 1.4;
	} 
         
.entry ul li {			
	padding-left: 16px;
	background:transparent 	
	url(http://pics.livejournal.com/galenhiril/pic/001z53fz/)
	no-repeat;
	background-position: 0px -1px;
	}

.entry ol li {		
	padding-left: 5px;		
	margin-left: 15px;		
	}

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

.currentmood 
       {
       background: url(http://i241.photobucket.com/albums/ff286/babydoll19lj2/mood.gif) no-repeat left center;
       padding: 0px 0px 0px 11px;
       }

.currentmusic 
       {
       background: url(http://i241.photobucket.com/albums/ff286/babydoll19lj2/music.gif) no-repeat left center;
       padding: 0px 0px 0px 12px;
       }
	
.currents strong, .currentmood strong, .currentmusic .currentlocation, .ljtags strong 
        {
        color: #020501;
	text-transform: none;
	font-family: "Verdana", sans-serif;
        padding: 4px 0 4px 0;
	}
	
.currenttags {
	background: url(http://i241.photobucket.com/albums/ff286/babydoll19lj2/tag.gif) no-repeat left center;
	padding: 0px 0px 0px 12px;
	}

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

.currents strong, .currentmood strong, .currentmusic .currentlocation, .ljtags strong { 
	color: #020501;		
	text-transform: none;
	}

.ljtags {
	color: #020501;
	text-transform: lowercase;
	font-family: "tahoma", sans-serif;		
	font-size: 9px;
	font-weight: bold;
	margin-top: 20px; 
	}

.ljtags a, .ljtags a:link, .ljtags a:visited { 
	font-weight: normal;
        color: #092713;
	}

/*---Comment Pages---*/

.comments {		
	color: #444444;		
	font-family: "tahoma", sans-serif;		
	font-size: 9px;	
	text-align: left;			
	position: relative;		
	top: 1px;

background:url(http://pics.livejournal.com/galenhiril/pic/001z53fz/) transparent no-repeat top left;	
	padding-left: 20px;
        line-height: 15px;
	}

div.comments a, div.comments a:link, div.comments a:visited {		
	color: #444444;
	text-transform: uppercase;
	}
	
div.comments a:hover {		
	color: #444444;		
	text-decoration: none;	
	}

.separator {
        height: 90px;
	background-image: url(http://pics.livejournal.com/galenhiril/pic/0028a5sf);
	background-position: center;         
	background-repeat: no-repeat;
         }
    	
.userpicfriends {		
	display: ;
	position: relative; 
	float: right; 
	padding: 5px;
        border: 3px solid #020501;
	margin-bottom: 0px; 
	z-index: 415;	
	background: #dad0a4;
	font-family: "century gothic", arial, sans-serif;
	font-size: 14px;
	text-transform: uppercase;
	}

.defaultuserpic {	
	text-align: center;	
	background-color: #020501;
	border-top: 3px #020501 solid;
	border-bottom: 3px #020501 solid;
	border-left: 17px #dad0a4 solid;
	border-right: 17px #dad0a4 solid;	 
	}
	
.sbarheader {		
	padding: 0px 5px 0px 5px;		
	}

.sbarbody {		
	padding: 0px 5px 0px 5px;
	float: right;		
	}
	
.sbarbody2 {		
	padding: 0 15px 0 15px;
	color: #535353;
	float: right;	
	}

div#sidebar a, div#sidebar a:link, div#sidebar a:visited{                 
	color: #444444;
	}

div#sidebar a:hover {                 
	color: #b0b88d;                 
	text-decoration: none;         
	}
	
table.calendar {
	display: inline;		
	margin-right: auto;		
	margin-left: auto;		
	}

.sbarcalendar {			
	text-align: center;		
	color: #444444;		
	font-family: "tahoma", sans-serif;		
	font-size: 9px;		
	}
	
.sbarcalendarposts {			
	background-color: #fff;		
	text-align: center;		
	color: #F93D64;		
	font-family: "tahoma", sans-serif;		
	font-size: 9px;	
	}

ul.sbarlist {		
	padding-left: 5px;		
	margin-left: 5px;		
	list-style: none;	
	}

li.sbaritem {		
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	list-style: none;		
	text-align: right;
	letter-spacing: 1px;
	}
	
li.sbartitle {	
	font-weight: bold;			
	color: #dad0a4;		
	background-color: #020501;
	padding: 1px 1px 1px 1px;
	border-top: 0px #020501 solid;
	font-size: 12px;
	text-transform: none;	
	letter-spacing: -1px;
	text-align: right;
	border-bottom: 0px #092713 solid;
	}

li.view {
	font-weight: normal;			
	color: #e1db88;		
	font-family: "century gothic", arial, sans-serif;		
	font-size: 24px;	
	text-transform: none;	
	letter-spacing: -1px;
	text-align: center;		
	}

#footer {		
	width: 100%;		
	text-align: center;		
	color: #444444;		
	font-family: "tahoma", sans-serif;		
	font-size: 9px;	
	font-weight: ;		
	letter-spacing: 1px;		
	background-color: #fff;		
	border-bottom: 1px #F5F5F5 dotted;		
	z-index: 100;		
	clear: both;		
	}

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

.clearfoot {		
	clear: both;		
	}

/* ---Calendar--- */

ul.year {		
	text-align: center;		
	padding-bottom: 40px;		
	}
	
ul.year li {		
	display: inline;		
	}
	
table.yeartable {		
	margin-left: auto;		
	margin-right: auto;		
	}

table.yeartable td.yeardate, table.yeartable td.yearday {		
	border-width: 1px;		
	border-style: solid;		
	border-color: #999999;		
	}
	
table.yeartable td.yearday {		
	background-color: #d4dce8;		
	text-align: center;		
	}
	
td.yearmonth {		
	border-style: none;		
	}

/* ---	COMMENT PAGE - CNTD. --- */

.datesubjectcomment {			
	background-color: #fdfbe4;			
	padding: 5px;			
	margin-top: 20px;			
	}
	
.userpiccomment {		
	position: relative;		
	border-width: 5px solid #092713;	
	background-color: transparent;		
	top: -30px;		
	left: 0px;		
	padding: 5px;		
	margin: 10px 10px -20px 10px;		
	z-index: 15;		
	float: right;		
	border-width: 1px;		
	border-color: #919bad;		
	border-style: solid;		
	}

.box {		
	border-style: solid;		
	border-width: 1px 0px 0px 0px;		
	border-color: #999999;		
	padding: 10px;		
	clear: left;		
	}

input, textarea, select {
	border-color: #999999 !important;
	border: 1px solid;
	background-color: #dad0a4;
	font-family: tahoma, verdana, sans-serif;
	color: #393939;
	font-size: 9px;
	}

textarea.textbox, input.textbox, select.textbox {
  width: 80% !important;
	border-color: #999999 !important;
	border: 1px solid;
	background-color: #dad0a4;
	font-family: tahoma, verdana, sans-serif;
	color: #393939;
	font-size: 9px;
	}

.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%;		
	background-color: #d4dce8;		
	color: #020501;		
	}

.replytosubject {		
	font-weight: bold;		
	}
	
.commentreply {		
	position: relative;		
	margin: 10px;		
	font-size: 11px;		
	font-family: "Verdana", sans-serif;		
	color: #020501;	
	}

.commentbox {		
	border-color: 444444;		
	border-width: 1px;		
	border-style: solid;		
	padding: 10px;		
	margin: 10px;		
	background-color: #fdfbe4;		
	}

.datesubjectcomment a:link, .datesubjectcomment a:visited {		
	color: #020501;		
	}

.datesubjectcomment a:hover {		
	color: #020501;		
	}

.commentboxpartial {		
	border-color: #dad0a4;		
	border-width: 1px;		
	border-style: solid;		
	padding: 10px;		
	margin: 10px;		
	background-color: #d4dce8;		
	}

.commentinfo {		
	background-color: #d4dce8;		
	margin-top: 10px;		
	width: 100%;		
	}  
	       
.skiplinks {		
	text-align: center;		
	}

/* ---	MISC  --- */

.clear {		
	height: 15px;		
	}

blockquote { 
	padding: 5px; 
	color: #444444;		
	font-family: "arial", sans-serif;		
	font-size: 10px;		
	text-align: left;	
	padding: 10px;
	border: 1px solid #b39035;
	background-color: #F5F5F5;
	}

code { 
	background-color: #fff;
	padding:5px; 
	border: 1px dashed #b39035;
	background-color: #F5F5F5;
	color: #E3E3E3;
	}

#sidebar form select { width: 100px; }

/*----------- USER AND ENTRY IMGS -----------*/

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

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

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

.ljuser img { 
  		width: 0;
  		height: 0;
  		background-repeat: no-repeat;
  		background-color:transparent;
  		/* so that IE users will still see an image */
  		background-image: url(http://pics.livejournal.com/galenhiril/pic/0028q1c7); 
  		padding: 10px 0px 0 10px;
		}

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

.ljuser img[src="http://p-stat.livejournal.com/img/community.gif"] {
		background-color:transparent;
 		background-image: url(http://pics.livejournal.com/galenhiril/pic/0028q1c7);
 		padding: 10px 0px 0 10px;
		}

.image {padding: 5px;border: 1px solid #b39035;}

em, i {
color: #b39035;
}

.emphasis {
color: #092713;
font-weight: bold;
font-family: Lucida Sans Unicode;
font-size: 12pt;
text-transform: lowercase;
}
.emphasis2 {
color: #b39035;
font-weight: bold;
font-family: Lucida Sans Unicode;
font-size: 7pt;
text-transform: uppercase;
padding-left: 15px;
background: url('http://pics.livejournal.com/galenhiril/pic/001z53fz/')   transparent no-repeat top left;
}

.ljuser a:link, .ljuser a:visited, .ljuser a:active {
color: #509620;
cursor: url();
}

.ljuser a:hover {
color: #2A4222;
cursor: url();
}

u {
color: #020501;
text-decoration: underline;
border-bottom: 1px dashed #b39035;
}

strong, b {
font-weight: bold;
cursor: url();
color: #b39035;
}

/*--- 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: #dad0a4 !important;
color: #b2a654 !important;
border: 3px solid #020501;
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: #b39035 !important;
}

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

#lj_controlstrip td {
background-color: #fefefe !important;
font-family: tahoma;
color: #092713;
}

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 texts, 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 a friends-only journal and want to nab a matching banner, here it is!

Oh yeah. Use those icons if you want to! That's what they're for! xD

P.S. It is totally bad for me to want this --->

<---as an actual tattoo?! ~~No, I wouldn't get it on my chest~~. I already have a spot for it, because my phoenix was too big for my wrist. And once upon a time, I did want a sun there instead. And I want a star tattoo somewhere. So it's like the best of all worlds! aspdvoauidaoduvh. I don't know. I really want a wrist tattoo though and hadn't really been excited over anything lately. D:

Another One Bites The Dust

Post a comment in response: