23: TVXQ Layout (for JESSSOYOUKNOW)

[issatothemax]

AAAAAHHHHH~ It's already 2009 *FAILS*
Since Abbey is too busy doing stuff, she told me to do this one~
So yeah TT TT~ Sorry if it isn't that dazzling..
I'm not even sure how it looks like, especially the color scheme, so please tell me what to change if ever there are some stuff that look wrong XP.
Here you go, Jess! :D

CHOCOPIE's Notes

• This layout may be used by jesssoyouknow only.
• Please do NOT alter the codes [and images] in any way, and do NOT remove the credits.
• If you're not satisfied with something in the layout, just tell me.
• The layout comes with an icon. ^^
• Credits: CSS Base codes from xloliconsx

PREVIEW+ICON



INSTRUCTIONS
1. Make sure you're using the S2 layout type.
2. Go to Change Journal Theme. Type in "Flexible Squares" for the themes selection and choose any "Flexible Squares" theme. Press Apply Theme.
3. Scroll down to Choose a Page Setup. Choose either "2 Column (sidebar on left)" or "2 Column (sidebar on right)". BEST AD PLACEMENT TO USE: Between Entries. Press Apply Layout.
4. Press Customize Journal Theme. In the left sidebar, click Custom CSS.
5. Choose "No" in all the drop-down choices shown.
6. Copy & paste the CSS codes on the "Custom stylesheet" field. Press "Save Changes".
7. You're done! :D Check your LiveJournal page to see your new layout.

CSS CODES

/*xMINTCHOCOPIE@LiveJournal*/
/*LYT09;DongBangDORKSforJESSSOYOUKNOW*/
/*Cleaned CSS; DO NOT EDIT CSS OR REMOVE CREDITS*/

body {
background-color: #F9E2D2;
text-align: center;
color: #333333;
font-family: Tahoma;
font-size: 10px;
margin: 10px;
}

a, a:link, a:visited {
color: #F9B350;
text-decoration: none;
}

a:hover {
color: #E16120;
cursor: crosshair;
text-decoration: none;
}

p, td {
font-size: 9px;
}

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

u, b, i {
color: #DD6912;
}

s {
color: #E7569E;
}

#maincontent {
margin-top: 15px;
margin-left: 180px;
font-family: Tahoma;
font-size: 10px;
background-color: #FAF8F8;
color: #333333;
text-align: left;
line-height: 15px;
}

#content {
width: 750px;
margin: 0px auto;
background-color: #FAF8F8;
padding-top: 15px;
}

blockquote {
border: 1px solid #E16120;
font: Tahoma;
background-color: #F9E2D2;
padding: 5px 15px 5px 15px;
margin: 5px;
}

blockquote:hover {
border: 1px solid #000000;
}

/*--------------------HEADER--------------------*/

.title {
display: none;
}

.subtitle {
display: none;
}

#header {
/*Please leave this area blank!*/
}

.headerimage {
background-image: url(http://i292.photobucket.com/albums/mm36/issatothemax/BANNER001a.jpg);
background-repeat: no-repeat;
background-position: center;
background-color: transparent;
width: 750px;
height: 350px;
padding: 0px;
margin: 0px auto;
}

div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited {
font: bold 15px Georgia;
text-transform: uppercase;
color: #FFFFFF;
padding: 15px;
}

div#header a:hover, div#footer a:hover {
color: #555555;
}

.view {
font: bold 15px Georgia;
text-transform: uppercase;
color: #FFFFFF;
padding: 15px;
}

ul.navheader {
font: bold 15px Georgia;
text-transform: uppercase;
padding: 15px;
margin-top: -15px;
background-color: #DD6912;
}

ul.navheader li {
display: inline;
background-color: #DD6912;
padding: 0px 3px 0px 3px;
}

/*--------------------FOOTER--------------------*/

#footer {
width: 750px;
text-align: center;
font: bold 15px Georgia;
background-color: #E16120;
color: #FFFFFF;
margin-bottom: -15px;
z-index: 100;
clear: both;
}

ul.navfooter {
padding: 0px;
margin: 0px;
}

ul.navfooter li {
display: inline;
margin: 0 5px 0 5px;
}

.clearfoot {
clear: both;
}

/*--------------------ENTRIES--------------------*/

.subcontent {
}

.entry {
margin: 0px 10px 10px 30px;
padding: 10px;
background-color: #FFFFFF;
color: #333333;
font-family: Tahoma;
font-size: 10px;
text-align: justify;
}

.userpic {
position: relative;
float: right;
border: 1px solid #555555;
background-color: #ffffff;
padding: 5px;
margin: 5px;
z-index: 15;
}

.userpicfriends {
position: relative;
float: right;
border: 1px solid #B3B3B3;
background-color: #FFFFFF !important;
font-family: Tahoma !important;
color: #A5A5A5 !important;
text-align: center;
padding: 5px;
margin: 5px;
z-index: 15;
}

.date {
line-height: 200%;
text-align: right;
top: 5px;
color: #000000;
font-family: Tahoma;
font-size: 9px;
text-transform: uppercase;
}

