View difference between Paste ID: 2EyYsiRS and dqeTp9M8

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
 <!-- navigation page numero one by fantasieswriter (aka kyla/kc)-->
 
 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 
 
 <head>
 
 <title>{Title}</title>
 
 <link rel="shortcut icon" href="{Favicon}" />
 <link rel="alternate" type="application/rss+xml" href="{RSS}" />
 
     <style type="text/css">
 
 ::-webkit-scrollbar-thumb:vertical {border:3px solid #fff;height:12px; background-color:{color:scrollbar};}
 ::-webkit-scrollbar-thumb:horizontal {background-color:#fff;}
 ::-webkit-scrollbar {background-color:{color:scrollbar};height:7px;width:12px;border:5px solid #fff;}
 ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment{background-color:{color:scrollbar};display:block;height:8px;border-right:2px solid #fff;border-left:2px solid #fff;
 }
 
     body {
     font-style:none;
     background-color:{color:bg};
     font-family:calibri;
     color:{color:text};
     font-size:9px;
     }
 
 
     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;
     }
 
     blockquote {
     padding-left:5px;
     border-left:2px solid {color:border};
     }
 
     h1 {
     font-size:10px;
     }
 
 
    *, body, a, a:hover {cursor: url("http://www.totallylayouts.com/cursors/random/tiny_cursor.png"), auto }
 
     #everything {
     margin-left:250px;
     margin-top:100px;
     }
 
     #sideimage img {
     position:fixed;
     width:425px;
     height:105%;
     margin-left:-270px;
     margin-top:-105px;
     }
 
 
     #title {
     font-family:'georgia';
     position:fixed;
     font-size:20px;
     margin-top:-67px;
     margin-left:-244px;
     color:#bbbaba;
     text-align:center;
     width:400px;
     text-shadow:2px 2px #e7e7e7;
     }
 
     #description {
     position:fixed;
     background-color:white;
     width:200px;
     padding:10px;
     font-size:10px;
     margin-left:-153px;
     margin-top:10px;
     }
 
     #links {
     position:fixed;
     width:350px;
     font-family:'cambria';
     text-transform:uppercase;
     text-align:center;
     margin-top:-20px;
     margin-left:-220px;
     }
 
     #links a {
     display:inline-block;
     padding:3px;
     width:50px;
     font-size:9px;
     color:#bbb8b8;
     -webkit-transition: all 0.4s ease-in-out;
     -moz-transition: all 0.4s ease-in-out;
     -o-transition: all 0.4s ease-in-out;
     -ms-transition: all 0.4s ease-in-out;
     transition: all 0.4s ease-in-out;
     }
 
     #links a:hover {
     color:#fff;
     background-color:#bbb8b8;
     }
 
     #extralinks {
     position:fixed;
     margin-top:100px;
     width:231px;
     margin-left:60px;
     }
 
     #extralinks a {
     display:inline-block;
     }
 
     #grouptitle {
     padding:5px;
     text-align:center;
     font-style:italic;
     font-family:'georgia';
     color:#bbbaba;
     font-size:15px;
     width:200px;
     margin-left:235px;
     margin-top:0px;
     border-bottom:3px solid #eaeaea;
     background-color:#f8f8f8;
     border-top-right-radius:8px;
     border-top-left-radius:8px;
    }
 
 
     #grouplinks {
     width:190px;
     margin-top:3px;
     margin-bottom:40px;
     padding:6px;
     margin-left:239px;
     background-color:#f8f8f8;
     border-bottom-left-radius:8px;
     border-bottom-right-radius:8px;
      }
 
 
     #grouplinks a {
     font-family:'cambria';
     display:block;
     color:#bbb8b8;
     font-size:11px;
     padding:6px;
     text-align:center;
     letter-spacing:1px;
     text-transform:uppercase;
     margin-bottom:5px;
     -webkit-transition: all 0.4s ease-in-out;
     -moz-transition: all 0.4s ease-in-out;
     -o-transition: all 0.4s ease-in-out;
     -ms-transition: all 0.4s ease-in-out;
     transition: all 0.4s ease-in-out;
     text-shadow:2px 2px #e7e7e7;
     }
 
     #grouplinks a:hover {
     background:#bbb8b8;
     color:#fff;
     border-left:10px solid #e7e7e7;
     border-right:10px solid #e7e7e7;
     opacity:1;
     -moz-transition:0.3s ease;
     -o-transition:0.3s ease;
     -webkit-transition:0.3s ease;
     transition:1s ease;
     border-radius:8px;
     text-shadow:-1px -1px #e7e7e7;
     }
 
 
 
     {CustomCSS}
 
     </style></head>
 
 
 <body>
 
 <div id="everything">
 
 <div id="sideimage"><img src="http://media.tumblr.com/a122662d864b730cffff703dcf2072fd/tumblr_inline_mvxky9Bbzy1s8uon6.jpg"></div>
 
 <div id="title">FANTASY NAVIGATION</div>
 
 <div id="description">and this is where you're going to put a description about the navigation or about your roleplay or anything. it doesn't matter about the length for this one. it looks good short or long honestly.</div>
 
 <div id="links">
 <a href="/">HOME</a>
 <a href="/ask">ASK</a>
 <a href="/">LINK 1</a>
 <a href="/">LINK 2</a>
 <a href="http://fantasieswriter.tumblr.com/">CREDIT</a>
 
 <div id="extralinks">
 <a href="/">EXTRA 1</a>
 <a href="/">EXTRA 2</a>
 <a href="/">EXTRA 3</a>
 <a href="/">EXTRA 4</a>
 <a href="/">EXTRA 5</a>
 <a href="/">EXTRA 6</a>
 <a href="/">EXTRA 7</a>
 <a href="/">EXTRA 8</a>
 <a href="/">EXTRA 9</a>
 <a href="/">EXTRA 10</a>
 <a href="/">EXTRA 11</a>
 <a href="/">EXTRA 12</a>
 </div>
 </div>
 
 <table id="all" border="0" cellpadding="0" cellspacing="0">
 
 
 <td><div id="grouptitle"><big>Group One</div>
 <div id="grouplinks">
 <a href="/tagged/">link 1</a>
 
 <a href="/tagged/">link 2</a>
 
 <a href="/tagged/">link 3</a>
 
 <a href="/tagged/">link 4</a>
 
 <a href="/tagged/">link 5</a>
 
 <a href="/tagged/">link 6</a>
 
 </div></td>
 
 
 <td><div id="grouptitle"><big>Group Two</div>
 <div id="grouplinks">
 <a href="/tagged/">link 1</a>
 
 <a href="/tagged/">link 2</a>
 
 <a href="/tagged/">link 3</a>
 
 <a href="/tagged/">link 4</a>
 
 <a href="/tagged/">link 5</a>
 
 <a href="/tagged/">link 6</a>
 
 </div></td>
 
 <tr>
 
 <td><div id="grouptitle"><big>Group Three</div>
 <div id="grouplinks">
 <a href="/tagged/">link 1</a>
 
 <a href="/tagged/">link 2</a>
 
 <a href="/tagged/">link 3</a>
 
 <a href="/tagged/">link 4</a>
 
 <a href="/tagged/">link 5</a>
 
 <a href="/tagged/">link 6</a>
 
 </div></td>
 
 <td><div id="grouptitle"><big>Group Four</div>
 <div id="grouplinks">
 <a href="/tagged/">link 1</a>
 
 <a href="/tagged/">link 2</a>
 
 <a href="/tagged/">link 3</a>
 
 <a href="/tagged/">link 4</a>
 
 <a href="/tagged/">link 5</a>
 
 <a href="/tagged/">link 6</a>
 
 </div></td>
 
 
 </table>
 
 </div>
 </body>
 </html>