Hermione/Ron Icons, Banner, Layout, and Wallpaper

[janine42584]

1-Hermione/Ron Banner
1-Hermione/Ron Layout
1-Hermione/Ron Wallpaper
11-Hermione Icons
1-Hermione/Ron Icon






Made With S2 and Smooth Sailing Layout




Header Image URL
http://img149.imageshack.us/img149/4640/banneryd9.jpg




NEW INSTRUCTIONS

Copy Code into Notepad (or some other program similar)

The images in this layout:
HEADERURL

HOST THESE IMAGES TO YOUR OWN SERVER (Both Photobuck and ImageShack are great)
If you use Photobucket: Please make sure that the dropdown under upload file that says "Reduce to:" is set to either 1024x768 or 1MB... otherwise photobucket WILL RESIZE your images and the layout will not work properly.

Find and replace each new URL with their corrisponding name.
Example: BODYURL --> Go to Edit -> Replace: "Find What" would be HEADERURL and "replace with" would be your new URL -> Click "Replace All"

USING THE OVERRIDE CODE

1. Click "Customize"
2. In the cute little search thing type "smooth sailing"
3. Click the "Apply Theme" button for any theme
4. Click "Customize" Under the theme
5. Click the last link in this new section "Custom CSS"
6. Make sure all dropdown boxes say "NO"
7. Copy and paste the override code into the box provided
8. Click "Save Changes" and there you have it!

Override Code

/* Cleaned CSS: */

body {
font-family: Arial, sans-serif;
font-size: 12px;
margin: 0px;
background-color: #000000;
color: #866645;
background-image: url('');
}
a {
color: #6e5639;
}
a:visited {
color: #724d41;
}
.entryHeaderDate a {
color : #6e5639;
text-decoration : none;
}
.entryHeaderDate a:hover {
color : #6e5639;
text-decoration : underline;
}
.header-title {
background-color: #000000;
font-family: ;
font-size: 20px;
color: #261911;
padding: 0px 20px 0px 20px;
}
.header-subtitle {
background-color: #000000;
color: #35251b;
font-family: ;
font-size: 20px;
padding: 0px 24px 0px 24px;
}
.header-icon {
top: 0px;
right: 0px;
position: absolute;
z-index: 1;
border-left: 2px solid #6a4239;
border-bottom: 2px solid #6a4239;
}
.pageheaderblock {
text-align: center;
}
.pagefooterblock {
border-top: 2px solid #6a4239;
background-color: #000000;
color: #000000;
padding: 4px 4px 4px 24px;
margin-top: 4px;
}
.pagefooterblock a, .pagefooterblock a:visited {
color: #000000;
}
.bodyblock {
padding: 10px 20px 0px 20px;
}
.bodyheaderblock {
border-top: 2px solid #6a4239;
background-color: #000000;
padding: 4px 0px 4px 0px;
}
.bodynavblock {
border-top: 2px solid #6a4239;
background-color: #000000;
color: #866645;
margin: 10px 0px 4px 0px;
padding: 8px;
}
.bodynavblock a, .bodynavblock a:visited {
color: #866645;
}
.body-title {
font-family: ;
font-size: 18px;
color: #866645;
text-align: center;
padding-left: 24px;
}
.body-midtitle {
font-family: ;
font-size: 18px;
color: #866645;
text-align: left;
padding-left: 8px;
}
.entryHolder {
color: #866645;
background-color: #000000;
font-family: ;
font-size: 12px;
border-top: 2px solid #6a4239;
margin: 4px 0px 4px 0px;
}
.entryUserinfo {
text-align: center;
margin: 0px 0px 8px 8px;

background-color: #000000;
}
.entryUserinfo-usericon img {

border: 0;
}
.entryText {
padding: 6px;
}
.entryHeader {
background-color: #000000;
color: #866645;
font-family: ;
font-size: 12px;
padding: 4px 0px 4px 8px;
}
.entryHeader a{
color: #6e5639;
}
.entryHeaderSubject {
font-weight: bold;
}
.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: #866645;
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: #866645;
background-color: #000000;
border-top: 2px solid #6a4239;
font-family: ;
font-size: 12px;
margin: 4px 0px 4px 0px;
}
.commentUserinfo {
text-align: center;
margin: 0px 8px 8px 0px;

background-color: #000000;
}
.commentUserinfo-usericon img {
border: 0;
}
.commentText {
padding: 6px;
}
.commentHeader {
background-color: #000000;
color: #866645;
font-family: ;
font-size: 12px;
padding: 4px 0px 4px 8px;
}
.commentHeader a{
color: #6e5639;
}
.commentHeaderScreened {
font-family: ;
font-size: 12px;
background-color: #000000;
padding: 4px 0px 4px 8px;
}
.commentHeaderSubject {
font-weight: bold;
}
.commentLinkbar {
font-family: ;
font-size: 11px;
color: #866645;
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: #000000;
color: #866645;
padding-left: 10px;
}
.yearlinks{
text-align: right;
}
.yearlink{
padding-left:4px;
padding-right: 4px;
}
.month {
width: 500px;
border: 1px solid #724d41;
margin: 8px 8px 8px 40px;
}
.daysubjects {
color: #866645;
padding: 8px 8px 8px 40px;
}
.daytitles {
text-align: center;
border: 1px solid #724d41;
background: #000000;
color: #937059;
}
.day-blank {
border: 1px solid #724d41;
}
.day {
border: 1px solid #724d41;
}
.day-date {
border-right: 1px solid #724d41;
border-bottom: 1px solid #724d41;
color: #937059;
width: 50%;
text-align: center;
}
.day-count {
width: 50%;
text-align: center;
float: right;
font-size: 20px;
}
.day-count a {
text-decoration: none;
color: #937059;
}

