get paid to paste

Theme 05 - Abandonment

<!--Theme 05 by CrimsonxThemes, "Abandonment". You may edit the theme as much as you like, including heavy editing inside the code itself for personal preference, but please do NOT
1.) Remove my credit.
2.) Use as a base code
3.) Take parts of the codes without permission
4.) Go against any of my other terms of use
You can feel free to send me a message if you're unsure as to whether or not you're allowed to do something in particular with the theme. Please enjoy!-->
 
 
<html>
<head>
 
    <title>{Title}</title>
    <link rel="shortcut icon" href="{Favicon}">
    <link rel="altertnate" type="application/rss+xml" href="{RSS}">
    <meta name="description" content="" />
    <meta http-equiv="x-dns-prefetch-control" content="off"/>
   
    <!-- Default Colors -->
    <meta name="color:background" content="#f9f9f9" />
    <meta name="color:post background" content="#f7f4f0" />
    <meta name="color:link" content="#4d4545" />
    <meta name="color:link hover" content="#cfc9c3" />
    <meta name="color:scrollbar" content="#696160" />
    <meta name="color:scrollbar background" content="#f7f4f0" />
    <meta name="color:text" content="#000" />
    <meta name="color:shadow" content="#292728" />
    <meta name="color:sidebar background" content="#f7f4f0" />
    <meta name="color:sidebar border" content="#4d4545" />
    <meta name="color:blog title" content="#4d4545" />
    <meta name="color:custom links" content="#4d4545" />
    <meta name="color:custom links border" content="#cfc9c3" />
    <meta name="color:pagination" content="#4d4545" />
    <meta name="color:pagination hover" content="#cfc9c3" />
    <meta name="color:homelinks" content="#4d4545" />
    <meta name="color:homelinks border" content="#cfc9c3" />
    <meta name="color:post border" content="#4d4545" />
    <meta name="color:title underline" content="#4d4545" />
    <meta name="color:link posts" content="#4d4b4b" />
    <meta name="color:link posts hover" content="#cfc9c3" />
    <meta name="color:chat border" content="#4d4545" />
    <meta name="color:audio border" content="#4d4545" />
    <meta name="color:ask" content="#000" />
    <meta name="color:bottom border" content="#4d4b4b" />
    <meta name="color:permalink" content="#4d4545" />
    <meta name="color:permalink hover" content="#cfc9c3" />
   
    <!--Default Images-->
    <meta name="image:sidebar" content="http://static.tumblr.com" />
    <meta name="image:background" content="http://static.tumblr.com" />
   
    <!--Default Options-->
    <meta name="if:music player" content="1" />
    <meta name="if:fading photo" content="0" />
    <meta name="if:monochrome images" content="0" />
    <meta name="if:infinite scroll" content="0" />
    <meta name="if:captions" content="1" />
   
    <!--Default Text-->
    <meta name="text:music" content="" />
   
    <!--Default Links-->
    <meta name="text:link 1" content="Link 1" />
    <meta name="text:link 1 URL" content="">
    <meta name="text:link 2" content="Link 2" />
    <meta name="text:link 2 URL" content="">    
    <meta name="text:link 3" content="Link 3" />
    <meta name="text:link 3 URL" content="">    
    <meta name="text:link 4" content="Link 4" />
    <meta name="text:link 4 URL" content="">    
    <meta name="text:link 5" content="Link 5" />
    <meta name="text:link 5 URL" content="">
    <meta name="text:link 6" content="Link 6" />
    <meta name="text:link 6 URL" content="">
    <meta name="text:link 7" content="Link 7" />
    <meta name="text:link 7 URL" content="">    
    <meta name="text:link 8" content="Link 8" />
    <meta name="text:link 8 URL" content="">    
    <meta name="text:link 9" content="Link 9" />
    <meta name="text:link 9 URL" content="">    
    <meta name="text:link 10" content="Link 10" />
    <meta name="text:link 10 URL" content="">
   
 
<style type="text/css">
 
