[Layout] LuAce Past And Present

[kyotoxox]

I recently made a layout based on the last few subbed episodes of the anime. I didn't end up using it so instead of letting it go to waste thought I would share it here. I thought I would share here. Feel free to take and customize.

WARNING: CONTAINS MAJOR SPOILERS FOR LATEST EPISODES OF THE ANIME (AT LEAST 475+ AND VOLUME 59 OF MANGA).

Style: Smooth Sailing (Bruised Purple)
Preview: here
Download Header Image
Note: Is not made to work with sidebar or ads.

1. Download and save header image. Upload to hosting site (ie: imageshack, photobucket, etc).

2. Go to Journal -> Journal Style . Search for Bruised Purple. Apply Theme. At the bottom choose 1 column (no sidebar) Apply layout.

3. Choose Customize your theme. Select Custom CSS. Make sure both boxes to use layouts css are set to no. Copy and below css, replace "http://img833.imageshack.us/img833/6455/luace.jpg" with the address to where you uploaded the header image. Choose save changes.

body {
font-family: Arial, sans-serif;
font-size: 12px;
margin: 0px;
background-color: #000;
color: #ffffff;
}
.pageblock {
width: 700px;
margin: 0px auto;
background: #000;
color: #000;
}
.bodyblock {
padding: 0;
margin: 0;
}
a {
color: #8f8f98;
}
a:visited {
color: #8f8f98;
}
.entryHeaderDate a {
color : #8f8f98;
text-decoration : none;
}
.entryHeaderDate a:hover {
color : #8f8f98;
text-decoration : underline;
}
.header-title, .header-subtitle{
display: none;
}
.header-icon {
top: 0px;
right: 0px;
position: absolute;
z-index: 1;
border-left: 2px solid #391363;
border-bottom: 2px solid #391363;
}
.pageheaderblock {
height: 432px;
width: 700px;
background-image: url(http://img833.imageshack.us/img833/6455/luace.jpg);
background-color: #FFF;
background-repeat: no-repeat;
}
.pagefooterblock {
background-color: #391363;
color: #793d9f;
text-align: center;
padding: 4px 4px 4px 24px;
margin-top: 0px;
}
.pagefooterblock a, .pagefooterblock a:visited {
color: #230a44;
}

.bodyheaderblock {
display: none;
}
.bodynavblock {
background-color: #391363;
text-align: center;
color: #230a44;
margin: 10px auto 0px auto;
padding: 8px;
}
.bodynavblock a, .bodynavblock a:visited {
color: #230a44;
text-decoration: none;
}
.body-title {
font-family: ;
font-size: 18px;
color: #230a44;
text-align: left;
padding-left: 24px;
}
.body-midtitle {
font-family: ;
font-size: 18px;
color: #230a44;
text-align: left;
padding-left: 8px;
}
.entryHolder {
color: #230a44;
background: #856883;
font-size: 12px;
border-top: 2px solid #230a44;
margin: 10px 0px;
}
.entryHolder img{
max-width: 450px;
}
.entryUserinfo {
text-align: center;
margin: 0px 8px 8px 0px;
}
.entryUserinfo-usericon img {
border: 0;
}
.entryText {
padding: 6px;
}
.entryHeader {
background-color: #391363;
color: #8f8f98;
font-family: ;
font-size: 12px;
padding: 4px 0px 4px 8px;
}
.entryHeader a{
color: #8f8f98;
}
.entryHeaderSubject {
font-weight: bold;
}
.entryHeaderSubject A, .entryHeaderSubject A:hover, .entryHeaderSubject A:visited {
text-decoration: none;
color: #8f8f98;
}
.entryMetadata {
padding-left: 6px;
}
.entryMetadata ul {
margin: 0px;
padding: 0px;
}
.entryMetadata li {
list-style: none;
display: inline;
padding-right: 10px;
}
.entryMetadata-label {
font-weight: bold;
padding-right: 4px;
}
.entryLinkbar {
font-family: ;
font-size: 11px;
color: #391363;
text-align: right;
padding: 4px 0px 4px 0px;
}
.entryLinkbar ul {
margin: 0px;
padding: 0px;
}
.entryLinkbar li {
padding: 0px 5px 0px 5px;
margin: 0px;
display: inline;
}
.commentHolder {
color: #391363;
background-color: #230a44;
border-top: 2px solid #391363;
font-family: ;
font-size: 12px;
margin: 4px 0px 4px 0px;
}
.commentUserinfo {
text-align: center;
margin: 0px 8px 8px 0px;

background-color: #230a44;
}
.commentUserinfo-usericon img {
border: 0;
}
.commentText {
padding: 6px;
}
.commentHeader {
background-color: #391363;
color: #230a44;
font-family: ;
font-size: 12px;
padding: 4px 0px 4px 8px;
}
.commentHeader a{
color: #8f8f98;
}
.commentHeaderScreened {
font-family: ;
font-size: 12px;
background-color: #391363;
padding: 4px 0px 4px 8px;
}
.commentHeaderSubject {
font-weight: bold;
}
.commentLinkbar {
font-family: ;
font-size: 11px;
color: #391363;
text-align: right;
padding-top: 4px;
padding-bottom: 4px;
}
.commentLinkbar ul {
margin: 0px;
padding: 0px;
}
.commentLinkbar li {
padding: 0px 5px 0px 5px;
margin: 0px;
display: inline;
}
.replyform {
background-color: #230a44;
color: #391363;
padding-left: 10px;
}
.yearlinks{
text-align: right;
}
.yearlink{
padding-left:4px;
padding-right: 4px;
}
.month {
width: 500px;
border: 1px solid #391363;
margin: 8px 8px 8px 40px;
}
.daysubjects {
color: #391363;
padding: 8px 8px 8px 40px;
}
.daytitles {
text-align: center;
border: 1px solid #391363;
background: #391363;
color: #8f8f98;
}
.day-blank {
border: 1px solid #391363;
}
.day {
border: 1px solid #391363;
}
.day-date {
border-right: 1px solid #391363;
border-bottom: 1px solid #391363;
color: #391363;
width: 50%;
text-align: center;
}
.day-count {
width: 50%;
text-align: center;
float: right;
font-size: 20px;
}
.day-count a {
text-decoration: none;
color: #391363;
}

.header-menu {
padding: 0px;
background-color: #391363;
font-size: 12px;
line-height: 20px;
display: block;
text-align: center;
}
.header-menu a, .header-menu a:visited {
white-space: nowrap;
text-align: center;
color: #8f8f98;
text-decoration: none;
display: inline-block;
width: 80px;
}
.header-menu a:hover {
background-color: #856883;
color: #ffffff;
}
#footer-menu {
font-size: 11px;
}
#footer-menu a, .footer-menu a:visited {
color: #8f8f98;
white-space: nowrap;
padding: 6px;
text-align: left;
}
.header-menu ul, #footer-menu ul {
margin: 0px;
padding: 0px;
}
.header-menu li, #footer-menu li {
display: inline-block;
width: 80px;
}
.tagstable, .tagstable td {
border: 1px solid #391363;
}
.tagstable { width: 500px; }