This week only. Pastebin PRO Accounts Christmas Special! Don't miss out!Want more features on Pastebin? Sign Up, it's FREE!

About Page 1

By: Dance-of-the-knights on Nov 2nd, 2012  |  syntax: None  |  size: 4.18 KB  |  views: 3,937  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head>
  4. <title>{Title}</title>
  5. <link rel="shortcut icon" href="{Favicon}">
  6. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  7. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  8.  
  9. <!----theme by dance-of-the-knights.tumblr.com  don't steal please--->
  10.  
  11. <head>
  12.  
  13. <style type="text/css">
  14.  
  15.  
  16. body {
  17.     background:#fcfcfc;
  18.     color:#f1f1f1;
  19.     font-family:Calibri;
  20.     font-size:11px;
  21.     line-height:100%;
  22. }
  23.  
  24. a {
  25. color:#b4b4b4;
  26. text-decoration:none;
  27. outline:none;
  28. opacity:1 ;
  29. -webkit-transition: all 0.8s;
  30. -moz-transition: all 0.8s;
  31. transition: all 0.8s;
  32. }
  33.  
  34. a:hover {
  35. color:#fcfcfc;
  36. -webkit-transition: all 0.8s;
  37. -moz-transition: all 0.8s;
  38. transition: all 0.8s;
  39. }
  40.  
  41. .sidebarlinks {
  42. position:center;
  43. width:214px;
  44. margin-top:23px;
  45. margin-left:50px;
  46. font-family:calibri;
  47. font-size:8px;
  48. text-align:center;
  49. letter-spacing:1px;
  50. background:#ffffff;
  51. border:1px solid;
  52. border-color:#f1f1f1;
  53. padding:3px;
  54.     }
  55.  
  56. .sidebarlinks a{
  57. display: inline-block;
  58. text-transform: uppercase;
  59. height: 10px;
  60. color:#b4b4b4;
  61. -webkit-transition: all 0.8s;
  62. -moz-transition: all 0.8s;
  63. transition: all 0.8s;
  64. }
  65.  
  66. .sidebarlinks a:hover{
  67.     color:#f1f1f1;
  68.     -webkit-transition: all 0.8s;
  69.     -moz-transition: all 0.8s;
  70.     transition: all 0.8s;
  71.     }
  72.  
  73. #sidebarimage {
  74.     width 200px;
  75.     height: 200px;
  76.     margin-left:50px;
  77.     margin-top:250px;
  78. }
  79.  
  80. #sidebarimage img {
  81. border: 1px solid;
  82. padding: 10px;
  83. width:200px;
  84. height: 200px;
  85. text-align:center;
  86. position:fixed;
  87. z-index:1;
  88. border-color:#f1f1f1;
  89. background:#ffffff;
  90. -webkit-transition: all 0.8s ease-in-out;
  91. -moz-transition: all 0.8s ease-in-out;
  92. -transition: all 0.8s ease-in-out;
  93. }  
  94.  
  95. .sb2{
  96. opacity:0;
  97. position:fixed;
  98. z-index:1;
  99. -webkit-transition: all 0.8s ease-in-out;
  100. -moz-transition: all 0.8s ease-in-out;
  101. -transition: all 0.8s ease-in-out;
  102. }
  103.  
  104. .sb2:hover{
  105. -webkit-transition: all 0.8s ease-in-out;
  106. -moz-transition: all 0.8s ease-in-out;
  107. -transition: all 0.8s ease-in-out;
  108. opacity:1
  109. }
  110.  
  111. #description{
  112. z-index:2;
  113. color:#b4b4b4;
  114. background:#ffffff;
  115. text-align:justify;
  116. font-style:italic;
  117. position: fixed;
  118. margin-top:-200px;
  119. margin-left:271px;
  120. border-top:1px double;
  121. border-bottom:1px double;
  122. padding:10px;
  123. border-color:#f1f1f1;
  124. width:200px;
  125. padding-right:100%;
  126.     }
  127.    
  128. #credit{
  129.     -webkit-transition: all 0.8s;
  130.     -moz-transition: all 0.8s;
  131.     transition: all 0.8s;
  132.     display:block;
  133.     border-left: 1px solid;
  134.     border-right: 1px solid;
  135.     border-top: 1px solid;
  136.     border-color:#f0f0f0;
  137.     padding:3px;
  138.     height: 10px;
  139.     background:#ffffff;
  140.     right:5px;
  141.     bottom:0px;
  142.     position:fixed;
  143.     font-family:calibri;
  144.     font-size:10px;
  145.     letter-spacing:2px;
  146. }
  147.  
  148. #credit:hover{
  149.     height: 30px;
  150.    -webkit-transition: all 0.8s;
  151.    -moz-transition: all 0.8s;
  152.     transition: all 0.8s;
  153. }
  154.    
  155.  
  156.  
  157. {CustomCSS}</style>
  158.  
  159. <script type="text/javascript"
  160. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  161.  
  162. <script type="text/javascript">
  163. $(window).load(function(){
  164. $("p").remove(":contains('Source:')");
  165. $("p").remove(":contains('(via')");
  166. });
  167. </script>
  168.  
  169. </head>
  170.  
  171. <body>
  172.  
  173. <div id="sidebarimage"><img src="http://25.media.tumblr.com/tumblr_mcvc2qS3gm1qidznao1_250.png"></a>
  174. <div class="sb2"><img src="http://25.media.tumblr.com/tumblr_mcvc2qS3gm1qidznao2_250.png"></a></div></div>
  175.  
  176. <div id="description">
  177. <big>❝&nbsp&nbsp</big>Write your description here, you can say whatever you want to say and blah blahbla idk what to say I'll write some pretty lyrics here:
  178. I don't like you, but I love you
  179. Seems that I'm always thinkin' of you
  180. Oh, you treat me badly
  181. I love you madly<big>&nbsp&nbsp❞</big></div>
  182.  
  183. <div class="sidebarlinks">
  184. <a href="/">HOME</a>&nbsp&nbsp&nbsp&nbsp
  185. <a href="/ask">MESSAGE</a>&nbsp&nbsp&nbsp&nbsp
  186. <a href="/">LINK3</a>
  187.  
  188. <div id="credit">
  189. <center>©<br>
  190. <a href="http://dance-of-the-knights.tumblr.com/">DOTK</a></div>  
  191. </body>
  192.    
  193. </html>
clone this paste RAW Paste Data