@import url(http://weloveiconfonts.com/api/?family=fontawesome);
 
/* fontawesome */
[class*="fontawesome-"]:before {
  font-family: 'FontAwesome', sans-serif;
}
 
@font-face {
font-family: 'simple';
src: url('http://static.tumblr.com/cw0hku9/inln06him/simplicity.ttf');
}
 
@font-face {
font-family: 'halo';
src: url('http://static.tumblr.com/cw0hku9/Y2zn0i0wv/halohandletter.otf');
}
 
@font-face {
font-family: 'bon';
src: url('http://static.tumblr.com/cw0hku9/1aSn0i834/bonvenocf-light.otf');
}
 
@font-face {
font-family: 'dreams';
src: url('http://static.tumblr.com/cw0hku9/sAWn0jdm1/caviardreams.ttf');
}
 
@font-face {
font-family: 'dash';
src: url('http://static.tumblr.com/cw0hku9/7LLn43s3h/quicksand_dash.otf');
}
 
@font-face {
font-family: 'sand';
src: url('http://static.tumblr.com/cw0hku9/YUVn43s83/quicksand-regular.otf');
}
 
@font-face {
font-family: 'candel';
src: url('http://static.tumblr.com/cw0hku9/lxWn0jllf/candelabook.otf');
}
 
::-webkit-scrollbar-thumb:vertical {
background-color:{color:scrollbar};
width:5px;
}
 
::-webkit-scrollbar {
background-color:{color:scrollbar background};
width:5px;
}
 
body {
    font-family:arial;
    font-size:12px;
    background-image:url('{image:background}');
    background-attachment:fixed;
    background-color:{color:background};
}
 
a {
    text-decoration:none;
    color:{color:link};
    -moz-transition-duration: 1.0s;
    -o-transition-duration: 1.0s;
    -webkit-transition-duration: 1.0s;
    transition-duration: 1.0s;
}
 
a:hover {
    color:{color:link hover};
    -moz-transition-duration: 1.0s;
    -o-transition-duration: 1.0s;
    -webkit-transition-duration: 1.0s;
    transition-duration: 1.0s;
}
 
blockquote {
    border-left:2px solid {color:text};
    padding-left: 5px;
    margin-left:20px;
}
 
#sidebar {
    position:fixed;
    top:0px;
    left:0px;
    border-right:15px solid {color:sidebar border};
    border-top: 20px solid {color:sidebar border};
    width:250px;
    height:100%;
    background-color:{color:sidebar background};
}
 
#tborder1 {
    position:absolute;
    width:7px;
    height:50px;
    background-color:{color:sidebar border};
}
 
#tborder2 {
    position:absolute;
    width:250px;
    height:5px;
    background-color:{color:sidebar border};
    margin-top:50px;
}
 
#btitle {
    width:250px;
    text-align:center;
    padding:5px 0px 0px 0px;
    font-family:halo;
    font-size: 40px;
    color:{color:blog title};
}
 
#picture {
    margin: 30px 0px 0px 22px;
    {block:ifmusicplayer}
    margin: 61px 0px 0px 22px;
    {/block:ifmusicplayer}
}
 
#picture img {
    width:200px;
    height:300px;
    border: 3px solid {color:sidebar border};
}
 
#hl {
    position:absolute;
    width:50px;
    background-color:{color:homelinks};
    color:#cfc9c3;
    border:2px solid {color:homelinks border};
    font-family:bon;
    font-size:12px;
    text-align:center;
}
 
#h {
    margin: 10px 0px 0px 8px;
}
 
#a {
    margin: 10px 0px 0px 68px;
}
 
#p {
    margin: 10px 0px 0px 128px;
}
 
#t {
    margin: 10px 0px 0px 188px;
}
 
#about {
    position:absolute;
    width: 200px;
    max-height:108px;
    border-bottom:2px solid {color:sidebar border};
    overflow:hidden;
    margin:30px 0px 0px 18px;
    font-family:bon;
    font-size:12px;
    text-align:justify;
    padding: 5px;
}
 
#pag1 {
    position:fixed;
   width:235px;
   text-align:center;
   bottom:15px;
   font-family:bon;
   color:{color:pagination};
}
 
#pag1 a {
    color:{color:pagination};
}
 
#pag1 a:hover {
    color:{color:pagination hover};
}
 
#sidebar:hover #linksu {
    opacity:1.0;
    margin:-316px 0px 0px 265px;
    -moz-transition-duration: 1.0s;
    -o-transition-duration: 1.0s;
    -webkit-transition-duration: 1.0s;
    transition-duration: 1.0s;
}
 
#linksu {
    opacity:0.0;
    width:150px;
    height:3px;
    border-top-right-radius:15px;
    background-color:{color:sidebar border};
    margin:-316px 0px 0px 265px;
    -moz-transition-duration: 2.0s;
    -o-transition-duration: 2.0s;
    -webkit-transition-duration: 2.0s;
    transition-duration: 2.0s;
}
 
 
.cl {
    width:100px;
    background-color:{color:custom links};
    color:#cfc9c3;
    border:2px solid {color:custom links border};
    font-family:bon;
    font-size:12px;
    text-align:center;
}
 
