NO LIVE PREVIEW

Please read the rules before using and leave all credit.
Contact me if you use. You can leave it in the comments here.

Looks best in Google Chrome.

-Sanity Layouts. xo.

 <style type="text/css">
.mesg,.error,block,h1,h2,h3,.comment_avatar,.light,.breadcrumbs,td,.fake_link,header{display:none;}.quote_action_sep{border:0px solid black;height:6px;}.overlined{border:0px solid white;}a{color:white}.comment:hover{box-shadow:0px 0px 4px #143B4F inset,0px 0px 5px #3887A1 inset,0px 0px 6px #3887A1 inset,0px 0px 7px #3887A1 inset,0px 0px 8px #3887A1 inset,0px 0px 10px #3887A1 inset,0px 0px 12px #3887A1 inset,0px 0px 14px #3887A1 inset,0px 0px 16px #3887A1 inset;padding:5px 0px 3px 0px;border-radius:10px 10px 10px 10px;background:#000;-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;}.comment{-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;border-radius:10px;border:0px solid #000;color:white;margin-bottom:10px;background:#101010;margin-left:12px;box-shadow:0px 0px 3px black,0px 0px 3px black,0px 0px 3px black,0px 0px 3px black,0px 0px 3px black;width:500px;}.comment_meat{margin-left:20px;width:480px;}.footer{max-height:0px;}body,.meatcol,.meat,.rows{background:url(http://29.media.tumblr.com/tumblr_m0bt3k1lWe1r6uwfxo4_r1_100.png)}#fancywrapper{left:190px;margin:0px;top:-120px;position:absolute;width:600px;}.grid_11{color:white;background:#101010;margin-left:12px;box-shadow:0px 0px 3px black,0px 0px 3px black,0px 0px 3px black,0px 0px 3px black,0px 0px 3px black;width:500px;height:100px;-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;border-radius:10px 10px 10px 10px;}.grid_11:hover{-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;}.grid_5{text-align:center;box-shadow:0px 0px 4px #143B4F inset,0px 0px 5px #3887A1 inset,0px 0px 6px #3887A1 inset,0px 0px 7px #3887A1 inset,0px 0px 8px #3887A1 inset,0px 0px 10px #3887A1 inset,0px 0px 12px #3887A1 inset,0px 0px 14px #3887A1 inset,0px 0px 16px #3887A1 inset;height:93px;width:500px;padding:5px 0px 3px 0px;margin-left:12px;border-radius:10px 10px 10px 10px;background:#000;position:absolute;-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;opacity:0;}.grid_5:hover{-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;opacity:1;}.grid_5 img {display:none;}.quote_action_sep {border:0px solid #000;height:0px;}.quote_action_sep a {background-image:none;padding:0px;}.quote_action_sep a:hover {background-image:none;padding:0px;}.about{position:absolute;top:40px;left:-60px;width:300px;text-align:center;-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;color:white;z-index:30000000000;background:#000;border:10px #000 solid;box-shadow: 0px 0px 2px #101010, 0px 0px 2px #101010, 0px 0px 2px #101010, 0px 0px 2px #101010;border-radius:10px;}.about:hover{box-shadow:0px 0px 4px #3887A1 inset,0px 0px 5px #3887A1,0px 0px 6px #3887A1 inset,0px 0px 7px #3887A1,0px 0px 8px #3887A1 inset,0px 0px 10px #3887A1,0px 0px 12px #3887A1,0px 0px 14px #3887A1,0px 0px 16px #3887A1 inset;-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;border:10px #3887A1 solid;} </style>
<div style="height:700px;position:fixed;width:200px;background:black;left:890px;z-index:30000000000;">
<div class="about">
<img src="http://24.media.tumblr.com/tumblr_m4psm0b5a71r9uz5do1_500.jpg" style="border:1px #101010 solid;position:relative;top:5px;" width="288" />
<div style="font-size:10px;line-height:8px;width:300px;">
About me goes here. Please leave all credit and tell me if you use the layout. Looks best in Google Chrome. The box will get longer with the more you type. The picture is automatically the dimensions they are currently so its no problem if you change it. Don&#39;t forget to add your username and userid in the code if you use it. -kclove5 <marquee behavior="scroll" direction="left">SCROLLING TEXT. <span style="color:transparent;">.</span></marquee> <a href="http://www.wittyprofiles.com/author/ADDYOURNAMEHERE">Quotes</a>//<a href="http://www.wittyprofiles.com/author/ADDYOURNAMEHERE/comments">Comments</a>//<a href="#follow" id="follow_171963" onclick="javascript:follow.startfollowing(USERIDHERE);">Follow</a>//<a href="http://s-anity.blogspot.com" target="_blank">Credit</a></div>
</div>
</div>
</div>

I'm so sorry I haven't been updating my layouts.

I'll be officaly back and adding more June 14th, day after my last day of school. 

Sorry for the inconvience but be sure to check back soon for more items! 

-Sanity Layouts. xo.

Desultory

LIVE PREVIEW

Please read the rules before using and leave all credit.
Contact me if you use. You can leave it in the comments here.

Looks best in Google Chrome.

-Sanity Layouts. xo.

<style id="kclove5" type="text/css">
/*All coding is property of kclove5. Please do not remove any credit. Be courteous and leave all coding alone except for editing it for yourself. This layout is made for personal use ONLY and is not permitted for redistribution. You can alter the codes but credit still goes to kclove5. -kclove5 (Owner of Sanity Layouts)*/
    @import url(http://fonts.googleapis.com/css?family=Press+Start+2P);
.do_not_remove_any_credit_including_this {
all credit goes to: kclove5; 
kclove5's: coding;
property of: kclove5;
you are: unauthorized to redistribute or borrow codes;
leave: my codes alone unless editing for personal use only;
don't steal: any codes;
ask me for them: and I might give them to you;
-kclove5: url(s-anity.blogspot.com)
}
    body,.meatcol,.rows {
    background:url('http://static.tumblr.com/38tkyuw/zq8llm9v3/149wq6p.png') fixed;
    }
    .meat {
    position:absolute;
top:-170px;
height:800px;
left:150px;
    }
    h1,h2,h3,td,.breadcrumbs,header,.mesg,error,.block,.fineprint quote_action_sep {
    display:none;
    }
    .footer {
    max-height:0px;
    }
    .grid_5 {
height:26px;
width:60px;
background:#333;
margin-left:-10px;
padding:5px 0px 3px 0px;
    }
.grid_5 img {
display:none;
}
    .grid_11 {
background:#fff;
border-top: 15px solid #333;
border-bottom: 1px solid #ccc;
    }
    .overlined {
width:600px;
border:0px #fff solid;
    }
    .quote_action_sep {
    border:0px solid #000;
height:0px;
    }
.quote_action_sep a {
background-image:none;
padding:0px;
}
.quote_action_sep a:hover {
background-image:none;
padding:0px;
}
textarea {
background:#333;
color:white;
text-transform:uppercase;
font-family:arial;
letter-spacing:-1px;
line-height:9px;
font-size:10px;
}
.comment {
background:#fff;
width:655px;
margin:4px 0px 4px 0px;
border-top: 15px solid #333;
border-bottom: 1px solid #ccc;
    }
.comment_avatar { 
position:relative;
left:665px;
top:-23px;
height:50px;
width:45px;
background:#333;
margin-left:-10px;
padding:5px 0px 3px 0px;
    }
.comment_avatar img { 
height:35px;
width:35px;
margin-top:10px;
margin-left:5px;
    }
.comment_meat {
color:#333;
font-family:arial;
text-tranform:uppercase;
font-size:10px;
letter-spacing:-1px;
line-height:9px;
}
.light {
display:none;
}
button.add_user_comment_btn,button.report_user_comment_btn,button.delete_user_comment_btn,#more_user_comments_btn {
    line-height:9px;
    font-family:arial;
    background-color:#fff;
    border:0px #000 solid;
    color:#333;
    font-size:10px;
    letter-spacing:-1px;
    }
    button.add_user_comment_btn:hover,button.report_user_comment_btn:hover,button.delete_user_comment_btn:hover,#more_user_comments_btn:hover {
    font-family:arial;
    background-color:#fff;
    border:0px #000 solid;
    color:#444;
    }
