briteskies

So, you know that layout I promised you forever ago, Becca (

toadwart). I'm so sorry. I finally finished the one I started for you MONTHS ago... so if you still want to use it, well here it is. If you don't... well. Here this is anyway! lol! I blame my old crashed computer =3 ~~that happened like two months ago now, haha~~

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

//---------*Blue Skies CCS*----------//

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

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

.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/001sghhz); 
	padding: 12px 0px 0px 8px;
	}

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

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

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

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

.entryHeader img {
     width: 0;
     height: 0;
     background-repeat: no-repeat;
     /* so that IE users will still see an image */
     background-image: url("http://pics.livejournal.com/galenhiril/pic/001sh71f");
     padding: 16px 16px 0 0;
  }

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

li.sbaritem img[src="http://stat.livejournal.com/img/icon_private.gif"]{
     width: 0;
     height: 0;
     padding: 16px 16px 0px 0px;
     background: url("http://pics.livejournal.com/galenhiril/pic/001sh71f");
  }

BODY	{
margin-top: 60px;
background-color:#ffffff;
background-image: url('');
background-repeat: repeat;
background-attachment: fixed;
background-position: top-left;
text-align: center;
color: #5d5d5d;
font-family: "Trebuchet MS", sans-serif;
font-size: 10px; }

a, a:link, a:visited { 
text-decoration: none;
color: #9f9f9f; 
padding: 0px;
}

a:hover { 
background: #85C3C3;
color: #ffffff;
background-image: url('http://pics.livejournal.com/galenhiril/pic/001h668q'); 
padding: 0px;
}

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

blockquote{
	margin: 10px 30px 10px 30px;
	padding: 10px;
        border-top: 1px dotted #B4DADA;
        border-bottom: 1px dotted #B4DADA;
        background-color: #ffffff;
	}

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

#content {  	
width: 900px;
margin-left: auto; margin-right: auto;				        
background-color: #FEFEFE;
border-top: dashed #AAAAAA 0px;
border-left: dashed #AAAAAA 1px;
border-bottom: dashed #AAAAAA 1px;
border-right: dashed #AAAAAA 0px;
padding: 15px;
text-align: justify; }

#maincontent {	 	
margin-top: 40px;
padding: 0px;
font-family: "arial", sans-serif;
font-size: 11px;
line-height: 15px;
background-color: #FEFEFE;
color:#777777;
border-style: dashed;
border-color:#dfdfdf;
border-width: 0px;
margin-right:0px;
margin-left: 260px;
margin-top:40px;
text-align: justify;
}

#header {		
width: 100%;
padding: 0px 0px 0px 0px;
margin-top: 10px;
text-align: center;
font-family: "verdana", sans-serif;
text-transform:uppercase;
font-size: 10px;
font-weight: none;
letter-spacing: 2px;	
background-color: #FEFEFE;
border-width: 0px;
color:#000149;	
line-height: 10px;
}

#footer {			
width: 100%;
float: center;
text-align: center;
font-family: tahoma,georgia;
text-transform:uppercase;
font-size: 10px;
font-weight: none;
letter-spacing: 1px;
background-color: #FEFEFE;
border-width: 0px;
color: #555555;
z-index: 100;
clear: both;
}

#sidebar {
padding-top: 5px;
margin-top: 20px;
background-color: #FEFEFE;
border-width: 0px;
font-size: 10px;
line-height: 10pt;
font-family: "arial", sans-serif;
color: #666666;
width: 250px;
float: left;
text-align: justify;
}

/* TOP OF PAGE -- links to views; title of journal; subtitle of journal */

div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer  
a:visited {
color: #888888;
padding: 5px;
}

div#header a:hover, div#footer a:hover {
color: #ffffff;
background: ;
background-image: url('http://pics.livejournal.com/galenhiril/pic/001h668q'); 
padding: 5px;
}

ul.navheader {
padding: 10px;
margin: 10px;
}

ul.navheader li  {
display: inline;
padding: 5 3px 5 3px;
}

.title	{
text-align: center;
color: #333333;
font-family: "Trebuchet MS", sans-serif;
font-size: 12px;
letter-spacing: 2pt;
text-transform: uppercase;
}

