InsaneJournal

Tweak says, "It breaks my heart to say it."

Shirahime (shirahime) wrote in haunted_icons,
@ 2007-08-14 12:58:00

Entry tags:

flex squares, layout, saiyuki

Goku Layout
This is a Goku layout that I made for the Flex Squares layout awhile ago:

Click for larger view

To use it, you have to first import the Flex Squares layout, then in the 'Custom CSS' tab under 'Journal Display,' insert the following code:

body	{
	background: url() ;
        background-color: #F3A50D;
	text-align: center;
	color: #F3A50D;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 12px;
	margin: 0px;
        }

p, td, blockquote {
    	font-size: 11px;
        }
		
code, kbd, pre, tt {
    	font-family: monospace;
	}

#content
	{  		
	width: 760px;
	margin-left: auto; margin-right: auto;				
	background: #000000;
        background: url(http://files.blurredfate.net/gokulayoutrepeat.jpg) top center repeat-y #F3A50D;
	padding: 0px;
        border: 0px;
        margin-bottom: 0px;
	}

#header {		
	width: 100%;
	height: 407px;
	padding: 0px;
	margin: 0px;
	text-align: right;
	font-family: "century gothic", sans-serif;
        text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	background: url(http://files.blurredfate.net/gokulayoutheader.jpg) top center no-repeat transparent;
	color: #F3A50D;
        border: 0px;
	}
	
div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited {
	color: #F07115;
        background: transparent;
        
	padding: 2px 5px;
	}
	
div#header a:hover, div#footer a:hover {
	color: #F3A50D;
	background: transparent;
	text-decoration: none;
	}

ul.navheader 
	{	
	padding: 405px 55px 10px 40px;
	margin: 0px;
        
	}

.title	{
	display: none;
	font-family: "Verdana", sans-serif;
	font-size: 11px;		
	font-weight: normal;
	line-height: 200%;
	top: 10px;
	}
	
.subtitle{
	display: none;
	font-family: "Verdana", sans-serif;
	font-size: 11px;
	font-weight: normal;		
	top: 10px;
	}

a, a:link, a:visited {
	color: #F07115;
	text-decoration: none;
        font-weight: bold;
        cursor: ne-resize;
	}

a:hover {
	color: #F3A50D;
	text-decoration: none; 
        cursor: ne-resize;
        }

#maincontent {	
        width: 450px; 	
	margin: 0px 20px 0px 220px;
        padding-top: 20px;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 12px;
	color: #F3A50D;
	text-align: left;
        background-color: #000000;
        border: 0px;
	}

.entry	{
        padding-left: 10px;
	margin: 0px 10px 10px 0px;
	color: #F3A50D;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 12px;
	text-align: left;
        background-color: #000000;
        border: 0px;
	}

.date {		
	line-height: 100%;
        top: 0px;
        color: #F07115;
	font-family: "Trebuchet MS", sans-serif;
	font-weight: normal;
	font-size: 11px;
        float: right;
	}

.datesubject {
        background-color: #000000;
	padding: 3px;

}

.subject {
        padding: 0px;	
	margin: 0px 0px 10px 0px;		
	font-weight: bold;
	color: #F07115;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 13px;
	text-transform: uppercase;
        border-bottom: 0px #F07115 solid;
        background-color: #000000;
	}

#sidebar {
	padding: 20px 0px 0px 0px;
	margin-top: 0px;
        margin-left: 10px;
	font-size: 11px;
	line-height: 13pt;
        font-family: "Trebuchet MS","veranda", sans-serif;
  	color: #000000;
	width: 150px;
	float: left;
	text-align: justify;
        background: url() ;
               
        border: 0px;
        }

#footer {
        margin: 0px 0px -50px 0px;
	      
	text-align: center;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #582a09;
        padding: 0px;
        
        border: 0px;
	z-index: 100;
	clear: both;
        background-color: transparent;
        height: 100px;	
        
	}

div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
       color: #000000;
      font-size: 11px;	
      font-weight: normal;
      }
	
div#sidebar a:hover {
      font-size: 11px;
      color: #582a09;
      text-decoration: underline;
	}
	
	
.defaultuserpic {
		text-align: center;
                }
	
.sbarheader {
	padding: 0px 5px 0px 5px;
        color: #F07115;
	text-align: center;
            }
	
.sbarbody {
	padding: 0 10px 0 -11px;		
        }
	