.about {
display:none;
}
.about:target {
display:block;
position:relative; 
top:10px;
background:#333;
font-size:10px;
letter-spacing:-1px;
text-transform:uppercase;
color:#fff;
line-height:9px;
width:700px;
height:100px;
margin-bottom:7px;
}
.head {
background:#333;
width:700px;
height:35px;
left:10px;
}
    ::-webkit-scrollbar-thumb:vertical {
    background-color:#fff;
    border: 1px solid #ccc;
    }
::-webkit-scrollbar-thumb:vertical:hover {
    background-color:#fff;
    border: 1px solid #333;
    }
    ::-webkit-scrollbar {
    width:5px;
    height:0px;
    background: url('http://static.tumblr.com/38tkyuw/zq8llm9v3/149wq6p.png');
    }
    ::-webkit-scrollbar-thumb:horizontal {
    display:none;
    }
a,a:active,a:visited {
font-size:10px;
letter-spacing:-1px;
text-transform:uppercase;
color:#fff;
text-decoration:none;
}
a:hover {
font-size:10px;
letter-spacing:-1px;
text-transform:uppercase;
color:#000;
font-weight:bold;
text-decoration:none;
}
.favheart,.quotecommentnum {
font-size:7px;
letter-spacing:-1px;
text-decoration:none;
}
.favheart:hover,.quotecommentnum:hover {
font-size:7px;
letter-spacing:1px;
text-decoration:none;
}
.aboutme {
position:absolute;
width:655px;
left:20px;
height:80px;
top:10px;
overflow:auto;
}
.nav {
height:20px;
position:relative;
top:7px;
margin-left:13px;
padding:4px;
}
.nav:hover {
background:#444;
}
</style><div class="about" id="_">
<div id="kclove5" class="aboutme">
About me goes here. Please leave all credit and tell me if you use the layout via <a href="/author/kclove5/comments" target="_blank">my main witty</a> or <a href="http://formspring.me/kclove5" target="_blank">formspring</a>.
<br />
<br />
Looks best in Google Chrome.
<br />
<br />
This does automatically scroll but it looks better without scrolling.
<br />
<br />
Don't forget to add your username and userid in the code if you use it.
<br />
-kclove5 [Owner of Sanity Layouts]
</div>
</div><br />
<div id="kclove5" class="head">
<a id="kclove5" class="nav" href="/">home</a>
<a id="kclove5" class="nav" href="/add">add</a>
<a id="kclove5" class="nav" href="/recent/1">newest</a>
<a id="kclove5" class="nav" href="/hot/1">top</a>
<a id="kclove5" class="nav" href="/categories">categories</a>
<a id="kclove5" class="nav" href="/author/ADDUSENAMEHERE">quotes</a>
<a id="kclove5" class="nav" href="/author/ADDUSERNAMEHERE/comments">comments</a>
<a id="kclove5" class="nav" href="/author/ADDUSERNAMEHERE/following">followers</a>
<a id="kclove5" class="nav" href="#_">about</a>
<a id="kclove5" class="nav" href="#follow" onclick="javascript:follow.startfollowing(USERID);" id="follow_USERID">follow</a>
<a id="kclove5" class="nav" href="http://www.s-anity.blogspot.com/">credit</a>
</div>

