09: YunJae Love Layout ( for under_an_oak )

[abbeyloveshero]

bb, here you go! A customized YunJae layout just for you :D

MINT's Notes

• This layout may be used by 
  under_an_oak only.
• Please do NOT alter the codes in any way.
• If you're not satisfied with something in the layout, just tell me.
• The layout comes with a customized icon. ^^

PREVIEW + ICON




INSTRUCTIONS
1. Make sure you're using the S2 layout type.
2. Go to Customize Journal. Type in "Smooth Sailing" for the themes selection and choose any "Smooth Sailing" 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)". Press Apply Layout.
4. Press Customize Selected Theme. In the left sidebar, click Custom CSS.
5. Choose "No" in both drop-down choices for "Use layout's stylesheet(s)" and "Use layout's stylesheet(s) when including custom external stylesheet".
6. Copy & paste the CSS on the "Custom stylesheet" field. Press "Save Changes".
7. You're done! :D Check your LiveJournal page to see your new layout.

CSS CODES Edited 080608

/*MINTCHOCOPIE: MintChoco;Abbey*/
/*LYT;YUNJAELOVEforUNDERANOAK*/
/* PAGE */

body {
     font-family: Tahoma;
     font-size: 8pt;
     margin: 10px;
     background-color: #000000;
     color: #E5E5E5;
     background-image: url( );
     background-repeat: repeat;
     background-position: top;
     }
  a {
     color: #F44A79;
     font-weight: lighter;
    text-decoration: none;
     }
  a:visited {
     color: #F44A79;
     font-weight: lighter;
     text-decoration: none;
     }
  a:hover {
     color: #010167;
     font-weight: lighter;
     text-decoration: none;
     }

.pageblock{
     width:753px;
     margin: 0 auto;
     background-color: #E5E5E5;
     }
  .pagefooterblock{
     background-color: transparent;
     color: #E5E5E5;
     padding: 15px;
     margin-top: 0px;
     text-align: center;
     }
  .pagefooterblock a, .pagefooterblock a:visited {
     color: #000000;
     }

/* HEADER */

.pageheaderblock {
     text-align: left;
     background: url(http://i254.photobucket.com/albums/hh96/abbeyloveshero/MCPxICONS/LYT004YunJaeLoveunder-an-oak.jpg);
     width: 753px;
     height: 420px;
     }

.header-title {
     display: none;
     }
  .header-subtitle {
     display: none;
     }
  .header-icon {
     top: 0px;
     right: 0px;
     position: absolute;
     z-index: 1;

}
  .header-menu {
     padding: 2px 0px 0px 0px;
     background-color: transparent;
     font-family: Tahoma;
     font-size: 10px;
     text-transform: uppercase;
     text-align: center;
     left: 7px;
     position:relative;
     top:427px;
     }
  .header-menu a, .header-menu a:visited {
     white-space: nowrap;
     text-align: left;
     padding: 3px;
     color: #010167;
     text-decoration: none;
     background-color: transparent;
     margin: 2px;
     }
  .header-menu a:hover {
     color: #F44A79;
     background-color: transparent;
     }
  .header-menu ul, #footer-menu ul {
     margin: 0px;
     padding: 0px;
     }
  .header-menu li, #footer-menu li {
     display: inline;
     }

/* BODY */

.bodyblock {
     padding: 10px 10px 0px 0px;
     margin-left: 5px;

}
  .bodyheaderblock {
     display: none;
     }
  .bodynavblock {
     background-color: transparent;
     color: #E5E5E5;
     margin: 10px 0px 4px 0px;
     padding: 9px;
     }
  .bodynavblock a, .bodynavblock a:visited {
     color: #fff;
     text-align: center;
     }
  .body-title {
     display: none;
     }
  .body-midtitle {
     font-family: Tahoma;
     font-size: 18px;
     color: #393939;
     text-align: left;
     padding-left: 8px;
     }