#l1 {
    margin:10px 0px 0px 287px;
    opacity:0.0;
    -moz-transition-duration: 2.0s;
    -o-transition-duration: 2.0s;
    -webkit-transition-duration: 2.0s;
    transition-duration: 2.0s;
    transition-delay: 0.3s;
    -webkit-transition-delay: 0.3s;
}
 
#sidebar:hover #l1 {
    opacity:1.0;
    -moz-transition-duration: 2.0s;
    -o-transition-duration: 2.0s;
    -webkit-transition-duration: 2.0s;
    transition-duration: 2.0s;
}
 
#l2 {
    margin:10px 0px 0px 287px;
    opacity:0.0;
    -moz-transition-duration: 2.0s;
    -o-transition-duration: 2.0s;
    -webkit-transition-duration: 2.0s;
    transition-duration: 2.0s;
    transition-delay: 0.6s;
    -webkit-transition-delay: 0.6s;
}
 
#sidebar:hover #l2 {
    opacity:1.0;
    -moz-transition-duration: 2.0s;
    -o-transition-duration: 2.0s;
    -webkit-transition-duration: 2.0s;
    transition-duration: 2.0s;
}
 
#l3 {
    margin:10px 0px 0px 287px;
    opacity:0.0;
    -moz-transition-duration: 2.0s;
    -o-transition-duration: 2.0s;
    -webkit-transition-duration: 2.0s;
    transition-duration: 2.0s;
    transition-delay: 0.9s;
    -webkit-transition-delay: 0.9s;
}
 
#sidebar:hover #l3 {
    opacity:1.0;
    -moz-transition-duration: 2.0s;
    -o-transition-duration: 2.0s;
    -webkit-transition-duration: 2.0s;
    transition-duration: 2.0s;
}
 
#l4 {
    margin:10px 0px 0px 287px;
    opacity:0.0;
    -moz-transition-duration: 2.0s;
    -o-transition-duration: 2.0s;
    -webkit-transition-duration: 2.0s;
    transition-duration: 2.0s;
    transition-delay: 1.2s;
    -webkit-transition-delay: 1.2s;
}
 
#sidebar:hover #l4 {
    opacity:1.0;
    -moz-transition-duration: 2.0s;
    -o-transition-duration: 2.0s;
    -webkit-transition-duration: 2.0s;
    transition-duration: 2.0s;
}
 
#l5 {
    margin:10px 0px 0px 287px;
    opacity:0.0;
    -moz-transition-duration: 2.0s;
    -o-transition-duration: 2.0s;
    -webkit-transition-duration: 2.0s;
    transition-duration: 2.0s;
    transition-delay: 1.5s;
    -webkit-transition-delay: 1.5s;
}
 
#sidebar:hover #l5 {
    opacity:1.0;
    -moz-transition-duration: 2.0s;
    -o-transition-duration: 2.0s;
    -webkit-transition-duration: 2.0s;
    transition-duration: 2.0s;
}
 
#l6 {
    margin:10px 0px 0px 287px;
    opacity:0.0;
    -moz-transition-duration: 2.0s;
    -o-transition-duration: 2.0s;
    -webkit-transition-duration: 2.0s;
    transition-duration: 2.0s;
    transition-delay: 1.8s;
    -webkit-transition-delay: 1.8s;
}
 
#sidebar:hover #l6 {
    opacity:1.0;
    -moz-transition-duration: 2.0s;
    -o-transition-duration: 2.0s;
    -webkit-transition-duration: 2.0s;
    transition-duration: 2.0s;
}
 
#l7 {
    margin:10px 0px 0px 287px;
    opacity:0.0;
    -moz-transition-duration: 2.0s;
    -o-transition-duration: 2.0s;
    -webkit-transition-duration: 2.0s;
    transition-duration: 2.0s;
    transition-delay: 2.1s;
    -webkit-transition-delay: 2.1s;
}
 
#sidebar:hover #l7 {
    opacity:1.0;
    -moz-transition-duration: 2.0s;
    -o-transition-duration: 2.0s;
    -webkit-transition-duration: 2.0s;
    transition-duration: 2.0s;
}
 
#l8 {
    margin:10px 0px 0px 287px;
    opacity:0.0;
    -moz-transition-duration: 2.0s;
    -o-transition-duration: 2.0s;
    -webkit-transition-duration: 2.0s;
    transition-duration: 2.0s;
    transition-delay: 2.4s;
    -webkit-transition-delay: 2.4s;
}
 
#sidebar:hover #l8 {
    opacity:1.0;
    -moz-transition-duration: 2.0s;
    -o-transition-duration: 2.0s;
    -webkit-transition-duration: 2.0s;
    transition-duration: 2.0s;
}
 