.subtitle {
text-align: center;
color: #888888;
font-family: "Trebuchet MS", sans-serif;
font-size: 0px;
letter-spacing: 0pt;
line-height: 0pt;
text-transform: lowercase;
}

/* footer */

ul.navfooter {
padding: 10px;
margin: 0px;
}
ul.navfooter li {
display: inline;
margin: 0 0px 0 0px;
}
.clearfoot {
display: none;
clear: both;
}

/* SIDEBAR */ 	
			
div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
font-size: 10px;
line-height: 10pt;
font-family: "arial", sans-serif;
color: #C30323;
}
	
div#sidebar a:hover {
color:#FFFFFF;
background-image: url('http://pics.livejournal.com/galenhiril/pic/001sb411');
background-repeat: repeat;
text-decoration: none;
}
	
.defaultuserpic {

text-align: center;
padding: 5px;
}

.sbarheader {
padding: 0px 5px 0px 5px;
color: #000000;
text-align: center;
}
	
.sbarbody {
padding: 0 2px 0 2px;		
}
	
.sbarbody2 {
padding: 0 2px 0 2px;
}
		
table.calendar {
margin-right: auto;
margin-left: auto;
}
		
.sbarcalendar {
border-color: #cccccc;
border-width: 1px;
border-style: solid;
text-align: center;
font-family: "arial", sans-serif;
font-size: 10px;
}
	
.sbarcalendarposts {
border-color:  #bbbbbb;
border-width: 1px;
background-color:#CCCCCC;
text-align: center;
font-family: "Arial", sans-serif;
font-size: 10px;
}
	
ul.sbarlist
{
padding-left: 0px;
margin-left: 0px;
list-style: none;
}

li.sbaritem
{
padding-left: 10px;
padding-right: 10px;
list-style: none;	
margin-top:5px;	
}

li.sbartitle
{
padding-left: 0px;
padding-right: 0px;
text-align:left;
padding: 2px;
list-style: none;		
margin-bottom: 1px;
margin-top: 0px;
color:#999999;
border-top: dashed #BBBBBB 0px;
border-left: dashed #BBBBBB 0px;
border-bottom: dashed #BBBBBB 1px;
border-right: dashed #BBBBBB 0px;
font-weight: none;
font-family: "arial", sans-serif;
text-transform:uppercase;
font-size: 11px;
background-color: #FEFEFE;
letter-spacing: 1pt;
}

/* MAINCONTENT */

.subcontent {		
background-color: #FEFEFE;
}
	
.entry	{
margin: 0px 3px 2px 2px;
padding: 2px;
background-color: #FEFEFE;
color:#666666;
font-family: "arial", sans-serif;
font-size: 11px;
text-align: justify;
border-width: 0px;
border-color: #DFDFDF;
line-height: 10pt;
border-style: dashed;
border-left: dashed 0px #C8E9E9;
border-right: dashed 0px #C8E9E9;
border-bottom: dashed 0px #C8E9E9;
}
		
.entry ul li
{
padding-left: 5px;
margin-left: 15px;
}
		
.entry ol li
{
padding-left: 5px;
margin-left: 15px;
}

.userpic {
display: none;
position: relative;
float: left;
background-color: #ffffff;
background-image: url('');
background-repeat: repeat;
padding: 1px;
margin-right: 0px;
margin-left: 5px;
z-index: 15;
border-width: 5px;
border-color: #FEFEFE;
border-style: solid;
}
		
.userpicfriends {
position: relative;
float: left;
padding: 1px;
margin: 10px;
text-align: center;
border-style: solid;
background-color: #ffffff!important;
background-image: url('');
background-repeat: repeat;
border-width: 5px;
border-color: #FEFEFE;
font-family: "arial", sans-serif;
font-size: 10px;
z-index: 15;
}
	
.date {		
line-height: 200%;		
top: 5px;
font-family: "arial", sans-serif;
font-size: 9px;
color: #666666;
letter-spacing: 2px;
font-weight: none; 
text-transform:lowercase;
text-align:right;
letter-spacing: 0pt;
background-color: transparent;
}
	