/*ENTRIES*/
  .entryHolder {
     color: #010167;
     background-color:#E5E5E5;
     font-family: Tahoma;
     font-size: 11px;
     letter-spacing: 0px;
     line-height: 15px;
     margin: 4px 0px 4px 0px;
     text-align: justify;
     }
  .entryUserinfo {
     text-align: center;
       margin: 5px 6px 3px 5px;

background-color: transparent;
     }
  .entryUserinfo-usericon img {
     padding: 2px;
     border: 0px;
     }
  .entryText {
     padding: 6px;
     }
  .entryHeader {
     background-color: transparent;
     color: #F44A79;
     font-family: Tahoma;
     font-size: 11px;
     padding: 4px 0px 4px 8px;
     font-weight: normal;
     text-transform: no transform;

}
  .entryHeader a{
     color: #000;
     }
  .entryHeaderSubject {
     font-weight: bold;
     display: block;
     color: #010167;
     }
  .entryHeaderDate a {
     color: #F44A79;
     text-decoration : none;
     }
  .entryHeaderDate a:hover {
     color: #F44A79;
     text-decoration : underline;
     }
  .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: Tahoma;
     font-size: 11px;
     color: #F44A79;
     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;
     }
   blockquote{
     background-color: #fcfaf1;
     color: #353535;
     padding: 5px;
     border: 1px solid #ccc;
     }

/*FOOTER*/

#footer-menu {
     font-size: 11px;
     background-color: transparent;
     }
  #footer-menu a, .footer-menu a:visited {
     color: #d7d7d7;
     white-space: nowrap;
     padding: 6px;
     text-align: left;
     }

/*SIDEBAR*/

.sidebar {
     font-family: Tahoma;
     font-size: 8pt;
     margin: 4px;
     width: 175px;
     letter-spacing: 0px;
     line-height: 15px;
     background-color: #E5E5E5;
     padding: 5px;
     }
  .sidebox {
     color: #393939;
     background-color: transparent;
     margin: 4px 0px 4px 0px;

}
  .sideboxTitle {
     background-color: #F44A79;
     color: #FFFFFF;
     font-family: Tahoma;
     font-size: 11px;
     padding: 0px;    
     text-align: center;
     text-transform: uppercase;
     border-top: 1px solid #010167;
     border-bottom: 1px solid #010167;
     }
  .sideboxContent {
     text-align: justify;
     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;
     }

/*OTHER PAGES*/

/* COMMENT PAGE */

.commentHolder {
     color: #010167;
     background-color: #E5E5E5;
     font-family: Tahoma;
     font-size: 11px;
     letter-spacing: 0px;
     line-height: 15px;
     margin: 10px;
     text-align: justify;
     padding: 4px;
     border-top: 1px solid #010167;
     border-bottom: 1px solid #010167;
     border-left: 1px solid #010167;
     border-right: 1px solid #010167;
     }
  .commentUserinfo {
     text-align: center;
       margin: 5px 6px 3px 5px;
     background-color: transparent;
     }
  .commentUserinfo-usericon img {
     border: 1px dashed #010167;
     padding: 2px;
     }
  .commentText {
     padding: 6px;
     }
  .commentHeader {
     padding: 13px 0px 0px 0px;
     background-color: transparent;
     font-family: Tahoma;
     font-size: 12px;
     line-height: 20px;
     text-transform: uppercase;
     text-align: left;
     padding-right: 40px;
     color: #000;
     font-weight: normal;
     }
  .commentHeader a{
     color: #000000;
     }
  .commentHeaderScreened {
     font-family: Tahoma;
     font-size: 11px;
     background-color: #cccccc;
     padding: 4px 0px 4px 8px;
     }
  .commentHeaderSubject {
     font-weight: bold;
     }
  .commentLinkbar {
     font-family: Tahoma;
     font-size: 11px;
     color: #E5E5E5;
     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: #f8f8f8;
     color: #000000;
     padding-left: 10px;
     }
  #commenttext{
     width:100%;
     }

/*ARCHIVE PAGE*/
  .yearlinks{
     text-align: right;
     }
  .yearlink{
     padding-left:4px;
     padding-right: 4px;
     }
  .month {
     width: 500px;
     border: 1px solid #dddddd;
     margin: 8px 8px 8px 40px;
     }
  .daysubjects {
     color: #fff;
     padding: 8px 8px 8px 40px;
     }
  .daytitles {
     text-align: center;
     border: 1px solid #c0c0c0;
     background: #fff;
     color: #000;
     }
  .day-blank {
     border: 1px solid #c0c0c0;
    }
  .day {
     border: 1px solid #c0c0c0;
     }
  .day-date {
     border-right: 1px solid #8a8a8a;
     border-bottom: 1px solid #8a8a8a;
     color: #ccc;
     width: 50%;
     text-align: center;
     }
  .day-count {
     width: 50%;
     text-align: center;
     float: right;
     font-size: 20px;
     }
  .day-count a {
     text-decoration: none;
     color: #A2EBFD;
     }

/*TAGS PAGE*/

.tagstable, .tagstable td {
     border: 1px solid #dddddd;
     }
  .tagstable { width: 400px; }