#l9 {
    margin:10px 0px 0px 287px;
    opacity:0.0;
    -moz-transition-duration: 2.0s;
    -o-transition-duration: 2.0s;
    -webkit-transition-duration: 2.0s;
    transition-duration: 2.0s;
    transition-delay: 2.7s;
    -webkit-transition-delay: 2.7s;
}
 
#sidebar:hover #l9 {
    opacity:1.0;
    -moz-transition-duration: 2.0s;
    -o-transition-duration: 2.0s;
    -webkit-transition-duration: 2.0s;
    transition-duration: 2.0s;
}
 
#l10 {
    margin:10px 0px 0px 287px;
    opacity:0.0;
    -moz-transition-duration: 2.0s;
    -o-transition-duration: 2.0s;
    -webkit-transition-duration: 2.0s;
    transition-duration: 2.0s;
    transition-delay: 3.0s;
    -webkit-transition-delay: 3.0s;
}
 
#sidebar:hover #l10 {
    opacity:1.0;
    -moz-transition-duration: 2.0s;
    -o-transition-duration: 2.0s;
    -webkit-transition-duration: 2.0s;
    transition-duration: 2.0s;
}
 
{block:ifmusicplayer}
#pline {
    position:fixed;
    height:3px;
    width:250px;
    background-color:{color:sidebar border};
    border-top:1px solid {color:homelinks border};
    border-bottom:1px solid {color:homelinks border};
    margin:34px 0px 0px 0px;
}
 
#pline2 {
    position:fixed;
    width:3px;
    height:51px;
    background-color:{color:sidebar border};
    border-left:1px solid {color:homelinks border};
    border-right:1px solid {color:homelinks border};
    margin:10px 0px 0px 123px;
}
 
 
#mbox {
    position:fixed;
    width:30px;
    height:30px;
    background-color:{color:sidebar border};
    border:1px solid {color:homelinks border};
    margin:20px 0px 0px 110px;
}
 
 
#mpic {
    position:absolute;
    margin:9px 0px 0px 8px;
}
 
#mplayer {
    max-width:50px;
    overflow:hidden;
    margin:-5px 0px 0px 0px;
    opacity:0.0;
    -moz-transition-duration: 1.5s;
    -o-transition-duration: 1.5s;
    -webkit-transition-duration: 1.5s;
    transition-duration: 1.5s;
}
 
#mbar {
    position:absolute;
    width:60px;
    height:12px;
    background-color:{color:sidebar border};
    border:1px solid {color:homelinks border};
    margin:8px 0px 0px -15px;
    opacity:0.0;
    -moz-transition-duration: 1.5s;
    -o-transition-duration: 1.5s;
    -webkit-transition-duration: 1.5s;
    transition-duration: 1.5s;
}
 
#mbox:hover #mbar{
    opacity:1.0;
    -moz-transition-duration: 1.5s;
    -o-transition-duration: 1.5s;
    -webkit-transition-duration: 1.5s;
    transition-duration: 1.5s;
}
 
#mbox:hover #mplayer{
    opacity:1.0;
    -moz-transition-duration: 1.5s;
    -o-transition-duration: 1.5s;
    -webkit-transition-duration: 1.5s;
    transition-duration: 1.5s;
}
{/block:ifmusicplayer}
 
 
 
/**************************************************************************/
 
#container {
    {block:IndexPage}
    margin-left:500px;
    {/block:IndexPage}
    {block:PermalinkPage}
    margin-left:550px;
    {/block:PermalinkPage}
    width:600px;
    margin-top:30px;
}
 
#posts {
    {block:IndexPage}
    width: 420px;
    {/block:IndexPage}
    {block:PermalinkPage}
    width: 520px;
    {block:PermalinkPage}
    background-color:{color:post background};
    margin-bottom:30px;
    border:1px solid {color:post border};
    box-shadow: 3px 3px 5px {color:shadow};
}
 
#body {
    margin:0px 15px 0px 15px;
    padding:1px 0px 1px 0px;
}
 
#posts img, #posts li, #posts blockquote {
    max-width: 100%;
}
 
img.center {
    display:block;
    margin-left:auto;
    margin-right:auto;
    padding: 10px 0px 10px 0px;
}
 
/* Post Titles */
#title {
    margin:5px 15px 0px 15px;
    border-bottom:2px dotted {color:title underline};
    font-family:dreams;
    font-size:25px;
    text-align:center;
}
 
/* Captions */
#cap {
    margin-top:-5px;
    margin-left: 10px;
}
 
