infinitestarlight | New (Fullmetal Alchemist) LJ Layout-Theme

OMG I have a new layout. Kind of. I'd been using the same layout, or very boring variations of my old layout for a really long time and decided to brows through my collection of old headders for inspiration and was like Wow! I forgot about this one and I really like it! So I decided to revive it and use it with a codes that don't suck. (I've been getting much better at them.)

The layout itself is all blue and white, so even if you don't want to use the headder... you can use the code. I don't care. That's what I share them for. So.... if you would like to use it. Have a party!

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 "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 could break it. =p

/* Cleaned CSS: */
/*------------------------------------------------

profile/navigation links under Headder Image layout
* CSS-- Heart And Soul
1000 x 350

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

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

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

a, a:link, a:visited
        {
	color: #427296;
	text-decoration: none;
	font-weight: bold;
	}

a:hover 
        {
	color: #95cfdd;
	text-decoration: none;
	fonr-weigh: -bold;
	}

::-moz-selection 
        {
        background-color: #eece61;
	color: #030a36;
	}

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

b, s
	{
	colour: #010103;
	}

i, 
	{
        color: #010103;
	}
	
code, kbd, pre, tt 
        {
	font-family: monospace;
	}
	
blockquote {
	margin: 10px 30px 10px 30px;
	padding: 10px;
        border-top: 0px dotted #010103;
	border-left: 5px solid #427296;
	background-color: #c0e0f9;
	}

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

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

/* ------ CONTAINING ELEMENTS ------ */
	
#content 
        { 
	width: 1000px;
	margin-left: auto; 
        margin-right: auto;  
        padding: 0px 0px 0px 0px;
	text-align: left;
        background-color: #ffffff;
        border-left: 5px #ffffff solid;
        border-right: 5px #ffffff solid;
	}

#maincontent 
        {
	margin-left: 300px;
        margin-right: 10px;
        margin-top: 20px;
	font-family: "Georgia", sans-serif;
	font-size: 11px;
	color: #010103;
	text-align: center;
        padding: 10px 10px 10px 10px;
	}

#sidebar 
        {
	width: 250px;
        padding: 10px 5px 0px 5px;
        margin-top: 18px;
        margin-left: 10px;
	font-family: "Georgia", sans-serif;
	font-size: 8px;
        color: #427296;
	float: left;
	text-align: center;
	background-color: #ffffff;
        border: 0px #010103 solid;
	}

#header {
        width: 100%;
        margin-left: auto;
        margin-right: auto;	
	color: #608eaf;
	background-color: #ffffff;
	text-align: left;
	font-family: "Georgia", sans-serif;
	font-size: 16px;
        font-weight: bold;
	text-transform: none;
	clear: both;
        padding-top: 10px;
	}

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

.title
        {
	display: none;
        color: #7b7b83;
	padding: 3px;
	text-decoration: none;
	font-family: "Modern No. 20", sans-serif;
	text-align: right;
	font-size: 26px;
        font-weight: bold;
	text-transform: uppercase;
	}

.subtitle 
        {
	display: none;
       	color: #7b7b83;
	padding: 2px;
	font-family: "Georgia", sans-serif;
	text-align: right;
	font-size: 12px;
        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: #c0e0f9;
	text-decoration: none;
        }

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

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

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

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

.defaultuserpic 
        {
	text-align: center;
	}

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

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

li.sbaritem 
        {
        text-align: center;
	list-style: none;
	font-family: "Georgia", sans-serif;
	font-size: 10px;
        text-transform: lowercase;
        margin-top: 3px;
	padding: 3px 5px 2px 3px;
        border-bottom: 0px #2c3d5b solid;
        }

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: #ffffff;
	margin: 10px 0 0px 0;
	list-style: none;
	text-align: center;
	color: #030a36;
	font-family: "Georgia", sans-serif;
	font-size: 11.5px;
        letter-spacing: 1px;
        text-transform: none;
        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/briteskies/pic/001sghhz); 
	padding: 12px 0px 0px 12px;
	}

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

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

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

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

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

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

.subcontent 
        {
        }
	
.entry	
        {
	padding: 10px 10px 5px 10px;
	color: #010103;
	font-family: "Georgia", sans-serif;
	font-size: 11px;
	text-align: justify;
	background-color: #ffffff;
	border-bottom: 0px #010103 dashed;
	border-left: 0px #010103 dashed;
	border-right: 0px #010103 dashed;
	}
	
