View difference between Paste ID: 8GdDMwXi and yCHduNQ1

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
 
 
 
 
 
 
 
 
 <!-- THANKS FOR USING! IF YOU HAVE ANY QUESTIONS, YOU'RE WELCOME TO CONTACT ME. SOMETHING TO REMEMBER IS THAT MOST OF THESE THINGS CAN BE CUSTOMIZED WITHIN THE CUSTOMIZATION BAR. HERE ARE THE RULES TO USING MY CODE:
 
 1. THIS CODE IS MINE (FASTCST). DON'T REMOVE OR MESS WITH THE CREDIT. DO NOT DISTRIBUTE. THIS IS FOR YOUR OWN PRIVATE USE.
 
 2. I HAVE THE RIGHT TO PULL THIS CODE DOWN AT ANY TIME.
 
 3. DO NOT FORGET TO ADD 'PX' TO THE END OF ANY MARGIN VALUES IN THE CUSTOMIZATION BAR. IT WON'T WORK IF YOU DO NOT.
 
 4. EDIT AS MUCH AS YOU WANT, BUT DO NOT USE AS A BASE.
 
 5. THEME FONT IS SET AS CALIBRI. TO CHANGE, HIT CTRL + F + CALIBRI AND CHANGE TO YOUR OWN FONT CSS.
 
 6. ANY OTHER VARIOUS NOTES ARE SCATTERED WITH THE WORD "OKAY!!!" TO START IT OFF. JUST CTRL + F + OKAY!!! TO FIND NOTES.
 
 7. SCROLLING WON'T WORK TILL YOU GIVE A HEIGHT VALUE. THIS CAN BE A PERCENTAGE OR A PIXEL VALUE.
 
 AND THAT'S ABOUT ALL! I HOPE THE THEME SERVES YOU WELL, AND IF YOU FIND BUGS, FEEL FREE TO MESSAGE ME.-->
 
 
 
 
 
 
 
 
 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 <head>
 
 
      <script type="text/javascript"
 src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
 <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
 <script>
    (function($){
        $(document).ready(function(){
            $("[title]").style_my_tooltips({
                tip_follows_cursor:true,
                tip_delay_time:200,
                tip_fade_speed:300
            }
                );
        });
    })(jQuery);
 </script>
 
 
     <!-- Include JQuery from the Google CDN -->
     <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
     <!-- Include the RenderedFont rendering engine (using the #free account key) -->
     <script type="text/javascript"  src='http://cdn.renderedfont.com/js/renderedfont-0.8.min.js#free'></script>
 
 
 <title>{Title}</title>
 
 <link rel="shortcut icon" href="{Favicon}" />
 <link rel="alternate" type="application/rss+xml" href="{RSS}" />
 
    <meta name="color:bg" content="#ffffff">
    <meta name="color:link" content="#bbb8b8"/>
    <meta name="color:text" content="#9a9a9a"/>
    <meta name="color:tags" content="#b9b7b7"/>
    <meta name="color:ask" content="#fcfcfc"/>
    <meta name="color:hover" content="#eeeeee"/>
    <meta name="color:border" content="#e7e7e7"/>
    <meta name="color:scrollbar" content="#d6d5d5"/>
    <meta name="color:post title color" content="#000"/>
    <meta name="color:blockquote" content="#000"/>
    <meta name="color:bold" content="#000"/>
    <meta name="color:bold shadow" content="#000"/>
    <meta name="color:italics" content="#000"/>
    <meta name="color:italics shadow" content="#000"/>
    <meta name="color:link title color" content=""/>
    <meta name="color:link title bg" content="#fff"/>
 
    <meta name="text:bg image url" content=""/>
    <meta name="text:link one link" content="http://"/>
    <meta name="text:link one symbol" content="i"/>
    <meta name="text:link one title" content="title"/>
    <meta name="text:link two link" content="http://"/>
    <meta name="text:link two symbol" content ="ii"/>
    <meta name="text:link two title" content="title"/>
    <meta name="text:link three link" content="http://"/>
    <meta name="text:link three symbol" content="iii"/>
    <meta name="text:link three title" content="title"/>
    <meta name="text:link four link" content="http://"/>
    <meta name="text:link four symbol" content="iv"/>
    <meta name="text:link four title" content="title"/>
    <meta name="text:link five link" content="http://"/>
    <meta name="text:link five symbol" content="v"/>
    <meta name="text:link five title" content="title"/>
    <meta name="text:link margin top" content="300px"/>
    <meta name="text:link margin left" content="100px"/>
    <meta name="text:pag margin top" content="350px"/>
    <meta name="text:pag margin left" content="100px"/>
    <meta name="text:post width" content="500px"/>
    <meta name="text:container left" content="540px"/>
    <meta name="text:container top" content="200px"/>
    <meta name="text:container height" content="540px"/>
    <meta name="text:container width" content="540px"/>
    <meta name="text:music code" content=""/>
    <meta name="text:music margin left" content="px"/>
    <meta name="text:music margin top" content="px"/>
 
 
 
 
    <style type="text/css"/>
 
 #s-m-t-tooltip{
 max-width:300px;
 margin:15px;
 padding:2px 8px;
 border:1px solid black opacity:.9;
 background:{color:link title bg};
 color:{color:link title color};
 z-index:999999;
 font-size:8px;
 font-style:none;
 font-family: "calibri";
 text-transform:uppercase;
 box-shadow:1px 1px 3px rgba(0,0,0,.1);}
 
    /*why do we even have this lever*/
 
 ::-webkit-scrollbar-thumb:vertical {border:3px solid color width:9px; height:12px; background-color:{color:scrollbar};}
 ::-webkit-scrollbar-thumb:horizontal {background-color:{color:scrollbar};}
 ::-webkit-scrollbar {height:7px;width:2px;}
 ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment{background-color:transparent;display:block;height:8px;border-right:2px solid transparent;border-left:2px solid transparent;
 }
    /*body, AKA random shit which is important*/
 
 
 
     body {
     font-style:none;
     background-image:url("{text:bg image url}");
     background-position:top left;
     background-attachment:fixed;
     background-repeat:no-repeat;
     background-color:{color:bg};
     font-family:"calibri";
     color:{color:text};
     font-size:9px;
     font-family:"calibri";
     justify:left;
     }
 
     a {
     color:{color:link};
     text-decoration:none;
     -webkit-transition: all 0.5s ease-out;
     -moz-transition: all 0.5s ease-out;
     transition: all 0.5s ease-out;
     }
 
     a:hover {
     color:{color:hover};
     text-decoration:none;
     -webkit-transition: all 0.8s ease-out;
     -moz-transition: all 0.8s ease-out;
     transition: all 0.8s ease-out;
     }
 
     img {
     border:none;
     max-width:100%;
     justify:left
 
     }
 
     h1 {
     font-size:40px;
     line-height:30px;
     color:{color:post title color};
     font-family: "calibri";
     width:{text:post width};
     text-align:left;
     }
 
         blockquote {
     padding:6px ;
     margin:5px 0 3px 7px;
     border-left:2px solid {color:border};
     border-radius:10px;
     border-color:{color:blockquote};
     justify:left;
 
     }
 
     /*end random shit*/
 
     /*dem links*/
 
     #links {
     margin-top:{text:link margin top};
     margin-left:{text:link margin left};
     color:{color:link};
     position:fixed;
     width:150px;
     font-family:"calibri";
     text-transform:uppercase;
     text-align:center;
     color: {color:link};
         text-shadow: 0 0 5px {color:link};, 0 0 10px {color:link};, 0 0 15px {color:link};, 0 0 20px {color:link};, 0 0 30px {color:link};, 0 0 40px {color:link};, 0 0 50px {color:link};, 0 0 75px {color:link};
         font-family: "calibri", Arial;
     }
 
    /*ALL LINKS*/
 
     #links a {
     padding:3px;
     font-size:9px;
     font-family: "calibri", Arial;
     }
 
     #links a:hover {
     color:{color:hover};
         text-shadow: 0px 0px 10px rgba(255,255,255,0.6), 0px 0px 30px rgba(255,255,255,0.4), 0px 0px 50px rgba(255,255,255,0.3), 0px 0px 180px rgba(255,255,255,0.3);
         color: {color:hover};
     }
 
     /*next back*/
 
     #pagination {
     margin-top:{text:pag margin top};
     margin-left:{text:pag margin left};
     font-style:italic;
     text-align:center;
     font-size:9px;
     font-family:"calibri";
     color:{color:link};
     position:fixed;
     }
 
     #pagination a{
     color:{color:link};
        font-family:"calibri";
     }
 
     #pagination a:hover {
     color:{color:hover};
        font-family:"calibri";
     }
 
     /*posts— OKAY!!! DON'T FORGET TO ADD PX WHEN PLUGGING YOUR VALUES INTO THE CUSTOMIZATION BAR
 
     ALSO, IF YOU DON'T WANT YOUR CONTAINER TO 'SLIDE', I.E. ASK BOXES AND NON-TEXT THINGS GET CUT OFF, YOUR POSTS WIDTH MUST BE SMALLER THAN THE CONTAINERS WIDTH*/
 
 
     #postscontainer {
     position:fixed;
     height:{text:container height};
     width:{text:container width};
     overflow-y:scroll;
     overflow-x:hidden;
     margin-left:{text:container left};
     margin-top:{text:container top};
     padding-bottom:0px;
     }
 
     #posts {
     width:{text:post width};
     padding-top:30px;
     margin-top:0px;
     font-size:11px;
     color:{color:text};
     line-height:90%;
     text-align:left;
     border-bottom:2px;
     border-color:gray;
 
 
     }
 
 
 
     /*taggity tags*/
 
     #tags {
     width:{text:post width};
     margin-left:-4px;
     margin-top:7px;
     font-size:8px;
     color:{color:tags}:
     }
 
     #tags a {
     color:{color:tags};
        font-family:"calibri";
     }
 
     #tags a:hover {
     color:{color:hover}
        font-family:"calibri";
     }
 
     /*ask stuffs*/
 
     #ask {
     margin-top:-10px;
     font-family:"calibri";
     text-align:left;
     }
 
     #ask img {
     margin-top:30px;
     width:50px;
     text-align:left;
     }
 
        #askbg {
     padding:12px;
     background-color:{color:ask};
     }
 
     /*italics and bold*/
     /*OKAY!!! DELETE FROM HERE*/
 
 
        b, strong{
    color: {color:bold};
    font-size:25px;
    letter-spacing:0px;
    text-shadow: 3px 3px 0px {color:bold shadow};
    font-weight: bold;
    width:{text:post width};
 }
 
     i, em, strong {
    color: {color:italics};
    font-size:18px;
    letter-spacing:0px;
    text-shadow:0 0 0.3em {color:italics shadow};
    font-weight: bold;
    width:{text:post width};
 
 }
 
 /*TO HERE IF YOU WANNA GET RID OF SHADOWS. THIS IS ALSO A GOOD PLACE TO CHANGE THE STYLES*/
 
 /*music*/
 /*OKAY!!! BILLY PLAYER IS THE BEST PLACE TO FIND STYLISH MUSIC PLAYERS. A TUTORIAL: http://jollythemes.tumblr.com/post/42360414845/how-to-put-billy-music-player-to-your-blog AND A REMINDER THAT I'VE ALREADY ADDED A PLACE FOR THE MUSIC IN THE CUSTOMIZATION BAR.*/
 
 
     #music {
         margin-left:{text:music margin left};
         margin-top:{text:music margin top};
         position:fixed;
     }
 
     /*DO NOT TOUCH FROM HERE*/
 
   #credit {
     font-size:9px;
     font-family:cambria;
     font-style:italic;
     letter-spacing:1px;
     -moz-transition-duration:0.5s;
     -webkit-transition-duration:0.5s;
     -o-transition-duration:0.5s;
     }
 
 #credit a {
     padding:0px;
     position:fixed;
     right:15px;
     bottom:-5px;
     }
 
 #credit a:hover {
     color:#fff;
     }
 
     /*TO HERE*/
 
 
     {CustomCSS}
 
   /*OKAY!!! ALL THESE PURPLE AND BLUE BRACKETS ARE PLACES WHERE YOU CAN CHANGE YOUR PHOTO SIZES. IF YOU CHANGE THE SIZES, GO TO
     PhotoURL-400 AND CHANGE 400 TO 250, 500, OR 700. OR YOU CAN LEAVE IT THE SAME. YOU CAN DO THE SAME FOR PHOTOSETS.
     Photoset-250 GOES FOR THE SAME NUMBERS.*/
 
     </style></head>
 
 
 <body>
 
 
 <div id="music">{text:music code}</div>
  <script language=JavaScript>
 
 </script>
 
 <div id="links">
 <a href="{text:link one link}" title="{text:link one title}">{text:link one symbol}</a>
 <a href="{text:link two link}" title="{text:link two title}">{text:link two symbol}</a>
 <a href="{text:link three link}" title="{text:link three title}">{text:link three symbol}</a>
 <a href="{text:link four link}" title="{text:link four title}">{text:link four symbol}</a>
 <a href="{text:link five link}" title="{text:link five title}">{text:link five symbol}</a>
 </div>
 
 {block:Pagination}
 <div id="pagination">
 
 {block:PreviousPage}<a href="{PreviousPage}" title="back">-</a>{/block:PreviousPage}
 {block:NextPage}<a href="{NextPage}" title="forth">+</a>{/block:NextPage}
 </div>{/block:Pagination}
 
 </div></div>
 
 
 
 <div id="postscontainer">
 
 {block:Posts}<div align="left">
 
 <div id="posts">
 
 {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
 
 
 {block:Photo}{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
 
 {block:Photoset}{Photoset-250}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
 
 {block:Quote}{Quote}{block:Source} &#8212;{Source}{/block:Source}{/block:Quote}
 
 {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{/block:Link}
 
 {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
 
 {block:Audio}{AudioPlayerWhite}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
 
 {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
 
 {block:Answer}<div id="askbg"><div id="ask"></div><br><img src="{AskerPortraitURL-24}"> {Asker} said: {Question}</div> {Answer}{/block:Answer}</div>
 
 {block:HasTags} <div id="tags">—{block:Tags} <a href="{TagURL}">#{Tag} </a> {/block:Tags}</div>{/block:HasTags}
 
 
 
 
 <div id="via">
 {block:RebloggedFrom}<a href="{ReblogParentURL}" target="{ReblogParentURL}" class="details" title="via {ReblogParentName}">●</a>{/block:RebloggedFrom} || {block:ContentSource} <a href="{SourceURL}" class="details" title="created by {SourceTitle} ">●</a> ||{/block:ContentSource}  <a href="{Permalink}" class="details" title="{DayOfWeek}, {DayOfMonth} {Month}, {Year} — {12Hour}:{Minutes} {AmPm} — {TimeAgo}">●</a> || <a href="{ReblogURL}" target="{ReblogURL}" class="details" title="reblog">●</a> || {block:NoteCount}<a href="{Permalink}" target="{Permalink}" class="details" title="{NoteCount} notes">●</a> {/block:NoteCount}
 
 {/block:Posts}
 
 
 </div>
 
 
 {/block:PostNotes}
 {/block:NoteCount}
 {block:PostNotes}{/block:PostNotes}
 {/block:RebloggedFrom}
 {/block:Posts}
 {block:PostNotes}{PostNotes}{/block:PostNotes}
 {/block:Posts}
 
 
 </div></div></div></div></div></div></div></div></div></div></div></div>
 
 <div id="credit"><a href="http://fastcst.tumblr.com/" title="FASTCST."><h2>ϟ</h2></a></div>
 </body>
 </html>