Young Love Layout

LIVE PREVIEW

Please read the rules before using and leave all credit.
Contact me if you use. You can leave it in the comments here.

Looks best in Google Chrome.

-Sanity Layouts. xo.

<style type="text/css">

/*All coding is property of kclove5. Please do not remove any credit. Be courteous and leave all coding alone except for editing it for yourself. This layout is made for personal use ONLY and is not permitted for redistribution. You can alter the codes but credit still goes to kclove5. -kclove5 (Owner of Sanity Layouts)*/

  .do_not_remove_any_credit {

  all credit:goes to kclove5;

  }

  body {

  background:#fff;

  }

  .meatcol,.row{

  background:#fff;

  }

  .meat {

  left:210px;

  width:800px;

  position:absolute;

  top:-150px;

  background:#fff;

  }

  h1,h2,h3,td,.breadcrumbs,header,.mesg,error,.block {

  display:none

  }

  .footer {

  max-height:0px;

  }

  .grid_5 {

  width:16px;

  height:40px;

  line-height:10px;

  position:relative;

  left:-10px;

  }

  .grid_11 {

  opacity:0.2;

  -webkit-transition:all 0.5s ease-in-out; 

  -moz-transition:all 0.5s ease-in-out;

  }

  .grid_11:hover {

  opacity:1;

  -webkit-transition:all 0.5s ease-in-out; 

  -moz-transition:all 0.5s ease-in-out;

  }

  .overlined{

  border:1px #fff solid;

  width:400px;

  }

  .quote_action_sep {

  border:0px solid #000;

  height:10px;

  }

/*sidebar*/

  .sidebar {

  width:200px;

  height:540px;

  top:50px;

  left:170px;

  position:fixed;

  border-radius:10px;

  }