.subject {			
padding: 2px;
font-weight: none; 
color:#C30323;
font-family: "arial", sans-serif;
border-bottom: 1px #BBBBBB dashed;
text-transform:uppercase;
text-align:right;
font-size: 10px;
background-color: #FEFEFE;
background-image: url('');
background-repeat: repeat;
letter-spacing: 3pt;
}
	
.subject a, .subject a:link, .subject a:visited {
color: #000000;
}

.subject a:hover {
color: #555555;
}	
	
::-moz-selection {
background: #749CF8;
color: #FFFFFF;
}

.datesubject {				
background-color: #FEFEFE;
padding: 2px;
}

.currents, .currentmood, .currentmusic {
font-family: "arial", sans-serif;
font-size: 10px;
color: #555555;	
}

.comments {
font-family: "arial", sans-serif;
font-size: 15px;
text-align: right;
background-color: #FEFEFE;
font-weight: none;
padding: 5px;
position: relative;
top: 15px;
}

.separator {
height: 25px;
}
		
div.comments a, div.comments a:link, div.comments a:visited{
color: #FFFFFF;
font-size: 15px;
font-weight: lighter;
background: ;
background-image: url('http://pics.livejournal.com/galenhiril/pic/001h668q'); 
padding: 5px;
}

div.comments a:hover {
font-size: 15px;
font-weight: lighter;
color: #ffffff;
background: ;
background-image: url('http://pics.livejournal.com/galenhiril/pic/001sb411'); 
padding: 5px;
}

.ljtags {
font-family: "arial", sans-serif;
font-size: 10px;
color: #dddddd;
margin-top: 20px;
font-weight: none;
text-transform: lowercase;
position: left;
}

.headerimage {
position: relative;
width: 900px;  
height: 320px;  
margin-left: auto;
margin-right: auto;
margin-bottom: 0px; 
background-image: url('http://pics.livejournal.com/galenhiril/pic/001h5hfr'); 
background-repeat: no-repeat;
background-position: center;

.datesubjectcomment {				
background-color:#ffffff;
padding: 5px;
margin-top: 20px;
}	
		
.userpiccomment {
position: relative;
border-width: 5px;
border-style: solid;
border-color: #d4dce8;
background-color: #d4dce8;
top: -30px;
left: 0px;
padding: 5px;
margin: 10px 10px -20px 10px;
z-index: 15;
float: left;
border-width: 1px;
border-color: #919bad;
border-style: solid;
}
	
.box {
border-style: dashed;
border-width: 1px 1px 1px 1px;
border-color: #999999;
padding: 8px;
clear: left;
}

input, textarea {
background-color: #FEFEFE;
color: #000000;
}
		
textarea.textbox  {
width: 100% !important;
}
	
.reply	{
position: relative;
margin: 20px 20px 10px 30px;
padding: 25px 10px 10px 10px;
text-align: left;
font-family: "arial", sans-serif;
font-size: 11px;
line-height: 100%;
background-color:#FFFFFF;
color: #666666;
}
		
.replytosubject {
font-weight: none;
}
		
.commentreply {
position: relative;
margin: 10px;
font-size: 11px;
font-family: "arial", sans-serif;
color: #666666;
}
		
.commentbox {
		
border-color: #B4DADA; 
border-width: 1px; 
border-style: dotted; 
padding: 10px; 
margin: 10px; 
background-color: #ffffff;
}
		
.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #333333;
}
		
.datesubjectcomment a:hover {
color: #888888;
}
	
.commentboxpartial {
border-color: #999999; 
border-width: 1px; 
border-style: solid; 
padding: 9px; 
margin: 9px; 
background-color: #d4dce8;
}

.commentinfo {
background-color: #FEFEFE; 
margin-top: 10px; 
width: 100%;
}

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

And here is a matching default icon for you as well!

If you have any troubles with it, lemme know!

♥

Also. The words/lyrics in this layout are from Maaya Sakamoto's The Garden of Everything which is a beautiful song. Feel free to nab that as well - that goes for anyone!

P.S. Amanda, you're next.

Blue Sky Theme

Blue Sky Theme

no subject

Expand Cut Tags

Profile

Links

Most Popular Tags

Page Summary

Style Credit