Jaded Sapphire

Navigation

Tags

Site Credits

Source:

gawariel_design

Re-Coded by:

christygem

Image from: Vovo

Hosted by: Livejournal

October 2007

Customize

23 October 2010 @ 06:32 pm

Notice!

( Read more... )

Feeling :

creative

1 wish | Make a wish

28 October 2007 @ 04:08 pm

Answering Machine Songs!

I just came across this a moment ago and I thought it's brilliant!

Popular songs are tweaked and made into Answering Machine messages. I loved the one with the Backstreet Boys "As Long as you Love Me", lol.

Here's the link to the site: OOHYEAH

Check it out! ^^

Tags: blah, songs

Feeling :

awake

Make a wish

12 October 2007 @ 10:00 pm

Death Note Winterland

Testing out a new layout, the original layout is by

premade_ljs titled:

firelayout . As you can see, I kept some of the link colors and dots, along with the format, but overall the positioning of everything was changed along with the main image. I also made a different header and sidebar to a special essence of the theme.

Layout: Death Note Winterland
S2 - Smooth Sailing

How to install:
1. Journal --> Edit Journal Style
2. Basic --> S2
3. Look & Feel --> Smooth Sailing
4. Custom Options ---> Presentation
    » Wrap Entry text under userinfo ---> No
5. Sidebar ---> Sidebar Position ---> Left Side , Width --> 180
    » Summary Bullet ---> φ  
     » Free Text Position ---> 6
     » Free Text Sidebox Title ---> Credits
     » Free Text Sidebox Text :

6. Custom CSS
» Use layout's stylesheet(s) ---> no

7. Put the code in » Custom stylesheet