.sbarbody2 {
	padding: 0 10px 0 10px;
        }
			
table.calendar {
	margin-right: auto;
	margin-left: auto;
	}
		
.sbarcalendar {
	border-color: #582a09;
	border-width: 0px;
	border-style: solid;
	text-align: center;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 11px;
	}
	
.sbarcalendarposts {
	border-color:  #582a09;
	border-width: 1px;
	border-style: solid;
	background-color: #F3A50D;
	text-align: center;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 11px;
	}
		
ul.sbarlist {
	padding-left: 0px;
	margin-left: 0px;
	list-style: none;
	}

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

li.sbartitle {
	padding: 2px;
	list-style: none;		
	margin-bottom: 2px;
	margin-top: 2px;
        font-color: #000000;
        background-color: #F3A50D;
        font-weight: bold;
	font-family: "Trebuchet MS", sans-serif;
        text-transform:uppercase;
	font-size: 12px;
        border: 1px #F3A50D solid;
        border-bottom: 2px #582a09 solid;
        }

.entry	{
	margin: 0px 5px 5px 5px;
	padding: 20px;
	background-color: 000000;
	color: #F3A50D;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 12px;
	text-align: justify;
	border-width: 0px;
	border-color: #000000;
	line-height: 12pt;
	border-style: solid;
	}

.userpic {
	position: relative;
	float: right;
	background-color: #000000;
	padding: 5px;
	margin: 10px;
	z-index: 15;
	border-width: 3px;
	border-color: #582a09;
	border-style: solid;
        }

.userpicfriends {
	position: relative;
	float: right;
	padding: 5px;
	margin: 10px;
	text-align: center;
	border-style: solid;
	background-color: #000000;
	border-width: 3px;
	border-color: #582a09;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 10px;
	z-index: 15;
	}

div.ljtags {
	margin: 10px 0px 0px 0px;
	font-weight: bold;
	}

.comments {
	font-family: "Trebuchet MS", sans-serif;
	font-size: 11px;
	text-align: right;
        color: #F3a50d;
        background-color: #000000;
        padding: 0px 5px 0px 5px;
	position: relative;
	top: 15px;
	}

div.comments a, div.comments a:link, div.comments a:visited {
	color: #F07115;
        font-weight: bold;
	text-decoration: none;
        border-bottom: 0px solid #D5AA41;
	}
	
div.comments a:hover {
	color: #F3a50d;
	text-decoration: underline;
        border-bottom: 0px solid #16425a;
	}

.box {
	border-style: solid;
	border-width: 2px 0px 0px 0px;
	border-color: #582a09;
	padding: 10px;
	}

input, textarea {
		background-color: #000000;
		color: #F3a50d;
		}
		
	textarea.textbox  {
      	width: 100% !important;
   		}
	
.reply	{
	position: relative;
	margin: 10px 20px 10px 20px;
	padding: 25px 10px 10px 10px;
	text-align: left;
	font-family: "veranda", sans-serif;
	font-size: 10px;
	line-height: 125%;
	background-color: #000000;
	color: #F3a50d;
	}
		
.replytosubject {
	font-weight: bold;
	}
			
		
.commentreply {
	position: relative;
	margin: 10px;
	font-size: 11px;
	font-family: "Trebuchet MS", sans-serif;
	color: #F3a50d;
	}
		
.commentbox {
	
	border-color: #582a09; 
	border-width: 2px; 
	border-style: solid; 
	padding: 10px; 
	margin: 10px; 
	background-color: #000000;
	}
		
		
	ul.navfooter{
		padding: 0px;	
	        margin: 20px -140px 0px 20px;
		}
	
	ul.navfooter li  {
		display: inline;	
		margin: 0px 0px 0px 20px;
		}
	
	.clearfoot {		
		clear: both;
		}

.currents, .currentmood, .currentmusic, .currenttags, .currentlocation {
	font-family: "Trebuchet MS", sans-serif;
	font-size: 11px;
	color: #582a09;	
        line-height: 120%;
        font-weight: normal;
	}

.clear {		
	height: 15px;
	}
		
.skiplinks {
	text-align: center;
	}
		
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: 2px;
	border-style: solid;
	border-color: #582a09;
	}
	
table.yeartable td.yearday {
	background-color: #000000;
	text-align: center;
	}

td.yearmonth {
	border-style: none;
	}

Just save the two images to your server.

Ads by Project Wonderful! Your ad here, right now: $0