.subject {
font-weight: bold;
font-style: italic;
color: #E16120;
font-family: Georgia, times new roman, serif;
font-size: 17px;
text-align: right;
text-transform: uppercase;
margin-left: 50px;
margin-right: 5px;
margin-bottom: 5px;
padding-bottom: 3px;
}

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

.subject a:hover {
color: #555555;
}

.datesubject {
background-color: #FFFFFF;
padding: 5px;
}

.entry ul li {
padding: 0px;
margin: 0px 0px 0px 15px;
}

.entry ol li {
padding: 0px;
margin: 0px 0px 0px 15px;
}

.ljtags {
margin: 30px 0px 0px 0px;
background-color:#FFFFFF;
width: 100%;
padding: 5px;
color: #A5A5A5;
font-size: 9px;
font-weight: normal;
text-transform: uppercase;
}

.currents, .currentmusic, .currentlocation, .currentmood {
margin: 3px;
font-family: Tahoma;
font-size: 9px;
}

.currents strong {
color: #DD6912;
}

.comments {
font-family: Georgia;
font-size: 10px;
font-style: italic;
font-weight: bold;
text-transform: lowercase;
text-align: right;
background-color: #FFFFFF;
padding: 0px 5px 0px 5px;
position: relative;
top: 5px;
}

div.comments a, div.comments a:link, div.comments a:visited{
color: #AFB6C0;
text-decoration: none;
}

div.comments a:hover {
color: #CE6824;
text-decoration: none;
cursor: crosshair;
}

.separator{
height: 0px;
}

/*--------------------SIDEBAR--------------------*/

#sidebar {
width: 170px;
float: left;
color: #888888;
background-color: #FAF8F8;
padding: 20px;
text-align: justify;
}

.defaultuserpic {
text-align: center;
}

.sbarheader, .sbarbody, .sbarbody2 {
padding: 0px;
}

table.calendar {
margin-right: auto;
margin-left: auto;
}

.sbarcalendar {
padding: 3px;
text-align: center;
color: #bbbbbb;
font-size: 7pt;
}

.sbarcalendarposts {
padding: 3px;
background: #f9f9f9;
text-align: center;
color: #EB8A00;
font-size: 7pt;
}

ul.sbarlist {
margin: 0px;
list-style: none;
padding: 0px;
}

li.sbaritem {
list-style: none;
}

li.sbaritem:hover {
font-style: italic;
}

li.sbartitle {
padding-bottom: 5px;
padding-top: 15px;
color: #E16120;
font: bold 10pt Georgia;
text-transform: uppercase;
text-align: right;
}

ul.ljtaglist li{
padding: 5px;
margin: 0px;
list-style-type: circle;
list-style-position: outside;
}

/*--------------------COMMENTS PAGE--------------------*/

.datesubjectcomment {
background-color: #FFFFFF;
border-width: 0px 0px 1px 0px;
border-style: solid;
border-color: #5E5E5D;
padding: 5px;
margin-top: 20px;
}

.userpiccomment {
position: relative;
border-width: 1px;
border-style: solid;
border-color: #5E5E5D;
background-color: #FFFFFF;
top: -30px;
left: 0px;
padding: 5px;
margin: 10px 10px -20px 10px;
z-index: 15;
float: left;
}

.box {
border-style: solid;
border-width: 1px;
border-color: #FFFFFF;
padding: 10px;
clear: left;
}

input, textarea, select {
border-color: #43423F;
border: 1px solid;
background-color: #FFFFFF;
font-family: Tahoma;
color: #555555;
font-size: 9px;
}

textarea.textbox {
width: 100% !important;
}

.reply {
position: relative;
margin: 20px 30px 10px 30px;
padding: 25px 10px 10px 10px;
text-align: left;
font-family: Tahoma;
font-size: 9px;
line-height: 125%;
background-color: #FFFFFF;
color: #555555;
}

.replytosubject {
font-weight: bold;
}

.commentreply {
position: relative;
margin: 10px;
font-size: 9px;
font-family: Tahoma;
color: #555555;
}

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

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

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

.commentboxpartial {
border-color: #FFFFFF;
border-width: 1px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #FFFFFF;
}

.commentinfo {
background-color: #FFFFFF;
margin-top: 10px;
width: 100%;
}

.skiplinks {
text-align: center;
}

/*--------------------ARCHIVE PAGE--------------------*/

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: #FFFFFF;
}

table.yeartable td.yearday {
color: #555555;
background-color: #FFFFFF;
text-align: center;
}

td.yearmonth {
border-style: none;
}

/*--------------------OTHER CODES--------------------*/

.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://i254.photobucket.com/albums/hh96/abbeyloveshero/excentric1.gif);
padding: 13px 2px 0 14px;
}

.ljuser img[src="http://p-stat.livejournal.com/img/userinfo.gif"] {
background-color:transparent;
background-image: url(http://i254.photobucket.com/albums/hh96/abbeyloveshero/excentric1.gif);
padding: 12px 2px 0 8px;
}

.ljuser img[src="http://p-stat.livejournal.com/img/community.gif"] {
background-color:transparent;
background-image: url(http://i254.photobucket.com/albums/hh96/abbeyloveshero/excentric2.gif);
padding: 12px 5px 0 9px;
}

.clear {
height: 15px;
}