/* Photo */
.photo img{
    {block:IndexPage}
    {block:iffadingphoto}
    opacity:0.7;
    -moz-transition-duration: 1.5s;
    -o-transition-duration: 1.5s;
    -webkit-transition-duration: 1.5s;
    transition-duration: 1.5s;
    {/block:iffadingphoto}
    {block:ifmonochromeimages}
    filter: url(“data:image/svg+xml;utf8,<svg xmlns=’http://www.w3.org/2000/svg’><filter id=’grayscale’><feColorMatrix type=’matrix’ values=’0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0’/></filter></svg>#grayscale”); /* Firefox 3.5+ */
filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(1);
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
    -ms-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
    {/block:ifmonochromeimages}
    {/block:IndexPage}
}
 
.photo img:hover {
    {block:IndexPage}
    {block:iffadingphoto}
    opacity:1.0;
    {/block:iffadingphoto}
    {block:ifmonochromeimages}
    filter: none;
    -webkit-filter: grayscale(0);
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
    {/block:ifmonochromeimages}
    {/block:IndexPage}
    -moz-transition-duration: 1.5s;
    -o-transition-duration: 1.5s;
    -webkit-transition-duration: 1.5s;
    transition-duration: 1.5s;
}
 
/* Photoset Posts */
.photoset img{
    {block:IndexPage}
    {block:iffadingphoto}
    opacity:0.7;
    {/block:iffadingphoto}
    {block:ifmonochromeimages}
    filter: url(“data:image/svg+xml;utf8,<svg xmlns=’http://www.w3.org/2000/svg’><filter id=’grayscale’><feColorMatrix type=’matrix’ values=’0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0’/></filter></svg>#grayscale”); /* Firefox 3.5+ */
filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(1);
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
    -ms-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
    {/block:ifmonochromeimages}
    {/block:IndexPage}
    -moz-transition-duration: 1.5s;
    -o-transition-duration: 1.5s;
    -webkit-transition-duration: 1.5s;
    transition-duration: 1.5s;
}
 
.photoset {
        margin:5px 5px 5px 5px;
}
 
.photoset img:hover {
    {block:IndexPage}
    {block:iffadingphoto}
    opacity:1.0;
    {/block:iffadingphoto}
    {block:ifmonochromeimages}
    filter: none;
    -webkit-filter: grayscale(0);
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
    {/block:ifmonochromeimages}
    {/block:IndexPage}
    -moz-transition-duration: 1.5s;
    -o-transition-duration: 1.5s;
    -webkit-transition-duration: 1.5s;
    transition-duration: 1.5s;
}
 
/* Quote Posts */
#quote {
    font-family:bon;
    font-size:15px;
    text-align:right;
    margin:5px 15px 5px 15px;
}
 
#source {
    font-family: simple;
    font-size:15px;
    letter-spacing:1.5px;
    margin: 10px 15px 10px 15px;
}
 
/* Video Posts */
#video {
    margin:0px 10px 0px 10px;
    padding:10px 0px 10px 0px;
}
 
/* Link Posts */
#link {
    font-family:bon;
    font-size:20px;
    text-align:center;
    padding:5px 5px 5px 5px;
}
 
#link a {
    color:{color:link posts};
}
 
#link a:hover {
    color:{color:link posts hover};
}
 
/* Chat Posts */
.chat {
    line-height:20px;
    list-style:none;
    margin:5px 0px 10px -25px;
    font-family:dreams;
    font-size:13px;
    text-align:justify;
}
 
#cline {
    border-bottom:1px solid {color:chat border};
    margin-right:15px;
}
 
/* Audio Posts */
#playera {
    position:absolute;
    width:27px;
    height:34px;
    overflow:hidden;
    z-index:99;
    margin:47.5px 0px 0px 354.5px;
    opacity:0.5px;
}
 
#albumart {
    float:right;
    margin:0px 50px 0px 0px;
}
   
#albumart img{
    width: 100px;
    position: absolute;
    z-index: 1;
    margin: 15px 0px 0px -60px;
    border:1px solid {color:audio border};
}
 
#playbutton {
    width: 20px;
    height: 30px;
    overflow: hidden;
    position: relative;
    z-index: 10;
    margin: 5px 14px 3px 6px;
}
 
#playbox {
    background-color: #000;
    position:absolute;
    z-index: 1000;
    margin-left: 342px;
    margin-top: 50px;
    opacity: 0.3;
    -moz-transition-duration: 3.0s;
    -o-transition-duration: 3.0s;
    -webkit-transition-duration: 3.0s;
    transition-duration: 3.0s;
}
 