/* Cleaned CSS: */  /**************************************************************************  Theme: Death Note Winterland Original Layout: Firelayout - http://community.livejournal.com/premade_ljs/ Design & Re-Coded: Cgem - http://christygem.livejournal.com Date: October 12th 2007 Base: LiveJournal's Smooth Sailing  ***************************************************************************/    body {      font-family: Trebuchet MS;      font-size: 7pt;      margin: 0px;      background-color: #000;      color: #e3e0db;       margin-top: 20px;      margin-bottom: 20px;      }   a {      color: #fff005;       font-weight: normal;     text-decoration: none;      }   a:visited {      color: #ff6b01;       font-weight: normal;      text-decoration: none;      }   a:hover {      color: #ff6b01;      font-weight: normal;      text-decoration: none;      }    .pageblock{      width:765px;      margin: 0 auto;      background-color: #202020;      color: #e3e0db;      background: url(http://img527.imageshack.us/img527/9242/dnbackjx8.jpg);      background-repeat: repeat-y;      }    .pagefooterblock{      background-color: #000;      color: #fff;      padding: 0px 0px 0px 0px;      margin-top: -30px;      line-height: 111px;      text-align: center;      text-transform: uppercase;      background: url(http://img254.imageshack.us/img254/9603/dnfooter1lp9.jpg);      padding-top: -10px;      }   .pagefooterblock a, .pagefooterblock a:visited {      color: #fff;      }   /* HEADER */    .pageheaderblock {      text-align: left;      background-image: url(http://img256.imageshack.us/img256/1908/dnheader1so2.jpg);      width: 765px;      height: 350px;      }    .header-title {      padding-top: 358px;      position: absolute;      font-size: 28px;      color: red;      text-transform: uppercase;      text-align: center;      width: 760px;      }   .header-subtitle {      padding-top: 270px;      position: absolute;      font-size: 22px;      color: red;      text-transform: uppercase;      text-align: center;      width: 760px;      }   .header-icon {      top: 0px;      right: 0px;      position: absolute;      z-index: 1;       }   .header-menu {      padding: 80px 0px 0px 530px;      background-color: transparent;;      font-family: verdana;      font-size: 11px;      text-transform: uppercase;      text-align: right;      background-color: transparent;      width: 210px;      position: relative;  }   .header-menu a, .header-menu a:visited {       display: block;      text-align: right;      padding: 2px 12px 2px 6px;      color: #ffffff;      text-decoration: none;      background-color: transparent;      letter-spacing: 3px;      background-image: url(http://img.photobucket.com/albums/v297/troubion/s2%20layouts/firedot.jpg);      background-repeat: no-repeat;      background-position: right;            }   .header-menu a:hover {      color: #ff0000;      background-image: url(http://img.photobucket.com/albums/v297/troubion/s2%20layouts/firedot2.jpg);      background-repeat: no-repeat;      background-position: right;      }   .header-menu ul, #footer-menu ul {      margin: 0px;      padding: 0px;      }   .header-menu li, #footer-menu li {      display: inline;      }  /* BODY */    .bodyblock {      padding:0px;      padding-top: 50px;      }   .bodyheaderblock {      display: none;      }   .bodynavblock {      background-color: transparent;      color: #fff;      margin: 10px 0px 4px 0px;      padding: 9px;      }   .bodynavblock a, .bodynavblock a:visited {      color: #000000;      }   .body-title {      display: none;      }   .body-midtitle {      font-family: tahoma;      font-size: 18px;      color: #000000;      text-align: left;      padding-left: 8px;      }  /*ENTRIES*/   .entryHolder {      color: #ffffff;      background-color: #4a000a;      background-image: url(http://img527.imageshack.us/img527/1414/entrybottomnt2.jpg);      background-repeat: no-repeat;      background-position: bottom;      font-family: tahoma;      font-size: 11px;      margin: 4px 12px 25px 5px;      text-align: justify;      }   .entryUserinfo {      text-align: center;      margin: 5px 6px 3px 5px;      background-color: transparent;      }      .entryUserinfo-usericon img {       border-left: 2px;      border-top: 2px;      padding: 2px;      }    .entryText {      padding: 6px;      }   .entryHeader {      background-color: #4a000a;      font-family: Tahoma;      font-size: 10px;      padding: 4px 40px 18px 22px;      font-weight: normal;      text-transform: uppercase;      line-height: 25px;      letter-spacing: 0px;       background-image: url(http://img527.imageshack.us/img527/3579/dnentryheadertg1.jpg);      background-repeat: no-repeat;      background-position: bottom;      }   .entryHeader a{      color: #f525006;      }   .entryHeaderSubject {      font-weight: normal;      letter-spacing: 1px;      line-height: 1.0em;      color: #ff0000;      font-size: 12px;      }   .entryHeaderDate {       color: #ffc000;      text-decoration : none;      }   .entryHeaderDate a:hover {      color : #000000;      text-decoration : underline;      }   .entryMetadata {      padding-left: 6px;      padding-bottom: 20px;      }   .entryMetadata ul {      margin: 0px;      padding: 5px;      }   .entryMetadata li {      list-style: none;      display: block;      padding-right: 5px;      text-transform: uppercase;      }   .entryMetadata-label {      font-weight: normal;      text-transform: uppercase;      padding-right: 5px;      color: #f52500;      }   .entryMetadata-content {      text-tranform: uppercase;      padding-right: 5px;      }   .entryLinkbar {      font-family: tahoma;      font-size: 11px;      color: #000000;      text-align: right;      padding: 0px 3px 4px 0px;      }   .entryLinkbar ul {      margin: 0px;      padding: 0px;      }   .entryLinkbar li {      padding: 0px 5px 0px 5px;      margin: 0px;           display: inline;      }   blockquote{      background-color: #14120f;      padding: 5px;      border: 1px dashed #23221e; }     /*FOOTER*/    #footer-menu {      font-size: 11px;      text-align: center;      background-image: url(http://img527.imageshack.us/img527/4372/dnseparatornb1.jpg);      background-position: center;      background-repeat: no-repeat;      height: 140px;      }   #footer-menu a, {      color: #ffffff;      white-space: nowrap;      padding: 3px;      text-align: center;      }   #footer-menu a:hover, #footer-menu a:visited{      color: #f52500;      }   /*SIDEBAR*/      .sidebar {      font-family: tahoma;      font-size: 11px;      margin-right: 5px;      width: 175px;      background-color: transparent;      padding: 0px 0px 0px 5px;      }   .sidebox {      color: #a7a7a7;      background-color: black;      margin: 4px 0px 4px 10px;       }   .sideboxTitle {      background-color: #000;      line-height: 25px;      font-family: tahoma;      font-size: 11px;      padding: 6px 2px 4px 34px;           text-align: left;      text-transform: uppercase;      margin-left: 0px;      letter-spacing: 3px;      color: #f52500;      font-size: 10px;      background-image: url(http://img513.imageshack.us/img513/1283/dnsidebartitlede7.jpg);      background-repeat: no-repeat;      background-position: top center;      }   .sideboxContent {      text-align: justify;      padding: 3px 7px 14px 7px;      background-image: url(http://img527.imageshack.us/img527/5930/dnsidebarcontentfh5.jpg);      background-repeat: no-repeat;      background-position: bottom center;      }   .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: normal;      }   .profile-label {      font-weight: normal;      }   .summaryList {      color: #f52500;      }       /*OTHER PAGES*/  /* COMMENT PAGE */    .commentHolder {      color: #cac9c2;      background-color: #404040;      font-family: tahoma;      font-size: 11px;      margin: 4px 0px 4px 0px;      }   .commentUserinfo {      text-align: center;         margin: 0px 8px 8px 10px;            background-color: transparent;      }   .commentUserinfo-usericon img {       border: 0;       }    .commentText {      padding: 6px;      }   .commentHeader {      background-color: transparent;      color: #fff;      font-family: ;      font-size: 10px;      padding: 4px 0px 4px 8px;      text-transform: uppercase;      letter-spacing: 3px;      }   .commentHeader a{      color: #000000;      }   .commentHeaderScreened {      font-family: ;      font-size: 12px;      background-color: #cccccc;      padding: 4px 0px 4px 8px;      }   .commentHeaderSubject {      font-weight: normal;      }   .commentLinkbar {      font-family: ;      font-size: 11px;      color: #000000;      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: #dfd6c5;      color: #000000;      padding-left: 10px;      }   #commenttext{      width:100%;      }       /*ARCHIVE PAGE*/   .yearlinks{      text-align: right;      }   .yearlink{      padding-left:4px;      padding-right: 4px;      }   .month {      width: 470px;      border: 1px solid #6a6a6a;      margin: 8px 8px 8px 40px;      }   .daysubjects {      color: #a4978e;      padding: 8px 8px 8px 40px;      }   .daytitles {      text-align: center;      border: 1px solid #1d1c18;      background: #272727;      color: #fff;      }   .day-blank {      border: 1px solid #1d1c18;      background-color: #49000b;     }   .day {      border: 1px solid #1d1c18;      background-color: #763b3b;      }   .day-date {      border-right: 1px solid #1d1c18;      border-bottom: 1px solid #1d1c18;      background-color: #a6a398 ;      color: #5a0000;      width: 50%;      text-align: center;      }   .day-count {      width: 50%;      text-align: center;      float: right;      font-size: 20px;      }   .day-count a {      text-decoration: none;      color: #ffc000;      }   .day-count a:hover {      color: #e81d00;      }     /*TAGS PAGE*/    .tagstable, .tagstable td {      border: 1px solid #dddddd;      }   .tagstable { width: 300px; }

======================================================================
No sidebars Code:

Remember to hide sidebars!!

/* Cleaned CSS: */
/* PAGE */

body {
     font-family: Trebuchet MS;
     font-size: 7pt;
     margin: 0px;
     background-color: #000;
     color: #e3e0db;

margin-top: 20px;
     margin-bottom: 20px;
     }
  a {
     color: #fff005; 
     font-weight: normal;
    text-decoration: none;
     }
  a:visited {
     color: #ff6b01; 
     font-weight: normal;
     text-decoration: none;
     }
  a:hover {
     color: #ff6b01;
     font-weight: normal;
     text-decoration: none;
     }

.pageblock{
     width:765px;
     margin: 0 auto;
     background-color: #202020;
     color: #e3e0db;
     background: url(http://img527.imageshack.us/img527/9242/dnbackjx8.jpg);
     background-repeat: repeat-y;
     }

.pagefooterblock{
     background-color: #000;
     color: #fff;
     padding: 0px 0px 0px 0px;
     margin-top: -30px;
     line-height: 111px;
     text-align: center;
     text-transform: uppercase;
     background: url(http://img254.imageshack.us/img254/9603/dnfooter1lp9.jpg);
     padding-top: -10px;
     }
  .pagefooterblock a, .pagefooterblock a:visited {
     color: #fff;
     }

/* HEADER */

.pageheaderblock {
     text-align: left;
     background-image: url(http://img256.imageshack.us/img256/1908/dnheader1so2.jpg);
     width: 765px;
     height: 350px;
     }

.header-title {
     padding-top: 340px;
     padding-bottom: 25px;
     position: absolute;
     font-size: 24px;
     color: red;
     text-transform: uppercase;
     text-align: center;
     width: 760px;
     }
  .header-subtitle {
     padding-top: 270px;
     position: absolute;
     font-size: 22px;
     color: red;
     text-transform: uppercase;
     text-align: center;
     width: 760px;
     }
  .header-icon {
     top: 0px;
     right: 0px;
     position: absolute;
     z-index: 1;

}
  .header-menu {
     padding: 80px 0px 0px 545px;
     background-color: transparent;;
     font-family: verdana;
     font-size: 11px;
     text-transform: uppercase;
     text-align: right;
     background-color: transparent;
     width: 210px;
     position: relative;

}
  .header-menu a, .header-menu a:visited { 
     display: block;
     text-align: right;
     padding: 2px 12px 2px 6px;
     color: #ffffff;
     text-decoration: none;
     background-color: transparent;
     letter-spacing: 3px;
     background-image: url(http://img.photobucket.com/albums/v297/troubion/s2%20layouts/firedot.jpg);
     background-repeat: no-repeat;
     background-position: right;
     
     }
  .header-menu a:hover {
     color: #ff0000;
     background-image: url(http://img.photobucket.com/albums/v297/troubion/s2%20layouts/firedot2.jpg);
     background-repeat: no-repeat;
     background-position: right;
     }
  .header-menu ul, #footer-menu ul {
     margin: 0px;
     padding: 0px;
     }
  .header-menu li, #footer-menu li {
     display: inline;
     }

/* BODY */

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

/*ENTRIES*/
  .entryHolder {
     color: #ffffff;
     background-color: #4a000a;
     background-image: url(http://img527.imageshack.us/img527/1414/entrybottomnt2.jpg);
     background-repeat: no-repeat;
     background-position: bottom;
     font-family: tahoma;
     font-size: 11px;
     margin: 4px 12px 24px 5px;
     text-align: justify;
     padding-bottom: 6px;
     }
  .entryUserinfo {
     text-align: center;
     margin: 5px 6px 3px 25px;
     background-color: transparent;
     }
  .entryUserinfo-usericon img { 
     border-left: 2px;
     border-top: 2px;
     padding: 2px;
     } 
  .entryText {
     padding: 6px;
     margin-right: 90px;
     }
  .entryHeader {
     background-color: #4a000a;
     font-family: Tahoma;
     font-size: 10px;
     padding: 4px 95px 25px 85px;
     font-weight: normal;
     text-transform: uppercase;
     line-height: 25px;
     letter-spacing: 0px;

background-image: url(http://img527.imageshack.us/img527/3579/dnentryheadertg1.jpg);
     background-repeat: no-repeat;
     background-position: bottom;
     }
  .entryHeader a{
     color: #f525006;
     }
  .entryHeaderSubject {
     font-weight: normal;
     letter-spacing: 1px;
     line-height: 1.0em;
     color: #ff0000;
     font-size: 12px;
     }
  .entryHeaderDate {
     color: #ffc000;
     text-decoration : none;
     padding-left: 10px;
     }
  .entryHeaderDate a:hover {
     color : #000000;
     text-decoration : underline;
     }
  .entryMetadata {
     padding-left: 6px;
     padding-bottom: 20px;
     }
  .entryMetadata ul {
     margin: 0px;
     padding: 5px;
     }
  .entryMetadata li {
     list-style: none;
     display: block;
     padding-right: 5px;
     text-transform: uppercase;
     }
  .entryMetadata-label {
     font-weight: normal;
     text-transform: uppercase;
     padding-right: 5px;
     color: #f52500;
     }
  .entryMetadata-content {
     text-tranform: uppercase;
     padding-right: 5px;
     }
  .entryLinkbar {
     font-family: tahoma;
     font-size: 11px;
     color: #000000;
     text-align: right;
     padding: 2px 85px 4px 0px;
     }
  .entryLinkbar ul {
     margin: 0px;
     padding: 0px;
     }
  .entryLinkbar li {
     padding: 0px 5px 0px 5px;
     margin: 0px;     
     display: inline;
     }
  blockquote{
     background-color: #14120f;
     padding: 5px;
     border: 1px dashed #23221e;
}

/*FOOTER*/

#footer-menu {
     font-size: 11px;
     text-align: center;
     background-image: url(http://img527.imageshack.us/img527/4372/dnseparatornb1.jpg);
     background-position: center;
     background-repeat: no-repeat;
     height: 140px;
     }
  #footer-menu a, {
     color: #ffffff;
     white-space: nowrap;
     padding: 3px;
     text-align: center;
     }
  #footer-menu a:hover, #footer-menu a:visited{
     color: #f52500;
     }

/*SIDEBAR*/
  
  .sidebar {
     font-family: tahoma;
     font-size: 11px;
     margin-right: 5px;
     width: 10px;
     background-color: transparent;
     padding: 0px 5px 0px 0px;     
}
  .sidebox {
     color: #a7a7a7;
     background-color: black;
     margin: 4px 0px 4px 10px;

}
  .sideboxTitle {
     background-color: #000;
     line-height: 25px;
     font-family: tahoma;
     font-size: 11px;
     padding: 6px 2px 4px 34px;     
     text-align: left;
     text-transform: uppercase;
     margin-left: 0px;
     letter-spacing: 3px;
     color: #f52500;
     font-size: 10px;
     background-image: url(http://img142.imageshack.us/img142/9930/dnheader2jm7.jpg);
     background-repeat: no-repeat;
     background-position: top center;
     overflow: visible;
     }
  .sideboxContent {
     text-align: justify;
     padding: 3px 9px 14px 9px;
     background-image: url(http://img527.imageshack.us/img527/5930/dnsidebarcontentfh5.jpg);
     background-repeat: no-repeat;
     background-position: bottom center;
     }
  .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: normal;
     }
  .profile-label {
     font-weight: normal;
     }
  .summaryList {
     color: #f52500;
     }

/*OTHER PAGES*/

/* COMMENT PAGE */

.commentHolder {
     color: #cac9c2;
     background-color: #404040;
     font-family: tahoma;
     font-size: 11px;
     margin: 4px 0px 4px 0px;
     }
  .commentUserinfo {
     text-align: center; 
       margin: 0px 8px 8px 10px;
     
     background-color: transparent;
     }
  .commentUserinfo-usericon img { 
     border: 0; 
     } 
  .commentText {
     padding: 6px;
     }
  .commentHeader {
     background-color: transparent;
     color: #fff;
     font-family: ;
     font-size: 10px;
     padding: 4px 0px 4px 8px;
     text-transform: uppercase;
     letter-spacing: 3px;
     }
  .commentHeader a{
     color: #000000;
     }
  .commentHeaderScreened {
     font-family: ;
     font-size: 12px;
     background-color: #cccccc;
     padding: 4px 0px 4px 8px;
     }
  .commentHeaderSubject {
     font-weight: normal;
     }
  .commentLinkbar {
     font-family: ;
     font-size: 11px;
     color: #000000;
     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: #dfd6c5;
     color: #000000;
     padding-left: 10px;
     }
  #commenttext{
     width:100%;
     }

/*ARCHIVE PAGE*/
  .yearlinks{
     text-align: right;
     }
  .yearlink{
     padding-left:4px;
     padding-right: 4px;
     }
  .month {
     width: 470px;
     border: 1px solid #6a6a6a;
     margin: 8px 8px 8px 40px;
     }
  .daysubjects {
     color: #a4978e;
     padding: 8px 8px 8px 40px;
     }
  .daytitles {
     text-align: center;
     border: 1px solid #1d1c18;
     background: #272727;
     color: #fff;
     }
  .day-blank {
     border: 1px solid #1d1c18;
     background-color: #49000b;
    }
  .day {
     border: 1px solid #1d1c18;
     background-color: #763b3b;
     }
  .day-date {
     border-right: 1px solid #1d1c18;
     border-bottom: 1px solid #1d1c18;
     background-color: #a6a398 ;
     color: #5a0000;
     width: 50%;
     text-align: center;
     }
  .day-count {
     width: 50%;
     text-align: center;
     float: right;
     font-size: 20px;
     }
  .day-count a {
     text-decoration: none;
     color: #ffc000;
     }
  .day-count a:hover {
     color: #e81d00;
     }

/*TAGS PAGE*/

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

If there's any problems or questions, just write me a message here, I'll try my best to look into it.

Tags: layouts

Feeling :

grateful

10 wishes | Make a wish

14 September 2007 @ 07:39 pm

02 : Texture Brushes

Another Brush made. Currently taking some time to fool around with photoshop.

As always, credit when use, Thank you! ^^

Made in: Photoshop CS
Includes: 10 brushes

02 : TEXTURE BRUSHES