hr 
        {
	color: transparent;
	height: 1px;
	border-style : none; 
	border-bottom: 2px solid #010103;
	}

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

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

.userpicfriends a font 
       {
        color: #010103 !important;
        }
	
.userpicfriends 
        {
        background-color: #ffffff !important;
        border: 2px #010103;
	position: relative;
	float: right;
	padding: 5px;
	margin: 0px 0px 10px 10px;
	text-align: center;
	font-family: "Georgia", sans-serif;
	font-size: 11px;
	z-index: 15;
	}

.userpic a font 
       {
        color: #010103 !important;
	text-transform: uppercase;
	font-size: 12pt;
        }
	
.date 
        {
        margin-top: 18px;
	text-align: right;
	color: #D0D5DE;
	font-family: "Modern No. 20", sans-serif;
	font-size: 13px;
	text-transform: lowercase;
	font-style: italic;
	font-weight: lighter;
	}

.subject 
        {
       	color: #608eaf;
	font-family: "Modern No. 20", sans-serif;
	font-size: 20px;
	text-transform: none;
	font-style: italic;
	text-align: justify;
        letter-spacing: 2px;
        border-bottom: 15px #030a36 solid;
	}
	
.subject a, .subject a:link, .subject a:visited 
        {
	color: #010103;
	}

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

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

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

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

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

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

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

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

.currentlocation a, .currentlocation a:link, .currentlocation a:visited 
        {
	color: #96a2b5;
	text-transform: lowercase;
	font-family: "Georgia", sans-serif;
	}
	
.currentlocation a:hover, .ljtags a:hover 
        {
	color: #7b7b83;
	text-transform: lowercase;
	font-family: "Georgia", sans-serif;
	}

.comments 
        {
	font-family: "Georgia", 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: 15px #030a36 solid;
	}
	
div.comments a, div.comments a:link, div.comments a:visited
        {
	color: #56455f;
        }

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

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

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

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

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

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

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

div#content input, div#content textarea, div#content select 
        {
	color: #0b0f16;
        border: 1px dotted #3f5374;
        background-color: #ffffff;
	}
	
textarea.textbox  
        {
	width: 90% !important;
	}

.reply	
        {
	position: relative;
	margin: 20px 30px 10px 30px;
	padding: 25px 10px 10px 10px;
	text-align: left;
	font-family: "Georgia", sans-serif;
	font-size: 11px;
	line-height: 125%;
	color: #010103;
	}
	
.replytosubject 
        {
        border-bottom: 15px #010103 solid;
	color: #ffffff;
	font-family: "Georgia", 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: "Georgia", sans-serif;
	font-size: 11px;
	color: #010103;
	}
	
.commentbox 
        {
	padding: 5px;
	margin: 10px;
	text-align: left;
        border: 1px #010103 solid;
	background-color: #ffffff;
	}
	
.datesubjectcomment a:link, .datesubjectcomment a:visited 
        {
	color: #113ba7;
	}
	
.datesubjectcomment a:hover 
        {
	color: #5db5cd;
	}

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

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

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: justify;
	padding: 10px 0 10px 0;
	}
	
.headerimage {
         position: relative;
	 width: 1000px;
	 height: 327px;
         margin-left: auto;
         margin-right: auto;
         margin-top: 0px;
	 background-image: url(http://pics.livejournal.com/briteskies/pic/002wcwz1);
	 background-position: center;         
         background-repeat: no-repeat;
         border-left: 0px #ffffff solid;
         border-right: 0px #fffffff solid;
	  }

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

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

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

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

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!

I should also give you the heads up that if you do install this code are wondering why my sidebar, or the links on the top of my journal seem to be different; it's because of my theme layer codes, NOT the CSS codes. I'll totally share those, if you want. But you'll have to let me know if you want them (they are only usable with paid accounts.)And the image in my sidebar was made with one of *these* brushes.

And if you have a friends-only journal and want to nab a matching banner, here it is:

Infinite☆Starlight

New (Fullmetal Alchemist) LJ Layout-Theme

New (Fullmetal Alchemist) LJ Layout-Theme

no subject

no subject

Profile

★彡

April 2020

Style Credit

Expand Cut Tags