#playbox:hover {
    opacity: 0.8;
    -moz-transition-duration: 1.5s;
    -o-transition-duration: 1.5s;
    -webkit-transition-duration: 1.5s;
    transition-duration: 1.5s;
}
 
#info {
    width:300px;
    margin-left:5px;
    margin-top:20px;
    min-height:105px;
    padding-top:5px;
    background-color:transparent;
}
#artist {
    width:300px;
    text-align:center;
    font-size:13px;
    font-family:dash;
    color:{color:text};
}
#track {
    width:300px;
    text-align:center;
    margin-top:13px;
    font-size:20px;
    font-family:sand;
    color:{color:text};
}
#album {
    width:300px;
    text-align:center;
    font-size:13px;
    margin-top:15px;
    font-family:dash;
    color:{color:text};
}
#playcount {
    width:300px;
    text-align:center;
    font-size:10px;
    margin-top:15px;
    font-family:dash;
    color:{color:text};
}
 
/* Ask Posts */
#ask {
    {block:IndexPage}
    font-family:dreams;
    font-size:13px;
    width:380px;
    line-height:20px;
    {/block:IndexPage}
    {block:PermalinkPage}
    width:480px;
    {/block:PermalinkPage}
    color:{color:ask};
    margin:10px 0px 10px 15px;
    padding:5px 5px 5px 5px;
    text-align:justify;
    border-bottom:1px solid {color:post border};
}
 
#ask a {
    font-family:bon;
}
 
#answer {
    {block:IndexPage}
    width:380px;
    {/block:IndexPage}
    {block:PermalinkPage}
    width:480px;
    {/block:PermalinkPage}
    margin: 10px 0px 10px 20px;
    text-align:justify;
}
 
/* Border beneath tags on Permalink Page */
#border {
    width:520px;
    height:3px;
    border-bottom:2px dotted {color:bottom border};
    margin-top:-5px;
}
 
/* Notes and Permalinks */
#permab {
    opacity:0.0;
    position:absolute;
    width:150px;
    height:2px;
    background-color:{color:post border};
    margin:10px 0px 0px 420px;
    -moz-transition-duration: 2.0s;
    -o-transition-duration: 2.0s;
    -webkit-transition-duration: 2.0s;
    transition-duration: 2.0s;
}
 
#posts:hover #permab {
    opacity:1.0;
    -moz-transition-duration: 2.0s;
    -o-transition-duration: 2.0s;
    -webkit-transition-duration: 2.0s;
    transition-duration: 2.0s;
}
 
#permad {
    opacity:0.0;
    position:absolute;
    width:2px;
    height:30px;
    background-color:{color:post border};
    margin: 10px 0px 0px 450px;
    -moz-transition-duration: 2.0s;
    -o-transition-duration: 2.0s;
    -webkit-transition-duration: 2.0s;
    transition-duration: 2.0s;
}
 
#posts:hover #permad {
    opacity:1.0;
    -moz-transition-duration: 2.0s;
    -o-transition-duration: 2.0s;
    -webkit-transition-duration: 2.0s;
    transition-duration: 2.0s;
    transition-delay: 0.5s;
    -webkit-transition-delay: 0.5s;
}
 
#permal {
    opacity:0.0;
    position:absolute;
    width:2px;
    height:60px;
    background-color:{color:post border};
    margin: 10px 0px 0px 500px;
    -moz-transition-duration: 2.0s;
    -o-transition-duration: 2.0s;
    -webkit-transition-duration: 2.0s;
    transition-duration: 2.0s;
}
 
#posts:hover #permal {
    opacity:1.0;
    -moz-transition-duration: 2.0s;
    -o-transition-duration: 2.0s;
    -webkit-transition-duration: 2.0s;
    transition-duration: 2.0s;
    transition-delay: 1.0s;
    -webkit-transition-delay: 1.0s;
}
 
#permat {
    opacity:0.0;
    position:absolute;
    width:2px;
    height:90px;
    background-color:{color:post border};
    margin: 10px 0px 0px 550px;
    -moz-transition-duration: 2.0s;
    -o-transition-duration: 2.0s;
    -webkit-transition-duration: 2.0s;
    transition-duration: 2.0s;
}
 
#posts:hover #permat {
    opacity:1.0;
    -moz-transition-duration: 2.0s;
    -o-transition-duration: 2.0s;
    -webkit-transition-duration: 2.0s;
    transition-duration: 2.0s;
    transition-delay: 1.5s;
    -webkit-transition-delay: 1.5s;
}
 
#notesb {
    position:absolute;
    width:15px;
    height:15px;
    background-color:{color:post border};
    margin:-7.5px 0px 0px 150px;
    border-radius:15px;
}
 
