Request Filled - Kingdom Hearts Layout
Requested by ice_runes
Preview:
PLEASE SAVE THESE IMAGES INTO YOUR OWN PHOTO SHARING ACCOUNT... I don't have enough bandwidth to let people just copy and paste the complete code... sorry
Header: http://i975.photobucket.com/albums/ae231/13_illusions/Layouts/reqkingdom.png
1. Go to the "Journal" dropdown menu on the home page and select "Select Journal Style"
2. In the search box type in "Flexible Squares" and pick which ever one you want... Click "Apply Theme"
3. Go back up to "Journal" and select "Customize Journal Theme" from the drop down menu.
4. on the sidebar select "Custom CSS"
5. Change all 3 options to "No" and place the code below in the "Custom Stylesheet" box
6. Change the spots marked "HEADER" to the url from YOUR file sharing site (please do not just copy and paste my urls...)
The Code:
/*--- HEADER IMAGE ---*/
.headerimage {
position: relative;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
width: 900px;
height: 300px;
background-image: url(HEADER);
background-repeat: no-repeat;
}
.separator {
height: 3px;
background-color: #F7BE81;
}
/*--- MAIN PAGE-O ---*/
BODY {
margin: 50px 0px 50px 0px;
background-color:#F7BE81;
font-family: "Verdana", sans-serif;
text-align: left;
font-size: 10px;
line-height: 16px;
color: #8A084B;
}
b, i, s, u {
color: #8A084B;
}
code, kbd, pre, tt {
font-family: tahoma;
}
a, a:link, a:visited {
color: #8A084B;
text-transform: uppercase;
text-decoration: none;
}
a:hover {
color: #610B38;
}
blockquote {
margin: 0px 5px 0px 5px;
padding: 0px 3px 0px 3px;
color: #B4045F;
font-size: 10px;
border-left: 2px solid #EB6450;
text-align: justify;
}
#content {
width: 900px;
margin-left: auto;
margin-right: auto;
background-color: #F7BE81;
padding: 10px;
border: 10px solid #F7BE81;
}
#maincontent {
margin: 10px 10px 10px 300px;
}
/*---------------- SIDEBAR -----------------*/
#sidebar {
width: 250px;
float: left;
color: #8A084B;
padding: 20px 25px 25px 25px;
text-align: justify;
}
.defaultuserpic {
text-align: center;
}
.sbarheader, .sbarbody, .sbarbody2 {
padding: 0px;
}
table.calendar {
margin-right: auto;
margin-left: auto;
}
.sbarcalendar {
padding: 3px;
border: 1px solid #ddd;
text-align: center;
color: #B4045F;
font-size: 7pt;
}
.sbarcalendarposts {
padding: 3px;
border: 1px solid #ddd;
background: #610B5E;
text-align: center;
color: #8A084B;
font-size: 7pt;
}
ul.sbarlist {
margin: 0px;
list-style: none;
padding: 0px;
}
li.sbaritem {
list-style: none;
}
li.sbaritem:hover {
background-color: #8A084B;
}
li.sbartitle {
padding-bottom: 5px;
padding-top: 15px;
color: #8A084B;
border-bottom: 1px dashed #B4045F;
font-size: 7pt;
text-transform: uppercase;
text-align: left;
}
ul.ljtaglist li{
padding: 5px;
margin: 0px;
list-style: decimal-leading-zero;
list-style-position: outside;
}
/*--- MAKING ALL IMAGES SEE-THROUGH ON HOVER ---*/
img:hover {
filter: alpha(opacity=80);
moz-opacity: .80;
opacity: .80;
}
/*--- HEADER & FOOTER LINKS - DOES NOT CONTROL HEADER IMAGE ---*/
#header {
width: auto;
padding: 20px;
text-align: center;
font-size: 8pt;
color: #3B0B39;
text-transform: uppercase;
}
#footer {
width: auto;
padding-bottom: 20px;
text-align: center;
font-size: 8pt;
color: #3B0B39;
text-transform: uppercase;
clear: both;
}
div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited {
color: #8A084B;
text-transform: uppercase;
font-size: 8pt;
}
div#header a:hover, div#footer a:hover {
color: #8A084B;
}
ul.navheader, ul.navfooter {
padding: 0px;
margin: 0px;
}
ul.navheader li, ul.navfooter li {
display: inline;
list-style: none;
padding: 2px;
margin: 2px;
}
div#header li.view, div#footer li.viewing {
color: #8A084B;
}
.clearfoot {
display: none;
}
/*--- title & subtitle ---*/
.title {
display: none;
}
.subtitle {
display: none;
}
/*--- TAGS PAGE LAYOUT ---*/
.ljtaglist {
list-style-type: none;
margin: -1px 20px 0px 20px;
margin-left: 70px; width: 60%;
text-transform: lowercase;
text-align: left;
}
.ljtaglist li {
border-bottom: 1px solid #8A084B;
padding: 6px 3px 6px 20px;
color: #610B38;
}
H2 {
background-color: #3B0B24;
margin: 30px;
text-align: left;
padding: 10px;
line-height: 12px;
font-weight: normal;
font-style: italic;
font-size: 12px;
text-transform: uppercase;
color: #610B38;
}
ul.ljtaglist {
color: #610B38;
font-size: 8pt;
padding: 8px 8px 8px 12px;
text-align: left;
margin-right: auto;
margin-left: auto;
padding: 25px;
}
/*--- ENTRY, SUB CONTENT ---*/
.subcontent {
padding: 10px;
background-color: #F7BE81;
}
.entry {
padding: 3px;
background-color: #F7BE81;
color: #3B0B24;
font-size: 10px;
text-align: justify;
}
.entry ul li {
padding: 0px;
margin: 0px;
list-style: decimal-leading-zero;
list-style-position: outside;
}
.entry ol li {
padding-left: 0px;
margin-left: 0px;
list-style: decimal-leading-zero;
list-style-position: outside;
}
/*--- USERPICS, DATE, SUBJECT ---*/
.userpic {
display: ;
position: relative;
float: left;
margin: 0px 20px 10px 0px;
z-index: 15;
}
.userpicfriends {
position: relative;
float: left;
margin: 0px 20px 10px 0px;
background-color: #3B0B24 !important;
text-align: center;
font-size: 7pt;
z-index: 15;
}
.userpicfriends font {
color: #3B0B39 !important;
text-transform: lowercase;
}
.userpicfriends br {
display: block;
height: 0;
}
.userpic img, .userpicfriends img {
background-color: #3B0B24 !important;
width: 100px;
height: 100px;
padding: 5px;
}
.date {
text-align: left;
font-weight: normal;
color: #610B38;
font-size: 7pt;
text-transform: uppercase;
}
.subject {
text-align: left;
font-weight: normal;
color: #3B0B24;
font-size: 7pt;
text-transform: uppercase;
}
.datesubject {
padding: 3px;
border-bottom: 1px dashed #610B38;
}
/* currents, comment links for main page, tags on main page */
.currents {
background-color: transparent;
}
.currents strong{
font-weight: normal;
font-size: 9px;
color: #610B38;
}
.currentlocation, .currentmood, .currentmusic, .currentgroup {
text-align: right;
padding-right: 15px;
font-size: 9px;
color: #610B5E;
border-right: 3px solid #610B38;
}
.ljtags {
margin-top: 15px;
padding-right: 15px;
text-align: right;
text-transform: lowercase;
font-size: 9px;
color: #610B38;
border-right: 3px solid #EB6450;
}
.comments {
text-align: right;
font-weight: none;
padding-right: 15px;
border-right: 3px solid #610B38;
position: relative;
color: #610B38;
top: 5px;
}
div.comments a, div.comments a:link, div.comments a:visited {
font-size: 9px;
color: #610B38;
text-transform: lowercase;
}
div.comments a:hover {
color: #610B38;
}
/* image hover effects */
img:hover {
filter: alpha(opacity=80);
moz-opacity: .80;
opacity: .80;
}
/*--- ARCHIVE PAGE ---*/
ul.year{
text-align: center;
padding: 2px 2px 2px 2px;
}
ul.year li {
color: #aaaaaa;
display: inline;
}
table.yeartable {
margin-left: auto;
margin-right: auto;
padding: 2px;
}
table.yeartable td.yeardate, table.yeartable td.yearday {
color: #888888;
border: 1px solid #cccccc;
padding: 2px;
text-align: center;
}
table.yeartable td.yearday {
background-color: #EB6450;
padding: 2px;
text-align: center;
text-transform: uppercase;
color: #FFFFFF;
}
td.yearmonth {
color: #aaaaaa;
border-style: none;
}
/* comment page (sponsored and paid only) */
.clear {
display: none;
}
.skiplinks {
text-transform: lowercase;
text-align: center;
padding-top: 10px;
color: #999999;
}
.datesubjectcomment {
background-color: #ffffff;
color: #aaaaaa;
padding: 5px;
margin-bottom: 5px;
}
.userpiccomment {
position: relative;
max-width: 100px;
max-height: 100px;
top: -10px;
left: 0px;
margin: 0px 10px -20px -10px;
z-index: 15;
float: left;
padding: 5px;
}
.box {
background-color: #ffffff;
width: auto;
clear: left;
padding: 25px;
}
input, textarea {
background-color: #A7DBD8;
font-size: 12px;
font-family: "Georgia", sans-serif;
color: #555555;
}
textarea.textbox{
border: 0px solid #fff;
font-family: "Georgia", sans-serif;
font-size: 12px;
width: 95% !important;
}
.reply{
position: relative;
margin: 5px 5px 5px 5px;
padding: 5px 5px 5px 5px;
text-align: left;
font-size: 10px;
line-height: 125%;
color: #777777;
}
.replytosubject {
font-weight: bold;
}
.commentreply {
position: relative;
padding: 10px 10px 20px 70px;
font-size: 10px;
color: #777777;
}
.commentbox {
padding: 15px 0px 15px 0px;
margin: 5px;
border-top: 1px solid #dddddd;
}
.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #9E9E7B;
}
.datesubjectcomment a:hover {
color: #bbbbbb;
}
.commentboxpartial {
background-color: #FFFFFF;
padding: 5px;
margin: 12px;
}
.commentinfo {
margin-top: 10px;
width: 100%;
}
/* additional codes, paste below here */
Enjoy!
Preview:
PLEASE SAVE THESE IMAGES INTO YOUR OWN PHOTO SHARING ACCOUNT... I don't have enough bandwidth to let people just copy and paste the complete code... sorry
Header: http://i975.photobucket.com/albums/ae231/13_illusions/Layouts/reqkingdom.png
1. Go to the "Journal" dropdown menu on the home page and select "Select Journal Style"
2. In the search box type in "Flexible Squares" and pick which ever one you want... Click "Apply Theme"
3. Go back up to "Journal" and select "Customize Journal Theme" from the drop down menu.
4. on the sidebar select "Custom CSS"
5. Change all 3 options to "No" and place the code below in the "Custom Stylesheet" box
6. Change the spots marked "HEADER" to the url from YOUR file sharing site (please do not just copy and paste my urls...)
The Code:
/*--- HEADER IMAGE ---*/
.headerimage {
position: relative;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
width: 900px;
height: 300px;
background-image: url(HEADER);
background-repeat: no-repeat;
}
.separator {
height: 3px;
background-color: #F7BE81;
}
/*--- MAIN PAGE-O ---*/
BODY {
margin: 50px 0px 50px 0px;
background-color:#F7BE81;
font-family: "Verdana", sans-serif;
text-align: left;
font-size: 10px;
line-height: 16px;
color: #8A084B;
}
b, i, s, u {
color: #8A084B;
}
code, kbd, pre, tt {
font-family: tahoma;
}
a, a:link, a:visited {
color: #8A084B;
text-transform: uppercase;
text-decoration: none;
}
a:hover {
color: #610B38;
}
blockquote {
margin: 0px 5px 0px 5px;
padding: 0px 3px 0px 3px;
color: #B4045F;
font-size: 10px;
border-left: 2px solid #EB6450;
text-align: justify;
}
#content {
width: 900px;
margin-left: auto;
margin-right: auto;
background-color: #F7BE81;
padding: 10px;
border: 10px solid #F7BE81;
}
#maincontent {
margin: 10px 10px 10px 300px;
}
/*---------------- SIDEBAR -----------------*/
#sidebar {
width: 250px;
float: left;
color: #8A084B;
padding: 20px 25px 25px 25px;
text-align: justify;
}
.defaultuserpic {
text-align: center;
}
.sbarheader, .sbarbody, .sbarbody2 {
padding: 0px;
}
table.calendar {
margin-right: auto;
margin-left: auto;
}
.sbarcalendar {
padding: 3px;
border: 1px solid #ddd;
text-align: center;
color: #B4045F;
font-size: 7pt;
}
.sbarcalendarposts {
padding: 3px;
border: 1px solid #ddd;
background: #610B5E;
text-align: center;
color: #8A084B;
font-size: 7pt;
}
ul.sbarlist {
margin: 0px;
list-style: none;
padding: 0px;
}
li.sbaritem {
list-style: none;
}
li.sbaritem:hover {
background-color: #8A084B;
}
li.sbartitle {
padding-bottom: 5px;
padding-top: 15px;
color: #8A084B;
border-bottom: 1px dashed #B4045F;
font-size: 7pt;
text-transform: uppercase;
text-align: left;
}
ul.ljtaglist li{
padding: 5px;
margin: 0px;
list-style: decimal-leading-zero;
list-style-position: outside;
}
/*--- MAKING ALL IMAGES SEE-THROUGH ON HOVER ---*/
img:hover {
filter: alpha(opacity=80);
moz-opacity: .80;
opacity: .80;
}
/*--- HEADER & FOOTER LINKS - DOES NOT CONTROL HEADER IMAGE ---*/
#header {
width: auto;
padding: 20px;
text-align: center;
font-size: 8pt;
color: #3B0B39;
text-transform: uppercase;
}
#footer {
width: auto;
padding-bottom: 20px;
text-align: center;
font-size: 8pt;
color: #3B0B39;
text-transform: uppercase;
clear: both;
}
div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited {
color: #8A084B;
text-transform: uppercase;
font-size: 8pt;
}
div#header a:hover, div#footer a:hover {
color: #8A084B;
}
ul.navheader, ul.navfooter {
padding: 0px;
margin: 0px;
}
ul.navheader li, ul.navfooter li {
display: inline;
list-style: none;
padding: 2px;
margin: 2px;
}
div#header li.view, div#footer li.viewing {
color: #8A084B;
}
.clearfoot {
display: none;
}
/*--- title & subtitle ---*/
.title {
display: none;
}
.subtitle {
display: none;
}
/*--- TAGS PAGE LAYOUT ---*/
.ljtaglist {
list-style-type: none;
margin: -1px 20px 0px 20px;
margin-left: 70px; width: 60%;
text-transform: lowercase;
text-align: left;
}
.ljtaglist li {
border-bottom: 1px solid #8A084B;
padding: 6px 3px 6px 20px;
color: #610B38;
}
H2 {
background-color: #3B0B24;
margin: 30px;
text-align: left;
padding: 10px;
line-height: 12px;
font-weight: normal;
font-style: italic;
font-size: 12px;
text-transform: uppercase;
color: #610B38;
}
ul.ljtaglist {
color: #610B38;
font-size: 8pt;
padding: 8px 8px 8px 12px;
text-align: left;
margin-right: auto;
margin-left: auto;
padding: 25px;
}
/*--- ENTRY, SUB CONTENT ---*/
.subcontent {
padding: 10px;
background-color: #F7BE81;
}
.entry {
padding: 3px;
background-color: #F7BE81;
color: #3B0B24;
font-size: 10px;
text-align: justify;
}
.entry ul li {
padding: 0px;
margin: 0px;
list-style: decimal-leading-zero;
list-style-position: outside;
}
.entry ol li {
padding-left: 0px;
margin-left: 0px;
list-style: decimal-leading-zero;
list-style-position: outside;
}
/*--- USERPICS, DATE, SUBJECT ---*/
.userpic {
display: ;
position: relative;
float: left;
margin: 0px 20px 10px 0px;
z-index: 15;
}
.userpicfriends {
position: relative;
float: left;
margin: 0px 20px 10px 0px;
background-color: #3B0B24 !important;
text-align: center;
font-size: 7pt;
z-index: 15;
}
.userpicfriends font {
color: #3B0B39 !important;
text-transform: lowercase;
}
.userpicfriends br {
display: block;
height: 0;
}
.userpic img, .userpicfriends img {
background-color: #3B0B24 !important;
width: 100px;
height: 100px;
padding: 5px;
}
.date {
text-align: left;
font-weight: normal;
color: #610B38;
font-size: 7pt;
text-transform: uppercase;
}
.subject {
text-align: left;
font-weight: normal;
color: #3B0B24;
font-size: 7pt;
text-transform: uppercase;
}
.datesubject {
padding: 3px;
border-bottom: 1px dashed #610B38;
}
/* currents, comment links for main page, tags on main page */
.currents {
background-color: transparent;
}
.currents strong{
font-weight: normal;
font-size: 9px;
color: #610B38;
}
.currentlocation, .currentmood, .currentmusic, .currentgroup {
text-align: right;
padding-right: 15px;
font-size: 9px;
color: #610B5E;
border-right: 3px solid #610B38;
}
.ljtags {
margin-top: 15px;
padding-right: 15px;
text-align: right;
text-transform: lowercase;
font-size: 9px;
color: #610B38;
border-right: 3px solid #EB6450;
}
.comments {
text-align: right;
font-weight: none;
padding-right: 15px;
border-right: 3px solid #610B38;
position: relative;
color: #610B38;
top: 5px;
}
div.comments a, div.comments a:link, div.comments a:visited {
font-size: 9px;
color: #610B38;
text-transform: lowercase;
}
div.comments a:hover {
color: #610B38;
}
/* image hover effects */
img:hover {
filter: alpha(opacity=80);
moz-opacity: .80;
opacity: .80;
}
/*--- ARCHIVE PAGE ---*/
ul.year{
text-align: center;
padding: 2px 2px 2px 2px;
}
ul.year li {
color: #aaaaaa;
display: inline;
}
table.yeartable {
margin-left: auto;
margin-right: auto;
padding: 2px;
}
table.yeartable td.yeardate, table.yeartable td.yearday {
color: #888888;
border: 1px solid #cccccc;
padding: 2px;
text-align: center;
}
table.yeartable td.yearday {
background-color: #EB6450;
padding: 2px;
text-align: center;
text-transform: uppercase;
color: #FFFFFF;
}
td.yearmonth {
color: #aaaaaa;
border-style: none;
}
/* comment page (sponsored and paid only) */
.clear {
display: none;
}
.skiplinks {
text-transform: lowercase;
text-align: center;
padding-top: 10px;
color: #999999;
}
.datesubjectcomment {
background-color: #ffffff;
color: #aaaaaa;
padding: 5px;
margin-bottom: 5px;
}
.userpiccomment {
position: relative;
max-width: 100px;
max-height: 100px;
top: -10px;
left: 0px;
margin: 0px 10px -20px -10px;
z-index: 15;
float: left;
padding: 5px;
}
.box {
background-color: #ffffff;
width: auto;
clear: left;
padding: 25px;
}
input, textarea {
background-color: #A7DBD8;
font-size: 12px;
font-family: "Georgia", sans-serif;
color: #555555;
}
textarea.textbox{
border: 0px solid #fff;
font-family: "Georgia", sans-serif;
font-size: 12px;
width: 95% !important;
}
.reply{
position: relative;
margin: 5px 5px 5px 5px;
padding: 5px 5px 5px 5px;
text-align: left;
font-size: 10px;
line-height: 125%;
color: #777777;
}
.replytosubject {
font-weight: bold;
}
.commentreply {
position: relative;
padding: 10px 10px 20px 70px;
font-size: 10px;
color: #777777;
}
.commentbox {
padding: 15px 0px 15px 0px;
margin: 5px;
border-top: 1px solid #dddddd;
}
.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #9E9E7B;
}
.datesubjectcomment a:hover {
color: #bbbbbb;
}
.commentboxpartial {
background-color: #FFFFFF;
padding: 5px;
margin: 12px;
}
.commentinfo {
margin-top: 10px;
width: 100%;
}
/* additional codes, paste below here */
Enjoy!