/*sidebar content*/

  .pic {

  border-radius:360px;

  height:180px;

  width:180px;

  margin:10px;

  }

  .about { 

  height:12px;

  padding:5px;

  width:170px;

  color:transparent;

  text-align:justify;

  line-height:0px;

  font-size:0px;

  background:transparent;

  position:absolute;

  top:120px;

  -webkit-transition:all 0.5s ease-in-out; 

  -moz-transition:all 0.5s ease-in-out;

  }

  .about:hover { 

  height:510px;

  color:black;

  line-height:8px;

  font-size:10px;

  background:#fff;

  letter-spacing:-1px;

  -webkit-transition:all 0.5s ease-in-out; 

  -moz-transition:all 0.5s ease-in-out;

  }

  .navigation {

  border-radius:360px;

  height:130px;

  width:180px;

  position:absolute;

  top:10px;

  padding-top:50px;

  left:10px;

  opacity:0;

  -webkit-transition:all 0.5s ease-in-out; 

  -moz-transition:all 0.5s ease-in-out;

  }

  .navigation:hover{

  opacity:1;

  -webkit-transition:all 0.5s ease-in-out; 

  -moz-transition:all 0.5s ease-in-out;

  }

  .nav {

  display:block;

  height:12px;

  background:#fff;

  width:180px;

  letter-spacing:-1px;

  line-height:10px;

  font-size:10px;

  color:black;

  text-align:center;

  -webkit-transition:all 0.5s ease-in-out; 

  -moz-transition:all 0.5s ease-in-out;

  }

  .nav:hover {

  text-decoration:italic;

  opacity:0.8;

  text-decoration:none;

  -webkit-transition:all 0.5s ease-in-out; 

  -moz-transition:all 0.5s ease-in-out;

  }

/*scrollbar*/

  ::-webkit-scrollbar-thumb:vertical {

  background-color:#000;

  border-radius:300px;

  }

  ::-webkit-scrollbar {

  width:3px;

  height:0px;

  background-color: #fff;

  }

  ::-webkit-scrollbar-thumb:horizontal {

  display:none;

  }

/*comments*/

  textarea {

  padding:5px;

  text-align:justify;

  line-height:8px;

  font-size:10px;

  background:#fff;

  letter-spacing:-1px;

  border:1px solid black;

  }

  .comment {

  padding:5px;

  text-align:justify;

  line-height:8px;

  font-size:10px;

  letter-spacing:-1px;

  border-bottom:0px solid #000;

  } 

  .comment_avatar { 

  display:none;

  }

  button.add_user_comment_btn,button.report_user_comment_btn,button.delete_user_comment_btn,#more_user_comments_btn {

  line-height:9px;

  font-family:arial;

  background-color:#fff;

  border:0px #000 solid;

  border-radius:90px;

  color:#000;

  font-size:11px;

  letter-spacing:-1px;

  }

  button.add_user_comment_btn:hover,button.report_user_comment_btn:hover,button.delete_user_comment_btn:hover,#more_user_comments_btn:hover {

  font-family:arial;

  background-color:#fff;

  border:0px #000 solid;

  border-radius:90px;

  color:#000;

  }

/*links*/

  a,a:active,a:visited {

  color:black;

  letter-spacing:-1px;

  font-size:10px;

  font-family:arial;

  text-decoration:none;

  }

  a:hover {

  color:dimgrey;

  text-decoration:none;

  }</style>

<div class="sidebar">

<img class="pic" src="http://data.whicdn.com/images/26983730/tumblr_lzcluy3Gqt1qlvaayo1_500_large.jpg" />

<div class="navigation">

<a class="nav" href="http://www.wittyprofiles.com/">Home</a> <a class="nav" href="http://www.wittyprofiles.com/author/ADDUSERNAMEHERE/">Quotes</a> <a class="nav" href="http://www.wittyprofiles.com/author/ADDUSERNAMEHERE/comments">Comments</a> <a class="nav" href="http://www.wittyprofiles.com/author/ADDUSERNAMEHERE/following">Followers</a> <a class="nav" href="http://www.s-anity.blogspot.com/">Credit</a> <a class="nav" href="#follow" id="follow_USERIDHERE" onclick="javascript:follow.startfollowing(USERIDHERE);">Follow</a>

<div class="nav">

About+</div>

<div class="about">

About me goes here. Please leave all credit and tell me if you use the layout. Get the code here.<br />

<br />

Hover over the image for links.<br />

<br />

This does not scroll so limit your writing or politely ask me to make it scroll.<br />

<br />

Don&#39;t forget to add your username and userid in the code if you use it.<br />

-kclove5</div>

</div>

</div>

Layout Numero Uno Finished.

I have completed my first layout as Sanity but am reluctant to release it until the website is complete.
For a live preview of it click here.
I promise to put it up soon!
-Sanity Layouts. xo.