#notes {
    position:absolute;
    margin:93px 0px 0px -75px;
    width:150px;
    font-family:bon;
    text-align:center;
    color:{color:permalink};
}
 
#date {
    position:absolute;
    margin: 33px 0px 0px -20px;
    font-family:bon;
    font-size:15px;
    color:{color:permalink};
}
 
#permaa {
    position:absolute;
    margin:63px 0px 0px -12px
}
 
#permaa a {
    font-family:bon;
    font-size:12px;
    color:{color:permalink};
}
 
#permaa a:hover {
    color:{color:permalink hover};
}
 
#notes1 {
    text-align:right;
    padding:3px 5px 1px 5px;
    font-family:candel;
    margin:0px 0px 0px 0px;
    border-top:2px dotted {color:bottom border};
   
}
 
#tags {
    font-family:candel;
    text-align:center;
    margin:0px 15px 2px 15px;
}
 
 
#via {
    position:absolute;
    font-family:candel;
    padding:5px 5px 1px 5px;
}
 
#b {
    position:fixed;
    width:235px;
    text-align:center;
    bottom:25px;
    font-family:sand;
    font-size:17px;
}
 
</style>  
 
{block:ifinfinitescroll}
<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
{/block:ifinfinitescroll}
 
</head>
 
<body>
 
<div id="sidebar">
    <div id="tborder1"></div><div id="tborder2"></div>
    <div id="btitle">{Title}</div>
    {block:ifmusicplayer}
    <div id="pline"></div><div id="pline2"></div><div id="mbox"><div id="mpic"><img src="http://media.tumblr.com/tumblr_m7w2py1dEP1r6o8v2.gif" /></div><div id="mbar"><div id="mplayer">{text:music}</div></div></div>
    {/block:ifmusicplayer}
    <div id="picture"><img src="{image:sidebar}" /></div>
    <div id="h"><a href="/"><div id="hl">Home</div></a></div>
    <div id="a"><a href="/ask"><div id="hl">Ask</div></a></div>
    <div id="p"><a href="/archive"><div id="hl">Past</div></a></div>
    <div id="t"><a href="http://crimsonxthemes.tumblr.com"><div id="hl">Theme</div></a></div>
    <div id="about">{Description}</div>
    <div id="linksu"></div>
    {block:Iflink1}<div id="l1"><a href="{text:link 1 url}"><div class="cl">{text:link 1}</div></a></div>{/block:Iflink1}
    {block:Iflink2}<div id="l2"><a href="{text:link 2 url}"><div class="cl">{text:link 2}</div></a></div>{/block:Iflink2}
    {block:Iflink3}<div id="l3"><a href="{text:link 3 url}"><div class="cl">{text:link 3}</div></a></div>{/block:Iflink3}
    {block:Iflink4}<div id="l4"><a href="{text:link 4 url}"><div class="cl">{text:link 4}</div></a></div>{/block:Iflink4}
    {block:Iflink5}<div id="l5"><a href="{text:link 5 url}"><div class="cl">{text:link 5}</div></a></div>{/block:Iflink5}
    {block:Iflink6}<div id="l6"><a href="{text:link 6 url}"><div class="cl">{text:link 6}</div></a></div>{/block:Iflink6}
    {block:Iflink7}<div id="l7"><a href="{text:link 7 url}"><div class="cl">{text:link 7}</div></a></div>{/block:Iflink7}
    {block:Iflink8}<div id="l8"><a href="{text:link 8 url}"><div class="cl">{text:link 8}</div></a></div>{/block:Iflink8}
    {block:Iflink9}<div id="l9"><a href="{text:link 9 url}"><div class="cl">{text:link 9}</div></a></div>{/block:Iflink9}
    {block:Iflink10}<div id="l10"><a href="{text:link 10 url}"><div class="cl">{text:link 10}</div></a></div>{/block:Iflink10}
    {block:ifnotinfinitescroll}{block:Pagination}<div id="pag1">{block:PreviousPage}
<a href="{PreviousPage}"><span class="fontawesome-angle-left"</span></a>
{/block:PreviousPage} {CurrentPage} / {TotalPages} {block:Pagination}{block:NextPage}<a href="{NextPage}"><span class="fontawesome-angle-right"</span></a>
{/block:NextPage}</div>{/block:Pagination}{/block:ifnotinfinitescroll}
</div>
 
<div id="container">
<div class= "autopagerize_page_element">
{block:Posts}
<div id="posts">
 