.sidebar {
font-family: ;
font-size: 11px;
margin-right: 20px;
width: 200px;
}
.sidebox {
color: #866645;
background-color: #000000;
margin: 4px 0px 4px 0px;
}
.sideboxTitle {
background-color: #000000;
color: #866645;
border-top: 2px solid #6a4239;
font-family: ;
font-size: 12px;
padding: 4px 0px 4px 8px;
text-align: left;
}
.sideboxContent {
text-align: left;
padding: 2px 4px 2px 4px;
}
.sidebox #profile, .sidebox #latestmonth, .sidebox #search {
text-align: center;
}
.sidebox #tags_sidebox {
text-align: center;
}
.sidebox #systemlinks {
text-align: center;
}
.sidebox #latestmonth table{
width: 90%;
margin-left: auto;
margin-right: auto;
margin-top: 4px;
}
.listtitle {
font-weight: bold;
}
.profile-label {
font-weight: bold;
}

.header-menu {
padding: 0px;
background-color: #000000;
border-top: 2px solid #6a4239;
padding-left: 19px;
font-family: ;
font-size: 12px;
line-height: 20px;
}
.header-menu a, .header-menu a:visited {
white-space: nowrap;
text-align: left;
padding: 2px 6px 2px 6px;
color: #35251b;
text-decoration: none;
}
.header-menu a:hover {
background-color: #000000;
color: #35251b;
}
#footer-menu {
font-size: 11px;
}
#footer-menu a, .footer-menu a:visited {
color: #866645;
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;
}
.tagstable, .tagstable td {
border: 1px solid #724d41;
}
.tagstable { width: 500px; }

#lj_controlstrip {
background-color: #000000;
background-image: none;
}

#lj_controlstrip td {
color: #866645;
border-bottom: 1px solid #6a4239;
}

#lj_controlstrip_statustext {
color: #866645;
}

#lj_controlstrip a {
color: #6e5639;
}

#lj_controlstrip_user, #lj_controlstrip_userlinks, #lj_controlstrip_login {
border-right: 1px solid #6a4239;
}

#lj_controlstrip_login td {
border-bottom: 0;
}

#lj_controlstrip_userpic {
background-image: url(http://stat.livejournal.com/palimg/controlstrip/ljlogo.gif/pt000000866645);
}

.pageheaderblock { background-image: url("HEADERURL");
background-position: top center; background-repeat: no-repeat; padding-top: 500px; }
.pageblock { width:800px; margin:auto }

Icons...

001
002
003
004
005











006
007
008
009
010











011
012