briteskies | Doumeki/Watanuki Theme

Here is the super!delayed theme for

incandescemoon that I FINALLY got around to doing because I'm a lazy lazy slacker-face!

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

/*---DoumekiWatanuki Theme - v2 Clean
697x314 - sidebar top--- */

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

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

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

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

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

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

#maincontent {	
	background-color: #ffffff;		
	margin-top: 0px;		
	font-family: "tahoma", sans-serif;		
	font-size: 9px;		
	text-align: justify;		
	color: #444444;						
	}

#sidebar {	
	font-family: "tahoma", sans-serif;
	color: #000000;	
	font-size: 9px;					
	text-align: left;
	background-color: transparent;	
	padding-top: 1px;		
	padding-left: 7px;
	margin-top: -30px;				  	position: relative;
        z-index:101;
	}
	
#header {		
	width: 100%;		
	padding: 1px 0px 2px 0px;		
	margin: 0px;		
	text-align: right;		
	color: #444444;		
	font-family: "tahoma", sans-serif;		
	font-size: 16px;		
	font-weight: normal;		
	letter-spacing: 2px;			
	background-color: #ffffff;	
	text-transform: lowercase;	
	}

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

div#header a {		
	text-transform: lowercase;					
	color: #B4B4B4;		
	font-family: "arial", sans-serif;		
	font-size: 10px;	
	letter-spacing: 1px;
	}
 
div#header a:link {		
	text-transform: lowercase;			
	color: #B4B4B4;		
	font-family: "Trebuchet MS", sans-serif;		
	font-size: 10px;	
	letter-spacing: 1px;
	}

div#header a:visited {		
	text-transform: lowercase;				
	color: #B4B4B4;		
	font-family: "Trebuchet MS", sans-serif;		
	font-size: 10px;	
	letter-spacing: 1px;
	} 
 
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: -50px;	
	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: #ffffff;
color: #000000;
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: 130px;
}

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

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

.subject {
color: #C3DADC;
background-color: #000000;
border-bottom: 0px;
border-left: 0px;
border-right: 0px;
border-top: 0px;
line-height: 15px;
font-family: "tahoma", verdana, sans-serif;
font-size: 18px;
text-align: right;
text-transform: none;
}

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

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

.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
       {
       background: url(http://pics.livejournal.com/galenhiril/pic/001z53fz) no-repeat left center;
       padding: 0px 0px 0px 11px;
       }

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

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

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

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

.ljtags {
	color: #000000;
	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: #34868d;
	}

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

.comments {		
	color: #fff;		
	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: #000;
	text-transform: uppercase;
	}
	
div.comments a:hover {		
	color: #444444;		
	text-decoration: none;	
	}

.separator {
        height: 50px;
	background-image: url(http://pics.livejournal.com/galenhiril/pic/001z6w4d);
	background-position: center;         
	background-repeat: no-repeat;
         }
    	
.userpicfriends {		
	display: ;
	position: relative; 
	float: right; 
	padding: 5px;
        border: 3px solid #ccc;
	margin-bottom: 0px; 
	z-index: 415;	
	background: #ffffff;
	}

.defaultuserpic {	
	display:none;	
	text-align: center;	
	border-width: 0px; 
	border-color: #535353;
	border-style: dashed; 	
	}
	
.sbarheader {		
	padding: 0px 5px 0px 5px;		
	}

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

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

div#sidebar a:hover {                 
	color: #444444;                 
	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;
	display: inline;	
	letter-spacing: 1px;
	}
	
li.sbartitle {	
	display: none;		
	}

li.view {
	font-weight: bold;			
	color: #DBDBDB;		
	font-family: "arial", sans-serif;		
	font-size: 10px;	
	text-transform: lowercase;	
	background-color: #fff;	
	margin-bottom: 20px;		
	margin-top: 20px;	
	}

#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: #fff;			
	padding: 5px;			
	margin-top: 20px;			
	}
	
.userpiccomment {		
	position: relative;		
	border-width: 5px solid #ccc;	
	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: #E1E1E1 !important;
	border: 1px solid;
	background-color: #FFFFFF;
	font-family: tahoma, verdana, sans-serif;
	color: #393939;
	font-size: 9px;
	}

textarea.textbox, input.textbox, select.textbox {
  width: 80% !important;
	border-color: #E1E1E1 !important;
	border: 1px solid;
	background-color: #FFFFFF;
	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: #000000;		
	}

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

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

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

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

.commentboxpartial {		
	border-color: #fff;		
	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 #34868d;
	background-color: #F5F5F5;
	}

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

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

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

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

.subject img[src="http://p-stat.livejournal.com/img/icon_groups.gif"]{
		width: 0;
		height: 0;
		padding: 0 10px 10px 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/001z3btr); 
  		padding: 12px 10px 0 12px;
		}

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

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

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

em, i {
color: #34868d;
}

.emphasis {
color: #06bbc8;
font-weight: bold;
font-family: Lucida Sans Unicode;
font-size: 12pt;
text-transform: lowercase;
}
.emphasis2 {
color: #34868d;
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: #000000;
text-decoration: underline;
border-bottom: 1px dashed #34868d;
}

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

/*--- 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: #bbbbbb !important;
border: 3px solid #000000;
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: #34868d !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: #bbbbbb;

**SAVE CHANGES**

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.

For this particular theme I do suggest disabling the sidebar calendar, tags list and the page summary, otherwise your "sidebar" will look very cluttered. Because, you will notice that your sidebar is actually on the top of your entries, rather on the actual side :3. I would also recommend keeping your links to a minimum if you are going to have any displayed at all. (In the screenshot, everything was disabled but the text-blurb) But you are free as a bird to play around with it all and deciding what looks best, of course!

Also, the only thing different in the screen shots I showed you was the header image, so if you changed your mind ever, and want to change to a different version, it's a very very easy fix, so let me know. I happen to be a fan of the cleaner one myself, so that's the version in this code.

Other than that, I hope that you like it! ♥~

Flat | Top-Level Comments Only

I LOVE IT !!!! <3 <3 <3 !!! ZOMG

YAY! I'm glad!!!!!

♥

And I credited you as well u.u

>> now, may I ask... can I be your friend please? Such an amazing, kind and generous person *flatter flatter flatter*

8D

Oh, thank you very much!

*blushes* Aww, thank you, you are too sweet.

AND OF COURSE!!!!!!!!!!!!!!

*friends*

Doumeki/Watanuki Theme

no subject

no subject

no subject

no subject