{block:IndexPage}
<div id="permab"><div id="notesb"></div></div>
<div id="permad"><div id="date">{block:Date}{MonthNumberWithZero}.{DayOfMonth}{/block:Date}</div></div>
<div id="permal"><div id="permaa"><a href="{Permalink}">Post</a></div></div>
{block:NoteCount}<div id="permat">
<div id="notes">{NoteCountWithLabel}</div></div>{/block:NoteCount}
{/block:IndexPage}
 
 
<!-- Text Posts -->
{block:Text}
{block:Title}<div id="title">{Title}</div>{/block:Title}
<div id="body">{body}</div>
{/block:Text}
 
<!-- Photo Posts -->
{block:Photo}
<div class="photo">
{block:IndexPage}{LinkOpenTag}<img src="{PhotoURL-400}" class="center" />{LinkCloseTag}{block:ifcaptions}{block:caption}<div id="cap">{Caption}</div>{/block:Caption}{/block:ifcaptions}{/block:IndexPage}{block:PermalinkPage}
{LinkOpenTag}<img src="{PhotoURL-500}" class="center" />{LinkCloseTag}{block:caption}<div id="cap">{Caption}</div>{/block:Caption}{/block:PermalinkPage}
</div>
 
 
{/block:Photo}
 
<!-- Photoset Posts -->
{block:Photoset}
<div class="photoset">
{block:IndexPage}{Photoset-400}{block:ifcaptions}{block:caption}<div id="cap">{Caption}</div>{/block:Caption}{/block:ifcaptions}{/block:IndexPage}{block:PermalinkPage}{Photoset-500}{block:caption}<div id="cap">{Caption}</div>{/block:Caption}{/block:PermalinkPage}
</div>
{/block:Photoset}
 
<!-- Quote Posts -->
{block:Quote}
<div id="quote"><sup>❝</sup>{Quote}<sub>❞</sub></div>
{block:Source}<div id="source">–{Source}</div>{/block:Source}
{/block:Quote}
 
<!-- Video Posts -->
{block:video}
<div id="video">
{block:IndexPage}{video-400}{/block:IndexPage}{block:PermalinkPage}{video-500}{/block:PermalinkPage}
</div><div id="cap">{block:caption}{caption}{/block:caption}</div>
{/block:video}
 
<!-- Link Posts -->
{block:Link}
<div id="link"><a href="{URL}"><span class="fontawesome-double-angle-left"</span> {Name} <span class="fontawesome-double-angle-right"</span></a></div>{block:description}<div id="cap">{description}</div>{/block:description}
{/block:Link}
 
<!-- Chat Posts -->
{block:chat}
{block:Title}<div id="title">{Title}</div>{/block:Title}
<ul class="chat">{block:Lines}<li><div id="cline">{block:Label}<i>{Label}</i>{/block:Label} {Line}</div></li>{/block:Lines}</ul>
{/block:chat}
 
<!-- Audio Posts -->
{block:Audio}
<div id="albumart"><img src="https://24.media.tumblr.com/ead717e5f09635ff3b718738859901cf/tumblr_
mxeia7owBF1rtpkldo1_500.png"></div>{block:AlbumArt}<div id="albumart"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}<div id="playbox"><div id="playbutton">{block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}</div ></div>{/block:AlbumArt}
<div id="info">
<div id="artist">{block:Artist}{Artist}{/block:Artist}</div>
<div id="track">{block:TrackName}{TrackName}{/block:TrackName}</div>
<div id="album">{block:Album}{Album}{/block:Album}</div> {block:PlayCount}<div id="playcount">({playcountwithlabel})</div>{/block:PlayCount}</div> {block:caption}<div id="cap">{Caption}</div>{/block:Caption}
{/block:Audio}
 
<!-- Answer Posts -->
{block:Answer}
<div id="ask">{asker} sent: {question}</div>
<div id="answer">{answer}</div>
{/block:Answer}
 
{block:PermalinkPage}
<div id="via">
{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">Via</a> // <a href="{ReblogRootURL}" title="{ReblogRootName}">Ori</a>{/block:RebloggedFrom}
</div>
 
<div id="notes1">
<a href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}">{TimeAgo}</a> // {NoteCountWithLabel}
</div>
 
<div id="tags">
{block:HasTags}Tags: {block:Tags}<a href="{TagURL}">{Tag}</a>, {/block:Tags}{/block:HasTags}
</div>
<div id="border"></div>
{PostNotes}
{/block:PermalinkPage}
 
</div>
{/block:Posts}
</div>
</div>
{block:ifinfinitescroll}
<div id="b"><a href="#top">back to top</a></div>
{/block:ifinfinitescroll}
</body>
</html>

Pasted: Apr 17, 2014, 7:14:00 pm
Views: 170